@ukic/canary-web-components 3.0.0-canary.33 → 3.0.0-canary.35

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

@@ -2,204 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+const icCheckbox = require('./ic-checkbox-ac44e0a2.js');
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-2cc5f6db.js');
-const helpers$1 = require('./helpers-f81fed28.js');
-
-const icCheckboxCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-checkbox-disabled){pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.ic-data-table-checkbox) .container{padding:0;margin-bottom:0}:host(.ic-checkbox-small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-checkbox-background-unselected);border:var(--ic-border-width) solid var(--ic-checkbox-border-unselected);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host .container svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-checkbox-small) .checkbox,:host(.ic-checkbox-small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-checkbox-large) .checkbox,:host(.ic-checkbox-large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-checkbox-background-selected);border:var(--ic-border-width) solid var(--ic-checkbox-background-selected);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-checkbox-background-selected-disabled);border:var(--ic-border-width) solid\n    var(--ic-checkbox-background-selected-disabled)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-checkbox-background-indeterminate);border:0.125rem solid var(--ic-checkbox-background-indeterminate)}.checkbox:indeterminate:disabled,.checkbox.indeterminate:checked:disabled{background-color:var(--ic-checkbox-background-indeterminate-disabled);border:0.125rem solid var(--ic-checkbox-background-indeterminate-disabled)}.checkbox:checked:hover{background-color:var(--ic-checkbox-background-selected-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-checkbox-background-indeterminate-hover);border:0.125rem solid var(--ic-checkbox-background-indeterminate-hover)}.checkbox:checked:active{background-color:var(--ic-checkbox-background-selected-pressed)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-checkbox-background-indeterminate-pressed);border:0.125rem solid var(--ic-checkbox-background-indeterminate-pressed)}.checkbox:hover{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-hover);border:var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-hover)}.checkbox:active{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);border:var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-pressed)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed\n    var(--ic-checkbox-border-unselected-disabled)}.checkbox-label{--ic-typography-color:var(--ic-checkbox-text)}.checkbox-label>label{padding-left:var(--ic-space-sm);display:inline-block}::slotted([slot=\"label\"]){padding-left:var(--ic-space-sm) !important;color:var(--ic-checkbox-text)}:host(.ic-checkbox-disabled) .checkbox-label{color:var(--ic-checkbox-text-disabled);--ic-typography-color:var(--ic-checkbox-text-disabled)}:host(.ic-checkbox-disabled) ::slotted([slot=\"label\"]){color:var(--ic-checkbox-text-disabled);--ic-typography-color:var(--ic-checkbox-text-disabled)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:var(--ic-checkbox-icon-pressed);z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.ic-checkbox-large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-checkbox-icon-indeterminate);pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.ic-checkbox-large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-checkbox-required-bar);border-left:0.125rem solid var(--ic-checkbox-required-bar)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-checkbox-required-text);--ic-typography-color:var(--ic-checkbox-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}.dynamic-field-container{flex:100%}.sr-only{position:absolute;left:-9999px}@media (max-width: 576px){::slotted(*){--input-width:100%}.dynamic-field-container{flex:initial}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}.checkmark:dir(rtl){right:0}.checkbox-label:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}.indeterminate-symbol:dir(rtl){right:0.288rem}.branch-corner:dir(rtl){border-radius:0 0 0.188rem;border-right:0.125rem solid var(--ic-action-default);border-left:none}.dynamic-container:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}";
-const IcCheckboxStyle0 = icCheckboxCss;
-
-const Checkbox = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.icCheck = index.createEvent(this, "icCheck", 7);
-        /**
-         * The style of additionalField that will be displayed if used.
-         */
-        this.additionalFieldDisplay = "static";
-        /**
-         * If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked.
-         */
-        this.checked = false;
-        this.initiallyChecked = this.checked;
-        /**
-         * If `true`, the checkbox will be set to the disabled state.
-         */
-        this.disabled = false;
-        /**
-         * The text to be displayed when dynamic.
-         */
-        this.dynamicText = "This selection requires additional answers";
-        /**
-         * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
-         */
-        this.hideLabel = false;
-        /**
-         * If `true`, the indeterminate state will be displayed when checked.
-         */
-        this.indeterminate = false;
-        this.displayIndeterminate = this.indeterminate;
-        /**
-         * If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.
-         */
-        this.nativeIndeterminateBehaviour = false;
-        /**
-         * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
-         */
-        this.theme = "inherit";
-        /**
-         * The value for the checkbox.
-         */
-        this.value = "";
-        this.handleClick = () => {
-            this.checked = !this.checked;
-            this.displayIndeterminate =
-                !this.nativeIndeterminateBehaviour && this.indeterminate && this.checked;
-            this.icCheck.emit();
-        };
-        this.handleFormReset = () => {
-            this.checked = this.initiallyChecked;
-        };
-    }
-    watchDisabledHandler() {
-        helpers.removeDisabledFalse(this.disabled, this.el);
-    }
-    watchIndeterminateHandler() {
-        this.displayIndeterminate =
-            this.indeterminate && (this.nativeIndeterminateBehaviour || this.checked);
-    }
-    componentWillLoad() {
-        helpers.removeDisabledFalse(this.disabled, this.el);
-        helpers.addFormResetListener(this.el, this.handleFormReset);
-        const { parentElement } = this.el;
-        if ((parentElement === null || parentElement === void 0 ? void 0 : parentElement.tagName) === "IC-CHECKBOX-GROUP") {
-            const { name, label, size } = parentElement;
-            if (!this.name)
-                this.name = name;
-            if (!this.size)
-                this.size = size;
-            this.groupLabel = label;
-        }
-    }
-    componentDidLoad() {
-        if (this.hasLabelSlot()) {
-            this.arrangeLabel();
-        }
-        else {
-            helpers.onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Checkbox");
-        }
-    }
-    componentDidRender() {
-        if (this.additionalFieldDisplay === "static") {
-            this.el
-                .querySelectorAll("ic-text-field")
-                .forEach((textfield) => textfield.setAttribute("disabled", `${!this.checked}`));
-        }
-        else if (this.additionalFieldContainer) {
-            this.additionalFieldContainer.style.display = !this.checked
-                ? "none"
-                : "flex";
-        }
-    }
-    disconnectedCallback() {
-        helpers.removeFormResetListener(this.el, this.handleFormReset);
-    }
-    /**
-     * Sets focus on the checkbox.
-     */
-    async setFocus() {
-        var _a;
-        (_a = this.checkboxEl) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    getCheckboxGroupId() {
-        return `ic-checkbox-${this.label}-${this.groupLabel}`.replace(/ /g, "-");
-    }
-    hasLabelSlot() {
-        this.labelSlot = this.el.querySelector('[slot="label"]');
-        return !!this.labelSlot;
-    }
-    arrangeLabel() {
-        var _a;
-        if (this.labelSlot) {
-            this.label = ((_a = this.labelSlot.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || "";
-            this.labelSlot.setAttribute("for", this.getCheckboxGroupId());
-            if (this.disabled) {
-                this.labelSlot.setAttribute("aria-disabled", "true");
-            }
-        }
-    }
-    render() {
-        const { additionalFieldDisplay, checked, disabled, displayIndeterminate, dynamicText, el, form, handleClick, hideLabel, label, name, size, theme, value, } = this;
-        const inputId = this.getCheckboxGroupId();
-        const isDynamicAdditionalField = additionalFieldDisplay === "dynamic";
-        checked
-            ? helpers.renderHiddenInput(el, value, name, disabled)
-            : helpers.removeHiddenInput(el);
-        const LabelContent = () => this.hasLabelSlot() ? (index.h("slot", { name: "label" })) : (index.h("ic-typography", { class: "checkbox-label", variant: "body" }, index.h("label", { htmlFor: inputId }, label)));
-        return (index.h(index.Host, { key: 'b9aee197d23b8380b224aaa9f332d24c20406518', class: {
-                "ic-checkbox-disabled": disabled,
-                [`ic-checkbox-${size}`]: !!size,
-                [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, index.h("div", { key: 'a027b311fa8a9cc5ef753a426fc3f73e8d6f97a4', class: "container" }, displayIndeterminate ? (index.h("div", { class: "indeterminate-symbol" })) : (checked && (index.h("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, index.h("title", null, "checkmark icon"), index.h("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), index.h("input", { key: '5f3ce7e559134302640a03d2312782552e9ab018', role: "checkbox", class: {
-                checkbox: true,
-                checked,
-                indeterminate: displayIndeterminate,
-            }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: inputId, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel || this.hasLabelSlot() ? label : undefined }), !hideLabel && index.h(LabelContent, { key: 'e75420d60d9fdc9170a7f54c96575936c8da122d' })), index.h("span", { key: 'c3fccdab4f27feaeab35df33734723d9f14487cc', id: `${inputId}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), helpers.isSlotUsed(el, "additional-field") && (index.h("div", { key: 'ceb57398c6a3dea8cec4eb4a8e0ba940f6f15c0a', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && index.h("div", { key: '41f097eb38e5dfd739b7de22cffb03ff3043d3e6', class: "branch-corner" }), index.h("div", { key: '15b7e382cf7c9bf23a68016f5f2a449ae92dc03b', class: "dynamic-field-container" }, isDynamicAdditionalField && (index.h("ic-typography", { key: 'd0551674a9d5d6d6d01cf842aff133072ce4d1be', variant: "caption" }, index.h("p", { key: '81f3345ea6625aa9d8644d5c410c7b24c1365975', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), index.h("div", { key: '970766071c9e70042e87e243e3415b73c189b51f', class: {
-                "additional-field-wrapper": !isDynamicAdditionalField,
-            } }, index.h("slot", { key: '3ff910a1d7a01312baeb70a965aaaa157ae66e6e', name: "additional-field" })))))));
-    }
-    static get delegatesFocus() { return true; }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "disabled": ["watchDisabledHandler"],
-        "indeterminate": ["watchIndeterminateHandler"]
-    }; }
-};
-Checkbox.style = IcCheckboxStyle0;
-
-const icEmptyStateCss = ":host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.ic-empty-state-right),:host(.ic-empty-state-right) .action-area{align-items:flex-end;text-align:right}:host(.ic-empty-state-center),:host(.ic-empty-state-center) .action-area{align-items:center;text-align:center}:host(.image-medium) ::slotted(svg),:host(.image-medium) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}::slotted([slot=\"heading\"]),.empty-state-heading{--ic-typography-color:var(--ic-empty-state-title)}::slotted([slot=\"subheading\"]),.empty-state-subheading{--ic-typography-color:var(--ic-empty-state-subtitle)}::slotted([slot=\"body\"]),.empty-state-body{--ic-typography-color:var(--ic-empty-state-body)}";
-const IcEmptyStateStyle0 = icEmptyStateCss;
-
-const EmptyState = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.hostMutationObserver = null;
-        /**
-         * The alignment of the empty state container.
-         */
-        this.aligned = "left";
-        /**
-         * The size of the image or icon used in the image slot.
-         */
-        this.imageSize = "medium";
-        /**
-         * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
-         */
-        this.theme = "inherit";
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    componentDidLoad() {
-        !helpers.isSlotUsed(this.el, "heading") &&
-            helpers.onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Empty State");
-        this.hostMutationObserver = new MutationObserver((mutationList) => helpers.renderDynamicChildSlots(mutationList, ["image", "actions"], this));
-        this.hostMutationObserver.observe(this.el, {
-            childList: true,
-        });
-    }
-    render() {
-        const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;
-        return (index.h(index.Host, { key: '4bb35d1c3476b88cc58e952b1b8785e4425d5339', class: {
-                [`ic-empty-state-${aligned}`]: true,
-                [`image-${imageSize}`]: helpers.isSlotUsed(this.el, "image"),
-                [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, helpers.isSlotUsed(this.el, "image") && index.h("slot", { key: '9e87ed9f746d37f57505a75c62b10279b31ef54e', name: "image" }), index.h("div", { key: '4f94dc11d843660d3fecd976fa71f9c57644c89b' }, index.h("slot", { key: 'be23c55a8dc832904fbae342890d2a3d2d74ae85', name: "heading" }, index.h("ic-typography", { key: '52bf3dca695fecff3e5d650bd81db23d09665258', variant: "h4", class: "empty-state-heading" }, heading)), index.h("slot", { key: '7ed10d78475ac8b9c3f5a084a1294ad1be180f15', name: "subheading" }, index.h("ic-typography", { key: '5772d056578a64a951178c3c3026b36d4b316496', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), index.h("slot", { key: '14a8815b51a06521642921f09fa8346483522e84', name: "body" }, index.h("ic-typography", { key: 'bca780cc2275e81d4e25bae45f5065f6fab3bcd5', maxLines: maxLines, class: "empty-state-body" }, body))), helpers.isSlotUsed(this.el, "actions") && (index.h("div", { key: 'd6c0f61a358c1d0c86c4da922ed0504ffdc8228f', class: "action-area" }, index.h("slot", { key: 'ac150a34e883376bfee43a6edbeb8992c3bc3f96', name: "actions" })))));
-    }
-    get el() { return index.getElement(this); }
-};
-EmptyState.style = IcEmptyStateStyle0;
+const helpers = require('./helpers-f81fed28.js');
+require('./ic-text-field-5d7ae957.js');
+require('./ic-select-bc8ca251.js');
+require('./ic-menu-e9a1a0d3.js');
+require('./ic-typography-a199c128.js');
+require('./ic-button-4c329a7d.js');
+require('./ic-tooltip-3cc80832.js');
+require('./helpers-cb472df9.js');
+require('./common-helpers-577fc5b0.js');
+require('./popper-16968c2e.js');
 
 const icPaginationBarCss = ":host(){display:block}.pagination-bar{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;gap:var(--ic-space-xl);padding:var(--ic-space-xs) var(--ic-space-md);box-sizing:border-box;--ic-typography-color:var(--ic-pagination-text)}.pagination-bar-left{justify-content:flex-start}.item-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-bar-space-between .item-controls{margin-right:auto}.items-per-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.items-per-page-input{--input-width:5rem;--ic-typography-color:var(--ic-pagination-select-content)}.pagination-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-controls-wrap{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-space-between .pagination-controls{margin-left:auto}.go-to-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.go-to-page-input{--input-width:var(--ic-space-xl)}.go-to-page-button{--min-width:var(--ic-space-xl)}.items-per-page-control-label{white-space:nowrap}@media screen and (max-width: 768px){.pagination-bar{flex-direction:column;align-items:flex-end;height:-moz-fit-content;height:fit-content;gap:var(--ic-space-xs)}.pagination-bar-left{align-items:flex-start}}@media screen and (max-width: 320px){.item-controls,.pagination-controls{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-left .item-controls,.pagination-bar-left .pagination-controls,.pagination-bar-space-between .item-controls,.pagination-bar-space-between .pagination-controls{align-items:flex-start}}";
 const IcPaginationBarStyle0 = icPaginationBarCss;
@@ -488,7 +302,7 @@ const PaginationBar = class {
         if (typeof this.currentPage === "number" && this.currentPage) {
             if (this.currentPage < 1 ||
                 (this.totalPages && this.currentPage > this.totalPages)) {
-                console.error(`The current page (${this.currentPage}) must be a number greater than zero but less than or equal to the total number of pages (${this.totalPages})`);
+                console.warn(`The current page (${this.currentPage}) must be a number greater than zero but less than or equal to the total number of pages (${this.totalPages})`);
             }
             else {
                 this.activePage = this.currentPage;
@@ -502,7 +316,7 @@ const PaginationBar = class {
         }
     }
     watchItemLabelHandler() {
-        this.capitalizedItemLabel = helpers$1.capitalize(this.itemLabel);
+        this.capitalizedItemLabel = helpers.capitalize(this.itemLabel);
         this.lowerCaseItemLabel = this.itemLabel.toLowerCase();
     }
     watchItemsPerPageOptionsHandler(newVal, oldVal) {
@@ -511,7 +325,7 @@ const PaginationBar = class {
         this.setPaginationBarContent();
     }
     watchPageLabelHandler() {
-        this.capitalizedPageLabel = helpers$1.capitalize(this.pageLabel);
+        this.capitalizedPageLabel = helpers.capitalize(this.pageLabel);
         this.lowerCasePageLabel = this.pageLabel.toLowerCase();
     }
     watchTotalItemsHandler() {
@@ -533,7 +347,7 @@ const PaginationBar = class {
     componentDidLoad() {
         var _a, _b, _c;
         this.paginationWidth = ((_a = this.paginationBarEl) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
-        helpers$1.checkResizeObserver(this.runResizeObserver);
+        helpers.checkResizeObserver(this.runResizeObserver);
         const textField = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);
         if (textField) {
             const input = (_c = textField === null || textField === void 0 ? void 0 : textField.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector("input");
@@ -550,21 +364,21 @@ const PaginationBar = class {
     }
     render() {
         const { accessibleLabel, alignment, displayedItemsPerPageOptions, PAGE_INPUT_FIELD_ID, type, rangeLabelType, hideRangeLabel, showItemsPerPageControl, showGoToPageControl, pageLabel, capitalizedPageLabel, lowerCasePageLabel, capitalizedItemLabel, lowerCaseItemLabel, totalPages, activePage, itemsPerPageString, theme, monochrome, selectItemsPerPageOnEnter, hideCurrentPage, hideFirstAndLastPageButton, } = this;
-        return (index.h(index.Host, { key: 'b4156a3e8ea25f4e3c63b6806a132998acc4d413', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h("div", { key: 'cdbb0088e57c64438cdf78d82a09f022321a6e79', class: {
+        return (index.h(index.Host, { key: '7a72fdad77cf6da850d9e165e94b25d1637308b1', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h("div", { key: '14f8e98e80b5bf8e375a7a16b6e9f2f58a251c49', class: {
                 ["pagination-bar"]: true,
                 [`pagination-bar-${alignment}`]: true,
-            }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (index.h("div", { key: '2ca590958c60e8e01b77e8f8ed09e7fa8dd91557', class: "item-controls" }, showItemsPerPageControl && (index.h("div", { key: '4fc26efe806e4897e305842dcc47d81180364698', class: "items-per-page-holder" }, index.h("ic-typography", { key: 'eb35b4a2a49a249584532042647a02aaadd4c9b6', class: {
+            }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (index.h("div", { key: 'e95a05fb3572dd0cc75bb374b2245b4c6d68a987', class: "item-controls" }, showItemsPerPageControl && (index.h("div", { key: '8d0774f8cf5b86e262ef9fb38083f5b7077302ba', class: "items-per-page-holder" }, index.h("ic-typography", { key: '4abd46dd5526e07fc1af7e38fbee8fc97a118329', class: {
                 ["items-per-page-control-label"]: true,
-            }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), index.h("ic-select", { key: 'f8541624bc0a7121cac0dce4e49392c6ad85e819', theme: theme, size: "small", label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, selectOnEnter: selectItemsPerPageOnEnter, value: itemsPerPageString, onIcChange: this.changeItemsPerPage, ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel &&
+            }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), index.h("ic-select", { key: 'af5d5443c28476aad9f794a99fe757c98e6f65dd', theme: theme, size: "small", label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, selectOnEnter: selectItemsPerPageOnEnter, value: itemsPerPageString, onIcChange: this.changeItemsPerPage, ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel &&
             (rangeLabelType === "data" ? (index.h("ic-typography", { class: {
                     ["item-pagination-label"]: true,
                 }, variant: "label", "aria-live": "polite" }, this.upperBound === 0 && `0 ${lowerCaseItemLabel}s`, this.upperBound > 0 &&
                 `${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${lowerCaseItemLabel}${this.totalItems > 1 ? "s" : ""}`)) : (index.h("ic-typography", { class: {
                     ["page-pagination-label"]: true,
-                }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), index.h("div", { key: 'a781f60abd8da11927f5e3686926113f638936ad', class: {
+                }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), index.h("div", { key: '8e01ba1be7ab11de682d01e08be0afb3d7890fd3', class: {
                 ["pagination-controls"]: true,
                 ["pagination-controls-wrap"]: this.paginationWrapped,
-            } }, index.h("div", { key: 'eb1dd49fe13eaa7358fadd76e7b7fe552f3e3fe1', class: "pagination-holder" }, index.h("ic-pagination", { key: '717308c1d004d129c56d2b37ecf6ea207bdd1bc5', accessibleLabel: accessibleLabel, type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome, hideCurrentPage: hideCurrentPage, hideFirstAndLastPageButton: hideFirstAndLastPageButton })), showGoToPageControl && (index.h("div", { key: 'f13fda5cee5728bf3c35ba480a96437416a66721', class: "go-to-page-holder" }, index.h("ic-typography", { key: 'd33e0a8d6ccbde4f5b44d2cdac54eac4288cf2de', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), index.h("ic-tooltip", { key: '6a6d2d300dbb3419313775fec483f5580bf45add', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, index.h("ic-text-field", { key: '94b9d3cb57ca5141392827b81006267e44358473', theme: theme, type: "number", size: "small", label: PAGE_INPUT_FIELD_ID, class: PAGE_INPUT_FIELD_ID, id: PAGE_INPUT_FIELD_ID, hideLabel: true, onKeyDown: this.handleKeydown, onKeyUp: this.handleKeyUp, onInput: this.handleInputChange, max: totalPages, min: "1", validationInlineInternal: true, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: (el) => (this.pageInputEl = el) })), index.h("ic-button", { key: 'e6b3a97814c0af73c289f46b9c797efdfd3702e2', variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
+            } }, index.h("div", { key: '7cd1e899cef38dd58c18bf441858fefb55b68718', class: "pagination-holder" }, index.h("ic-pagination", { key: '92a30edb3759466d6179d1abca20474f925f6d83', accessibleLabel: accessibleLabel, type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome, hideCurrentPage: hideCurrentPage, hideFirstAndLastPageButton: hideFirstAndLastPageButton })), showGoToPageControl && (index.h("div", { key: '32f7957ab55b85bc6e5e3c3c11dc43c7860355bc', class: "go-to-page-holder" }, index.h("ic-typography", { key: 'd975f98050079094e690868719f2b41d46d4dc15', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), index.h("ic-tooltip", { key: 'a1ab890f5d8c2ce6f66fdc5e58d8ec3891f154ac', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, index.h("ic-text-field", { key: 'ce1986349e6f77b430ec3b3b8fa026d47064bf62', theme: theme, type: "number", size: "small", label: PAGE_INPUT_FIELD_ID, class: PAGE_INPUT_FIELD_ID, id: PAGE_INPUT_FIELD_ID, hideLabel: true, onKeyDown: this.handleKeydown, onKeyUp: this.handleKeyUp, onInput: this.handleInputChange, max: totalPages, min: "1", validationInlineInternal: true, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: (el) => (this.pageInputEl = el) })), index.h("ic-button", { key: '6627f460d068b875b02d8d06b65dadab9daa7c7a', variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -579,8 +393,8 @@ const PaginationBar = class {
 };
 PaginationBar.style = IcPaginationBarStyle0;
 
-exports.ic_checkbox = Checkbox;
-exports.ic_empty_state = EmptyState;
+exports.ic_checkbox = icCheckbox.Checkbox;
+exports.ic_empty_state = icCheckbox.EmptyState;
 exports.ic_pagination_bar = PaginationBar;
 
 //# sourceMappingURL=ic-checkbox_3.cjs.entry.js.map