@ukic/canary-web-components 2.0.0-canary.31 → 2.0.0-canary.33

package/dist/esm/ic-pagination_4.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-93509377.js';
-import { k as removeDisabledFalse, a as onComponentRequiredPropUndefined, M as capitalize, j as checkSlotInChildMutations, E as getLabelFromValue, B as getFilteredMenuOptions, n as removeFormResetListener, x as inheritAttributes, m as addFormResetListener, p as renderHiddenInput, s as getInputDescribedByText, t as hasValidationStatus, N as isMobileOrTablet, y as IC_INHERITED_ARIA, F as isEmptyString, O as debounceEvent, i as isSlotUsed } from './helpers-886489d5.js';
+import { r as removeDisabledFalse, a as onComponentRequiredPropUndefined, M as capitalize, N as checkSlotInChildMutations, E as getLabelFromValue, B as getFilteredMenuOptions, n as removeFormResetListener, x as inheritAttributes, m as addFormResetListener, p as renderHiddenInput, s as getInputDescribedByText, t as hasValidationStatus, O as isMobileOrTablet, y as IC_INHERITED_ARIA, F as isEmptyString, P as debounceEvent, q as removeHiddenInput, i as isSlotUsed } from './helpers-031e266e.js';
 import { I as IcThemeForegroundEnum, a as IcInformationStatus } from './types-f605c21c.js';
 
 const paginationNextPrevious = `<svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -94,6 +94,9 @@ const Pagination = class {
             this.boundaryCount = 2;
         }
     }
+    watchDisabledHandler() {
+        removeDisabledFalse(this.disabled, this.el);
+    }
     watchNumberPagesHandler() {
         this.watchPageChangeHandler();
     }
@@ -224,6 +227,7 @@ const Pagination = class {
     static get watchers() { return {
         "adjacentCount": ["watchAdjacentCountHandler"],
         "boundaryCount": ["watchBoundaryCountHandler"],
+        "disabled": ["watchDisabledHandler"],
         "pages": ["watchNumberPagesHandler"],
         "type": ["watchTypeHandler"],
         "currentPage": ["watchPageChangeHandler"]
@@ -248,6 +252,9 @@ const PaginationItem = class {
         this.selected = false;
         this.type = undefined;
     }
+    watchDisabledHandler() {
+        removeDisabledFalse(this.disabled, this.el);
+    }
     watchLabelHandler() {
         this.capitalizedLabel = capitalize(this.label);
     }
@@ -280,6 +287,7 @@ const PaginationItem = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
         "label": ["watchLabelHandler"]
     }; }
 };
@@ -811,6 +819,9 @@ const Select = class {
         this.inputValueToFilter = this.value;
         this.currValue = this.value;
     }
+    watchDisabledHandler() {
+        removeDisabledFalse(this.disabled, this.el);
+    }
     loadingHandler(newValue) {
         newValue && this.triggerLoading();
     }
@@ -992,6 +1003,7 @@ const Select = class {
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
         "loading": ["loadingHandler"],
         "options": ["watchOptionsHandler"],
         "debounce": ["debounceChangedHandler"],
@@ -1016,8 +1028,9 @@ const TextField = class {
         this.icKeydown = createEvent(this, "icKeydown", 7);
         this.inheritedAttributes = {};
         this.hostMutationObserver = null;
+        this.getNumberOfCharacters = (value) => value !== null && value !== undefined ? value.length : 0;
         this.getMaxLengthExceeded = (value) => {
-            this.numChars = value.length;
+            this.numChars = this.getNumberOfCharacters(value);
             if (this.type === "number") {
                 this.minValueUnattained = value && Number(value) < Number(this.min);
                 this.maxValueExceeded = Number(value) > Number(this.max);
@@ -1027,7 +1040,7 @@ const TextField = class {
             }
         };
         this.getMaxCharactersReached = (value) => {
-            this.numChars = value.length;
+            this.numChars = this.getNumberOfCharacters(value);
             this.maxCharactersReached =
                 this.maxCharacters > 0 ? this.numChars >= this.maxCharacters : false;
             if (this.maxCharactersError && !this.maxCharactersReached) {
@@ -1129,6 +1142,9 @@ const TextField = class {
         this.value = "";
         this.initialValue = this.value;
     }
+    watchDisabledHandler() {
+        removeDisabledFalse(this.disabled, this.el);
+    }
     debounceChanged() {
         this.icChange = debounceEvent(this.icChange, this.debounce);
     }
@@ -1225,12 +1241,12 @@ const TextField = class {
         const disabledText = disabledMode && !readonly;
         const showLeftIcon = !!this.el.querySelector(`[slot="icon"]`) && !disabledText;
         const invalid = `${currentStatus === IcInformationStatus.Error}`;
-        if (hiddenInput) {
-            renderHiddenInput(true, this.el, name, value, disabledMode);
-        }
+        hiddenInput
+            ? renderHiddenInput(true, this.el, name, value, disabledMode)
+            : removeHiddenInput(this.el);
         return (h(Host, { class: { ["fullwidth"]: fullWidth } }, h("ic-input-container", { readonly: readonly, disabled: disabledMode }, !this.hideLabel && (h("ic-input-label", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), h("ic-input-component-container", { size: small ? "small" : size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (h("span", { class: {
                 ["readonly"]: readonly,
-                ["has-value"]: value.length > 0,
+                ["has-value"]: this.getNumberOfCharacters(value) > 0,
             }, slot: "left-icon" }, h("slot", { name: "icon" }))), !multiline ? (h("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {
                 ["no-left-pad"]: !showLeftIcon && readonly,
                 ["readonly"]: readonly,
@@ -1252,6 +1268,7 @@ const TextField = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
         "debounce": ["debounceChanged"],
         "value": ["watchValueHandler"]
     }; }