spiderly 0.0.2

package/esm2022/lib/controls/spiderly-autocomplete/spiderly-autocomplete.component.mjs

@@ -0,0 +1,60 @@
+import { Component, Input } from '@angular/core';
+import { BaseAutocompleteControl } from '../base-autocomplete-control';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { RequiredComponent } from '../../components/required/required.component';
+import { TranslocoDirective } from '@jsverse/transloco';
+import { PrimengModule } from '../../modules/primeng.module';
+import * as i0 from "@angular/core";
+import * as i1 from "@jsverse/transloco";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/tooltip";
+import * as i4 from "primeng/autocomplete";
+import * as i5 from "@angular/common";
+export class SpiderlyAutocompleteComponent extends BaseAutocompleteControl {
+    constructor(translocoService) {
+        super(translocoService);
+        this.translocoService = translocoService;
+        // @Input() required: boolean = true; // TODO FT: delete if you don't need through whole app
+        this.appendTo = 'body';
+        this.showClear = true;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        if (this.options == null && this.control.value != null) {
+            this.options = [
+                { label: this.displayName, value: this.control.value }
+            ];
+        }
+        if (this.emptyMessage == null) {
+            this.emptyMessage = this.translocoService.translate('EmptyMessage');
+        }
+    }
+    search(event) {
+        this.onTextInput.next(event);
+    }
+    select(event) {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyAutocompleteComponent, deps: [{ token: i1.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpiderlyAutocompleteComponent, isStandalone: true, selector: "spiderly-autocomplete", inputs: { appendTo: "appendTo", showClear: "showClear", emptyMessage: "emptyMessage", displayName: "displayName" }, usesInheritance: true, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n  <div class=\"flex flex-column gap-2\">\r\n    <div *ngIf=\"getTranslatedLabel() != '' && getTranslatedLabel() != null\">\r\n      <label>{{getTranslatedLabel()}}</label>\r\n      <required *ngIf=\"control?.required\"></required>\r\n    </div>\r\n  \r\n    <div class=\"p-inputgroup p-fluid\">\r\n      <p-autoComplete\r\n      *ngIf=\"control\"\r\n      [pTooltip]=\"getValidationErrrorMessages()\" [tooltipEvent]=\"errorMessageTooltipEvent\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\"\r\n      [id]=\"label\"\r\n      [formControl]=\"control\"\r\n      [placeholder]=\"placeholder\"\r\n      [suggestions]=\"options\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      (completeMethod)=\"search($event)\"\r\n      [forceSelection]=\"true\"\r\n      [dropdown]=\"false\"\r\n      [showClear]=\"showClear\"\r\n      (onHide)=\"dropdownMarkAsDirty()\"\r\n      (onSelect)=\"select($event)\"\r\n      [completeOnFocus]=\"true\"\r\n      [style]=\"{'width':'100%', 'position' : 'relative'}\"\r\n      [inputStyle]=\"{'width':'100%'}\"\r\n      [appendTo]=\"appendTo\"\r\n      [emptyMessage]=\"emptyMessage\"\r\n      [lazy]=\"true\"\r\n      />\r\n      <span *ngIf=\"showAddon\" (click)=\"addonClick()\" class=\"p-inputgroup-addon\" style=\"cursor: pointer; background-color: var(--primary-color); border-color: var(--primary-color);\">\r\n        <i class=\"{{addonIcon}}\" style=\"color: #fff;\"></i>\r\n      </span>\r\n    </div>\r\n  </div>\r\n</ng-container>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PrimengModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RequiredComponent, selector: "required" }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyAutocompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spiderly-autocomplete', standalone: true, imports: [
+                        ReactiveFormsModule,
+                        FormsModule,
+                        PrimengModule,
+                        CommonModule,
+                        RequiredComponent,
+                        TranslocoDirective,
+                    ], template: "<ng-container *transloco=\"let t\">\r\n  <div class=\"flex flex-column gap-2\">\r\n    <div *ngIf=\"getTranslatedLabel() != '' && getTranslatedLabel() != null\">\r\n      <label>{{getTranslatedLabel()}}</label>\r\n      <required *ngIf=\"control?.required\"></required>\r\n    </div>\r\n  \r\n    <div class=\"p-inputgroup p-fluid\">\r\n      <p-autoComplete\r\n      *ngIf=\"control\"\r\n      [pTooltip]=\"getValidationErrrorMessages()\" [tooltipEvent]=\"errorMessageTooltipEvent\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\"\r\n      [id]=\"label\"\r\n      [formControl]=\"control\"\r\n      [placeholder]=\"placeholder\"\r\n      [suggestions]=\"options\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      (completeMethod)=\"search($event)\"\r\n      [forceSelection]=\"true\"\r\n      [dropdown]=\"false\"\r\n      [showClear]=\"showClear\"\r\n      (onHide)=\"dropdownMarkAsDirty()\"\r\n      (onSelect)=\"select($event)\"\r\n      [completeOnFocus]=\"true\"\r\n      [style]=\"{'width':'100%', 'position' : 'relative'}\"\r\n      [inputStyle]=\"{'width':'100%'}\"\r\n      [appendTo]=\"appendTo\"\r\n      [emptyMessage]=\"emptyMessage\"\r\n      [lazy]=\"true\"\r\n      />\r\n      <span *ngIf=\"showAddon\" (click)=\"addonClick()\" class=\"p-inputgroup-addon\" style=\"cursor: pointer; background-color: var(--primary-color); border-color: var(--primary-color);\">\r\n        <i class=\"{{addonIcon}}\" style=\"color: #fff;\"></i>\r\n      </span>\r\n    </div>\r\n  </div>\r\n</ng-container>" }]
+        }], ctorParameters: () => [{ type: i1.TranslocoService }], propDecorators: { appendTo: [{
+                type: Input
+            }], showClear: [{
+                type: Input
+            }], emptyMessage: [{
+                type: Input
+            }], displayName: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpZGVybHktYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NwaWRlcmx5L3NyYy9saWIvY29udHJvbHMvc3BpZGVybHktYXV0b2NvbXBsZXRlL3NwaWRlcmx5LWF1dG9jb21wbGV0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zcGlkZXJseS9zcmMvbGliL2NvbnRyb2xzL3NwaWRlcmx5LWF1dG9jb21wbGV0ZS9zcGlkZXJseS1hdXRvY29tcGxldGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFekQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNqRixPQUFPLEVBQUUsa0JBQWtCLEVBQW9CLE1BQU0sb0JBQW9CLENBQUM7QUFDMUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7Ozs7O0FBZ0I3RCxNQUFNLE9BQU8sNkJBQThCLFNBQVEsdUJBQXVCO0lBT3RFLFlBQ3VCLGdCQUFrQztRQUVyRCxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUZMLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFQekQsNEZBQTRGO1FBQ25GLGFBQVEsR0FBUSxNQUFNLENBQUM7UUFDdkIsY0FBUyxHQUFZLElBQUksQ0FBQztJQVFuQyxDQUFDO0lBRVEsUUFBUTtRQUNiLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVqQixJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxJQUFJLElBQUksRUFBRTtZQUNwRCxJQUFJLENBQUMsT0FBTyxHQUFHO2dCQUNYLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFO2FBQ3pELENBQUM7U0FDTDtRQUVELElBQUksSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLEVBQUU7WUFDM0IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1NBQ3ZFO0lBQ0wsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUFnQztRQUNuQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQUs7SUFDWixDQUFDOytHQWhDUSw2QkFBNkI7bUdBQTdCLDZCQUE2Qiw0TkN2QjFDLHdqREFtQ2UsMkNEcEJQLG1CQUFtQix5VEFDbkIsV0FBVyw4QkFDWCxhQUFhLG9pREFDYixZQUFZLG1JQUNaLGlCQUFpQixxREFDakIsa0JBQWtCOzs0RkFHYiw2QkFBNkI7a0JBZHpDLFNBQVM7K0JBQ0ksdUJBQXVCLGNBR3JCLElBQUksV0FDUDt3QkFDTCxtQkFBbUI7d0JBQ25CLFdBQVc7d0JBQ1gsYUFBYTt3QkFDYixZQUFZO3dCQUNaLGlCQUFpQjt3QkFDakIsa0JBQWtCO3FCQUNyQjtxRkFJUSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEF1dG9Db21wbGV0ZUNvbXBsZXRlRXZlbnQgfSBmcm9tICdwcmltZW5nL2F1dG9jb21wbGV0ZSc7XHJcbmltcG9ydCB7IEJhc2VBdXRvY29tcGxldGVDb250cm9sIH0gZnJvbSAnLi4vYmFzZS1hdXRvY29tcGxldGUtY29udHJvbCc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUsIEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBSZXF1aXJlZENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvcmVxdWlyZWQvcmVxdWlyZWQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVHJhbnNsb2NvRGlyZWN0aXZlLCBUcmFuc2xvY29TZXJ2aWNlIH0gZnJvbSAnQGpzdmVyc2UvdHJhbnNsb2NvJztcclxuaW1wb3J0IHsgUHJpbWVuZ01vZHVsZSB9IGZyb20gJy4uLy4uL21vZHVsZXMvcHJpbWVuZy5tb2R1bGUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3NwaWRlcmx5LWF1dG9jb21wbGV0ZScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3BpZGVybHktYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlczogW10sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcbiAgICAgICAgRm9ybXNNb2R1bGUsXHJcbiAgICAgICAgUHJpbWVuZ01vZHVsZSxcclxuICAgICAgICBDb21tb25Nb2R1bGUsXHJcbiAgICAgICAgUmVxdWlyZWRDb21wb25lbnQsXHJcbiAgICAgICAgVHJhbnNsb2NvRGlyZWN0aXZlLFxyXG4gICAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3BpZGVybHlBdXRvY29tcGxldGVDb21wb25lbnQgZXh0ZW5kcyBCYXNlQXV0b2NvbXBsZXRlQ29udHJvbCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICAvLyBASW5wdXQoKSByZXF1aXJlZDogYm9vbGVhbiA9IHRydWU7IC8vIFRPRE8gRlQ6IGRlbGV0ZSBpZiB5b3UgZG9uJ3QgbmVlZCB0aHJvdWdoIHdob2xlIGFwcFxyXG4gICAgQElucHV0KCkgYXBwZW5kVG86IGFueSA9ICdib2R5JztcclxuICAgIEBJbnB1dCgpIHNob3dDbGVhcjogYm9vbGVhbiA9IHRydWU7XHJcbiAgICBASW5wdXQoKSBlbXB0eU1lc3NhZ2U6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGRpc3BsYXlOYW1lOiBzdHJpbmc7IC8vIEZUOiBBZGRlZCBiZWNhdXNlIHdoZW4gd2UgaW5pdGlhbGl6ZSB0aGUgb2JqZWN0IG9wdGlvbnMgYXJlIG51bGxcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgdHJhbnNsb2NvU2VydmljZTogVHJhbnNsb2NvU2VydmljZSxcclxuICAgICkgeyBcclxuICAgICAgICBzdXBlcih0cmFuc2xvY29TZXJ2aWNlKTtcclxuICAgIH1cclxuXHJcbiAgICBvdmVycmlkZSBuZ09uSW5pdCgpe1xyXG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcblxyXG4gICAgICAgIGlmICh0aGlzLm9wdGlvbnMgPT0gbnVsbCAmJiB0aGlzLmNvbnRyb2wudmFsdWUgIT0gbnVsbCkge1xyXG4gICAgICAgICAgICB0aGlzLm9wdGlvbnMgPSBbXHJcbiAgICAgICAgICAgICAgICB7IGxhYmVsOiB0aGlzLmRpc3BsYXlOYW1lLCB2YWx1ZTogdGhpcy5jb250cm9sLnZhbHVlIH1cclxuICAgICAgICAgICAgXTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmICh0aGlzLmVtcHR5TWVzc2FnZSA9PSBudWxsKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZW1wdHlNZXNzYWdlID0gdGhpcy50cmFuc2xvY29TZXJ2aWNlLnRyYW5zbGF0ZSgnRW1wdHlNZXNzYWdlJyk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHNlYXJjaChldmVudDogQXV0b0NvbXBsZXRlQ29tcGxldGVFdmVudCl7XHJcbiAgICAgICAgdGhpcy5vblRleHRJbnB1dC5uZXh0KGV2ZW50KTtcclxuICAgIH1cclxuXHJcbiAgICBzZWxlY3QoZXZlbnQpe1xyXG4gICAgfVxyXG5cclxufVxyXG4iLCI8bmctY29udGFpbmVyICp0cmFuc2xvY289XCJsZXQgdFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sdW1uIGdhcC0yXCI+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiZ2V0VHJhbnNsYXRlZExhYmVsKCkgIT0gJycgJiYgZ2V0VHJhbnNsYXRlZExhYmVsKCkgIT0gbnVsbFwiPlxyXG4gICAgICA8bGFiZWw+e3tnZXRUcmFuc2xhdGVkTGFiZWwoKX19PC9sYWJlbD5cclxuICAgICAgPHJlcXVpcmVkICpuZ0lmPVwiY29udHJvbD8ucmVxdWlyZWRcIj48L3JlcXVpcmVkPlxyXG4gICAgPC9kaXY+XHJcbiAgXHJcbiAgICA8ZGl2IGNsYXNzPVwicC1pbnB1dGdyb3VwIHAtZmx1aWRcIj5cclxuICAgICAgPHAtYXV0b0NvbXBsZXRlXHJcbiAgICAgICpuZ0lmPVwiY29udHJvbFwiXHJcbiAgICAgIFtwVG9vbHRpcF09XCJnZXRWYWxpZGF0aW9uRXJycm9yTWVzc2FnZXMoKVwiIFt0b29sdGlwRXZlbnRdPVwiZXJyb3JNZXNzYWdlVG9vbHRpcEV2ZW50XCIgdG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCIgW3Rvb2x0aXBEaXNhYmxlZF09XCJjb250cm9sLnZhbGlkXCIgdG9vbHRpcFN0eWxlQ2xhc3M9XCJzcGlkZXJseS10b29sdGlwLWludmFsaWRcIlxyXG4gICAgICBbaWRdPVwibGFiZWxcIlxyXG4gICAgICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXHJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICAgIFtzdWdnZXN0aW9uc109XCJvcHRpb25zXCJcclxuICAgICAgb3B0aW9uTGFiZWw9XCJsYWJlbFwiXHJcbiAgICAgIG9wdGlvblZhbHVlPVwidmFsdWVcIlxyXG4gICAgICAoY29tcGxldGVNZXRob2QpPVwic2VhcmNoKCRldmVudClcIlxyXG4gICAgICBbZm9yY2VTZWxlY3Rpb25dPVwidHJ1ZVwiXHJcbiAgICAgIFtkcm9wZG93bl09XCJmYWxzZVwiXHJcbiAgICAgIFtzaG93Q2xlYXJdPVwic2hvd0NsZWFyXCJcclxuICAgICAgKG9uSGlkZSk9XCJkcm9wZG93bk1hcmtBc0RpcnR5KClcIlxyXG4gICAgICAob25TZWxlY3QpPVwic2VsZWN0KCRldmVudClcIlxyXG4gICAgICBbY29tcGxldGVPbkZvY3VzXT1cInRydWVcIlxyXG4gICAgICBbc3R5bGVdPVwieyd3aWR0aCc6JzEwMCUnLCAncG9zaXRpb24nIDogJ3JlbGF0aXZlJ31cIlxyXG4gICAgICBbaW5wdXRTdHlsZV09XCJ7J3dpZHRoJzonMTAwJSd9XCJcclxuICAgICAgW2FwcGVuZFRvXT1cImFwcGVuZFRvXCJcclxuICAgICAgW2VtcHR5TWVzc2FnZV09XCJlbXB0eU1lc3NhZ2VcIlxyXG4gICAgICBbbGF6eV09XCJ0cnVlXCJcclxuICAgICAgLz5cclxuICAgICAgPHNwYW4gKm5nSWY9XCJzaG93QWRkb25cIiAoY2xpY2spPVwiYWRkb25DbGljaygpXCIgY2xhc3M9XCJwLWlucHV0Z3JvdXAtYWRkb25cIiBzdHlsZT1cImN1cnNvcjogcG9pbnRlcjsgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcHJpbWFyeS1jb2xvcik7IGJvcmRlci1jb2xvcjogdmFyKC0tcHJpbWFyeS1jb2xvcik7XCI+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJ7e2FkZG9uSWNvbn19XCIgc3R5bGU9XCJjb2xvcjogI2ZmZjtcIj48L2k+XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj4iXX0=

package/esm2022/lib/controls/spiderly-calendar/spiderly-calendar.component.mjs

@@ -0,0 +1,39 @@
+import { Component, Input } from '@angular/core';
+import { BaseControl } from '../base-control';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { RequiredComponent } from '../../components/required/required.component';
+import { PrimengModule } from '../../modules/primeng.module';
+import * as i0 from "@angular/core";
+import * as i1 from "@jsverse/transloco";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "primeng/tooltip";
+import * as i5 from "primeng/calendar";
+export class SpiderlyCalendarComponent extends BaseControl {
+    constructor(translocoService) {
+        super(translocoService);
+        this.translocoService = translocoService;
+        this.showTime = false;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+    }
+    setDate(event) {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyCalendarComponent, deps: [{ token: i1.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpiderlyCalendarComponent, isStandalone: true, selector: "spiderly-calendar", inputs: { showTime: "showTime" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-column gap-2\">\r\n    <div *ngIf=\"getTranslatedLabel() != '' && getTranslatedLabel() != null\">\r\n        <label>{{getTranslatedLabel()}}</label>\r\n        <required *ngIf=\"control?.required\"></required>\r\n        <!-- tabindex=\"-1\": Makes the element focusable, but removes it from the tab order. -->\r\n        <i *ngIf=\"showTooltip\" class=\"{{tooltipIcon}}\" style=\"margin-left: 5px; cursor: pointer;\" [pTooltip]=\"tooltipText\" tabindex=\"-1\" tooltipEvent=\"focus\"></i>\r\n    </div>\r\n    <p-calendar\r\n    *ngIf=\"control\"\r\n    [style]=\"{'width':'100%'}\"\r\n    [pTooltip]=\"getValidationErrrorMessages()\" [tooltipEvent]=\"errorMessageTooltipEvent\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\"\r\n    [formControl]=\"control\"\r\n    (onBlur)=\"control.markAsDirty()\"\r\n    dateFormat=\"dd.mm.yy.\"\r\n    iconDisplay=\"input\" \r\n    [showIcon]=\"true\" \r\n    [showTime]=\"showTime\"\r\n    (onSelect)=\"setDate($event)\"\r\n    />\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PrimengModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i5.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: RequiredComponent, selector: "required" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyCalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spiderly-calendar', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        PrimengModule,
+                        RequiredComponent
+                    ], template: "<div class=\"flex flex-column gap-2\">\r\n    <div *ngIf=\"getTranslatedLabel() != '' && getTranslatedLabel() != null\">\r\n        <label>{{getTranslatedLabel()}}</label>\r\n        <required *ngIf=\"control?.required\"></required>\r\n        <!-- tabindex=\"-1\": Makes the element focusable, but removes it from the tab order. -->\r\n        <i *ngIf=\"showTooltip\" class=\"{{tooltipIcon}}\" style=\"margin-left: 5px; cursor: pointer;\" [pTooltip]=\"tooltipText\" tabindex=\"-1\" tooltipEvent=\"focus\"></i>\r\n    </div>\r\n    <p-calendar\r\n    *ngIf=\"control\"\r\n    [style]=\"{'width':'100%'}\"\r\n    [pTooltip]=\"getValidationErrrorMessages()\" [tooltipEvent]=\"errorMessageTooltipEvent\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\"\r\n    [formControl]=\"control\"\r\n    (onBlur)=\"control.markAsDirty()\"\r\n    dateFormat=\"dd.mm.yy.\"\r\n    iconDisplay=\"input\" \r\n    [showIcon]=\"true\" \r\n    [showTime]=\"showTime\"\r\n    (onSelect)=\"setDate($event)\"\r\n    />\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.TranslocoService }], propDecorators: { showTime: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpZGVybHktY2FsZW5kYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3BpZGVybHkvc3JjL2xpYi9jb250cm9scy9zcGlkZXJseS1jYWxlbmRhci9zcGlkZXJseS1jYWxlbmRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zcGlkZXJseS9zcmMvbGliL2NvbnRyb2xzL3NwaWRlcmx5LWNhbGVuZGFyL3NwaWRlcmx5LWNhbGVuZGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBRWpGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7OztBQWU3RCxNQUFNLE9BQU8seUJBQTBCLFNBQVEsV0FBVztJQUd0RCxZQUN1QixnQkFBa0M7UUFFckQsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFGTCxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBSGhELGFBQVEsR0FBWSxLQUFLLENBQUM7SUFNbkMsQ0FBQztJQUVRLFFBQVE7UUFDYixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFVO0lBRWxCLENBQUM7K0dBZlEseUJBQXlCO21HQUF6Qix5QkFBeUIsc0lDckJ0QywraUNBb0JBLDJDRE5RLFlBQVksa0lBQ1osbUJBQW1CLHlUQUNuQixXQUFXLDhCQUNYLGFBQWEsa3BEQUNiLGlCQUFpQjs7NEZBR1oseUJBQXlCO2tCQWJyQyxTQUFTOytCQUNJLG1CQUFtQixjQUdqQixJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLFdBQVc7d0JBQ1gsYUFBYTt3QkFDYixpQkFBaUI7cUJBQ3BCO3FGQUdRLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFzZUNvbnRyb2wgfSBmcm9tICcuLi9iYXNlLWNvbnRyb2wnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgUmVxdWlyZWRDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL3JlcXVpcmVkL3JlcXVpcmVkLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRyYW5zbG9jb1NlcnZpY2UgfSBmcm9tICdAanN2ZXJzZS90cmFuc2xvY28nO1xyXG5pbXBvcnQgeyBQcmltZW5nTW9kdWxlIH0gZnJvbSAnLi4vLi4vbW9kdWxlcy9wcmltZW5nLm1vZHVsZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc3BpZGVybHktY2FsZW5kYXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NwaWRlcmx5LWNhbGVuZGFyLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlczogW10sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIENvbW1vbk1vZHVsZSxcclxuICAgICAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxyXG4gICAgICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgICAgIFByaW1lbmdNb2R1bGUsXHJcbiAgICAgICAgUmVxdWlyZWRDb21wb25lbnRcclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNwaWRlcmx5Q2FsZW5kYXJDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29udHJvbCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBASW5wdXQoKSBzaG93VGltZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHByb3RlY3RlZCBvdmVycmlkZSB0cmFuc2xvY29TZXJ2aWNlOiBUcmFuc2xvY29TZXJ2aWNlLFxyXG4gICAgKSB7IFxyXG4gICAgICAgIHN1cGVyKHRyYW5zbG9jb1NlcnZpY2UpO1xyXG4gICAgfVxyXG5cclxuICAgIG92ZXJyaWRlIG5nT25Jbml0KCl7XHJcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcclxuICAgIH1cclxuXHJcbiAgICBzZXREYXRlKGV2ZW50OkRhdGUpIHsgXHJcbiAgICAgICAgXHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gZ2FwLTJcIj5cclxuICAgIDxkaXYgKm5nSWY9XCJnZXRUcmFuc2xhdGVkTGFiZWwoKSAhPSAnJyAmJiBnZXRUcmFuc2xhdGVkTGFiZWwoKSAhPSBudWxsXCI+XHJcbiAgICAgICAgPGxhYmVsPnt7Z2V0VHJhbnNsYXRlZExhYmVsKCl9fTwvbGFiZWw+XHJcbiAgICAgICAgPHJlcXVpcmVkICpuZ0lmPVwiY29udHJvbD8ucmVxdWlyZWRcIj48L3JlcXVpcmVkPlxyXG4gICAgICAgIDwhLS0gdGFiaW5kZXg9XCItMVwiOiBNYWtlcyB0aGUgZWxlbWVudCBmb2N1c2FibGUsIGJ1dCByZW1vdmVzIGl0IGZyb20gdGhlIHRhYiBvcmRlci4gLS0+XHJcbiAgICAgICAgPGkgKm5nSWY9XCJzaG93VG9vbHRpcFwiIGNsYXNzPVwie3t0b29sdGlwSWNvbn19XCIgc3R5bGU9XCJtYXJnaW4tbGVmdDogNXB4OyBjdXJzb3I6IHBvaW50ZXI7XCIgW3BUb29sdGlwXT1cInRvb2x0aXBUZXh0XCIgdGFiaW5kZXg9XCItMVwiIHRvb2x0aXBFdmVudD1cImZvY3VzXCI+PC9pPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8cC1jYWxlbmRhclxyXG4gICAgKm5nSWY9XCJjb250cm9sXCJcclxuICAgIFtzdHlsZV09XCJ7J3dpZHRoJzonMTAwJSd9XCJcclxuICAgIFtwVG9vbHRpcF09XCJnZXRWYWxpZGF0aW9uRXJycm9yTWVzc2FnZXMoKVwiIFt0b29sdGlwRXZlbnRdPVwiZXJyb3JNZXNzYWdlVG9vbHRpcEV2ZW50XCIgdG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCIgW3Rvb2x0aXBEaXNhYmxlZF09XCJjb250cm9sLnZhbGlkXCIgdG9vbHRpcFN0eWxlQ2xhc3M9XCJzcGlkZXJseS10b29sdGlwLWludmFsaWRcIlxyXG4gICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxyXG4gICAgKG9uQmx1cik9XCJjb250cm9sLm1hcmtBc0RpcnR5KClcIlxyXG4gICAgZGF0ZUZvcm1hdD1cImRkLm1tLnl5LlwiXHJcbiAgICBpY29uRGlzcGxheT1cImlucHV0XCIgXHJcbiAgICBbc2hvd0ljb25dPVwidHJ1ZVwiIFxyXG4gICAgW3Nob3dUaW1lXT1cInNob3dUaW1lXCJcclxuICAgIChvblNlbGVjdCk9XCJzZXREYXRlKCRldmVudClcIlxyXG4gICAgLz5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/controls/spiderly-checkbox/spiderly-checkbox.component.mjs

@@ -0,0 +1,45 @@
+import { Component, Input } from '@angular/core';
+import { BaseControl } from '../base-control';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { RequiredComponent } from '../../components/required/required.component';
+import { PrimengModule } from '../../modules/primeng.module';
+import * as i0 from "@angular/core";
+import * as i1 from "@jsverse/transloco";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "primeng/tooltip";
+import * as i5 from "primeng/checkbox";
+export class SpiderlyCheckboxComponent extends BaseControl {
+    constructor(translocoService) {
+        super(translocoService);
+        this.translocoService = translocoService;
+        this.fakeLabel = true;
+        this.initializeToFalse = false;
+        this.inlineLabel = false;
+    }
+    ngOnInit() {
+        if (this.initializeToFalse == true)
+            this.control.setValue(false);
+        super.ngOnInit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyCheckboxComponent, deps: [{ token: i1.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpiderlyCheckboxComponent, isStandalone: true, selector: "spiderly-checkbox", inputs: { fakeLabel: "fakeLabel", initializeToFalse: "initializeToFalse", inlineLabel: "inlineLabel" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-column gap-2\">\r\n    <div *ngIf=\"inlineLabel === false && getTranslatedLabel() != '' && getTranslatedLabel() != null\">\r\n      <label>{{getTranslatedLabel()}}</label>\r\n      <required *ngIf=\"control?.required\"></required>\r\n    </div>\r\n    <div class=\"p-inputgroup p-fluid\" style=\"margin-top: 0.5rem;\">\r\n        <p-checkbox\r\n        *ngIf=\"control\"\r\n        [pTooltip]=\"getValidationErrrorMessages()\" [tooltipEvent]=\"errorMessageTooltipEvent\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\" \r\n        [formControl]=\"control\"\r\n        [label]=\"inlineLabel ? label : null\"\r\n        [id]=\"label\"\r\n        [binary]=\"true\"\r\n        />\r\n    </div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PrimengModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: RequiredComponent, selector: "required" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spiderly-checkbox', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        PrimengModule,
+                        RequiredComponent
+                    ], template: "<div class=\"flex flex-column gap-2\">\r\n    <div *ngIf=\"inlineLabel === false && getTranslatedLabel() != '' && getTranslatedLabel() != null\">\r\n      <label>{{getTranslatedLabel()}}</label>\r\n      <required *ngIf=\"control?.required\"></required>\r\n    </div>\r\n    <div class=\"p-inputgroup p-fluid\" style=\"margin-top: 0.5rem;\">\r\n        <p-checkbox\r\n        *ngIf=\"control\"\r\n        [pTooltip]=\"getValidationErrrorMessages()\" [tooltipEvent]=\"errorMessageTooltipEvent\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\" \r\n        [formControl]=\"control\"\r\n        [label]=\"inlineLabel ? label : null\"\r\n        [id]=\"label\"\r\n        [binary]=\"true\"\r\n        />\r\n    </div>\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i1.TranslocoService }], propDecorators: { fakeLabel: [{
+                type: Input
+            }], initializeToFalse: [{
+                type: Input
+            }], inlineLabel: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpZGVybHktY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3BpZGVybHkvc3JjL2xpYi9jb250cm9scy9zcGlkZXJseS1jaGVja2JveC9zcGlkZXJseS1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zcGlkZXJseS9zcmMvbGliL2NvbnRyb2xzL3NwaWRlcmx5LWNoZWNrYm94L3NwaWRlcmx5LWNoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBRWpGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7OztBQWU3RCxNQUFNLE9BQU8seUJBQTBCLFNBQVEsV0FBVztJQUt0RCxZQUN1QixnQkFBa0M7UUFFckQsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFGTCxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBTGhELGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsc0JBQWlCLEdBQUcsS0FBSyxDQUFDO1FBQzFCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO0lBTTdCLENBQUM7SUFFUyxRQUFRO1FBQ2QsSUFBSSxJQUFJLENBQUMsaUJBQWlCLElBQUksSUFBSTtZQUM5QixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVqQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDckIsQ0FBQzsrR0FoQlEseUJBQXlCO21HQUF6Qix5QkFBeUIsNE1DckJ0QyxreEJBZU0sMkNEREUsWUFBWSxrSUFDWixtQkFBbUIseVRBQ25CLFdBQVcsOEJBQ1gsYUFBYSx3dUJBQ2IsaUJBQWlCOzs0RkFHWix5QkFBeUI7a0JBYnJDLFNBQVM7K0JBQ0ksbUJBQW1CLGNBR2pCLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsV0FBVzt3QkFDWCxhQUFhO3dCQUNiLGlCQUFpQjtxQkFDcEI7cUZBR1EsU0FBUztzQkFBakIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCYXNlQ29udHJvbCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbCc7XHJcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUsIEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBSZXF1aXJlZENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvcmVxdWlyZWQvcmVxdWlyZWQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVHJhbnNsb2NvU2VydmljZSB9IGZyb20gJ0Bqc3ZlcnNlL3RyYW5zbG9jbyc7XHJcbmltcG9ydCB7IFByaW1lbmdNb2R1bGUgfSBmcm9tICcuLi8uLi9tb2R1bGVzL3ByaW1lbmcubW9kdWxlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzcGlkZXJseS1jaGVja2JveCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3BpZGVybHktY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVzOiBbXSxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcbiAgICAgICAgRm9ybXNNb2R1bGUsXHJcbiAgICAgICAgUHJpbWVuZ01vZHVsZSxcclxuICAgICAgICBSZXF1aXJlZENvbXBvbmVudFxyXG4gICAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3BpZGVybHlDaGVja2JveENvbXBvbmVudCBleHRlbmRzIEJhc2VDb250cm9sIGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBJbnB1dCgpIGZha2VMYWJlbCA9IHRydWU7XHJcbiAgICBASW5wdXQoKSBpbml0aWFsaXplVG9GYWxzZSA9IGZhbHNlO1xyXG4gICAgQElucHV0KCkgaW5saW5lTGFiZWwgPSBmYWxzZTtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgdHJhbnNsb2NvU2VydmljZTogVHJhbnNsb2NvU2VydmljZSxcclxuICAgICkgeyBcclxuICAgICAgICBzdXBlcih0cmFuc2xvY29TZXJ2aWNlKTtcclxuICAgIH1cclxuXHJcbiAgICAgb3ZlcnJpZGUgbmdPbkluaXQoKXtcclxuICAgICAgICBpZiAodGhpcy5pbml0aWFsaXplVG9GYWxzZSA9PSB0cnVlKVxyXG4gICAgICAgICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoZmFsc2UpO1xyXG5cclxuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sdW1uIGdhcC0yXCI+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiaW5saW5lTGFiZWwgPT09IGZhbHNlICYmIGdldFRyYW5zbGF0ZWRMYWJlbCgpICE9ICcnICYmIGdldFRyYW5zbGF0ZWRMYWJlbCgpICE9IG51bGxcIj5cclxuICAgICAgPGxhYmVsPnt7Z2V0VHJhbnNsYXRlZExhYmVsKCl9fTwvbGFiZWw+XHJcbiAgICAgIDxyZXF1aXJlZCAqbmdJZj1cImNvbnRyb2w/LnJlcXVpcmVkXCI+PC9yZXF1aXJlZD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInAtaW5wdXRncm91cCBwLWZsdWlkXCIgc3R5bGU9XCJtYXJnaW4tdG9wOiAwLjVyZW07XCI+XHJcbiAgICAgICAgPHAtY2hlY2tib3hcclxuICAgICAgICAqbmdJZj1cImNvbnRyb2xcIlxyXG4gICAgICAgIFtwVG9vbHRpcF09XCJnZXRWYWxpZGF0aW9uRXJycm9yTWVzc2FnZXMoKVwiIFt0b29sdGlwRXZlbnRdPVwiZXJyb3JNZXNzYWdlVG9vbHRpcEV2ZW50XCIgdG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCIgW3Rvb2x0aXBEaXNhYmxlZF09XCJjb250cm9sLnZhbGlkXCIgdG9vbHRpcFN0eWxlQ2xhc3M9XCJzcGlkZXJseS10b29sdGlwLWludmFsaWRcIiBcclxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXHJcbiAgICAgICAgW2xhYmVsXT1cImlubGluZUxhYmVsID8gbGFiZWwgOiBudWxsXCJcclxuICAgICAgICBbaWRdPVwibGFiZWxcIlxyXG4gICAgICAgIFtiaW5hcnldPVwidHJ1ZVwiXHJcbiAgICAgICAgLz5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/controls/spiderly-colorpick/spiderly-colorpick.component.mjs

@@ -0,0 +1,40 @@
+import { Component } from '@angular/core';
+import { BaseControl } from '../base-control';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { RequiredComponent } from '../../components/required/required.component';
+import { CommonModule } from '@angular/common';
+import { PrimengModule } from '../../modules/primeng.module';
+import * as i0 from "@angular/core";
+import * as i1 from "@jsverse/transloco";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "primeng/inputtext";
+import * as i5 from "primeng/tooltip";
+import * as i6 from "primeng/colorpicker";
+export class SpiderlyColorpickComponent extends BaseControl {
+    constructor(translocoService) {
+        super(translocoService);
+        this.translocoService = translocoService;
+    }
+    ngOnInit() {
+        this.control.valueChanges.subscribe((value) => {
+            this.control.setValue(value, { emitEvent: false }); // FT: Preventing infinite loop
+        });
+        if (this.control.value == null)
+            this.placeholder = this.translocoService.translate('SelectAColor');
+        super.ngOnInit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyColorpickComponent, deps: [{ token: i1.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpiderlyColorpickComponent, isStandalone: true, selector: "spiderly-colorpick", usesInheritance: true, ngImport: i0, template: "<!-- Can't put (onBlur) in this control -->\r\n\r\n<div class=\"flex flex-column gap-2\">\r\n  <div *ngIf=\"getTranslatedLabel() != '' && getTranslatedLabel() != null\">\r\n    <label>{{getTranslatedLabel()}}</label>\r\n    <required *ngIf=\"control?.required\"></required>\r\n  </div>\r\n  <div style=\"display: flex; gap: 10px;\">\r\n    <div class=\"p-inputgroup p-fluid\">\r\n      <!-- <span class=\"p-inputgroup-addon\">\r\n        #\r\n      </span> -->\r\n      <input\r\n      *ngIf=\"control\"\r\n      [pTooltip]=\"getValidationErrrorMessages()\" [tooltipEvent]=\"errorMessageTooltipEvent\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\"\r\n      pInputText\r\n      [placeholder]=\"placeholder\"\r\n      [style]=\"{'width':'100%', 'position': 'relative'}\"\r\n      [formControl]=\"control\"\r\n      [id]=\"control.label\"\r\n      (blur)=\"control.markAsDirty()\"\r\n      />\r\n  </div>\r\n    <p-colorPicker\r\n    *ngIf=\"control\"\r\n    [pTooltip]=\"getValidationErrrorMessages()\" [tooltipEvent]=\"errorMessageTooltipEvent\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\"\r\n    [formControl]=\"control\"\r\n    [id]=\"control.label\"\r\n    (blur)=\"control.markAsDirty()\"\r\n    appendTo=\"body\"\r\n    ></p-colorPicker>\r\n  </div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PrimengModule }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.ColorPicker, selector: "p-colorPicker", inputs: ["style", "styleClass", "inline", "format", "appendTo", "disabled", "tabindex", "inputId", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "autofocus"], outputs: ["onChange", "onShow", "onHide"] }, { kind: "component", type: RequiredComponent, selector: "required" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyColorpickComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spiderly-colorpick', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        PrimengModule,
+                        RequiredComponent
+                    ], template: "<!-- Can't put (onBlur) in this control -->\r\n\r\n<div class=\"flex flex-column gap-2\">\r\n  <div *ngIf=\"getTranslatedLabel() != '' && getTranslatedLabel() != null\">\r\n    <label>{{getTranslatedLabel()}}</label>\r\n    <required *ngIf=\"control?.required\"></required>\r\n  </div>\r\n  <div style=\"display: flex; gap: 10px;\">\r\n    <div class=\"p-inputgroup p-fluid\">\r\n      <!-- <span class=\"p-inputgroup-addon\">\r\n        #\r\n      </span> -->\r\n      <input\r\n      *ngIf=\"control\"\r\n      [pTooltip]=\"getValidationErrrorMessages()\" [tooltipEvent]=\"errorMessageTooltipEvent\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\"\r\n      pInputText\r\n      [placeholder]=\"placeholder\"\r\n      [style]=\"{'width':'100%', 'position': 'relative'}\"\r\n      [formControl]=\"control\"\r\n      [id]=\"control.label\"\r\n      (blur)=\"control.markAsDirty()\"\r\n      />\r\n  </div>\r\n    <p-colorPicker\r\n    *ngIf=\"control\"\r\n    [pTooltip]=\"getValidationErrrorMessages()\" [tooltipEvent]=\"errorMessageTooltipEvent\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\"\r\n    [formControl]=\"control\"\r\n    [id]=\"control.label\"\r\n    (blur)=\"control.markAsDirty()\"\r\n    appendTo=\"body\"\r\n    ></p-colorPicker>\r\n  </div>\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i1.TranslocoService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpZGVybHktY29sb3JwaWNrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NwaWRlcmx5L3NyYy9saWIvY29udHJvbHMvc3BpZGVybHktY29sb3JwaWNrL3NwaWRlcmx5LWNvbG9ycGljay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zcGlkZXJseS9zcmMvbGliL2NvbnRyb2xzL3NwaWRlcmx5LWNvbG9ycGljay9zcGlkZXJseS1jb2xvcnBpY2suY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7Ozs7O0FBZTdELE1BQU0sT0FBTywwQkFBMkIsU0FBUSxXQUFXO0lBRXZELFlBQ3VCLGdCQUFrQztRQUVyRCxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUZMLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7SUFHekQsQ0FBQztJQUVRLFFBQVE7UUFDYixJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUMxQyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLCtCQUErQjtRQUN2RixDQUFDLENBQUMsQ0FBQztRQUVILElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLElBQUksSUFBSTtZQUMxQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLENBQUM7UUFFdkUsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3JCLENBQUM7K0dBakJRLDBCQUEwQjttR0FBMUIsMEJBQTBCLHFHQ3JCdkMsbTNDQWdDTSwyQ0RsQkUsWUFBWSxrSUFDWixtQkFBbUIseWtCQUNuQixXQUFXLDhCQUNYLGFBQWEsa3dCQUNiLGlCQUFpQjs7NEZBR1osMEJBQTBCO2tCQWJ0QyxTQUFTOytCQUNJLG9CQUFvQixjQUdsQixJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLFdBQVc7d0JBQ1gsYUFBYTt3QkFDYixpQkFBaUI7cUJBQ3BCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFzZUNvbnRyb2wgfSBmcm9tICcuLi9iYXNlLWNvbnRyb2wnO1xyXG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgUmVxdWlyZWRDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL3JlcXVpcmVkL3JlcXVpcmVkLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFRyYW5zbG9jb1NlcnZpY2UgfSBmcm9tICdAanN2ZXJzZS90cmFuc2xvY28nO1xyXG5pbXBvcnQgeyBQcmltZW5nTW9kdWxlIH0gZnJvbSAnLi4vLi4vbW9kdWxlcy9wcmltZW5nLm1vZHVsZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc3BpZGVybHktY29sb3JwaWNrJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9zcGlkZXJseS1jb2xvcnBpY2suY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVzOiBbXSxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcbiAgICAgICAgRm9ybXNNb2R1bGUsXHJcbiAgICAgICAgUHJpbWVuZ01vZHVsZSxcclxuICAgICAgICBSZXF1aXJlZENvbXBvbmVudFxyXG4gICAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3BpZGVybHlDb2xvcnBpY2tDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29udHJvbCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICAgICAgcHJvdGVjdGVkIG92ZXJyaWRlIHRyYW5zbG9jb1NlcnZpY2U6IFRyYW5zbG9jb1NlcnZpY2UsXHJcbiAgICApIHsgXHJcbiAgICAgICAgc3VwZXIodHJhbnNsb2NvU2VydmljZSk7XHJcbiAgICB9XHJcblxyXG4gICAgb3ZlcnJpZGUgbmdPbkluaXQoKXtcclxuICAgICAgICB0aGlzLmNvbnRyb2wudmFsdWVDaGFuZ2VzLnN1YnNjcmliZSgodmFsdWUpID0+IHtcclxuICAgICAgICAgICAgdGhpcy5jb250cm9sLnNldFZhbHVlKHZhbHVlLCB7IGVtaXRFdmVudDogZmFsc2UgfSk7IC8vIEZUOiBQcmV2ZW50aW5nIGluZmluaXRlIGxvb3BcclxuICAgICAgICB9KTtcclxuXHJcbiAgICAgICAgaWYgKHRoaXMuY29udHJvbC52YWx1ZSA9PSBudWxsKVxyXG4gICAgICAgICAgICB0aGlzLnBsYWNlaG9sZGVyID0gdGhpcy50cmFuc2xvY29TZXJ2aWNlLnRyYW5zbGF0ZSgnU2VsZWN0QUNvbG9yJyk7XHJcblxyXG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjwhLS0gQ2FuJ3QgcHV0IChvbkJsdXIpIGluIHRoaXMgY29udHJvbCAtLT5cclxuXHJcbjxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sdW1uIGdhcC0yXCI+XHJcbiAgPGRpdiAqbmdJZj1cImdldFRyYW5zbGF0ZWRMYWJlbCgpICE9ICcnICYmIGdldFRyYW5zbGF0ZWRMYWJlbCgpICE9IG51bGxcIj5cclxuICAgIDxsYWJlbD57e2dldFRyYW5zbGF0ZWRMYWJlbCgpfX08L2xhYmVsPlxyXG4gICAgPHJlcXVpcmVkICpuZ0lmPVwiY29udHJvbD8ucmVxdWlyZWRcIj48L3JlcXVpcmVkPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4OyBnYXA6IDEwcHg7XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicC1pbnB1dGdyb3VwIHAtZmx1aWRcIj5cclxuICAgICAgPCEtLSA8c3BhbiBjbGFzcz1cInAtaW5wdXRncm91cC1hZGRvblwiPlxyXG4gICAgICAgICNcclxuICAgICAgPC9zcGFuPiAtLT5cclxuICAgICAgPGlucHV0XHJcbiAgICAgICpuZ0lmPVwiY29udHJvbFwiXHJcbiAgICAgIFtwVG9vbHRpcF09XCJnZXRWYWxpZGF0aW9uRXJycm9yTWVzc2FnZXMoKVwiIFt0b29sdGlwRXZlbnRdPVwiZXJyb3JNZXNzYWdlVG9vbHRpcEV2ZW50XCIgdG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCIgW3Rvb2x0aXBEaXNhYmxlZF09XCJjb250cm9sLnZhbGlkXCIgdG9vbHRpcFN0eWxlQ2xhc3M9XCJzcGlkZXJseS10b29sdGlwLWludmFsaWRcIlxyXG4gICAgICBwSW5wdXRUZXh0XHJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICAgIFtzdHlsZV09XCJ7J3dpZHRoJzonMTAwJScsICdwb3NpdGlvbic6ICdyZWxhdGl2ZSd9XCJcclxuICAgICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxyXG4gICAgICBbaWRdPVwiY29udHJvbC5sYWJlbFwiXHJcbiAgICAgIChibHVyKT1cImNvbnRyb2wubWFya0FzRGlydHkoKVwiXHJcbiAgICAgIC8+XHJcbiAgPC9kaXY+XHJcbiAgICA8cC1jb2xvclBpY2tlclxyXG4gICAgKm5nSWY9XCJjb250cm9sXCJcclxuICAgIFtwVG9vbHRpcF09XCJnZXRWYWxpZGF0aW9uRXJycm9yTWVzc2FnZXMoKVwiIFt0b29sdGlwRXZlbnRdPVwiZXJyb3JNZXNzYWdlVG9vbHRpcEV2ZW50XCIgdG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCIgW3Rvb2x0aXBEaXNhYmxlZF09XCJjb250cm9sLnZhbGlkXCIgdG9vbHRpcFN0eWxlQ2xhc3M9XCJzcGlkZXJseS10b29sdGlwLWludmFsaWRcIlxyXG4gICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxyXG4gICAgW2lkXT1cImNvbnRyb2wubGFiZWxcIlxyXG4gICAgKGJsdXIpPVwiY29udHJvbC5tYXJrQXNEaXJ0eSgpXCJcclxuICAgIGFwcGVuZFRvPVwiYm9keVwiXHJcbiAgICA+PC9wLWNvbG9yUGlja2VyPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/controls/spiderly-controls.module.mjs

@@ -0,0 +1,112 @@
+import { NgModule } from '@angular/core';
+import { SpiderlyPanelsModule } from '../components/spiderly-panels/spiderly-panels.module';
+import { SpiderlyMultiAutocompleteComponent } from './spiderly-multiautocomplete/spiderly-multiautocomplete.component';
+import { SpiderlyPasswordComponent } from './spiderly-password/spiderly-password.component';
+import { SpiderlyTextboxComponent } from './spiderly-textbox/spiderly-textbox.component';
+import { SpiderlyCheckboxComponent } from './spiderly-checkbox/spiderly-checkbox.component';
+import { SpiderlyMultiSelectComponent } from './spiderly-multiselect/spiderly-multiselect.component';
+import { SpiderlyTextareaComponent } from './spiderly-textarea/spiderly-textarea.component';
+import { SpiderlyNumberComponent } from './spiderly-number/spiderly-number.component';
+import { SpiderlyDropdownComponent } from './spiderly-dropdown/spiderly-dropdown.component';
+import { SpiderlyEditorComponent } from './spiderly-editor/spiderly-editor.component';
+import { SpiderlyColorpickComponent } from './spiderly-colorpick/spiderly-colorpick.component';
+import { SpiderlyFileComponent } from './spiderly-file/spiderly-file.component';
+import { SpiderlyCalendarComponent } from './spiderly-calendar/spiderly-calendar.component';
+import { SpiderlyAutocompleteComponent } from './spiderly-autocomplete/spiderly-autocomplete.component';
+import { SpiderlyButtonComponent } from '../components/spiderly-buttons/spiderly-button/spiderly-button.component';
+import { SpiderlyReturnButtonComponent } from '../components/spiderly-buttons/return-button/return-button.component';
+import * as i0 from "@angular/core";
+export class SpiderlyControlsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyControlsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyControlsModule, imports: [SpiderlyTextboxComponent,
+            SpiderlyTextareaComponent,
+            SpiderlyCheckboxComponent,
+            SpiderlyCalendarComponent,
+            SpiderlyReturnButtonComponent,
+            SpiderlyButtonComponent,
+            SpiderlyPanelsModule,
+            SpiderlyPasswordComponent,
+            SpiderlyAutocompleteComponent,
+            SpiderlyMultiAutocompleteComponent,
+            SpiderlyMultiSelectComponent,
+            SpiderlyNumberComponent,
+            SpiderlyDropdownComponent,
+            SpiderlyEditorComponent,
+            SpiderlyColorpickComponent,
+            SpiderlyFileComponent], exports: [SpiderlyTextboxComponent,
+            SpiderlyTextareaComponent,
+            SpiderlyCheckboxComponent,
+            SpiderlyCalendarComponent,
+            SpiderlyReturnButtonComponent,
+            SpiderlyButtonComponent,
+            SpiderlyPanelsModule,
+            SpiderlyPasswordComponent,
+            SpiderlyAutocompleteComponent,
+            SpiderlyMultiAutocompleteComponent,
+            SpiderlyMultiSelectComponent,
+            SpiderlyNumberComponent,
+            SpiderlyDropdownComponent,
+            SpiderlyEditorComponent,
+            SpiderlyColorpickComponent,
+            SpiderlyFileComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyControlsModule, imports: [SpiderlyTextboxComponent,
+            SpiderlyTextareaComponent,
+            SpiderlyCheckboxComponent,
+            SpiderlyCalendarComponent,
+            SpiderlyReturnButtonComponent,
+            SpiderlyButtonComponent,
+            SpiderlyPanelsModule,
+            SpiderlyPasswordComponent,
+            SpiderlyAutocompleteComponent,
+            SpiderlyMultiAutocompleteComponent,
+            SpiderlyMultiSelectComponent,
+            SpiderlyNumberComponent,
+            SpiderlyDropdownComponent,
+            SpiderlyEditorComponent,
+            SpiderlyColorpickComponent,
+            SpiderlyFileComponent, SpiderlyPanelsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyControlsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        SpiderlyTextboxComponent,
+                        SpiderlyTextareaComponent,
+                        SpiderlyCheckboxComponent,
+                        SpiderlyCalendarComponent,
+                        SpiderlyReturnButtonComponent,
+                        SpiderlyButtonComponent,
+                        SpiderlyPanelsModule,
+                        SpiderlyPasswordComponent,
+                        SpiderlyAutocompleteComponent,
+                        SpiderlyMultiAutocompleteComponent,
+                        SpiderlyMultiSelectComponent,
+                        SpiderlyNumberComponent,
+                        SpiderlyDropdownComponent,
+                        SpiderlyEditorComponent,
+                        SpiderlyColorpickComponent,
+                        SpiderlyFileComponent,
+                    ],
+                    exports: [
+                        SpiderlyTextboxComponent,
+                        SpiderlyTextareaComponent,
+                        SpiderlyCheckboxComponent,
+                        SpiderlyCalendarComponent,
+                        SpiderlyReturnButtonComponent,
+                        SpiderlyButtonComponent,
+                        SpiderlyPanelsModule,
+                        SpiderlyPasswordComponent,
+                        SpiderlyAutocompleteComponent,
+                        SpiderlyMultiAutocompleteComponent,
+                        SpiderlyMultiSelectComponent,
+                        SpiderlyNumberComponent,
+                        SpiderlyDropdownComponent,
+                        SpiderlyEditorComponent,
+                        SpiderlyColorpickComponent,
+                        SpiderlyFileComponent
+                    ],
+                    declarations: [],
+                    providers: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpZGVybHktY29udHJvbHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3BpZGVybHkvc3JjL2xpYi9jb250cm9scy9zcGlkZXJseS1jb250cm9scy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUM1RixPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSxtRUFBbUUsQ0FBQztBQUN2SCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM1RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN6RixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM1RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUNyRyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM1RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM1RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUMvRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM1RixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUN4RyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwRUFBMEUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxzRUFBc0UsQ0FBQzs7QUE0Q3JILE1BQU0sT0FBTyxzQkFBc0I7K0dBQXRCLHNCQUFzQjtnSEFBdEIsc0JBQXNCLFlBeEMvQix3QkFBd0I7WUFDeEIseUJBQXlCO1lBQ3pCLHlCQUF5QjtZQUN6Qix5QkFBeUI7WUFDekIsNkJBQTZCO1lBQzdCLHVCQUF1QjtZQUN2QixvQkFBb0I7WUFDcEIseUJBQXlCO1lBQ3pCLDZCQUE2QjtZQUM3QixrQ0FBa0M7WUFDbEMsNEJBQTRCO1lBQzVCLHVCQUF1QjtZQUN2Qix5QkFBeUI7WUFDekIsdUJBQXVCO1lBQ3ZCLDBCQUEwQjtZQUMxQixxQkFBcUIsYUFHckIsd0JBQXdCO1lBQ3hCLHlCQUF5QjtZQUN6Qix5QkFBeUI7WUFDekIseUJBQXlCO1lBQ3pCLDZCQUE2QjtZQUM3Qix1QkFBdUI7WUFDdkIsb0JBQW9CO1lBQ3BCLHlCQUF5QjtZQUN6Qiw2QkFBNkI7WUFDN0Isa0NBQWtDO1lBQ2xDLDRCQUE0QjtZQUM1Qix1QkFBdUI7WUFDdkIseUJBQXlCO1lBQ3pCLHVCQUF1QjtZQUN2QiwwQkFBMEI7WUFDMUIscUJBQXFCO2dIQU9aLHNCQUFzQixZQXhDL0Isd0JBQXdCO1lBQ3hCLHlCQUF5QjtZQUN6Qix5QkFBeUI7WUFDekIseUJBQXlCO1lBQ3pCLDZCQUE2QjtZQUM3Qix1QkFBdUI7WUFDdkIsb0JBQW9CO1lBQ3BCLHlCQUF5QjtZQUN6Qiw2QkFBNkI7WUFDN0Isa0NBQWtDO1lBQ2xDLDRCQUE0QjtZQUM1Qix1QkFBdUI7WUFDdkIseUJBQXlCO1lBQ3pCLHVCQUF1QjtZQUN2QiwwQkFBMEI7WUFDMUIscUJBQXFCLEVBU3JCLG9CQUFvQjs7NEZBZ0JYLHNCQUFzQjtrQkExQ2xDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3dCQUN6Qix5QkFBeUI7d0JBQ3pCLHlCQUF5Qjt3QkFDekIsNkJBQTZCO3dCQUM3Qix1QkFBdUI7d0JBQ3ZCLG9CQUFvQjt3QkFDcEIseUJBQXlCO3dCQUN6Qiw2QkFBNkI7d0JBQzdCLGtDQUFrQzt3QkFDbEMsNEJBQTRCO3dCQUM1Qix1QkFBdUI7d0JBQ3ZCLHlCQUF5Qjt3QkFDekIsdUJBQXVCO3dCQUN2QiwwQkFBMEI7d0JBQzFCLHFCQUFxQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3dCQUN6Qix5QkFBeUI7d0JBQ3pCLHlCQUF5Qjt3QkFDekIsNkJBQTZCO3dCQUM3Qix1QkFBdUI7d0JBQ3ZCLG9CQUFvQjt3QkFDcEIseUJBQXlCO3dCQUN6Qiw2QkFBNkI7d0JBQzdCLGtDQUFrQzt3QkFDbEMsNEJBQTRCO3dCQUM1Qix1QkFBdUI7d0JBQ3ZCLHlCQUF5Qjt3QkFDekIsdUJBQXVCO3dCQUN2QiwwQkFBMEI7d0JBQzFCLHFCQUFxQjtxQkFDdEI7b0JBQ0QsWUFBWSxFQUFFLEVBQ2I7b0JBQ0QsU0FBUyxFQUFFLEVBQ1Y7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTcGlkZXJseVBhbmVsc01vZHVsZSB9IGZyb20gJy4uL2NvbXBvbmVudHMvc3BpZGVybHktcGFuZWxzL3NwaWRlcmx5LXBhbmVscy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBTcGlkZXJseU11bHRpQXV0b2NvbXBsZXRlQ29tcG9uZW50IH0gZnJvbSAnLi9zcGlkZXJseS1tdWx0aWF1dG9jb21wbGV0ZS9zcGlkZXJseS1tdWx0aWF1dG9jb21wbGV0ZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlkZXJseVBhc3N3b3JkQ29tcG9uZW50IH0gZnJvbSAnLi9zcGlkZXJseS1wYXNzd29yZC9zcGlkZXJseS1wYXNzd29yZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlkZXJseVRleHRib3hDb21wb25lbnQgfSBmcm9tICcuL3NwaWRlcmx5LXRleHRib3gvc3BpZGVybHktdGV4dGJveC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlkZXJseUNoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnLi9zcGlkZXJseS1jaGVja2JveC9zcGlkZXJseS1jaGVja2JveC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlkZXJseU11bHRpU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi9zcGlkZXJseS1tdWx0aXNlbGVjdC9zcGlkZXJseS1tdWx0aXNlbGVjdC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlkZXJseVRleHRhcmVhQ29tcG9uZW50IH0gZnJvbSAnLi9zcGlkZXJseS10ZXh0YXJlYS9zcGlkZXJseS10ZXh0YXJlYS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlkZXJseU51bWJlckNvbXBvbmVudCB9IGZyb20gJy4vc3BpZGVybHktbnVtYmVyL3NwaWRlcmx5LW51bWJlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlkZXJseURyb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnLi9zcGlkZXJseS1kcm9wZG93bi9zcGlkZXJseS1kcm9wZG93bi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlkZXJseUVkaXRvckNvbXBvbmVudCB9IGZyb20gJy4vc3BpZGVybHktZWRpdG9yL3NwaWRlcmx5LWVkaXRvci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlkZXJseUNvbG9ycGlja0NvbXBvbmVudCB9IGZyb20gJy4vc3BpZGVybHktY29sb3JwaWNrL3NwaWRlcmx5LWNvbG9ycGljay5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlkZXJseUZpbGVDb21wb25lbnQgfSBmcm9tICcuL3NwaWRlcmx5LWZpbGUvc3BpZGVybHktZmlsZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlkZXJseUNhbGVuZGFyQ29tcG9uZW50IH0gZnJvbSAnLi9zcGlkZXJseS1jYWxlbmRhci9zcGlkZXJseS1jYWxlbmRhci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlkZXJseUF1dG9jb21wbGV0ZUNvbXBvbmVudCB9IGZyb20gJy4vc3BpZGVybHktYXV0b2NvbXBsZXRlL3NwaWRlcmx5LWF1dG9jb21wbGV0ZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTcGlkZXJseUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2NvbXBvbmVudHMvc3BpZGVybHktYnV0dG9ucy9zcGlkZXJseS1idXR0b24vc3BpZGVybHktYnV0dG9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNwaWRlcmx5UmV0dXJuQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tcG9uZW50cy9zcGlkZXJseS1idXR0b25zL3JldHVybi1idXR0b24vcmV0dXJuLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbXHJcbiAgICBTcGlkZXJseVRleHRib3hDb21wb25lbnQsXHJcbiAgICBTcGlkZXJseVRleHRhcmVhQ29tcG9uZW50LFxyXG4gICAgU3BpZGVybHlDaGVja2JveENvbXBvbmVudCxcclxuICAgIFNwaWRlcmx5Q2FsZW5kYXJDb21wb25lbnQsXHJcbiAgICBTcGlkZXJseVJldHVybkJ1dHRvbkNvbXBvbmVudCxcclxuICAgIFNwaWRlcmx5QnV0dG9uQ29tcG9uZW50LFxyXG4gICAgU3BpZGVybHlQYW5lbHNNb2R1bGUsXHJcbiAgICBTcGlkZXJseVBhc3N3b3JkQ29tcG9uZW50LFxyXG4gICAgU3BpZGVybHlBdXRvY29tcGxldGVDb21wb25lbnQsXHJcbiAgICBTcGlkZXJseU11bHRpQXV0b2NvbXBsZXRlQ29tcG9uZW50LFxyXG4gICAgU3BpZGVybHlNdWx0aVNlbGVjdENvbXBvbmVudCxcclxuICAgIFNwaWRlcmx5TnVtYmVyQ29tcG9uZW50LFxyXG4gICAgU3BpZGVybHlEcm9wZG93bkNvbXBvbmVudCxcclxuICAgIFNwaWRlcmx5RWRpdG9yQ29tcG9uZW50LFxyXG4gICAgU3BpZGVybHlDb2xvcnBpY2tDb21wb25lbnQsXHJcbiAgICBTcGlkZXJseUZpbGVDb21wb25lbnQsXHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBTcGlkZXJseVRleHRib3hDb21wb25lbnQsXHJcbiAgICBTcGlkZXJseVRleHRhcmVhQ29tcG9uZW50LFxyXG4gICAgU3BpZGVybHlDaGVja2JveENvbXBvbmVudCxcclxuICAgIFNwaWRlcmx5Q2FsZW5kYXJDb21wb25lbnQsXHJcbiAgICBTcGlkZXJseVJldHVybkJ1dHRvbkNvbXBvbmVudCxcclxuICAgIFNwaWRlcmx5QnV0dG9uQ29tcG9uZW50LFxyXG4gICAgU3BpZGVybHlQYW5lbHNNb2R1bGUsXHJcbiAgICBTcGlkZXJseVBhc3N3b3JkQ29tcG9uZW50LFxyXG4gICAgU3BpZGVybHlBdXRvY29tcGxldGVDb21wb25lbnQsXHJcbiAgICBTcGlkZXJseU11bHRpQXV0b2NvbXBsZXRlQ29tcG9uZW50LFxyXG4gICAgU3BpZGVybHlNdWx0aVNlbGVjdENvbXBvbmVudCxcclxuICAgIFNwaWRlcmx5TnVtYmVyQ29tcG9uZW50LFxyXG4gICAgU3BpZGVybHlEcm9wZG93bkNvbXBvbmVudCxcclxuICAgIFNwaWRlcmx5RWRpdG9yQ29tcG9uZW50LFxyXG4gICAgU3BpZGVybHlDb2xvcnBpY2tDb21wb25lbnQsXHJcbiAgICBTcGlkZXJseUZpbGVDb21wb25lbnRcclxuICBdLFxyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3BpZGVybHlDb250cm9sc01vZHVsZSB7fSJdfQ==

package/esm2022/lib/controls/spiderly-dropdown/spiderly-dropdown.component.mjs

@@ -0,0 +1,40 @@
+import { Component, EventEmitter, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { RequiredComponent } from '../../components/required/required.component';
+import { BaseDropdownControl } from '../base-dropdown-control';
+import { PrimengModule } from '../../modules/primeng.module';
+import * as i0 from "@angular/core";
+import * as i1 from "@jsverse/transloco";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/dropdown";
+import * as i4 from "primeng/tooltip";
+import * as i5 from "@angular/common";
+export class SpiderlyDropdownComponent extends BaseDropdownControl {
+    constructor(translocoService) {
+        super(translocoService);
+        this.translocoService = translocoService;
+        this.onChange = new EventEmitter();
+    }
+    ngOnInit() {
+        super.ngOnInit();
+    }
+    change(event) {
+        this.onChange.next(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyDropdownComponent, deps: [{ token: i1.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpiderlyDropdownComponent, isStandalone: true, selector: "spiderly-dropdown", outputs: { onChange: "onChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-column gap-2\">\r\n\r\n  <div *ngIf=\"getTranslatedLabel() != '' && getTranslatedLabel() != null\">\r\n    <label>{{getTranslatedLabel()}}</label>\r\n    <required *ngIf=\"control?.required\"></required>\r\n    <!-- tabindex=\"-1\": Makes the element focusable, but removes it from the tab order. -->\r\n    <i *ngIf=\"showTooltip\" class=\"{{tooltipIcon}}\" style=\"margin-left: 5px; cursor: pointer;\" [pTooltip]=\"tooltipText\" tabindex=\"-1\" tooltipEvent=\"focus\"></i>\r\n  </div>\r\n\r\n  <!-- FT: Dropdown doesn't support tooltip event, but it can only has not empty validation, so for now it's okay to not show validation message on dropdown ever -->\r\n  <div class=\"p-inputgroup p-fluid\">\r\n    <p-dropdown\r\n    *ngIf=\"control\"\r\n    [pTooltip]=\"getValidationErrrorMessages()\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\" \r\n    [id]=\"label\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [options]=\"options\"\r\n    optionLabel=\"label\"\r\n    optionValue=\"value\"\r\n    [showClear]=\"true\"\r\n    (onHide)=\"dropdownMarkAsDirty()\"\r\n    (onChange)=\"change($event)\"\r\n    [style]=\"{'width':'100%'}\"\r\n    appendTo=\"body\"\r\n    />\r\n    <span *ngIf=\"showAddon\" (click)=\"addonClick()\" class=\"p-inputgroup-addon\" style=\"cursor: pointer; background-color: var(--primary-color); border-color: var(--primary-color);\">\r\n      <i class=\"pi {{addonIcon}}\" style=\"color: #fff;\"></i>\r\n    </span>\r\n  </div>\r\n  \r\n</div>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PrimengModule }, { kind: "component", type: i3.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RequiredComponent, selector: "required" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spiderly-dropdown', standalone: true, imports: [
+                        ReactiveFormsModule,
+                        FormsModule,
+                        PrimengModule,
+                        CommonModule,
+                        RequiredComponent
+                    ], template: "<div class=\"flex flex-column gap-2\">\r\n\r\n  <div *ngIf=\"getTranslatedLabel() != '' && getTranslatedLabel() != null\">\r\n    <label>{{getTranslatedLabel()}}</label>\r\n    <required *ngIf=\"control?.required\"></required>\r\n    <!-- tabindex=\"-1\": Makes the element focusable, but removes it from the tab order. -->\r\n    <i *ngIf=\"showTooltip\" class=\"{{tooltipIcon}}\" style=\"margin-left: 5px; cursor: pointer;\" [pTooltip]=\"tooltipText\" tabindex=\"-1\" tooltipEvent=\"focus\"></i>\r\n  </div>\r\n\r\n  <!-- FT: Dropdown doesn't support tooltip event, but it can only has not empty validation, so for now it's okay to not show validation message on dropdown ever -->\r\n  <div class=\"p-inputgroup p-fluid\">\r\n    <p-dropdown\r\n    *ngIf=\"control\"\r\n    [pTooltip]=\"getValidationErrrorMessages()\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\" \r\n    [id]=\"label\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [options]=\"options\"\r\n    optionLabel=\"label\"\r\n    optionValue=\"value\"\r\n    [showClear]=\"true\"\r\n    (onHide)=\"dropdownMarkAsDirty()\"\r\n    (onChange)=\"change($event)\"\r\n    [style]=\"{'width':'100%'}\"\r\n    appendTo=\"body\"\r\n    />\r\n    <span *ngIf=\"showAddon\" (click)=\"addonClick()\" class=\"p-inputgroup-addon\" style=\"cursor: pointer; background-color: var(--primary-color); border-color: var(--primary-color);\">\r\n      <i class=\"pi {{addonIcon}}\" style=\"color: #fff;\"></i>\r\n    </span>\r\n  </div>\r\n  \r\n</div>" }]
+        }], ctorParameters: () => [{ type: i1.TranslocoService }], propDecorators: { onChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpZGVybHktZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3BpZGVybHkvc3JjL2xpYi9jb250cm9scy9zcGlkZXJseS1kcm9wZG93bi9zcGlkZXJseS1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zcGlkZXJseS9zcmMvbGliL2NvbnRyb2xzL3NwaWRlcmx5LWRyb3Bkb3duL3NwaWRlcmx5LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFpQixNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNqRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUcvRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7Ozs7QUFlN0QsTUFBTSxPQUFPLHlCQUEwQixTQUFRLG1CQUFtQjtJQUc5RCxZQUN1QixnQkFBa0M7UUFFckQsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFGTCxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBSC9DLGFBQVEsR0FBc0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQU0zRSxDQUFDO0lBRVEsUUFBUTtRQUNiLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQTBCO1FBQzdCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7K0dBZlEseUJBQXlCO21HQUF6Qix5QkFBeUIsdUlDdEJ0Qyx1akRBK0JNLDJDRGhCRSxtQkFBbUIseVRBQ25CLFdBQVcsOEJBQ1gsYUFBYSxrZ0RBQ2IsWUFBWSxtSUFDWixpQkFBaUI7OzRGQUdaLHlCQUF5QjtrQkFickMsU0FBUzsrQkFDSSxtQkFBbUIsY0FHakIsSUFBSSxXQUNQO3dCQUNMLG1CQUFtQjt3QkFDbkIsV0FBVzt3QkFDWCxhQUFhO3dCQUNiLFlBQVk7d0JBQ1osaUJBQWlCO3FCQUNwQjtxRkFHUyxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgUmVxdWlyZWRDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL3JlcXVpcmVkL3JlcXVpcmVkLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJhc2VEcm9wZG93bkNvbnRyb2wgfSBmcm9tICcuLi9iYXNlLWRyb3Bkb3duLWNvbnRyb2wnO1xyXG5pbXBvcnQgeyBUcmFuc2xvY29TZXJ2aWNlIH0gZnJvbSAnQGpzdmVyc2UvdHJhbnNsb2NvJztcclxuaW1wb3J0IHsgRHJvcGRvd25DaGFuZ2VFdmVudCB9IGZyb20gJ3ByaW1lbmcvZHJvcGRvd24nO1xyXG5pbXBvcnQgeyBQcmltZW5nTW9kdWxlIH0gZnJvbSAnLi4vLi4vbW9kdWxlcy9wcmltZW5nLm1vZHVsZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc3BpZGVybHktZHJvcGRvd24nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NwaWRlcmx5LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlczogW10sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcbiAgICAgICAgRm9ybXNNb2R1bGUsXHJcbiAgICAgICAgUHJpbWVuZ01vZHVsZSxcclxuICAgICAgICBDb21tb25Nb2R1bGUsXHJcbiAgICAgICAgUmVxdWlyZWRDb21wb25lbnRcclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNwaWRlcmx5RHJvcGRvd25Db21wb25lbnQgZXh0ZW5kcyBCYXNlRHJvcGRvd25Db250cm9sIGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBPdXRwdXQoKSBvbkNoYW5nZTogRXZlbnRFbWl0dGVyPERyb3Bkb3duQ2hhbmdlRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHByb3RlY3RlZCBvdmVycmlkZSB0cmFuc2xvY29TZXJ2aWNlOiBUcmFuc2xvY29TZXJ2aWNlLFxyXG4gICAgKSB7IFxyXG4gICAgICAgIHN1cGVyKHRyYW5zbG9jb1NlcnZpY2UpO1xyXG4gICAgfVxyXG5cclxuICAgIG92ZXJyaWRlIG5nT25Jbml0KCl7XHJcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcclxuICAgIH1cclxuXHJcbiAgICBjaGFuZ2UoZXZlbnQ6IERyb3Bkb3duQ2hhbmdlRXZlbnQpe1xyXG4gICAgICAgIHRoaXMub25DaGFuZ2UubmV4dChldmVudCk7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sdW1uIGdhcC0yXCI+XHJcblxyXG4gIDxkaXYgKm5nSWY9XCJnZXRUcmFuc2xhdGVkTGFiZWwoKSAhPSAnJyAmJiBnZXRUcmFuc2xhdGVkTGFiZWwoKSAhPSBudWxsXCI+XHJcbiAgICA8bGFiZWw+e3tnZXRUcmFuc2xhdGVkTGFiZWwoKX19PC9sYWJlbD5cclxuICAgIDxyZXF1aXJlZCAqbmdJZj1cImNvbnRyb2w/LnJlcXVpcmVkXCI+PC9yZXF1aXJlZD5cclxuICAgIDwhLS0gdGFiaW5kZXg9XCItMVwiOiBNYWtlcyB0aGUgZWxlbWVudCBmb2N1c2FibGUsIGJ1dCByZW1vdmVzIGl0IGZyb20gdGhlIHRhYiBvcmRlci4gLS0+XHJcbiAgICA8aSAqbmdJZj1cInNob3dUb29sdGlwXCIgY2xhc3M9XCJ7e3Rvb2x0aXBJY29ufX1cIiBzdHlsZT1cIm1hcmdpbi1sZWZ0OiA1cHg7IGN1cnNvcjogcG9pbnRlcjtcIiBbcFRvb2x0aXBdPVwidG9vbHRpcFRleHRcIiB0YWJpbmRleD1cIi0xXCIgdG9vbHRpcEV2ZW50PVwiZm9jdXNcIj48L2k+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDwhLS0gRlQ6IERyb3Bkb3duIGRvZXNuJ3Qgc3VwcG9ydCB0b29sdGlwIGV2ZW50LCBidXQgaXQgY2FuIG9ubHkgaGFzIG5vdCBlbXB0eSB2YWxpZGF0aW9uLCBzbyBmb3Igbm93IGl0J3Mgb2theSB0byBub3Qgc2hvdyB2YWxpZGF0aW9uIG1lc3NhZ2Ugb24gZHJvcGRvd24gZXZlciAtLT5cclxuICA8ZGl2IGNsYXNzPVwicC1pbnB1dGdyb3VwIHAtZmx1aWRcIj5cclxuICAgIDxwLWRyb3Bkb3duXHJcbiAgICAqbmdJZj1cImNvbnRyb2xcIlxyXG4gICAgW3BUb29sdGlwXT1cImdldFZhbGlkYXRpb25FcnJyb3JNZXNzYWdlcygpXCIgdG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCIgW3Rvb2x0aXBEaXNhYmxlZF09XCJjb250cm9sLnZhbGlkXCIgdG9vbHRpcFN0eWxlQ2xhc3M9XCJzcGlkZXJseS10b29sdGlwLWludmFsaWRcIiBcclxuICAgIFtpZF09XCJsYWJlbFwiXHJcbiAgICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXHJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgW29wdGlvbnNdPVwib3B0aW9uc1wiXHJcbiAgICBvcHRpb25MYWJlbD1cImxhYmVsXCJcclxuICAgIG9wdGlvblZhbHVlPVwidmFsdWVcIlxyXG4gICAgW3Nob3dDbGVhcl09XCJ0cnVlXCJcclxuICAgIChvbkhpZGUpPVwiZHJvcGRvd25NYXJrQXNEaXJ0eSgpXCJcclxuICAgIChvbkNoYW5nZSk9XCJjaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICBbc3R5bGVdPVwieyd3aWR0aCc6JzEwMCUnfVwiXHJcbiAgICBhcHBlbmRUbz1cImJvZHlcIlxyXG4gICAgLz5cclxuICAgIDxzcGFuICpuZ0lmPVwic2hvd0FkZG9uXCIgKGNsaWNrKT1cImFkZG9uQ2xpY2soKVwiIGNsYXNzPVwicC1pbnB1dGdyb3VwLWFkZG9uXCIgc3R5bGU9XCJjdXJzb3I6IHBvaW50ZXI7IGJhY2tncm91bmQtY29sb3I6IHZhcigtLXByaW1hcnktY29sb3IpOyBib3JkZXItY29sb3I6IHZhcigtLXByaW1hcnktY29sb3IpO1wiPlxyXG4gICAgICA8aSBjbGFzcz1cInBpIHt7YWRkb25JY29ufX1cIiBzdHlsZT1cImNvbG9yOiAjZmZmO1wiPjwvaT5cclxuICAgIDwvc3Bhbj5cclxuICA8L2Rpdj5cclxuICBcclxuPC9kaXY+Il19

package/esm2022/lib/controls/spiderly-editor/spiderly-editor.component.mjs

@@ -0,0 +1,59 @@
+import { Component, ViewChild } from '@angular/core';
+import { BaseControl } from '../base-control';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { RequiredComponent } from '../../components/required/required.component';
+import { CommonModule } from '@angular/common';
+import { PrimengModule } from '../../modules/primeng.module';
+import { Editor } from 'primeng/editor';
+import { Tooltip } from 'primeng/tooltip';
+import * as i0 from "@angular/core";
+import * as i1 from "@jsverse/transloco";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "primeng/tooltip";
+import * as i5 from "primeng/editor";
+export class SpiderlyEditorComponent extends BaseControl {
+    constructor(translocoService) {
+        super(translocoService);
+        this.translocoService = translocoService;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+    }
+    onClick() {
+        let editableArea = this.editor.el.nativeElement.querySelector('.ql-editor');
+        editableArea.onblur = () => {
+            this.control.markAsDirty();
+            this.tooltip.deactivate();
+        };
+        editableArea.onfocus = () => {
+            if (this.errorMessageTooltipEvent == 'focus') {
+                this.tooltip.activate();
+            }
+        };
+        editableArea.onmouseover = () => {
+            if (this.errorMessageTooltipEvent == 'hover') {
+                this.tooltip.activate();
+            }
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyEditorComponent, deps: [{ token: i1.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpiderlyEditorComponent, isStandalone: true, selector: "spiderly-editor", viewQueries: [{ propertyName: "editor", first: true, predicate: Editor, descendants: true }, { propertyName: "tooltip", first: true, predicate: Tooltip, descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- Can't put (onBlur) in this control -->\r\n\r\n<div class=\"flex flex-column gap-2\">\r\n  <div *ngIf=\"getTranslatedLabel() != '' && getTranslatedLabel() != null\">\r\n    <label>{{getTranslatedLabel()}}</label>\r\n    <required *ngIf=\"control?.required\"></required>\r\n  </div>\r\n\r\n  <!-- Disable doesn't work on this control -->\r\n  <p-editor\r\n  *ngIf=\"control\"\r\n  [formControl]=\"control\"\r\n  [pTooltip]=\"getValidationErrrorMessages()\" [tooltipEvent]=\"errorMessageTooltipEvent\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\"\r\n  [readonly]=\"control.disabled\"\r\n  [class]=\"control.invalid && control.dirty ? 'control-error-border' : ''\"\r\n  [id]=\"control.label\"\r\n  [placeholder]=\"placeholder\"\r\n  (click)=\"onClick()\"\r\n  [style]=\"{ height: '320px' }\"\r\n  ></p-editor>\r\n\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PrimengModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i5.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange"] }, { kind: "component", type: RequiredComponent, selector: "required" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpiderlyEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spiderly-editor', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        PrimengModule,
+                        RequiredComponent
+                    ], template: "<!-- Can't put (onBlur) in this control -->\r\n\r\n<div class=\"flex flex-column gap-2\">\r\n  <div *ngIf=\"getTranslatedLabel() != '' && getTranslatedLabel() != null\">\r\n    <label>{{getTranslatedLabel()}}</label>\r\n    <required *ngIf=\"control?.required\"></required>\r\n  </div>\r\n\r\n  <!-- Disable doesn't work on this control -->\r\n  <p-editor\r\n  *ngIf=\"control\"\r\n  [formControl]=\"control\"\r\n  [pTooltip]=\"getValidationErrrorMessages()\" [tooltipEvent]=\"errorMessageTooltipEvent\" tooltipPosition=\"bottom\" [tooltipDisabled]=\"control.valid\" tooltipStyleClass=\"spiderly-tooltip-invalid\"\r\n  [readonly]=\"control.disabled\"\r\n  [class]=\"control.invalid && control.dirty ? 'control-error-border' : ''\"\r\n  [id]=\"control.label\"\r\n  [placeholder]=\"placeholder\"\r\n  (click)=\"onClick()\"\r\n  [style]=\"{ height: '320px' }\"\r\n  ></p-editor>\r\n\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i1.TranslocoService }], propDecorators: { editor: [{
+                type: ViewChild,
+                args: [Editor]
+            }], tooltip: [{
+                type: ViewChild,
+                args: [Tooltip]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpZGVybHktZWRpdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NwaWRlcmx5L3NyYy9saWIvY29udHJvbHMvc3BpZGVybHktZWRpdG9yL3NwaWRlcmx5LWVkaXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zcGlkZXJseS9zcmMvbGliL2NvbnRyb2xzL3NwaWRlcmx5LWVkaXRvci9zcGlkZXJseS1lZGl0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBaUIsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDakYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7Ozs7O0FBZTFDLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxXQUFXO0lBSXBELFlBQ3VCLGdCQUFrQztRQUVyRCxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUZMLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7SUFHekQsQ0FBQztJQUVRLFFBQVE7UUFDYixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELE9BQU87UUFDSCxJQUFJLFlBQVksR0FBZ0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUV6RixZQUFZLENBQUMsTUFBTSxHQUFHLEdBQUcsRUFBRTtZQUN2QixJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDOUIsQ0FBQyxDQUFDO1FBRUYsWUFBWSxDQUFDLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDeEIsSUFBSSxJQUFJLENBQUMsd0JBQXdCLElBQUksT0FBTyxFQUFHO2dCQUMzQyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDO2FBQzNCO1FBQ0wsQ0FBQyxDQUFDO1FBRUYsWUFBWSxDQUFDLFdBQVcsR0FBRyxHQUFHLEVBQUU7WUFDNUIsSUFBSSxJQUFJLENBQUMsd0JBQXdCLElBQUksT0FBTyxFQUFHO2dCQUMzQyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDO2FBQzNCO1FBQ0wsQ0FBQyxDQUFBO0lBQ0wsQ0FBQzsrR0FqQ1EsdUJBQXVCO21HQUF2Qix1QkFBdUIsbUhBQ3JCLE1BQU0sMEVBQ04sT0FBTyx1RUN6QnRCLDIzQkFxQk0sMkNETEUsWUFBWSxrSUFDWixtQkFBbUIseVRBQ25CLFdBQVcsOEJBQ1gsYUFBYSx5bUJBQ2IsaUJBQWlCOzs0RkFHWix1QkFBdUI7a0JBYm5DLFNBQVM7K0JBQ0ksaUJBQWlCLGNBR2YsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixXQUFXO3dCQUNYLGFBQWE7d0JBQ2IsaUJBQWlCO3FCQUNwQjtxRkFHa0IsTUFBTTtzQkFBeEIsU0FBUzt1QkFBQyxNQUFNO2dCQUNHLE9BQU87c0JBQTFCLFNBQVM7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJhc2VDb250cm9sIH0gZnJvbSAnLi4vYmFzZS1jb250cm9sJztcclxuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSwgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFJlcXVpcmVkQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9yZXF1aXJlZC9yZXF1aXJlZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBUcmFuc2xvY29TZXJ2aWNlIH0gZnJvbSAnQGpzdmVyc2UvdHJhbnNsb2NvJztcclxuaW1wb3J0IHsgUHJpbWVuZ01vZHVsZSB9IGZyb20gJy4uLy4uL21vZHVsZXMvcHJpbWVuZy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBFZGl0b3IgfSBmcm9tICdwcmltZW5nL2VkaXRvcic7XHJcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICdwcmltZW5nL3Rvb2x0aXAnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3NwaWRlcmx5LWVkaXRvcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3BpZGVybHktZWRpdG9yLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlczogW10sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIENvbW1vbk1vZHVsZSxcclxuICAgICAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxyXG4gICAgICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgICAgIFByaW1lbmdNb2R1bGUsXHJcbiAgICAgICAgUmVxdWlyZWRDb21wb25lbnRcclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNwaWRlcmx5RWRpdG9yQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbnRyb2wgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgQFZpZXdDaGlsZChFZGl0b3IpIGVkaXRvcjogRWRpdG9yO1xyXG4gICAgQFZpZXdDaGlsZChUb29sdGlwKSB0b29sdGlwOiBUb29sdGlwO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHByb3RlY3RlZCBvdmVycmlkZSB0cmFuc2xvY29TZXJ2aWNlOiBUcmFuc2xvY29TZXJ2aWNlLFxyXG4gICAgKSB7IFxyXG4gICAgICAgIHN1cGVyKHRyYW5zbG9jb1NlcnZpY2UpO1xyXG4gICAgfVxyXG5cclxuICAgIG92ZXJyaWRlIG5nT25Jbml0KCl7XHJcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcclxuICAgIH1cclxuXHJcbiAgICBvbkNsaWNrKCl7XHJcbiAgICAgICAgbGV0IGVkaXRhYmxlQXJlYTogSFRNTEVsZW1lbnQgPSB0aGlzLmVkaXRvci5lbC5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJy5xbC1lZGl0b3InKTtcclxuICAgICAgICBcclxuICAgICAgICBlZGl0YWJsZUFyZWEub25ibHVyID0gKCkgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLmNvbnRyb2wubWFya0FzRGlydHkoKTtcclxuICAgICAgICAgICAgdGhpcy50b29sdGlwLmRlYWN0aXZhdGUoKTtcclxuICAgICAgICB9O1xyXG5cclxuICAgICAgICBlZGl0YWJsZUFyZWEub25mb2N1cyA9ICgpID0+IHtcclxuICAgICAgICAgICAgaWYgKHRoaXMuZXJyb3JNZXNzYWdlVG9vbHRpcEV2ZW50ID09ICdmb2N1cycgKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnRvb2x0aXAuYWN0aXZhdGUoKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH07XHJcblxyXG4gICAgICAgIGVkaXRhYmxlQXJlYS5vbm1vdXNlb3ZlciA9ICgpID0+IHtcclxuICAgICAgICAgICAgaWYgKHRoaXMuZXJyb3JNZXNzYWdlVG9vbHRpcEV2ZW50ID09ICdob3ZlcicgKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnRvb2x0aXAuYWN0aXZhdGUoKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbn1cclxuIiwiPCEtLSBDYW4ndCBwdXQgKG9uQmx1cikgaW4gdGhpcyBjb250cm9sIC0tPlxyXG5cclxuPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gZ2FwLTJcIj5cclxuICA8ZGl2ICpuZ0lmPVwiZ2V0VHJhbnNsYXRlZExhYmVsKCkgIT0gJycgJiYgZ2V0VHJhbnNsYXRlZExhYmVsKCkgIT0gbnVsbFwiPlxyXG4gICAgPGxhYmVsPnt7Z2V0VHJhbnNsYXRlZExhYmVsKCl9fTwvbGFiZWw+XHJcbiAgICA8cmVxdWlyZWQgKm5nSWY9XCJjb250cm9sPy5yZXF1aXJlZFwiPjwvcmVxdWlyZWQ+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDwhLS0gRGlzYWJsZSBkb2Vzbid0IHdvcmsgb24gdGhpcyBjb250cm9sIC0tPlxyXG4gIDxwLWVkaXRvclxyXG4gICpuZ0lmPVwiY29udHJvbFwiXHJcbiAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxyXG4gIFtwVG9vbHRpcF09XCJnZXRWYWxpZGF0aW9uRXJycm9yTWVzc2FnZXMoKVwiIFt0b29sdGlwRXZlbnRdPVwiZXJyb3JNZXNzYWdlVG9vbHRpcEV2ZW50XCIgdG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCIgW3Rvb2x0aXBEaXNhYmxlZF09XCJjb250cm9sLnZhbGlkXCIgdG9vbHRpcFN0eWxlQ2xhc3M9XCJzcGlkZXJseS10b29sdGlwLWludmFsaWRcIlxyXG4gIFtyZWFkb25seV09XCJjb250cm9sLmRpc2FibGVkXCJcclxuICBbY2xhc3NdPVwiY29udHJvbC5pbnZhbGlkICYmIGNvbnRyb2wuZGlydHkgPyAnY29udHJvbC1lcnJvci1ib3JkZXInIDogJydcIlxyXG4gIFtpZF09XCJjb250cm9sLmxhYmVsXCJcclxuICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gIChjbGljayk9XCJvbkNsaWNrKClcIlxyXG4gIFtzdHlsZV09XCJ7IGhlaWdodDogJzMyMHB4JyB9XCJcclxuICA+PC9wLWVkaXRvcj5cclxuXHJcbjwvZGl2PiJdfQ==