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

package/dist/core/p-6323da7a.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as t,h as r,H as e}from"./p-8e4e97b4.js";import{H as s,J as i,W as h,d as a,g as c}from"./p-e519f607.js";const n=class{constructor(r){o(this,r);this.brandChange=t(this,"brandChange",7);this.icThemeChange=t(this,"icThemeChange",7);this.themeClass="";this.brandColor=null;this.theme="light";this.darkModeChangeHandler=()=>{if(this.theme==="system"){this.themeClass=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"ic-theme-dark":"ic-theme-light"}else{this.themeClass=`ic-theme-${this.theme}`}this.icThemeChange.emit(this.theme)};this.checkBrandColorContrast=()=>{if(s()<i&&s()>h){console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`)}};this.setBrandColor=()=>{const o=this.brandColor?a(this.brandColor):null;if(o){const{r:t,g:r,b:e,a:s}=o;const{style:i}=document.documentElement;i.setProperty("--ic-brand-color-primary-r",`${t}`);i.setProperty("--ic-brand-color-primary-g",`${r}`);i.setProperty("--ic-brand-color-primary-b",`${e}`);i.setProperty("--ic-brand-color-primary-a",`${s}`);this.checkBrandColorContrast();this.brandChange.emit({mode:c(),color:o})}}}watchBrandColorPropHandler(){this.setBrandColor()}watchThemePropHandler(){this.darkModeChangeHandler()}componentWillLoad(){this.darkModeChangeHandler();this.setBrandColor();window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",this.darkModeChangeHandler)}render(){const{themeClass:o}=this;return r(e,{key:"603b695aae6f29ef4f3d89d4e1995221b3324753",class:o},r("slot",{key:"0b4c3bd3f4b078775ff13677feb3f0fbc080d810"}))}static get watchers(){return{brandColor:["watchBrandColorPropHandler"],theme:["watchThemePropHandler"]}}};export{n as ic_theme};
-//# sourceMappingURL=p-6323da7a.entry.js.map

package/dist/core/p-6323da7a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Theme","constructor","hostRef","this","themeClass","brandColor","theme","darkModeChangeHandler","window","matchMedia","matches","icThemeChange","emit","checkBrandColorContrast","getBrandColorBrightness","BLACK_MIN_COLOR_BRIGHTNESS","WHITE_MAX_COLOR_BRIGHTNESS","console","warn","setBrandColor","colorRGBA","convertToRGBA","r","g","b","a","style","document","documentElement","setProperty","brandChange","mode","getBrandForegroundAppearance","color","watchBrandColorPropHandler","watchThemePropHandler","componentWillLoad","addEventListener","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-theme/ic-theme.js"],"sourcesContent":["import { Host, h, } from \"@stencil/core\";\nimport { convertToRGBA, getBrandForegroundAppearance, } from \"../../utils/helpers\";\nimport { getBrandColorBrightness } from \"../../utils/helpers\";\nimport { BLACK_MIN_COLOR_BRIGHTNESS, WHITE_MAX_COLOR_BRIGHTNESS, } from \"../../utils/constants\";\nexport class Theme {\n    constructor() {\n        this.themeClass = \"\";\n        /**\n         * The brand colour. Can 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        this.brandColor = null;\n        /**\n         * The theme mode. Can be \"dark\", \"light\", or \"system\". \"system\" will use the device or browser settings.\n         */\n        this.theme = \"light\";\n        this.darkModeChangeHandler = () => {\n            if (this.theme === \"system\") {\n                this.themeClass =\n                    window.matchMedia &&\n                        window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n                        ? \"ic-theme-dark\"\n                        : \"ic-theme-light\";\n            }\n            else {\n                this.themeClass = `ic-theme-${this.theme}`;\n            }\n            this.icThemeChange.emit(this.theme);\n        };\n        this.checkBrandColorContrast = () => {\n            if (getBrandColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&\n                getBrandColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {\n                console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`);\n            }\n        };\n        this.setBrandColor = () => {\n            const colorRGBA = this.brandColor ? convertToRGBA(this.brandColor) : null;\n            if (colorRGBA) {\n                const { r, g, b, a } = colorRGBA;\n                const { style } = document.documentElement;\n                style.setProperty(\"--ic-brand-color-primary-r\", `${r}`);\n                style.setProperty(\"--ic-brand-color-primary-g\", `${g}`);\n                style.setProperty(\"--ic-brand-color-primary-b\", `${b}`);\n                style.setProperty(\"--ic-brand-color-primary-a\", `${a}`);\n                this.checkBrandColorContrast();\n                this.brandChange.emit({\n                    mode: getBrandForegroundAppearance(),\n                    color: colorRGBA,\n                });\n            }\n        };\n    }\n    watchBrandColorPropHandler() {\n        this.setBrandColor();\n    }\n    watchThemePropHandler() {\n        this.darkModeChangeHandler();\n    }\n    componentWillLoad() {\n        this.darkModeChangeHandler();\n        this.setBrandColor();\n        window.matchMedia &&\n            window\n                .matchMedia(\"(prefers-color-scheme: dark)\")\n                .addEventListener(\"change\", this.darkModeChangeHandler);\n    }\n    render() {\n        const { themeClass } = this;\n        return (h(Host, { key: '603b695aae6f29ef4f3d89d4e1995221b3324753', class: themeClass }, h(\"slot\", { key: '0b4c3bd3f4b078775ff13677feb3f0fbc080d810' })));\n    }\n    static get is() { return \"ic-theme\"; }\n    static get properties() {\n        return {\n            \"brandColor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcColor | null\",\n                    \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})` | null | undefined\",\n                    \"references\": {\n                        \"IcColor\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcColor\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The brand colour. Can 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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"brand-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"null\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeSettings\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"light\\\" | \\\"system\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeSettings\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeSettings\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The theme mode. Can be \\\"dark\\\", \\\"light\\\", or \\\"system\\\". \\\"system\\\" will use the device or browser settings.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"light\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"themeClass\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"brandChange\",\n                \"name\": \"brandChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the brand color is changed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcBrand\",\n                    \"resolved\": \"{ mode: IcBrandForeground; color: IcColorRGB; }\",\n                    \"references\": {\n                        \"IcBrand\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcBrand\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icThemeChange\",\n                \"name\": \"icThemeChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the theme is changed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcThemeSettings\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"light\\\" | \\\"system\\\"\",\n                    \"references\": {\n                        \"IcThemeSettings\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeSettings\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"brandColor\",\n                \"methodName\": \"watchBrandColorPropHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemePropHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-theme.js.map\n"],"mappings":"+HAIaA,EAAK,MACd,WAAAC,CAAAC,G,gGACIC,KAAKC,WAAa,GAIlBD,KAAKE,WAAa,KAIlBF,KAAKG,MAAQ,QACbH,KAAKI,sBAAwB,KACzB,GAAIJ,KAAKG,QAAU,SAAU,CACzBH,KAAKC,WACDI,OAAOC,YACHD,OAAOC,WAAW,gCAAgCC,QAChD,gBACA,gB,KAET,CACDP,KAAKC,WAAa,YAAYD,KAAKG,O,CAEvCH,KAAKQ,cAAcC,KAAKT,KAAKG,MAAM,EAEvCH,KAAKU,wBAA0B,KAC3B,GAAIC,IAA4BC,GAC5BD,IAA4BE,EAA4B,CACxDC,QAAQC,KAAK,4T,GAGrBf,KAAKgB,cAAgB,KACjB,MAAMC,EAAYjB,KAAKE,WAAagB,EAAclB,KAAKE,YAAc,KACrE,GAAIe,EAAW,CACX,MAAME,EAAEA,EAACC,EAAEA,EAACC,EAAEA,EAACC,EAAEA,GAAML,EACvB,MAAMM,MAAEA,GAAUC,SAASC,gBAC3BF,EAAMG,YAAY,6BAA8B,GAAGP,KACnDI,EAAMG,YAAY,6BAA8B,GAAGN,KACnDG,EAAMG,YAAY,6BAA8B,GAAGL,KACnDE,EAAMG,YAAY,6BAA8B,GAAGJ,KACnDtB,KAAKU,0BACLV,KAAK2B,YAAYlB,KAAK,CAClBmB,KAAMC,IACNC,MAAOb,G,GAKvB,0BAAAc,GACI/B,KAAKgB,e,CAET,qBAAAgB,GACIhC,KAAKI,uB,CAET,iBAAA6B,GACIjC,KAAKI,wBACLJ,KAAKgB,gBACLX,OAAOC,YACHD,OACKC,WAAW,gCACX4B,iBAAiB,SAAUlC,KAAKI,sB,CAE7C,MAAA+B,GACI,MAAMlC,WAAEA,GAAeD,KACvB,OAAQoC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAOtC,GAAcmC,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/dist/core/p-67c3985d.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as a,g as r}from"./p-8e4e97b4.js";const s=":host{grid-column:var(--ic-grid-item-col-start, 1) / span\n    var(--ic-grid-item-col-span, var(--ic-layout-grid-col-span, 1)) !important;grid-row:var(--ic-grid-item-row-start, 1) / span\n    var(--ic-grid-item-row-span, var(--ic-layout-grid-row-span, 1)) !important}@media only screen and (max-width: 576px){:host(.ic-layout-grid-hide-in-mobile){display:none}}";const o=s;const c=class{constructor(i){t(this,i);this.colSpan=1;this.colStart=1;this.hideInMobileMode=false;this.rowSpan=1;this.rowStart=1}watchColSpan(t){this.el.style.setProperty("--ic-grid-item-col-span",`${t}`)}watchColStart(t){this.el.style.setProperty("--ic-grid-item-col-start",`${t}`)}watchRowSpan(t){this.el.style.setProperty("--ic-grid-item-row-span",`${t}`)}watchRowStart(t){this.el.style.setProperty("--ic-grid-item-row-start",`${t}`)}componentWillLoad(){this.el.style.setProperty("--ic-grid-item-col-start",`${this.colStart}`);this.el.style.setProperty("--ic-grid-item-col-span",`${this.colSpan}`);this.el.style.setProperty("--ic-grid-item-row-start",`${this.rowStart}`);this.el.style.setProperty("--ic-grid-item-row-span",`${this.rowSpan}`)}render(){const{hideInMobileMode:t}=this;return i(a,{key:"9e96a528f70c414a5728a7fd0773d0adb4063020",class:{"ic-layout-grid-hide-in-mobile":!!t}},i("slot",{key:"43b2b4891f8b1241fad2fb707016cd927632bdfd"}))}get el(){return r(this)}static get watchers(){return{colSpan:["watchColSpan"],colStart:["watchColStart"],rowSpan:["watchRowSpan"],rowStart:["watchRowStart"]}}};c.style=o;export{c as ic_layout_grid_item};
-//# sourceMappingURL=p-67c3985d.entry.js.map

package/dist/core/p-67c3985d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icLayoutGridItemCss","IcLayoutGridItemStyle0","LayoutGridItem","constructor","hostRef","this","colSpan","colStart","hideInMobileMode","rowSpan","rowStart","watchColSpan","newValue","el","style","setProperty","watchColStart","watchRowSpan","watchRowStart","componentWillLoad","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-layout-grid-item/ic-layout-grid-item.css?tag=ic-layout-grid-item&encapsulation=shadow","../web-components/dist/collection/components/ic-layout-grid-item/ic-layout-grid-item.js"],"sourcesContent":[":host {\n  grid-column: var(--ic-grid-item-col-start, 1) / span\n    var(--ic-grid-item-col-span, var(--ic-layout-grid-col-span, 1)) !important;\n  grid-row: var(--ic-grid-item-row-start, 1) / span\n    var(--ic-grid-item-row-span, var(--ic-layout-grid-row-span, 1)) !important;\n}\n\n@media only screen and (max-width: 576px) {\n  :host(.ic-layout-grid-hide-in-mobile) {\n    display: none;\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nexport class LayoutGridItem {\n    constructor() {\n        /**\n         * The number of columns the grid item should span.\n         */\n        this.colSpan = 1;\n        /**\n         * The column the grid item should start at.\n         */\n        this.colStart = 1;\n        /**\n         * If `true`, the grid item will be hidden on smaller screens.\n         */\n        this.hideInMobileMode = false;\n        /**\n         * The number of rows the grid item should span.\n         */\n        this.rowSpan = 1;\n        /**\n         * The row the grid item should start at.\n         */\n        this.rowStart = 1;\n    }\n    watchColSpan(newValue) {\n        this.el.style.setProperty(\"--ic-grid-item-col-span\", `${newValue}`);\n    }\n    watchColStart(newValue) {\n        this.el.style.setProperty(\"--ic-grid-item-col-start\", `${newValue}`);\n    }\n    watchRowSpan(newValue) {\n        this.el.style.setProperty(\"--ic-grid-item-row-span\", `${newValue}`);\n    }\n    watchRowStart(newValue) {\n        this.el.style.setProperty(\"--ic-grid-item-row-start\", `${newValue}`);\n    }\n    componentWillLoad() {\n        this.el.style.setProperty(\"--ic-grid-item-col-start\", `${this.colStart}`);\n        this.el.style.setProperty(\"--ic-grid-item-col-span\", `${this.colSpan}`);\n        this.el.style.setProperty(\"--ic-grid-item-row-start\", `${this.rowStart}`);\n        this.el.style.setProperty(\"--ic-grid-item-row-span\", `${this.rowSpan}`);\n    }\n    render() {\n        const { hideInMobileMode } = this;\n        return (h(Host, { key: '9e96a528f70c414a5728a7fd0773d0adb4063020', class: {\n                \"ic-layout-grid-hide-in-mobile\": !!hideInMobileMode,\n            } }, h(\"slot\", { key: '43b2b4891f8b1241fad2fb707016cd927632bdfd' })));\n    }\n    static get is() { return \"ic-layout-grid-item\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-layout-grid-item.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-layout-grid-item.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"colSpan\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of columns the grid item should span.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"col-span\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            },\n            \"colStart\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The column the grid item should start at.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"col-start\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            },\n            \"hideInMobileMode\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the grid item will be hidden on smaller screens.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-in-mobile-mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"rowSpan\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of rows the grid item should span.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"row-span\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            },\n            \"rowStart\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The row the grid item should start at.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"row-start\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"colSpan\",\n                \"methodName\": \"watchColSpan\"\n            }, {\n                \"propName\": \"colStart\",\n                \"methodName\": \"watchColStart\"\n            }, {\n                \"propName\": \"rowSpan\",\n                \"methodName\": \"watchRowSpan\"\n            }, {\n                \"propName\": \"rowStart\",\n                \"methodName\": \"watchRowStart\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-layout-grid-item.js.map\n"],"mappings":"yDAAA,MAAMA,EAAsB,4WAC5B,MAAAC,EAAeD,E,MCAFE,EAAc,MACvB,WAAAC,CAAAC,G,UAIIC,KAAKC,QAAU,EAIfD,KAAKE,SAAW,EAIhBF,KAAKG,iBAAmB,MAIxBH,KAAKI,QAAU,EAIfJ,KAAKK,SAAW,C,CAEpB,YAAAC,CAAaC,GACTP,KAAKQ,GAAGC,MAAMC,YAAY,0BAA2B,GAAGH,I,CAE5D,aAAAI,CAAcJ,GACVP,KAAKQ,GAAGC,MAAMC,YAAY,2BAA4B,GAAGH,I,CAE7D,YAAAK,CAAaL,GACTP,KAAKQ,GAAGC,MAAMC,YAAY,0BAA2B,GAAGH,I,CAE5D,aAAAM,CAAcN,GACVP,KAAKQ,GAAGC,MAAMC,YAAY,2BAA4B,GAAGH,I,CAE7D,iBAAAO,GACId,KAAKQ,GAAGC,MAAMC,YAAY,2BAA4B,GAAGV,KAAKE,YAC9DF,KAAKQ,GAAGC,MAAMC,YAAY,0BAA2B,GAAGV,KAAKC,WAC7DD,KAAKQ,GAAGC,MAAMC,YAAY,2BAA4B,GAAGV,KAAKK,YAC9DL,KAAKQ,GAAGC,MAAMC,YAAY,0BAA2B,GAAGV,KAAKI,U,CAEjE,MAAAW,GACI,MAAMZ,iBAAEA,GAAqBH,KAC7B,OAAQgB,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,kCAAmChB,IAClCa,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/dist/core/p-691dd972.entry.js

@@ -1,2 +0,0 @@
-import{h as t,r as e,c as i,H as s,g as a}from"./p-8e4e97b4.js";import{x as r,y as h,z as n,k as o,r as c,A as l,b as d,m as u,s as f,t as b,o as p,n as m,q as v,u as y}from"./p-829b34f9.js";import{a as w,g,b as k,y as x,c as D,e as $,d as z,f as M,h as H,i as Y,j as C,s as V,k as T}from"./p-75c3b882.js";import{C as P}from"./p-dd7450fb.js";const I=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/>\n</svg>\n`;const L=({focussed:e,today:i,day:s,monthInView:a,onFocusDay:o,onBlurDay:c,onSelectDay:l,selected:d,focussedDayRef:u,inRange:f,showDaysOutsideMonth:b,disableDay:p})=>{const m=()=>{l(s)};const v=()=>{o()};const y=()=>{c()};const w=r(h);const g=r(n);const k=!f||p;const x=a!==s.getMonth();const D=k||x&&!b;return t("div",{class:"day-button-container"},t("button",{class:{"day-button":true,"outside-month":x,"outside-range":!!k,hidden:x&&!b,disabled:D,today:i,selected:d,focussed:e},tabIndex:e?0:-1,"aria-hidden":x?"true":"false","aria-disabled":D?"true":"false","aria-current":i?"date":undefined,"aria-label":D||x||k?undefined:`Choose ${w[s.getDay()]}, ${s.getDate()} ${g[s.getMonth()]} ${s.getFullYear()}`,disabled:D,onClick:m,onBlur:y,onFocus:v,ref:t=>{if(e&&t&&u){u(t)}}},(!x||x&&b)&&t("ic-typography",{variant:"subtitle-small",italic:x},s.getDate())))};const j=({size:e,focussedMonth:i,monthInView:s,onSelectMonth:a,onKeyDown:h,focussedMonthRef:o,minDate:c,maxDate:l,yearInView:d})=>{const u=t=>{const e=t.target;a(Number(e.getAttribute("data-month")))};const f=r(n);const b=e==="small"?2:3;const p=[];for(let t=0;t<f.length;t+=b){p.push(f.slice(t,t+b))}return t("div",{class:{"month-picker":true},role:"grid"},p.map(((a,r)=>t("div",{class:"month-picker-row",key:r,role:"row"},a.map(((a,n)=>{const f=r*b+n;const p=s===f;const m=i===f;const v=!w(new Date(d,f,1),c?k(c):null,l?g(l):null);return t("ic-button",{role:"gridcell",class:{"month-button":true,selected:p,focussed:m,disabled:v},"full-width":true,disabled:v,variant:p?"primary":"tertiary","data-month":f,size:e,tabIndex:m?0:-1,"aria-current":p?"true":"false","aria-label":p?"":`select ${a}`,onClick:u,onKeyDown:h,ref:t=>{if(m&&t){o(t)}}},a)}))))))};const A=({decadeView:e,size:i,focussedYear:s,yearInView:a,onSelectYear:r,onFocusYear:h,onBlurYear:n,onKeyDown:o,minDate:c,maxDate:l,focussedYearRef:d})=>{const u=t=>{const e=t.target;r(Number(e.getAttribute("data-year")))};const f=()=>{h()};const b=()=>{n()};const p=t=>{t.preventDefault()};const m=i==="small"?2:3;const v=i==="small"?6:4;const y=[];for(let t=0;t<e.length;t+=m){y.push(e.slice(t,t+m))}const w=(e,r,h)=>{const n=r===0&&h===0;const y=r===v-1&&h===m-1;const w=a===e;const g=s===e;return t("ic-button",{key:e,role:"gridcell",id:n?"prev-decade-button":y?"next-decade-button":undefined,class:{"prev-decade":n,"next-decade":y,"year-button":true,selected:!n&&!y?w:false,focussed:!n&&!y?g:false,flip:y},"full-width":true,disabled:!x(e,c,l),"data-year":e,tabIndex:n||y?-1:g?0:-1,variant:n||y?"tertiary":w?"primary":"tertiary",onClick:u,onMouseDown:n||y?p:undefined,size:i,"aria-label":!n&&!y?w?"":`select ${e}`:undefined,"aria-current":!n&&!y?w?"true":"false":undefined,onKeyDown:!n&&!y?o:undefined,onFocus:!n&&!y?f:undefined,onBlur:!n&&!y?b:undefined,ref:!n&&!y&&g?t=>t&&d(t):undefined},n?`${e-9}s`:y?`${e}s`:e,(n||y)&&t("svg",{slot:n?"left-icon":"right-icon",width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},t("path",{d:"M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z",fill:"currentColor"})))};return t("div",{class:"year-picker",role:"grid"},y.map(((e,i)=>t("div",{class:"year-picker-row",role:"row",key:i},e.map(((t,e)=>w(t,i,e)))))))};const B='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-date-picker-above) .calendar-container{bottom:calc(var(--ic-space-xxl) - var(--ic-space-xxs))}:host(.ic-date-picker-calendar) .calendar-container{position:absolute;min-width:19rem;max-width:23.5rem;width:var(--input-width);margin-top:var(--ic-space-xxxs);animation:fade-in-calendar var(--ic-transition-duration-slow);box-shadow:var(--ic-calendar-elevation)}:host .calendar-container{display:flex;flex-direction:column;gap:var(--ic-space-xs);width:-moz-fit-content;width:fit-content;border:var(--ic-border-default);border-color:var(--ic-calendar-border);border-radius:var(--ic-border-radius);align-items:center;background-color:var(--ic-calendar-bg);z-index:var(--ic-z-index-calendar);box-sizing:border-box;padding:var(--ic-space-xs)}:host(.ic-calendar-small) .calendar-container{min-width:17rem;max-width:21.5rem}:host(.ic-calendar-large) .calendar-container{min-width:21rem;max-width:25.5rem}:host(.ic-calendar-large){--month-button-width:6.3125rem}:host(.ic-calendar-small){--month-button-width:6.25rem}:host .month-year-nav-container{display:flex;justify-content:space-between;align-items:center;align-self:stretch}:host .month-year-nav-container.hidden{display:none}:host .month-year-nav{display:flex;justify-content:space-between;align-items:center;flex:1 0 0}:host .month-picker,:host .year-picker{display:flex;flex-direction:column;align-items:center;width:17.5rem;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs);row-gap:var(--ic-space-xxs)}:host(.ic-calendar-small) .month-picker,:host(.ic-calendar-small) .year-picker{width:13.125rem}:host(.ic-calendar-large) .month-picker,:host(.ic-calendar-large) .year-picker{width:20rem}:host .month-picker .month-picker-row,:host .year-picker .year-picker-row{display:inline-grid;grid-template-columns:repeat(3, minmax(0, 1fr));width:100%;gap:var(--ic-space-xs)}:host(.ic-calendar-small) .month-picker .month-picker-row,:host(.ic-calendar-small) .year-picker .year-picker-row{grid-template-columns:repeat(2, minmax(0, 1fr))}:host .month-picker-button,:host .year-picker-button{width:5rem;--min-width:5rem}:host .month-button,:host .year-button{width:var(--month-button-width)}:host .month-button.focussed,:host .year-button.focussed{z-index:1}:host .month-button::part(button),:host .year-button::part(button){min-width:var(--month-button-width);padding:var(--ic-space-xs) auto}:host .prev-decade.year-button svg{margin-right:calc(-1 * var(--ic-space-xs));--icon-width:var(--ic-space-md);--icon-height:var(--ic-space-md)}:host(.ic-calendar-small) .prev-decade.year-button svg{margin-right:calc(-1 * calc(var(--ic-space-md) + var(--ic-space-1px)))}:host(.ic-calendar-large) .prev-decade.year-button svg{margin-right:calc(-1 * calc(var(--ic-space-md) + var(--ic-space-xxs)))}:host .prev-decade.year-button::part(button){padding-left:0;padding-right:var(--ic-space-lg);gap:var(--ic-space-xxxs);display:inline-grid;grid-template-columns:1.5rem 1fr}:host(.ic-calendar-small) .prev-decade.year-button::part(button){padding-left:0;padding-right:calc(var(--ic-space-lg) + var(--ic-space-xxs))}:host .next-decade.year-button svg{margin-left:calc(-1 * var(--ic-space-lg));--icon-width:var(--ic-space-md);--icon-height:var(--ic-space-md)}:host(.ic-calendar-small) .next-decade.year-button svg,:host(.ic-calendar-large) .next-decade.year-button svg{margin-left:calc(\n    -1 * (var(--ic-space-lg) + var(--ic-space-xs) + var(--ic-space-1px))\n  )}:host .next-decade.year-button::part(button){padding-right:0;padding-left:var(--ic-space-lg);gap:var(--ic-space-xxxs);display:inline-grid;grid-template-columns:1fr 1.5rem}:host(.ic-calendar-small) .next-decade.year-button::part(button),:host(.ic-calendar-large) .next-decade.year-button::part(button){padding-left:calc(var(--ic-space-xl) - var(--ic-space-xxs))}:host .bottom-buttons{display:flex;justify-content:space-between;align-items:center;align-self:stretch;animation:fade-in-buttons var(--ic-transition-duration-slow)}:host .bottom-buttons.no-today{align-items:flex-end;flex-direction:column}:host .bottom-buttons.hidden{display:none}:host .calendar{display:flex;flex-direction:column;align-items:flex-start;width:15.75rem;animation:fade-in-buttons var(--ic-transition-duration-slow)}:host(.ic-calendar-large) .calendar{width:19.25rem}:host(.ic-calendar-small) .calendar{padding-bottom:var(--ic-space-xxs);width:14rem}:host .hidden{display:none}:host .weekdays-container{display:flex;align-self:stretch}:host .weekdays{display:flex;flex-grow:1;justify-content:space-between;align-items:flex-start;padding-bottom:var(--ic-space-xs)}:host .calendar-days-container{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:var(--ic-space-xs);padding:var(--ic-space-xxs) 0;min-height:16rem;align-content:flex-start}:host(.ic-calendar-small) .calendar-days-container{padding:var(--ic-space-xxxs) 0;min-height:14.5rem}:host(.ic-calendar-large) .calendar-days-container{padding:var(--ic-space-xs) 0;min-height:17.5rem}:host .calendar-days-container tr{display:flex;flex-grow:1;justify-content:space-between;border-spacing:0}:host .calendar-day-header{display:flex;width:2rem;padding:var(--ic-space-xxs) 0;justify-content:center;align-items:center;color:var(--ic-typography-color, var(--ic-color-text-primary));--ic-typography-color:var(--ic-calendar-label);text-align:center;font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-calendar-large) .calendar-day-header{padding:var(--ic-space-xxs)}:host .day-button-container{display:flex;justify-content:center;align-items:center;width:2.25rem;height:2.25rem}:host(.ic-calendar-small) .day-button-container{width:2rem;height:2rem}:host(.ic-calendar-large) .day-button-container{width:2.5rem;height:2.5rem}:host .day-button{display:flex;position:relative;justify-content:center;align-items:center;border:0;border-radius:2rem;background-color:var(--ic-calendar-bg);width:2rem;height:2rem;cursor:pointer;transition:var(--ic-easing-transition-fast);z-index:0}:host .day-button.disabled{cursor:default}:host(.ic-calendar-large) .day-button{width:2.25rem;height:2.25rem}:host(.ic-calendar-small) .day-button{width:1.75rem;height:1.75rem}:host .day-button ic-typography{width:1.75rem;--ic-typography-color:var(--ic-calendar-date-label-default)}:host .day-button.outside-range ic-typography{--ic-typography-color:var(--ic-calendar-date-label-disabled)}:host .day-button.outside-month ic-typography{font-weight:var(--ic-font-weight-regular) !important}:host .day-button.outside-month:not(.outside-range):not(.selected) ic-typography{--ic-typography-color:var(--ic-calendar-date-label-default)}:host .day-button:hover:not(.disabled){background-color:var(--ic-calendar-date-default-bg-hover)}:host .day-button:active:not(.disabled){background-color:var(--ic-calendar-date-default-bg-pressed)}@media (prefers-reduced-motion: no-preference){:host .day-button:hover:not(.disabled):not(.focussed),:host .day-button:active:not(.disabled):not(.focussed){transition:background-color var(--ic-transition-duration-slow) ease-in-out}}:host .day-button.selected:not(.hidden){background-color:var(--ic-calendar-date-active-bg-default)}:host .day-button.selected ic-typography{--ic-typography-color:var(--ic-calendar-date-label-selected)}:host .day-button.selected:not(.hidden):hover{background-color:var(--ic-calendar-date-active-bg-hover)}:host .day-button.selected:not(.hidden):active{background-color:var(--ic-calendar-date-active-bg-pressed)}:host .day-button.focussed{z-index:1}:host .day-button:focus{outline:none}:host .day-button.focussed:focus{box-shadow:var(--ic-border-focus)}:host .day-button.today:not(.hidden)::after{content:"";position:absolute;width:0.875rem;height:0.125rem;bottom:0.4rem;border-radius:var(--ic-border-radius);background-color:var(--ic-calendar-default-underline)}:host(.ic-calendar-small) .day-button.today::after{bottom:0.35rem}:host(.ic-calendar-large) .day-button.today::after{width:1rem}:host .day-button.today.selected::after{background-color:var(--ic-calendar-selected-underline)}:host #select-month-hint,:host #select-year-hint{display:none}.sr-only{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){:host .calendar-container,:host .calendar,:host .bottom-buttons{animation:none}}@keyframes fade-in-buttons{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes fade-in-calendar{0%{display:flex;max-height:0}100%{display:flex;max-height:600px}}@media (forced-colors: active){:host .day-button.today:not(.hidden)::after{background-color:highlight}:host .day-button.selected:not(.hidden){background-color:highlight}:host .day-button.focussed:focus{border:var(--ic-border-hc)}:host .month-button.selected::part(button),:host .year-button.selected::part(button){background-color:highlight}}';const E=B;const F=100;const N=class{constructor(s){e(this,s);this.icChange=i(this,"icChange",7);this.icCalendarClearButtonClick=i(this,"icCalendarClearButtonClick",7);this.icCalendarDaySelect=i(this,"icCalendarDaySelect",7);this.icCalendarMonthSelect=i(this,"icCalendarMonthSelect",7);this.icCalendarYearSelect=i(this,"icCalendarYearSelect",7);this.daysOfWeek=[];this.dayButtonFocussed=false;this.dayPickerKeyboardNav=false;this.dialogDescription="";this.focusDay=true;this.liveRegionEl=undefined;this.monthNames=[];this.monthInViewUpdateHandled=false;this.parentIsDatePicker=false;this.today=new Date;this.yearButtonFocussed=false;this.clearButtonClicked=false;this.currMonthView=[];this.currYearPickerView=[];this.decadeView=[];this.focussedDate=null;this.maxDate=null;this.minDate=null;this.monthPickerVisible=false;this.orderedDaysOfWeek=[];this.selectedDate=null;this.yearPickerVisible=false;this.dateFormat="DD/MM/YYYY";this.disabled=false;this.disableDays=[];this.disableFuture=false;this.disablePast=false;this.max="";this.min="";this.openAtDate="";this.showClearButton=true;this.showDaysOutsideMonth=true;this.showTodayButton=true;this.size="medium";this.startOfWeek=o.Monday;this.theme="inherit";this.value="";this.isValidDateValue=t=>{if(t==null)return true;if(t instanceof Date){return!isNaN(t.getTime())}if(typeof t!=="string")return false;const e=/^\d{4}-\d{2}-\d{2}(?:[T\s]\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:?\d{2})?)?$/;if(e.test(t)){return!isNaN(Date.parse(t))}const[i,s,a]=t.split("/").map(Number);if([i,s,a].some(isNaN))return false;let r,h,n;switch(this.dateFormat){case"DD/MM/YYYY":[r,h,n]=[i,s,a];break;case"MM/DD/YYYY":[h,r,n]=[i,s,a];break;case"YYYY/MM/DD":[n,h,r]=[i,s,a];break;default:return false}if(h<1||h>12||r<1||r>31)return false;const o=new Date(n,h-1,r);return o.getFullYear()===n&&o.getMonth()===h-1&&o.getDate()===r};this.isPresent=t=>t!==""&&t!==undefined&&t!==null;this.setOpenAtDate=()=>{var t;let e=null;if(this.disabled){e=new Date}else{if(this.clearButtonClicked){e=this.focussedDate?this.focussedDate:new Date;this.clearButtonClicked=false}else{if(!this.disabled&&this.value!=null&&this.isValidDateValue(this.value)){e=D(this.value,this.dateFormat)}if(!!e&&w(e,this.minDate,this.maxDate)){const i=e.getDay();if(!!this.disableDays&&this.disableDays.length>0&&typeof i=="number"&&this.disableDays.includes(i)){e=D((t=this.value)!==null&&t!==void 0?t:new Date,this.dateFormat);this.setSelectedDate(null)}else{this.setSelectedDate(e)}}else if(this.isPresent(this.openAtDate)){e=D(this.openAtDate,this.dateFormat)}else{e=new Date}}}this.setFocussedDate(e);this.updateMonthInView();let i=this.getMonthInViewText();if(this.selectedDate===null){i+=" No date selected."}i+=` Use arrow keys to change day. Press enter or space to select a date${this.parentIsDatePicker?" or press escape to close the picker":""}.`;this.dialogDescription=i;setTimeout((()=>this.focusFocussedDay()),F)};this.setFocussedDayEl=t=>{this.focussedDayEl=t};this.setFocussedMonthEl=t=>{this.focussedMonthEl=t};this.setFocussedYearEl=t=>{this.focussedYearEl=t};this.setFocussedYear=(t,e=true)=>{const i=this.focussedYear;this.focussedYear=t;if(this.yearPickerVisible){const s=Math.floor(t/10)*10;const a=Math.floor(i/10)*10;if(s!==a){this.setDecadeView(s);this.setAriaLiveRegionText(this.getDecadeInViewText())}if(e){setTimeout((()=>{if(this.focussedYearEl!==null)this.focussedYearEl.setFocus()}),F)}}else{this.setDecadeView(Math.floor(t/10)*10)}};this.setFocussedDate=t=>{this.focussedDate=$(t,this.minDate,this.maxDate)};this.setSelectedDate=(t,e=true)=>{if(t===null||!z(t,this.selectedDate)){this.selectedDate=t;this.value=t;if(e){this.icChange.emit(this.setDateChangeEventDetail(t))}}};this.setDateChangeEventDetail=t=>{let e=null;let i=null;let s=null;let a=null;if(t!==null){e=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate()));i=M(t.getDate());s=M(t.getMonth()+1);a=t.getFullYear().toString()}return{value:t,dateObject:{day:i===""?null:i,month:s===""?null:s,year:a===""?null:a},utcValue:e}};this.setAriaLiveRegionText=t=>{this.liveRegionEl&&(this.liveRegionEl.innerText=t)};this.goToPreviousMonth=(t=false)=>{this.focusDay=t;this.moveMonths(-1)};this.goToNextMonth=(t=false)=>{this.focusDay=t;this.moveMonths(1)};this.goToPreviousYear=(t=false)=>{if(this.isPrevYearAllowed()){this.focusDay=t;this.moveYears(-1)}};this.goToNextYear=(t=false)=>{if(this.isNextYearAllowed()){this.focusDay=t;this.moveYears(1)}};this.moveDays=t=>{if(this.focussedDate){const e=new Date(this.focussedDate);e.setDate(e.getDate()+t);this.setFocussedDate(e)}};this.moveMonths=t=>{if(this.focussedDate){const e=this.focussedDate.getMonth()+t;const i=new Date(new Date(k(this.focussedDate)).setMonth(e));const s=g(i);const a=new Date(new Date(this.focussedDate).setMonth(e));this.setFocussedDate($(a,i,s));if(this.monthPickerVisible===false&&this.yearPickerVisible===false&&this.monthInViewUpdateHandled===false){this.setAriaLiveRegionText(this.getMonthInViewText())}this.monthInViewUpdateHandled=false}};this.moveYears=t=>{if(this.focussedDate){const e=this.focussedDate.getFullYear()+t;const i=new Date(new Date(k(this.focussedDate)).setFullYear(e));const s=g(i);const a=new Date(new Date(this.focussedDate).setFullYear(e));this.setFocussedDate($(a,i,s));if(this.monthPickerVisible===false&&this.yearPickerVisible===false&&this.monthInViewUpdateHandled===false){this.setAriaLiveRegionText(this.getMonthInViewText())}this.monthInViewUpdateHandled=false}};this.updateFocussedMonth=t=>{const e=new Date(this.focussedYear,this.focussedMonth,1);e.setMonth(this.focussedMonth+t);const i=$(e,this.minDate,this.maxDate);this.focussedMonth=i.getMonth();setTimeout((()=>this.focussedMonthEl.setFocus()),F)};this.updateFocussedYear=(t,e=true)=>{const i=new Date((new Date).setFullYear(this.focussedYear+t));const s=$(i,this.minDate,this.maxDate);this.setFocussedYear(s.getFullYear(),e)};this.getNextDayToFocus=(t,e,i=1)=>{var s;const a=e?1:-1;const r=new Date(t);r.setDate(r.getDate()+a);return((s=this.disableDays)===null||s===void 0?void 0:s.includes(Number(r.getDay())))?this.getNextDayToFocus(r,e,i+1):i};this.focusFirstElement=()=>{var t;(t=this.monthButtonEl)===null||t===void 0?void 0:t.setFocus()};this.focusLastElement=()=>{if(this.showClearButton&&this.clearButtonEl&&!this.clearButtonEl.disabled){this.clearButtonEl.setFocus()}else if(this.showTodayButton&&this.todayButtonEl&&!this.todayButtonEl.disabled){this.todayButtonEl.setFocus()}else if(this.monthPickerVisible){this.focussedMonthEl.setFocus()}else if(this.yearPickerVisible){this.focussedYearEl.setFocus()}else{this.focussedDayEl.focus()}};this.focusFocussedDay=()=>{this.focussedDayEl.focus()};this.monthButtonClickHandler=()=>{this.yearPickerVisible=false;this.focusDay=false;this.monthPickerVisible=!this.monthPickerVisible;if(this.monthPickerVisible){this.setAriaLiveRegionText("Month picker view open")}else{this.setMonthSelectedLiveRegionText();this.icCalendarMonthSelect.emit()}};this.yearButtonClickHandler=()=>{this.monthPickerVisible=false;this.focusDay=false;this.yearPickerVisible=!this.yearPickerVisible;if(this.yearPickerVisible){this.setAriaLiveRegionText(`Year picker view open. ${this.getDecadeInViewText()}`)}else{this.setYearSelectedLiveRegionText();this.icCalendarYearSelect.emit()}};this.todayButtonClickHandler=()=>{this.yearPickerVisible=false;this.monthPickerVisible=false;this.setFocussedDate(new Date);this.setAriaLiveRegionText(this.getMonthInViewText());setTimeout((()=>this.focusFocussedDay()),F)};this.clearButtonClickHandler=()=>{this.clearButtonClicked=true;this.selectedDate&&this.setFocussedDate(this.selectedDate);this.setSelectedDate(null);this.icChange.emit(this.setDateChangeEventDetail(this.selectedDate));let t="Selected date cleared.";if(!this.monthPickerVisible&&!this.yearPickerVisible){t+=` ${this.getMonthInViewText()}`}if(this.monthPickerVisible){this.focussedMonthEl.setFocus()}else if(this.yearPickerVisible){this.focussedYearEl.setFocus()}else{this.focusFocussedDay()}this.setAriaLiveRegionText(t)};this.monthYearNavClickHandler=t=>{const e=t.target;switch(e.id){case"previous-month-button":this.goToPreviousMonth(this.dayButtonFocussed);break;case"next-month-button":this.goToNextMonth(this.dayButtonFocussed);break;case"previous-year-button":this.goToPreviousYear(this.dayButtonFocussed);break;case"next-year-button":this.goToNextYear(this.dayButtonFocussed);break}};this.handleCalendarClick=t=>{this.clearDialogDescription();t.stopImmediatePropagation()};this.handleCalendarKeyDown=t=>{let e=true;switch(t.key){case"ArrowDown":this.dayPickerKeyboardNav=true;this.moveDays(7);break;case"ArrowUp":this.dayPickerKeyboardNav=true;this.moveDays(-7);break;case"ArrowLeft":this.dayPickerKeyboardNav=true;if(this.focussedDate)this.moveDays(-1*this.getNextDayToFocus(this.focussedDate,false));break;case"ArrowRight":this.dayPickerKeyboardNav=true;if(this.focussedDate)this.moveDays(this.getNextDayToFocus(this.focussedDate,true));break;case"PageUp":this.dayPickerKeyboardNav=true;t.shiftKey?this.moveYears(-1):this.moveMonths(-1);break;case"PageDown":this.dayPickerKeyboardNav=true;t.shiftKey?this.moveYears(1):this.moveMonths(1);break;case"Home":this.dayPickerKeyboardNav=true;this.setFocussedDate(new Date(this.focussedYear,this.focussedMonth,1));break;case"End":this.dayPickerKeyboardNav=true;this.setFocussedDate(new Date(this.focussedYear,this.focussedMonth+1,0));break;case"Tab":e=this.calendarTabHandler(t);break;default:e=false;break}if(e){t.preventDefault()}};this.monthPickerKeyDownHandler=t=>{let e=true;switch(t.key){case"ArrowUp":case"ArrowLeft":this.updateFocussedMonth(-1);break;case"ArrowDown":case"ArrowRight":this.updateFocussedMonth(1);break;case"Home":this.updateFocussedMonth(-this.focussedMonth);break;case"End":this.updateFocussedMonth(11-this.focussedMonth);break;case"Tab":e=this.calendarTabHandler(t);break;case"Escape":t.stopImmediatePropagation();this.monthPickerVisible=false;setTimeout((()=>this.focusFocussedDay()),F);break;default:e=false}if(e){t.preventDefault()}};this.yearPickerKeyDownHandler=t=>{let e=true;switch(t.key){case"ArrowUp":case"ArrowLeft":this.updateFocussedYear(-1);break;case"ArrowDown":case"ArrowRight":this.updateFocussedYear(1);break;case"Home":if(this.focussedYear>this.decadeStart){this.updateFocussedYear(this.decadeStart-this.focussedYear)}break;case"End":if(this.focussedYear<this.decadeEnd){this.updateFocussedYear(this.decadeEnd-this.focussedYear)}break;case"PageUp":this.updateFocussedYear(-10);break;case"PageDown":this.updateFocussedYear(10);break;case"Tab":e=this.calendarTabHandler(t);break;case"Escape":t.stopImmediatePropagation();this.yearPickerVisible=false;setTimeout((()=>this.focusFocussedDay()),F);break;default:e=false}if(e){t.preventDefault()}};this.monthButtonKeyDownHandler=t=>{let e=false;switch(t.key){case"ArrowLeft":case"ArrowUp":e=true;this.goToPreviousMonth();break;case"ArrowRight":case"ArrowDown":e=true;this.goToNextMonth();break;case"Home":e=true;this.focusDay=false;this.moveMonths(-this.monthInView);break;case"End":e=true;this.focusDay=false;this.moveMonths(11-this.monthInView);break;case"Tab":if(t.shiftKey){e=true;this.focusLastElement()}break;case"Escape":if(this.monthPickerVisible){this.monthPickerVisible=false;t.stopImmediatePropagation()}break}if(e){t.preventDefault()}};this.yearButtonKeyDownHandler=t=>{let e=false;switch(t.key){case"ArrowLeft":case"ArrowUp":e=true;this.goToPreviousYear();break;case"ArrowRight":case"ArrowDown":e=true;this.goToNextYear();break;case"Home":if(this.yearPickerVisible&&this.yearInView>this.decadeStart){e=true;this.moveYears(this.decadeStart-this.yearInView)}break;case"End":if(this.yearPickerVisible&&this.yearInView<this.decadeEnd){e=true;this.moveYears(this.decadeEnd-this.focussedYear)}break;case"PageUp":e=true;this.focusDay=false;this.moveYears(-10);break;case"PageDown":e=true;this.focusDay=false;this.moveYears(10);break;case"Escape":if(this.yearPickerVisible){this.yearPickerVisible=false;t.stopImmediatePropagation()}break}if(e){t.preventDefault()}};this.todayButtonKeyDownHandler=t=>{var e;if(t.key==="Tab"&&!t.shiftKey&&((e=this.clearButtonEl)===null||e===void 0?void 0:e.disabled)&&this.parentIsDatePicker){this.focusFirstElement();t.preventDefault()}};this.clearButtonKeyDownHandler=t=>{if(t.key==="Tab"&&!t.shiftKey&&this.parentIsDatePicker){this.focusFirstElement();t.preventDefault()}};this.calendarTabHandler=t=>{var e,i;let s=false;if(!t.shiftKey&&(!this.showTodayButton||this.isCurrentMonth())&&(!this.showClearButton||((e=this.clearButtonEl)===null||e===void 0?void 0:e.disabled))&&this.parentIsDatePicker){this.focusFirstElement();s=true}else if(t.shiftKey){(i=this.yearButtonEl)===null||i===void 0?void 0:i.setFocus();s=true}return s};this.setMonthSelectedLiveRegionText=()=>{this.setAriaLiveRegionText(`${this.monthNames[this.monthInView]} selected. ${this.getMonthInViewText()}`)};this.setYearSelectedLiveRegionText=()=>{this.setAriaLiveRegionText(`${this.yearInView} selected. ${this.getMonthInViewText()}`)};this.setDecadeView=t=>{let e=t-1;const i=[];while(e<=t+10){i.push(e);e++}this.decadeView=i;this.decadeStart=i[1];this.decadeEnd=i[10]};this.getMonthInViewText=()=>`${this.monthNames[this.monthInView]} ${this.yearInView} currently in view.`;this.getDecadeInViewText=()=>`${this.decadeStart} to ${this.decadeEnd} currently in view.`;this.isPrevYearAllowed=()=>this.isYearAllowed(this.yearInView-1);this.isNextYearAllowed=()=>this.isYearAllowed(this.yearInView+1);this.isYearAllowed=t=>x(t,this.minDate,this.maxDate);this.getMonthView=t=>{const e=H(k(t),this.startOfWeek);const i=Y(e);const s=[];let a=e;while(!z(a,i)){s.push(a);a=new Date(a);a.setDate(a.getDate()+1)}s.push(a);return s};this.isCurrentMonth=()=>{const t=new Date;return t.getFullYear()===this.yearInView&&t.getMonth()===this.monthInView};this.updateMonthInView=()=>{if(this.focussedDate){this.currMonthView=this.getMonthView(this.focussedDate);this.focussedDay=this.focussedDate.getDate();this.monthInView=this.focussedDate.getMonth();this.yearInView=this.focussedDate.getFullYear();if(this.dayPickerKeyboardNav){this.monthInViewUpdateHandled=true;this.setAriaLiveRegionText(this.getMonthInViewText());this.dayPickerKeyboardNav=false}}};this.navButtonMouseDownHandler=t=>{t.preventDefault()};this.handleCalendarMouseDown=t=>{const e=t.target;if(e.tagName!=="IC-BUTTON"){t.preventDefault()}};this.handleSelectDay=t=>{this.setSelectedDate(t);this.setFocussedDate(t);this.icCalendarDaySelect.emit()};this.handleSelectMonth=t=>{this.moveMonths(t-this.monthInView);setTimeout((()=>{var t;(t=this.monthButtonEl)===null||t===void 0?void 0:t.setFocus();this.monthPickerVisible=false;this.setMonthSelectedLiveRegionText();this.icCalendarMonthSelect.emit()}),F)};this.handleSelectYear=t=>{const e=this.decadeView.indexOf(t);if(e>0&&e<this.decadeView.length-1){this.moveYears(t-this.yearInView);this.focusDay=false;const e=this.monthNames[this.monthInView];this.setAriaLiveRegionText(`${t} selected. ${e} ${t} currently in view.`);setTimeout((()=>{var t;(t=this.yearButtonEl)===null||t===void 0?void 0:t.setFocus();this.yearPickerVisible=false;this.icCalendarYearSelect.emit()}),F)}else{const e=t-this.focussedYear>0?10:-10;this.updateFocussedYear(e,this.yearButtonFocussed);this.setAriaLiveRegionText(this.getDecadeInViewText())}};this.onDayButtonFocusHandler=()=>{this.dayButtonFocussed=true};this.onDayButtonBlurHandler=()=>{this.dayButtonFocussed=false};this.onYearButtonFocusHandler=()=>{this.yearButtonFocussed=true};this.onYearButtonBlurHandler=()=>{this.yearButtonFocussed=false};this.renderMonthYearNavButton=(e,i,s)=>{const a=this.size;return t("ic-button",{id:e,disableTooltip:true,disabled:s,onClick:this.monthYearNavClickHandler,class:{flip:i},variant:"icon-tertiary",innerHTML:I,size:a,tabIndex:-1,"aria-label":`Go to ${e.slice(0,-7).replace("-"," ")}`,onMouseDown:this.navButtonMouseDownHandler})};this.previousMonthButton=()=>{let t=false;if(this.disabled){t=true}else{if(this.focussedDate!==null&&this.minDate!==null){const e=this.focussedDate.getFullYear()===this.minDate.getFullYear();if(e){t=this.monthInView-1<this.minDate.getMonth()}}}return this.renderMonthYearNavButton("previous-month-button",true,t)};this.nextMonthButton=()=>{let t=false;if(this.disabled){t=true}else{if(this.focussedDate!==null&&this.maxDate!==null){const e=this.focussedDate.getFullYear()===this.maxDate.getFullYear();if(e){t=this.monthInView+1>this.maxDate.getMonth()}}}return this.renderMonthYearNavButton("next-month-button",false,t)};this.previousYearButton=()=>this.renderMonthYearNavButton("previous-year-button",true,this.disabled||!this.isPrevYearAllowed());this.nextYearButton=()=>this.renderMonthYearNavButton("next-year-button",false,this.disabled||!this.isNextYearAllowed())}watchDisabledHandler(){c(this.disabled,this.el);if(this.disabled){this.setSelectedDate(null)}else{this.setOpenAtDate()}}watchDisableFutureHandler(){this.watchMaxHandler()}watchDisablePastHandler(){this.watchMinHandler()}watchMaxHandler(){if(this.disableFuture){this.maxDate=new Date}else{this.maxDate=D(this.max,this.dateFormat)}}watchMinHandler(){if(this.disablePast){this.minDate=new Date}else{this.minDate=D(this.min,this.dateFormat)}}watchStartOfWeekHandler(){this.orderedDaysOfWeek=this.daysOfWeek.slice(this.startOfWeek).concat(this.daysOfWeek.slice(0,this.startOfWeek));this.updateMonthInView()}valueChanged(t,e,i){if(t!==e&&this.isValidDateValue(t)){if(i==="value"){this.value=t}this.setOpenAtDate()}}watchFocussedDateHandler(t,e){if(e===null||!(e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth())){this.updateMonthInView()}}watchMonthInViewHandler(){this.focussedMonth=this.monthInView}watchYearInViewHandler(){this.setFocussedYear(this.yearInView,false)}watchYearPickerVisibleHandler(){if(!this.yearPickerVisible){this.setFocussedYear(this.yearInView)}}watchMonthPickerVisibleHandler(){if(!this.monthPickerVisible){this.focussedMonth=this.monthInView}}watchFocussedDayEl(){if(this.focusDay){setTimeout((()=>this.focusFocussedDay()),F)}this.focusDay=true}componentWillLoad(){var t;const e=this.el.getRootNode();this.parentIsDatePicker=e instanceof ShadowRoot&&((t=e.host)===null||t===void 0?void 0:t.tagName)==="IC-DATE-PICKER";this.monthNames=r(n);this.daysOfWeek=r(l);this.watchStartOfWeekHandler();this.watchMaxHandler();this.watchMinHandler();this.setOpenAtDate();c(this.disabled,this.el)}async clearDialogDescription(){this.dialogDescription=""}render(){const{dialogDescription:e,monthNames:i,focussedMonth:a,focussedYear:r,monthInView:h,yearInView:n,monthPickerVisible:o,yearPickerVisible:c,decadeView:l,minDate:d,maxDate:u,orderedDaysOfWeek:f,parentIsDatePicker:b,showClearButton:p,showTodayButton:m,size:v,theme:y}=this;let g="";if(o){g=`Use the arrow keys to change the selected month. To return to day picker view, press Enter or Space to select a month, or press Escape.`}else{g=`Press Enter or Space to open month picker view or use the arrow keys to change month.`}let k="";if(c){k=`Use the arrow keys to change the selected year. To return to day picker view, press Enter or Space to select a year, or press Escape.`}else{k=`Press Enter or Space to open year picker view or use the arrow keys to change the selected year.`}const x="choose date";const D=i&&i[h]?i[h]:"Open month picker";const $=this.yearInView?this.yearInView:"Open year picker";let M=d;if(d&&this.disablePast){const t=new Date(d);t.setDate(d.getDate()-1);M=t}const H=[];for(let t=0;t<this.currMonthView.length;t+=7){H.push(this.currMonthView.slice(t,t+7))}return t(s,{key:"5811c7e3bf515643f11c4ecd66e166ab672a15ab",class:{[`ic-calendar-${v}`]:true,[`ic-theme-${y}`]:y!=="inherit"}},t("div",{key:"56f6fbfa98519f60e040d524f19d52bb2449e96d"},t("span",{key:"a52cc22ba545f12ccde1541b84bddbedc1a88734",id:"dialog-description",class:"sr-only"},e),t("div",Object.assign({key:"a4f6a18f109f7c55c5ba9a369dbc47352d215517"},b&&{role:"dialog","aria-modal":"true"},{"aria-label":x,"aria-describedBy":"dialog-description",class:{"calendar-container":true},onMouseDown:this.handleCalendarMouseDown,onClick:this.handleCalendarClick}),t("span",{key:"63a3c2c916c905efce47669886edff51422fd755",ref:t=>this.liveRegionEl=t,id:"live-region","aria-live":"assertive",class:"sr-only"}),t("div",{key:"d553857fb83f497d666355b283391530a94c09a9",class:{"month-year-nav-container":true}},t("div",{key:"aff93454cc4f27db3e8464ac4289471c353f0086",class:"month-year-nav"},this.previousMonthButton(),t("span",{key:"a4771ae4d86e75fbf80134a4a53190a9d9402297",id:"select-month-hint","aria-hidden":"true"},g),t("ic-button",{key:"325ed5a8bb306b318c2fa471de7ac82ac0e98e2e",ref:t=>this.monthButtonEl=t,size:v,class:"month-picker-button",disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":o?"true":"false","full-width":"true",variant:"tertiary","aria-label":D,"aria-describedby":"select-month-hint",onKeyDown:this.monthButtonKeyDownHandler,onClick:this.monthButtonClickHandler},i[h]),this.nextMonthButton()),t("div",{key:"91adac1ecbcccbab1b1c76c741ea64b2d7efe818",class:"month-year-nav"},this.previousYearButton(),t("span",{key:"2ccac8cb808bfd951f36e5f371c128ff9e1bf84e",id:"select-year-hint","aria-hidden":"true"},k),t("ic-button",{key:"289835494a1015ec0ea67e8885c627ad1436b404",ref:t=>this.yearButtonEl=t,size:v,class:"year-picker-button",disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":c?"true":"false","full-width":"true",variant:"tertiary","aria-label":$,"aria-describedby":"select-year-hint",onKeyDown:this.yearButtonKeyDownHandler,onClick:this.yearButtonClickHandler},this.yearInView),this.nextYearButton())),!(o||c)&&t("table",{key:"d1bff2567dee5787f0ccd9ba2c0c40aa2c5e671a",role:"grid",class:{calendar:true,hidden:o||c},onKeyDown:this.handleCalendarKeyDown},t("thead",{key:"9dccafd91918a15ec52fd641991e0803ccb65468",class:"weekdays-container"},t("tr",{key:"2ecccfb88a4220bec5ed80b4819651f57a819909",class:"weekdays"},f.map((e=>{const i=v==="small"?e.charAt(0):e;return t("th",{scope:"col",class:"calendar-day-header"},i)})))),t("tbody",{key:"9c676dff19754d06310e626c8aba69e05ca8a71e",class:"calendar-days-container"},H.map(((e,i)=>t("tr",{key:i},e.map((e=>{var i;return t("td",{key:e.toISOString()},t(L,{day:e,disableDay:this.disabled||((i=this.disableDays)===null||i===void 0?void 0:i.includes(Number(e.getDay()))),today:z(e,this.today),selected:z(e,this.selectedDate),focussed:z(e,this.focussedDate),inRange:w(e,M,u),monthInView:h,onSelectDay:this.handleSelectDay,focussedDayRef:this.setFocussedDayEl,onFocusDay:this.onDayButtonFocusHandler,onBlurDay:this.onDayButtonBlurHandler,showDaysOutsideMonth:this.showDaysOutsideMonth}))}))))))),t("div",{key:"5137281599f0ad0c3d1658448b740d1192073ad2",class:{"month-picker-container":true,hidden:!o}},o&&t(j,{key:"460809cfbfb7db2aacd28470220863769c884651",size:v,onSelectMonth:this.handleSelectMonth,monthInView:h,focussedMonth:a,onKeyDown:this.monthPickerKeyDownHandler,focussedMonthRef:this.setFocussedMonthEl,minDate:d,maxDate:u,yearInView:n})),t("div",{key:"af3eb48f6bbeaf1a1ccdbb7a5f941241d10e6c4f",class:{"year-picker-container":true,hidden:!c}},c&&t(A,{key:"4de6dd0c0563a6519b39f0fdf58a329a7bba450c",decadeView:l,size:v,focussedYear:r,onSelectYear:this.handleSelectYear,onKeyDown:this.yearPickerKeyDownHandler,onFocusYear:this.onYearButtonFocusHandler,onBlurYear:this.onYearButtonBlurHandler,yearInView:n,minDate:d,maxDate:u,focussedYearRef:this.setFocussedYearEl})),t("div",{key:"18495cc7c4150208bb64a0a222a7e233ea3a93d7",class:{"bottom-buttons":true,"no-today":!m}},m&&t("ic-button",{key:"d8623ea2ecc501dc77ad3fd47cd9f41b8e104c86",id:"today-button",variant:"tertiary",ref:t=>this.todayButtonEl=t,size:v,"aria-label":"Navigate to current date",onClick:this.todayButtonClickHandler,onKeyDown:this.todayButtonKeyDownHandler,disabled:this.isCurrentMonth()},"Go to today"),p&&t("ic-button",{key:"40df11d2d3b36a505bab8c60acbbfb1eed03eddb",id:"clear-button","aria-label":"clear selected date",ref:t=>this.clearButtonEl=t,variant:"tertiary",size:v,onClick:this.clearButtonClickHandler,onKeyDown:this.clearButtonKeyDownHandler,disabled:this.value===""||this.value===null||this.value===undefined},"Clear")))))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],disableFuture:["watchDisableFutureHandler"],disablePast:["watchDisablePastHandler"],max:["watchMaxHandler"],min:["watchMinHandler"],startOfWeek:["watchStartOfWeekHandler"],value:["valueChanged"],openAtDate:["valueChanged"],focussedDate:["watchFocussedDateHandler"],monthInView:["watchMonthInViewHandler"],yearInView:["watchYearInViewHandler"],yearPickerVisible:["watchYearPickerVisibleHandler"],monthPickerVisible:["watchMonthPickerVisibleHandler"],focussedDayEl:["watchFocussedDayEl"]}}};N.style=E;const S=`<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 R='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{--ic-input-label-helpertext-padding:var(--ic-space-xs);--input-bg-color:var(--ic-date-input-bg);--ic-input-label-text-color:var(--ic-date-input-label);--ic-input-label-helper-text-color:var(--ic-date-input-subtitle);--border-color:var(--ic-date-input-border);--border-color-disabled:var(--ic-date-input-border-disabled);--border-color-hover:var(--ic-date-input-border-default-hover);--border-color-pressed:var(--ic-date-input-border-default-pressed);--border-error-color:var(--ic-date-input-border-error);--border-error-color-hover:var(--ic-date-input-border-error-hover);--border-error-color-pressed:var(--ic-date-input-border-error-pressed);--border-success-color:var(--ic-date-input-border-success);--border-success-color-hover:var(--ic-date-input-border-success-hover);--border-success-color-pressed:var(--ic-date-input-border-success-pressed);--border-warning-color:var(--ic-date-input-border-warning);--border-warning-color-hover:var(--ic-date-input-border-warning-hover);--border-warning-color-pressed:var(--ic-date-input-border-warning-pressed)}:host(.ic-date-input-disabled){--ic-input-label-text-color:var(--ic-date-input-label-disabled);--ic-input-label-helper-text-color:var(--ic-date-input-subtitle-disabled)}input{border:0;height:100%;padding:0;outline:none;background:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;color:var(--ic-date-input-text-filled);caret-color:var(--ic-date-input-typing-cursor)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input:-webkit-autofill{box-shadow:0 0 0 var(--ic-space-sm) var(--ic-color-background-primary) inset;-webkit-text-fill-color:var(--ic-date-input-text-filled) !important}input::-moz-placeholder{color:var(--ic-date-input-text-placeholder)}input::placeholder{color:var(--ic-date-input-text-placeholder)}ic-input-component-container{cursor:text}ic-input-component-container .focus-indicator{padding:var(--ic-space-xxxs) var(--ic-space-xs);align-items:center}.date-inputs{color:var(--ic-date-input-text-placeholder)}.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-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:0.25rem}.calendar-button:focus,.calendar-button:active{--ic-button-tertiary-text-active:var(--ic-atoms-input-clear-button-focus);--ic-button-tertiary-text-hover-active:var(\n    --ic-atoms-input-clear-button-focus\n  );--ic-button-tertiary-text-pressed-active:var(\n    --ic-atoms-input-clear-button-focus\n  )}.clear-button:focus,.calendar-button:focus,.clear-button:active *,.calendar-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button svg{color:var(--ic-date-input-clear-icon)}.clear-button:focus svg{color:var(--ic-atoms-input-clear-button-focus)}.divider{margin:0 var(--ic-space-xxs);width:var(--ic-space-1px);background-color:var(--ic-atoms-input-divider);border-radius:var(--ic-space-1px)}.divider.small{height:var(--ic-space-md)}.divider.medium{height:calc(var(--ic-space-sm) + var(--ic-space-xs))}.divider.large{height:var(--ic-space-lg)}ic-input-validation{--ic-input-validation-status-text-color:var(--ic-date-input-status-text);--ic-input-validation-error:var(--ic-date-input-icon-error);--ic-input-validation-warning-icon-color:var(--ic-date-input-icon-warning);--ic-input-validation-success-icon-color:var(--ic-date-input-icon-success)}@media (forced-colors: active){.clear-button svg{color:currentcolor}}';const K=R;let O=0;const U=class{constructor(s){e(this,s);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.DEFAULT_DATE_FORMAT="DD/MM/YYYY";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.preventInputsUpdating=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.previousSelectedDate=null;this.selectedDate=null;this.externalSetDate=false;this.clearInput=false;this.calendarIsOpen=false;this.calendarFocused=false;this.clearButtonFocused=false;this.removeLabelledBy=false;this.day="";this.month="";this.year="";this.dateFormat=this.DEFAULT_DATE_FORMAT;this.emitDatePartChange=false;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.hideHelperText=false;this.hideLabel=false;this.inputId=`ic-date-input-${O++}`;this.invalidDateMessage="Please enter a valid date.";this.max="";this.min="";this.name=this.inputId;this.required=false;this.showCalendarButton=false;this.showClearButton=true;this.size="medium";this.theme="inherit";this.value="";this.validationAriaLive="polite";this.validationStatus="";this.validationText="";this.setInputPasteValue=(t,e)=>{if(t){const i=t;i.value=e;i.classList.add(this.FIT_TO_VALUE)}};this.checkSingleCopiedValueIsValid=(t,e)=>{let i=false;const s=Number(e);switch(t){case this.dayInputEl:i=s>=1&&s<=this.MAX_DAY;break;case this.monthInputEl:i=s>=1&&s<=this.MAX_MONTH;break;case this.yearInputEl:i=true;break}return i};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(!d(this.day)){this.isValidDay=+this.day>this.MAX_DAY?false:true}else{this.isValidDay=true}if(!d(this.month)){this.isValidMonth=+this.month>this.MAX_MONTH?false:true}else{this.isValidMonth=true}};this.handleInput=t=>{const e=t;const i=t.target;if(i!==this.yearInputEl){if(e.inputType!=="deleteContentBackward"&&!this.preventAutoFormatting){if(i.value.length===1&&(i===this.dayInputEl&&+i.value>=4||i===this.monthInputEl&&+i.value>=2)&&+i.value<=9){this.setInputValue(i);this.notifyScreenReader(i,t);this.moveToNextInput(i)}if(i.value.length===2){if(+i.value===0){i.value="01"}this.setInputValue(i);this.setPreventInput(i,true);this.notifyScreenReader(i,t);this.moveToNextInput(i)}else{this.setPreventInput(i,false)}}else if(this.preventAutoFormatting){if(i.value.length===2&&!this.isKeyboardOrEvent(t)){this.setInputValue(i);this.setPreventInput(i,true);this.moveToNextInput(i)}else{this.setInputValue(i)}}if(i.value.length!==2){this.setPreventInput(i,false)}}else{if(i.value.length===4){this.setInputValue(i);if(Object.prototype.toString.call(t)!==this.EVENT_OBJECT_STRING){this.moveToNextInput(i)}this.setPreventInput(i,true)}else{this.setPreventInput(i,false)}}this.setFitToValueStyling(i);if(i.value.length===0){this.setInputValue(i,true);this.setValidationMessage()}this.notifyScreenReader(i,t)};this.handleKeyDown=(t,e)=>{var i;const s=t.target;const a=(i=t.key)===null||i===void 0?void 0:i.toLowerCase();const r=/-?\d*\.?\d+(e[-+]?\d+)?|[/-]|arrowup|arrowdown|arrowleft|arrowright|shift|tab|backspace|delete/;if(!r.test(a)&&!((t.ctrlKey||t.metaKey)&&(a==="v"||a==="c"))){t.preventDefault()}switch(a){case"/":case"-":case".":t.preventDefault();this.setPasteInvalidText();this.moveToNextInput(s);break;case"arrowright":case"arrowleft":t.preventDefault();this.handleLeftRightArrowKeyPress(s,a);break;case"arrowup":case"arrowdown":this.preventAutoFormatting=true;this.handleUpDownArrowKeyPress(s,t);break;case"backspace":if(s.value.length===0){t.preventDefault();this.moveToPreviousInput(s)}break}this.preventInput(t,e);this.preventInputsUpdating=true};this.handleFocus=t=>{const e=t.target;e.select()};this.handleBlur=t=>{const e=t.target;if(e){this.setPasteInvalidText();this.autocompleteInput(e)}};this.handleLeftRightArrowKeyPress=(t,e)=>{if(e==="arrowright"){this.moveToNextInput(t)}else{this.moveToPreviousInput(t)}this.setPasteInvalidText()};this.notifyScreenReaderSelectedDate=()=>{if(this.selectedDate&&this.selectedDateInfoEl){const t=r(h);const e=r(n);this.selectedDateInfoEl.textContent=`Selected date: ${t[this.selectedDate.getDay()]}, ${this.selectedDate.getDate()} ${e[this.selectedDate.getMonth()]} ${this.selectedDate.getFullYear()}`}};this.handleUpDownArrowKeyPress=(t,e)=>{const i=t===this.yearInputEl?0:1;let s=9999;switch(t){case this.dayInputEl:s=this.MAX_DAY;break;case this.monthInputEl:s=this.MAX_MONTH;break;case this.yearInputEl:s=9999}if(t===null||t===void 0?void 0:t.value){if(e.key==="ArrowUp"){if(+t.value===s){e.preventDefault();t.value=`0${i}`}else{t.value=+t.value+1<10?`0${+t.value+1}`:(+t.value+1).toString()}this.notifyScreenReader(t,e)}if(e.key==="ArrowDown"){if(+t.value===i){e.preventDefault();t.value=s.toString()}else{t.value=+t.value-1<10?`0${+t.value-1}`:(+t.value-1).toString()}this.notifyScreenReader(t,e)}}else{if(e.key==="ArrowDown"){e.preventDefault();t.value=t===this.yearInputEl?(new Date).getFullYear().toString():s.toString();this.notifyScreenReader(t,e)}else if(e.key==="ArrowUp"){e.preventDefault();t.value=t===this.yearInputEl?(new Date).getFullYear().toString():`0${i}`;this.notifyScreenReader(t,e)}}this.setInputValue(t);this.setFitToValueStyling(t)};this.handleDateChange=t=>{if(t||!z(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.selectedDateInfoEl){this.setValueAndEmitChange(null);this.selectedDateInfoEl.textContent=""}this.previousSelectedDate=this.selectedDate;if(!this.preventInputsUpdating){this.updateInputValues(this.day,this.month,this.year)}}};this.slicePastedDate=(t,e)=>e.length>t?e.slice(0,t):e;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=>{var e;t.preventDefault();const i=((e=t.clipboardData)===null||e===void 0?void 0:e.getData("Text"))||"";const s=this.isPastedStringDateValid(i);this.setPastedValueAndValidation(s,i,t)};this.setDate=t=>{if(t===null||t===""||t===undefined){if(this.day)this.day="";if(this.month)this.month="";if(this.year)this.year="";this.inputsInOrder.forEach((t=>{t.classList.remove(this.FIT_TO_VALUE);this.setPreventInput(t,false)}));this.handleDateChange(true)}else{if(C(t)){let e;if(typeof t==="string"){e=new Date(+t)}else{e=t}this.day=M(e.getDate());this.month=M(e.getMonth()+1);this.year=e.getFullYear().toString()}else if(typeof t==="string"){const e=V(t,this.dateFormat);this.selectedDate=new Date(Number(e[0]),Number(e[1])-1,Number(e[2]));this.year=e[0];this.month=e[1];this.day=e[2];this.setValueAndEmitChange(this.selectedDate)}}this.setValidationMessage()};this.formatMinMax=t=>{let e;const i=M(t.getDate());const s=M(t.getMonth()+1);const a=t.getFullYear();switch(this.dateFormat){case this.DEFAULT_DATE_FORMAT:e=`${i}/${s}/${a}`;break;case"MM/DD/YYYY":e=`${s}/${i}/${a}`;break;case"YYYY/MM/DD":e=`${a}/${s}/${i}`;break}return e};this.updateInputValues=(t,e,i)=>{if(this.dayInputEl&&this.monthInputEl&&this.yearInputEl){this.dayInputEl.value=t;this.monthInputEl.value=e;this.yearInputEl.value=i}};this.setInputValue=(t,e=false)=>{const i=e?"":t.value;switch(t){case this.dayInputEl:this.day=i;break;case this.monthInputEl:this.month=i;break;case this.yearInputEl:if(this.year!==i){this.year=i}}this.setValidationMessage()};this.setValidationMessage=()=>{this.setDateValidity();if(!d(this.day)&&!d(this.month)&&!d(this.year)){this.selectedDate=this.convertToDate(this.year,this.month,this.day);this.isValidDate=!!this.selectedDate&&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=this.invalidDateMessage}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=()=>{var t;(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("input").forEach((t=>this.inputsInOrder.push(t)))};this.setAriaLabelledBy=()=>{var t,e,i;if(this.disabled&&!d((t=this.inputCompContainerEl)===null||t===void 0?void 0:t.getAttribute(this.ARIA_LABELLED_BY))){this.removeAriaLabelledBy();return}if(this.disabled){return}const s=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("label");const a=`${this.inputId}-label`;if(s!==null&&s!==undefined){s.id=a}const r=!d(this.validationStatus)||!d(this.invalidDateText);const h=`${(i=s===null||s===void 0?void 0:s.id)!==null&&i!==void 0?i:""} ${this.screenReaderInfoId} ${u(this.el,this.inputId,this.helperText!==""&&this.helperText!==this.defaultHelperText,r)} ${this.selectedDate?this.selectedDateInfoId:""} ${this.assistiveHintId}`;this.inputCompContainerEl.setAttribute(this.ARIA_LABELLED_BY,h)};this.setPreventInput=(t,e)=>{switch(t){case this.dayInputEl:this.preventDayInput=e;break;case this.monthInputEl:this.preventMonthInput=e;break;case this.yearInputEl:this.preventYearInput=e}};this.getInputFromDatePart=e=>{const i=t("input",{class:"day-input",id:"day-input",ref:t=>this.dayInputEl=t,"aria-label":"day",placeholder:"DD",disabled:this.disabled,"aria-required":`${this.required}`,onPaste:this.handlePaste,inputmode:"number",pattern:"[0-9]*",onKeyDown:t=>this.handleKeyDown(t,this.preventDayInput)});const s=t("input",{id:"month-input",class:"month-input",ref:t=>this.monthInputEl=t,"aria-label":"month",placeholder:"MM",disabled:this.disabled,"aria-required":`${this.required}`,onPaste:this.handlePaste,inputmode:"number",pattern:"[0-9]*",onKeyDown:t=>this.handleKeyDown(t,this.preventMonthInput)});const a=t("input",{id:"year-input",class:"year-input",ref:t=>this.yearInputEl=t,"aria-label":"year",placeholder:"YYYY",maxLength:4,disabled:this.disabled,"aria-required":`${this.required}`,onPaste:this.handlePaste,inputmode:"number",pattern:"[0-9]*",onKeyDown:t=>this.handleKeyDown(t,this.preventYearInput)});let r;switch(e){case"D":r=i;break;case"M":r=s;break;case"Y":r=a}return r};this.getInputsInOrder=()=>{const t=this.dateFormat.split("/");const e=[];t.forEach((t=>{e.push(this.getInputFromDatePart(t.substring(0,1)))}));return e};this.getDescOfInputsOrder=()=>{let t;switch(this.dateFormat){case this.DEFAULT_DATE_FORMAT: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 e="";if(this.required){e+="required"}if(t===v.Error){e+=" invalid data"}return e===""?"":e+", "};this.preventInput=(t,e)=>{const i=t.key;const s=t.target;let a;if(s){a=s.value.substring(s.selectionStart||0,s.selectionEnd||undefined)}if(i==="e"||i==="."||i==="-"||t.key>="0"&&t.key<="9"&&e&&!a){t.preventDefault()}};this.isSelectedDateDisabled=()=>{if(!this.selectedDate)return false;const t=new Date;const e=this.selectedDate.toDateString()!==t.toDateString();this.isAfterMax=this.maxDate&&this.selectedDate>this.maxDate&&e;this.isBeforeMin=this.minDate&&this.selectedDate<this.minDate&&e;return this.isAfterMax||this.isBeforeMin||this.disableDays.includes(this.selectedDate.getDay())||(!!this.disablePast&&this.selectedDate<t||!!this.disableFuture&&this.selectedDate>t)&&e};this.moveToNextInput=t=>{var e;this.preventAutoFormatting=false;(e=this.inputsInOrder[this.inputsInOrder.findIndex((e=>e===t))+1])===null||e===void 0?void 0:e.focus()};this.moveToPreviousInput=t=>{var e;this.preventAutoFormatting=false;(e=this.inputsInOrder[this.inputsInOrder.findIndex((e=>e===t))-1])===null||e===void 0?void 0:e.focus()};this.autocompleteInput=t=>{const e=t.value;if(this.yearInputEl&&t===this.yearInputEl){const t=["2","0","0"];let i="";if(e){t.forEach(((t,s)=>{if(e.length+s<=3){i+=t}}));this.yearInputEl.value=`${i}${e}`}}else if(e.length===1){t.value=+e===0?"01":`0${e}`}if(t.value){this.setInputValue(t)}};this.convertToDate=(t,e,i)=>{if(!d(t)&&!d(e)&&!d(i)){return new Date(+t,+e-1,+i)}else{return null}};this.handleHostBlur=()=>{this.removeLabelledBy=false;this.icBlur.emit({value:this.selectedDate})};this.handleHostFocus=()=>{var t,e;if((e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.activeElement)===null||e===void 0?void 0:e.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=>{var e;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("#live-region");const s=this.getAriaLabel(t);if(i&&t.value&&s){let e="";if(t===this.monthInputEl&&!!n[+t.value-1]){e=`${t.value} - ${n[+t.value-1]}, ${s}`}if(t===this.dayInputEl||t===this.yearInputEl){e=`${t.value}, ${s}`}i.textContent=e}};this.notifyScreenReaderInput=(t,e)=>{const i=this.getAriaLabel(t);const s=t.value;if(i&&s){let a="";const r=n[+s-1];if(t===this.monthInputEl&&!!r&&this.isValidMonth&&s.length===2){a=`${s} - ${r}`}else if(t===this.dayInputEl&&this.isValidDay&&s.length===2||t===this.yearInputEl&&s.length===4){a=s}e.textContent=`${a}, ${i}`}};this.setFitToValueStyling=t=>{if(t.value){t.classList.add(this.FIT_TO_VALUE)}else{t.classList.remove(this.FIT_TO_VALUE)}};this.setAriaInvalid=(t,e,i,s)=>{var a,r;if(this.inputsInOrder.length){this.inputsInOrder.forEach((t=>{t.removeAttribute(this.ARIA_INVALID)}));if(!t){(a=this.dayInputEl)===null||a===void 0?void 0:a.setAttribute(this.ARIA_INVALID,"true")}if(!e){(r=this.monthInputEl)===null||r===void 0?void 0:r.setAttribute(this.ARIA_INVALID,"true")}if(!i||s){this.inputsInOrder.forEach((t=>{t.setAttribute(this.ARIA_INVALID,"true")}))}}};this.handleClear=()=>{this.clearInput=true;this.inputsInOrder.forEach((t=>{t.classList.remove(this.FIT_TO_VALUE);this.setInputValue(t,true);this.setPreventInput(t,false)}));this.clearInput=false;this.preventInputsUpdating=false;this.setValidationMessage();this.handleDateChange(true);this.inputsInOrder[0].focus()};this.handleCalendarOpen=t=>{var e,i,s,a,r,h;t.stopImmediatePropagation();(s=(i=(e=this.calendarButtonEl)===null||e===void 0?void 0:e.shadowRoot)===null||i===void 0?void 0:i.querySelector("ic-tooltip"))===null||s===void 0?void 0:s.displayTooltip(false);this.calendarButtonClicked.emit({value:this.selectedDate});(h=(r=(a=this.calendarButtonEl)===null||a===void 0?void 0:a.shadowRoot)===null||r===void 0?void 0:r.querySelector("ic-tooltip"))===null||h===void 0?void 0:h.displayTooltip(false);this.preventInputsUpdating=false;this.calendarIsOpen=true};this.setValueAndEmitChange=t=>{if(!z(this.value?new Date(this.value):null,t)){this.emitIcChange(t);this.value=t}};this.handleCalendarFocus=()=>{this.calendarFocused=true;if(this.calendarIsOpen){this.preventInputsUpdating=false;this.calendarIsOpen=false}else{this.preventInputsUpdating=true}};this.handleCalendarBlur=()=>{this.calendarFocused=false;this.preventInputsUpdating=true};this.handleClearFocus=()=>{this.removeLabelledBy=true;this.preventInputsUpdating=true;this.clearButtonFocused=true};this.handleClearBlur=t=>{var e;this.clearButtonFocused=false;this.preventInputsUpdating=true;if((e=t.relatedTarget)===null||e===void 0?void 0:e.id.match(/(day|year)-input$/)){this.removeLabelledBy=false;return}this.removeLabelledBy=true};this.emitIcChange=t=>{this.selectedDate=t;if(!z(this.selectedDate,t)||this.day!==null||this.month!==null||this.year!==null){let e=null;if(t!==null){e=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate()))}this.icChange.emit({value:t,dateObject:{day:this.day===""?null:this.day,month:this.month===""?null:this.month,year:this.year===""?null:this.year},utcValue:e})}}}watchInputHandler(){if(this.emitDatePartChange&&!this.externalSetDate&&!this.clearInput&&!(this.day&&this.month&&this.year)&&this.selectedDate===null){this.emitIcChange(this.selectedDate)}}watchDisabledHandler(){c(this.disabled,this.el)}watchDisableFutureHandler(){this.watchMaxHandler()}watchDisablePastHandler(){this.watchMinHandler()}watchMaxHandler(){if(this.disableFuture){this.maxDate=new Date}else{this.maxDate=D(this.max,this.dateFormat)}}watchMinHandler(){if(this.disablePast){this.minDate=new Date}else{this.minDate=D(this.min,this.dateFormat)}}watchRequiredHandler(){var t,e;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("label");if(this.required){const t=document.createElement("span");t.setAttribute("id","asterisk-span");t.setAttribute("aria-hidden","true");t.textContent=" *";i===null||i===void 0?void 0:i.appendChild(t)}else{const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("#asterisk-span");if(t){t.remove()}}}disconnectedCallback(){f(this.el,this.handleFormReset)}componentWillLoad(){this.defaultHelperText=`Use format ${this.dateFormat}`;if(d(this.helperText))this.helperText=this.defaultHelperText;this.watchMinHandler();this.watchMaxHandler();if(this.value){this.externalSetDate=true;this.setDate(this.value)}this.screenReaderInfoId=`${this.inputId}-screen-reader-info`;this.assistiveHintId=`${this.inputId}-assistive-hint`;this.selectedDateInfoId=`${this.inputId}-selected-date-info`;b(this.el,this.handleFormReset);c(this.disabled,this.el)}componentDidLoad(){this.setInputsInOrder();p([{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(d(this.helperText))this.helperText=this.defaultHelperText;if(!this.preventInputsUpdating)this.setDate(this.value);this.setAriaInvalid(this.isValidDay,this.isValidMonth,this.isValidDate,this.isDisabledDate);this.handleDateChange(false);this.preventInputsUpdating=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.externalSetDate=true;this.setDate(t);this.emitIcChange(t);this.externalSetDate=false}removeAriaLabelledBy(){this.inputCompContainerEl.removeAttribute(this.ARIA_LABELLED_BY)}setPastedValueAndValidation(t,e,i){switch(true){case t:{const t=this.isZuluTime?T(e):e;const i=t.split(/-|\/|\./);this.inputsInOrder.forEach(((t,e)=>{t.classList.add(this.FIT_TO_VALUE);if(this.isZuluTime){this.pasteZuluDateTime(i,e)}else{let s;if(t===this.dayInputEl||t===this.monthInputEl){s=this.slicePastedDate(2,i[e])}else{s=this.slicePastedDate(4,i[e])}t.value=s;this.setInputValue(t);this.autocompleteInput(t)}}));this.isZuluTime=false;break}case(e.length===1||e.length===2||e.length===4)&&m(e):if(this.checkSingleCopiedValueIsValid(i.target,e)){this.setInputPasteValue(i.target,e);this.setInputValue(i.target)}else{this.displayPastedValidation(i)}break;case e.length===3&&m(e):if(i.target!==this.yearInputEl){this.displayPastedValidation(i)}else{this.setInputPasteValue(i.target,e);this.setInputValue(i.target)}break;case e.length>=5&&m(e):this.displayPastedValidation(i)}}pasteZuluDateTime(t,e){if(e===0&&this.yearInputEl){const i=this.slicePastedDate(4,t[e]);this.yearInputEl.value=i;this.setInputValue(this.yearInputEl)}else if(e===1&&this.monthInputEl){const i=this.slicePastedDate(2,t[e]);this.monthInputEl.value=i;this.setInputValue(this.monthInputEl)}else if(this.dayInputEl){const i=this.slicePastedDate(2,t[e]);this.dayInputEl.value=i;this.setInputValue(this.dayInputEl)}}displayPastedValidation(t){var e;if(((e=this.invalidDateText)===null||e===void 0?void 0:e.length)>0){this.previousInvalidDateTest=this.invalidDateText}this.invalidDateText=`Please paste a valid ${this.getAriaLabel(t.target)}`;this.validationStatus=v.Error;this.isPasteValidationDisplayed=true}setPasteInvalidText(){var t;if(this.isPasteValidationDisplayed){this.invalidDateText=(t=this.previousInvalidDateTest)!==null&&t!==void 0?t:"";this.isPasteValidationDisplayed=false;this.preventInputsUpdating=true}}notifyScreenReader(t,e){var i;const s=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("#live-region");if(s){if(this.isKeyboardOrEvent(e)){this.notifyScreenReaderArrowKeys(t)}else if(Object.prototype.toString.call(e)===this.INPUT_EVENT_OBJECT_STRING){this.notifyScreenReaderInput(t,s)}}}render(){const{inputId:e,label:i,disabled:a,helperText:r,hideHelperText:h,hideLabel:n,showClearButton:o,showCalendarButton:c,size:l,theme:u,validationAriaLive:f}=this;const b=!d(this.validationStatus);const p=b?this.validationStatus:!d(this.invalidDateText)?v.Error:"";const m=`Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;y(true,this.el,this.name,this.convertToDate(this.year,this.month,this.day),this.disabled);return t(s,{key:"0b677de27ad0835484eb7a68e6bc52cddb13b975",class:{[`ic-theme-${u}`]:u!=="inherit",[`ic-date-input-disabled`]:a},onBlur:this.handleHostBlur,onFocus:this.handleHostFocus},t("ic-input-container",{key:"8b440f9db75cf42c81163a8fc3fc927bddf061e7",disabled:a},!(n&&h)&&t("ic-input-label",{key:"459c0ccececeddf034ee64775c41bea6e2c57b29",for:e,label:i,hideLabel:n,helperText:!h?r:"",disabled:a},t("slot",{key:"d051f25b9e91432752719c4c3e7511242697f93b",name:"helper-text",slot:"helper-text"})),t("span",{key:"bf2072a9a7482fa73ad3d4f178eadf3a39ea38d4",id:this.screenReaderInfoId,class:"sr-only","aria-hidden":"true"},this.getScreenReaderInfo(p),n&&`${i}\n`,h&&`${r}\n`,`${this.defaultHelperText}.`),t("span",{key:"ddae7fb05d3ff797eb08207dd12b3d98f0f3aa05",id:this.assistiveHintId,class:"sr-only","aria-hidden":"true"},m),t("span",{key:"bbd17aaf26b098379f436a6fc59fdcee52c52b64",id:"live-region","aria-live":"assertive",class:"sr-only"}),t("ic-input-component-container",{key:"c602e815b61b7c7bbd31390f47116f58b21852d4",id:e,ref:t=>this.inputCompContainerEl=t,disabled:a,validationStatus:p,size:l,role:"group",class:{[`ic-theme-${u}`]:u!=="inherit"}},t("div",{key:"131868d25ab4297d80efec74f893552817f17186",class:"input-container"},t("div",{key:"c7184bd4b046ffd309fb20ee8fc90033d33e05fc",class:"date-inputs"},this.getInputsInOrder()[0],"/",this.getInputsInOrder()[1],"/",this.getInputsInOrder()[2]),t("div",{key:"09009c954f7f4d0771553fdc13bfe2cc25cbf74a",class:"action-buttons"},o&&t("ic-button",{key:"7a1878087c6b6091a7ef27c4cac6ac145ca09ae9",id:"clear-button","aria-label":"Clear input",class:{["clear-button"]:true,["hidden"]:d(this.day)&&d(this.month)&&d(this.year)},disabled:this.disabled,innerHTML:P,onClick:this.handleClear,onFocus:this.handleClearFocus,onBlur:this.handleClearBlur,variant:"icon-tertiary",theme:this.clearButtonFocused?"light":"dark",size:l}),c&&t("div",{key:"ec2f995db607ae5d575ddd7994e85f4b883ce2bb",class:"show-calendar-button-wrapper"},t("div",{key:"74e895071ab608fcccc0a3e2b2ec368511efe4d3",class:{divider:true,[l]:true}}),t("ic-button",{key:"51e8939da851ae18809840d22492f3b5be958b26",id:"calendar-button",ref:t=>this.calendarButtonEl=t,"aria-label":"Display calendar","aria-haspopup":"dialog",class:"calendar-button",disabled:this.disabled,innerHTML:S,onClick:this.handleCalendarOpen,variant:"icon-tertiary",size:l,onFocus:this.handleCalendarFocus,onBlur:this.handleCalendarBlur,theme:this.calendarFocused?"light":"dark"}))))),t("span",{key:"77d360d10492577650304e7914021ad40bb8b281",id:this.selectedDateInfoId,class:"sr-only","aria-live":"polite"},t("span",{key:"1c285045fb1b18bca93c9e32956e93b8d400b0a1",ref:t=>this.selectedDateInfoEl=t,role:"status"})),t("ic-input-validation",{key:"7f02c2d9ec754c92dec3156339e6ea6b504b8d74",status:p,message:b?this.validationText:this.invalidDateText,for:e,ariaLiveMode:f})))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{day:["watchInputHandler"],month:["watchInputHandler"],year:["watchInputHandler"],disabled:["watchDisabledHandler"],disableFuture:["watchDisableFutureHandler"],disablePast:["watchDisablePastHandler"],max:["watchMaxHandler"],min:["watchMinHandler"],required:["watchRequiredHandler"]}}};U.style=K;export{N as ic_calendar,U as ic_date_input};
-//# sourceMappingURL=p-691dd972.entry.js.map