@ukic/canary-web-components 3.0.0-canary.15 → 3.0.0-canary.16

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-bec0dbd4.js');
+const helpers = require('./helpers-199b92d5.js');
 
 const paginationNextPrevious = `<svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.08748 0L0.912476 1.175L4.72914 5L0.912476 8.825L2.08748 10L7.08748 5L2.08748 0Z" fill="currentColor"/>
@@ -1530,6 +1530,9 @@ const TextField = class {
         let value;
         if (this.maxCharacters > 0) {
             value = newValue.substring(0, this.maxCharacters);
+            if (value.length < newValue.length) {
+                this.maxCharactersWarning = true;
+            }
             this.value = value;
         }
         else {
@@ -1583,7 +1586,9 @@ const TextField = class {
     }
     handleKeyDown(ev) {
         this.icKeydown.emit({ event: ev });
-        this.maxCharactersWarning = this.maxCharactersReached;
+        if (!ev.ctrlKey && !helpers.IGNORED_KEYBOARD_CHARACTERS.includes(ev.key)) {
+            this.maxCharactersWarning = this.maxCharactersReached;
+        }
     }
     /**
      * Sets focus on the native `input`.
@@ -1634,14 +1639,14 @@ const TextField = class {
         hiddenInput
             ? helpers.renderHiddenInput(true, this.el, name, value, disabledMode)
             : helpers.removeHiddenInput(this.el);
-        return (index.h(index.Host, { key: '86521a8f619d3f6d09b60fc5251ac153e7f3238d', class: {
+        return (index.h(index.Host, { key: 'a16e8b0c4d27b90cba5a803030c4932f3d249009', class: {
                 "ic-text-field-full-width": !!fullWidth,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-text-field-disabled": !!disabledMode,
-            } }, index.h("ic-input-container", { key: '2096846a987f396e8786d916f6eca14b277dd6a3', readonly: readonly, disabled: disabledMode }, !this.hideLabel && (index.h("ic-input-label", { key: '1bb84c2156b0d8af5bba67a06a8680b8cd44b7d0', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), index.h("ic-input-component-container", { key: 'a1eb781a88dbfbed7a7b084344fd0ca685e35b99', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (index.h("span", { key: '96639821c5f5ab88716be7b01a66462ae92ab358', class: {
+            } }, index.h("ic-input-container", { key: '2ee3748b5fa24de95435f7064c589e18472727f4', readonly: readonly, disabled: disabledMode }, !this.hideLabel && (index.h("ic-input-label", { key: '090bf27c1c5a0d357f6e2c03951ae51439fe5061', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), index.h("ic-input-component-container", { key: '4322dbcb83430ff93a958f1cdfd68fb8f919b541', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (index.h("span", { key: 'e1cb91443a86bd3499ba3637f462b763217156e1', class: {
                 readonly: !!readonly,
                 "has-value": this.getNumberOfCharacters(value) > 0,
-            }, slot: "left-icon" }, index.h("slot", { key: 'b3381ff815a38032d600619bc8245c01d8aa1dd7', name: "icon" }))), !multiline ? (index.h("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {
+            }, slot: "left-icon" }, index.h("slot", { key: 'd7a7432973ab5ac4d1f9f99307810239bc1e5bb8', name: "icon" }))), !multiline ? (index.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,
                 "truncate-value": !!truncateValue,
@@ -1649,19 +1654,19 @@ const TextField = class {
                 "no-resize": resize === false || !!readonly,
                 "no-left-pad": !showLeftIcon && !!readonly,
                 readonly: !!readonly,
-            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, this.inheritedAttributes))), helpers.isSlotUsed(el, "clear-button") && (index.h("slot", { key: '5e5bdb069b688fa77e1c5c91f38e82a4e3dd40bc', name: "clear-button" })), helpers.isSlotUsed(el, "search-submit-button") && (index.h("slot", { key: '2c0304de79f15bb6a42c96541a7ac51b65b4a5ec', name: "search-submit-button" }))), helpers.isSlotUsed(el, "menu") && index.h("slot", { key: 'c1d7d1239091fcc56e807b4dabcd1310a87e098e', name: "menu" }), (!helpers.isEmptyString(validationStatus) ||
+            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, this.inheritedAttributes))), helpers.isSlotUsed(el, "clear-button") && (index.h("slot", { key: '606b2c481ed91fa410073510d8b08ecefa141fd1', name: "clear-button" })), helpers.isSlotUsed(el, "search-submit-button") && (index.h("slot", { key: '63e74e7017fe754d8b223d4583e66edf44c5b174', name: "search-submit-button" }))), helpers.isSlotUsed(el, "menu") && index.h("slot", { key: 'fdc9f4ece2151b4907c5d64b45a8d3ee1c8da3de', name: "menu" }), (!helpers.isEmptyString(validationStatus) ||
             !helpers.isEmptyString(validationText) ||
             maxNumChars > 0 ||
             maxValueExceeded ||
             maxCharactersWarning ||
             minCharactersUnattained ||
             minValueUnattained) &&
-            !validationInlineInternal && (index.h("ic-input-validation", { key: 'a7e01f7f27d62f34168bc3646fa6b7b4045eac3c', status: this.hasStatus(currentStatus) === false ||
+            !validationInlineInternal && (index.h("ic-input-validation", { key: '7c8469ca2b9b3d8aa0c629ff50ef25f6dc069215', status: this.hasStatus(currentStatus) === false ||
                 (currentStatus === helpers.IcInformationStatus.Success &&
                     validationInline) ||
                 validationInlineInternal
                 ? ""
-                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (index.h("div", { key: '083cc90a38f57ee6b4ec82536e8dc432fed387b6', slot: "validation-message-adornment" }, !hideCharCount && (index.h("ic-typography", { key: 'ca3571863c4e9c47fb1a8e06eb5ebf700e640fd6', variant: "caption", class: "char-count-text" }, index.h("span", { key: 'f9435768788239f7f7e8ef46a80406ba5da9b525', class: "char-count" }, numChars, "/", maxNumChars))), index.h("span", { key: 'd0f9fef8adb1d92d6d5479995fe3f3b28202dbe1', class: "remaining-char-count-desc", "aria-live": "polite" }, hiddenRemainingCharCountDesc), index.h("span", { key: '892a02dca5b1deeecfc774ee56ca74830644b18a', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
+                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (index.h("div", { key: '68f3bdd2d91bb1d782671f67ff8fa54480b18933', slot: "validation-message-adornment" }, !hideCharCount && (index.h("ic-typography", { key: '7e6e2cc156a86ff7e5dd26cc11c7107d9058a87f', variant: "caption", class: "char-count-text" }, index.h("span", { key: '163ab75acf24098bc8543b4dae1feb202ef0eb4e', class: "char-count" }, numChars, "/", maxNumChars))), index.h("span", { key: '547ba76763a57afc09cadab6074885e94d44c32d', class: "remaining-char-count-desc", "aria-live": "polite" }, hiddenRemainingCharCountDesc), index.h("span", { key: '49b425896e53566c693604cbdc54782d2fbed6b2', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {