Git Product home page Git Product logo

kaligraphi's People

Contributors

bellico avatar coco33300 avatar eliferd avatar jnhaag avatar jsp-up avatar kaljpo avatar michaelgrosio avatar xavier-up avatar ydomenjoud avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

ydomenjoud

kaligraphi's Issues

Error in kal-input : PatchValue when kal-input is destroyed

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 ()

KeyManager with autocomplete

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 :
image

propagation of kalTheme throught 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>

KalList disableRowsFunction bug

When using the selectAll function from KalListComponent the list still check an element disabled with disableRowsFunction

Linear mode not working

Enabling linear mode on KalStepper still allow the user to click on steps which shouldn't be allowed.

replace px by rem

we should able to change base font-size for all components by specifing rem/em as size unit

Add kal-textarea

Add kal-textarea that contains FormElementComponent to used in kal-form-field

memory leak

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

KalDialog afterClosed is trigerred 2 times

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

Can't disable close on KalDialog

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

Remove unwanted exports

EG : KalDatepickerHeaderComponent, KalMonthCalendarComponent, KalDatepickerMultiViewComponent

error from kal-select in test:ci

ERROR: 'Error during cleanup of component', Object{component: TestSelectComponent
TypeError: Cannot read property 'dispose' of undefined

Can't set snackbar duration

We can't set the duration of the snackbar.
duration: 100000 will still close the snackbar after 5 seconds.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.