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
when update @input multiple, previous selection is not updated .
array to string
string to array
With kal-select in multiple mode, when you click on an option, we cannot select others options with keyboard
We should be able to set a black backdrop to the dialog
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
change multi for multiple
If we patch the control with null
value the field of the datepicker keep the date and isn't set to empty.
After the realase 0.57 the datepicker don't emit the picked date.
when leaving kal-tooltip and come back over quickly, tooltip doesn't show up ( maybe caused by leaving animation not finished )
add an autocomplete component/directive feature for kal-input
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 ()
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 using the selectAll function from KalListComponent the list still check an element disabled with disableRowsFunction
Check if datasource exists in kal list.
Error : Connect of undefined
use husky / commitizen / semantic-release
replace luxon by dayjs https://github.com/iamkun/dayjs
luxon is too heavy and has no tree shaking
Enabling linear mode on KalStepper still allow the user to click on steps which shouldn't be allowed.
We should be able to set a min and max value for the kal-slider. We're limited to 0 and 100.
You can't disable the kal-select with a reactive form.
this.control.disable()
doesn't work.
we should able to change base font-size for all components by specifing rem/em as size unit
We can't disable an input with attribute or formControl
Add kal-textarea that contains FormElementComponent to used in kal-form-field
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);
});
invalid icon to close dialog
That shouldn't happen.
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);
}
);
EG : [label]="'My label' + object.label"
Update the kal-form-field label when the value has changes
Datepicker don't trigger valuesChanges when picking a date.
ERROR Error: No value accessor for form control with unspecified name attribute
Years goes to 1940 to 2018. We should be able to change that.
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);
kal-input with clearable + disable , we should hide clear icon when disabled
we should be able to reset select component from typescript
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
EG : KalDatepickerHeaderComponent, KalMonthCalendarComponent, KalDatepickerMultiViewComponent
ERROR: 'Error during cleanup of component', Object{component: TestSelectComponent
TypeError: Cannot read property 'dispose' of undefined
when setting a futur date (eg: 2022), datepicker should display year until futur date's year ( and above ? ) in year picker
when updating maxRate @input, rater does not reflect this change
We can't set the duration of the snackbar.
duration: 100000
will still close the snackbar after 5 seconds.
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.