@leanix/components 0.2.109 → 0.2.113

Sign up to get free protection for your applications and to get access to all the features.
Files changed (22) hide show
  1. package/bundles/leanix-components.umd.js +201 -5
  2. package/bundles/leanix-components.umd.js.map +1 -1
  3. package/esm2015/index.js +3 -0
  4. package/esm2015/index.js.map +1 -1
  5. package/esm2015/lib/core-ui/components/collapsible/collapsible.component.js +1 -1
  6. package/esm2015/lib/core-ui/components/collapsible/collapsible.component.js.map +1 -1
  7. package/esm2015/lib/forms-ui/components/error-message/error-message.component.js +29 -0
  8. package/esm2015/lib/forms-ui/components/error-message/error-message.component.js.map +1 -0
  9. package/esm2015/lib/forms-ui/directives/form-error.directive.js +111 -0
  10. package/esm2015/lib/forms-ui/directives/form-error.directive.js.map +1 -0
  11. package/esm2015/lib/forms-ui/directives/form-submit.directive.js +27 -0
  12. package/esm2015/lib/forms-ui/directives/form-submit.directive.js.map +1 -0
  13. package/esm2015/lib/forms-ui/forms-ui.module.js +19 -4
  14. package/esm2015/lib/forms-ui/forms-ui.module.js.map +1 -1
  15. package/fesm2015/leanix-components.js +172 -8
  16. package/fesm2015/leanix-components.js.map +1 -1
  17. package/index.d.ts +3 -0
  18. package/lib/forms-ui/components/error-message/error-message.component.d.ts +10 -0
  19. package/lib/forms-ui/directives/form-error.directive.d.ts +40 -0
  20. package/lib/forms-ui/directives/form-submit.directive.d.ts +12 -0
  21. package/lib/forms-ui/forms-ui.module.d.ts +12 -9
  22. package/package.json +1 -1
package/esm2015/index.js CHANGED
@@ -54,6 +54,7 @@ export * from './lib/forms-ui/components/currency/currency-symbol.component';
54
54
  export * from './lib/forms-ui/components/currency/currency-symbol-map.constant';
55
55
  export * from './lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.component';
56
56
  export * from './lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list-item/drag-and-drop-list-item.component';
57
+ export * from './lib/forms-ui/components/error-message/error-message.component';
57
58
  export * from './lib/forms-ui/components/form-error/form-error.component';
58
59
  export * from './lib/forms-ui/components/icon/icon.component';
59
60
  export * from './lib/forms-ui/components/multi-select/multi-select.component';
@@ -82,6 +83,8 @@ export * from './lib/forms-ui/directives/mark-invalid.directive';
82
83
  export * from './lib/forms-ui/directives/select-dropdown.directive';
83
84
  export * from './lib/forms-ui/directives/selectable-item.directive';
84
85
  export * from './lib/forms-ui/directives/selected-option.directive';
86
+ export * from './lib/forms-ui/directives/form-error.directive';
87
+ export * from './lib/forms-ui/directives/form-submit.directive';
85
88
  export * from './lib/forms-ui/models/base-select.directive';
86
89
  // Models
87
90
  export * from './lib/forms-ui/models/sorting.interface';
package/esm2015/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAE/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAEhD,cAAc;AACd,cAAc,oCAAoC,CAAC;AAEnD,QAAQ;AACR,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,0CAA0C,CAAC;AACzD,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,gDAAgD,CAAC;AAE/D,aAAa;AACb,cAAc,oDAAoD,CAAC;AACnE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AAExD,aAAa;AACb,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,gEAAgE,CAAC;AAC/E,cAAc,sDAAsD,CAAC;AACrE,cAAc,0DAA0D,CAAC;AACzE,cAAc,oDAAoD,CAAC;AACnE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oEAAoE,CAAC;AAEnF,UAAU;AACV,cAAc,kDAAkD,CAAC;AACjE,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,sCAAsC,CAAC;AAErD,YAAY;AACZ,cAAc,0CAA0C,CAAC;AAEzD,gDAAgD;AAEhD,cAAc,gCAAgC,CAAC;AAE/C,aAAa;AACb,cAAc,mEAAmE,CAAC;AAClF,cAAc,6EAA6E,CAAC;AAC5F,cAAc,6DAA6D,CAAC;AAC5E,cAAc,8DAA8D,CAAC;AAC7E,cAAc,iEAAiE,CAAC;AAChF,cAAc,2EAA2E,CAAC;AAC1F,cAAc,wGAAwG,CAAC;AACvH,cAAc,iEAAiE,CAAC;AAChF,cAAc,2DAA2D,CAAC;AAC1E,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+DAA+D,CAAC;AAC9E,cAAc,mDAAmD,CAAC;AAClE,cAAc,+DAA+D,CAAC;AAC9E,cAAc,uEAAuE,CAAC;AACtF,cAAc,iFAAiF,CAAC;AAChG,cAAc,+EAA+E,CAAC;AAC9F,cAAc,+EAA+E,CAAC;AAC9F,cAAc,uFAAuF,CAAC;AACtG,cAAc,mDAAmD,CAAC;AAClE,cAAc,iEAAiE,CAAC;AAChF,cAAc,yDAAyD,CAAC;AACxE,cAAc,yDAAyD,CAAC;AACxE,cAAc,uEAAuE,CAAC;AACtF,cAAc,iEAAiE,CAAC;AAChF,cAAc,iEAAiE,CAAC;AAChF,cAAc,uEAAuE,CAAC;AACtF,cAAc,uFAAuF,CAAC;AACtG,cAAc,2DAA2D,CAAC;AAE1E,aAAa;AACb,cAAc,qDAAqD,CAAC;AACpE,cAAc,2DAA2D,CAAC;AAC1E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,kDAAkD,CAAC;AACjE,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,iDAAiD,CAAC;AAChE,cAAc,6CAA6C,CAAC;AAE5D,SAAS;AACT,cAAc,yCAAyC,CAAC;AACxD,cAAc,uDAAuD,CAAC;AAEtE,UAAU;AACV,cAAc,4CAA4C,CAAC;AAE3D,QAAQ;AACR,cAAc,4CAA4C,CAAC;AAC3D,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AAExD,aAAa;AACb,cAAc,gEAAgE,CAAC;AAE/E,gDAAgD;AAEhD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAE/C,cAAc,iDAAiD,CAAC;AAChE,cAAc,+DAA+D,CAAC;AAC9E,cAAc,+DAA+D,CAAC;AAE9E,kDAAkD;AAElD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,uDAAuD,CAAC;AAEtE,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AAEtE,8CAA8C;AAE9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC"}
package/esm2015/lib/core-ui/components/collapsible/collapsible.component.js CHANGED
@@ -27,7 +27,7 @@ export class CollapsibleComponent {
27
27
  }
28
28
  }
29
29
  CollapsibleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: CollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
30
- CollapsibleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: CollapsibleComponent, selector: "lx-collapsible", inputs: { disableSectionToggle: "disableSectionToggle", hideSectionToggle: "hideSectionToggle", toggleSize: "toggleSize", toggleTitle: "toggleTitle", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.notClickable": "this.notClickable" } }, ngImport: i0, template: "<button\n *ngIf=\"!hideSectionToggle\"\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n type=\"button\"\n [attr.disabled]=\"disableSectionToggle ? true : null\"\n [square]=\"true\"\n (click)=\"onToggleSection($event)\"\n>\n <i class=\"far fa-angle-down\" [class.collapsed]=\"collapsed\"></i>\n</button>\n<div class=\"collapsible-title\">\n <ng-content></ng-content>\n</div>\n", styles: [":root{--lx-color-danger:#f96464;--lx-color-grey80:#c2c9d6;--lx-color-grey90:#e1e5eb}:host{position:relative;cursor:pointer;display:flex;border-bottom:1px solid #e1e5eb;padding-bottom:2px;margin-bottom:4px}:host.notClickable{cursor:default}.sectionToggle{font-size:16px;width:32px}.sectionToggle .fa-angle-down{transition:transform .2s linear}.sectionToggle .fa-angle-down.collapsed{transform:rotate(-90deg)}.collapsible-title{align-self:center;width:100%}:host(.align-left) .sectionToggle{text-align:left;width:24px}"], components: [{ type: i1.ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
30
+ CollapsibleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: CollapsibleComponent, selector: "lx-collapsible", inputs: { disableSectionToggle: "disableSectionToggle", hideSectionToggle: "hideSectionToggle", toggleSize: "toggleSize", toggleTitle: "toggleTitle", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.notClickable": "this.notClickable" } }, ngImport: i0, template: "<button\n *ngIf=\"!hideSectionToggle\"\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n type=\"button\"\n [disabled]=\"disableSectionToggle\"\n [square]=\"true\"\n (click)=\"onToggleSection($event)\"\n>\n <i class=\"far fa-angle-down\" [class.collapsed]=\"collapsed\"></i>\n</button>\n<div class=\"collapsible-title\">\n <ng-content></ng-content>\n</div>\n", styles: [":root{--lx-color-danger:#f96464;--lx-color-grey80:#c2c9d6;--lx-color-grey90:#e1e5eb}:host{position:relative;cursor:pointer;display:flex;border-bottom:1px solid #e1e5eb;padding-bottom:2px;margin-bottom:4px}:host.notClickable{cursor:default}.sectionToggle{font-size:16px;width:32px}.sectionToggle .fa-angle-down{transition:transform .2s linear}.sectionToggle .fa-angle-down.collapsed{transform:rotate(-90deg)}.collapsible-title{align-self:center;width:100%}:host(.align-left) .sectionToggle{text-align:left;width:24px}"], components: [{ type: i1.ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
31
31
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: CollapsibleComponent, decorators: [{
32
32
  type: Component,
33
33
  args: [{
package/esm2015/lib/core-ui/components/collapsible/collapsible.component.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"collapsible.component.js","sourceRoot":"","sources":["collapsible.component.ts","collapsible.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;;AAS3H,MAAM,OAAO,oBAAoB;IANjC;QAOW,SAAI,GAAG,sBAAsB,CAAC;QAE9B,yBAAoB,GAAG,KAAK,CAAC;QAC7B,sBAAiB,GAAG,KAAK,CAAC;QAC1B,eAAU,GAA4B,OAAO,CAAC;QAC9C,gBAAW,GAAG,EAAE,CAAC;QAEjB,cAAS,GAAY,KAAK,CAAC;QAC1B,oBAAe,GAAG,IAAI,YAAY,EAAW,CAAC;KAmBzD;IAjBC,IACI,YAAY;QACd,OAAO,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,iBAAiB,CAAC;IAC7D,CAAC;IAGD,OAAO,CAAC,KAAiB;QACvB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,eAAe,CAAC,KAAiB;QAC/B,IAAI,CAAC,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YACzD,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;YACjC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC3C;IACH,CAAC;;iHA3BU,oBAAoB;qGAApB,oBAAoB,uYCTjC,8bAiBA;2FDRa,oBAAoB;kBANhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,4BAA4B;oBACzC,SAAS,EAAE,CAAC,4BAA4B,CAAC;oBACzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAIU,oBAAoB;sBAA5B,KAAK;gBACG,iBAAiB;sBAAzB,KAAK;gBACG,UAAU;sBAAlB,KAAK;gBACG,WAAW;sBAAnB,KAAK;gBAEG,SAAS;sBAAjB,KAAK;gBACI,eAAe;sBAAxB,MAAM;gBAGH,YAAY;sBADf,WAAW;uBAAC,oBAAoB;gBAMjC,OAAO;sBADN,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC"}
1
+ {"version":3,"file":"collapsible.component.js","sourceRoot":"","sources":["collapsible.component.ts","collapsible.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;;AAS3H,MAAM,OAAO,oBAAoB;IANjC;QAOW,SAAI,GAAG,sBAAsB,CAAC;QAE9B,yBAAoB,GAAG,KAAK,CAAC;QAC7B,sBAAiB,GAAG,KAAK,CAAC;QAC1B,eAAU,GAA4B,OAAO,CAAC;QAC9C,gBAAW,GAAG,EAAE,CAAC;QAEjB,cAAS,GAAY,KAAK,CAAC;QAC1B,oBAAe,GAAG,IAAI,YAAY,EAAW,CAAC;KAmBzD;IAjBC,IACI,YAAY;QACd,OAAO,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,iBAAiB,CAAC;IAC7D,CAAC;IAGD,OAAO,CAAC,KAAiB;QACvB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,eAAe,CAAC,KAAiB;QAC/B,IAAI,CAAC,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YACzD,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;YACjC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC3C;IACH,CAAC;;iHA3BU,oBAAoB;qGAApB,oBAAoB,uYCTjC,2aAiBA;2FDRa,oBAAoB;kBANhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,4BAA4B;oBACzC,SAAS,EAAE,CAAC,4BAA4B,CAAC;oBACzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAIU,oBAAoB;sBAA5B,KAAK;gBACG,iBAAiB;sBAAzB,KAAK;gBACG,UAAU;sBAAlB,KAAK;gBACG,WAAW;sBAAnB,KAAK;gBAEG,SAAS;sBAAjB,KAAK;gBACI,eAAe;sBAAxB,MAAM;gBAGH,YAAY;sBADf,WAAW;uBAAC,oBAAoB;gBAMjC,OAAO;sBADN,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC"}
package/esm2015/lib/forms-ui/components/error-message/error-message.component.js ADDED
@@ -0,0 +1,29 @@
1
+ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ import * as i2 from "@ngx-translate/core";
5
+ export class ErrorMessageComponent {
6
+ constructor(cd) {
7
+ this.cd = cd;
8
+ }
9
+ set key(value) {
10
+ if (value !== this._key) {
11
+ this._key = value;
12
+ this.cd.detectChanges();
13
+ }
14
+ }
15
+ }
16
+ ErrorMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: ErrorMessageComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
17
+ ErrorMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: ErrorMessageComponent, selector: "lx-error-message", inputs: { key: "key" }, ngImport: i0, template: `<div class="error" *ngIf="_key">{{ _key | translate }}</div>`, isInline: true, styles: [".error{color:#f96464;padding:4px}"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
18
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: ErrorMessageComponent, decorators: [{
19
+ type: Component,
20
+ args: [{
21
+ selector: 'lx-error-message',
22
+ template: `<div class="error" *ngIf="_key">{{ _key | translate }}</div>`,
23
+ styleUrls: ['./error-message.component.scss'],
24
+ changeDetection: ChangeDetectionStrategy.OnPush
25
+ }]
26
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { key: [{
27
+ type: Input
28
+ }] } });
29
+ //# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/error-message/error-message.component.js.map
package/esm2015/lib/forms-ui/components/error-message/error-message.component.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"error-message.component.js","sourceRoot":"","sources":["error-message.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAqB,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;AAQ7F,MAAM,OAAO,qBAAqB;IAUhC,YAAoB,EAAqB;QAArB,OAAE,GAAF,EAAE,CAAmB;IAAG,CAAC;IAP7C,IAAa,GAAG,CAAC,KAAyB;QACxC,IAAI,KAAK,KAAK,IAAI,CAAC,IAAI,EAAE;YACvB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC;SACzB;IACH,CAAC;;kHARU,qBAAqB;sGAArB,qBAAqB,gFAJtB,8DAA8D;2FAI7D,qBAAqB;kBANjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,QAAQ,EAAE,8DAA8D;oBACxE,SAAS,EAAE,CAAC,gCAAgC,CAAC;oBAC7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;wGAIc,GAAG;sBAAf,KAAK"}
package/esm2015/lib/forms-ui/directives/form-error.directive.js ADDED
@@ -0,0 +1,111 @@
1
+ import { Directive, Host, Inject, InjectionToken, Input, Optional, Self } from '@angular/core';
2
+ import { curry } from 'lodash';
3
+ import { combineLatest, of } from 'rxjs';
4
+ import { map, startWith } from 'rxjs/operators';
5
+ import { ErrorMessageComponent } from '../components/error-message/error-message.component';
6
+ import * as i0 from "@angular/core";
7
+ import * as i1 from "@angular/forms";
8
+ import * as i2 from "./form-submit.directive";
9
+ export const FORM_CONTROL_ERROR_NAMESPACE = new InjectionToken('FORM_CONTROL_ERROR_NAMESPACE');
10
+ export const FORM_CONTROL_ERROR_DISPLAY_STRATEGY = new InjectionToken('FORM_CONTROL_ERROR_DISPLAY_STRATEGY');
11
+ export const provideFormControlErrorNamespace = (namespace) => ({
12
+ provide: FORM_CONTROL_ERROR_NAMESPACE,
13
+ useValue: namespace
14
+ });
15
+ export const provideFormControlErrorDisplayStrategy = (fn) => ({
16
+ provide: FORM_CONTROL_ERROR_DISPLAY_STRATEGY,
17
+ useValue: fn
18
+ });
19
+ export class FormErrorDirective {
20
+ constructor(viewContainer, componentFactoryResolver, ngControl, formSubmitDirective, namespace, strategy) {
21
+ this.viewContainer = viewContainer;
22
+ this.componentFactoryResolver = componentFactoryResolver;
23
+ this.ngControl = ngControl;
24
+ this.formSubmitDirective = formSubmitDirective;
25
+ this.namespace = namespace;
26
+ this.strategy = strategy;
27
+ }
28
+ get control() {
29
+ var _a;
30
+ return ((_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.control) || this.ctrl;
31
+ }
32
+ get name() {
33
+ var _a;
34
+ return ((_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.name) || this.controlName;
35
+ }
36
+ get formSubmitted() {
37
+ return this.formSubmitDirective ? this.formSubmitDirective.submitted$ : of(undefined);
38
+ }
39
+ ngOnInit() {
40
+ const control = this.control;
41
+ if (isAbstractControl(control)) {
42
+ this.subscritpion = combineLatest([control.valueChanges.pipe(startWith(control.value)), this.formSubmitted])
43
+ .pipe(map(([, submitted]) => submitted), map(resolveStrategy(this.strategy, control)))
44
+ .subscribe((display) => {
45
+ const { errors } = control;
46
+ if (errors && display) {
47
+ const firstErrorKey = Object.keys(errors)[0];
48
+ const translationKey = this.buildTranslationKey(firstErrorKey);
49
+ this.setError(translationKey);
50
+ }
51
+ else if (this.ref) {
52
+ this.setError();
53
+ }
54
+ });
55
+ }
56
+ }
57
+ buildTranslationKey(errorKey) {
58
+ if (this.control) {
59
+ return `${this.namespace || 'form'}.errors.${this.name ? `${this.name}.` : ''}${errorKey}`;
60
+ }
61
+ else {
62
+ return '';
63
+ }
64
+ }
65
+ setError(key) {
66
+ if (!this.ref) {
67
+ const factory = this.componentFactoryResolver.resolveComponentFactory(ErrorMessageComponent);
68
+ this.ref = this.viewContainer.createComponent(factory);
69
+ }
70
+ this.ref.instance.key = key;
71
+ }
72
+ ngOnDestroy() {
73
+ if (this.subscritpion) {
74
+ this.subscritpion.unsubscribe();
75
+ }
76
+ }
77
+ }
78
+ FormErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: FormErrorDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: i1.NgControl, optional: true, self: true }, { token: i2.FormSubmitDirective, host: true, optional: true }, { token: FORM_CONTROL_ERROR_NAMESPACE, optional: true }, { token: FORM_CONTROL_ERROR_DISPLAY_STRATEGY, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
79
+ FormErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.1.4", type: FormErrorDirective, selector: "[lxFormError]", inputs: { ctrl: ["lxFormError", "ctrl"], controlName: "controlName" }, ngImport: i0 });
80
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: FormErrorDirective, decorators: [{
81
+ type: Directive,
82
+ args: [{
83
+ selector: '[lxFormError]'
84
+ }]
85
+ }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: i1.NgControl, decorators: [{
86
+ type: Optional
87
+ }, {
88
+ type: Self
89
+ }] }, { type: i2.FormSubmitDirective, decorators: [{
90
+ type: Optional
91
+ }, {
92
+ type: Host
93
+ }] }, { type: undefined, decorators: [{
94
+ type: Optional
95
+ }, {
96
+ type: Inject,
97
+ args: [FORM_CONTROL_ERROR_NAMESPACE]
98
+ }] }, { type: undefined, decorators: [{
99
+ type: Optional
100
+ }, {
101
+ type: Inject,
102
+ args: [FORM_CONTROL_ERROR_DISPLAY_STRATEGY]
103
+ }] }]; }, propDecorators: { ctrl: [{
104
+ type: Input,
105
+ args: ['lxFormError']
106
+ }], controlName: [{
107
+ type: Input
108
+ }] } });
109
+ const isAbstractControl = (ctrl) => !!ctrl;
110
+ const resolveStrategy = curry((strategy, control, submitted) => strategy ? strategy({ control, submitted }) : true);
111
+ //# sourceMappingURL=../../../../../../../libs/components/src/lib/forms-ui/directives/form-error.directive.js.map
package/esm2015/lib/forms-ui/directives/form-error.directive.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-error.directive.js","sourceRoot":"","sources":["form-error.directive.ts"],"names":[],"mappings":"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"}
package/esm2015/lib/forms-ui/directives/form-submit.directive.js ADDED
@@ -0,0 +1,27 @@
1
+ import { Directive } from '@angular/core';
2
+ import { BehaviorSubject, fromEvent } from 'rxjs';
3
+ import { take } from 'rxjs/operators';
4
+ import * as i0 from "@angular/core";
5
+ export class FormSubmitDirective {
6
+ constructor(elementRef) {
7
+ this.elementRef = elementRef;
8
+ this.submitted$ = new BehaviorSubject(false);
9
+ this.subscription = fromEvent(this.elementRef.nativeElement, 'submit')
10
+ .pipe(take(1))
11
+ .subscribe(() => this.submitted$.next(true));
12
+ }
13
+ ngOnDestroy() {
14
+ if (this.subscription) {
15
+ this.subscription.unsubscribe();
16
+ }
17
+ }
18
+ }
19
+ FormSubmitDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: FormSubmitDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
20
+ FormSubmitDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.1.4", type: FormSubmitDirective, selector: "[lxFormSubmit]", ngImport: i0 });
21
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: FormSubmitDirective, decorators: [{
22
+ type: Directive,
23
+ args: [{
24
+ selector: '[lxFormSubmit]'
25
+ }]
26
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
27
+ //# sourceMappingURL=../../../../../../../libs/components/src/lib/forms-ui/directives/form-submit.directive.js.map
package/esm2015/lib/forms-ui/directives/form-submit.directive.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-submit.directive.js","sourceRoot":"","sources":["form-submit.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;;AAKtC,MAAM,OAAO,mBAAmB;IAI9B,YAAoB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;QAH1C,eAAU,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QAItC,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,QAAQ,CAAC;aACnE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACb,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACjC;IACH,CAAC;;gHAdU,mBAAmB;oGAAnB,mBAAmB;2FAAnB,mBAAmB;kBAH/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;iBAC3B"}
package/esm2015/lib/forms-ui/forms-ui.module.js CHANGED
@@ -16,6 +16,7 @@ import { CurrencySymbolComponent } from './components/currency/currency-symbol.c
16
16
  import { DateInputComponent } from './components/date-input/date-input.component';
17
17
  import { DragAndDropListItemComponent } from './components/drag-and-drop-list/drag-and-drop-list-item/drag-and-drop-list-item.component';
18
18
  import { DragAndDropListComponent } from './components/drag-and-drop-list/drag-and-drop-list.component';
19
+ import { ErrorMessageComponent } from './components/error-message/error-message.component';
19
20
  import { FormErrorComponent } from './components/form-error/form-error.component';
20
21
  import { IconComponent } from './components/icon/icon.component';
21
22
  import { InputComponent } from './components/input/input.component';
@@ -35,6 +36,8 @@ import { SingleSelectComponent } from './components/single-select/single-select.
35
36
  import { SliderToggleComponent } from './components/slider-toggle/slider-toggle.component';
36
37
  import { SortingDropdownTriggerComponent } from './components/sorting-dropdown-trigger/sorting-dropdown-trigger.component';
37
38
  import { SortingDropdownComponent } from './components/sorting-dropdown/sorting-dropdown.component';
39
+ import { FormErrorDirective } from './directives/form-error.directive';
40
+ import { FormSubmitDirective } from './directives/form-submit.directive';
38
41
  import { KeyboardActionSourceDirective } from './directives/keyboard-action-source.directive';
39
42
  import { MarkInvalidDirective } from './directives/mark-invalid.directive';
40
43
  import { SelectDropdownDirective } from './directives/select-dropdown.directive';
@@ -83,7 +86,10 @@ LxFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
83
86
  SortingDropdownComponent,
84
87
  SortingDropdownTriggerComponent,
85
88
  InputComponent,
86
- FormatNumberPipe], imports: [CommonModule,
89
+ FormatNumberPipe,
90
+ FormErrorDirective,
91
+ ErrorMessageComponent,
92
+ FormSubmitDirective], imports: [CommonModule,
87
93
  DragDropModule,
88
94
  FormsModule,
89
95
  ReactiveFormsModule, i1.TranslateModule, DatepickerModule,
@@ -123,7 +129,10 @@ LxFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
123
129
  SliderToggleComponent,
124
130
  SortingDropdownComponent,
125
131
  SortingDropdownTriggerComponent,
126
- FormatNumberPipe] });
132
+ FormatNumberPipe,
133
+ FormErrorDirective,
134
+ FormSubmitDirective,
135
+ ErrorMessageComponent] });
127
136
  LxFormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: LxFormsModule, imports: [[
128
137
  CommonModule,
129
138
  DragDropModule,
@@ -174,7 +183,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImpor
174
183
  SortingDropdownComponent,
175
184
  SortingDropdownTriggerComponent,
176
185
  InputComponent,
177
- FormatNumberPipe
186
+ FormatNumberPipe,
187
+ FormErrorDirective,
188
+ ErrorMessageComponent,
189
+ FormSubmitDirective
178
190
  ],
179
191
  imports: [
180
192
  CommonModule,
@@ -222,7 +234,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImpor
222
234
  SliderToggleComponent,
223
235
  SortingDropdownComponent,
224
236
  SortingDropdownTriggerComponent,
225
- FormatNumberPipe
237
+ FormatNumberPipe,
238
+ FormErrorDirective,
239
+ FormSubmitDirective,
240
+ ErrorMessageComponent
226
241
  ]
227
242
  }]
228
243
  }] });
package/esm2015/lib/forms-ui/forms-ui.module.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"forms-ui.module.js","sourceRoot":"","sources":["forms-ui.module.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"forms-ui.module.js","sourceRoot":"","sources":["forms-ui.module.ts"],"names":[],"mappings":"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"}
package/fesm2015/leanix-components.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as i2 from '@angular/common';
2
2
  import { CommonModule, formatDate } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
- import { Component, Input, HostBinding, ChangeDetectionStrategy, EventEmitter, Output, HostListener, Directive, Pipe, SecurityContext, ContentChildren, Injectable, InjectionToken, Optional, Inject, NgModule, ViewChildren, ViewChild, ContentChild, forwardRef, TemplateRef } from '@angular/core';
4
+ import { Component, Input, HostBinding, ChangeDetectionStrategy, EventEmitter, Output, HostListener, Directive, Pipe, SecurityContext, ContentChildren, Injectable, InjectionToken, Optional, Inject, NgModule, ViewChildren, ViewChild, ContentChild, forwardRef, TemplateRef, Self, Host } from '@angular/core';
5
5
  import * as i3$3 from '@angular/cdk/portal';
6
6
  import { ComponentPortal, CdkPortal, PortalModule } from '@angular/cdk/portal';
7
7
  import * as i1 from '@angular/cdk/overlay';
@@ -12,10 +12,11 @@ import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
12
12
  import * as i1$1 from '@angular/platform-browser';
13
13
  import * as i6 from 'rxjs';
14
14
  import { merge, Subject, fromEvent, Observable, BehaviorSubject, combineLatest, ReplaySubject, of } from 'rxjs';
15
- import { takeUntil, first, startWith, filter, withLatestFrom, delay, map, distinctUntilChanged, switchMap, debounceTime, mapTo, skipWhile, tap } from 'rxjs/operators';
15
+ import { takeUntil, first, startWith, filter, withLatestFrom, delay, map, distinctUntilChanged, switchMap, debounceTime, mapTo, skipWhile, tap, take } from 'rxjs/operators';
16
16
  import * as Color from 'color';
17
17
  import { format, distanceInWords, startOfDay } from 'date-fns';
18
18
  import * as _ from 'lodash';
19
+ import { curry } from 'lodash';
19
20
  import { Renderer, parse } from 'marked';
20
21
  import * as i3$2 from '@angular/cdk/drag-drop';
21
22
  import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
@@ -224,7 +225,7 @@ class CollapsibleComponent {
224
225
  }
225
226
  }
226
227
  CollapsibleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: CollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
227
- CollapsibleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: CollapsibleComponent, selector: "lx-collapsible", inputs: { disableSectionToggle: "disableSectionToggle", hideSectionToggle: "hideSectionToggle", toggleSize: "toggleSize", toggleTitle: "toggleTitle", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.notClickable": "this.notClickable" } }, ngImport: i0, template: "<button\n *ngIf=\"!hideSectionToggle\"\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n type=\"button\"\n [attr.disabled]=\"disableSectionToggle ? true : null\"\n [square]=\"true\"\n (click)=\"onToggleSection($event)\"\n>\n <i class=\"far fa-angle-down\" [class.collapsed]=\"collapsed\"></i>\n</button>\n<div class=\"collapsible-title\">\n <ng-content></ng-content>\n</div>\n", styles: [":root{--lx-color-danger:#f96464;--lx-color-grey80:#c2c9d6;--lx-color-grey90:#e1e5eb}:host{position:relative;cursor:pointer;display:flex;border-bottom:1px solid #e1e5eb;padding-bottom:2px;margin-bottom:4px}:host.notClickable{cursor:default}.sectionToggle{font-size:16px;width:32px}.sectionToggle .fa-angle-down{transition:transform .2s linear}.sectionToggle .fa-angle-down.collapsed{transform:rotate(-90deg)}.collapsible-title{align-self:center;width:100%}:host(.align-left) .sectionToggle{text-align:left;width:24px}"], components: [{ type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
228
+ CollapsibleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: CollapsibleComponent, selector: "lx-collapsible", inputs: { disableSectionToggle: "disableSectionToggle", hideSectionToggle: "hideSectionToggle", toggleSize: "toggleSize", toggleTitle: "toggleTitle", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.notClickable": "this.notClickable" } }, ngImport: i0, template: "<button\n *ngIf=\"!hideSectionToggle\"\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n type=\"button\"\n [disabled]=\"disableSectionToggle\"\n [square]=\"true\"\n (click)=\"onToggleSection($event)\"\n>\n <i class=\"far fa-angle-down\" [class.collapsed]=\"collapsed\"></i>\n</button>\n<div class=\"collapsible-title\">\n <ng-content></ng-content>\n</div>\n", styles: [":root{--lx-color-danger:#f96464;--lx-color-grey80:#c2c9d6;--lx-color-grey90:#e1e5eb}:host{position:relative;cursor:pointer;display:flex;border-bottom:1px solid #e1e5eb;padding-bottom:2px;margin-bottom:4px}:host.notClickable{cursor:default}.sectionToggle{font-size:16px;width:32px}.sectionToggle .fa-angle-down{transition:transform .2s linear}.sectionToggle .fa-angle-down.collapsed{transform:rotate(-90deg)}.collapsible-title{align-self:center;width:100%}:host(.align-left) .sectionToggle{text-align:left;width:24px}"], components: [{ type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
228
229
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: CollapsibleComponent, decorators: [{
229
230
  type: Component,
230
231
  args: [{
@@ -3085,6 +3086,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImpor
3085
3086
  args: ['itemTemplate']
3086
3087
  }] } });
3087
3088
 
3089
+ class ErrorMessageComponent {
3090
+ constructor(cd) {
3091
+ this.cd = cd;
3092
+ }
3093
+ set key(value) {
3094
+ if (value !== this._key) {
3095
+ this._key = value;
3096
+ this.cd.detectChanges();
3097
+ }
3098
+ }
3099
+ }
3100
+ ErrorMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: ErrorMessageComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
3101
+ ErrorMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: ErrorMessageComponent, selector: "lx-error-message", inputs: { key: "key" }, ngImport: i0, template: `<div class="error" *ngIf="_key">{{ _key | translate }}</div>`, isInline: true, styles: [".error{color:#f96464;padding:4px}"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$2.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
3102
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: ErrorMessageComponent, decorators: [{
3103
+ type: Component,
3104
+ args: [{
3105
+ selector: 'lx-error-message',
3106
+ template: `<div class="error" *ngIf="_key">{{ _key | translate }}</div>`,
3107
+ styleUrls: ['./error-message.component.scss'],
3108
+ changeDetection: ChangeDetectionStrategy.OnPush
3109
+ }]
3110
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { key: [{
3111
+ type: Input
3112
+ }] } });
3113
+
3088
3114
  class FormErrorComponent {
3089
3115
  constructor() {
3090
3116
  this.translationKeys = [];
@@ -4954,6 +4980,132 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImpor
4954
4980
  type: Output
4955
4981
  }] } });
4956
4982
 
4983
+ class FormSubmitDirective {
4984
+ constructor(elementRef) {
4985
+ this.elementRef = elementRef;
4986
+ this.submitted$ = new BehaviorSubject(false);
4987
+ this.subscription = fromEvent(this.elementRef.nativeElement, 'submit')
4988
+ .pipe(take(1))
4989
+ .subscribe(() => this.submitted$.next(true));
4990
+ }
4991
+ ngOnDestroy() {
4992
+ if (this.subscription) {
4993
+ this.subscription.unsubscribe();
4994
+ }
4995
+ }
4996
+ }
4997
+ FormSubmitDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: FormSubmitDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4998
+ FormSubmitDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.1.4", type: FormSubmitDirective, selector: "[lxFormSubmit]", ngImport: i0 });
4999
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: FormSubmitDirective, decorators: [{
5000
+ type: Directive,
5001
+ args: [{
5002
+ selector: '[lxFormSubmit]'
5003
+ }]
5004
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
5005
+
5006
+ const FORM_CONTROL_ERROR_NAMESPACE = new InjectionToken('FORM_CONTROL_ERROR_NAMESPACE');
5007
+ const FORM_CONTROL_ERROR_DISPLAY_STRATEGY = new InjectionToken('FORM_CONTROL_ERROR_DISPLAY_STRATEGY');
5008
+ const provideFormControlErrorNamespace = (namespace) => ({
5009
+ provide: FORM_CONTROL_ERROR_NAMESPACE,
5010
+ useValue: namespace
5011
+ });
5012
+ const provideFormControlErrorDisplayStrategy = (fn) => ({
5013
+ provide: FORM_CONTROL_ERROR_DISPLAY_STRATEGY,
5014
+ useValue: fn
5015
+ });
5016
+ class FormErrorDirective {
5017
+ constructor(viewContainer, componentFactoryResolver, ngControl, formSubmitDirective, namespace, strategy) {
5018
+ this.viewContainer = viewContainer;
5019
+ this.componentFactoryResolver = componentFactoryResolver;
5020
+ this.ngControl = ngControl;
5021
+ this.formSubmitDirective = formSubmitDirective;
5022
+ this.namespace = namespace;
5023
+ this.strategy = strategy;
5024
+ }
5025
+ get control() {
5026
+ var _a;
5027
+ return ((_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.control) || this.ctrl;
5028
+ }
5029
+ get name() {
5030
+ var _a;
5031
+ return ((_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.name) || this.controlName;
5032
+ }
5033
+ get formSubmitted() {
5034
+ return this.formSubmitDirective ? this.formSubmitDirective.submitted$ : of(undefined);
5035
+ }
5036
+ ngOnInit() {
5037
+ const control = this.control;
5038
+ if (isAbstractControl(control)) {
5039
+ this.subscritpion = combineLatest([control.valueChanges.pipe(startWith(control.value)), this.formSubmitted])
5040
+ .pipe(map(([, submitted]) => submitted), map(resolveStrategy(this.strategy, control)))
5041
+ .subscribe((display) => {
5042
+ const { errors } = control;
5043
+ if (errors && display) {
5044
+ const firstErrorKey = Object.keys(errors)[0];
5045
+ const translationKey = this.buildTranslationKey(firstErrorKey);
5046
+ this.setError(translationKey);
5047
+ }
5048
+ else if (this.ref) {
5049
+ this.setError();
5050
+ }
5051
+ });
5052
+ }
5053
+ }
5054
+ buildTranslationKey(errorKey) {
5055
+ if (this.control) {
5056
+ return `${this.namespace || 'form'}.errors.${this.name ? `${this.name}.` : ''}${errorKey}`;
5057
+ }
5058
+ else {
5059
+ return '';
5060
+ }
5061
+ }
5062
+ setError(key) {
5063
+ if (!this.ref) {
5064
+ const factory = this.componentFactoryResolver.resolveComponentFactory(ErrorMessageComponent);
5065
+ this.ref = this.viewContainer.createComponent(factory);
5066
+ }
5067
+ this.ref.instance.key = key;
5068
+ }
5069
+ ngOnDestroy() {
5070
+ if (this.subscritpion) {
5071
+ this.subscritpion.unsubscribe();
5072
+ }
5073
+ }
5074
+ }
5075
+ FormErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: FormErrorDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: i3$1.NgControl, optional: true, self: true }, { token: FormSubmitDirective, host: true, optional: true }, { token: FORM_CONTROL_ERROR_NAMESPACE, optional: true }, { token: FORM_CONTROL_ERROR_DISPLAY_STRATEGY, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
5076
+ FormErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.1.4", type: FormErrorDirective, selector: "[lxFormError]", inputs: { ctrl: ["lxFormError", "ctrl"], controlName: "controlName" }, ngImport: i0 });
5077
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: FormErrorDirective, decorators: [{
5078
+ type: Directive,
5079
+ args: [{
5080
+ selector: '[lxFormError]'
5081
+ }]
5082
+ }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: i3$1.NgControl, decorators: [{
5083
+ type: Optional
5084
+ }, {
5085
+ type: Self
5086
+ }] }, { type: FormSubmitDirective, decorators: [{
5087
+ type: Optional
5088
+ }, {
5089
+ type: Host
5090
+ }] }, { type: undefined, decorators: [{
5091
+ type: Optional
5092
+ }, {
5093
+ type: Inject,
5094
+ args: [FORM_CONTROL_ERROR_NAMESPACE]
5095
+ }] }, { type: undefined, decorators: [{
5096
+ type: Optional
5097
+ }, {
5098
+ type: Inject,
5099
+ args: [FORM_CONTROL_ERROR_DISPLAY_STRATEGY]
5100
+ }] }]; }, propDecorators: { ctrl: [{
5101
+ type: Input,
5102
+ args: ['lxFormError']
5103
+ }], controlName: [{
5104
+ type: Input
5105
+ }] } });
5106
+ const isAbstractControl = (ctrl) => !!ctrl;
5107
+ const resolveStrategy = curry((strategy, control, submitted) => strategy ? strategy({ control, submitted }) : true);
5108
+
4957
5109
  class FilterSelectionPipe {
4958
5110
  transform(items, selection, itemKey) {
4959
5111
  const isArray = Array.isArray(selection);
@@ -5102,7 +5254,10 @@ LxFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
5102
5254
  SortingDropdownComponent,
5103
5255
  SortingDropdownTriggerComponent,
5104
5256
  InputComponent,
5105
- FormatNumberPipe], imports: [CommonModule,
5257
+ FormatNumberPipe,
5258
+ FormErrorDirective,
5259
+ ErrorMessageComponent,
5260
+ FormSubmitDirective], imports: [CommonModule,
5106
5261
  DragDropModule,
5107
5262
  FormsModule,
5108
5263
  ReactiveFormsModule, i1$2.TranslateModule, DatepickerModule,
@@ -5142,7 +5297,10 @@ LxFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
5142
5297
  SliderToggleComponent,
5143
5298
  SortingDropdownComponent,
5144
5299
  SortingDropdownTriggerComponent,
5145
- FormatNumberPipe] });
5300
+ FormatNumberPipe,
5301
+ FormErrorDirective,
5302
+ FormSubmitDirective,
5303
+ ErrorMessageComponent] });
5146
5304
  LxFormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: LxFormsModule, imports: [[
5147
5305
  CommonModule,
5148
5306
  DragDropModule,
@@ -5193,7 +5351,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImpor
5193
5351
  SortingDropdownComponent,
5194
5352
  SortingDropdownTriggerComponent,
5195
5353
  InputComponent,
5196
- FormatNumberPipe
5354
+ FormatNumberPipe,
5355
+ FormErrorDirective,
5356
+ ErrorMessageComponent,
5357
+ FormSubmitDirective
5197
5358
  ],
5198
5359
  imports: [
5199
5360
  CommonModule,
@@ -5241,7 +5402,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImpor
5241
5402
  SliderToggleComponent,
5242
5403
  SortingDropdownComponent,
5243
5404
  SortingDropdownTriggerComponent,
5244
- FormatNumberPipe
5405
+ FormatNumberPipe,
5406
+ FormErrorDirective,
5407
+ FormSubmitDirective,
5408
+ ErrorMessageComponent
5245
5409
  ]
5246
5410
  }]
5247
5411
  }] });
@@ -6026,5 +6190,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImpor
6026
6190
  * Generated bundle index. Do not edit.
6027
6191
  */
6028
6192
 
6029
- export { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, AfterViewInitDirective, AutocloseDirective, AutofocusDirective, BACKSPACE, BadgeComponent, BaseSelectDirective, BasicDropdownComponent, BasicDropdownItemComponent, BrPipe, ButtonComponent, ButtonGroupComponent, CURRENCY_SYMBOL_MAP, CardComponent, CdkOptionsDropdownComponent, CdkOptionsSubDropdownComponent, CollapsibleComponent, ColoredLabelComponent, ContrastColorPipe, CurrencyInputComponent, CurrencySymbolComponent, CustomDatePipe, DATE_FN_LOCALE, DATE_FORMATS, DateInputComponent, DragAndDropListComponent, DragAndDropListItemComponent, ENTER, ESCAPE, EllipsisComponent, FilterSelectionPipe, FilterTermPipe, FormErrorComponent, FormatNumberPipe, GLOBAL_TRANSLATION_OPTIONS, HighlightRangePipe, HighlightTermPipe, HtmlDirective, IconComponent, IconScaleComponent, KeyboardActionSourceDirective, KeyboardSelectAction, KeyboardSelectDirective, LOCALE_FN, LxCoreUiModule, LxFormsModule, LxIsUuidPipe, LxModalModule, LxPopoverUiModule, LxTabUiModule, LxTimeAgo, LxTooltipModule, LxTranslatePipe, MODAL_CLOSE, MarkInvalidDirective, MarkdownPipe, ModalComponent, ModalFooterComponent, ModalHeaderComponent, MultiSelectComponent, NbspPipe, OptionComponent, OptionGroupComponent, OptionGroupDropdownComponent, OptionsDropdownComponent, OptionsSubDropdownComponent, PickerComponent, PickerOptionComponent, PickerTriggerDirective, PillItemComponent, PillListComponent, PopoverClickDirective, PopoverComponent, PopoverContentDirective, PopoverHoverDirective, Required, ResponsiveInputComponent, SPACE, SelectDropdownDirective, SelectableItemDirective, SelectedOptionDirective, SingleSelectComponent, SliderToggleComponent, SortPipe, Sorting, SortingDropdownComponent, SortingDropdownTriggerComponent, SpinnerComponent, TAB, TabComponent, TabGroupComponent, TableComponent, TableHeaderComponent, TinySpinnerComponent, TooltipComponent, TooltipDirective, TranslationAfterPipe, TranslationBeforePipe, TranslationBetweenPipe, UnescapeCurlyBracesPipe, ValidateDateInForeseeableFuture, getContrastColor, getTranslationParts, isValidHexColor, isValidX, isValidY, shorthandHexHandle };
6193
+ export { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, AfterViewInitDirective, AutocloseDirective, AutofocusDirective, BACKSPACE, BadgeComponent, BaseSelectDirective, BasicDropdownComponent, BasicDropdownItemComponent, BrPipe, ButtonComponent, ButtonGroupComponent, CURRENCY_SYMBOL_MAP, CardComponent, CdkOptionsDropdownComponent, CdkOptionsSubDropdownComponent, CollapsibleComponent, ColoredLabelComponent, ContrastColorPipe, CurrencyInputComponent, CurrencySymbolComponent, CustomDatePipe, DATE_FN_LOCALE, DATE_FORMATS, DateInputComponent, DragAndDropListComponent, DragAndDropListItemComponent, ENTER, ESCAPE, EllipsisComponent, ErrorMessageComponent, FORM_CONTROL_ERROR_DISPLAY_STRATEGY, FORM_CONTROL_ERROR_NAMESPACE, FilterSelectionPipe, FilterTermPipe, FormErrorComponent, FormErrorDirective, FormSubmitDirective, FormatNumberPipe, GLOBAL_TRANSLATION_OPTIONS, HighlightRangePipe, HighlightTermPipe, HtmlDirective, IconComponent, IconScaleComponent, KeyboardActionSourceDirective, KeyboardSelectAction, KeyboardSelectDirective, LOCALE_FN, LxCoreUiModule, LxFormsModule, LxIsUuidPipe, LxModalModule, LxPopoverUiModule, LxTabUiModule, LxTimeAgo, LxTooltipModule, LxTranslatePipe, MODAL_CLOSE, MarkInvalidDirective, MarkdownPipe, ModalComponent, ModalFooterComponent, ModalHeaderComponent, MultiSelectComponent, NbspPipe, OptionComponent, OptionGroupComponent, OptionGroupDropdownComponent, OptionsDropdownComponent, OptionsSubDropdownComponent, PickerComponent, PickerOptionComponent, PickerTriggerDirective, PillItemComponent, PillListComponent, PopoverClickDirective, PopoverComponent, PopoverContentDirective, PopoverHoverDirective, Required, ResponsiveInputComponent, SPACE, SelectDropdownDirective, SelectableItemDirective, SelectedOptionDirective, SingleSelectComponent, SliderToggleComponent, SortPipe, Sorting, SortingDropdownComponent, SortingDropdownTriggerComponent, SpinnerComponent, TAB, TabComponent, TabGroupComponent, TableComponent, TableHeaderComponent, TinySpinnerComponent, TooltipComponent, TooltipDirective, TranslationAfterPipe, TranslationBeforePipe, TranslationBetweenPipe, UnescapeCurlyBracesPipe, ValidateDateInForeseeableFuture, getContrastColor, getTranslationParts, isValidHexColor, isValidX, isValidY, provideFormControlErrorDisplayStrategy, provideFormControlErrorNamespace, shorthandHexHandle };
6030
6194
  //# sourceMappingURL=leanix-components.js.map