kalidea / kaligraphi Goto Github PK
View Code? Open in Web Editor NEWAngular Graphic Library Based on Angular CDK
Home Page: https://kalidea.github.io/kaligraphi/
License: MIT License
Angular Graphic Library Based on Angular CDK
Home Page: https://kalidea.github.io/kaligraphi/
License: MIT License
Check if datasource exists in kal list.
Error : Connect of undefined
EG : KalDatepickerHeaderComponent, KalMonthCalendarComponent, KalDatepickerMultiViewComponent
If we pass a new set of options the KalMenu won't close.
Example : https://stackblitz.com/edit/angular-2g7nrw?file=src%2Fapp%2Fapp.component.ts
when updating maxRate @input, rater does not reflect this change
With kal-select in multiple mode, when you click on an option, we cannot select others options with keyboard
use husky / commitizen / semantic-release
That shouldn't happen.
when update @input multiple, previous selection is not updated .
array to string
string to array
change multi for multiple
when setting a futur date (eg: 2022), datepicker should display year until futur date's year ( and above ? ) in year picker
kal-input with clearable + disable , we should hide clear icon when disabled
Enabling linear mode on KalStepper still allow the user to click on steps which shouldn't be allowed.
When using the selectAll function from KalListComponent the list still check an element disabled with disableRowsFunction
ERROR: 'Error during cleanup of component', Object{component: TestSelectComponent
TypeError: Cannot read property 'dispose' of undefined
ERROR Error: No value accessor for form control with unspecified name attribute
We can't disable an input with attribute or formControl
We should be able to set a min and max value for the kal-slider. We're limited to 0 and 100.
invalid icon to close dialog
Update the kal-form-field label when the value has changes
when leaving kal-tooltip and come back over quickly, tooltip doesn't show up ( maybe caused by leaving animation not finished )
Datepicker don't trigger valuesChanges when picking a date.
We can't hide the close button (which is an add icon, you should replace it with a close icon instead) using the KalDialogConfig.
Code :
const config = new KalDialogConfig({ title: 'Ajouter une image', disableClose: true, });
this.dialogService.open(ImageBankComponent, config);
add an autocomplete component/directive feature for kal-input
replace luxon by dayjs https://github.com/iamkun/dayjs
luxon is too heavy and has no tree shaking
EG : [label]="'My label' + object.label"
If we patch the control with null
value the field of the datepicker keep the date and isn't set to empty.
When using the afterClosed
observable on KalDialog, the result is emitted 2 times in a row.
The first value is undefined
and the second is the result.
const config = new KalDialogConfig<ImageBankDialogData>({ title: 'Ajouter une image', disableClose: true, backdropClass: 'cdk-overlay-dark-backdrop' });
const dialogRef = this.dialogService.open(ImageBankDialogComponent, config);
dialogRef.afterClosed.subscribe(
(result: ImageBankDialogData) => {
console.log(result);
}
);
You can't disable the kal-select with a reactive form.
this.control.disable()
doesn't work.
After the realase 0.57 the datepicker don't emit the picked date.
Years goes to 1940 to 2018. We should be able to change that.
we should be able to reset select component from typescript
ERROR Error: ViewDestroyedError: Attempt to use a destroyed view: detectChanges
at viewDestroyedError (core.js:16973)
at Object.debugUpdateDirectives [as updateDirectives] (core.js:20429)
at checkAndUpdateView (core.js:19828)
at callWithDebugContext (core.js:20722)
at Object.debugCheckAndUpdateView [as checkAndUpdateView] (core.js:20400)
at ViewRef_.push../node_modules/@angular/core/fesm5/core.js.ViewRef_.detectChanges (core.js:18209)
at KalInputComponent.push../node_modules/@kalidea/kaligraphi/fesm5/kalidea-kaligraphi.js.KalInputComponent.writeValue (kalidea-kaligraphi.js:954)
at forms.js:1764
at forms.js:2846
at Array.forEach ()
We should be able to set a black backdrop to the dialog
We can't set the duration of the snackbar.
duration: 100000
will still close the snackbar after 5 seconds.
Add kal-textarea that contains FormElementComponent to used in kal-form-field
Actual behavior: duplication of KalTheme
we must provide kalTheme on form-field and form-element :
<kal-form-field kalTheme="reverse">
<kal-input kalTheme="reverse"></kal-input>
</kal-form-field>
Desired behavior: propagate kalTheme from form-field to input ( and all form-element )
<kal-form-field kalTheme="reverse">
<kal-input></kal-input>
</kal-form-field>
when kal-select in mode : checkbox + multiple selection, we can select option by clicking on option text.
We should be able to select by cliking on checkbox too
we should able to change base font-size for all components by specifing rem/em as size unit
you should manage subscription to observable and unsubscribe them when not needed in kal-select
this.options.map(o => {
o.selectionChange.subscribe(event => this.optionSelected(event));
});
this.options.changes.subscribe(() => {
this.select(this.ngControl.value);
});
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.