@ukic/canary-web-components 2.0.0-canary.13 → 2.0.0-canary.15

package/dist/core/p-c51496ee.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as a,H as t,g as i}from"./p-8455d1bb.js";import{I as c}from"./p-fd186591.js";import{h as r,r as e,g as o,b as h,c as n,a as l,d as p}from"./p-3b0caac0.js";const d="@media (prefers-reduced-motion: no-preference){:host(.show){animation:expand var(--ic-transition-duration-slow)}:host(.hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host(.neutral){background-color:var(--ic-architectural-500)}:host(.light){background-color:var(--ic-architectural-40)}:host(.info){background-color:var(--ic-status-info)}:host(.warning){background-color:var(--ic-status-warning-mid)}:host(.error){background-color:var(--ic-status-error)}:host(.success){background-color:var(--ic-status-success)}:host(.small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.dot.default){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.dot.small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.dot.large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.foreground-dark) ::slotted(*){fill:var(--ic-color-primary-text)}:host(.foreground-light) ::slotted(*){fill:white}:host(.foreground-dark) ic-typography{color:var(--ic-color-primary-text)}:host(.foreground-light) ic-typography{color:white}:host(.text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px)}:host(.text.small) ic-typography{padding:0 0.2132rem}:host(.text.large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px)}:host(.icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.icon.small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.icon.large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.far.small),:host(.dot.far.large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.dot.far),:host(.dot.far.small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.dot.near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.inline){position:static}:host(.hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";const u=class{constructor(a){s(this,a);this.ariaLabel=null;this.setBadgeColour=()=>{let s=null;if(this.customColor!==null){const a=this.customColor.slice(0,1);if(a==="#"){s=r(this.customColor)}else if(a.toLowerCase()==="r"){s=e(this.customColor)}this.customColorRGBA=s;this.el.style.backgroundColor=`rgba(${s.r.toString()}, ${s.g.toString()}, ${s.b.toString()}, ${s.a.toString()})`}};this.getBadgeForeground=()=>{let s;let a;let t;switch(this.variant){case"custom":s=this.customColorRGBA.r;a=this.customColorRGBA.g;t=this.customColorRGBA.b;break;case"error":s=parseInt(o("--ic-status-error-r"));a=parseInt(o("--ic-status-error-g"));t=parseInt(o("--ic-status-error-b"));break;case"success":s=parseInt(o("--ic-status-success-r"));a=parseInt(o("--ic-status-success-g"));t=parseInt(o("--ic-status-success-b"));break;case"warning":s=parseInt(o("--ic-status-warning-r"));a=parseInt(o("--ic-status-warning-g"));t=parseInt(o("--ic-status-warning-b"));break;case"info":{const i=r(o("--ic-status-info"));s=i.r;a=i.g;t=i.b;break}case"neutral":{const i=r(o("--ic-architectural-500"));s=i.r;a=i.g;t=i.b;break}case"light":{const i=r(o("--ic-architectural-40"));s=i.r;a=i.g;t=i.b;break}}const i=(s*299+a*587+t*114)/1e3;this.foregroundColour=i>133.3505?c.Dark:c.Light};this.getTextLabel=()=>{let s;if(this.textLabel!==null){if(this.maxNumber!==null){s=Number(this.textLabel)>this.maxNumber?`${this.maxNumber}+`:this.textLabel}else{s=this.textLabel}}return s};this.setAccessibleLabel=()=>{const s=p(this.el);const a=h(this.el).ariaLabel;const t=this.isAccessibleLabelDefined()?this.accessibleLabel:this.textLabel||"with badge being displayed";if(h(this.el)!==null){if(s!=="IC-CARD"&&(s!=="IC-TAB"||s==="IC-TAB"&&a)){h(this.el).ariaLabel=`${a?`${a} ,`:""} ${t}`}else{this.ariaLabel=`, ${t}`}}};this.isAccessibleLabelDefined=()=>n(this.accessibleLabel)&&this.accessibleLabel!==null;this.accessibleLabel=undefined;this.customColor=null;this.maxNumber=undefined;this.position="far";this.size="default";this.textLabel=undefined;this.type="text";this.variant="neutral";this.visible=true}componentWillLoad(){this.variant==="custom"&&this.setBadgeColour();this.getBadgeForeground();this.setAccessibleLabel()}componentDidLoad(){this.type==="text"&&l([{prop:this.textLabel,propName:"text-label"}],"Badge")}async showBadge(){this.visible=true}async hideBadge(){this.visible=false}render(){const{position:s,size:i,type:c,variant:r,foregroundColour:e,visible:o}=this;return a(t,{class:{[`${s}`]:true,[`${i}`]:true,[`${r}`]:true,[`${c}`]:true,[`foreground-${e}`]:e!==null,["show"]:o,["hide"]:!o},id:this.el.id||null,"aria-label":this.ariaLabel,role:"status"},c==="icon"&&a("slot",{name:"badge-icon"}),c==="text"&&a("ic-typography",{variant:i==="small"?"badge-small":"badge"},this.getTextLabel()))}static get delegatesFocus(){return true}get el(){return i(this)}};u.style=d;export{u as ic_badge};
-//# sourceMappingURL=p-c51496ee.entry.js.map

package/dist/core/p-c51496ee.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icBadgeCss","Badge","constructor","hostRef","this","ariaLabel","setBadgeColour","colorRGBA","customColor","firstChar","slice","hexToRgba","toLowerCase","rgbaStrToObj","customColorRGBA","el","style","backgroundColor","r","toString","g","b","a","getBadgeForeground","red","green","blue","variant","parseInt","getCssProperty","info","neutral","light","brightness","foregroundColour","IcThemeForegroundEnum","Dark","Light","getTextLabel","label","textLabel","maxNumber","Number","setAccessibleLabel","parentElType","getParentElementType","parentElAriaLabel","getParentElement","defaultAriaLabel","isAccessibleLabelDefined","accessibleLabel","isPropDefined","undefined","position","size","type","visible","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","showBadge","hideBadge","render","h","Host","class","id","role","name","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-badge/ic-badge.css?tag=ic-badge&encapsulation=shadow","../web-components/dist/collection/components/ic-badge/ic-badge.js"],"sourcesContent":["@media (prefers-reduced-motion: no-preference) {\n  :host(.show) {\n    animation: expand var(--ic-transition-duration-slow);\n  }\n\n  :host(.hide) {\n    animation: shrink var(--ic-transition-duration-slow);\n  }\n}\n\n:host {\n  display: flex;\n  height: var(--ic-space-md);\n  min-width: var(--ic-space-md);\n  width: -moz-fit-content;\n  width: fit-content;\n  border-radius: calc(2 * var(--ic-space-xxl));\n  position: absolute;\n}\n\n:host(.neutral) {\n  background-color: var(--ic-architectural-500);\n}\n\n:host(.light) {\n  background-color: var(--ic-architectural-40);\n}\n\n:host(.info) {\n  background-color: var(--ic-status-info);\n}\n\n:host(.warning) {\n  background-color: var(--ic-status-warning-mid);\n}\n\n:host(.error) {\n  background-color: var(--ic-status-error);\n}\n\n:host(.success) {\n  background-color: var(--ic-status-success);\n}\n\n:host(.small) {\n  height: var(--ic-space-sm);\n  min-width: var(--ic-space-sm);\n}\n\n:host(.large) {\n  height: calc(var(--ic-space-md) + var(--ic-space-xxs));\n  min-width: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n:host(.dot.default) {\n  height: var(--ic-space-xs);\n  width: var(--ic-space-xs);\n  min-width: var(--ic-space-xs);\n}\n\n:host(.dot.small) {\n  height: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n  width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n  min-width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n}\n\n:host(.dot.large) {\n  height: var(--ic-space-sm);\n  width: var(--ic-space-sm);\n  min-width: var(--ic-space-sm);\n}\n\n:host(.foreground-dark) ::slotted(*) {\n  fill: var(--ic-color-primary-text);\n}\n\n:host(.foreground-light) ::slotted(*) {\n  fill: white;\n}\n\n:host(.foreground-dark) ic-typography {\n  color: var(--ic-color-primary-text);\n}\n\n:host(.foreground-light) ic-typography {\n  color: white;\n}\n\n:host(.text) ic-typography {\n  align-self: center;\n  padding: 0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px);\n}\n\n:host(.text.small) ic-typography {\n  padding: 0 0.2132rem;\n}\n\n:host(.text.large) ic-typography {\n  padding: 0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px);\n}\n\n:host(.icon) ::slotted(svg) {\n  width: var(--ic-space-sm);\n  height: var(--ic-space-sm);\n  padding: var(--ic-space-xxxs);\n}\n\n:host(.icon.small) ::slotted(svg) {\n  width: var(--ic-space-xs);\n  height: var(--ic-space-xs);\n}\n\n:host(.icon.large) ::slotted(svg) {\n  width: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n  height: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n  padding: calc(var(--ic-space-xxxs) + var(--ic-space-1px));\n}\n\n:host(.far) {\n  top: calc(-1 * var(--ic-space-xs));\n  right: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.far.small),\n:host(.dot.far.large) {\n  top: calc(-1 * var(--ic-space-xxs));\n  right: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.dot.far),\n:host(.dot.far.small) {\n  top: calc(-1 * var(--ic-space-xxxs));\n  right: calc(-1 * var(--ic-space-xxxs));\n}\n\n:host(.near) {\n  top: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n  right: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n}\n\n:host(.dot.near) {\n  top: calc(-1 * var(--ic-space-1px));\n  right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.inline) {\n  position: static;\n}\n\n:host(.hide) {\n  visibility: hidden !important;\n  transition: visibility var(--ic-transition-duration-slow);\n}\n\n@keyframes expand {\n  from {\n    opacity: 0;\n    transform: scale(0);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes shrink {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { IcThemeForegroundEnum, } from \"../../utils/types\";\nimport { getCssProperty, getParentElement, getParentElementType, hexToRgba, isPropDefined, onComponentRequiredPropUndefined, rgbaStrToObj, } from \"../../utils/helpers\";\n/**\n * @slot badge-icon - Icon will be rendered inside the badge if type is set to icon.\n */\nexport class Badge {\n    constructor() {\n        this.ariaLabel = null;\n        this.setBadgeColour = () => {\n            let colorRGBA = null;\n            if (this.customColor !== null) {\n                const firstChar = this.customColor.slice(0, 1);\n                if (firstChar === \"#\") {\n                    colorRGBA = hexToRgba(this.customColor);\n                }\n                else if (firstChar.toLowerCase() === \"r\") {\n                    colorRGBA = rgbaStrToObj(this.customColor);\n                }\n                this.customColorRGBA = colorRGBA;\n                this.el.style.backgroundColor = `rgba(${colorRGBA.r.toString()}, ${colorRGBA.g.toString()}, ${colorRGBA.b.toString()}, ${colorRGBA.a.toString()})`;\n            }\n        };\n        this.getBadgeForeground = () => {\n            let red;\n            let green;\n            let blue;\n            switch (this.variant) {\n                case \"custom\":\n                    red = this.customColorRGBA.r;\n                    green = this.customColorRGBA.g;\n                    blue = this.customColorRGBA.b;\n                    break;\n                case \"error\":\n                    red = parseInt(getCssProperty(\"--ic-status-error-r\"));\n                    green = parseInt(getCssProperty(\"--ic-status-error-g\"));\n                    blue = parseInt(getCssProperty(\"--ic-status-error-b\"));\n                    break;\n                case \"success\":\n                    red = parseInt(getCssProperty(\"--ic-status-success-r\"));\n                    green = parseInt(getCssProperty(\"--ic-status-success-g\"));\n                    blue = parseInt(getCssProperty(\"--ic-status-success-b\"));\n                    break;\n                case \"warning\":\n                    red = parseInt(getCssProperty(\"--ic-status-warning-r\"));\n                    green = parseInt(getCssProperty(\"--ic-status-warning-g\"));\n                    blue = parseInt(getCssProperty(\"--ic-status-warning-b\"));\n                    break;\n                case \"info\": {\n                    const info = hexToRgba(getCssProperty(\"--ic-status-info\"));\n                    red = info.r;\n                    green = info.g;\n                    blue = info.b;\n                    break;\n                }\n                case \"neutral\": {\n                    const neutral = hexToRgba(getCssProperty(\"--ic-architectural-500\"));\n                    red = neutral.r;\n                    green = neutral.g;\n                    blue = neutral.b;\n                    break;\n                }\n                case \"light\": {\n                    const light = hexToRgba(getCssProperty(\"--ic-architectural-40\"));\n                    red = light.r;\n                    green = light.g;\n                    blue = light.b;\n                    break;\n                }\n            }\n            const brightness = (red * 299 + green * 587 + blue * 114) / 1000;\n            this.foregroundColour =\n                brightness > 133.3505\n                    ? IcThemeForegroundEnum.Dark\n                    : IcThemeForegroundEnum.Light;\n        };\n        this.getTextLabel = () => {\n            let label;\n            if (this.textLabel !== null) {\n                if (this.maxNumber !== null) {\n                    label =\n                        Number(this.textLabel) > this.maxNumber\n                            ? `${this.maxNumber}+`\n                            : this.textLabel;\n                }\n                else {\n                    label = this.textLabel;\n                }\n            }\n            return label;\n        };\n        // Set aria-label on badge and / or parent element\n        // Aria-describedby seems to not work, probably due to shadow DOM\n        this.setAccessibleLabel = () => {\n            const parentElType = getParentElementType(this.el);\n            const parentElAriaLabel = getParentElement(this.el).ariaLabel;\n            const defaultAriaLabel = this.isAccessibleLabelDefined()\n                ? this.accessibleLabel\n                : this.textLabel || \"with badge being displayed\";\n            if (getParentElement(this.el) !== null) {\n                if (parentElType !== \"IC-CARD\" &&\n                    (parentElType !== \"IC-TAB\" ||\n                        (parentElType === \"IC-TAB\" && parentElAriaLabel))) {\n                    getParentElement(this.el).ariaLabel = `${parentElAriaLabel ? `${parentElAriaLabel} ,` : \"\"} ${defaultAriaLabel}`;\n                }\n                else {\n                    this.ariaLabel = `, ${defaultAriaLabel}`;\n                }\n            }\n        };\n        this.isAccessibleLabelDefined = () => {\n            return isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;\n        };\n        this.accessibleLabel = undefined;\n        this.customColor = null;\n        this.maxNumber = undefined;\n        this.position = \"far\";\n        this.size = \"default\";\n        this.textLabel = undefined;\n        this.type = \"text\";\n        this.variant = \"neutral\";\n        this.visible = true;\n    }\n    componentWillLoad() {\n        this.variant === \"custom\" && this.setBadgeColour();\n        this.getBadgeForeground();\n        this.setAccessibleLabel();\n    }\n    componentDidLoad() {\n        this.type === \"text\" &&\n            onComponentRequiredPropUndefined([{ prop: this.textLabel, propName: \"text-label\" }], \"Badge\");\n    }\n    /**\n     * @deprecated This method should not be used anymore. Use visible prop to set badge visibility.\n     */\n    async showBadge() {\n        this.visible = true;\n    }\n    /**\n     * @deprecated This method should not be used anymore. Use visible prop to set badge visibility.\n     */\n    async hideBadge() {\n        this.visible = false;\n    }\n    render() {\n        const { position, size, type, variant, foregroundColour, visible } = this;\n        return (h(Host, { class: {\n                [`${position}`]: true,\n                [`${size}`]: true,\n                [`${variant}`]: true,\n                [`${type}`]: true,\n                [`foreground-${foregroundColour}`]: foregroundColour !== null,\n                [\"show\"]: visible,\n                [\"hide\"]: !visible,\n            }, id: this.el.id || null, \"aria-label\": this.ariaLabel, role: \"status\" }, type === \"icon\" && h(\"slot\", { name: \"badge-icon\" }), type === \"text\" && (h(\"ic-typography\", { variant: size === \"small\" ? \"badge-small\" : \"badge\" }, this.getTextLabel()))));\n    }\n    static get is() { return \"ic-badge\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-badge.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-badge.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"accessibleLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The accessible label of the badge component to provide context for screen reader users.\"\n                },\n                \"attribute\": \"accessible-label\",\n                \"reflect\": false\n            },\n            \"customColor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcColor\",\n                    \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})`\",\n                    \"references\": {\n                        \"IcColor\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-badge.types\",\n                            \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcColor\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The custom badge colour. This will only style the badge component if variant=\\\"custom\\\".\\nCan be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n                },\n                \"attribute\": \"custom-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"null\"\n            },\n            \"maxNumber\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The maximum number shown on the badge appended with a +.\\nThis will only be displayed if type=\\\"text\\\" and textLabel is not empty.\"\n                },\n                \"attribute\": \"max-number\",\n                \"reflect\": false\n            },\n            \"position\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcBadgePositions\",\n                    \"resolved\": \"\\\"far\\\" | \\\"inline\\\" | \\\"near\\\"\",\n                    \"references\": {\n                        \"IcBadgePositions\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-badge.types\",\n                            \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgePositions\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The positioning of the badge in reference to the parent element.\"\n                },\n                \"attribute\": \"position\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"far\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"default\\\" | \\\"large\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the badge to be displayed.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"textLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text displayed in the badge. This will only be displayed if type=\\\"text\\\".\"\n                },\n                \"attribute\": \"text-label\",\n                \"reflect\": false\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcBadgeTypes\",\n                    \"resolved\": \"\\\"dot\\\" | \\\"icon\\\" | \\\"text\\\"\",\n                    \"references\": {\n                        \"IcBadgeTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-badge.types\",\n                            \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgeTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The type of badge to be displayed.\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"text\\\"\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcBadgeVariants\",\n                    \"resolved\": \"\\\"custom\\\" | \\\"error\\\" | \\\"info\\\" | \\\"light\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"IcBadgeVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-badge.types\",\n                            \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgeVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the badge to be displayed.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"neutral\\\"\"\n            },\n            \"visible\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the badge will be displayed.\"\n                },\n                \"attribute\": \"visible\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"showBadge\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"deprecated\",\n                            \"text\": \"This method should not be used anymore. Use visible prop to set badge visibility.\"\n                        }]\n                }\n            },\n            \"hideBadge\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"deprecated\",\n                            \"text\": \"This method should not be used anymore. Use visible prop to set badge visibility.\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-badge.js.map\n"],"mappings":"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"}

package/dist/core/p-c7590421.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,g as e}from"./p-8455d1bb.js";import{v as a}from"./p-cd799087.js";const n=":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}.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}.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)}.pagination-text-default,.pagination-text-dark,.pagination-text-light{white-space:nowrap}.pagination-text-light{color:var(--ic-color-white-text)}@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 l=class{constructor(s){t(this,s);this.icPageChange=i(this,"icPageChange",7);this.icItemsPerPageChange=i(this,"icItemsPerPageChange",7);this.PAGINATION="ic-pagination";this.TEXT_FIELD="ic-text-field";this.TOOLTIP="ic-tooltip";this.PAGE_INPUT_FIELD_ID="go-to-page-input";this.INVALID_PAGE_ERROR="Please enter a valid page";this.NAN_ERROR="Please enter a number";this.resizeObserver=null;this.changeItemsPerPage=()=>{const t=this.el.shadowRoot.querySelector("ic-select");const i=t.value;this.itemsPerPage=i;this.setNumberPages();this.setUpperBound();const s=this.el.shadowRoot.querySelector(this.PAGINATION);if(this.currentPage>this.totalPages){s.setCurrentPage(this.totalPages);this.currentPage=this.totalPages}this.icItemsPerPageChange.emit({value:Number(this.itemsPerPage)});this.icPageChange.emit({value:this.currentPage})};this.changePage=t=>{this.currentPage=t;this.lowerBound=t!==1?(t-1)*Number(this.itemsPerPage)+1:t;this.setUpperBound()};this.goToPage=()=>{const t=this.el.shadowRoot.querySelector(this.TEXT_FIELD);const i=Number(t.value);const s=this.el.shadowRoot.querySelector("ic-tooltip");if(i<=this.totalPages&&i>0){this.changePage(i);const e=this.el.shadowRoot.querySelector(this.PAGINATION);e.setCurrentPage(i);this.currentPage=i;t.value="";this.icPageChange.emit({value:i});s.displayTooltip(false,false);t.validationStatus=""}else{this.inputError=this.INVALID_PAGE_ERROR;t.validationStatus="error";t.setFocus()}};this.handleBlur=()=>{var t,i;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(this.TEXT_FIELD);const e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.TOOLTIP);if(Number(s.value)<=this.totalPages&&Number(s.value)>0||s.value===""){s.validationStatus=""}e.displayTooltip(false,false)};this.handleFocus=()=>{var t,i;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(this.TEXT_FIELD);const e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.TOOLTIP);if(s.validationStatus==="error"){e.displayTooltip(true,true)}};this.handleInputChange=()=>{const t=this.el.shadowRoot.querySelector(this.TOOLTIP);const i=this.el.shadowRoot.querySelector(this.TEXT_FIELD);const s=parseInt(i.value);if(s>this.totalPages||s<=0){this.inputError=this.INVALID_PAGE_ERROR;t.displayTooltip(true,true);i.validationStatus="error";i.focus()}};this.handleKeydown=t=>{const i=this.el.shadowRoot.querySelector(this.TOOLTIP);const s=this.el.shadowRoot.querySelector(this.TEXT_FIELD);if(t.key==="Enter"){if(s.validationStatus==="error"){i.displayTooltip(true,true)}else{this.goToPage()}}else{i.displayTooltip(false,false);s.validationStatus=""}};this.handleKeyUp=t=>{const i=this.el.shadowRoot.querySelector(this.TOOLTIP);const s=this.el.shadowRoot.querySelector(this.TEXT_FIELD);const e=parseInt(s.value);if(Number.isNaN(e)&&t.key!=="Backspace"&&t.key!=="Enter"&&t.key!=="Tab"&&t.key!=="Shift"){this.inputError=this.NAN_ERROR;i.displayTooltip(true,false);s.validationStatus="error"}};this.paginationShouldWrap=()=>{const t=this.el.shadowRoot.querySelector(this.PAGINATION);if(this.paginationControl==="simple"){if(t.clientHeight>63){this.paginationWrapped=true}else{this.paginationWrapped=false}}};this.resizeObserverCallback=t=>{if(t-this.paginationWidth>50||t-this.paginationWidth<-50){this.paginationWidth=t;this.paginationShouldWrap()}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const t=this.paginationBarEl.clientWidth;this.resizeObserverCallback(t)}));this.resizeObserver.observe(this.paginationBarEl)};this.setDefaultItemsPerPage=()=>{this.itemsPerPage=this.itemsPerPageOptions[0].value};this.setDefaultItemsPerPageOptions=()=>{this.itemsPerPageOptions=this.totalItems<=100?[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"},{label:"All",value:String(this.totalItems)}]:[{label:"25",value:"25"},{label:"100",value:"100"},{label:"1000",value:"1000"},{label:"All",value:String(this.totalItems)}]};this.setGoToPageInputStyles=()=>{var t,i;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);if(s!==undefined){const t=(i=s===null||s===void 0?void 0:s.shadowRoot)===null||i===void 0?void 0:i.querySelector("input");if(t!==undefined){t.style.textAlign="center";t.style.padding="0"}}};this.setNumberPages=()=>{this.totalPages=Math.ceil(this.totalItems/Number(this.itemsPerPage))};this.setUpperBound=()=>{this.upperBound=Math.min(this.lowerBound+Number(this.itemsPerPage)-1,this.totalItems)};this.trimItemsPerPageOptions=()=>{this.itemsPerPageOptions=this.itemsPerPageOptions.slice(0,3);this.itemsPerPageOptions.push({label:"All",value:String(this.totalItems)});for(let t=0;t<this.itemsPerPageOptions.length-1;t++){if(this.totalItems<=Number(this.itemsPerPageOptions[t].value)){this.itemsPerPageOptions.splice(t,this.itemsPerPageOptions.length-(t+1))}}};this.currentPage=1;this.inputError="Please enter a valid page";this.itemsPerPage=undefined;this.lowerBound=1;this.paginationWidth=undefined;this.paginationWrapped=false;this.totalPages=undefined;this.upperBound=undefined;this.alignment="right";this.appearance="default";this.itemLabel="Item";this.itemsPerPageOptions=undefined;this.paginationControl="simple";this.paginationType="page";this.pageLabel="Page";this.showGoToPageControl=false;this.showItemsPerPage=true;this.showItemsPerPageControl=false;this.totalItems=undefined}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){if(this.itemsPerPageOptions===undefined||this.itemsPerPageOptions===null){this.setDefaultItemsPerPageOptions()}this.trimItemsPerPageOptions();this.setDefaultItemsPerPage();this.setNumberPages();this.setUpperBound()}componentDidLoad(){this.paginationWidth=this.paginationBarEl.clientWidth;a(this.runResizeObserver);this.setGoToPageInputStyles();this.paginationShouldWrap()}pageChangeHandler(t){const i=t.detail.value;this.changePage(i)}render(){const{appearance:t,alignment:i,itemsPerPageOptions:e,PAGE_INPUT_FIELD_ID:a,paginationControl:n,paginationType:l,showItemsPerPage:h,showItemsPerPageControl:o,showGoToPageControl:r}=this;const c=t=>{var i;(i=this.paginationBarEl.querySelector(t))===null||i===void 0?void 0:i.setFocus()};return s("div",{class:{["pagination-bar"]:true,[`pagination-bar-${i}`]:true},ref:t=>this.paginationBarEl=t},(h||o)&&s("div",{class:"item-controls"},o&&s("div",{class:"items-per-page-holder"},s("ic-typography",{class:{[`pagination-text-${t}`]:true,["items-per-page-control-label"]:true},variant:"label",onClick:()=>c("ic-select")},this.itemLabel,"s per ",this.pageLabel.toLowerCase()),s("ic-select",{small:true,label:"items-per-page-input",class:"items-per-page-input",hideLabel:true,options:e,value:this.itemsPerPage,onIcChange:()=>this.changeItemsPerPage()})),h&&l==="data"?s("ic-typography",{class:{[`pagination-text-${t}`]:true,["item-pagination-label"]:true},variant:"label","aria-live":"polite"},this.lowerBound," - ",this.upperBound," of ",this.totalItems," ",this.itemLabel.toLowerCase(),this.totalItems>1?"s":""):h&&s("ic-typography",{class:{[`pagination-text-${t}`]:true,["page-pagination-label"]:true},variant:"label","aria-live":"polite"},this.pageLabel," ",this.currentPage," of ",this.totalPages)),s("div",{class:{["pagination-controls"]:true,["pagination-controls-wrap"]:this.paginationWrapped}},s("div",{class:"pagination-holder"},s("ic-pagination",{appearance:t,type:n,pages:this.totalPages})),r&&s("div",{class:"go-to-page-holder"},s("ic-typography",{class:{[`pagination-text-${t}`]:true},variant:"label",onClick:()=>c("ic-text-field")},"Go to ",this.pageLabel.toLowerCase()),s("ic-tooltip",{label:this.inputError,target:`#${a}`,disableHover:true,disableClick:true},s("ic-text-field",{type:"number",size:"small",label:a,class:a,id:a,hideLabel:true,onKeyDown:t=>this.handleKeydown(t),onKeyUp:t=>this.handleKeyUp(t),onInput:()=>this.handleInputChange(),max:this.totalPages,min:"1",validationInlineInternal:true,onBlur:()=>this.handleBlur(),onFocus:()=>this.handleFocus()})),s("ic-button",{appearance:t,variant:"secondary",onClick:()=>this.goToPage(),size:"small",class:"go-to-page-button"},"Go"))))}get el(){return e(this)}};l.style=n;export{l as ic_pagination_bar};
-//# sourceMappingURL=p-c7590421.entry.js.map

package/dist/core/p-c7590421.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icPaginationBarCss","PaginationBar","this","PAGINATION","TEXT_FIELD","TOOLTIP","PAGE_INPUT_FIELD_ID","INVALID_PAGE_ERROR","NAN_ERROR","resizeObserver","changeItemsPerPage","select","el","shadowRoot","querySelector","value","itemsPerPage","setNumberPages","setUpperBound","pagination","currentPage","totalPages","setCurrentPage","icItemsPerPageChange","emit","Number","icPageChange","changePage","page","lowerBound","goToPage","input","tooltip","displayTooltip","validationStatus","inputError","setFocus","handleBlur","textField","_a","_b","handleFocus","handleInputChange","inputValue","parseInt","focus","handleKeydown","ev","key","handleKeyUp","isNaN","paginationShouldWrap","paginationControl","clientHeight","paginationWrapped","resizeObserverCallback","currSize","paginationWidth","runResizeObserver","ResizeObserver","paginationBarEl","clientWidth","observe","setDefaultItemsPerPage","itemsPerPageOptions","setDefaultItemsPerPageOptions","totalItems","label","String","setGoToPageInputStyles","undefined","style","textAlign","padding","Math","ceil","upperBound","min","trimItemsPerPageOptions","slice","push","i","length","splice","disconnectedCallback","disconnect","componentWillLoad","componentDidLoad","checkResizeObserver","pageChangeHandler","detail","render","appearance","alignment","paginationType","showItemsPerPage","showItemsPerPageControl","showGoToPageControl","focusElFromLabel","h","class","ref","variant","onClick","itemLabel","pageLabel","toLowerCase","small","hideLabel","options","onIcChange","type","pages","target","disableHover","disableClick","size","id","onKeyDown","onKeyUp","onInput","max","validationInlineInternal","onBlur","onFocus"],"sources":["src/components/ic-pagination-bar/ic-pagination-bar.css?tag=ic-pagination-bar&encapsulation=shadow","src/components/ic-pagination-bar/ic-pagination-bar.tsx"],"sourcesContent":[":host() {\n  display: block;\n}\n\n.pagination-bar {\n  height: 3.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--ic-space-xl);\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  box-sizing: border-box;\n}\n\n.pagination-bar-left {\n  justify-content: flex-start;\n}\n\n.item-controls {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xl);\n}\n\n.pagination-bar-space-between .item-controls {\n  margin-right: auto;\n}\n\n.items-per-page-holder {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.items-per-page-input {\n  --input-width: 5rem;\n}\n\n.pagination-controls {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xl);\n}\n\n.pagination-controls-wrap {\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--ic-space-xs);\n}\n\n.pagination-bar-space-between .pagination-controls {\n  margin-left: auto;\n}\n\n.go-to-page-holder {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.go-to-page-input {\n  --input-width: var(--ic-space-xl);\n}\n\n.go-to-page-button {\n  --min-width: var(--ic-space-xl);\n}\n\n.pagination-text-default,\n.pagination-text-dark,\n.pagination-text-light {\n  white-space: nowrap;\n}\n\n.pagination-text-light {\n  color: var(--ic-color-white-text);\n}\n\n@media screen and (max-width: 768px) {\n  .pagination-bar {\n    flex-direction: column;\n    align-items: flex-end;\n    height: fit-content;\n    gap: var(--ic-space-xs);\n  }\n\n  .pagination-bar-left {\n    align-items: flex-start;\n  }\n}\n\n@media screen and (max-width: 320px) {\n  .item-controls,\n  .pagination-controls {\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--ic-space-xs);\n  }\n\n  .pagination-bar-left .item-controls,\n  .pagination-bar-left .pagination-controls,\n  .pagination-bar-space-between .item-controls,\n  .pagination-bar-space-between .pagination-controls {\n    align-items: flex-start;\n  }\n}\n","import {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Listen,\n  h,\n} from \"@stencil/core\";\nimport { IcThemeForeground } from \"@ukic/web-components/dist/types/interface\";\nimport { checkResizeObserver } from \"../../utils/helpers\";\nimport {\n  IcPaginationAlignmentOptions,\n  IcPaginationControlTypes,\n  IcPaginationTypes,\n} from \"../ic-pagination/ic-pagination.types\";\n\n@Component({\n  tag: \"ic-pagination-bar\",\n  styleUrl: \"ic-pagination-bar.css\",\n  shadow: true,\n})\nexport class PaginationBar {\n  private PAGINATION = \"ic-pagination\";\n  private TEXT_FIELD = \"ic-text-field\";\n  private TOOLTIP = \"ic-tooltip\";\n  private PAGE_INPUT_FIELD_ID = \"go-to-page-input\";\n\n  private INVALID_PAGE_ERROR = \"Please enter a valid page\";\n  private NAN_ERROR = \"Please enter a number\";\n\n  private resizeObserver: ResizeObserver = null;\n  private paginationBarEl: HTMLElement;\n\n  @Element() el: HTMLIcPaginationBarElement;\n\n  @State() currentPage: number = 1;\n\n  @State() inputError: string = \"Please enter a valid page\";\n\n  @State() itemsPerPage: string;\n\n  @State() lowerBound: number = 1;\n\n  @State() paginationWidth: number;\n\n  @State() paginationWrapped: boolean = false;\n\n  @State() totalPages: number;\n\n  @State() upperBound: number;\n\n  /**\n   * Sets the alignment of the items in the pagination bar.\n   */\n  @Prop() alignment?: IcPaginationAlignmentOptions = \"right\";\n\n  /**\n   * Sets the styling for the items in the pagination bar.\n   */\n  @Prop() appearance?: IcThemeForeground = \"default\";\n\n  /**\n   * The label which will be used in place of 'items' if paginationType is data. Should be capitalised.\n   */\n  @Prop() itemLabel?: string = \"Item\";\n\n  /**\n   * The options which will be displayed for 'items per page' select input. Set a maximum of 4 options including a required 'All' option with value equal to total number of items.\n   */\n  @Prop({ mutable: true }) itemsPerPageOptions?: {\n    label: string;\n    value: string;\n  }[];\n\n  /**\n   * Whether the displayed pagination is simple or complex.\n   */\n  @Prop() paginationControl?: IcPaginationControlTypes = \"simple\";\n\n  /**\n   * Whether total number of items and current item range or total number of pages and current page is displayed.\n   */\n  @Prop() paginationType?: IcPaginationTypes = \"page\";\n\n  /**\n   * The label which will be used in place of 'Page' if paginationType is page. Should be capitalised.\n   */\n  @Prop() pageLabel?: string = \"Page\";\n\n  /**\n   * If `true`, the 'go to page' control should be displayed.\n   */\n  @Prop() showGoToPageControl?: boolean = false;\n\n  /**\n   * If `true`, the number of total items and current item range or number of total pages and current page should be displayed.\n   */\n  @Prop() showItemsPerPage?: boolean = true;\n\n  /**\n   * If `true`, the select input to control 'items per page' should be displayed.\n   */\n  @Prop() showItemsPerPageControl?: boolean = false;\n\n  /**\n   * Total number of items to be displayed across all pages.\n   */\n  @Prop() totalItems!: number;\n\n  /**\n   * Emitted when a page is navigated to via the 'go to' input.\n   */\n  @Event() icPageChange: EventEmitter<{ value: number }>;\n\n  /**\n   * Emitted when the items per page option is changed.\n   */\n  @Event() icItemsPerPageChange: EventEmitter<{ value: number }>;\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad(): void {\n    if (\n      this.itemsPerPageOptions === undefined ||\n      this.itemsPerPageOptions === null\n    ) {\n      this.setDefaultItemsPerPageOptions();\n    }\n    this.trimItemsPerPageOptions();\n    this.setDefaultItemsPerPage();\n    this.setNumberPages();\n    this.setUpperBound();\n  }\n\n  componentDidLoad(): void {\n    this.paginationWidth = this.paginationBarEl.clientWidth;\n    checkResizeObserver(this.runResizeObserver);\n    this.setGoToPageInputStyles();\n    this.paginationShouldWrap();\n  }\n\n  @Listen(\"icPageChange\")\n  pageChangeHandler(ev: CustomEvent): void {\n    const page = ev.detail.value;\n    this.changePage(page);\n  }\n\n  private changeItemsPerPage = () => {\n    const select = this.el.shadowRoot.querySelector(\"ic-select\");\n    const value = select.value;\n    this.itemsPerPage = value;\n    this.setNumberPages();\n    this.setUpperBound();\n    const pagination = this.el.shadowRoot.querySelector(\n      this.PAGINATION\n    ) as HTMLIcPaginationElement;\n    if (this.currentPage > this.totalPages) {\n      pagination.setCurrentPage(this.totalPages);\n      this.currentPage = this.totalPages;\n    }\n    this.icItemsPerPageChange.emit({ value: Number(this.itemsPerPage) });\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  private changePage = (page: number) => {\n    this.currentPage = page;\n    this.lowerBound =\n      page !== 1 ? (page - 1) * Number(this.itemsPerPage) + 1 : page;\n    this.setUpperBound();\n  };\n\n  private goToPage = () => {\n    const input = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const page = Number(input.value);\n    const tooltip = this.el.shadowRoot.querySelector(\"ic-tooltip\");\n    if (page <= this.totalPages && page > 0) {\n      this.changePage(page);\n      const pagination = this.el.shadowRoot.querySelector(\n        this.PAGINATION\n      ) as HTMLIcPaginationElement;\n      pagination.setCurrentPage(page);\n      this.currentPage = page;\n      input.value = \"\";\n      this.icPageChange.emit({ value: page });\n      tooltip.displayTooltip(false, false);\n      input.validationStatus = \"\";\n    } else {\n      this.inputError = this.INVALID_PAGE_ERROR;\n      input.validationStatus = \"error\";\n      input.setFocus();\n    }\n  };\n\n  private handleBlur = () => {\n    const textField = this.el.shadowRoot?.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const tooltip = this.el.shadowRoot?.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    if (\n      (Number(textField.value) <= this.totalPages &&\n        Number(textField.value) > 0) ||\n      textField.value === \"\"\n    ) {\n      textField.validationStatus = \"\";\n    }\n    tooltip.displayTooltip(false, false);\n  };\n\n  private handleFocus = () => {\n    const textField = this.el.shadowRoot?.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const tooltip = this.el.shadowRoot?.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    if (textField.validationStatus === \"error\") {\n      tooltip.displayTooltip(true, true);\n    }\n  };\n\n  private handleInputChange = () => {\n    const tooltip = this.el.shadowRoot.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    const textField = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const inputValue = parseInt(textField.value);\n\n    if (inputValue > this.totalPages || inputValue <= 0) {\n      this.inputError = this.INVALID_PAGE_ERROR;\n      tooltip.displayTooltip(true, true);\n      textField.validationStatus = \"error\";\n      textField.focus();\n    }\n  };\n\n  private handleKeydown = (ev: KeyboardEvent) => {\n    const tooltip = this.el.shadowRoot.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    const textField = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n\n    if (ev.key === \"Enter\") {\n      if (textField.validationStatus === \"error\") {\n        tooltip.displayTooltip(true, true);\n      } else {\n        this.goToPage();\n      }\n    } else {\n      tooltip.displayTooltip(false, false);\n      textField.validationStatus = \"\";\n    }\n  };\n\n  private handleKeyUp = (ev: KeyboardEvent) => {\n    const tooltip = this.el.shadowRoot.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    const textField = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const inputValue = parseInt(textField.value);\n\n    if (\n      Number.isNaN(inputValue) &&\n      ev.key !== \"Backspace\" &&\n      ev.key !== \"Enter\" &&\n      ev.key !== \"Tab\" &&\n      ev.key !== \"Shift\"\n    ) {\n      this.inputError = this.NAN_ERROR;\n      tooltip.displayTooltip(true, false);\n      textField.validationStatus = \"error\";\n    }\n  };\n\n  private paginationShouldWrap = () => {\n    const pagination = this.el.shadowRoot.querySelector(\n      this.PAGINATION\n    ) as HTMLIcPaginationElement;\n    if (this.paginationControl === \"simple\") {\n      if (pagination.clientHeight > 63) {\n        this.paginationWrapped = true;\n      } else {\n        this.paginationWrapped = false;\n      }\n    }\n  };\n\n  private resizeObserverCallback = (currSize: number) => {\n    if (\n      currSize - this.paginationWidth > 50 ||\n      currSize - this.paginationWidth < -50\n    ) {\n      this.paginationWidth = currSize;\n      this.paginationShouldWrap();\n    }\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      const currSize = this.paginationBarEl.clientWidth;\n      this.resizeObserverCallback(currSize);\n    });\n\n    this.resizeObserver.observe(this.paginationBarEl);\n  };\n\n  private setDefaultItemsPerPage = () => {\n    this.itemsPerPage = this.itemsPerPageOptions[0].value;\n  };\n\n  private setDefaultItemsPerPageOptions = () => {\n    this.itemsPerPageOptions =\n      this.totalItems <= 100\n        ? [\n            { label: \"10\", value: \"10\" },\n            { label: \"25\", value: \"25\" },\n            { label: \"50\", value: \"50\" },\n            { label: \"All\", value: String(this.totalItems) },\n          ]\n        : [\n            { label: \"25\", value: \"25\" },\n            { label: \"100\", value: \"100\" },\n            { label: \"1000\", value: \"1000\" },\n            { label: \"All\", value: String(this.totalItems) },\n          ];\n  };\n\n  private setGoToPageInputStyles = () => {\n    const textField = this.el.shadowRoot?.querySelector(\n      `.${this.PAGE_INPUT_FIELD_ID}`\n    );\n    if (textField !== undefined) {\n      const input = textField?.shadowRoot?.querySelector(\"input\");\n      if (input !== undefined) {\n        input.style.textAlign = \"center\";\n        input.style.padding = \"0\";\n      }\n    }\n  };\n\n  private setNumberPages = () => {\n    this.totalPages = Math.ceil(this.totalItems / Number(this.itemsPerPage));\n  };\n\n  private setUpperBound = () => {\n    this.upperBound = Math.min(\n      this.lowerBound + Number(this.itemsPerPage) - 1,\n      this.totalItems\n    );\n  };\n\n  private trimItemsPerPageOptions = () => {\n    this.itemsPerPageOptions = this.itemsPerPageOptions.slice(0, 3);\n    this.itemsPerPageOptions.push({\n      label: \"All\",\n      value: String(this.totalItems),\n    });\n\n    for (let i = 0; i < this.itemsPerPageOptions.length - 1; i++) {\n      if (this.totalItems <= Number(this.itemsPerPageOptions[i].value)) {\n        this.itemsPerPageOptions.splice(\n          i,\n          this.itemsPerPageOptions.length - (i + 1)\n        );\n      }\n    }\n  };\n\n  render() {\n    const {\n      appearance,\n      alignment,\n      itemsPerPageOptions,\n      PAGE_INPUT_FIELD_ID,\n      paginationControl,\n      paginationType,\n      showItemsPerPage,\n      showItemsPerPageControl,\n      showGoToPageControl,\n    } = this;\n\n    const focusElFromLabel = (el: \"ic-select\" | \"ic-text-field\") => {\n      this.paginationBarEl.querySelector(el)?.setFocus();\n    };\n\n    return (\n      <div\n        class={{\n          [\"pagination-bar\"]: true,\n          [`pagination-bar-${alignment}`]: true,\n        }}\n        ref={(el) => (this.paginationBarEl = el)}\n      >\n        {(showItemsPerPage || showItemsPerPageControl) && (\n          <div class=\"item-controls\">\n            {showItemsPerPageControl && (\n              <div class=\"items-per-page-holder\">\n                <ic-typography\n                  class={{\n                    [`pagination-text-${appearance}`]: true,\n                    [\"items-per-page-control-label\"]: true,\n                  }}\n                  variant=\"label\"\n                  onClick={() => focusElFromLabel(\"ic-select\")}\n                >\n                  {this.itemLabel}s per {this.pageLabel.toLowerCase()}\n                </ic-typography>\n                <ic-select\n                  small\n                  label=\"items-per-page-input\"\n                  class=\"items-per-page-input\"\n                  hideLabel\n                  options={itemsPerPageOptions}\n                  value={this.itemsPerPage}\n                  onIcChange={() => this.changeItemsPerPage()}\n                ></ic-select>\n              </div>\n            )}\n            {showItemsPerPage && paginationType === \"data\" ? (\n              <ic-typography\n                class={{\n                  [`pagination-text-${appearance}`]: true,\n                  [\"item-pagination-label\"]: true,\n                }}\n                variant=\"label\"\n                aria-live=\"polite\"\n              >\n                {this.lowerBound} - {this.upperBound} of {this.totalItems}{\" \"}\n                {this.itemLabel.toLowerCase()}\n                {this.totalItems > 1 ? \"s\" : \"\"}\n              </ic-typography>\n            ) : (\n              showItemsPerPage && (\n                <ic-typography\n                  class={{\n                    [`pagination-text-${appearance}`]: true,\n                    [\"page-pagination-label\"]: true,\n                  }}\n                  variant=\"label\"\n                  aria-live=\"polite\"\n                >\n                  {this.pageLabel} {this.currentPage} of {this.totalPages}\n                </ic-typography>\n              )\n            )}\n          </div>\n        )}\n        <div\n          class={{\n            [\"pagination-controls\"]: true,\n            [\"pagination-controls-wrap\"]: this.paginationWrapped,\n          }}\n        >\n          <div class=\"pagination-holder\">\n            <ic-pagination\n              appearance={appearance}\n              type={paginationControl}\n              pages={this.totalPages}\n            ></ic-pagination>\n          </div>\n          {showGoToPageControl && (\n            <div class=\"go-to-page-holder\">\n              <ic-typography\n                class={{ [`pagination-text-${appearance}`]: true }}\n                variant=\"label\"\n                onClick={() => focusElFromLabel(\"ic-text-field\")}\n              >\n                Go to {this.pageLabel.toLowerCase()}\n              </ic-typography>\n              <ic-tooltip\n                label={this.inputError}\n                target={`#${PAGE_INPUT_FIELD_ID}`}\n                disableHover\n                disableClick\n              >\n                <ic-text-field\n                  type=\"number\"\n                  size=\"small\"\n                  label={PAGE_INPUT_FIELD_ID}\n                  class={PAGE_INPUT_FIELD_ID}\n                  id={PAGE_INPUT_FIELD_ID}\n                  hideLabel\n                  onKeyDown={(ev: KeyboardEvent) => this.handleKeydown(ev)}\n                  onKeyUp={(ev: KeyboardEvent) => this.handleKeyUp(ev)}\n                  onInput={() => this.handleInputChange()}\n                  max={this.totalPages}\n                  min=\"1\"\n                  validationInlineInternal\n                  onBlur={() => this.handleBlur()}\n                  onFocus={() => this.handleFocus()}\n                ></ic-text-field>\n              </ic-tooltip>\n              <ic-button\n                appearance={appearance}\n                variant=\"secondary\"\n                onClick={() => this.goToPage()}\n                size=\"small\"\n                class=\"go-to-page-button\"\n              >\n                Go\n              </ic-button>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/core/p-cd799087.js

@@ -1,2 +0,0 @@
-var n;(function(n){n["Warning"]="warning";n["Error"]="error";n["Success"]="success"})(n||(n={}));var e;(function(n){n["Default"]="default";n["Dark"]="dark";n["Light"]="light"})(e||(e={}));var t;(function(n){n[n["January"]=0]="January";n[n["February"]=1]="February";n[n["March"]=2]="March";n[n["April"]=3]="April";n[n["May"]=4]="May";n[n["June"]=5]="June";n[n["July"]=6]="July";n[n["August"]=7]="August";n[n["September"]=8]="September";n[n["October"]=9]="October";n[n["November"]=10]="November";n[n["December"]=11]="December"})(t||(t={}));var o;(function(n){n[n["Sun"]=0]="Sun";n[n["Mon"]=1]="Mon";n[n["Tue"]=2]="Tue";n[n["Wed"]=3]="Wed";n[n["Thu"]=4]="Thu";n[n["Fri"]=5]="Fri";n[n["Sat"]=6]="Sat"})(o||(o={}));var s;(function(n){n[n["Sunday"]=0]="Sunday";n[n["Monday"]=1]="Monday";n[n["Tuesday"]=2]="Tuesday";n[n["Wednesday"]=3]="Wednesday";n[n["Thursday"]=4]="Thursday";n[n["Friday"]=5]="Friday";n[n["Saturday"]=6]="Saturday"})(s||(s={}));var a;(function(n){n[n["Sunday"]=0]="Sunday";n[n["Monday"]=1]="Monday";n[n["Tuesday"]=2]="Tuesday";n[n["Wednesday"]=3]="Wednesday";n[n["Thursday"]=4]="Thursday";n[n["Friday"]=5]="Friday";n[n["Saturday"]=6]="Saturday"})(a||(a={}));const i=n=>{const e=[];Object.values(n).forEach((n=>{if(isNaN(Number(n))){const t=n;e.push(t)}}));return e};const r=(n,e=[])=>{const t={};e.forEach((e=>{if(n.hasAttribute(e)){const o=n.getAttribute(e);if(o!==null){t[e]=n.getAttribute(e)}n.removeAttribute(e)}}));return t};const c=(n,e,t,o,s)=>{if(t!==undefined&&(n||l(e))){const n=e.querySelectorAll("input.ic-input");const a=Array.from(n);const i=a.filter((n=>e===n.parentElement));let r=i[0];if(r===null||r===undefined){r=e.ownerDocument.createElement("input");r.type="hidden";r.classList.add("ic-input");e.appendChild(r)}r.disabled=s;r.name=t;if(o instanceof Date){r.value=o?o.toISOString():null}else{r.value=o||""}}};const u=n=>n?n.trim().length===0:true;const d=n=>getComputedStyle(document.documentElement).getPropertyValue(n);({XS:Number(d("--ic-breakpoint-xs").replace("px","")),S:Number(d("--ic-breakpoint-sm").replace("px","")),M:Number(d("--ic-breakpoint-md").replace("px","")),L:Number(d("--ic-breakpoint-lg").replace("px","")),XL:Number(d("--ic-breakpoint-xl").replace("px","")),UNDEFINED:1200});const l=n=>!!n.shadowRoot&&!!n.attachShadow;const f=n=>n+"-helper-text";const p=n=>n+"-validation-text";const y=(n,e,t)=>`${e?f(n):""} ${t?p(n):""}`.trim();const b=()=>"maxTouchPoints"in navigator?navigator.maxTouchPoints>0:false;const v=(n,e,t="value",o="label")=>{const s=[];if(e.length>0&&e.map){e.map((n=>{if(n.children){n.children.map((n=>s.push(n)))}else{s.push(n)}}));const a=s.find((e=>e[t]===n));if(a!==undefined)return a[o]}return undefined};const m=(n,e,t,o,s="label")=>n.filter((n=>{var a;const i=n[s].toLowerCase();const r=(a=n.description)===null||a===void 0?void 0:a.toLowerCase();const c=t.toLowerCase();return o==="anywhere"?e?i.includes(c)||(r===null||r===void 0?void 0:r.includes(c)):i.includes(c):e?i.startsWith(c)||(r===null||r===void 0?void 0:r.startsWith(c)):i.startsWith(c)}));const N=n=>{const e=[];if(n.length>0&&n.map){n.map((n=>{if(n.children){n.children.map((n=>e.push(n)))}else{e.push(n)}}))}return e.length};const x=n=>/^-?\d+$/.test(n);const h=(n,e)=>n!==""&&!e;const S=(n,e)=>{for(let t=0;t<n.length;t++){const{prop:o,propName:s}=n[t];if(o===null||o===undefined){console.error(`No ${s} specified for ${e} component - prop '${s}' (web components) / '${w(s)}' (react) required`)}}};const w=n=>{n=n.toLowerCase();const e=n.split("-");let t=e[0];for(let n=1;n<e.length;n++){t+=e[n].substring(0,1).toUpperCase()+e[n].substring(1)}return t};const g=n=>{if(typeof window!=="undefined"&&typeof window.ResizeObserver!=="undefined"){n()}};const M=n=>n.closest("FORM");const k=(n,e)=>{const t=M(n);if(t!==null){t.addEventListener("reset",e)}};const T=(n,e)=>{const t=M(n);if(t!==null){t.removeEventListener("reset",e)}};const $=(n,e)=>{if(!n){e.removeAttribute("disabled")}};const F=()=>window.navigator.userAgent.toUpperCase().indexOf("MAC")>=0;export{s as I,t as a,a as b,o as c,m as d,N as e,$ as f,v as g,k as h,r as i,c as j,y as k,b as l,e as m,h as n,S as o,n as p,u as q,T as r,i as s,x as t,F as u,g as v};
-//# sourceMappingURL=p-cd799087.js.map

package/dist/core/p-cd799087.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["IcInformationStatus","IcThemeForegroundEnum","IcDateInputMonths","IcShortDayNames","IcDayNames","IcWeekDays","stringEnumToArray","theEnum","arr","Object","values","forEach","val","isNaN","Number","str","push","inheritAttributes","element","attributes","attributeObject","attr","hasAttribute","value","getAttribute","removeAttribute","renderHiddenInput","always","container","name","disabled","undefined","hasShadowDom","inputs","querySelectorAll","inputEls","Array","from","filtered","filter","el","parentElement","input","ownerDocument","createElement","type","classList","add","appendChild","Date","toISOString","isEmptyString","trim","length","getCssProperty","cssVar","getComputedStyle","document","documentElement","getPropertyValue","XS","replace","S","M","L","XL","UNDEFINED","shadowRoot","attachShadow","getInputHelperTextID","id","getInputValidationTextID","getInputDescribedByText","inputId","helperText","validationText","isMobileOrTablet","navigator","maxTouchPoints","getLabelFromValue","options","valueField","labelField","ungroupedOptions","map","option","children","matchingValue","find","getFilteredMenuOptions","includeDescriptions","searchString","position","label","toLowerCase","description","_a","lowerSearchString","includes","startsWith","getOptionsWithoutGroupTitlesCount","optionsWithoutGroupTitles","isNumeric","test","hasValidationStatus","status","onComponentRequiredPropUndefined","props","component","i","prop","propName","console","error","kebabToCamelCase","kebabCase","individualWords","split","camelCase","substring","toUpperCase","checkResizeObserver","callbackFn","window","ResizeObserver","getForm","closest","addFormResetListener","form","addEventListener","removeFormResetListener","removeEventListener","removeDisabledFalse","isMacDevice","userAgent","indexOf"],"sources":["src/utils/types.ts","src/utils/helpers.ts"],"sourcesContent":["export type IcFocusableComponents =\n  | HTMLIcBreadcrumbElement\n  | HTMLIcButtonElement\n  | HTMLIcCardElement\n  | HTMLIcCheckboxElement\n  | HTMLIcChipElement\n  | HTMLIcLinkElement\n  | HTMLIcNavigationButtonElement\n  | HTMLIcNavigationGroupElement\n  | HTMLIcNavigationItemElement\n  | HTMLIcRadioOptionElement\n  | HTMLIcSearchBarElement\n  | HTMLIcSelectElement\n  | HTMLIcSwitchElement\n  | HTMLIcTabElement\n  | HTMLIcTextFieldElement;\n\nexport type IcStatusVariants =\n  | \"neutral\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport enum IcInformationStatus {\n  Warning = \"warning\",\n  Error = \"error\",\n  Success = \"success\",\n}\n\nexport type IcSearchMatchPositions = \"start\" | \"anywhere\";\n\nexport type IcSizes = \"default\" | \"large\" | \"small\";\n\nexport type IcSizesNoLarge = \"default\" | \"small\";\n\nexport type IcInformationStatusOrEmpty = \"warning\" | \"error\" | \"success\" | \"\";\n\nexport type IcNavType = \"side\" | \"top\" | \"page-header\";\n\n// From: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\nexport type IcAutocompleteTypes =\n  | \"on\"\n  | \"off\"\n  | \"name\"\n  | \"honorific-prefix\"\n  | \"given-name\"\n  | \"additional-name\"\n  | \"family-name\"\n  | \"honorific-suffix\"\n  | \"nickname\"\n  | \"email\"\n  | \"username\"\n  | \"new-password\"\n  | \"current-password\"\n  | \"one-time-code\"\n  | \"organization-title\"\n  | \"organization\"\n  | \"street-address\"\n  | \"address-line1\"\n  | \"address-line2\"\n  | \"address-line3\"\n  | \"address-level4\"\n  | \"address-level3\"\n  | \"address-level2\"\n  | \"address-level1\"\n  | \"country\"\n  | \"country-name\"\n  | \"postal-code\"\n  | \"cc-name\"\n  | \"cc-given-name\"\n  | \"cc-additional-name\"\n  | \"cc-family-name\"\n  | \"cc-family-name\"\n  | \"cc-number\"\n  | \"cc-exp\"\n  | \"cc-exp-month\"\n  | \"cc-exp-year\"\n  | \"cc-csc\"\n  | \"cc-type\"\n  | \"transaction-currency\"\n  | \"transaction-amount\"\n  | \"language\"\n  | \"bday\"\n  | \"bday-day\"\n  | \"bday-month\"\n  | \"bday-year\"\n  | \"sex\"\n  | \"tel\"\n  | \"tel-country-code\"\n  | \"tel-national\"\n  | \"tel-area-code\"\n  | \"tel-local\"\n  | \"tel-extension\"\n  | \"impp\"\n  | \"url\"\n  | \"photo\";\n\nexport type IcAlignment = \"left\" | \"center\" | \"full-width\";\n\nexport enum IcThemeForegroundEnum {\n  Default = \"default\",\n  Dark = \"dark\",\n  Light = \"light\",\n}\n\nexport interface IcValueEventDetail {\n  value: string | string[];\n  keyPressed?: string;\n}\n\nexport type IcThemeForeground = \"default\" | \"dark\" | \"light\";\n\nexport type IcThemeForegroundNoDefault = \"dark\" | \"light\";\n\nexport type IcTheme = {\n  mode: IcThemeForeground;\n  color: IcColorRGB;\n};\n\nexport type IcAdditionalFieldTypes = \"static\" | \"dynamic\";\n\nexport type IcColorRGB = {\n  r: number;\n  g: number;\n  b: number;\n};\n\nexport type IcColorRGBA = IcColorRGB & {\n  a: number;\n};\n\nexport type IcActivationTypes = \"automatic\" | \"manual\";\n\nexport type IcAutocorrectStates = \"on\" | \"off\";\n\nexport type IcNavParentDetails = {\n  navType: IcNavType | \"\";\n  parent: HTMLElement;\n};\n\nexport type IcTypographyVariants =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"subtitle-large\"\n  | \"subtitle-small\"\n  | \"body\"\n  | \"label\"\n  | \"label-uppercase\"\n  | \"caption\"\n  | \"caption-uppercase\"\n  | \"code-large\"\n  | \"code-small\"\n  | \"code-extra-small\"\n  | \"badge\"\n  | \"badge-small\";\n\n/**\n * @interface IcMenuOption\n * @field {string} A label field to options. Defaults to \"label\", but can have any custom name.\n * @field {string} A value field to options. Defaults to \"value\", but can have any custom name.\n */\nexport interface IcMenuOption {\n  description?: string;\n  disabled?: boolean;\n  recommended?: boolean;\n  children?: IcMenuOption[];\n  loading?: boolean;\n  timedOut?: boolean;\n  [key: string]: any;\n  element?: {\n    component: any;\n    ariaLabel: string;\n  };\n  icon?: any;\n}\n\nexport type IcCallbackFunctionNoReturn = (...args: unknown[]) => void;\n\nexport type IcDateFormat = \"DD/MM/YYYY\" | \"MM/DD/YYYY\" | \"YYYY/MM/DD\";\n\nexport enum IcDateInputMonths {\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n}\n\nexport enum IcShortDayNames {\n  \"Sun\",\n  \"Mon\",\n  \"Tue\",\n  \"Wed\",\n  \"Thu\",\n  \"Fri\",\n  \"Sat\",\n}\n\nexport enum IcDayNames {\n  \"Sunday\",\n  \"Monday\",\n  \"Tuesday\",\n  \"Wednesday\",\n  \"Thursday\",\n  \"Friday\",\n  \"Saturday\",\n}\n\nexport enum IcWeekDays {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}\n","/**\n * To investigate:\n * IcColorRGBA works via @ukic/web-components but IcThemeForeground does not even though they are exported\n * from @ukic/web-components in the same file. Why?\n */\nimport {\n  IcCallbackFunctionNoReturn,\n  IcInformationStatusOrEmpty,\n  IcNavParentDetails,\n  IcPropObject,\n  IcSearchMatchPositions,\n  IcColorRGBA,\n} from \"@ukic/web-components\";\nimport {\n  IC_BLOCK_COLOR_COMPONENTS,\n  IC_BLOCK_COLOR_EXCEPTIONS,\n  IC_FIXED_COLOR_COMPONENTS,\n} from \"./constants\"; // Using @ukic/web-components/dist/types/utils/constants does not work so duplicated constants into canary package\nimport {\n  IcMenuOption,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"./types\"; // Using @ukic/web-components/dist/types/utils/types does not work so duplicated constants into canary package\nimport { EventEmitter } from \"@stencil/core\";\n\nconst DARK_MODE_THRESHOLD = 133.3505;\n\n/**\n * converts an enum of strings into an array of strings\n */\nexport const stringEnumToArray = (\n  theEnum: Record<string, string | number>\n): string[] => {\n  const arr: string[] = [];\n  Object.values(theEnum).forEach((val) => {\n    if (isNaN(Number(val))) {\n      const str = val as string;\n      arr.push(str);\n    }\n  });\n  return arr;\n};\n\n/**\n * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned\n * to a variable that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (\n  element: HTMLElement,\n  attributes: string[] = []\n): { [key: string]: unknown } => {\n  const attributeObject: { [key: string]: unknown } = {};\n\n  attributes.forEach((attr) => {\n    if (element.hasAttribute(attr)) {\n      const value = element.getAttribute(attr);\n      if (value !== null) {\n        attributeObject[attr] = element.getAttribute(attr);\n      }\n      element.removeAttribute(attr);\n    }\n  });\n\n  return attributeObject;\n};\n\nexport const debounceEvent = (\n  event: EventEmitter,\n  wait: number\n): EventEmitter => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const original = (event as any)._original || event;\n  return {\n    _original: event,\n    emit: debounce(original.emit.bind(original), wait),\n  } as EventEmitter;\n};\n\nexport const debounce = (\n  func: (...args: unknown[]) => void,\n  wait = 0\n): unknown => {\n  let timer: ReturnType<typeof setTimeout>;\n  return (...args: unknown[]) => {\n    clearTimeout(timer);\n    timer = setTimeout(func, wait, ...args);\n  };\n};\n\n/**\n * This method is used to add a hidden input to a host element that contains\n * a Shadow DOM. It does not add the input inside of the Shadow root which\n * allows it to be picked up inside of forms. It should contain the same\n * values as the host element.\n *\n * @param always Add a hidden input even if the container does not use Shadow\n * @param container The element where the input will be added\n * @param name The name of the input\n * @param value The value of the input\n * @param disabled If true, the input is disabled\n */\nexport const renderHiddenInput = (\n  always: boolean,\n  container: HTMLElement,\n  name: string,\n  value: string | Date | undefined | null,\n  disabled: boolean\n): void => {\n  if (name !== undefined && (always || hasShadowDom(container))) {\n    const inputs = container.querySelectorAll(\"input.ic-input\");\n    const inputEls = Array.from(inputs);\n    const filtered = inputEls.filter((el) => container === el.parentElement);\n\n    let input = filtered[0] as HTMLInputElement;\n    if (input === null || input === undefined) {\n      input = container.ownerDocument.createElement(\"input\");\n      input.type = \"hidden\";\n      input.classList.add(\"ic-input\");\n      container.appendChild(input);\n    }\n    input.disabled = disabled;\n    input.name = name;\n\n    if (value instanceof Date) {\n      input.value = value ? value.toISOString() : null;\n    } else {\n      input.value = value || \"\";\n    }\n  }\n};\n\nexport const removeHiddenInput = (container: HTMLElement): void => {\n  const inputs = container.querySelectorAll(\"input.ic-input\");\n  const inputEls = Array.from(inputs);\n  const filtered = inputEls.filter((el) => container === el.parentElement);\n  const input = filtered[0] as HTMLInputElement;\n  input?.remove();\n};\n\n/**\n * This method helps to understand the context in which a component exists,\n * to assist with choosing appropriate foreground colours to use. For example,\n * this method will help you use the 'white' version of a button if it's within\n * a block colour element using white foreground text.\n *\n * This only works for components/elements passed via <slot> and not if they\n * are part of an IC component.\n *\n * \"\"\n * @returns IcThemeForeground depending on the context\n */\nexport const getThemeFromContext = (\n  el: Element,\n  themeFromEvent: IcThemeForeground = null\n): IcThemeForeground => {\n  const parentElement =\n    el.parentElement || (<ShadowRoot>el.getRootNode()).host.parentElement;\n  const blockColorParent = parentElement.closest(\n    IC_BLOCK_COLOR_COMPONENTS.join(\",\")\n  );\n\n  // If within a block color component\n  if (blockColorParent !== null) {\n    const parentTag = blockColorParent.tagName.toLowerCase();\n    const currentTag = el.tagName.toLowerCase();\n\n    if (IC_BLOCK_COLOR_EXCEPTIONS[parentTag]?.includes(currentTag)) {\n      return IcThemeForegroundEnum.Default;\n    } else if (\n      themeFromEvent !== null &&\n      !IC_FIXED_COLOR_COMPONENTS.includes(parentTag)\n    ) {\n      return themeFromEvent;\n    } else if (\n      blockColorParent.classList.contains(IcThemeForegroundEnum.Dark)\n    ) {\n      return IcThemeForegroundEnum.Dark;\n    }\n\n    return IcThemeForegroundEnum.Light;\n  }\n\n  return IcThemeForegroundEnum.Default;\n};\n\n/**\n * Will create a button within the lightDOM which interacts with the parent form.\n * This is required as buttons within the shadowDOM will not invoke a submit or reset\n *\n * @param form - parent form element which contains shadowDom button\n * @param button - shadowDOM button\n */\nexport const handleHiddenFormButtonClick = (\n  form: HTMLFormElement,\n  button: HTMLIcButtonElement | HTMLButtonElement\n): void => {\n  const hiddenFormButton = document.createElement(\"button\");\n\n  hiddenFormButton.setAttribute(\"type\", button.type);\n  hiddenFormButton.style.display = \"none\";\n\n  form.appendChild(hiddenFormButton);\n\n  hiddenFormButton.click();\n  hiddenFormButton.remove();\n};\n\nexport const isEmptyString = (value: string): boolean =>\n  value ? value.trim().length === 0 : true;\n\n// A helper function that checks if a prop has been defined\nexport const isPropDefined = (prop: string): string | null =>\n  prop !== undefined ? prop : null;\n\nexport const deviceSizeMatches = (size: number): boolean =>\n  window.matchMedia(`(max-width: ${size}px)`).matches;\n\nexport const getCurrentDeviceSize = (): number => {\n  if (deviceSizeMatches(DEVICE_SIZES.S)) {\n    return DEVICE_SIZES.S;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.M)) {\n    return DEVICE_SIZES.M;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.L)) {\n    return DEVICE_SIZES.L;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.XL)) {\n    return DEVICE_SIZES.XL;\n  }\n  //fallback needed as all of above get initialised to 0 in jest tests\n  return DEVICE_SIZES.UNDEFINED;\n};\n\nexport const getCssProperty = (cssVar: string): string =>\n  getComputedStyle(document.documentElement).getPropertyValue(cssVar);\n\n/**\n * Returns the brightness of the theme colour, calculated by using the theme RGB CSS values by:\n * - Multiplying each RGB value by a set number: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding them together and dividing by 1000\n * This is a similar calculation to its CSS counterpart: \"--ic-theme-text\"\n * @returns number representing the brightness of the theme colour\n */\nexport const getThemeColorBrightness = (): number => {\n  const themeRed = getCssProperty(\"--ic-theme-primary-r\");\n  const themeGreen = getCssProperty(\"--ic-theme-primary-g\");\n  const themeBlue = getCssProperty(\"--ic-theme-primary-b\");\n  return (\n    (parseInt(themeRed) * 299 +\n      parseInt(themeGreen) * 587 +\n      parseInt(themeBlue) * 114) /\n    1000\n  );\n};\n\n/**\n * Returns if dark or light foreground colors should be used for color contrast reasons\n * @returns \"dark\" or \"light\"\n */\nexport const getThemeForegroundColor = (): IcThemeForeground =>\n  getThemeColorBrightness() > DARK_MODE_THRESHOLD\n    ? IcThemeForegroundEnum.Dark\n    : IcThemeForegroundEnum.Light;\n\nexport const getSlot = (element: HTMLElement, name: string): Element | null => {\n  if (element && element.querySelector) {\n    return element.querySelector(`[slot=\"${name}\"]`);\n  }\n  return null;\n};\n\nexport const slotHasContent = (element: HTMLElement, name: string): boolean =>\n  getSlot(element, name) !== null;\n\nexport const getSlotContent = (\n  element: HTMLElement,\n  name: string\n): Element[] | NodeListOf<ChildNode> | null => {\n  const slot = getSlot(element, name);\n  if (slot) {\n    return getSlotElements(slot);\n  }\n\n  return null;\n};\n\nexport const getSlotElements = (\n  slot: Element\n): NodeListOf<ChildNode> | Element[] => {\n  const slotContent = slot.firstElementChild as HTMLSlotElement;\n\n  if (slotContent !== null) {\n    const elements = slotContent.assignedElements\n      ? slotContent.assignedElements()\n      : slotContent.childNodes;\n    return elements.length ? elements : null;\n  } else {\n    //check for single element\n    return slot === null ? null : [slot];\n  }\n};\n\nexport const getNavItemParentDetails = (\n  el: HTMLElement\n): IcNavParentDetails => {\n  let navType: IcNavParentDetails = { navType: \"\", parent: null };\n  switch (getParentElementType(el)) {\n    case \"IC-NAVIGATION-GROUP\":\n      navType = getNavItemParentDetails(el.parentElement);\n      break;\n    case \"IC-TOP-NAVIGATION\":\n      navType = { navType: \"top\", parent: getParentElement(el) };\n      break;\n    case \"IC-SIDE-NAVIGATION\":\n      navType = { navType: \"side\", parent: getParentElement(el) };\n      break;\n    case \"IC-PAGE-HEADER\":\n      navType = { navType: \"page-header\", parent: null };\n      break;\n  }\n  return navType;\n};\n\nexport const DEVICE_SIZES = {\n  XS: Number(getCssProperty(\"--ic-breakpoint-xs\").replace(\"px\", \"\")), // 0\n  S: Number(getCssProperty(\"--ic-breakpoint-sm\").replace(\"px\", \"\")), // 576\n  M: Number(getCssProperty(\"--ic-breakpoint-md\").replace(\"px\", \"\")), // 768\n  L: Number(getCssProperty(\"--ic-breakpoint-lg\").replace(\"px\", \"\")), // 992\n  XL: Number(getCssProperty(\"--ic-breakpoint-xl\").replace(\"px\", \"\")), // 1200\n  UNDEFINED: 1200,\n};\n\nexport const isSlotUsed = (element: HTMLElement, slotName: string): boolean =>\n  Array.from(element.children).some(\n    (child) => child.getAttribute(\"slot\") === slotName\n  );\n\n// added as a common method to allow detection of gatsby hydration issue, where (camelCase) props are initially undefined & then update\n// with a value. Allows a callback function to be executed when this is the case\nexport const onComponentPropUndefinedChange = (\n  oldValue: string | undefined,\n  newValue: string | undefined,\n  callback: IcCallbackFunctionNoReturn\n): void => {\n  if (oldValue === undefined && newValue !== oldValue) {\n    callback();\n  }\n};\n\nexport const hasShadowDom = (el: HTMLElement): boolean =>\n  !!el.shadowRoot && !!el.attachShadow;\n\nexport const getInputHelperTextID = (id: string): string => id + \"-helper-text\";\n\nexport const getInputValidationTextID = (id: string): string =>\n  id + \"-validation-text\";\n\nexport const getInputDescribedByText = (\n  inputId: string,\n  helperText: boolean,\n  validationText: boolean\n): string =>\n  `${helperText ? getInputHelperTextID(inputId) : \"\"} ${\n    validationText ? getInputValidationTextID(inputId) : \"\"\n  }`.trim();\n\nexport const isMobileOrTablet = (): boolean =>\n  \"maxTouchPoints\" in navigator ? navigator.maxTouchPoints > 0 : false;\n\n/**\n * Extracts the label using the value from an object. Requires the object to have a label and value property.\n * @param value - value from object\n * @param options - list of menu items\n * @returns - label corresponding to value\n */\nexport const getLabelFromValue = (\n  value: string,\n  options: IcMenuOption[],\n  valueField = \"value\",\n  labelField = \"label\"\n): string | undefined => {\n  const ungroupedOptions: IcMenuOption[] = [];\n  if (options.length > 0 && options.map) {\n    options.map((option) => {\n      if (option.children) {\n        option.children.map((option: IcMenuOption) =>\n          ungroupedOptions.push(option)\n        );\n      } else {\n        ungroupedOptions.push(option);\n      }\n    });\n    const matchingValue = ungroupedOptions.find(\n      (option) => option[valueField] === value\n    );\n    if (matchingValue !== undefined) return matchingValue[labelField];\n  }\n\n  return undefined;\n};\n\n/**\n * Filters the options based on the search string.\n * @param options - array of options\n * @param includeDescriptions - determines whether option descriptions are included when filtering options\n * @param searchString - string used to filter the options\n * @param position - whether the search string matches the start of or anywhere in the options\n * @returns filtered array of options\n */\nexport const getFilteredMenuOptions = (\n  options: IcMenuOption[],\n  includeDescriptions: boolean,\n  searchString: string,\n  position: IcSearchMatchPositions,\n  labelField = \"label\"\n): IcMenuOption[] =>\n  options.filter((option) => {\n    const label: string = option[labelField].toLowerCase();\n    const description = option.description?.toLowerCase();\n    const lowerSearchString = searchString.toLowerCase();\n\n    return position === \"anywhere\"\n      ? includeDescriptions\n        ? label.includes(lowerSearchString) ||\n          description?.includes(lowerSearchString)\n        : label.includes(lowerSearchString)\n      : includeDescriptions\n      ? label.startsWith(lowerSearchString) ||\n        description?.startsWith(lowerSearchString)\n      : label.startsWith(lowerSearchString);\n  });\n\n/**\n * Gets count of options where only group title \"parent\" options have been removed.\n * Disabled options are included in the count.\n * @param options - array of options\n * @returns number of options not including group titles\n */\nexport const getOptionsWithoutGroupTitlesCount = (\n  options: IcMenuOption[]\n): number => {\n  const optionsWithoutGroupTitles: IcMenuOption[] = [];\n\n  if (options.length > 0 && options.map) {\n    options.map((option) => {\n      if (option.children) {\n        option.children.map((option) => optionsWithoutGroupTitles.push(option));\n      } else {\n        optionsWithoutGroupTitles.push(option);\n      }\n    });\n  }\n\n  return optionsWithoutGroupTitles.length;\n};\n\nconst hex2dec = function (v: string) {\n  return parseInt(v, 16);\n};\n\nexport const hexToRgba = (hex: string): IcColorRGBA => {\n  let c;\n  if (hex.length === 4) {\n    c = hex.replace(\"#\", \"\").split(\"\");\n    return {\n      r: hex2dec(c[0] + c[0]),\n      g: hex2dec(c[1] + c[1]),\n      b: hex2dec(c[2] + c[2]),\n      a: 1,\n    };\n  } else {\n    return {\n      r: hex2dec(hex.slice(1, 3)),\n      g: hex2dec(hex.slice(3, 5)),\n      b: hex2dec(hex.slice(5)),\n      a: 1,\n    };\n  }\n};\n\nexport const rgbaStrToObj = (rgbaStr: string): IcColorRGBA => {\n  const fourthChar = rgbaStr.slice(3, 4);\n  let colorRGBA: IcColorRGBA;\n  if (fourthChar.toLowerCase() === \"a\") {\n    colorRGBA = { r: null, g: null, b: null, a: null };\n    const rgba = rgbaStr\n      .substring(5, rgbaStr.length - 1)\n      .replace(/ /g, \"\")\n      .split(\",\");\n    colorRGBA.r = Number(rgba[0]);\n    colorRGBA.g = Number(rgba[1]);\n    colorRGBA.b = Number(rgba[2]);\n    colorRGBA.a = Number(rgba[3]);\n  } else {\n    colorRGBA = { r: null, g: null, b: null, a: 1 };\n    const rgb = rgbaStr\n      .substring(4, rgbaStr.length - 1)\n      .replace(/ /g, \"\")\n      .split(\",\");\n    colorRGBA.r = Number(rgb[0]);\n    colorRGBA.g = Number(rgb[1]);\n    colorRGBA.b = Number(rgb[2]);\n  }\n\n  return colorRGBA;\n};\n\nexport const elementOverflowsX = (element: HTMLElement): boolean =>\n  element.scrollWidth > element.clientWidth;\n\n/**\n *\n * @param child - The child element\n * @returns string\n */\nexport const getParentElementType = (child: HTMLElement): string =>\n  child.parentElement.tagName;\n\nexport const getParentElement = (child: HTMLElement): HTMLElement =>\n  child.parentElement;\n\nexport const hasClassificationBanner = (): boolean =>\n  !!document.querySelector(\"ic-classification-banner:not([inline='true'])\");\n\nexport const pxToRem = (px: string, base = 16): string =>\n  `${(1 / base) * parseInt(px)}rem`;\n\nexport const isNumeric = (value: string) => {\n  return /^-?\\d+$/.test(value);\n};\n\nexport const hasValidationStatus = (\n  status: IcInformationStatusOrEmpty,\n  disabled: boolean\n): boolean => {\n  return status !== \"\" && !disabled;\n};\n\nexport const onComponentRequiredPropUndefined = (\n  props: IcPropObject[],\n  component: string\n): void => {\n  for (let i = 0; i < props.length; i++) {\n    const { prop, propName } = props[i];\n    if (prop === null || prop === undefined) {\n      console.error(\n        `No ${propName} specified for ${component} component - prop '${propName}' (web components) / '${kebabToCamelCase(\n          propName\n        )}' (react) required`\n      );\n    }\n  }\n};\n\nexport const kebabToCamelCase = (kebabCase: string): string => {\n  kebabCase = kebabCase.toLowerCase();\n  const individualWords: string[] = kebabCase.split(\"-\");\n  let camelCase = individualWords[0];\n  for (let i = 1; i < individualWords.length; i++) {\n    camelCase +=\n      individualWords[i].substring(0, 1).toUpperCase() +\n      individualWords[i].substring(1);\n  }\n  return camelCase;\n};\n\nexport const checkResizeObserver = (\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  if (\n    typeof window !== \"undefined\" &&\n    typeof window.ResizeObserver !== \"undefined\"\n  ) {\n    callbackFn();\n  }\n};\n\nexport const getForm = (el: HTMLElement): HTMLFormElement => el.closest(\"FORM\");\n\nexport const addFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  const form = getForm(el);\n  if (form !== null) {\n    form.addEventListener(\"reset\", callbackFn);\n  }\n};\n\nexport const removeFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  const form = getForm(el);\n  if (form !== null) {\n    form.removeEventListener(\"reset\", callbackFn);\n  }\n};\n\nexport const removeDisabledFalse = (\n  disabled: boolean,\n  element: HTMLElement\n): void => {\n  if (!disabled) {\n    element.removeAttribute(\"disabled\");\n  }\n};\n\nexport const isMacDevice = (): boolean => {\n  return window.navigator.userAgent.toUpperCase().indexOf(\"MAC\") >= 0;\n};\n\nexport async function waitForHydration(): Promise<boolean> {\n  const elements = document.getElementsByTagName(\"*\");\n\n  for (let i = 0; i < elements.length; i++) {\n    if (elements[i].tagName.startsWith(\"IC-\")) {\n      if (elements[i].classList.contains(\"hydrated\")) {\n        return true;\n      }\n    } else {\n      return false;\n    }\n  }\n\n  return false;\n}\n"],"mappings":"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"}

package/dist/core/p-e189f1d0.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,g as i}from"./p-8455d1bb.js";const a=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24">\n    <path d="M9 3 5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"></path>\n</svg>`;const s=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" style="transform: rotate(-90deg);">\n    <path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>\n</svg>`;const n=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" style="transform: rotate(90deg)">\n    <path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>\n</svg>`;const r=':host{position:relative;display:block;height:100%;max-height:100%}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs))}.table-row-container{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}:host([show-pagination="true"]) .table-row-container{height:calc(100% - 3.5625rem)}table{table-layout:fixed;border-spacing:0;width:100%}.table-row-container:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}:host([embedded="true"]) .table-container{border:var(--ic-border-light)}.column-header-sticky{position:sticky;top:0;z-index:1}.column-header-overlay{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n    rgb(0 0 0 / 20%)}.row-header-sticky{position:sticky;left:0}.column-header,.table-row{box-sizing:border-box}.table-row-selected{background-color:var(--ic-table-row-selected) !important}.sort-button{margin-left:auto}.sort-button:hover{background-color:var(--ic-action-dark-bg-hover)}.sort-button:active{background-color:var(--ic-action-dark-bg-active)}.sort-button svg{color:var(--ic-architectural-black)}.sort-button-unsorted svg{color:var(--ic-color-tertiary-text)}.table-density-dense{padding:var(--ic-space-xxs) var(--ic-space-xs) !important}.text-dense{font-size:var(--ic-font-size-label)}.table-density-spacious{padding:0.625rem var(--ic-space-xs) !important}.text-spacious{font-size:1.125rem}.column-header-text{font-weight:var(--ic-font-weight-bold)}.column-header,.row-header{text-align:left;padding:var(--ic-space-xs);background-color:var(--ic-architectural-40);border-right:var(--ic-border-light);border-bottom:var(--ic-border-light)}.column-header:last-child{border-right:none}.scrollable .column-header:last-child{border-right:var(--ic-border-light) !important}:host([embedded="true"]) tr:last-child .table-cell,:host([embedded="true"]) tr:last-child .row-header{border-bottom:none}.column-header-alignment-left,.row-header-alignment-left,.cell-alignment-left{text-align:left !important}.column-header-alignment-right,.row-header-alignment-right,.cell-alignment-right{text-align:right !important}.column-header-alignment-center,.row-header-alignment-center,.cell-alignment-center{text-align:center !important}.table-row:nth-child(even){background-color:var(--ic-architectural-20)}.table-cell{padding:var(--ic-space-xs);border-bottom:solid var(--ic-architectural-100) var(--ic-space-1px)}.data-type-string{text-align:left;vertical-align:top}.data-type-number,.data-type-date{text-align:right;vertical-align:top}.cell-alignment-top{vertical-align:top}.cell-alignment-middle{vertical-align:middle}.cell-alignment-bottom{vertical-align:bottom}.cell-emphasis-low{color:var(--ic-color-secondary-text)}.cell-emphasis-high{font-weight:var(--ic-font-weight-bold)}.pagination-container{background-color:var(--ic-architectural-40);border-top:var(--ic-border-light)}.screen-reader-sort-text,.table-caption{position:absolute;left:-100rem}.table-cell,.column-header,.row-header{word-wrap:break-word;white-space:pre-wrap}@media screen and (min-width: 576px){.column-header-inner-container{display:flex;align-items:center}}';const o=class{constructor(i){t(this,i);this.SORT_ICONS={unsorted:a,ascending:s,descending:n};this.isObject=t=>typeof t==="object";this.notDefaultDensity=()=>this.density!=="default";this.getCellContent=(t,e)=>{switch(e){case"element":return undefined;case"date":return(t instanceof Date?t:new Date(t)).toLocaleDateString();default:return t}};this.getCellAlignment=(t,e)=>{if(this.isObject(t)&&Object.keys(t).includes("cellAlignment")){return this.getObjectValue(this.getObjectValue(t,"cellAlignment"),e)}};this.createCells=t=>{const i=Object.values(t);const a=Object.keys(t);let s;let n;const r=a.indexOf("header");if(r>-1){s=this.getObjectValue(i[r],"rowAlignment");n=this.getObjectValue(i[r],"emphasis")}return i.map(((t,i)=>{const{columnAlignment:r,dataType:o,emphasis:l}=this.columns[i];const h=e=>this.getObjectValue(t,e);return a[i]==="header"?e("th",{scope:"row",colSpan:h("colspan"),class:{["row-header"]:true,[`row-header-alignment-${h("cellAlignment")}`]:!!h("cellAlignment"),["row-header-sticky"]:this.stickyRowHeaders}},h("title")):e("td",{innerHTML:o==="element"?t:null,class:{["table-cell"]:true,[`table-density-${this.density}`]:this.notDefaultDensity(),[`data-type-${o}`]:true,[`cell-alignment-${(r===null||r===void 0?void 0:r.horizontal)||this.getCellAlignment(t,"horizontal")}`]:!!(r===null||r===void 0?void 0:r.horizontal)||!!this.getCellAlignment(t,"horizontal"),[`cell-alignment-${(r===null||r===void 0?void 0:r.vertical)||s||this.getCellAlignment(t,"vertical")}`]:!!(r===null||r===void 0?void 0:r.vertical)||!!s||!!this.getCellAlignment(t,"vertical")}},e("ic-typography",{variant:"body",class:{[`cell-emphasis-${this.isObject(t)&&h("emphasis")||l||n}`]:this.isObject(t)&&!!h("emphasis")||!!l||!!n,[`text-${this.density}`]:this.notDefaultDensity()}},this.isObject(t)&&o!=="date"?Object.keys(t).includes("href")?e("ic-link",{href:h("href")},h("data")):h("data"):this.getCellContent(t,o)))}))};this.createColumnHeaders=()=>this.columns.map((({cellAlignment:t,colspan:i,key:a,title:s})=>e("th",{scope:"col",class:{["column-header"]:true,[`column-header-alignment-${t}`]:!!t,[`table-density-${this.density}`]:this.notDefaultDensity()},colSpan:i},this.sortable?e("div",{class:"column-header-inner-container"},e("ic-typography",{variant:"body",class:{["column-header-text"]:true,[`text-${this.density}`]:this.notDefaultDensity()}},s),e("ic-button",{variant:"icon",id:`sort-button-${a}`,"aria-label":this.getSortButtonLabel(a),onClick:()=>this.sortRows(a),innerHTML:this.SORT_ICONS[this.sortedColumn===a?this.sortedColumnOrder:"unsorted"],class:{["sort-button"]:true,["sort-button-unsorted"]:this.sortedColumn!==a||this.sortedColumnOrder==="unsorted"}})):e("ic-typography",{variant:"body",class:{["column-header-text"]:true,[`text-${this.density}`]:this.notDefaultDensity()}},s))));this.createRows=()=>{const t=this.showPagination?this.data.slice(this.fromRow,this.toRow):this.data.slice();return t.sort(!this.sortable?undefined:this.getSortFunction()).map((t=>e("tr",{onClick:()=>this.selectedRow=this.selectedRow!==t&&t,class:{["table-row"]:true,["table-row-selected"]:this.selectedRow===t}},this.createCells(t))))};this.getObjectValue=(t,e)=>Object.values(t)[Object.keys(t).indexOf(e)];this.getSortButtonLabel=t=>{let e="";const i=t=>{const e=this.sortOptions.sortOrders;return e[(e.indexOf(t)+1)%e.length]};if(this.sortedColumn===t){const t=i(this.sortedColumnOrder);e=t!=="unsorted"?`Sort ${t}`:"Remove sort"}else{e=`Sort ${i("unsorted")}`}return e};this.getComparison=(t,e)=>{const i=t[this.sortedColumn];const a=e[this.sortedColumn];return this.columns.find((t=>t.key===this.sortedColumn)).dataType==="date"?new Date(i).valueOf()-new Date(a).valueOf():String(this.isObject(i)?Object.values(i)[0]:i).localeCompare(String(this.isObject(a)?Object.values(a)[0]:a),undefined,{numeric:true,sensitivity:"base"})};this.getSortFunction=()=>{switch(this.sortedColumnOrder){case"ascending":return(t,e)=>this.getComparison(t,e);case"descending":return(t,e)=>this.getComparison(e,t);default:return undefined}};this.sortRows=t=>{const e=this.el.shadowRoot.querySelector(`#sort-button-${t}`);const i=this.sortOptions.sortOrders;if(t!==this.sortedColumn){if(this.sortedColumn){const e=this.el.shadowRoot.querySelector(`#sort-button-${this.sortedColumn}`);e.setAttribute("aria-label",this.getSortButtonLabel(t))}this.sortedColumn=t;this.sortedColumnOrder="unsorted"}let a=i.indexOf(this.sortedColumnOrder)+1;if(a>i.length-1){a=0}this.sortedColumnOrder=i[a];e.setAttribute("aria-label",this.getSortButtonLabel(t))};this.updateScrollOffset=()=>{this.scrollOffset=this.el.shadowRoot.querySelector(".table-row-container").scrollTop};this.fromRow=0;this.previousRowsPerPage=undefined;this.rowsPerPage=undefined;this.scrollable=false;this.scrollOffset=0;this.selectedRow=undefined;this.sortedColumn=undefined;this.sortedColumnOrder=undefined;this.toRow=undefined;this.caption=undefined;this.columns=undefined;this.data=undefined;this.density="default";this.embedded=false;this.hideColumnHeaders=false;this.paginationOptions={itemsPerPage:[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}],type:"page",control:"simple",itemsPerPageControl:true,goToPageControl:true,alignment:"right"};this.showPagination=false;this.sortable=false;this.sortOptions={sortOrders:["unsorted","ascending","descending"],defaultColumn:""};this.stickyColumnHeaders=false;this.stickyRowHeaders=false}componentWillLoad(){this.rowsPerPage=Number(this.paginationOptions.itemsPerPage[0].value);this.previousRowsPerPage=this.rowsPerPage;this.toRow=this.rowsPerPage;this.sortedColumn=this.sortOptions.defaultColumn;this.sortedColumnOrder=this.sortOptions.sortOrders[0]}componentDidLoad(){const t=this.el.shadowRoot.querySelector("table");const e=this.el.shadowRoot.querySelector(".table-container");if((t===null||t===void 0?void 0:t.clientHeight)>(e===null||e===void 0?void 0:e.clientHeight)||(t===null||t===void 0?void 0:t.clientWidth)>(e===null||e===void 0?void 0:e.clientWidth)){this.scrollable=true}}handleItemsPerPageChange(t){this.previousRowsPerPage=this.rowsPerPage;this.rowsPerPage=t.detail.value}handlePageChange(t){this.fromRow=(t.detail.value-1)*this.rowsPerPage;this.toRow=this.fromRow+this.rowsPerPage;const e=this.el.shadowRoot.querySelector(".table-row-container");if(this.previousRowsPerPage===this.rowsPerPage){e.scrollTop=0}else if(this.previousRowsPerPage<this.rowsPerPage){e.scrollTop=this.scrollOffset;this.previousRowsPerPage=this.rowsPerPage}else{this.previousRowsPerPage=this.rowsPerPage}}clickListener(t){if(t.target!==this.el)this.selectedRow=undefined}render(){const{caption:t,createColumnHeaders:i,createRows:a,data:s,hideColumnHeaders:n,paginationOptions:r,scrollable:o,scrollOffset:l,showPagination:h,sortable:c,sortedColumnOrder:d,sortedColumn:u,stickyColumnHeaders:g,updateScrollOffset:b}=this;return e("div",{class:"table-container"},e("div",{class:{["table-row-container"]:true,scrollable:o},tabIndex:o?0:null,onScroll:b},e("table",null,e("caption",{class:"table-caption"},t),!n&&e("thead",{class:{["column-header-sticky"]:g,["column-header-overlay"]:g&&l!==0}},e("tr",null,i())),(s===null||s===void 0?void 0:s.length)>0&&e("tbody",null,a()))),h&&e("div",{class:"pagination-container"},e("ic-pagination-bar",{totalItems:s.length,paginationType:r.type,paginationControl:r.control,showItemsPerPageControl:r.itemsPerPageControl,showGoToPageControl:r.goToPageControl,itemsPerPageOptions:r.itemsPerPage,alignment:r.alignment})),c&&e("div",{class:"screen-reader-sort-text","aria-live":"polite"},d!=="unsorted"&&u?`${u} sorted ${d}`:"table unsorted"))}get el(){return i(this)}};o.style=r;export{o as ic_data_table};
-//# sourceMappingURL=p-e189f1d0.entry.js.map

package/dist/core/p-e189f1d0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icDataTableCss","DataTable","this","SORT_ICONS","unsorted","unsortedIcon","ascending","ascendingIcon","descending","descendingIcon","isObject","value","notDefaultDensity","density","getCellContent","cell","dataType","undefined","Date","toLocaleDateString","getCellAlignment","alignment","Object","keys","includes","getObjectValue","createCells","row","rowValues","values","rowKeys","rowAlignment","rowEmphasis","headerIndex","indexOf","map","index","columnAlignment","emphasis","columns","cellValue","key","h","scope","colSpan","class","stickyRowHeaders","innerHTML","horizontal","vertical","variant","href","createColumnHeaders","cellAlignment","colspan","title","sortable","id","getSortButtonLabel","onClick","sortRows","sortedColumn","sortedColumnOrder","createRows","data","showPagination","slice","fromRow","toRow","sort","getSortFunction","selectedRow","label","getNextSortOption","option","sortOrders","sortOptions","length","sortOption","getComparison","targetRow","comparisonRow","targetRowValue","comparisonRowValue","find","col","valueOf","String","localeCompare","numeric","sensitivity","a","b","column","sortButton","el","shadowRoot","querySelector","previousSortedButton","setAttribute","nextSortOrderIndex","updateScrollOffset","scrollOffset","scrollTop","itemsPerPage","type","control","itemsPerPageControl","goToPageControl","defaultColumn","componentWillLoad","rowsPerPage","Number","paginationOptions","previousRowsPerPage","componentDidLoad","tableElement","tableContainer","clientHeight","clientWidth","scrollable","handleItemsPerPageChange","ev","detail","handlePageChange","tableRowsContainer","clickListener","target","render","caption","hideColumnHeaders","stickyColumnHeaders","tabIndex","onScroll","totalItems","paginationType","paginationControl","showItemsPerPageControl","showGoToPageControl","itemsPerPageOptions"],"sources":["src/components/ic-data-table/ic-data-table.css?tag=ic-data-table&encapsulation=shadow","src/components/ic-data-table/ic-data-table.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: block;\n  height: 100%;\n  max-height: 100%;\n}\n\n.table-container {\n  position: relative;\n  height: calc(100% - var(--ic-space-xxxs));\n}\n\n.table-row-container {\n  position: relative;\n  height: 100%;\n  overflow: auto;\n  transition: var(--ic-easing-transition-fast);\n  overflow-anchor: none;\n}\n\n:host([show-pagination=\"true\"]) .table-row-container {\n  height: calc(100% - 3.5625rem);\n}\n\ntable {\n  table-layout: fixed;\n  border-spacing: 0;\n  width: 100%;\n}\n\n.table-row-container:focus {\n  outline: none;\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-fast);\n  z-index: 1;\n}\n\n:host([embedded=\"true\"]) .table-container {\n  border: var(--ic-border-light);\n}\n\n.column-header-sticky {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.column-header-overlay {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  box-shadow: 0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n    rgb(0 0 0 / 20%);\n}\n\n.row-header-sticky {\n  position: sticky;\n  left: 0;\n}\n\n.column-header,\n.table-row {\n  box-sizing: border-box;\n}\n\n.table-row-selected {\n  background-color: var(--ic-table-row-selected) !important;\n}\n\n.sort-button {\n  margin-left: auto;\n}\n\n.sort-button:hover {\n  background-color: var(--ic-action-dark-bg-hover);\n}\n\n.sort-button:active {\n  background-color: var(--ic-action-dark-bg-active);\n}\n\n.sort-button svg {\n  color: var(--ic-architectural-black);\n}\n\n.sort-button-unsorted svg {\n  color: var(--ic-color-tertiary-text);\n}\n\n.table-density-dense {\n  padding: var(--ic-space-xxs) var(--ic-space-xs) !important;\n}\n\n.text-dense {\n  font-size: var(--ic-font-size-label);\n}\n\n.table-density-spacious {\n  padding: 0.625rem var(--ic-space-xs) !important;\n}\n\n.text-spacious {\n  font-size: 1.125rem;\n}\n\n.column-header-text {\n  font-weight: var(--ic-font-weight-bold);\n}\n\n.column-header,\n.row-header {\n  text-align: left;\n  padding: var(--ic-space-xs);\n  background-color: var(--ic-architectural-40);\n  border-right: var(--ic-border-light);\n  border-bottom: var(--ic-border-light);\n}\n\n.column-header:last-child {\n  border-right: none;\n}\n\n.scrollable .column-header:last-child {\n  border-right: var(--ic-border-light) !important;\n}\n\n:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header {\n  border-bottom: none;\n}\n\n.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left {\n  text-align: left !important;\n}\n\n.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right {\n  text-align: right !important;\n}\n\n.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center {\n  text-align: center !important;\n}\n\n.table-row:nth-child(even) {\n  background-color: var(--ic-architectural-20);\n}\n\n.table-cell {\n  padding: var(--ic-space-xs);\n  border-bottom: solid var(--ic-architectural-100) var(--ic-space-1px);\n}\n\n.data-type-string {\n  text-align: left;\n  vertical-align: top;\n}\n\n.data-type-number,\n.data-type-date {\n  text-align: right;\n  vertical-align: top;\n}\n\n.cell-alignment-top {\n  vertical-align: top;\n}\n\n.cell-alignment-middle {\n  vertical-align: middle;\n}\n\n.cell-alignment-bottom {\n  vertical-align: bottom;\n}\n\n.cell-emphasis-low {\n  color: var(--ic-color-secondary-text);\n}\n\n.cell-emphasis-high {\n  font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n  background-color: var(--ic-architectural-40);\n  border-top: var(--ic-border-light);\n}\n\n.screen-reader-sort-text,\n.table-caption {\n  position: absolute;\n  left: -100rem;\n}\n\n.table-cell,\n.column-header,\n.row-header {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n}\n\n@media screen and (min-width: 576px) {\n  .column-header-inner-container {\n    display: flex;\n    align-items: center;\n  }\n}\n","import { Component, Element, h, Prop, State, Listen } from \"@stencil/core\";\nimport unsortedIcon from \"./assets/unsorted-icon.svg\";\nimport ascendingIcon from \"./assets/ascending-icon.svg\";\nimport descendingIcon from \"./assets/descending-icon.svg\";\nimport {\n  IcDataTableColumnDataTypes,\n  IcDataTableColumnObject,\n  IcDataTableDensityOptions,\n  IcDataTableSortOrderOptions,\n} from \"./ic-data-table.types\";\nimport {\n  IcPaginationAlignmentOptions,\n  IcPaginationControlTypes,\n  IcPaginationTypes,\n} from \"../ic-pagination/ic-pagination.types\";\n\n@Component({\n  tag: \"ic-data-table\",\n  styleUrl: \"ic-data-table.css\",\n  shadow: true,\n})\nexport class DataTable {\n  private SORT_ICONS = {\n    unsorted: unsortedIcon,\n    ascending: ascendingIcon,\n    descending: descendingIcon,\n  };\n\n  @Element() el: HTMLIcDataTableElement;\n\n  @State() fromRow: number = 0;\n\n  @State() previousRowsPerPage: number;\n\n  @State() rowsPerPage: number;\n\n  @State() scrollable: boolean = false;\n\n  @State() scrollOffset: number = 0;\n\n  @State() selectedRow: object;\n\n  @State() sortedColumn: string;\n\n  @State() sortedColumnOrder: IcDataTableSortOrderOptions;\n\n  @State() toRow: number;\n\n  /**\n   * The title for the table only visible to screen readers.\n   */\n  @Prop() caption!: string;\n\n  /**\n   * The column headers for the table.\n   */\n  @Prop() columns!: IcDataTableColumnObject[];\n\n  /**\n   * The row content for the table.\n   */\n  @Prop() data: { [key: string]: any }[];\n\n  /**\n   * Set the density of the table including font and padding.\n   */\n  @Prop() density?: IcDataTableDensityOptions = \"default\";\n\n  /**\n   * Applies a border to the table container.\n   */\n  @Prop() embedded?: boolean = false;\n\n  /**\n   * If `true`, column headers will not be visible.\n   */\n  @Prop() hideColumnHeaders?: boolean = false;\n\n  /**\n   * Sets the props for the pagination bar.\n   */\n  @Prop() paginationOptions?: {\n    itemsPerPage?: { label: string; value: string }[];\n    type?: IcPaginationTypes;\n    control?: IcPaginationControlTypes;\n    itemsPerPageControl?: boolean;\n    goToPageControl?: boolean;\n    alignment?: IcPaginationAlignmentOptions;\n  } = {\n    itemsPerPage: [\n      { label: \"10\", value: \"10\" },\n      { label: \"25\", value: \"25\" },\n      { label: \"50\", value: \"50\" },\n    ],\n    type: \"page\",\n    control: \"simple\",\n    itemsPerPageControl: true,\n    goToPageControl: true,\n    alignment: \"right\",\n  };\n\n  /**\n   * If `true`, adds a pagination bar to the bottom of the table.\n   */\n  @Prop() showPagination?: boolean = false;\n\n  /**\n   * If `true`, allows table columns to be sorted using applied sort buttons.\n   */\n  @Prop() sortable?: boolean = false;\n\n  /**\n   * Sets the order columns will be sorted in and allows for 'default' sorts to be added.\n   */\n  @Prop() sortOptions?: {\n    sortOrders: IcDataTableSortOrderOptions[];\n    defaultColumn?: string;\n  } = {\n    sortOrders: [\"unsorted\", \"ascending\", \"descending\"],\n    defaultColumn: \"\",\n  };\n\n  /**\n   * If `true`, column headers will remain at the top of the table when scrolling vertically.\n   */\n  @Prop() stickyColumnHeaders?: boolean = false;\n\n  /**\n   * If `true`, row headers will remain to the left when scrolling horizontally.\n   */\n  @Prop() stickyRowHeaders?: boolean = false;\n\n  componentWillLoad(): void {\n    this.rowsPerPage = Number(this.paginationOptions.itemsPerPage[0].value);\n    this.previousRowsPerPage = this.rowsPerPage;\n    this.toRow = this.rowsPerPage;\n    this.sortedColumn = this.sortOptions.defaultColumn;\n    this.sortedColumnOrder = this.sortOptions.sortOrders[0];\n  }\n\n  componentDidLoad(): void {\n    const tableElement = this.el.shadowRoot.querySelector(\"table\");\n    const tableContainer = this.el.shadowRoot.querySelector(\".table-container\");\n    if (\n      tableElement?.clientHeight > tableContainer?.clientHeight ||\n      tableElement?.clientWidth > tableContainer?.clientWidth\n    ) {\n      this.scrollable = true;\n    }\n  }\n\n  @Listen(\"icItemsPerPageChange\")\n  handleItemsPerPageChange(ev: CustomEvent): void {\n    this.previousRowsPerPage = this.rowsPerPage;\n    this.rowsPerPage = ev.detail.value;\n  }\n\n  @Listen(\"icPageChange\")\n  handlePageChange(ev: CustomEvent): void {\n    this.fromRow = (ev.detail.value - 1) * this.rowsPerPage;\n    this.toRow = this.fromRow + this.rowsPerPage;\n    const tableRowsContainer = this.el.shadowRoot.querySelector(\n      \".table-row-container\"\n    );\n    if (this.previousRowsPerPage === this.rowsPerPage) {\n      tableRowsContainer.scrollTop = 0;\n    } else if (this.previousRowsPerPage < this.rowsPerPage) {\n      tableRowsContainer.scrollTop = this.scrollOffset;\n      this.previousRowsPerPage = this.rowsPerPage;\n    } else {\n      this.previousRowsPerPage = this.rowsPerPage;\n    }\n  }\n\n  @Listen(\"click\", { target: \"window\" })\n  clickListener(ev: MouseEvent): void {\n    if (ev.target !== this.el) this.selectedRow = undefined;\n  }\n\n  private isObject = (value: any) => typeof value === \"object\";\n\n  private notDefaultDensity = () => this.density !== \"default\";\n\n  private getCellContent = (\n    cell: any,\n    dataType: IcDataTableColumnDataTypes\n  ): any => {\n    switch (dataType) {\n      case \"element\":\n        return undefined;\n      case \"date\":\n        return (\n          cell instanceof Date ? cell : new Date(cell)\n        ).toLocaleDateString();\n      default:\n        return cell;\n    }\n  };\n\n  private getCellAlignment = (\n    cell: any,\n    alignment: \"horizontal\" | \"vertical\"\n  ) => {\n    if (this.isObject(cell) && Object.keys(cell).includes(\"cellAlignment\")) {\n      return this.getObjectValue(\n        this.getObjectValue(cell, \"cellAlignment\"),\n        alignment\n      );\n    }\n  };\n\n  private createCells = (row: object) => {\n    const rowValues = Object.values(row);\n    const rowKeys = Object.keys(row);\n    let rowAlignment: string;\n    let rowEmphasis: string;\n    const headerIndex = rowKeys.indexOf(\"header\");\n    if (headerIndex > -1) {\n      rowAlignment = this.getObjectValue(\n        rowValues[headerIndex],\n        \"rowAlignment\"\n      );\n      rowEmphasis = this.getObjectValue(rowValues[headerIndex], \"emphasis\");\n    }\n    return rowValues.map((cell, index) => {\n      const { columnAlignment, dataType, emphasis } = this.columns[index];\n      const cellValue = (key: string) => this.getObjectValue(cell, key);\n\n      return rowKeys[index] === \"header\" ? (\n        <th\n          scope=\"row\"\n          colSpan={cellValue(\"colspan\")}\n          class={{\n            [\"row-header\"]: true,\n            [`row-header-alignment-${cellValue(\"cellAlignment\")}`]:\n              !!cellValue(\"cellAlignment\"),\n            [\"row-header-sticky\"]: this.stickyRowHeaders,\n          }}\n        >\n          {cellValue(\"title\")}\n        </th>\n      ) : (\n        <td\n          innerHTML={dataType === \"element\" ? (cell as string) : null}\n          class={{\n            [\"table-cell\"]: true,\n            [`table-density-${this.density}`]: this.notDefaultDensity(),\n            [`data-type-${dataType}`]: true,\n            [`cell-alignment-${\n              columnAlignment?.horizontal ||\n              this.getCellAlignment(cell, \"horizontal\")\n            }`]:\n              !!columnAlignment?.horizontal ||\n              !!this.getCellAlignment(cell, \"horizontal\"),\n            [`cell-alignment-${\n              columnAlignment?.vertical ||\n              rowAlignment ||\n              this.getCellAlignment(cell, \"vertical\")\n            }`]:\n              !!columnAlignment?.vertical ||\n              !!rowAlignment ||\n              !!this.getCellAlignment(cell, \"vertical\"),\n          }}\n        >\n          <ic-typography\n            variant=\"body\"\n            class={{\n              [`cell-emphasis-${\n                (this.isObject(cell) && cellValue(\"emphasis\")) ||\n                emphasis ||\n                rowEmphasis\n              }`]:\n                (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n                !!emphasis ||\n                !!rowEmphasis,\n              [`text-${this.density}`]: this.notDefaultDensity(),\n            }}\n          >\n            {this.isObject(cell) && dataType !== \"date\" ? (\n              Object.keys(cell).includes(\"href\") ? (\n                <ic-link href={cellValue(\"href\")}>{cellValue(\"data\")}</ic-link>\n              ) : (\n                cellValue(\"data\")\n              )\n            ) : (\n              this.getCellContent(cell, dataType)\n            )}\n          </ic-typography>\n        </td>\n      );\n    });\n  };\n\n  private createColumnHeaders = () => {\n    return this.columns.map(({ cellAlignment, colspan, key, title }) => (\n      <th\n        scope=\"col\"\n        class={{\n          [\"column-header\"]: true,\n          [`column-header-alignment-${cellAlignment}`]: !!cellAlignment,\n          [`table-density-${this.density}`]: this.notDefaultDensity(),\n        }}\n        colSpan={colspan}\n      >\n        {this.sortable ? (\n          <div class=\"column-header-inner-container\">\n            <ic-typography\n              variant=\"body\"\n              class={{\n                [\"column-header-text\"]: true,\n                [`text-${this.density}`]: this.notDefaultDensity(),\n              }}\n            >\n              {title}\n            </ic-typography>\n            <ic-button\n              variant=\"icon\"\n              id={`sort-button-${key}`}\n              aria-label={this.getSortButtonLabel(key)}\n              // eslint-disable-next-line react/jsx-no-bind\n              onClick={() => this.sortRows(key)}\n              innerHTML={\n                this.SORT_ICONS[\n                  this.sortedColumn === key\n                    ? this.sortedColumnOrder\n                    : \"unsorted\"\n                ]\n              }\n              class={{\n                [\"sort-button\"]: true,\n                [\"sort-button-unsorted\"]:\n                  this.sortedColumn !== key ||\n                  this.sortedColumnOrder === \"unsorted\",\n              }}\n            ></ic-button>\n          </div>\n        ) : (\n          <ic-typography\n            variant=\"body\"\n            class={{\n              [\"column-header-text\"]: true,\n              [`text-${this.density}`]: this.notDefaultDensity(),\n            }}\n          >\n            {title}\n          </ic-typography>\n        )}\n      </th>\n    ));\n  };\n\n  private createRows = () => {\n    const data = this.showPagination\n      ? this.data.slice(this.fromRow, this.toRow)\n      : this.data.slice();\n    return data\n      .sort(!this.sortable ? undefined : this.getSortFunction())\n      .map((row) => (\n        <tr\n          onClick={() => (this.selectedRow = this.selectedRow !== row && row)}\n          class={{\n            [\"table-row\"]: true,\n            [\"table-row-selected\"]: this.selectedRow === row,\n          }}\n        >\n          {this.createCells(row)}\n        </tr>\n      ));\n  };\n\n  private getObjectValue = (cell: object, key: string) => {\n    return Object.values(cell)[Object.keys(cell).indexOf(key)];\n  };\n\n  private getSortButtonLabel = (key: string) => {\n    let label = \"\";\n    const getNextSortOption = (option: IcDataTableSortOrderOptions) => {\n      const sortOrders = this.sortOptions.sortOrders;\n      return sortOrders[(sortOrders.indexOf(option) + 1) % sortOrders.length];\n    };\n\n    if (this.sortedColumn === key) {\n      const sortOption = getNextSortOption(this.sortedColumnOrder);\n      label = sortOption !== \"unsorted\" ? `Sort ${sortOption}` : \"Remove sort\";\n    } else {\n      label = `Sort ${getNextSortOption(\"unsorted\")}`;\n    }\n\n    return label;\n  };\n\n  private getComparison = (targetRow: any, comparisonRow: any): number => {\n    const targetRowValue = targetRow[this.sortedColumn];\n    const comparisonRowValue = comparisonRow[this.sortedColumn];\n    return this.columns.find((col) => col.key === this.sortedColumn)\n      .dataType === \"date\"\n      ? new Date(targetRowValue).valueOf() -\n          new Date(comparisonRowValue).valueOf()\n      : String(\n          this.isObject(targetRowValue)\n            ? Object.values(targetRowValue)[0]\n            : targetRowValue\n        ).localeCompare(\n          String(\n            this.isObject(comparisonRowValue)\n              ? Object.values(comparisonRowValue)[0]\n              : comparisonRowValue\n          ),\n          undefined,\n          { numeric: true, sensitivity: \"base\" }\n        );\n  };\n\n  private getSortFunction = () => {\n    switch (this.sortedColumnOrder) {\n      case \"ascending\":\n        return (a: any, b: any) => this.getComparison(a, b);\n      case \"descending\":\n        return (a: any, b: any) => this.getComparison(b, a);\n      default:\n        return undefined;\n    }\n  };\n\n  private sortRows = (column: string) => {\n    const sortButton = this.el.shadowRoot.querySelector(\n      `#sort-button-${column}`\n    ) as HTMLIcButtonElement;\n\n    const sortOrders = this.sortOptions.sortOrders;\n\n    if (column !== this.sortedColumn) {\n      if (this.sortedColumn) {\n        const previousSortedButton = this.el.shadowRoot.querySelector(\n          `#sort-button-${this.sortedColumn}`\n        ) as HTMLIcButtonElement;\n        previousSortedButton.setAttribute(\n          \"aria-label\",\n          this.getSortButtonLabel(column)\n        ); // Passing through unsorted column returns correct label for newly unsorted column\n      }\n      this.sortedColumn = column;\n      this.sortedColumnOrder = \"unsorted\";\n    }\n\n    let nextSortOrderIndex = sortOrders.indexOf(this.sortedColumnOrder) + 1;\n\n    if (nextSortOrderIndex > sortOrders.length - 1) {\n      nextSortOrderIndex = 0;\n    }\n\n    this.sortedColumnOrder = sortOrders[nextSortOrderIndex];\n\n    sortButton.setAttribute(\"aria-label\", this.getSortButtonLabel(column));\n  };\n\n  private updateScrollOffset = () => {\n    this.scrollOffset = this.el.shadowRoot.querySelector(\n      \".table-row-container\"\n    ).scrollTop;\n  };\n\n  render() {\n    const {\n      caption,\n      createColumnHeaders,\n      createRows,\n      data,\n      hideColumnHeaders,\n      paginationOptions,\n      scrollable,\n      scrollOffset,\n      showPagination,\n      sortable,\n      sortedColumnOrder,\n      sortedColumn,\n      stickyColumnHeaders,\n      updateScrollOffset,\n    } = this;\n\n    return (\n      <div class=\"table-container\">\n        <div\n          class={{\n            [\"table-row-container\"]: true,\n            scrollable,\n          }}\n          tabIndex={scrollable ? 0 : null}\n          onScroll={updateScrollOffset}\n        >\n          <table>\n            <caption class=\"table-caption\">{caption}</caption>\n            {!hideColumnHeaders && (\n              <thead\n                class={{\n                  [\"column-header-sticky\"]: stickyColumnHeaders,\n                  [\"column-header-overlay\"]:\n                    stickyColumnHeaders && scrollOffset !== 0,\n                }}\n              >\n                <tr>{createColumnHeaders()}</tr>\n              </thead>\n            )}\n            {data?.length > 0 && <tbody>{createRows()}</tbody>}\n          </table>\n        </div>\n        {showPagination && (\n          <div class=\"pagination-container\">\n            <ic-pagination-bar\n              totalItems={data.length}\n              paginationType={paginationOptions.type}\n              paginationControl={paginationOptions.control}\n              showItemsPerPageControl={paginationOptions.itemsPerPageControl}\n              showGoToPageControl={paginationOptions.goToPageControl}\n              itemsPerPageOptions={paginationOptions.itemsPerPage}\n              alignment={paginationOptions.alignment}\n            ></ic-pagination-bar>\n          </div>\n        )}\n        {sortable && (\n          <div class=\"screen-reader-sort-text\" aria-live=\"polite\">\n            {sortedColumnOrder !== \"unsorted\" && sortedColumn\n              ? `${sortedColumn} sorted ${sortedColumnOrder}`\n              : \"table unsorted\"}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/core/p-e30f2623.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as h}from"./p-8455d1bb.js";import{q as a,s as n,k as r,r as o,h as l,o as c,t as d,p as u,j as f,m as p,I as b,a as m}from"./p-cd799087.js";import{b as v,i as w,j as g,s as y,h as k,k as x}from"./p-33dd24eb.js";const $=`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M15.8327 5.34199L14.6577 4.16699L9.99935 8.82533L5.34102 4.16699L4.16602 5.34199L8.82435 10.0003L4.16602 14.6587L5.34102 15.8337L9.99935 11.1753L14.6577 15.8337L15.8327 14.6587L11.1743 10.0003L15.8327 5.34199Z" fill="currentColor"/>\n</svg>\n`;const D=`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">\n  <path d="M16.6667 2.50004H15.8334V0.833374H14.1667V2.50004H5.83342V0.833374H4.16675V2.50004H3.33341C2.41675 2.50004 1.66675 3.25004 1.66675 4.16671V17.5C1.66675 18.4167 2.41675 19.1667 3.33341 19.1667H16.6667C17.5834 19.1667 18.3334 18.4167 18.3334 17.5V4.16671C18.3334 3.25004 17.5834 2.50004 16.6667 2.50004ZM16.6667 17.5H3.33341V6.66671H16.6667V17.5Z" fill="currentColor"/>\n</svg>`;const Y='/*! 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}input{border:0;height:100%;padding:0;outline:none;background:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}ic-input-component-container{cursor:text}ic-input-component-container,ic-input-component-container:hover{color:var(--ic-color-tertiary-text)}.focus-indicator{padding:var(--ic-space-xxxs) var(--ic-space-xs);align-items:center}.day-input{width:1.438rem}.month-input{width:1.813rem}.year-input,.year-input.fit-to-value{width:2.313rem}.fit-to-value{width:1.25rem}.sr-only{position:absolute;left:-9999px}.input-container{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.action-buttons{display:flex;align-items:center}.show-calendar-button-wrapper{display:flex;justify-content:center;align-items:center}.clear-button,.calendar-button{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);margin:0}.clear-button.hidden{display:none}.clear-button:focus,.calendar-button:focus,.clear-button:active,.calendar-button:active{background-color:var(--ic-focus-blue) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow) !important;border-radius:0.25rem}.clear-button:focus,.calendar-button:focus,.clear-button:active *,.calendar-button:active *{fill:var(--ic-architectural-white)}.divider{margin:0 var(--ic-space-xxs);width:var(--ic-space-1px);background-color:var(--ic-architectural-400);border-radius:var(--ic-space-1px)}.divider.small{height:var(--ic-space-md)}.divider.default{height:calc(var(--ic-space-sm) + var(--ic-space-xs))}.divider.large{height:var(--ic-space-lg)}';let M=0;const z=class{constructor(e){t(this,e);this.calendarButtonClicked=i(this,"calendarButtonClicked",7);this.icBlur=i(this,"icBlur",7);this.icChange=i(this,"icChange",7);this.icFocus=i(this,"icFocus",7);this.ARIA_INVALID="aria-invalid";this.ARIA_LABEL="aria-label";this.ARIA_LABELLED_BY="aria-labelledby";this.EVENT_OBJECT_STRING="[object Event]";this.FIT_TO_VALUE="fit-to-value";this.initialValue=this.value;this.INPUT_EVENT_OBJECT_STRING="[object InputEvent]";this.inputsInOrder=[];this.isAfterMax=false;this.isBeforeMin=false;this.isDateSetFromKeyboardEvent=false;this.isDisabledDate=false;this.isValidDay=true;this.isValidMonth=true;this.isValidDate=true;this.isZuluTime=false;this.KEYBOARD_EVENT_OBJECT_STRING="[object KeyboardEvent]";this.MAX_DAY=31;this.MAX_MONTH=12;this.previousEmittedDate=undefined;this.previousSelectedDate=null;this.selectedDate=null;this.setInputPasteValue=(t,i)=>{const s=t;s.value=i;s.classList.add(this.FIT_TO_VALUE)};this.checkSingleCopiedValueIsValid=(t,i)=>{let s=false;const e=Number(i);switch(t){case this.dayInputEl:s=e>=1&&e<=this.MAX_DAY;break;case this.monthInputEl:s=e>=1&&e<=this.MAX_MONTH;break;case this.yearInputEl:s=true;break;default:s=false;break}return s};this.isKeyboardOrEvent=t=>Object.prototype.toString.call(t)===this.EVENT_OBJECT_STRING||Object.prototype.toString.call(t)===this.KEYBOARD_EVENT_OBJECT_STRING;this.setDateValidity=()=>{if(!a(this.day)){this.isValidDay=+this.day>this.MAX_DAY?false:true}else{this.isValidDay=true}if(!a(this.month)){this.isValidMonth=+this.month>this.MAX_MONTH?false:true}else{this.isValidMonth=true}};this.handleInput=t=>{const i=t;const s=t.target;if(s!==this.yearInputEl){if(i.inputType!=="deleteContentBackward"&&!this.preventAutoFormatting){if(s.value.length===1&&(s===this.dayInputEl&&+s.value>=4||s===this.monthInputEl&&+s.value>=2)&&+s.value<=9){this.setInputValue(s);this.notifyScreenReader(s,t);this.moveToNextInput(s)}if(s.value.length===2){if(+s.value===0){s.value="01"}this.setInputValue(s);this.setPreventInput(s,true);this.notifyScreenReader(s,t);this.moveToNextInput(s)}else{this.setPreventInput(s,false)}}else if(this.preventAutoFormatting){if(s.value.length===2&&!this.isKeyboardOrEvent(t)){this.setInputValue(s);this.setPreventInput(s,true);this.moveToNextInput(s)}else{this.setInputValue(s)}}if(s.value.length!==2){this.setPreventInput(s,false)}}else{if(s.value.length===4){this.setInputValue(s);if(Object.prototype.toString.call(t)!==this.EVENT_OBJECT_STRING){this.moveToNextInput(s)}this.setPreventInput(s,true)}else{this.setInputValue(s,true);this.setPreventInput(s,false)}}this.setFitToValueStyling(s);if(s.value.length===0){this.setInputValue(s,true);this.setValidationMessage()}this.notifyScreenReader(s,t)};this.handleKeyDown=(t,i)=>{const s=t.target;const e=t.key.toLowerCase();const h=/-?\d*\.?\d+(e[-+]?\d+)?|[/-]|arrowup|arrowdown|arrowleft|arrowright|shift|tab|backspace|delete/;if(!h.test(e)&&!((t.ctrlKey||t.metaKey)&&(e==="v"||e==="c"))){t.preventDefault()}switch(e){case"/":case"-":case".":t.preventDefault();this.setPasteInvalidText();this.moveToNextInput(s);break;case"arrowright":case"arrowleft":t.preventDefault();this.handleLeftRightArrowKeyPress(s,e);break;case"arrowup":case"arrowdown":this.preventAutoFormatting=true;this.handleUpDownArrowKeyPress(s,t);break}this.preventInput(t,i);this.isDateSetFromKeyboardEvent=true};this.handleFocus=t=>{const i=t.target;i.select()};this.handleBlur=t=>{const i=t.target;this.setPasteInvalidText();this.autocompleteInput(i)};this.handleLeftRightArrowKeyPress=(t,i)=>{if(i==="arrowright"){this.moveToNextInput(t)}else{this.moveToPreviousInput(t)}this.setPasteInvalidText()};this.notifyScreenReaderSelectedDate=()=>{const t=n(b);const i=n(m);this.selectedDateInfoEl.textContent=`Selected date: ${t[this.selectedDate.getDay()]}, ${this.selectedDate.getDate()} ${i[this.selectedDate.getMonth()]} ${this.selectedDate.getFullYear()}`};this.handleUpDownArrowKeyPress=(t,i)=>{const s=t===this.yearInputEl?0:1;let e;switch(t){case this.dayInputEl:e=this.MAX_DAY;break;case this.monthInputEl:e=this.MAX_MONTH;break;case this.yearInputEl:e=9999}if(t===null||t===void 0?void 0:t.value){if(i.key==="ArrowUp"){if(+t.value===e){i.preventDefault();t.value=`0${s}`}else{t.value=+t.value+1<10?`0${+t.value+1}`:(+t.value+1).toString()}this.notifyScreenReader(t,i)}if(i.key==="ArrowDown"){if(+t.value===s){i.preventDefault();t.value=e.toString()}else{t.value=+t.value-1<10?`0${+t.value-1}`:(+t.value-1).toString()}this.notifyScreenReader(t,i)}}else{if(i.key==="ArrowDown"){i.preventDefault();if(t===this.yearInputEl){t.value=(new Date).getFullYear().toString()}else{t.value=e.toString()}this.notifyScreenReader(t,i)}else if(i.key==="ArrowUp"){i.preventDefault();if(t===this.yearInputEl){t.value=(new Date).getFullYear().toString()}else{t.value=`0${s}`}this.notifyScreenReader(t,i)}}this.setInputValue(t);this.setFitToValueStyling(t)};this.handleDateChange=t=>{if(t||!v(this.selectedDate,this.previousSelectedDate)){if(this.value){this.inputsInOrder.forEach((t=>{t.classList.add(this.FIT_TO_VALUE)}))}if(this.day&&this.month&&this.year&&this.invalidDateText===""){this.setValueAndEmitChange(this.selectedDate);this.notifyScreenReaderSelectedDate()}else if(!(this.selectedDate===null&&this.previousSelectedDate===null)){this.setValueAndEmitChange(null);this.selectedDateInfoEl.textContent=""}this.previousSelectedDate=this.selectedDate;if(!this.isDateSetFromKeyboardEvent){this.updateInputValues(this.day,this.month,this.year)}}};this.slicePastedDate=(t,i)=>i.length>t?i.slice(0,t):i;this.isPastedStringDateValid=t=>{if(/\d+-\d+-\d+$/.test(t)||/\d+\/\d+\/\d+/.test(t)||/\d+\.\d+\.\d+/.test(t)){return true}if(/[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}(?::[0-9]{2}(?:\.\d+)?)?Z/.test(t)){this.isZuluTime=true;return true}return false};this.handlePaste=t=>{t.preventDefault();const i=t.clipboardData.getData("Text");const s=this.isPastedStringDateValid(i);this.setPastedValueAndValidation(s,i,t)};this.setDate=t=>{if(t===null||t===""||t===undefined){this.day=null;this.month=null;this.year=null;this.inputsInOrder.forEach((t=>{t.classList.remove(this.FIT_TO_VALUE);this.setPreventInput(t,false)}));this.handleDateChange(true)}else{if(w(t)){let i;if(typeof t==="string"){i=new Date(+t)}else{i=t}this.day=g(i.getDate());this.month=g(i.getMonth()+1);this.year=i.getFullYear().toString()}else if(typeof t==="string"){const i=y(t,this.dateFormat);this.year=i[0];this.month=i[1];this.day=i[2]}}this.setValidationMessage()};this.formatMinMax=t=>{let i;const s=g(t.getDate());const e=g(t.getMonth()+1);const h=t.getFullYear();switch(this.dateFormat){case"DD/MM/YYYY":i=`${s}/${e}/${h}`;break;case"MM/DD/YYYY":i=`${e}/${s}/${h}`;break;case"YYYY/MM/DD":i=`${h}/${e}/${s}`;break}return i};this.updateInputValues=(t,i,s)=>{this.dayInputEl.value=t;this.monthInputEl.value=i;this.yearInputEl.value=s};this.setInputValue=(t,i=false)=>{const s=i?"":t.value;switch(t){case this.dayInputEl:this.day=s;break;case this.monthInputEl:this.month=s;break;case this.yearInputEl:if(this.year!==s){this.year=s}}this.setValidationMessage()};this.setValidationMessage=()=>{this.setDateValidity();if(!a(this.day)&&!a(this.month)&&!a(this.year)){this.selectedDate=this.convertToDate(this.year,this.month,this.day);this.isValidDate=+this.selectedDate!==0&&this.selectedDate.getDate()==+this.day;this.isDisabledDate=this.isSelectedDateDisabled();if(!this.isValidDate||this.isDisabledDate){this.inputsInOrder.forEach((t=>t.setAttribute(this.ARIA_INVALID,"true")))}else{this.inputsInOrder.forEach((t=>t.removeAttribute(this.ARIA_INVALID)))}}else{this.selectedDate=null}if(!(this.isValidDay&&this.isValidMonth&&this.isValidDate)){this.invalidDateText="Please enter a valid date."}else if(this.isDisabledDate&&this.selectedDate!==null){if(this.isBeforeMin){if(this.disablePast){this.invalidDateText=this.disablePastMessage}else{this.invalidDateText=`Please enter a date after ${this.formatMinMax(this.minDate)}.`}}else if(this.isAfterMax){if(this.disableFuture){this.invalidDateText=this.disableFutureMessage}else{this.invalidDateText=`Please enter a date before ${this.formatMinMax(this.maxDate)}.`}}else if(this.disableDays.length!==0){this.invalidDateText=this.disableDaysMessage}else{if(this.disablePast){this.invalidDateText=this.disablePastMessage}if(this.disableFuture){this.invalidDateText=this.disableFutureMessage}}}else{this.invalidDateText=""}};this.setInputsInOrder=()=>{const t=this.el.shadowRoot.querySelectorAll("input");t.forEach((t=>this.inputsInOrder.push(t)))};this.setAriaLabelledBy=()=>{var t;if(this.disabled&&!a((t=this.inputCompContainerEl)===null||t===void 0?void 0:t.getAttribute(this.ARIA_LABELLED_BY))){this.removeAriaLabelledBy();return}if(this.disabled){return}const i=this.el.shadowRoot.querySelector("label");const s=`${this.inputId}-label`;if(i!==null&&i!==undefined){i.id=s;const t=!a(this.validationStatus)&&!a(this.validationText)||!a(this.invalidDateText);const e=`${s} ${this.screenReaderInfoId} ${r(this.inputId,this.helperText!==""&&this.helperText!==this.defaultHelperText,t)} ${this.selectedDate?this.selectedDateInfoId:""} ${this.assistiveHintId}`;this.inputCompContainerEl.setAttribute(this.ARIA_LABELLED_BY,e)}};this.setPreventInput=(t,i)=>{switch(t){case this.dayInputEl:this.preventDayInput=i;break;case this.monthInputEl:this.preventMonthInput=i;break;case this.yearInputEl:this.preventYearInput=i}};this.getInputFromDatePart=t=>{const i=s("input",{class:"day-input",id:"day-input",ref:t=>this.dayInputEl=t,"aria-label":"day",placeholder:"DD",disabled:this.disabled,onPaste:this.handlePaste,inputmode:"number",pattern:"[0-9]*",onKeyDown:t=>this.handleKeyDown(t,this.preventDayInput)});const e=s("input",{id:"month-input",class:"month-input",ref:t=>this.monthInputEl=t,"aria-label":"month",placeholder:"MM",disabled:this.disabled,onPaste:this.handlePaste,inputmode:"number",pattern:"[0-9]*",onKeyDown:t=>this.handleKeyDown(t,this.preventMonthInput)});const h=s("input",{id:"year-input",class:"year-input",ref:t=>this.yearInputEl=t,"aria-label":"year",placeholder:"YYYY",maxLength:4,disabled:this.disabled,onPaste:this.handlePaste,inputmode:"number",pattern:"[0-9]*",onKeyDown:t=>this.handleKeyDown(t,this.preventYearInput)});let a;switch(t){case"D":a=i;break;case"M":a=e;break;case"Y":a=h}return a};this.getInputsInOrder=()=>{const t=this.dateFormat.split("/");const i=[];t.forEach((t=>{i.push(this.getInputFromDatePart(t.substring(0,1)))}));return i};this.getDescOfInputsOrder=()=>{let t;switch(this.dateFormat){case"DD/MM/YYYY":t="day, month, and year";break;case"MM/DD/YYYY":t="month, day, and year";break;case"YYYY/MM/DD":t="year, month, and day"}return t};this.getScreenReaderInfo=t=>{let i="";if(this.required){i+="required"}if(t===u.Error){i+=" invalid data"}return i===""?"":i+", "};this.preventInput=(t,i)=>{const s=t.key;const e=t.target;let h;if(e){h=e.value.substring(e.selectionStart,e.selectionEnd)}if(s==="e"||s==="."||s==="-"||t.key>="0"&&t.key<="9"&&i&&!h){t.preventDefault()}};this.isSelectedDateDisabled=()=>{const t=new Date;this.isAfterMax=false;this.isBeforeMin=false;let i=false;const s=this.selectedDate.toDateString()!==t.toDateString();if(this.minDate&&this.selectedDate<this.minDate&&s){this.isBeforeMin=true;i=true}if(this.maxDate&&this.selectedDate>this.maxDate&&s){this.isAfterMax=true;i=true}if(this.disableDays.includes(this.selectedDate.getDay())){i=true}if((this.disablePast&&this.selectedDate<t||this.disableFuture&&this.selectedDate>t)&&s){i=true}return i};this.moveToNextInput=t=>{const i=this.inputsInOrder.findIndex((i=>i===t));const s=this.inputsInOrder[i+1];this.preventAutoFormatting=false;if(s){s.focus()}};this.moveToPreviousInput=t=>{const i=this.inputsInOrder.findIndex((i=>i===t));this.preventAutoFormatting=false;if(this.inputsInOrder[i-1]){this.inputsInOrder[i-1].focus()}};this.autocompleteInput=t=>{if(t===this.yearInputEl){this.autocompleteYear()}else{const i=t.value;if(i.length===1){if(+i===0){t.value="01"}else{t.value=`0${i}`}}}if(t.value){this.setInputValue(t)}};this.autocompleteYear=()=>{const t=this.yearInputEl.value;const i=["2","0","0"];let s="";if(t){i.forEach(((i,e)=>{if(t.length+e<=3){s+=i}}));this.yearInputEl.value=`${s}${t}`}};this.convertToDate=(t,i,s)=>{if(!a(t)&&!a(i)&&!a(s)){return new Date(+t,+i-1,+s)}else{return null}};this.handleHostBlur=()=>{this.removeLabelledBy=false;this.icBlur.emit({value:this.selectedDate})};this.handleHostFocus=()=>{var t;if((t=this.el.shadowRoot.activeElement)===null||t===void 0?void 0:t.id.match(/(day|month|year)-input$/)){this.removeLabelledBy=false}else{this.removeLabelledBy=true}this.icFocus.emit({value:this.selectedDate})};this.handleFormReset=()=>{this.setDate(this.initialValue);this.setValidationMessage();this.handleDateChange(false)};this.getAriaLabel=t=>t.getAttribute(this.ARIA_LABEL);this.notifyScreenReaderArrowKeys=t=>{const i=this.el.shadowRoot.querySelector("#live-region");let s="";const e=this.getAriaLabel(t);if(i&&t.value){if(t===this.monthInputEl&&!!m[+t.value-1]){s=`${t.value} - ${m[+t.value-1]}, ${e}`}if(t===this.dayInputEl||t===this.yearInputEl){s=`${t.value}, ${e}`}i.textContent=s}};this.notifyScreenReaderInput=(t,i)=>{let s="";const e=this.getAriaLabel(t);if(t===this.dayInputEl||t===this.monthInputEl){if(t.value.length===2){if(t===this.monthInputEl&&!!m[+t.value-1]&&this.isValidMonth){s=`${t.value} - ${m[+t.value-1]}, ${e}`}if(t===this.dayInputEl&&this.isValidDay){s=`${t.value}, ${e}`}}else{s=""}}else{if(t.value.length===4){s=`${t.value}, ${e}`}else{s=""}}i.textContent=s};this.setFitToValueStyling=t=>{if(t.value){t.classList.add(this.FIT_TO_VALUE)}else{t.classList.remove(this.FIT_TO_VALUE)}};this.setAriaInvalid=(t,i,s,e)=>{if(this.inputsInOrder.length){this.inputsInOrder.forEach((t=>{t.removeAttribute(this.ARIA_INVALID)}));if(!t){this.dayInputEl.setAttribute(this.ARIA_INVALID,"true")}if(!i){this.monthInputEl.setAttribute(this.ARIA_INVALID,"true")}if(!s||e){this.inputsInOrder.forEach((t=>{t.setAttribute(this.ARIA_INVALID,"true")}))}}};this.handleClear=()=>{this.inputsInOrder.forEach((t=>{t.classList.remove(this.FIT_TO_VALUE);this.setInputValue(t,true);this.setPreventInput(t,false)}));this.isDateSetFromKeyboardEvent=false;this.setValidationMessage();this.handleDateChange(true);this.inputsInOrder[0].focus()};this.handleCalendarOpen=t=>{var i,s;t.stopImmediatePropagation();(i=this.calendarButtonEl)===null||i===void 0?void 0:i.shadowRoot.querySelector("ic-tooltip").displayTooltip(false);this.calendarButtonClicked.emit({value:this.selectedDate});(s=this.calendarButtonEl)===null||s===void 0?void 0:s.shadowRoot.querySelector("ic-tooltip").displayTooltip(false);this.isDateSetFromKeyboardEvent=false};this.setValueAndEmitChange=t=>{if(!v(new Date(this.value),t)){this.emitIcChange(t);this.value=t}};this.handleCalendarFocus=()=>{this.calendarFocused=true};this.handleCalendarBlur=()=>{this.calendarFocused=false};this.handleClearFocus=()=>{this.removeLabelledBy=true;this.clearButtonFocused=true};this.handleClearBlur=t=>{var i;this.clearButtonFocused=false;if((i=t.relatedTarget)===null||i===void 0?void 0:i.id.match(/(day|year)-input$/)){this.removeLabelledBy=false;return}this.removeLabelledBy=true};this.emitIcChange=t=>{if(!(t===null&&this.previousEmittedDate===null)&&!v(t,this.previousEmittedDate)){this.previousEmittedDate=t;this.icChange.emit({value:t})}};this.day="";this.invalidDateText=undefined;this.maxDate=undefined;this.minDate=undefined;this.month="";this.year="";this.calendarFocused=false;this.clearButtonFocused=false;this.removeLabelledBy=false;this.dateFormat="DD/MM/YYYY";this.disabled=false;this.disableDays=[];this.disableDaysMessage="The date you have selected is on a day of the week that is not allowed. Please select another date.";this.disableFuture=false;this.disableFutureMessage="Dates in the future are not allowed. Please select a date in the past.";this.disablePast=false;this.disablePastMessage="Dates in the past are not allowed. Please select a date in the future.";this.helperText=undefined;this.inputId=`ic-date-input-${M++}`;this.label=undefined;this.max="";this.min="";this.name=this.inputId;this.required=false;this.showCalendarButton=false;this.showClearButton=true;this.size="default";this.value="";this.validationStatus="";this.validationText=""}watchDisableFutureHandler(){this.watchMaxHandler()}watchDisablePastHandler(){this.watchMinHandler()}watchMaxHandler(){if(this.disableFuture){this.maxDate=new Date}else{this.maxDate=k(this.max,this.dateFormat)}}watchMinHandler(){if(this.disablePast){this.minDate=new Date}else{this.minDate=k(this.min,this.dateFormat)}}watchRequiredHandler(){const t=this.el.shadowRoot.querySelector("label");if(this.required){const i=document.createElement("span");i.setAttribute("id","asterisk-span");i.setAttribute("aria-hidden","true");i.textContent=" *";t===null||t===void 0?void 0:t.appendChild(i)}else{const t=this.el.shadowRoot.querySelector("#asterisk-span");if(t){t.remove()}}}disconnectedCallback(){o(this.el,this.handleFormReset)}componentWillLoad(){this.defaultHelperText=`Use format ${this.dateFormat}`;if(a(this.helperText)){this.helperText=this.defaultHelperText}this.watchMinHandler();this.watchMaxHandler();if(this.value){this.setDate(this.value);this.previousEmittedDate=this.selectedDate}else{this.previousEmittedDate=null}this.screenReaderInfoId=`${this.inputId}-screen-reader-info`;this.assistiveHintId=`${this.inputId}-assistive-hint`;this.selectedDateInfoId=`${this.inputId}-selected-date-info`;l(this.el,this.handleFormReset)}componentDidLoad(){this.setInputsInOrder();c([{prop:this.label,propName:"label"}],"Date Input");if(this.value){this.updateInputValues(this.day,this.month,this.year);this.inputsInOrder.forEach((t=>{t.classList.add(this.FIT_TO_VALUE)}))}this.setAriaInvalid(this.isValidDay,this.isValidMonth,this.isValidDate,this.isDisabledDate);if(this.value){this.notifyScreenReaderSelectedDate()}this.inputsInOrder.forEach((t=>{t.addEventListener("input",this.handleInput);t.addEventListener("focus",this.handleFocus);t.addEventListener("blur",this.handleBlur)}));this.watchRequiredHandler()}componentWillUpdate(){if(!this.isDateSetFromKeyboardEvent){this.setDate(this.value)}this.setAriaInvalid(this.isValidDay,this.isValidMonth,this.isValidDate,this.isDisabledDate);this.handleDateChange(false);this.isDateSetFromKeyboardEvent=false}componentDidRender(){if(this.removeLabelledBy){this.removeAriaLabelledBy();return}this.setAriaLabelledBy()}async getDate(){return this.selectedDate}async setCalendarFocus(){if(this.calendarButtonEl){this.calendarButtonEl.focus()}}async setDisableDays(t){this.disableDays=t}async triggerIcChange(t){this.emitIcChange(t)}removeAriaLabelledBy(){this.inputCompContainerEl.removeAttribute(this.ARIA_LABELLED_BY)}setPastedValueAndValidation(t,i,s){switch(true){case t:{const t=this.isZuluTime?x(i):i;const s=t.split(/-|\/|\./);this.inputsInOrder.forEach(((t,i)=>{t.classList.add(this.FIT_TO_VALUE);if(this.isZuluTime){this.pasteZuluDateTime(s,i)}else{let e;if(t===this.dayInputEl||t===this.monthInputEl){e=this.slicePastedDate(2,s[i])}else{e=this.slicePastedDate(4,s[i])}t.value=e;this.setInputValue(t);this.autocompleteInput(t)}}));this.isZuluTime=false;break}case(i.length===1||i.length===2||i.length===4)&&d(i):if(this.checkSingleCopiedValueIsValid(s.target,i)){this.setInputPasteValue(s.target,i);this.setInputValue(s.target)}else{this.displayPastedValidation(s)}break;case i.length===3&&d(i):if(s.target!==this.yearInputEl){this.displayPastedValidation(s)}else{this.setInputPasteValue(s.target,i);this.setInputValue(s.target)}break;case i.length>=5&&d(i):this.displayPastedValidation(s)}}pasteZuluDateTime(t,i){if(i===0){const s=this.slicePastedDate(4,t[i]);this.yearInputEl.value=s;this.setInputValue(this.yearInputEl)}else if(i===1){const s=this.slicePastedDate(2,t[i]);this.monthInputEl.value=s;this.setInputValue(this.monthInputEl)}else{const s=this.slicePastedDate(2,t[i]);this.dayInputEl.value=s;this.setInputValue(this.dayInputEl)}}displayPastedValidation(t){var i;if(((i=this.invalidDateText)===null||i===void 0?void 0:i.length)>0){this.previousInvalidDateTest=this.invalidDateText}this.invalidDateText=`Please paste a valid ${this.getAriaLabel(t.target)}`;this.validationStatus=u.Error;this.isPasteValidationDisplayed=true}setPasteInvalidText(){var t;if(this.isPasteValidationDisplayed){this.invalidDateText=(t=this.previousInvalidDateTest)!==null&&t!==void 0?t:"";this.isPasteValidationDisplayed=false;this.isDateSetFromKeyboardEvent=true}}notifyScreenReader(t,i){const s=this.el.shadowRoot.querySelector("#live-region");if(s){if(this.isKeyboardOrEvent(i)){this.notifyScreenReaderArrowKeys(t)}else if(Object.prototype.toString.call(i)===this.INPUT_EVENT_OBJECT_STRING){this.notifyScreenReaderInput(t,s)}}}render(){const{inputId:t,label:i,disabled:h,helperText:n,showClearButton:r,showCalendarButton:o,size:l}=this;const c=!a(this.validationStatus)&&!a(this.validationText);const d=c?this.validationStatus:!a(this.invalidDateText)?u.Error:"";const b=`Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;f(true,this.el,this.name,this.convertToDate(this.year,this.month,this.day),this.disabled);return s(e,{onBlur:this.handleHostBlur,onFocus:this.handleHostFocus},s("ic-input-container",{disabled:h},s("ic-input-label",{for:t,label:i,helperText:n,disabled:h}),s("span",{id:this.screenReaderInfoId,class:"sr-only","aria-hidden":"true"},this.getScreenReaderInfo(d),`${this.defaultHelperText}.`),s("span",{id:this.assistiveHintId,class:"sr-only","aria-hidden":"true"},b),s("span",{id:"live-region","aria-live":"assertive",class:"sr-only"}),s("ic-input-component-container",{id:t,ref:t=>this.inputCompContainerEl=t,disabled:h,validationStatus:d,size:l,role:"group"},s("div",{class:"input-container"},s("div",{class:"date-inputs"},this.getInputsInOrder()[0],"/",this.getInputsInOrder()[1],"/",this.getInputsInOrder()[2]),s("div",{class:"action-buttons"},r&&s("ic-button",{id:"clear-button","aria-label":"Clear input",class:{["clear-button"]:true,["hidden"]:a(this.day)&&a(this.month)&&a(this.year)},disabled:this.disabled,innerHTML:$,onClick:this.handleClear,onFocus:this.handleClearFocus,onBlur:this.handleClearBlur,variant:"icon",appearance:this.clearButtonFocused?p.Light:p.Dark,size:l}),o&&s("div",{class:"show-calendar-button-wrapper"},s("div",{class:{divider:true,[l]:true}}),s("ic-button",{id:"calendar-button",ref:t=>this.calendarButtonEl=t,"aria-label":"Display calendar","aria-haspopup":"dialog",class:"calendar-button",disabled:this.disabled,innerHTML:D,onClick:this.handleCalendarOpen,variant:"icon",size:l,onFocus:this.handleCalendarFocus,onBlur:this.handleCalendarBlur,appearance:this.calendarFocused?p.Light:p.Default}))))),s("span",{id:this.selectedDateInfoId,class:"sr-only","aria-live":"polite"},s("span",{ref:t=>this.selectedDateInfoEl=t,role:"status"})),(c||!a(this.invalidDateText))&&s("ic-input-validation",{status:d,message:c?this.validationText:this.invalidDateText,for:t})))}static get delegatesFocus(){return true}get el(){return h(this)}static get watchers(){return{disableFuture:["watchDisableFutureHandler"],disablePast:["watchDisablePastHandler"],max:["watchMaxHandler"],min:["watchMinHandler"],required:["watchRequiredHandler"]}}};z.style=Y;export{z as ic_date_input};
-//# sourceMappingURL=p-e30f2623.entry.js.map