adp-web-components 0.3.10 → 0.3.13

package/dist/collection/components/form-elements/form-picker-input.js

@@ -139,7 +139,7 @@ export class FormPickerInput {
         this.updateDisplayValue();
     }
     async onStaticValueChange(newStaticValue, notInitialLoad = true) {
-        if (!!newStaticValue) {
+        if (newStaticValue) {
             this.defaultValue = newStaticValue;
             this.inputRef.value = newStaticValue;
         }
@@ -179,9 +179,9 @@ export class FormPickerInput {
             'form-input-icon-interactive': !!this.iconAction,
         });
         const renderIcon = () => this.iconAction ? (h("button", { type: "button", disabled: isDisabled, onClick: this.iconAction, part: `${this.name}-icon form-input-icon`, class: iconClass }, this.icon)) : (h("span", { part: `${this.name}-icon form-input-icon`, class: iconClass }, this.icon));
-        return (h(Host, { key: '41642c79e3344981ab8d44503933e8de5b1e266f', translate: "no" }, h("label", { key: '6575d57adabc4a4681624f9bb0d7a6bcab4b7a1d', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: '3c073e7a1a66dbf97045221af27512ebaa52439b', isRequired: isRequired, label: label }), h("div", { key: '1470af0d443481a1a13ac58ed3d20cd819f4c9a8', part: `${this.name}-container form-input-container relative`, class: "form-input-container" }, h(FormInputPrefix, { key: '161ee44ff9af294493c13079db2138f4e78ced34', name: this.name, direction: (_b = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _b === void 0 ? void 0 : _b.direction, prefix: this.inputPrefix }), h("input", { key: 'dda51f4751fa1fdd57da443c5c283ed215f351d3', type: "text", readonly: true, tabIndex: -1, part: `form-input`, disabled: isDisabled, value: this.displayedValue, onClick: this.onInputClick, onKeyDown: e => e.preventDefault(), placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign(Object.assign(Object.assign({}, (this.prefixWidth ? { [isRtl ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), (this.icon ? { [iconPaddingSide]: '40px' } : {})), { pointerEvents: 'none' }), class: cn('form-input-style enabled:cursor-pointer', {
+        return (h(Host, { key: '8cf40821231a3904d582e8f49cf836cf5cd74bbb', translate: "no" }, h("label", { key: '98c49b039ed778d43c503c7e22186433bd01fc89', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: '17b95f9ae56137a48643f1909b240fb0eb0146f3', isRequired: isRequired, label: label }), h("div", { key: '471ae02025054cb2a1c638cf92acc1a304e89438', part: `${this.name}-container form-input-container relative`, class: "form-input-container" }, h(FormInputPrefix, { key: 'b5455f4ffad4c08f6f7ca574e62d69b13664a720', name: this.name, direction: (_b = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _b === void 0 ? void 0 : _b.direction, prefix: this.inputPrefix }), h("input", { key: '0478d4f49a30212fc678d060480794e8ab646345', type: "text", readonly: true, tabIndex: -1, part: `form-input`, disabled: isDisabled, value: this.displayedValue, onClick: this.onInputClick, onKeyDown: e => e.preventDefault(), placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign(Object.assign(Object.assign({}, (this.prefixWidth ? { [isRtl ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), (this.icon ? { [iconPaddingSide]: '40px' } : {})), { pointerEvents: 'none' }), class: cn('form-input-style enabled:cursor-pointer', {
                 'form-input-error-style': isError,
-            }) }), h("input", Object.assign({ key: 'cee456f43f6d7f52aeee287b8866b949efe2653e', type: this.type, name: this.name }, this.inputProps, { onBlur: this.onInputBlur, onClick: this.onInputClick, onInput: this.onInputChange, part: `${this.name}-input ${part}`, class: cn('shadow-input size-full absolute top-0 left-0 opacity-0 cursor-pointer', part), min: Array.isArray(this.min) ? decodeTimeOffset({ offsets: this.min, type: this.type }) : this.min, max: Array.isArray(this.max) ? decodeTimeOffset({ offsets: this.max, type: this.type }) : this.max })), this.icon && renderIcon()), h(FormErrorMessage, { key: '977a6d3726902f9e92cdbcf96d0a38589528e941', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
+            }) }), h("input", Object.assign({ key: '76624c166659352c55d6cf2600b410cca2bc8f62', type: this.type, name: this.name }, this.inputProps, { onBlur: this.onInputBlur, onClick: this.onInputClick, onInput: this.onInputChange, part: `${this.name}-input ${part}`, class: cn('shadow-input size-full absolute top-0 left-0 opacity-0 cursor-pointer', part), min: Array.isArray(this.min) ? decodeTimeOffset({ offsets: this.min, type: this.type }) : this.min, max: Array.isArray(this.max) ? decodeTimeOffset({ offsets: this.max, type: this.type }) : this.max })), this.icon && renderIcon()), h(FormErrorMessage, { key: '47444d0f9820cebd7f71835bfa78e688f9186c8a', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
     }
     static get is() { return "form-picker-input"; }
     static get originalStyleUrls() {
@@ -198,7 +198,6 @@ export class FormPickerInput {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -213,11 +212,11 @@ export class FormPickerInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "format": {
                 "type": "string",
-                "attribute": "format",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -232,11 +231,11 @@ export class FormPickerInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "format"
             },
             "wrapperId": {
                 "type": "string",
-                "attribute": "wrapper-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -251,11 +250,11 @@ export class FormPickerInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-id"
             },
             "isLoading": {
                 "type": "boolean",
-                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -270,11 +269,11 @@ export class FormPickerInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-loading"
             },
             "isDisabled": {
                 "type": "boolean",
-                "attribute": "is-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -289,11 +288,11 @@ export class FormPickerInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-disabled"
             },
             "form": {
                 "type": "unknown",
-                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -302,7 +301,8 @@ export class FormPickerInput {
                         "FormHook": {
                             "location": "import",
                             "path": "~features/form-hook/form-hook",
-                            "id": "src/features/form-hook/form-hook.ts::FormHook"
+                            "id": "src/features/form-hook/form-hook.ts::FormHook",
+                            "referenceLocation": "FormHook"
                         }
                     }
                 },
@@ -317,7 +317,6 @@ export class FormPickerInput {
             },
             "inputPrefix": {
                 "type": "string",
-                "attribute": "input-prefix",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -332,11 +331,11 @@ export class FormPickerInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "input-prefix"
             },
             "wrapperClass": {
                 "type": "string",
-                "attribute": "wrapper-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -351,11 +350,11 @@ export class FormPickerInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-class"
             },
             "staticValue": {
                 "type": "string",
-                "attribute": "static-value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -370,11 +369,11 @@ export class FormPickerInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "static-value"
             },
             "inputProps": {
                 "type": "any",
-                "attribute": "input-props",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -390,11 +389,11 @@ export class FormPickerInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "input-props",
                 "defaultValue": "{}"
             },
             "max": {
                 "type": "string",
-                "attribute": "max",
                 "mutable": false,
                 "complexType": {
                     "original": "string | number[]",
@@ -409,11 +408,11 @@ export class FormPickerInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "max"
             },
             "min": {
                 "type": "string",
-                "attribute": "min",
                 "mutable": false,
                 "complexType": {
                     "original": "string | number[]",
@@ -428,11 +427,11 @@ export class FormPickerInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "min"
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "DateTypes",
@@ -441,7 +440,8 @@ export class FormPickerInput {
                         "DateTypes": {
                             "location": "import",
                             "path": "~lib/decode-time-offset",
-                            "id": "src/global/lib/decode-time-offset.ts::DateTypes"
+                            "id": "src/global/lib/decode-time-offset.ts::DateTypes",
+                            "referenceLocation": "DateTypes"
                         }
                     }
                 },
@@ -454,11 +454,11 @@ export class FormPickerInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'datetime-local'"
             },
             "defaultValue": {
                 "type": "string",
-                "attribute": "default-value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -473,11 +473,11 @@ export class FormPickerInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "default-value"
             },
             "formatter": {
                 "type": "unknown",
-                "attribute": "formatter",
                 "mutable": false,
                 "complexType": {
                     "original": "(value: string) => string",
@@ -495,16 +495,16 @@ export class FormPickerInput {
             },
             "localization": {
                 "type": "unknown",
-                "attribute": "localization",
                 "mutable": false,
                 "complexType": {
                     "original": "FormInputLocalization",
-                    "resolved": "{ [lang: string]: { label?: string; placeholder?: string; require?: string; format?: string; minMessage: string; maxMessage: string; betweenMessage: string; }; }",
+                    "resolved": "T",
                     "references": {
                         "FormInputLocalization": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormInputLocalization"
+                            "id": "src/features/form-hook/index.ts::FormInputLocalization",
+                            "referenceLocation": "FormInputLocalization"
                         }
                     }
                 },
@@ -520,7 +520,6 @@ export class FormPickerInput {
             },
             "icon": {
                 "type": "any",
-                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -535,11 +534,11 @@ export class FormPickerInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "icon"
             },
             "iconAction": {
                 "type": "unknown",
-                "attribute": "icon-action",
                 "mutable": false,
                 "complexType": {
                     "original": "() => void",
@@ -557,7 +556,6 @@ export class FormPickerInput {
             },
             "iconPosition": {
                 "type": "string",
-                "attribute": "icon-position",
                 "mutable": false,
                 "complexType": {
                     "original": "'start' | 'end'",
@@ -573,6 +571,7 @@ export class FormPickerInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "icon-position",
                 "defaultValue": "'end'"
             }
         };

package/dist/collection/components/form-elements/form-select.js

@@ -63,7 +63,7 @@ export class FormSelect {
             if (this.abortController)
                 this.abortController.abort();
             let options;
-            if (!!this.staticValue) {
+            if (this.staticValue) {
                 const localizedStaticValue = this.staticValue[this.language];
                 if (localizedStaticValue && (localizedStaticValue === null || localizedStaticValue === void 0 ? void 0 : localizedStaticValue.value) && (localizedStaticValue === null || localizedStaticValue === void 0 ? void 0 : localizedStaticValue.label))
                     options = [localizedStaticValue];
@@ -129,7 +129,6 @@ export class FormSelect {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -144,11 +143,11 @@ export class FormSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "resetKey": {
                 "type": "any",
-                "attribute": "reset-key",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -163,11 +162,11 @@ export class FormSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "reset-key"
             },
             "fetcherKey": {
                 "type": "any",
-                "attribute": "fetcher-key",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -182,11 +181,11 @@ export class FormSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "fetcher-key"
             },
             "wrapperId": {
                 "type": "string",
-                "attribute": "wrapper-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -201,11 +200,11 @@ export class FormSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-id"
             },
             "isHidden": {
                 "type": "boolean",
-                "attribute": "is-hidden",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -220,11 +219,11 @@ export class FormSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-hidden"
             },
             "isLoading": {
                 "type": "boolean",
-                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -239,11 +238,11 @@ export class FormSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-loading"
             },
             "form": {
                 "type": "unknown",
-                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -252,7 +251,8 @@ export class FormSelect {
                         "FormHook": {
                             "location": "import",
                             "path": "~features/form-hook/form-hook",
-                            "id": "src/features/form-hook/form-hook.ts::FormHook"
+                            "id": "src/features/form-hook/form-hook.ts::FormHook",
+                            "referenceLocation": "FormHook"
                         }
                     }
                 },
@@ -267,7 +267,6 @@ export class FormSelect {
             },
             "searchable": {
                 "type": "boolean",
-                "attribute": "searchable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -282,11 +281,11 @@ export class FormSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "searchable"
             },
             "isRequired": {
                 "type": "boolean",
-                "attribute": "is-required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -301,11 +300,11 @@ export class FormSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-required"
             },
             "isDisabled": {
                 "type": "boolean",
-                "attribute": "is-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -320,11 +319,11 @@ export class FormSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-disabled"
             },
             "wrapperClass": {
                 "type": "string",
-                "attribute": "wrapper-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -339,11 +338,11 @@ export class FormSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-class"
             },
             "fetcher": {
                 "type": "unknown",
-                "attribute": "fetcher",
                 "mutable": false,
                 "complexType": {
                     "original": "FormSelectFetcher",
@@ -352,7 +351,8 @@ export class FormSelect {
                         "FormSelectFetcher": {
                             "location": "import",
                             "path": "~features/form-hook/",
-                            "id": "src/features/form-hook/index.ts::FormSelectFetcher"
+                            "id": "src/features/form-hook/index.ts::FormSelectFetcher",
+                            "referenceLocation": "FormSelectFetcher"
                         }
                     }
                 },
@@ -367,7 +367,6 @@ export class FormSelect {
             },
             "staticValue": {
                 "type": "unknown",
-                "attribute": "static-value",
                 "mutable": false,
                 "complexType": {
                     "original": "FormSelectItem",
@@ -376,7 +375,8 @@ export class FormSelect {
                         "FormSelectItem": {
                             "location": "import",
                             "path": "~features/form-hook/",
-                            "id": "src/features/form-hook/index.ts::FormSelectItem"
+                            "id": "src/features/form-hook/index.ts::FormSelectItem",
+                            "referenceLocation": "FormSelectItem"
                         }
                     }
                 },
@@ -391,7 +391,6 @@ export class FormSelect {
             },
             "language": {
                 "type": "string",
-                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -400,7 +399,8 @@ export class FormSelect {
                         "LanguageKeys": {
                             "location": "import",
                             "path": "~features/multi-lingual",
-                            "id": "src/features/multi-lingual/index.ts::LanguageKeys"
+                            "id": "src/features/multi-lingual/index.ts::LanguageKeys",
+                            "referenceLocation": "LanguageKeys"
                         }
                     }
                 },
@@ -413,11 +413,11 @@ export class FormSelect {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "language",
                 "defaultValue": "'en'"
             },
             "reverseOptions": {
                 "type": "boolean",
-                "attribute": "reverse-options",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -433,11 +433,11 @@ export class FormSelect {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "reverse-options",
                 "defaultValue": "false"
             },
             "forceOpenUpwards": {
                 "type": "boolean",
-                "attribute": "force-open-upwards",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -453,11 +453,11 @@ export class FormSelect {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "force-open-upwards",
                 "defaultValue": "false"
             },
             "clearable": {
                 "type": "boolean",
-                "attribute": "clearable",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -473,11 +473,11 @@ export class FormSelect {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "clearable",
                 "defaultValue": "false"
             },
             "defaultValue": {
                 "type": "string",
-                "attribute": "default-value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -492,20 +492,21 @@ export class FormSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "default-value"
             },
             "localization": {
                 "type": "unknown",
-                "attribute": "localization",
                 "mutable": false,
                 "complexType": {
                     "original": "FormInputLocalization",
-                    "resolved": "{ [lang: string]: { label?: string; placeholder?: string; require?: string; format?: string; minMessage: string; maxMessage: string; betweenMessage: string; }; }",
+                    "resolved": "T",
                     "references": {
                         "FormInputLocalization": {
                             "location": "import",
                             "path": "~features/form-hook/",
-                            "id": "src/features/form-hook/index.ts::FormInputLocalization"
+                            "id": "src/features/form-hook/index.ts::FormInputLocalization",
+                            "referenceLocation": "FormInputLocalization"
                         }
                     }
                 },

package/dist/collection/components/form-elements/form-shadow-input.js

@@ -16,7 +16,7 @@ export class FormInput {
         this.form.validateForm(this.name, newValue);
     }
     render() {
-        return h("input", { key: 'daa82f6d81766159234bbda6b981e4de25558ce3', class: "shadow-input", type: this.type, hidden: true, name: this.name, value: this.value });
+        return h("input", { key: '720440c855e27d32eebe362510cdfd2d59cd8840', class: "shadow-input", type: this.type, hidden: true, name: this.name, value: this.value });
     }
     static get is() { return "form-shadow-input"; }
     static get originalStyleUrls() {
@@ -33,7 +33,6 @@ export class FormInput {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -48,11 +47,11 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -67,11 +66,11 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "value"
             },
             "form": {
                 "type": "unknown",
-                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -80,7 +79,8 @@ export class FormInput {
                         "FormHook": {
                             "location": "import",
                             "path": "~features/form-hook/form-hook",
-                            "id": "src/features/form-hook/form-hook.ts::FormHook"
+                            "id": "src/features/form-hook/form-hook.ts::FormHook",
+                            "referenceLocation": "FormHook"
                         }
                     }
                 },
@@ -95,7 +95,6 @@ export class FormInput {
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -111,6 +110,7 @@ export class FormInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'string'"
             }
         };