@joster-dev/chaos-control 0.1.0

package/README.md

@@ -0,0 +1,86 @@
+# Chaos Control Library
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.0.0.
+<!-- - provide accessible components to 
+  - visual indication for validity
+- visual and utility components
+  - consistent style -->
+<!-- - styled print view -->
+<!-- - readonly  -->
+
+> [Repository](https://github.com/joster-dev/chaos-control)
+
+> [Github Package](https://github.com/joster-dev/chaos-control/packages/TODO)
+
+> [Demo](https://joster-dev.github.io/chaos-control/)
+
+## Getting Started
+update your `package.json`
+```bash
+npm install @joster-dev/chaos-control --save
+```
+import the module
+```diff
++ import { FormControlModule } from '@joster-dev/form-control';
+
+@NgModule({
+  imports: [
++    FormControlModule
+  ],
+})
+```
+## `fc-button` utility component
+to handle click events in an accessible manner
+- style: outset border
+### inputs
+- `isActive: boolean = false`
+  - style: inset border
+- `isDisabled: boolean = false`
+  - style: solid border
+  - when disabled, button will not be tab indexable
+- `isValid: boolean = true`
+- `type: 'button' | 'submit' = 'button'`
+- `borderRadiusLeft: boolean = true`
+- `borderRadiusRight: boolean = true`
+### outputs
+- `onBlur` emits `FocusEvent` 
+- `onClick` emits `MouseEvent`
+## `fc-readonly` utility component
+to display information alongside controls
+### inputs
+- `model: string`
+## `fc-text` control component
+result will be `string | null`
+- if line break or overflow
+  - height increases
+- if cleared by the user or form
+  - height resets
+## `fc-number` control component
+result will be `number | null`
+- if user enters `e` character
+  - will not change
+- if user enters `.` character
+  - if `[step]` is `>= 1`
+    - will not change
+## `fc-choice` control component
+to ask the user to choose from a few items
+
+result will be `<item-key>[] | <item-key> | null`
+  - where `<item-key>` is the `key` property of the `items` input
+### inputs
+- `isMultiple: boolean = false`
+- `items: { key: boolean | number | string, value: string }[] = []`
+## `fc-color` control component
+result will be `string | null`
+- `string` result matches [`/^[0-9a-fA-F]{6}$/`](https://regexper.com/#%2F%5E%5B0-9a-fA-F%5D%7B6%7D%24%2F)
+##  `fc-file` control component
+result will be `FileList | null`
+
+## `fc-select` control component
+to ask the user to choose from many items
+- `items: { key: boolean | number | string, value: string }[] = []`
+<!-- ## `fc-select` component -->
+<!-- ## `fc-multi-select` component -->
+<!-- ## `fc-date` component -->
+<!-- ## `fc-date-time` component -->
+<!-- ## `fc-time` component -->

package/esm2022/joster-dev-chaos-control.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9zdGVyLWRldi1jaGFvcy1jb250cm9sLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvY2hhb3MtY29udHJvbC9zcmMvam9zdGVyLWRldi1jaGFvcy1jb250cm9sLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2022/lib/chaos-control.module.mjs

@@ -0,0 +1,67 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+import { IconModule } from '@joster-dev/icon';
+import { ReadonlyComponent, ChoiceComponent, ColorComponent, FileComponent, NumberComponent, TextComponent, SelectComponent, } from './components';
+import { BorderRadiusDirective, ControlDirective, ItemDirective, } from './directives';
+import * as i0 from "@angular/core";
+export class ChaosControlModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ChaosControlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: ChaosControlModule, declarations: [ReadonlyComponent,
+            ChoiceComponent,
+            ColorComponent,
+            FileComponent,
+            NumberComponent,
+            TextComponent,
+            ControlDirective,
+            ItemDirective,
+            SelectComponent,
+            BorderRadiusDirective], imports: [CommonModule,
+            FormsModule,
+            IconModule,
+            RouterModule], exports: [ReadonlyComponent,
+            ChoiceComponent,
+            ColorComponent,
+            FileComponent,
+            NumberComponent,
+            TextComponent,
+            SelectComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ChaosControlModule, imports: [CommonModule,
+            FormsModule,
+            IconModule,
+            RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ChaosControlModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ReadonlyComponent,
+                        ChoiceComponent,
+                        ColorComponent,
+                        FileComponent,
+                        NumberComponent,
+                        TextComponent,
+                        ControlDirective,
+                        ItemDirective,
+                        SelectComponent,
+                        BorderRadiusDirective,
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        IconModule,
+                        RouterModule,
+                    ],
+                    exports: [
+                        ReadonlyComponent,
+                        ChoiceComponent,
+                        ColorComponent,
+                        FileComponent,
+                        NumberComponent,
+                        TextComponent,
+                        SelectComponent,
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhb3MtY29udHJvbC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jaGFvcy1jb250cm9sL3NyYy9saWIvY2hhb3MtY29udHJvbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFOUMsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixlQUFlLEVBQ2YsY0FBYyxFQUNkLGFBQWEsRUFDYixlQUFlLEVBQ2YsYUFBYSxFQUNiLGVBQWUsR0FDaEIsTUFBTSxjQUFjLENBQUM7QUFDdEIsT0FBTyxFQUNMLHFCQUFxQixFQUNyQixnQkFBZ0IsRUFDaEIsYUFBYSxHQUNkLE1BQU0sY0FBYyxDQUFDOztBQStCdEIsTUFBTSxPQUFPLGtCQUFrQjs4R0FBbEIsa0JBQWtCOytHQUFsQixrQkFBa0IsaUJBM0IzQixpQkFBaUI7WUFDakIsZUFBZTtZQUNmLGNBQWM7WUFDZCxhQUFhO1lBQ2IsZUFBZTtZQUNmLGFBQWE7WUFDYixnQkFBZ0I7WUFDaEIsYUFBYTtZQUNiLGVBQWU7WUFDZixxQkFBcUIsYUFHckIsWUFBWTtZQUNaLFdBQVc7WUFDWCxVQUFVO1lBQ1YsWUFBWSxhQUdaLGlCQUFpQjtZQUNqQixlQUFlO1lBQ2YsY0FBYztZQUNkLGFBQWE7WUFDYixlQUFlO1lBQ2YsYUFBYTtZQUNiLGVBQWU7K0dBR04sa0JBQWtCLFlBZjNCLFlBQVk7WUFDWixXQUFXO1lBQ1gsVUFBVTtZQUNWLFlBQVk7OzJGQVlILGtCQUFrQjtrQkE3QjlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixjQUFjO3dCQUNkLGFBQWE7d0JBQ2IsZUFBZTt3QkFDZixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsYUFBYTt3QkFDYixlQUFlO3dCQUNmLHFCQUFxQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxVQUFVO3dCQUNWLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixjQUFjO3dCQUNkLGFBQWE7d0JBQ2IsZUFBZTt3QkFDZixhQUFhO3dCQUNiLGVBQWU7cUJBQ2hCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICdAam9zdGVyLWRldi9pY29uJztcclxuXHJcbmltcG9ydCB7XHJcbiAgUmVhZG9ubHlDb21wb25lbnQsXHJcbiAgQ2hvaWNlQ29tcG9uZW50LFxyXG4gIENvbG9yQ29tcG9uZW50LFxyXG4gIEZpbGVDb21wb25lbnQsXHJcbiAgTnVtYmVyQ29tcG9uZW50LFxyXG4gIFRleHRDb21wb25lbnQsXHJcbiAgU2VsZWN0Q29tcG9uZW50LFxyXG59IGZyb20gJy4vY29tcG9uZW50cyc7XHJcbmltcG9ydCB7XHJcbiAgQm9yZGVyUmFkaXVzRGlyZWN0aXZlLFxyXG4gIENvbnRyb2xEaXJlY3RpdmUsXHJcbiAgSXRlbURpcmVjdGl2ZSxcclxufSBmcm9tICcuL2RpcmVjdGl2ZXMnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFJlYWRvbmx5Q29tcG9uZW50LFxyXG4gICAgQ2hvaWNlQ29tcG9uZW50LFxyXG4gICAgQ29sb3JDb21wb25lbnQsXHJcbiAgICBGaWxlQ29tcG9uZW50LFxyXG4gICAgTnVtYmVyQ29tcG9uZW50LFxyXG4gICAgVGV4dENvbXBvbmVudCxcclxuICAgIENvbnRyb2xEaXJlY3RpdmUsXHJcbiAgICBJdGVtRGlyZWN0aXZlLFxyXG4gICAgU2VsZWN0Q29tcG9uZW50LFxyXG4gICAgQm9yZGVyUmFkaXVzRGlyZWN0aXZlLFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBJY29uTW9kdWxlLFxyXG4gICAgUm91dGVyTW9kdWxlLFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgUmVhZG9ubHlDb21wb25lbnQsXHJcbiAgICBDaG9pY2VDb21wb25lbnQsXHJcbiAgICBDb2xvckNvbXBvbmVudCxcclxuICAgIEZpbGVDb21wb25lbnQsXHJcbiAgICBOdW1iZXJDb21wb25lbnQsXHJcbiAgICBUZXh0Q29tcG9uZW50LFxyXG4gICAgU2VsZWN0Q29tcG9uZW50LFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIENoYW9zQ29udHJvbE1vZHVsZSB7IH1cclxuIl19

package/esm2022/lib/chaos-control.service.mjs

@@ -0,0 +1,14 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ChaosControlService {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ChaosControlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ChaosControlService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ChaosControlService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhb3MtY29udHJvbC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY2hhb3MtY29udHJvbC9zcmMvbGliL2NoYW9zLWNvbnRyb2wuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8sbUJBQW1CO0lBRTlCLGdCQUFnQixDQUFDOzhHQUZOLG1CQUFtQjtrSEFBbkIsbUJBQW1CLGNBRmxCLE1BQU07OzJGQUVQLG1CQUFtQjtrQkFIL0IsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5ASW5qZWN0YWJsZSh7XHJcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaGFvc0NvbnRyb2xTZXJ2aWNlIHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxufVxyXG4iXX0=

package/esm2022/lib/components/choice/choice.component.mjs

@@ -0,0 +1,52 @@
+import { Component, Input, Self } from '@angular/core';
+import { ItemDirective } from '../../directives';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "@joster-dev/icon";
+export class ChoiceComponent extends ItemDirective {
+    constructor(ngControl) {
+        super(ngControl);
+        this.ngControl = ngControl;
+        this._isColumn = false;
+        this.id = `${Math.random().toString(36).substr(2, 9)}`;
+    }
+    get isColumn() {
+        return this._isColumn;
+    }
+    set isColumn(value) {
+        if (value === '')
+            value = true;
+        if (value == null)
+            value = false;
+        if (typeof value !== 'boolean')
+            throw new Error('isColumn expects: boolean');
+        this._isColumn = value;
+    }
+    onClick(item) {
+        this._model = this._model
+            .filter(key => this._items.map(item => item.key).includes(key));
+        if (this._model.includes(item.key)) {
+            if (this.required === true && this._model.length === 1)
+                return;
+            this.model = this._model.filter(key => key !== item.key);
+            return;
+        }
+        if (!this.isMultiple && this._model.length === 1) {
+            this.model = [item.key];
+            return;
+        }
+        this.model = [...this._model, item.key];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ChoiceComponent, deps: [{ token: i1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: ChoiceComponent, selector: "jo-choice", inputs: { isColumn: "isColumn" }, usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex justify-content-between\">\r\n  <label\r\n    id=\"choice_{{id}}\"\r\n    [class.required]=\"required\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </label>\r\n  <div>\r\n    <ng-content select=\"[rightAligned]\"></ng-content>\r\n  </div>\r\n</div>\r\n\r\n<div\r\n  class=\"d-flex flex-wrap align-items-start\"\r\n  role=\"group\"\r\n  attr.aria-labelledby=\"choice_{{id}}\"\r\n  [class.flex-column]=\"isColumn\"\r\n>\r\n  <button\r\n    *ngFor=\"let item of items; let idx = index\"\r\n    type=\"button\"\r\n    class=\"d-flex align-items-center text-left\"\r\n    role=\"menuitemcheckbox\"\r\n    [class.border-radius-right]=\"borderRadiusRight\"\r\n    [class.border-radius-left]=\"borderRadiusLeft\"\r\n    (click)=\"onClick(item)\"\r\n    (blur)=\"onTouched()\"\r\n  >\r\n    <div\r\n      class=\"button margin-right-1 {{isMultiple ? 'br-20' : 'br-50'}}\"\r\n      [class.active]=\"_model.includes(item.key)\"\r\n      [class.disabled]=\"isDisabled\"\r\n      [class.invalid]=\"ngControl.control?.invalid\"\r\n    >\r\n      <icon\r\n        *ngIf=\"_model.includes(item.key)\"\r\n        size=\"1em\"\r\n        [type]=\"isMultiple ? 'check' : 'dot'\"\r\n        [fill]=\"[null, 'current']\"\r\n        fillRotate=\"90\"\r\n      ></icon>\r\n    </div>\r\n    {{item.value}}\r\n  </button>\r\n</div>\r\n\r\n<!-- <ul *ngIf=\"ngControl.control?.errors\">\r\n  <li *ngIf=\"ngControl.control?.errors?.['invalid']\">\r\n    invalid model\r\n  </li>\r\n</ul> -->", styles: [":host{display:block}:host>.d-flex>button{border-color:transparent;border-width:.075em}:host>.d-flex>button>.button{position:relative;text-align:left}:host>.d-flex>button>.button>icon{position:absolute;top:0;left:0}.br-20{border-radius:20%}.br-50{border-radius:50%}\n", "label{display:block;padding-bottom:.5em;font-weight:700}label:empty{display:none}label.required:after{content:\"*\"}ul{list-style:none;margin:0;padding:0}ul>li{padding-top:.25em}a:not(.jo-ignore),button:not(.jo-ignore),.button,input,textarea{color:inherit;background:transparent;border-width:.15em;border-style:outset;border-color:currentColor;padding:.5em;margin:0;font-size:1em;line-height:1em}a:not(.jo-ignore):active,a:not(.jo-ignore).active,button:not(.jo-ignore):active,button:not(.jo-ignore).active,.button:active,.button.active,input:active,input.active,textarea:active,textarea.active{border-style:inset}a:not(.jo-ignore):disabled,a:not(.jo-ignore).disabled,button:not(.jo-ignore):disabled,button:not(.jo-ignore).disabled,.button:disabled,.button.disabled,input:disabled,input.disabled,textarea:disabled,textarea.disabled{cursor:not-allowed;border-style:solid;box-shadow:none;opacity:.5}a,button,.button{cursor:pointer}@keyframes invalid-border{0%,to{border-style:inset}50%{border-style:outset}}\n", ".d-flex{display:flex}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.justify-content-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.align-self-center{align-self:center}.margin-right-1{margin-right:.5em}.margin-right-2{margin-right:1em}.margin-left-1{margin-left:.5em}.margin-left-2{margin-left:1em}.border-radius-right{border-top-right-radius:.5em;border-bottom-right-radius:.5em}.border-radius-left{border-top-left-radius:.5em;border-bottom-left-radius:.5em}.white-space-nowrap{white-space:nowrap}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "icon[type]", inputs: ["type", "fill", "fillRotate", "fillOpacity", "stroke", "strokeRotate", "spin"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ChoiceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'jo-choice', template: "<div class=\"d-flex justify-content-between\">\r\n  <label\r\n    id=\"choice_{{id}}\"\r\n    [class.required]=\"required\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </label>\r\n  <div>\r\n    <ng-content select=\"[rightAligned]\"></ng-content>\r\n  </div>\r\n</div>\r\n\r\n<div\r\n  class=\"d-flex flex-wrap align-items-start\"\r\n  role=\"group\"\r\n  attr.aria-labelledby=\"choice_{{id}}\"\r\n  [class.flex-column]=\"isColumn\"\r\n>\r\n  <button\r\n    *ngFor=\"let item of items; let idx = index\"\r\n    type=\"button\"\r\n    class=\"d-flex align-items-center text-left\"\r\n    role=\"menuitemcheckbox\"\r\n    [class.border-radius-right]=\"borderRadiusRight\"\r\n    [class.border-radius-left]=\"borderRadiusLeft\"\r\n    (click)=\"onClick(item)\"\r\n    (blur)=\"onTouched()\"\r\n  >\r\n    <div\r\n      class=\"button margin-right-1 {{isMultiple ? 'br-20' : 'br-50'}}\"\r\n      [class.active]=\"_model.includes(item.key)\"\r\n      [class.disabled]=\"isDisabled\"\r\n      [class.invalid]=\"ngControl.control?.invalid\"\r\n    >\r\n      <icon\r\n        *ngIf=\"_model.includes(item.key)\"\r\n        size=\"1em\"\r\n        [type]=\"isMultiple ? 'check' : 'dot'\"\r\n        [fill]=\"[null, 'current']\"\r\n        fillRotate=\"90\"\r\n      ></icon>\r\n    </div>\r\n    {{item.value}}\r\n  </button>\r\n</div>\r\n\r\n<!-- <ul *ngIf=\"ngControl.control?.errors\">\r\n  <li *ngIf=\"ngControl.control?.errors?.['invalid']\">\r\n    invalid model\r\n  </li>\r\n</ul> -->", styles: [":host{display:block}:host>.d-flex>button{border-color:transparent;border-width:.075em}:host>.d-flex>button>.button{position:relative;text-align:left}:host>.d-flex>button>.button>icon{position:absolute;top:0;left:0}.br-20{border-radius:20%}.br-50{border-radius:50%}\n", "label{display:block;padding-bottom:.5em;font-weight:700}label:empty{display:none}label.required:after{content:\"*\"}ul{list-style:none;margin:0;padding:0}ul>li{padding-top:.25em}a:not(.jo-ignore),button:not(.jo-ignore),.button,input,textarea{color:inherit;background:transparent;border-width:.15em;border-style:outset;border-color:currentColor;padding:.5em;margin:0;font-size:1em;line-height:1em}a:not(.jo-ignore):active,a:not(.jo-ignore).active,button:not(.jo-ignore):active,button:not(.jo-ignore).active,.button:active,.button.active,input:active,input.active,textarea:active,textarea.active{border-style:inset}a:not(.jo-ignore):disabled,a:not(.jo-ignore).disabled,button:not(.jo-ignore):disabled,button:not(.jo-ignore).disabled,.button:disabled,.button.disabled,input:disabled,input.disabled,textarea:disabled,textarea.disabled{cursor:not-allowed;border-style:solid;box-shadow:none;opacity:.5}a,button,.button{cursor:pointer}@keyframes invalid-border{0%,to{border-style:inset}50%{border-style:outset}}\n", ".d-flex{display:flex}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.justify-content-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.align-self-center{align-self:center}.margin-right-1{margin-right:.5em}.margin-right-2{margin-right:1em}.margin-left-1{margin-left:.5em}.margin-left-2{margin-left:1em}.border-radius-right{border-top-right-radius:.5em;border-bottom-right-radius:.5em}.border-radius-left{border-top-left-radius:.5em;border-bottom-left-radius:.5em}.white-space-nowrap{white-space:nowrap}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Self
+                }] }], propDecorators: { isColumn: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hvaWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NoYW9zLWNvbnRyb2wvc3JjL2xpYi9jb21wb25lbnRzL2Nob2ljZS9jaG9pY2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2hhb3MtY29udHJvbC9zcmMvbGliL2NvbXBvbmVudHMvY2hvaWNlL2Nob2ljZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7OztBQVlqRCxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxhQUFhO0lBQ2hELFlBQzBCLFNBQW9CO1FBRTVDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUZPLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFrQjlDLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFbEIsT0FBRSxHQUFHLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFqQmxELENBQUM7SUFFRCxJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLEtBQW1CO1FBQzlCLElBQUksS0FBSyxLQUFLLEVBQUU7WUFDZCxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2YsSUFBSSxLQUFLLElBQUksSUFBSTtZQUNmLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDaEIsSUFBSSxPQUFPLEtBQUssS0FBSyxTQUFTO1lBQzVCLE1BQU0sSUFBSSxLQUFLLENBQUMsMkJBQTJCLENBQUMsQ0FBQTtRQUM5QyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDO0lBS0QsT0FBTyxDQUFDLElBQVU7UUFDaEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTTthQUN0QixNQUFNLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUVqRSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ25DLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEtBQUssQ0FBQztnQkFDcEQsT0FBTztZQUVULElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ3pELE9BQU87UUFDVCxDQUFDO1FBRUQsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDakQsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUN4QixPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzFDLENBQUM7OEdBMUNVLGVBQWU7a0dBQWYsZUFBZSwwR0NmNUIsKzhDQWtEUzs7MkZEbkNJLGVBQWU7a0JBVDNCLFNBQVM7K0JBQ0UsV0FBVzs7MEJBVWxCLElBQUk7eUNBTUgsUUFBUTtzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgU2VsZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuaW1wb3J0IHsgSXRlbURpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xyXG5pbXBvcnQgeyBJdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnam8tY2hvaWNlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hvaWNlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFtcclxuICAgICcuL2Nob2ljZS5jb21wb25lbnQuc2NzcycsXHJcbiAgICAnLi4vLi4vc3R5bGVzLnNjc3MnLFxyXG4gICAgJy4uLy4uL2F0b21pYy5zY3NzJyxcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaG9pY2VDb21wb25lbnQgZXh0ZW5kcyBJdGVtRGlyZWN0aXZlIGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQFNlbGYoKSBwdWJsaWMgb3ZlcnJpZGUgbmdDb250cm9sOiBOZ0NvbnRyb2wsXHJcbiAgKSB7XHJcbiAgICBzdXBlcihuZ0NvbnRyb2wpO1xyXG4gIH1cclxuXHJcbiAgQElucHV0KClcclxuICBnZXQgaXNDb2x1bW4oKSB7XHJcbiAgICByZXR1cm4gdGhpcy5faXNDb2x1bW47XHJcbiAgfVxyXG4gIHNldCBpc0NvbHVtbih2YWx1ZTogYm9vbGVhbiB8ICcnKSB7XHJcbiAgICBpZiAodmFsdWUgPT09ICcnKVxyXG4gICAgICB2YWx1ZSA9IHRydWU7XHJcbiAgICBpZiAodmFsdWUgPT0gbnVsbClcclxuICAgICAgdmFsdWUgPSBmYWxzZTtcclxuICAgIGlmICh0eXBlb2YgdmFsdWUgIT09ICdib29sZWFuJylcclxuICAgICAgdGhyb3cgbmV3IEVycm9yKCdpc0NvbHVtbiBleHBlY3RzOiBib29sZWFuJylcclxuICAgIHRoaXMuX2lzQ29sdW1uID0gdmFsdWU7XHJcbiAgfVxyXG4gIF9pc0NvbHVtbiA9IGZhbHNlO1xyXG5cclxuICBpZCA9IGAke01hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnN1YnN0cigyLCA5KX1gO1xyXG5cclxuICBvbkNsaWNrKGl0ZW06IEl0ZW0pIHtcclxuICAgIHRoaXMuX21vZGVsID0gdGhpcy5fbW9kZWxcclxuICAgICAgLmZpbHRlcihrZXkgPT4gdGhpcy5faXRlbXMubWFwKGl0ZW0gPT4gaXRlbS5rZXkpLmluY2x1ZGVzKGtleSkpXHJcblxyXG4gICAgaWYgKHRoaXMuX21vZGVsLmluY2x1ZGVzKGl0ZW0ua2V5KSkge1xyXG4gICAgICBpZiAodGhpcy5yZXF1aXJlZCA9PT0gdHJ1ZSAmJiB0aGlzLl9tb2RlbC5sZW5ndGggPT09IDEpXHJcbiAgICAgICAgcmV0dXJuO1xyXG5cclxuICAgICAgdGhpcy5tb2RlbCA9IHRoaXMuX21vZGVsLmZpbHRlcihrZXkgPT4ga2V5ICE9PSBpdGVtLmtleSk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBpZiAoIXRoaXMuaXNNdWx0aXBsZSAmJiB0aGlzLl9tb2RlbC5sZW5ndGggPT09IDEpIHtcclxuICAgICAgdGhpcy5tb2RlbCA9IFtpdGVtLmtleV07XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLm1vZGVsID0gWy4uLnRoaXMuX21vZGVsLCBpdGVtLmtleV07XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW5cIj5cclxuICA8bGFiZWxcclxuICAgIGlkPVwiY2hvaWNlX3t7aWR9fVwiXHJcbiAgICBbY2xhc3MucmVxdWlyZWRdPVwicmVxdWlyZWRcIlxyXG4gID5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2xhYmVsPlxyXG4gIDxkaXY+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcmlnaHRBbGlnbmVkXVwiPjwvbmctY29udGVudD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48ZGl2XHJcbiAgY2xhc3M9XCJkLWZsZXggZmxleC13cmFwIGFsaWduLWl0ZW1zLXN0YXJ0XCJcclxuICByb2xlPVwiZ3JvdXBcIlxyXG4gIGF0dHIuYXJpYS1sYWJlbGxlZGJ5PVwiY2hvaWNlX3t7aWR9fVwiXHJcbiAgW2NsYXNzLmZsZXgtY29sdW1uXT1cImlzQ29sdW1uXCJcclxuPlxyXG4gIDxidXR0b25cclxuICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zOyBsZXQgaWR4ID0gaW5kZXhcIlxyXG4gICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgdGV4dC1sZWZ0XCJcclxuICAgIHJvbGU9XCJtZW51aXRlbWNoZWNrYm94XCJcclxuICAgIFtjbGFzcy5ib3JkZXItcmFkaXVzLXJpZ2h0XT1cImJvcmRlclJhZGl1c1JpZ2h0XCJcclxuICAgIFtjbGFzcy5ib3JkZXItcmFkaXVzLWxlZnRdPVwiYm9yZGVyUmFkaXVzTGVmdFwiXHJcbiAgICAoY2xpY2spPVwib25DbGljayhpdGVtKVwiXHJcbiAgICAoYmx1cik9XCJvblRvdWNoZWQoKVwiXHJcbiAgPlxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cImJ1dHRvbiBtYXJnaW4tcmlnaHQtMSB7e2lzTXVsdGlwbGUgPyAnYnItMjAnIDogJ2JyLTUwJ319XCJcclxuICAgICAgW2NsYXNzLmFjdGl2ZV09XCJfbW9kZWwuaW5jbHVkZXMoaXRlbS5rZXkpXCJcclxuICAgICAgW2NsYXNzLmRpc2FibGVkXT1cImlzRGlzYWJsZWRcIlxyXG4gICAgICBbY2xhc3MuaW52YWxpZF09XCJuZ0NvbnRyb2wuY29udHJvbD8uaW52YWxpZFwiXHJcbiAgICA+XHJcbiAgICAgIDxpY29uXHJcbiAgICAgICAgKm5nSWY9XCJfbW9kZWwuaW5jbHVkZXMoaXRlbS5rZXkpXCJcclxuICAgICAgICBzaXplPVwiMWVtXCJcclxuICAgICAgICBbdHlwZV09XCJpc011bHRpcGxlID8gJ2NoZWNrJyA6ICdkb3QnXCJcclxuICAgICAgICBbZmlsbF09XCJbbnVsbCwgJ2N1cnJlbnQnXVwiXHJcbiAgICAgICAgZmlsbFJvdGF0ZT1cIjkwXCJcclxuICAgICAgPjwvaWNvbj5cclxuICAgIDwvZGl2PlxyXG4gICAge3tpdGVtLnZhbHVlfX1cclxuICA8L2J1dHRvbj5cclxuPC9kaXY+XHJcblxyXG48IS0tIDx1bCAqbmdJZj1cIm5nQ29udHJvbC5jb250cm9sPy5lcnJvcnNcIj5cclxuICA8bGkgKm5nSWY9XCJuZ0NvbnRyb2wuY29udHJvbD8uZXJyb3JzPy5bJ2ludmFsaWQnXVwiPlxyXG4gICAgaW52YWxpZCBtb2RlbFxyXG4gIDwvbGk+XHJcbjwvdWw+IC0tPiJdfQ==

package/esm2022/lib/components/color/color.component.mjs

@@ -0,0 +1,77 @@
+import { Component, Self } from '@angular/core';
+import { Validators } from '@angular/forms';
+import { debounceTime } from 'rxjs/operators';
+import { ControlDirective } from '../../directives';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@joster-dev/icon";
+export class ColorComponent extends ControlDirective {
+    get model() {
+        return this._model;
+    }
+    set model(value) {
+        this._model = value;
+        this.onChange(this._model !== null && this.fullHex.test(this._model)
+            ? this._model
+            : null);
+    }
+    constructor(ngControl) {
+        super();
+        this.ngControl = ngControl;
+        this.partialHex = /^[0-9A-Fa-f]{1,6}$/;
+        this.fullHex = /^[0-9A-Fa-f]{6}$/;
+        this._model = null;
+        this.id = `_${Math.random().toString(36).substring(2, 11)}`;
+        this.validation
+            .pipe(debounceTime(100))
+            .subscribe(() => this.validate());
+        ngControl.valueAccessor = this;
+    }
+    onChangeColor(event) {
+        const ele = event.target;
+        this.model = ele.value.substring(1).toUpperCase();
+    }
+    onChange(_model) { }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    onBeforeinput(e) {
+        const event = e;
+        if (event.data === null)
+            return;
+        const ele = event.target;
+        const tooLong = event.data.length + (ele.selectionStart || 0) > 6;
+        const valid = this.partialHex.test(event.data);
+        if (tooLong || !valid)
+            event.preventDefault();
+    }
+    writeValue(value) {
+        if (value === undefined || typeof value !== 'string' || !this.partialHex.test(value))
+            value = null;
+        if (value === null || this.partialHex.test(value))
+            this._model = value;
+    }
+    invalidValidator() {
+        return (control) => control.value !== null && (typeof control.value !== 'string' || !this.fullHex.test(control.value))
+            ? { invalid: control.value }
+            : null;
+    }
+    validate() {
+        const validators = [
+            this.invalidValidator()
+        ];
+        if (this.required === true)
+            validators.push(Validators.required);
+        this.ngControl.control?.setValidators(validators);
+        this.ngControl.control?.updateValueAndValidity();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ColorComponent, deps: [{ token: i1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: ColorComponent, selector: "jo-color", usesInheritance: true, ngImport: i0, template: "<label\r\n  [for]=\"id\"\r\n  [class.required]=\"required\"\r\n>\r\n  <ng-content></ng-content>\r\n</label>\r\n\r\n<div class=\"d-flex align-items-stretch\">\r\n  <button\r\n    class=\"d-flex align-items-center\"\r\n    title=\"Color\"\r\n    [class.border-radius-left]=\"borderRadiusLeft\"\r\n    [disabled]=\"isDisabled\"\r\n    (click)=\"colorInput.click()\"\r\n  >\r\n    <icon\r\n      size=\"1em\"\r\n      type=\"square\"\r\n      [fill]=\"fullHex.test(_model || '') ? _model : [null, 'current']\"\r\n      fillRotate=\"90\"\r\n      [stroke]=\"fullHex.test(_model || '') ? _model : ['current']\"\r\n    ></icon>\r\n  </button>\r\n  <input\r\n    [(ngModel)]=\"model\"\r\n    spellcheck=\"false\"\r\n    size=\"5\"\r\n    type=\"text\"\r\n    [class.active]=\"ngControl.control?.value !== null\"\r\n    [class.border-radius-right]=\"borderRadiusRight\"\r\n    [class.invalid]=\"ngControl.control?.invalid\"\r\n    [disabled]=\"isDisabled\"\r\n    [id]=\"id\"\r\n    (beforeinput)=\"onBeforeinput($event)\"\r\n    (blur)=\"onTouched()\"\r\n  />\r\n</div>\r\n\r\n<!-- <ul *ngIf=\"ngControl.control?.errors\">\r\n  <li *ngIf=\"ngControl.control?.errors?.['invalid']\">\r\n    invalid model\r\n  </li>\r\n</ul> -->\r\n\r\n<input\r\n  #colorInput\r\n  type=\"color\"\r\n  (change)=\"onChangeColor($event)\"\r\n/>", styles: [":host{display:block}input[type=color]{margin-top:-2em;padding:0;position:absolute;visibility:hidden;transition:none}:host>div>input{border-left:0}:host>div>button{border-right:0}\n", ".d-flex{display:flex}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.justify-content-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.align-self-center{align-self:center}.margin-right-1{margin-right:.5em}.margin-right-2{margin-right:1em}.margin-left-1{margin-left:.5em}.margin-left-2{margin-left:1em}.border-radius-right{border-top-right-radius:.5em;border-bottom-right-radius:.5em}.border-radius-left{border-top-left-radius:.5em;border-bottom-left-radius:.5em}.white-space-nowrap{white-space:nowrap}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}\n", "label{display:block;padding-bottom:.5em;font-weight:700}label:empty{display:none}label.required:after{content:\"*\"}ul{list-style:none;margin:0;padding:0}ul>li{padding-top:.25em}a:not(.jo-ignore),button:not(.jo-ignore),.button,input,textarea{color:inherit;background:transparent;border-width:.15em;border-style:outset;border-color:currentColor;padding:.5em;margin:0;font-size:1em;line-height:1em}a:not(.jo-ignore):active,a:not(.jo-ignore).active,button:not(.jo-ignore):active,button:not(.jo-ignore).active,.button:active,.button.active,input:active,input.active,textarea:active,textarea.active{border-style:inset}a:not(.jo-ignore):disabled,a:not(.jo-ignore).disabled,button:not(.jo-ignore):disabled,button:not(.jo-ignore).disabled,.button:disabled,.button.disabled,input:disabled,input.disabled,textarea:disabled,textarea.disabled{cursor:not-allowed;border-style:solid;box-shadow:none;opacity:.5}a,button,.button{cursor:pointer}@keyframes invalid-border{0%,to{border-style:inset}50%{border-style:outset}}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.IconComponent, selector: "icon[type]", inputs: ["type", "fill", "fillRotate", "fillOpacity", "stroke", "strokeRotate", "spin"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ColorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'jo-color', template: "<label\r\n  [for]=\"id\"\r\n  [class.required]=\"required\"\r\n>\r\n  <ng-content></ng-content>\r\n</label>\r\n\r\n<div class=\"d-flex align-items-stretch\">\r\n  <button\r\n    class=\"d-flex align-items-center\"\r\n    title=\"Color\"\r\n    [class.border-radius-left]=\"borderRadiusLeft\"\r\n    [disabled]=\"isDisabled\"\r\n    (click)=\"colorInput.click()\"\r\n  >\r\n    <icon\r\n      size=\"1em\"\r\n      type=\"square\"\r\n      [fill]=\"fullHex.test(_model || '') ? _model : [null, 'current']\"\r\n      fillRotate=\"90\"\r\n      [stroke]=\"fullHex.test(_model || '') ? _model : ['current']\"\r\n    ></icon>\r\n  </button>\r\n  <input\r\n    [(ngModel)]=\"model\"\r\n    spellcheck=\"false\"\r\n    size=\"5\"\r\n    type=\"text\"\r\n    [class.active]=\"ngControl.control?.value !== null\"\r\n    [class.border-radius-right]=\"borderRadiusRight\"\r\n    [class.invalid]=\"ngControl.control?.invalid\"\r\n    [disabled]=\"isDisabled\"\r\n    [id]=\"id\"\r\n    (beforeinput)=\"onBeforeinput($event)\"\r\n    (blur)=\"onTouched()\"\r\n  />\r\n</div>\r\n\r\n<!-- <ul *ngIf=\"ngControl.control?.errors\">\r\n  <li *ngIf=\"ngControl.control?.errors?.['invalid']\">\r\n    invalid model\r\n  </li>\r\n</ul> -->\r\n\r\n<input\r\n  #colorInput\r\n  type=\"color\"\r\n  (change)=\"onChangeColor($event)\"\r\n/>", styles: [":host{display:block}input[type=color]{margin-top:-2em;padding:0;position:absolute;visibility:hidden;transition:none}:host>div>input{border-left:0}:host>div>button{border-right:0}\n", ".d-flex{display:flex}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.justify-content-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.align-self-center{align-self:center}.margin-right-1{margin-right:.5em}.margin-right-2{margin-right:1em}.margin-left-1{margin-left:.5em}.margin-left-2{margin-left:1em}.border-radius-right{border-top-right-radius:.5em;border-bottom-right-radius:.5em}.border-radius-left{border-top-left-radius:.5em;border-bottom-left-radius:.5em}.white-space-nowrap{white-space:nowrap}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}\n", "label{display:block;padding-bottom:.5em;font-weight:700}label:empty{display:none}label.required:after{content:\"*\"}ul{list-style:none;margin:0;padding:0}ul>li{padding-top:.25em}a:not(.jo-ignore),button:not(.jo-ignore),.button,input,textarea{color:inherit;background:transparent;border-width:.15em;border-style:outset;border-color:currentColor;padding:.5em;margin:0;font-size:1em;line-height:1em}a:not(.jo-ignore):active,a:not(.jo-ignore).active,button:not(.jo-ignore):active,button:not(.jo-ignore).active,.button:active,.button.active,input:active,input.active,textarea:active,textarea.active{border-style:inset}a:not(.jo-ignore):disabled,a:not(.jo-ignore).disabled,button:not(.jo-ignore):disabled,button:not(.jo-ignore).disabled,.button:disabled,.button.disabled,input:disabled,input.disabled,textarea:disabled,textarea.disabled{cursor:not-allowed;border-style:solid;box-shadow:none;opacity:.5}a,button,.button{cursor:pointer}@keyframes invalid-border{0%,to{border-style:inset}50%{border-style:outset}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Self
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2hhb3MtY29udHJvbC9zcmMvbGliL2NvbXBvbmVudHMvY29sb3IvY29sb3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2hhb3MtY29udHJvbC9zcmMvbGliL2NvbXBvbmVudHMvY29sb3IvY29sb3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFtRixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3SCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFOUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUFXcEQsTUFBTSxPQUFPLGNBQWUsU0FBUSxnQkFBZ0I7SUFJbEQsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFDRCxJQUFJLEtBQUssQ0FBQyxLQUFvQjtRQUM1QixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsUUFBUSxDQUNYLElBQUksQ0FBQyxNQUFNLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7WUFDcEQsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNO1lBQ2IsQ0FBQyxDQUFDLElBQUksQ0FDVCxDQUFDO0lBQ0osQ0FBQztJQUtELFlBQ2lCLFNBQW9CO1FBRW5DLEtBQUssRUFBRSxDQUFDO1FBRk8sY0FBUyxHQUFULFNBQVMsQ0FBVztRQW5CN0IsZUFBVSxHQUFHLG9CQUFvQixDQUFDO1FBQzFDLFlBQU8sR0FBRyxrQkFBa0IsQ0FBQztRQWE3QixXQUFNLEdBQWtCLElBQUksQ0FBQztRQUU3QixPQUFFLEdBQUcsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQztRQU1yRCxJQUFJLENBQUMsVUFBVTthQUNaLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUM7YUFDdkIsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBQ3BDLFNBQVMsQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBWTtRQUN4QixNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUM3QyxJQUFJLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3BELENBQUM7SUFFRCxRQUFRLENBQUMsTUFBcUIsSUFBSSxDQUFDO0lBQ25DLGdCQUFnQixDQUFDLEVBQWM7UUFDN0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGFBQWEsQ0FBQyxDQUFRO1FBQ3BCLE1BQU0sS0FBSyxHQUFHLENBQWUsQ0FBQztRQUM5QixJQUFJLEtBQUssQ0FBQyxJQUFJLEtBQUssSUFBSTtZQUNyQixPQUFPO1FBQ1QsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFDN0MsTUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxHQUFHLENBQUMsY0FBYyxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNsRSxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDL0MsSUFBSSxPQUFPLElBQUksQ0FBQyxLQUFLO1lBQ25CLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQW9CO1FBQzdCLElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDbEYsS0FBSyxHQUFHLElBQUksQ0FBQztRQUVmLElBQUksS0FBSyxLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDL0MsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDeEIsQ0FBQztJQUVPLGdCQUFnQjtRQUN0QixPQUFPLENBQUMsT0FBd0IsRUFBMkIsRUFBRSxDQUMzRCxPQUFPLENBQUMsS0FBSyxLQUFLLElBQUksSUFBSSxDQUFDLE9BQU8sT0FBTyxDQUFDLEtBQUssS0FBSyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDaEcsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLE9BQU8sQ0FBQyxLQUFLLEVBQUU7WUFDNUIsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUNiLENBQUM7SUFFTyxRQUFRO1FBQ2QsTUFBTSxVQUFVLEdBQWtCO1lBQ2hDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtTQUN4QixDQUFDO1FBRUYsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLElBQUk7WUFDeEIsVUFBVSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7UUFFdkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsYUFBYSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLENBQUM7SUFDbkQsQ0FBQzs4R0EzRVUsY0FBYztrR0FBZCxjQUFjLHVFQ2YzQixxeUNBZ0RFOzsyRkRqQ1csY0FBYztrQkFUMUIsU0FBUzsrQkFDRSxVQUFVOzswQkE0QmpCLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFNlbGYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBDb250cm9sVmFsdWVBY2Nlc3NvciwgTmdDb250cm9sLCBWYWxpZGF0aW9uRXJyb3JzLCBWYWxpZGF0b3JGbiwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgZGVib3VuY2VUaW1lIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5cclxuaW1wb3J0IHsgQ29udHJvbERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdqby1jb2xvcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFtcclxuICAgICcuL2NvbG9yLmNvbXBvbmVudC5zY3NzJyxcclxuICAgICcuLi8uLi9hdG9taWMuc2NzcycsXHJcbiAgICAnLi4vLi4vc3R5bGVzLnNjc3MnLFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIENvbG9yQ29tcG9uZW50IGV4dGVuZHMgQ29udHJvbERpcmVjdGl2ZSBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBwcml2YXRlIHBhcnRpYWxIZXggPSAvXlswLTlBLUZhLWZdezEsNn0kLztcclxuICBmdWxsSGV4ID0gL15bMC05QS1GYS1mXXs2fSQvO1xyXG5cclxuICBnZXQgbW9kZWwoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fbW9kZWw7XHJcbiAgfVxyXG4gIHNldCBtb2RlbCh2YWx1ZTogc3RyaW5nIHwgbnVsbCkge1xyXG4gICAgdGhpcy5fbW9kZWwgPSB2YWx1ZTtcclxuICAgIHRoaXMub25DaGFuZ2UoXHJcbiAgICAgIHRoaXMuX21vZGVsICE9PSBudWxsICYmIHRoaXMuZnVsbEhleC50ZXN0KHRoaXMuX21vZGVsKVxyXG4gICAgICAgID8gdGhpcy5fbW9kZWxcclxuICAgICAgICA6IG51bGxcclxuICAgICk7XHJcbiAgfVxyXG4gIF9tb2RlbDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XHJcblxyXG4gIGlkID0gYF8ke01hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnN1YnN0cmluZygyLCAxMSl9YDtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBAU2VsZigpIHB1YmxpYyBuZ0NvbnRyb2w6IE5nQ29udHJvbCxcclxuICApIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgICB0aGlzLnZhbGlkYXRpb25cclxuICAgICAgLnBpcGUoZGVib3VuY2VUaW1lKDEwMCkpXHJcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4gdGhpcy52YWxpZGF0ZSgpKTtcclxuICAgIG5nQ29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcztcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlQ29sb3IoZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICBjb25zdCBlbGUgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcclxuICAgIHRoaXMubW9kZWwgPSBlbGUudmFsdWUuc3Vic3RyaW5nKDEpLnRvVXBwZXJDYXNlKCk7XHJcbiAgfVxyXG5cclxuICBvbkNoYW5nZShfbW9kZWw6IHN0cmluZyB8IG51bGwpIHsgfVxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICgpID0+IHZvaWQpIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIG9uQmVmb3JlaW5wdXQoZTogRXZlbnQpOiB2b2lkIHtcclxuICAgIGNvbnN0IGV2ZW50ID0gZSBhcyBJbnB1dEV2ZW50O1xyXG4gICAgaWYgKGV2ZW50LmRhdGEgPT09IG51bGwpXHJcbiAgICAgIHJldHVybjtcclxuICAgIGNvbnN0IGVsZSA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xyXG4gICAgY29uc3QgdG9vTG9uZyA9IGV2ZW50LmRhdGEubGVuZ3RoICsgKGVsZS5zZWxlY3Rpb25TdGFydCB8fCAwKSA+IDY7XHJcbiAgICBjb25zdCB2YWxpZCA9IHRoaXMucGFydGlhbEhleC50ZXN0KGV2ZW50LmRhdGEpO1xyXG4gICAgaWYgKHRvb0xvbmcgfHwgIXZhbGlkKVxyXG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gIH1cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nIHwgbnVsbCk6IHZvaWQge1xyXG4gICAgaWYgKHZhbHVlID09PSB1bmRlZmluZWQgfHwgdHlwZW9mIHZhbHVlICE9PSAnc3RyaW5nJyB8fCAhdGhpcy5wYXJ0aWFsSGV4LnRlc3QodmFsdWUpKVxyXG4gICAgICB2YWx1ZSA9IG51bGw7XHJcblxyXG4gICAgaWYgKHZhbHVlID09PSBudWxsIHx8IHRoaXMucGFydGlhbEhleC50ZXN0KHZhbHVlKSlcclxuICAgICAgdGhpcy5fbW9kZWwgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgaW52YWxpZFZhbGlkYXRvcigpOiBWYWxpZGF0b3JGbiB7XHJcbiAgICByZXR1cm4gKGNvbnRyb2w6IEFic3RyYWN0Q29udHJvbCk6IFZhbGlkYXRpb25FcnJvcnMgfCBudWxsID0+XHJcbiAgICAgIGNvbnRyb2wudmFsdWUgIT09IG51bGwgJiYgKHR5cGVvZiBjb250cm9sLnZhbHVlICE9PSAnc3RyaW5nJyB8fCAhdGhpcy5mdWxsSGV4LnRlc3QoY29udHJvbC52YWx1ZSkpXHJcbiAgICAgICAgPyB7IGludmFsaWQ6IGNvbnRyb2wudmFsdWUgfVxyXG4gICAgICAgIDogbnVsbDtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgdmFsaWRhdGUoKSB7XHJcbiAgICBjb25zdCB2YWxpZGF0b3JzOiBWYWxpZGF0b3JGbltdID0gW1xyXG4gICAgICB0aGlzLmludmFsaWRWYWxpZGF0b3IoKVxyXG4gICAgXTtcclxuXHJcbiAgICBpZiAodGhpcy5yZXF1aXJlZCA9PT0gdHJ1ZSlcclxuICAgICAgdmFsaWRhdG9ycy5wdXNoKFZhbGlkYXRvcnMucmVxdWlyZWQpO1xyXG5cclxuICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnNldFZhbGlkYXRvcnModmFsaWRhdG9ycyk7XHJcbiAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy51cGRhdGVWYWx1ZUFuZFZhbGlkaXR5KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxsYWJlbFxyXG4gIFtmb3JdPVwiaWRcIlxyXG4gIFtjbGFzcy5yZXF1aXJlZF09XCJyZXF1aXJlZFwiXHJcbj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvbGFiZWw+XHJcblxyXG48ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLXN0cmV0Y2hcIj5cclxuICA8YnV0dG9uXHJcbiAgICBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIlxyXG4gICAgdGl0bGU9XCJDb2xvclwiXHJcbiAgICBbY2xhc3MuYm9yZGVyLXJhZGl1cy1sZWZ0XT1cImJvcmRlclJhZGl1c0xlZnRcIlxyXG4gICAgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWRcIlxyXG4gICAgKGNsaWNrKT1cImNvbG9ySW5wdXQuY2xpY2soKVwiXHJcbiAgPlxyXG4gICAgPGljb25cclxuICAgICAgc2l6ZT1cIjFlbVwiXHJcbiAgICAgIHR5cGU9XCJzcXVhcmVcIlxyXG4gICAgICBbZmlsbF09XCJmdWxsSGV4LnRlc3QoX21vZGVsIHx8ICcnKSA/IF9tb2RlbCA6IFtudWxsLCAnY3VycmVudCddXCJcclxuICAgICAgZmlsbFJvdGF0ZT1cIjkwXCJcclxuICAgICAgW3N0cm9rZV09XCJmdWxsSGV4LnRlc3QoX21vZGVsIHx8ICcnKSA/IF9tb2RlbCA6IFsnY3VycmVudCddXCJcclxuICAgID48L2ljb24+XHJcbiAgPC9idXR0b24+XHJcbiAgPGlucHV0XHJcbiAgICBbKG5nTW9kZWwpXT1cIm1vZGVsXCJcclxuICAgIHNwZWxsY2hlY2s9XCJmYWxzZVwiXHJcbiAgICBzaXplPVwiNVwiXHJcbiAgICB0eXBlPVwidGV4dFwiXHJcbiAgICBbY2xhc3MuYWN0aXZlXT1cIm5nQ29udHJvbC5jb250cm9sPy52YWx1ZSAhPT0gbnVsbFwiXHJcbiAgICBbY2xhc3MuYm9yZGVyLXJhZGl1cy1yaWdodF09XCJib3JkZXJSYWRpdXNSaWdodFwiXHJcbiAgICBbY2xhc3MuaW52YWxpZF09XCJuZ0NvbnRyb2wuY29udHJvbD8uaW52YWxpZFwiXHJcbiAgICBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiXHJcbiAgICBbaWRdPVwiaWRcIlxyXG4gICAgKGJlZm9yZWlucHV0KT1cIm9uQmVmb3JlaW5wdXQoJGV2ZW50KVwiXHJcbiAgICAoYmx1cik9XCJvblRvdWNoZWQoKVwiXHJcbiAgLz5cclxuPC9kaXY+XHJcblxyXG48IS0tIDx1bCAqbmdJZj1cIm5nQ29udHJvbC5jb250cm9sPy5lcnJvcnNcIj5cclxuICA8bGkgKm5nSWY9XCJuZ0NvbnRyb2wuY29udHJvbD8uZXJyb3JzPy5bJ2ludmFsaWQnXVwiPlxyXG4gICAgaW52YWxpZCBtb2RlbFxyXG4gIDwvbGk+XHJcbjwvdWw+IC0tPlxyXG5cclxuPGlucHV0XHJcbiAgI2NvbG9ySW5wdXRcclxuICB0eXBlPVwiY29sb3JcIlxyXG4gIChjaGFuZ2UpPVwib25DaGFuZ2VDb2xvcigkZXZlbnQpXCJcclxuLz4iXX0=

package/esm2022/lib/components/file/file.component.mjs

@@ -0,0 +1,131 @@
+import { Component, Input, Self } from '@angular/core';
+import { Validators } from '@angular/forms';
+import { debounceTime } from 'rxjs/operators';
+import { ControlDirective } from '../../directives';
+import { isNumber } from '../../models';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "@joster-dev/icon";
+export class FileComponent extends ControlDirective {
+    get acceptedTypes() {
+        return this._acceptedTypes;
+    }
+    set acceptedTypes(value) {
+        if (!Array.isArray(value) || !value.every(item => typeof item === 'string'))
+            throw new Error(`acceptedTypes expects: string[]`);
+        this._acceptedTypes = value;
+        this.validation.next();
+    }
+    get sizeLimitMb() {
+        return this._sizeLimitMb;
+    }
+    set sizeLimitMb(value) {
+        if (!isNumber(value) || value < 0)
+            throw new Error('sizeLimitMb expects: positive number');
+        this._sizeLimitMb = value;
+        this.validation.next();
+    }
+    get multiple() {
+        return this._multiple;
+    }
+    set multiple(value) {
+        this._multiple = value === true;
+        this.validation.next();
+    }
+    constructor(ngControl) {
+        super();
+        this.ngControl = ngControl;
+        this._acceptedTypes = [];
+        this._sizeLimitMb = 0;
+        this._multiple = false;
+        this.showSize = false;
+        this.model = null;
+        this.id = `${Math.random().toString(36).substr(2, 9)}`;
+        this.validation
+            .pipe(debounceTime(100))
+            .subscribe(() => this.validate());
+        ngControl.valueAccessor = this;
+    }
+    get fileNames() {
+        if (this.ngControl.value instanceof FileList)
+            return Object.values(this.ngControl.value).map(file => file.name).join(', ');
+        if (this.ngControl.value instanceof File)
+            return this.ngControl.value.name;
+        return '';
+    }
+    get sizeLimit() {
+        return this.sizeLimitMb < 1
+            ? `${this.sizeLimitMb * 1000} KB`
+            : `${this.sizeLimitMb} MB`;
+    }
+    onFileChange(event) {
+        const target = event.target;
+        this.onChange(target.files?.length
+            ? target.files
+            : null);
+    }
+    onChange(_model) { }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    writeValue(value) {
+        if (value === undefined)
+            value = null;
+        if (value !== null && !(value instanceof FileList))
+            throw new Error('control value must be: File or null');
+        // todo
+        // this.model = value;
+    }
+    acceptedTypesValidator(acceptedTypes) {
+        return (control) => control.value !== null
+            && control.value instanceof FileList
+            && !Object.values(control.value).map(item => item.type.toLowerCase())
+                .every(type => acceptedTypes.includes(type.toLowerCase()))
+            ? { acceptedTypes: { value: control.value } }
+            : null;
+    }
+    invalidValidator(multiple) {
+        return (control) => control.value !== null
+            && (!(control.value instanceof FileList) || (control.value.length > 1 && !multiple))
+            ? { invalid: { value: control.value } }
+            : null;
+    }
+    sizeLimitMbValidator(sizeLimitMb) {
+        return (control) => control.value instanceof FileList
+            && Object.values(control.value).map(item => item.size / 1024 / 1024)
+                .reduce((acc, cur) => acc + cur, 0) > sizeLimitMb
+            ? { sizeLimitMb: { value: control.value } }
+            : null;
+    }
+    validate() {
+        const validators = [
+            this.invalidValidator(this.multiple)
+        ];
+        if (this.acceptedTypes.length > 0)
+            validators.push(this.acceptedTypesValidator(this.acceptedTypes));
+        if (this.sizeLimitMb > 0)
+            validators.push(this.sizeLimitMbValidator(this.sizeLimitMb));
+        if (this.required === true)
+            validators.push(Validators.required);
+        this.ngControl.control?.setValidators(validators);
+        this.ngControl.control?.updateValueAndValidity();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: FileComponent, deps: [{ token: i1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: FileComponent, selector: "jo-file", inputs: { acceptedTypes: "acceptedTypes", sizeLimitMb: "sizeLimitMb", multiple: "multiple", showSize: "showSize" }, usesInheritance: true, ngImport: i0, template: "<label [class.required]=\"required\">\r\n  <ng-content></ng-content>\r\n</label>\r\n\r\n<div class=\"d-flex align-items-center\">\r\n  <div>\r\n    <button\r\n      class=\"white-space-nowrap\"\r\n      [class.border-radius-right]=\"borderRadiusRight\"\r\n      [class.border-radius-left]=\"borderRadiusLeft\"\r\n      [class.active]=\"ngControl.value !== null\"\r\n      [disabled]=\"isDisabled\"\r\n      (click)=\"fileInput.click()\"\r\n    >\r\n      <icon\r\n        type=\"folder\"\r\n        size=\"1em\"\r\n        class=\"margin-right-1\"\r\n        [fill]=\"[null, 'current']\"\r\n        fillRotate=\"90\"\r\n      ></icon>\r\n      Choose {{multiple ? 'Files' : 'File'}}\r\n    </button>\r\n  </div>\r\n  <div\r\n    *ngIf=\"ngControl.value\"\r\n    id=\"filename\"\r\n  >\r\n    {{fileNames}}\r\n  </div>\r\n</div>\r\n\r\n<!-- <ul *ngIf=\"ngControl.control?.errors\">\r\n  <li *ngIf=\"ngControl.control?.errors?.['acceptedTypes']\">\r\n    valid types are {{acceptedTypes.join(', ')}}\r\n  </li>\r\n  <li *ngIf=\"ngControl.control?.errors?.['sizeLimitMb']\">\r\n    max file size is {{sizeLimit}}\r\n  </li>\r\n  <li *ngIf=\"ngControl.control?.errors?.['invalid']\">\r\n    invalid model\r\n  </li>\r\n</ul> -->\r\n\r\n<input\r\n  [(ngModel)]=\"model\"\r\n  #fileInput\r\n  type=\"file\"\r\n  [accept]=\"acceptedTypes.join()\"\r\n  [multiple]=\"multiple\"\r\n  [id]=\"id\"\r\n  (change)=\"onFileChange($event)\"\r\n/>\r\n", styles: ["input[type=file]{display:none}#filename{margin-left:.5em}\n", "label{display:block;padding-bottom:.5em;font-weight:700}label:empty{display:none}label.required:after{content:\"*\"}ul{list-style:none;margin:0;padding:0}ul>li{padding-top:.25em}a:not(.jo-ignore),button:not(.jo-ignore),.button,input,textarea{color:inherit;background:transparent;border-width:.15em;border-style:outset;border-color:currentColor;padding:.5em;margin:0;font-size:1em;line-height:1em}a:not(.jo-ignore):active,a:not(.jo-ignore).active,button:not(.jo-ignore):active,button:not(.jo-ignore).active,.button:active,.button.active,input:active,input.active,textarea:active,textarea.active{border-style:inset}a:not(.jo-ignore):disabled,a:not(.jo-ignore).disabled,button:not(.jo-ignore):disabled,button:not(.jo-ignore).disabled,.button:disabled,.button.disabled,input:disabled,input.disabled,textarea:disabled,textarea.disabled{cursor:not-allowed;border-style:solid;box-shadow:none;opacity:.5}a,button,.button{cursor:pointer}@keyframes invalid-border{0%,to{border-style:inset}50%{border-style:outset}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.IconComponent, selector: "icon[type]", inputs: ["type", "fill", "fillRotate", "fillOpacity", "stroke", "strokeRotate", "spin"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: FileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'jo-file', template: "<label [class.required]=\"required\">\r\n  <ng-content></ng-content>\r\n</label>\r\n\r\n<div class=\"d-flex align-items-center\">\r\n  <div>\r\n    <button\r\n      class=\"white-space-nowrap\"\r\n      [class.border-radius-right]=\"borderRadiusRight\"\r\n      [class.border-radius-left]=\"borderRadiusLeft\"\r\n      [class.active]=\"ngControl.value !== null\"\r\n      [disabled]=\"isDisabled\"\r\n      (click)=\"fileInput.click()\"\r\n    >\r\n      <icon\r\n        type=\"folder\"\r\n        size=\"1em\"\r\n        class=\"margin-right-1\"\r\n        [fill]=\"[null, 'current']\"\r\n        fillRotate=\"90\"\r\n      ></icon>\r\n      Choose {{multiple ? 'Files' : 'File'}}\r\n    </button>\r\n  </div>\r\n  <div\r\n    *ngIf=\"ngControl.value\"\r\n    id=\"filename\"\r\n  >\r\n    {{fileNames}}\r\n  </div>\r\n</div>\r\n\r\n<!-- <ul *ngIf=\"ngControl.control?.errors\">\r\n  <li *ngIf=\"ngControl.control?.errors?.['acceptedTypes']\">\r\n    valid types are {{acceptedTypes.join(', ')}}\r\n  </li>\r\n  <li *ngIf=\"ngControl.control?.errors?.['sizeLimitMb']\">\r\n    max file size is {{sizeLimit}}\r\n  </li>\r\n  <li *ngIf=\"ngControl.control?.errors?.['invalid']\">\r\n    invalid model\r\n  </li>\r\n</ul> -->\r\n\r\n<input\r\n  [(ngModel)]=\"model\"\r\n  #fileInput\r\n  type=\"file\"\r\n  [accept]=\"acceptedTypes.join()\"\r\n  [multiple]=\"multiple\"\r\n  [id]=\"id\"\r\n  (change)=\"onFileChange($event)\"\r\n/>\r\n", styles: ["input[type=file]{display:none}#filename{margin-left:.5em}\n", "label{display:block;padding-bottom:.5em;font-weight:700}label:empty{display:none}label.required:after{content:\"*\"}ul{list-style:none;margin:0;padding:0}ul>li{padding-top:.25em}a:not(.jo-ignore),button:not(.jo-ignore),.button,input,textarea{color:inherit;background:transparent;border-width:.15em;border-style:outset;border-color:currentColor;padding:.5em;margin:0;font-size:1em;line-height:1em}a:not(.jo-ignore):active,a:not(.jo-ignore).active,button:not(.jo-ignore):active,button:not(.jo-ignore).active,.button:active,.button.active,input:active,input.active,textarea:active,textarea.active{border-style:inset}a:not(.jo-ignore):disabled,a:not(.jo-ignore).disabled,button:not(.jo-ignore):disabled,button:not(.jo-ignore).disabled,.button:disabled,.button.disabled,input:disabled,input.disabled,textarea:disabled,textarea.disabled{cursor:not-allowed;border-style:solid;box-shadow:none;opacity:.5}a,button,.button{cursor:pointer}@keyframes invalid-border{0%,to{border-style:inset}50%{border-style:outset}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Self
+                }] }], propDecorators: { acceptedTypes: [{
+                type: Input
+            }], sizeLimitMb: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], showSize: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jaGFvcy1jb250cm9sL3NyYy9saWIvY29tcG9uZW50cy9maWxlL2ZpbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2hhb3MtY29udHJvbC9zcmMvbGliL2NvbXBvbmVudHMvZmlsZS9maWxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQW1GLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdILE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7OztBQVV4QyxNQUFNLE9BQU8sYUFBYyxTQUFRLGdCQUFnQjtJQUNqRCxJQUFhLGFBQWE7UUFDeEIsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQzdCLENBQUM7SUFDRCxJQUFJLGFBQWEsQ0FBQyxLQUFlO1FBQy9CLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLE9BQU8sSUFBSSxLQUFLLFFBQVEsQ0FBQztZQUN6RSxNQUFNLElBQUksS0FBSyxDQUFDLGlDQUFpQyxDQUFDLENBQUM7UUFDckQsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7UUFDNUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBR0QsSUFBYSxXQUFXO1FBQ3RCLE9BQU8sSUFBSSxD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NUNBcURBOzsyRkR2Q2EsYUFBYTtrQkFSekIsU0FBUzsrQkFDRSxTQUFTOzswQkE2Q2hCLElBQUk7eUNBckNNLGFBQWE7c0JBQXpCLEtBQUs7Z0JBV08sV0FBVztzQkFBdkIsS0FBSztnQkFXTyxRQUFRO3NCQUFwQixLQUFLO2dCQVNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBTZWxmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5nQ29udHJvbCwgVmFsaWRhdGlvbkVycm9ycywgVmFsaWRhdG9yRm4sIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IGRlYm91bmNlVGltZSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgQ29udHJvbERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xyXG5pbXBvcnQgeyBpc051bWJlciB9IGZyb20gJy4uLy4uL21vZGVscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2pvLWZpbGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFtcclxuICAgICcuL2ZpbGUuY29tcG9uZW50LnNjc3MnLFxyXG4gICAgJy4uLy4uL3N0eWxlcy5zY3NzJyxcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGaWxlQ29tcG9uZW50IGV4dGVuZHMgQ29udHJvbERpcmVjdGl2ZSBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBASW5wdXQoKSBnZXQgYWNjZXB0ZWRUeXBlcygpIHtcclxuICAgIHJldHVybiB0aGlzLl9hY2NlcHRlZFR5cGVzO1xyXG4gIH1cclxuICBzZXQgYWNjZXB0ZWRUeXBlcyh2YWx1ZTogc3RyaW5nW10pIHtcclxuICAgIGlmICghQXJyYXkuaXNBcnJheSh2YWx1ZSkgfHwgIXZhbHVlLmV2ZXJ5KGl0ZW0gPT4gdHlwZW9mIGl0ZW0gPT09ICdzdHJpbmcnKSlcclxuICAgICAgdGhyb3cgbmV3IEVycm9yKGBhY2NlcHRlZFR5cGVzIGV4cGVjdHM6IHN0cmluZ1tdYCk7XHJcbiAgICB0aGlzLl9hY2NlcHRlZFR5cGVzID0gdmFsdWU7XHJcbiAgICB0aGlzLnZhbGlkYXRpb24ubmV4dCgpO1xyXG4gIH1cclxuICBfYWNjZXB0ZWRUeXBlczogc3RyaW5nW10gPSBbXTtcclxuXHJcbiAgQElucHV0KCkgZ2V0IHNpemVMaW1pdE1iKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3NpemVMaW1pdE1iO1xyXG4gIH1cclxuICBzZXQgc2l6ZUxpbWl0TWIodmFsdWU6IG51bWJlcikge1xyXG4gICAgaWYgKCFpc051bWJlcih2YWx1ZSkgfHwgdmFsdWUgPCAwKVxyXG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ3NpemVMaW1pdE1iIGV4cGVjdHM6IHBvc2l0aXZlIG51bWJlcicpO1xyXG4gICAgdGhpcy5fc2l6ZUxpbWl0TWIgPSB2YWx1ZTtcclxuICAgIHRoaXMudmFsaWRhdGlvbi5uZXh0KCk7XHJcbiAgfVxyXG4gIF9zaXplTGltaXRNYiA9IDA7XHJcblxyXG4gIEBJbnB1dCgpIGdldCBtdWx0aXBsZSgpIHtcclxuICAgIHJldHVybiB0aGlzLl9tdWx0aXBsZTtcclxuICB9XHJcbiAgc2V0IG11bHRpcGxlKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl9tdWx0aXBsZSA9IHZhbHVlID09PSB0cnVlO1xyXG4gICAgdGhpcy52YWxpZGF0aW9uLm5leHQoKTtcclxuICB9XHJcbiAgX211bHRpcGxlID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIHNob3dTaXplID0gZmFsc2U7XHJcblxyXG4gIG1vZGVsOiAnJyB8IG51bGwgPSBudWxsO1xyXG4gIGlkID0gYCR7TWF0aC5yYW5kb20oKS50b1N0cmluZygzNikuc3Vic3RyKDIsIDkpfWA7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQFNlbGYoKSBwdWJsaWMgbmdDb250cm9sOiBOZ0NvbnRyb2wsXHJcbiAgKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gICAgdGhpcy52YWxpZGF0aW9uXHJcbiAgICAgIC5waXBlKGRlYm91bmNlVGltZSgxMDApKVxyXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHRoaXMudmFsaWRhdGUoKSk7XHJcbiAgICBuZ0NvbnRyb2wudmFsdWVBY2Nlc3NvciA9IHRoaXM7XHJcbiAgfVxyXG5cclxuICBnZXQgZmlsZU5hbWVzKCk6IHN0cmluZyB7XHJcbiAgICBpZiAodGhpcy5uZ0NvbnRyb2wudmFsdWUgaW5zdGFuY2VvZiBGaWxlTGlzdClcclxuICAgICAgcmV0dXJuIE9iamVjdC52YWx1ZXModGhpcy5uZ0NvbnRyb2wudmFsdWUpLm1hcChmaWxlID0+IGZpbGUubmFtZSkuam9pbignLCAnKTtcclxuXHJcbiAgICBpZiAodGhpcy5uZ0NvbnRyb2wudmFsdWUgaW5zdGFuY2VvZiBGaWxlKVxyXG4gICAgICByZXR1cm4gdGhpcy5uZ0NvbnRyb2wudmFsdWUubmFtZTtcclxuXHJcbiAgICByZXR1cm4gJyc7XHJcbiAgfVxyXG5cclxuICBnZXQgc2l6ZUxpbWl0KCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5zaXplTGltaXRNYiA8IDFcclxuICAgICAgPyBgJHt0aGlzLnNpemVMaW1pdE1iICogMTAwMH0gS0JgXHJcbiAgICAgIDogYCR7dGhpcy5zaXplTGltaXRNYn0gTUJgO1xyXG4gIH1cclxuXHJcbiAgb25GaWxlQ2hhbmdlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG4gICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKFxyXG4gICAgICB0YXJnZXQuZmlsZXM/Lmxlbmd0aFxyXG4gICAgICAgID8gdGFyZ2V0LmZpbGVzXHJcbiAgICAgICAgOiBudWxsXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgb25DaGFuZ2UoX21vZGVsOiBGaWxlTGlzdCB8IG51bGwpIHsgfVxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICgpID0+IHZvaWQpOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IHVua25vd24pOiB2b2lkIHtcclxuICAgIGlmICh2YWx1ZSA9PT0gdW5kZWZpbmVkKVxyXG4gICAgICB2YWx1ZSA9IG51bGw7XHJcblxyXG4gICAgaWYgKHZhbHVlICE9PSBudWxsICYmICEodmFsdWUgaW5zdGFuY2VvZiBGaWxlTGlzdCkpXHJcbiAgICAgIHRocm93IG5ldyBFcnJvcignY29udHJvbCB2YWx1ZSBtdXN0IGJlOiBGaWxlIG9yIG51bGwnKTtcclxuICAgIC8vIHRvZG9cclxuICAgIC8vIHRoaXMubW9kZWwgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgYWNjZXB0ZWRUeXBlc1ZhbGlkYXRvcihhY2NlcHRlZFR5cGVzOiBzdHJpbmdbXSk6IFZhbGlkYXRvckZuIHtcclxuICAgIHJldHVybiAoY29udHJvbDogQWJzdHJhY3RDb250cm9sKTogVmFsaWRhdGlvbkVycm9ycyB8IG51bGwgPT4gY29udHJvbC52YWx1ZSAhPT0gbnVsbFxyXG4gICAgICAmJiBjb250cm9sLnZhbHVlIGluc3RhbmNlb2YgRmlsZUxpc3RcclxuICAgICAgJiYgIU9iamVjdC52YWx1ZXMoY29udHJvbC52YWx1ZSkubWFwKGl0ZW0gPT4gaXRlbS50eXBlLnRvTG93ZXJDYXNlKCkpXHJcbiAgICAgICAgLmV2ZXJ5KHR5cGUgPT4gYWNjZXB0ZWRUeXBlcy5pbmNsdWRlcyh0eXBlLnRvTG93ZXJDYXNlKCkpKVxyXG4gICAgICA/IHsgYWNjZXB0ZWRUeXBlczogeyB2YWx1ZTogY29udHJvbC52YWx1ZSB9IH1cclxuICAgICAgOiBudWxsO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBpbnZhbGlkVmFsaWRhdG9yKG11bHRpcGxlOiBib29sZWFuKTogVmFsaWRhdG9yRm4ge1xyXG4gICAgcmV0dXJuIChjb250cm9sOiBBYnN0cmFjdENvbnRyb2wpOiBWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbCA9PiBjb250cm9sLnZhbHVlICE9PSBudWxsXHJcbiAgICAgICYmICghKGNvbnRyb2wudmFsdWUgaW5zdGFuY2VvZiBGaWxlTGlzdCkgfHwgKGNvbnRyb2wudmFsdWUubGVuZ3RoID4gMSAmJiAhbXVsdGlwbGUpKVxyXG4gICAgICA/IHsgaW52YWxpZDogeyB2YWx1ZTogY29udHJvbC52YWx1ZSB9IH1cclxuICAgICAgOiBudWxsO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzaXplTGltaXRNYlZhbGlkYXRvcihzaXplTGltaXRNYjogbnVtYmVyKTogVmFsaWRhdG9yRm4ge1xyXG4gICAgcmV0dXJuIChjb250cm9sOiBBYnN0cmFjdENvbnRyb2wpOiBWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbCA9PiBjb250cm9sLnZhbHVlIGluc3RhbmNlb2YgRmlsZUxpc3RcclxuICAgICAgJiYgT2JqZWN0LnZhbHVlcyhjb250cm9sLnZhbHVlKS5tYXAoaXRlbSA9PiBpdGVtLnNpemUgLyAxMDI0IC8gMTAyNClcclxuICAgICAgICAucmVkdWNlKChhY2MsIGN1cikgPT4gYWNjICsgY3VyLCAwKSA+IHNpemVMaW1pdE1iXHJcbiAgICAgID8geyBzaXplTGltaXRNYjogeyB2YWx1ZTogY29udHJvbC52YWx1ZSB9IH1cclxuICAgICAgOiBudWxsO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSB2YWxpZGF0ZSgpIHtcclxuICAgIGNvbnN0IHZhbGlkYXRvcnM6IFZhbGlkYXRvckZuW10gPSBbXHJcbiAgICAgIHRoaXMuaW52YWxpZFZhbGlkYXRvcih0aGlzLm11bHRpcGxlKVxyXG4gICAgXTtcclxuXHJcbiAgICBpZiAodGhpcy5hY2NlcHRlZFR5cGVzLmxlbmd0aCA+IDApXHJcbiAgICAgIHZhbGlkYXRvcnMucHVzaCh0aGlzLmFjY2VwdGVkVHlwZXNWYWxpZGF0b3IodGhpcy5hY2NlcHRlZFR5cGVzKSk7XHJcblxyXG4gICAgaWYgKHRoaXMuc2l6ZUxpbWl0TWIgPiAwKVxyXG4gICAgICB2YWxpZGF0b3JzLnB1c2godGhpcy5zaXplTGltaXRNYlZhbGlkYXRvcih0aGlzLnNpemVMaW1pdE1iKSk7XHJcblxyXG4gICAgaWYgKHRoaXMucmVxdWlyZWQgPT09IHRydWUpXHJcbiAgICAgIHZhbGlkYXRvcnMucHVzaChWYWxpZGF0b3JzLnJlcXVpcmVkKTtcclxuXHJcbiAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5zZXRWYWxpZGF0b3JzKHZhbGlkYXRvcnMpO1xyXG4gICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8udXBkYXRlVmFsdWVBbmRWYWxpZGl0eSgpO1xyXG4gIH1cclxufVxyXG4iLCI8bGFiZWwgW2NsYXNzLnJlcXVpcmVkXT1cInJlcXVpcmVkXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2xhYmVsPlxyXG5cclxuPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cclxuICA8ZGl2PlxyXG4gICAgPGJ1dHRvblxyXG4gICAgICBjbGFzcz1cIndoaXRlLXNwYWNlLW5vd3JhcFwiXHJcbiAgICAgIFtjbGFzcy5ib3JkZXItcmFkaXVzLXJpZ2h0XT1cImJvcmRlclJhZGl1c1JpZ2h0XCJcclxuICAgICAgW2NsYXNzLmJvcmRlci1yYWRpdXMtbGVmdF09XCJib3JkZXJSYWRpdXNMZWZ0XCJcclxuICAgICAgW2NsYXNzLmFjdGl2ZV09XCJuZ0NvbnRyb2wudmFsdWUgIT09IG51bGxcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiXHJcbiAgICAgIChjbGljayk9XCJmaWxlSW5wdXQuY2xpY2soKVwiXHJcbiAgICA+XHJcbiAgICAgIDxpY29uXHJcbiAgICAgICAgdHlwZT1cImZvbGRlclwiXHJcbiAgICAgICAgc2l6ZT1cIjFlbVwiXHJcbiAgICAgICAgY2xhc3M9XCJtYXJnaW4tcmlnaHQtMVwiXHJcbiAgICAgICAgW2ZpbGxdPVwiW251bGwsICdjdXJyZW50J11cIlxyXG4gICAgICAgIGZpbGxSb3RhdGU9XCI5MFwiXHJcbiAgICAgID48L2ljb24+XHJcbiAgICAgIENob29zZSB7e211bHRpcGxlID8gJ0ZpbGVzJyA6ICdGaWxlJ319XHJcbiAgICA8L2J1dHRvbj5cclxuICA8L2Rpdj5cclxuICA8ZGl2XHJcbiAgICAqbmdJZj1cIm5nQ29udHJvbC52YWx1ZVwiXHJcbiAgICBpZD1cImZpbGVuYW1lXCJcclxuICA+XHJcbiAgICB7e2ZpbGVOYW1lc319XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPCEtLSA8dWwgKm5nSWY9XCJuZ0NvbnRyb2wuY29udHJvbD8uZXJyb3JzXCI+XHJcbiAgPGxpICpuZ0lmPVwibmdDb250cm9sLmNvbnRyb2w/LmVycm9ycz8uWydhY2NlcHRlZFR5cGVzJ11cIj5cclxuICAgIHZhbGlkIHR5cGVzIGFyZSB7e2FjY2VwdGVkVHlwZXMuam9pbignLCAnKX19XHJcbiAgPC9saT5cclxuICA8bGkgKm5nSWY9XCJuZ0NvbnRyb2wuY29udHJvbD8uZXJyb3JzPy5bJ3NpemVMaW1pdE1iJ11cIj5cclxuICAgIG1heCBmaWxlIHNpemUgaXMge3tzaXplTGltaXR9fVxyXG4gIDwvbGk+XHJcbiAgPGxpICpuZ0lmPVwibmdDb250cm9sLmNvbnRyb2w/LmVycm9ycz8uWydpbnZhbGlkJ11cIj5cclxuICAgIGludmFsaWQgbW9kZWxcclxuICA8L2xpPlxyXG48L3VsPiAtLT5cclxuXHJcbjxpbnB1dFxyXG4gIFsobmdNb2RlbCldPVwibW9kZWxcIlxyXG4gICNmaWxlSW5wdXRcclxuICB0eXBlPVwiZmlsZVwiXHJcbiAgW2FjY2VwdF09XCJhY2NlcHRlZFR5cGVzLmpvaW4oKVwiXHJcbiAgW211bHRpcGxlXT1cIm11bHRpcGxlXCJcclxuICBbaWRdPVwiaWRcIlxyXG4gIChjaGFuZ2UpPVwib25GaWxlQ2hhbmdlKCRldmVudClcIlxyXG4vPlxyXG4iXX0=

package/esm2022/lib/components/index.mjs

@@ -0,0 +1,8 @@
+export * from './choice/choice.component';
+export * from './color/color.component';
+export * from './file/file.component';
+export * from './number/number.component';
+export * from './readonly/readonly.component';
+export * from './text/text.component';
+export * from './select/select.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jaGFvcy1jb250cm9sL3NyYy9saWIvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jaG9pY2UvY2hvaWNlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vY29sb3IvY29sb3IuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9maWxlL2ZpbGUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9udW1iZXIvbnVtYmVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vcmVhZG9ubHkvcmVhZG9ubHkuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi90ZXh0L3RleHQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudCc7XHJcbiJdfQ==