@rlucan/ui 14.2.6 → 16.2.2

package/esm2022/lib/layouts/base/ui-base-layout.component.mjs

@@ -1,22 +1,22 @@
-import { Component, HostBinding, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/tooltip";
-import * as i3 from "../../elements/validation-message/validation-message.component";
-export class UiBaseLayoutComponent {
-    get class() {
-        return `${this.ctx.isInvalid ? 'invalid ' : ''} ${this.ctx.inputMessagesPosition}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiBaseLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: UiBaseLayoutComponent, selector: "ui-base-layout", inputs: { ctx: "ctx" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div class=\"label\" *ngIf=\"ctx.label\">\r\n  <div class=\"text-container\" [matTooltip]=\"false && ctx.required ? 'Povinn\u00E1 polo\u017Eka' : undefined\" [matTooltipPosition]=\"'above'\">\r\n    <div class=\"text\" >{{ctx.label}}</div>\r\n    <div *ngIf=\"false && ctx.required\" class=\"required\">*</div>\r\n  </div>\r\n  <ng-content select=\".counter-top\"></ng-content>\r\n</div>\r\n\r\n<ng-content></ng-content>\r\n\r\n<div class=\"hint-container\" *ngIf=\"ctx.useInputMessages === 'always' || (ctx.useInputMessages === 'ondemand' && (ctx.isInvalid || ctx.hint))\">\r\n  <ui-validation-message class=\"invalid\" *ngIf=\"ctx.isInvalid\" [validationErrors]=\"ctx.validationErrors\"></ui-validation-message>\r\n  <div class=\"hint\" *ngIf=\"!ctx.isInvalid && ctx.hint\" [innerHTML]=\"ctx.hint\"></div>\r\n  <ng-container *ngIf=\"!ctx.label\">\r\n    <ng-content select=\".counter-bottom\"></ng-content>\r\n  </ng-container>\r\n</div>\r\n", styles: [":host{width:100%;display:flex;flex-direction:column}:host .label{display:flex;align-items:center}:host .label .text-container{display:flex;align-items:center}:host .label .text-container .text{font-size:.9em;line-height:1em;padding:6px 0 4px}:host .label .text-container .required{align-self:baseline;padding:0 4px;font-size:1.2em}:host ::ng-deep .counter{margin-left:auto;padding-right:.4em}:host ::ng-deep .counter.counter-top{font-size:.8em}:host.absolute{position:relative}:host.absolute .hint-container{position:absolute;bottom:-1.2em;width:100vw}:host .hint-container{display:flex;height:1.2em;text-align:left;font-size:.8em;margin-top:.1em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i3.ValidationMessageComponent, selector: "ui-validation-message", inputs: ["validationErrors"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiBaseLayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-base-layout', template: "<div class=\"label\" *ngIf=\"ctx.label\">\r\n  <div class=\"text-container\" [matTooltip]=\"false && ctx.required ? 'Povinn\u00E1 polo\u017Eka' : undefined\" [matTooltipPosition]=\"'above'\">\r\n    <div class=\"text\" >{{ctx.label}}</div>\r\n    <div *ngIf=\"false && ctx.required\" class=\"required\">*</div>\r\n  </div>\r\n  <ng-content select=\".counter-top\"></ng-content>\r\n</div>\r\n\r\n<ng-content></ng-content>\r\n\r\n<div class=\"hint-container\" *ngIf=\"ctx.useInputMessages === 'always' || (ctx.useInputMessages === 'ondemand' && (ctx.isInvalid || ctx.hint))\">\r\n  <ui-validation-message class=\"invalid\" *ngIf=\"ctx.isInvalid\" [validationErrors]=\"ctx.validationErrors\"></ui-validation-message>\r\n  <div class=\"hint\" *ngIf=\"!ctx.isInvalid && ctx.hint\" [innerHTML]=\"ctx.hint\"></div>\r\n  <ng-container *ngIf=\"!ctx.label\">\r\n    <ng-content select=\".counter-bottom\"></ng-content>\r\n  </ng-container>\r\n</div>\r\n", styles: [":host{width:100%;display:flex;flex-direction:column}:host .label{display:flex;align-items:center}:host .label .text-container{display:flex;align-items:center}:host .label .text-container .text{font-size:.9em;line-height:1em;padding:6px 0 4px}:host .label .text-container .required{align-self:baseline;padding:0 4px;font-size:1.2em}:host ::ng-deep .counter{margin-left:auto;padding-right:.4em}:host ::ng-deep .counter.counter-top{font-size:.8em}:host.absolute{position:relative}:host.absolute .hint-container{position:absolute;bottom:-1.2em;width:100vw}:host .hint-container{display:flex;height:1.2em;text-align:left;font-size:.8em;margin-top:.1em}\n"] }]
-        }], propDecorators: { ctx: [{
-                type: Input
-            }], class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+import { Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/tooltip";
+import * as i3 from "../../elements/validation-message/validation-message.component";
+export class UiBaseLayoutComponent {
+    get class() {
+        return `${this.ctx.isInvalid ? 'invalid ' : ''} ${this.ctx.inputMessagesPosition}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiBaseLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: UiBaseLayoutComponent, selector: "ui-base-layout", inputs: { ctx: "ctx" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div class=\"label\" *ngIf=\"ctx.label\">\r\n  <div class=\"text-container\" [matTooltip]=\"false && ctx.required ? 'Povinn\u00E1 polo\u017Eka' : undefined\" [matTooltipPosition]=\"'above'\">\r\n    <div class=\"text\" >{{ctx.label}}</div>\r\n    <div *ngIf=\"false && ctx.required\" class=\"required\">*</div>\r\n  </div>\r\n  <ng-content select=\".counter-top\"></ng-content>\r\n</div>\r\n\r\n<ng-content></ng-content>\r\n\r\n<div class=\"hint-container\" *ngIf=\"ctx.useInputMessages === 'always' || (ctx.useInputMessages === 'ondemand' && (ctx.isInvalid || ctx.hint))\">\r\n  <ui-validation-message class=\"invalid\" *ngIf=\"ctx.isInvalid\" [validationErrors]=\"ctx.validationErrors\"></ui-validation-message>\r\n  <div class=\"hint\" *ngIf=\"!ctx.isInvalid && ctx.hint\" [innerHTML]=\"ctx.hint\"></div>\r\n  <ng-container *ngIf=\"!ctx.label\">\r\n    <ng-content select=\".counter-bottom\"></ng-content>\r\n  </ng-container>\r\n</div>\r\n", styles: [":host{width:100%;display:flex;flex-direction:column}:host .label{display:flex;align-items:center}:host .label .text-container{display:flex;align-items:center}:host .label .text-container .text{font-size:.9em;line-height:1em;padding:6px 0 4px}:host .label .text-container .required{align-self:baseline;padding:0 4px;font-size:1.2em}:host ::ng-deep .counter{margin-left:auto;padding-right:.4em}:host ::ng-deep .counter.counter-top{font-size:.8em}:host.absolute{position:relative}:host.absolute .hint-container{position:absolute;bottom:-1.2em;width:100vw}:host .hint-container{display:flex;height:1.2em;text-align:left;font-size:.8em;margin-top:.1em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i3.ValidationMessageComponent, selector: "ui-validation-message", inputs: ["validationErrors"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiBaseLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-base-layout', template: "<div class=\"label\" *ngIf=\"ctx.label\">\r\n  <div class=\"text-container\" [matTooltip]=\"false && ctx.required ? 'Povinn\u00E1 polo\u017Eka' : undefined\" [matTooltipPosition]=\"'above'\">\r\n    <div class=\"text\" >{{ctx.label}}</div>\r\n    <div *ngIf=\"false && ctx.required\" class=\"required\">*</div>\r\n  </div>\r\n  <ng-content select=\".counter-top\"></ng-content>\r\n</div>\r\n\r\n<ng-content></ng-content>\r\n\r\n<div class=\"hint-container\" *ngIf=\"ctx.useInputMessages === 'always' || (ctx.useInputMessages === 'ondemand' && (ctx.isInvalid || ctx.hint))\">\r\n  <ui-validation-message class=\"invalid\" *ngIf=\"ctx.isInvalid\" [validationErrors]=\"ctx.validationErrors\"></ui-validation-message>\r\n  <div class=\"hint\" *ngIf=\"!ctx.isInvalid && ctx.hint\" [innerHTML]=\"ctx.hint\"></div>\r\n  <ng-container *ngIf=\"!ctx.label\">\r\n    <ng-content select=\".counter-bottom\"></ng-content>\r\n  </ng-container>\r\n</div>\r\n", styles: [":host{width:100%;display:flex;flex-direction:column}:host .label{display:flex;align-items:center}:host .label .text-container{display:flex;align-items:center}:host .label .text-container .text{font-size:.9em;line-height:1em;padding:6px 0 4px}:host .label .text-container .required{align-self:baseline;padding:0 4px;font-size:1.2em}:host ::ng-deep .counter{margin-left:auto;padding-right:.4em}:host ::ng-deep .counter.counter-top{font-size:.8em}:host.absolute{position:relative}:host.absolute .hint-container{position:absolute;bottom:-1.2em;width:100vw}:host .hint-container{display:flex;height:1.2em;text-align:left;font-size:.8em;margin-top:.1em}\n"] }]
+        }], propDecorators: { ctx: [{
+                type: Input
+            }], class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktYmFzZS1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9sYXlvdXRzL2Jhc2UvdWktYmFzZS1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9sYXlvdXRzL2Jhc2UvdWktYmFzZS1sYXlvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVE5RCxNQUFNLE9BQU8scUJBQXFCO0lBSWhDLElBQ0ksS0FBSztRQUNQLE9BQU8sR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO0lBQ3JGLENBQUM7K0dBUFUscUJBQXFCO21HQUFyQixxQkFBcUIsK0hDUmxDLGk3QkFpQkE7OzRGRFRhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBTWpCLEdBQUc7c0JBQVgsS0FBSztnQkFHRixLQUFLO3NCQURSLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFVpQmFzZUNvbXBvbmVudCB9IGZyb20gJy4vdWktYmFzZS5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd1aS1iYXNlLWxheW91dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3VpLWJhc2UtbGF5b3V0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsgJy4vdWktYmFzZS1sYXlvdXQuY29tcG9uZW50LnNjc3MnIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFVpQmFzZUxheW91dENvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGN0eDogVWlCYXNlQ29tcG9uZW50O1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcclxuICBnZXQgY2xhc3MoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHt0aGlzLmN0eC5pc0ludmFsaWQgPyAnaW52YWxpZCAnIDogJyd9ICR7dGhpcy5jdHguaW5wdXRNZXNzYWdlc1Bvc2l0aW9ufWA7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibGFiZWxcIiAqbmdJZj1cImN0eC5sYWJlbFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRhaW5lclwiIFttYXRUb29sdGlwXT1cImZhbHNlICYmIGN0eC5yZXF1aXJlZCA/ICdQb3Zpbm7DoSBwb2xvxb5rYScgOiB1bmRlZmluZWRcIiBbbWF0VG9vbHRpcFBvc2l0aW9uXT1cIidhYm92ZSdcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCIgPnt7Y3R4LmxhYmVsfX08L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCJmYWxzZSAmJiBjdHgucmVxdWlyZWRcIiBjbGFzcz1cInJlcXVpcmVkXCI+KjwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIi5jb3VudGVyLXRvcFwiPjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcblxyXG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcblxyXG48ZGl2IGNsYXNzPVwiaGludC1jb250YWluZXJcIiAqbmdJZj1cImN0eC51c2VJbnB1dE1lc3NhZ2VzID09PSAnYWx3YXlzJyB8fCAoY3R4LnVzZUlucHV0TWVzc2FnZXMgPT09ICdvbmRlbWFuZCcgJiYgKGN0eC5pc0ludmFsaWQgfHwgY3R4LmhpbnQpKVwiPlxyXG4gIDx1aS12YWxpZGF0aW9uLW1lc3NhZ2UgY2xhc3M9XCJpbnZhbGlkXCIgKm5nSWY9XCJjdHguaXNJbnZhbGlkXCIgW3ZhbGlkYXRpb25FcnJvcnNdPVwiY3R4LnZhbGlkYXRpb25FcnJvcnNcIj48L3VpLXZhbGlkYXRpb24tbWVzc2FnZT5cclxuICA8ZGl2IGNsYXNzPVwiaGludFwiICpuZ0lmPVwiIWN0eC5pc0ludmFsaWQgJiYgY3R4LmhpbnRcIiBbaW5uZXJIVE1MXT1cImN0eC5oaW50XCI+PC9kaXY+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFjdHgubGFiZWxcIj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIi5jb3VudGVyLWJvdHRvbVwiPjwvbmctY29udGVudD5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/layouts/base/ui-base.component.mjs

@@ -1,74 +1,74 @@
-import { Component, HostBinding, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-export class UiBaseComponent {
-    // get control() {
-    //   return this.controlFormGroup.get('text');
-    // }
-    constructor() {
-        this.placeholder = '';
-        this.useInputMessages = 'always';
-        this.inputMessagesPosition = 'relative';
-        this.size = 'normal';
-        // control = new FormControl();
-        // controlFormGroup;
-        this.required = false;
-        // this.ngControl.valueAccessor = this;
-    }
-    ngOnInit() {
-        // console.log(this.controlContainer);
-        // this.controlFormGroup.valueChanges.subscribe(v => {
-        //   this.onChange(v);
-        // });
-        // this.ngControl.control.statusChanges.subscribe(v => console.log(v));
-        //
-        // this.ngControl.control.markAsTouched = (opts?: {
-        //   onlySelf?: boolean;
-        // }) => {
-        //   if (!this.control.touched) {
-        //     console.log('marking as touched');
-        //     this.control.markAsTouched(opts);
-        //   }
-        //   this.control.updateValueAndValidity({onlySelf: opts?.onlySelf, emitEvent: false});
-        // }
-        // setTimeout(() => {
-        //   this.applyValidators(this.validators);
-        // });
-    }
-    // bindValidators(validators: ValidatorFn[]): void {
-    //   this.control.setValidators(validators);
-    // }
-    get validationErrors() {
-        return null;
-    }
-    get validationMessage() {
-        return 'obsolete...';
-    }
-    get isInvalid() {
-        return false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: UiBaseComponent, selector: "ui-abstract-base-component", inputs: { placeholder: "placeholder", label: "label", useInputMessages: "useInputMessages", inputMessagesPosition: "inputMessagesPosition", hint: "hint", size: "size" }, host: { properties: { "class": "this.size" } }, ngImport: i0, template: '** abstract **', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiBaseComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ui-abstract-base-component',
-                    template: '** abstract **'
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], useInputMessages: [{
-                type: Input
-            }], inputMessagesPosition: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], size: [{
-                type: HostBinding,
-                args: ['class']
-            }, {
-                type: Input
-            }] } });
+import { Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class UiBaseComponent {
+    // get control() {
+    //   return this.controlFormGroup.get('text');
+    // }
+    constructor() {
+        this.placeholder = '';
+        this.useInputMessages = 'always';
+        this.inputMessagesPosition = 'relative';
+        this.size = 'normal';
+        // control = new FormControl();
+        // controlFormGroup;
+        this.required = false;
+        // this.ngControl.valueAccessor = this;
+    }
+    ngOnInit() {
+        // console.log(this.controlContainer);
+        // this.controlFormGroup.valueChanges.subscribe(v => {
+        //   this.onChange(v);
+        // });
+        // this.ngControl.control.statusChanges.subscribe(v => console.log(v));
+        //
+        // this.ngControl.control.markAsTouched = (opts?: {
+        //   onlySelf?: boolean;
+        // }) => {
+        //   if (!this.control.touched) {
+        //     console.log('marking as touched');
+        //     this.control.markAsTouched(opts);
+        //   }
+        //   this.control.updateValueAndValidity({onlySelf: opts?.onlySelf, emitEvent: false});
+        // }
+        // setTimeout(() => {
+        //   this.applyValidators(this.validators);
+        // });
+    }
+    // bindValidators(validators: ValidatorFn[]): void {
+    //   this.control.setValidators(validators);
+    // }
+    get validationErrors() {
+        return null;
+    }
+    get validationMessage() {
+        return 'obsolete...';
+    }
+    get isInvalid() {
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: UiBaseComponent, selector: "ui-abstract-base-component", inputs: { placeholder: "placeholder", label: "label", useInputMessages: "useInputMessages", inputMessagesPosition: "inputMessagesPosition", hint: "hint", size: "size" }, host: { properties: { "class": "this.size" } }, ngImport: i0, template: '** abstract **', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiBaseComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-abstract-base-component',
+                    template: '** abstract **'
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], useInputMessages: [{
+                type: Input
+            }], inputMessagesPosition: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], size: [{
+                type: HostBinding,
+                args: ['class']
+            }, {
+                type: Input
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktYmFzZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2xheW91dHMvYmFzZS91aS1iYXNlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBWXRFLE1BQU0sT0FBZ0IsZUFBZTtJQWlCbkMsa0JBQWtCO0lBQ2xCLDhDQUE4QztJQUM5QyxJQUFJO0lBRUo7UUFuQlMsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakIscUJBQWdCLEdBQW9DLFFBQVEsQ0FBQztRQUM3RCwwQkFBcUIsR0FBNEIsVUFBVSxDQUFDO1FBSTVELFNBQUksR0FBd0QsUUFBUSxDQUFDO1FBRTlFLCtCQUErQjtRQUUvQixvQkFBb0I7UUFFcEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQU9mLHVDQUF1QztJQUN6QyxDQUFDO0lBRUQsUUFBUTtRQUNOLHNDQUFzQztRQUV0QyxzREFBc0Q7UUFDdEQsc0JBQXNCO1FBQ3RCLE1BQU07UUFFTix1RUFBdUU7UUFDdkUsRUFBRTtRQUNGLG1EQUFtRDtRQUNuRCx3QkFBd0I7UUFDeEIsVUFBVTtRQUNWLGlDQUFpQztRQUNqQyx5Q0FBeUM7UUFDekMsd0NBQXdDO1FBQ3hDLE1BQU07UUFDTix1RkFBdUY7UUFDdkYsSUFBSTtRQUVKLHFCQUFxQjtRQUNyQiwyQ0FBMkM7UUFDM0MsTUFBTTtJQUNSLENBQUM7SUFFRCxvREFBb0Q7SUFDcEQsNENBQTRDO0lBQzVDLElBQUk7SUFJSixJQUFJLGdCQUFnQjtRQUNsQixPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxJQUFJLGlCQUFpQjtRQUNuQixPQUFPLGFBQWEsQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDOytHQWpFbUIsZUFBZTttR0FBZixlQUFlLDRSQUZ6QixnQkFBZ0I7OzRGQUVOLGVBQWU7a0JBSnBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDRCQUE0QjtvQkFDdEMsUUFBUSxFQUFFLGdCQUFnQjtpQkFDM0I7MEVBR1UsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBR0csSUFBSTtzQkFEWixXQUFXO3VCQUFDLE9BQU87O3NCQUNuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBWYWxpZGF0aW9uRXJyb3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBVaVZhbGlkYXRvcnMge1xyXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcclxuICBtYXhMZW5ndGg/OiBudW1iZXJcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd1aS1hYnN0cmFjdC1iYXNlLWNvbXBvbmVudCcsXHJcbiAgdGVtcGxhdGU6ICcqKiBhYnN0cmFjdCAqKidcclxufSlcclxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFVpQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuICBASW5wdXQoKSB1c2VJbnB1dE1lc3NhZ2VzOiAnbmV2ZXInIHwgJ2Fsd2F5cycgfCAnb25kZW1hbmQnID0gJ2Fsd2F5cyc7XHJcbiAgQElucHV0KCkgaW5wdXRNZXNzYWdlc1Bvc2l0aW9uOiAnYWJzb2x1dGUnIHwgJ3JlbGF0aXZlJyA9ICdyZWxhdGl2ZSc7XHJcbiAgQElucHV0KCkgaGludD86IHN0cmluZztcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXHJcbiAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdzbWFsbGVyJyB8ICdub3JtYWwnIHwgJ2xhcmdlcicgfCAnbGFyZ2UnID0gJ25vcm1hbCc7XHJcblxyXG4gIC8vIGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcclxuXHJcbiAgLy8gY29udHJvbEZvcm1Hcm91cDtcclxuXHJcbiAgcmVxdWlyZWQgPSBmYWxzZTtcclxuXHJcbiAgLy8gZ2V0IGNvbnRyb2woKSB7XHJcbiAgLy8gICByZXR1cm4gdGhpcy5jb250cm9sRm9ybUdyb3VwLmdldCgndGV4dCcpO1xyXG4gIC8vIH1cclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICAvLyB0aGlzLm5nQ29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcztcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgLy8gY29uc29sZS5sb2codGhpcy5jb250cm9sQ29udGFpbmVyKTtcclxuXHJcbiAgICAvLyB0aGlzLmNvbnRyb2xGb3JtR3JvdXAudmFsdWVDaGFuZ2VzLnN1YnNjcmliZSh2ID0+IHtcclxuICAgIC8vICAgdGhpcy5vbkNoYW5nZSh2KTtcclxuICAgIC8vIH0pO1xyXG5cclxuICAgIC8vIHRoaXMubmdDb250cm9sLmNvbnRyb2wuc3RhdHVzQ2hhbmdlcy5zdWJzY3JpYmUodiA9PiBjb25zb2xlLmxvZyh2KSk7XHJcbiAgICAvL1xyXG4gICAgLy8gdGhpcy5uZ0NvbnRyb2wuY29udHJvbC5tYXJrQXNUb3VjaGVkID0gKG9wdHM/OiB7XHJcbiAgICAvLyAgIG9ubHlTZWxmPzogYm9vbGVhbjtcclxuICAgIC8vIH0pID0+IHtcclxuICAgIC8vICAgaWYgKCF0aGlzLmNvbnRyb2wudG91Y2hlZCkge1xyXG4gICAgLy8gICAgIGNvbnNvbGUubG9nKCdtYXJraW5nIGFzIHRvdWNoZWQnKTtcclxuICAgIC8vICAgICB0aGlzLmNvbnRyb2wubWFya0FzVG91Y2hlZChvcHRzKTtcclxuICAgIC8vICAgfVxyXG4gICAgLy8gICB0aGlzLmNvbnRyb2wudXBkYXRlVmFsdWVBbmRWYWxpZGl0eSh7b25seVNlbGY6IG9wdHM/Lm9ubHlTZWxmLCBlbWl0RXZlbnQ6IGZhbHNlfSk7XHJcbiAgICAvLyB9XHJcblxyXG4gICAgLy8gc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAvLyAgIHRoaXMuYXBwbHlWYWxpZGF0b3JzKHRoaXMudmFsaWRhdG9ycyk7XHJcbiAgICAvLyB9KTtcclxuICB9XHJcblxyXG4gIC8vIGJpbmRWYWxpZGF0b3JzKHZhbGlkYXRvcnM6IFZhbGlkYXRvckZuW10pOiB2b2lkIHtcclxuICAvLyAgIHRoaXMuY29udHJvbC5zZXRWYWxpZGF0b3JzKHZhbGlkYXRvcnMpO1xyXG4gIC8vIH1cclxuXHJcblxyXG5cclxuICBnZXQgdmFsaWRhdGlvbkVycm9ycygpOiBWYWxpZGF0aW9uRXJyb3JzIHtcclxuICAgIHJldHVybiBudWxsO1xyXG4gIH1cclxuXHJcbiAgZ2V0IHZhbGlkYXRpb25NZXNzYWdlKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gJ29ic29sZXRlLi4uJztcclxuICB9XHJcblxyXG4gIGdldCBpc0ludmFsaWQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gZmFsc2U7XHJcbiAgfVxyXG5cclxuICAvLyBASG9zdEJpbmRpbmcoJ2NsYXNzJylcclxuICAvLyBnZXQgY2xhc3MoKTogc3RyaW5nIHtcclxuICAvLyAgIHJldHVybiAodGhpcy5pc0ludmFsaWQgPyAnaW52YWxpZCAnIDogJycpICsgdGhpcy5zaXplO1xyXG4gIC8vIH1cclxuXHJcblxyXG59XHJcbiJdfQ==

package/esm2022/lib/layouts/simple/ui-simple-layout.component.mjs

@@ -1,18 +1,18 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../base/ui-base-layout.component";
-export class UiSimpleLayoutComponent {
-    length() {
-        return this.ctx.inputLength();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiSimpleLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: UiSimpleLayoutComponent, selector: "ui-simple-layout", inputs: { ctx: "ctx" }, ngImport: i0, template: "<ui-base-layout [ctx]=\"ctx\">\r\n\r\n  <div *ngIf=\"ctx.validators?.maxLength\" class=\"counter counter-top\">\r\n    {{ length() }} / {{ ctx.validators?.maxLength }}\r\n  </div>\r\n\r\n  <div *ngIf=\"ctx.validators?.maxLength\" class=\"counter counter-bottom\">\r\n    {{ length() }} / {{ ctx.validators?.maxLength }}\r\n  </div>\r\n\r\n  <ng-content></ng-content>\r\n\r\n</ui-base-layout>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UiBaseLayoutComponent, selector: "ui-base-layout", inputs: ["ctx"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiSimpleLayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-simple-layout', template: "<ui-base-layout [ctx]=\"ctx\">\r\n\r\n  <div *ngIf=\"ctx.validators?.maxLength\" class=\"counter counter-top\">\r\n    {{ length() }} / {{ ctx.validators?.maxLength }}\r\n  </div>\r\n\r\n  <div *ngIf=\"ctx.validators?.maxLength\" class=\"counter counter-bottom\">\r\n    {{ length() }} / {{ ctx.validators?.maxLength }}\r\n  </div>\r\n\r\n  <ng-content></ng-content>\r\n\r\n</ui-base-layout>\r\n" }]
-        }], propDecorators: { ctx: [{
-                type: Input
-            }] } });
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../base/ui-base-layout.component";
+export class UiSimpleLayoutComponent {
+    length() {
+        return this.ctx.inputLength();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiSimpleLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: UiSimpleLayoutComponent, selector: "ui-simple-layout", inputs: { ctx: "ctx" }, ngImport: i0, template: "<ui-base-layout [ctx]=\"ctx\">\r\n\r\n  <div *ngIf=\"ctx.validators?.maxLength\" class=\"counter counter-top\">\r\n    {{ length() }} / {{ ctx.validators?.maxLength }}\r\n  </div>\r\n\r\n  <div *ngIf=\"ctx.validators?.maxLength\" class=\"counter counter-bottom\">\r\n    {{ length() }} / {{ ctx.validators?.maxLength }}\r\n  </div>\r\n\r\n  <ng-content></ng-content>\r\n\r\n</ui-base-layout>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UiBaseLayoutComponent, selector: "ui-base-layout", inputs: ["ctx"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UiSimpleLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-simple-layout', template: "<ui-base-layout [ctx]=\"ctx\">\r\n\r\n  <div *ngIf=\"ctx.validators?.maxLength\" class=\"counter counter-top\">\r\n    {{ length() }} / {{ ctx.validators?.maxLength }}\r\n  </div>\r\n\r\n  <div *ngIf=\"ctx.validators?.maxLength\" class=\"counter counter-bottom\">\r\n    {{ length() }} / {{ ctx.validators?.maxLength }}\r\n  </div>\r\n\r\n  <ng-content></ng-content>\r\n\r\n</ui-base-layout>\r\n" }]
+        }], propDecorators: { ctx: [{
+                type: Input
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktc2ltcGxlLWxheW91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2xheW91dHMvc2ltcGxlL3VpLXNpbXBsZS1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9sYXlvdXRzL3NpbXBsZS91aS1zaW1wbGUtbGF5b3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUWpELE1BQU0sT0FBTyx1QkFBdUI7SUFJbEMsTUFBTTtRQUNKLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNoQyxDQUFDOytHQU5VLHVCQUF1QjttR0FBdkIsdUJBQXVCLGdGQ1JwQyw2WUFhQTs7NEZETGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLGtCQUFrQjs4QkFNbkIsR0FBRztzQkFBWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBVaVNpbXBsZUNvbXBvbmVudCB9IGZyb20gJy4vdWktc2ltcGxlLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3VpLXNpbXBsZS1sYXlvdXQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi91aS1zaW1wbGUtbGF5b3V0LmNvbXBvbmVudC5odG1sJ1xyXG4gIC8vIHN0eWxlVXJsczogWyAnLi91aS1zaW1wbGUtbGF5b3V0LmNvbXBvbmVudC5zY3NzJyBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVaVNpbXBsZUxheW91dENvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGN0eDogVWlTaW1wbGVDb21wb25lbnQ7XHJcblxyXG4gIGxlbmd0aCgpIHtcclxuICAgIHJldHVybiB0aGlzLmN0eC5pbnB1dExlbmd0aCgpO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPHVpLWJhc2UtbGF5b3V0IFtjdHhdPVwiY3R4XCI+XHJcblxyXG4gIDxkaXYgKm5nSWY9XCJjdHgudmFsaWRhdG9ycz8ubWF4TGVuZ3RoXCIgY2xhc3M9XCJjb3VudGVyIGNvdW50ZXItdG9wXCI+XHJcbiAgICB7eyBsZW5ndGgoKSB9fSAvIHt7IGN0eC52YWxpZGF0b3JzPy5tYXhMZW5ndGggfX1cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiAqbmdJZj1cImN0eC52YWxpZGF0b3JzPy5tYXhMZW5ndGhcIiBjbGFzcz1cImNvdW50ZXIgY291bnRlci1ib3R0b21cIj5cclxuICAgIHt7IGxlbmd0aCgpIH19IC8ge3sgY3R4LnZhbGlkYXRvcnM/Lm1heExlbmd0aCB9fVxyXG4gIDwvZGl2PlxyXG5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcblxyXG48L3VpLWJhc2UtbGF5b3V0PlxyXG4iXX0=