kalidea / kaligraphi Goto Github PK

Check if datasource exists in kal list.
Error : Connect of undefined

EG : KalDatepickerHeaderComponent, KalMonthCalendarComponent, KalDatepickerMultiViewComponent

When using arrow keys to select an option, the scroll don't follow the key manager. The problem seems to happen with the kal-autocomplete max height :

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 clearing the field and open the datepicker again it throws an error :

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);
    });