@ukic/canary-web-components 3.0.0-canary.31 → 3.0.0-canary.32

package/dist/core/p-775b8dba.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icToastCss","IcToastStyle0","AUTO_DISMISS_TIMER_REFRESH_RATE_MS","TOAST_HEADING_CHAR_LIMIT","TOAST_MESSAGE_CHAR_LIMIT","Toast","constructor","hostRef","this","interactiveElements","timerProgress","visible","theme","autoDismissTimeout","dismissButtonAriaLabel","dismissMode","dismissAction","icDismiss","emit","handleProgressChange","onFocus","focusInteractiveElement","isManual","onBlur","handleTimer","type","dismissModeChangeHandler","newValue","disconnectedCallback","window","clearTimeout","dismissTimeout","clearInterval","timerRefreshInterval","componentWillLoad","_a","_b","handleLongText","heading","length","message","isSlotUsed","el","variant","neutralVariantLabel","neutralIconAriaLabel","VARIANT_ICONS","ariaLabel","toastMessage","isPropDefined","setAttribute","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentDidUpdate","resetAutoDismissTimer","actionContent","getSlot","dismissButton","shadowRoot","querySelector","push","findNextInteractiveElement","shiftKeyPressed","setFocus","watchVisibleHandler","handleDismiss","handleKeyboard","ev","key","preventDefault","shiftKey","repeat","stopImmediatePropagation","setTimeout","setInterval","setVisible","document","activeElement","headingTooLong","messageTooLong","console","error","isBackwards","firstEl","lastEl","isActive","currentIndex","some","index","targetEl","render","h","Host","class","undefined","tabindex","role","name","innerHTML","icon","monochrome","size","progress","description","id","closeIcon","onClick"],"sources":["../web-components/dist/collection/components/ic-toast/ic-toast.css?tag=ic-toast&encapsulation=shadow","../web-components/dist/collection/components/ic-toast/ic-toast.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-toast: z-index of toast\n */\n\n@media (prefers-reduced-motion: no-preference) {\n  :host {\n    animation: fadein var(--ic-transition-duration-slow) ease-in-out;\n  }\n\n  :host(.hidden) {\n    animation: fadeout var(--ic-transition-duration-slow) ease-in-out;\n  }\n}\n\n:host {\n  --bottom-position: var(--ic-space-xl);\n\n  position: fixed;\n  bottom: var(--bottom-position);\n  left: 50%;\n  transform: translate(-50%);\n  z-index: var(--ic-z-index-toast);\n}\n\n:host(.ic-toast-hidden) {\n  display: none;\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n.container {\n  max-width: 32.5rem;\n  min-width: 18rem;\n  box-shadow: var(--ic-elevation-overlay);\n  min-height: 3.5rem;\n  background-color: var(--ic-toast-background);\n  display: flex;\n  align-items: center;\n  position: relative;\n  border: var(--ic-space-1px) solid var(--ic-color-border-neutral-grey);\n  border-radius: var(--ic-border-radius);\n}\n\n.toast-icon-container {\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.container-neutral {\n  border-color: var(--ic-toast-status-neutral);\n}\n\n.container-info {\n  border-color: var(--ic-toast-status-info);\n}\n\n.container-warning {\n  border-color: var(--ic-toast-status-warning);\n}\n\n.container-error {\n  border-color: var(--ic-toast-status-error);\n}\n\n.container-success {\n  border-color: var(--ic-toast-status-success);\n}\n\n.container-ai {\n  border-color: var(--ic-toast-status-ai);\n}\n\n.divider {\n  height: 100%;\n  width: var(--ic-space-xs);\n  position: absolute;\n  border-radius: 0;\n}\n\n.divider-neutral {\n  background-color: var(--ic-toast-status-neutral);\n}\n\n.divider-info {\n  background-color: var(--ic-toast-status-info);\n}\n\n.divider-warning {\n  background-color: var(--ic-toast-status-warning);\n}\n\n.divider-error {\n  background-color: var(--ic-toast-status-error);\n}\n\n.divider-success {\n  background-color: var(--ic-toast-status-success);\n}\n\n.divider-ai {\n  background-color: var(--ic-toast-status-ai);\n}\n\n.toast-icon,\n::slotted(svg) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  margin-left: var(--ic-space-md);\n}\n\n:host(.ic-toast-variant-neutral) .toast-icon svg,\n::slotted(svg) {\n  fill: var(--ic-toast-icon-neutral);\n}\n\n:host(.ic-toast-variant-info) .toast-icon svg {\n  fill: var(--ic-toast-icon-info);\n}\n\n:host(.ic-toast-variant-warning) .toast-icon svg {\n  fill: var(--ic-toast-icon-warning);\n}\n\n:host(.ic-toast-variant-error) .toast-icon svg {\n  fill: var(--ic-toast-icon-error);\n}\n\n:host(.ic-toast-variant-success) .toast-icon svg {\n  fill: var(--ic-toast-icon-success);\n}\n\n:host(.ic-toast-variant-ai) .toast-icon svg {\n  fill: var(--ic-toast-icon-ai);\n}\n\n.toast-content {\n  margin-left: var(--ic-space-xs);\n  width: 100%;\n}\n\n.no-icon {\n  margin-left: var(--ic-space-md);\n}\n\n.toast-text {\n  padding: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n.toast-heading {\n  --ic-typography-color: var(--ic-toast-title);\n}\n\n.toast-message {\n  --ic-typography-color: var(--ic-toast-description);\n}\n\n.toast-action-container {\n  padding-bottom: var(--ic-space-md);\n}\n\n#dismiss-button {\n  padding: var(--ic-space-xs);\n}\n\n#dismiss-button > svg {\n  color: var(--ic-toast-dismiss-button);\n}\n\nic-loading-indicator {\n  --outer-color: transparent;\n  --inner-color: var(--ic-action-monochrome);\n}\n\n.toast-dismiss-timer {\n  padding: var(--ic-space-sm);\n}\n\n@media (max-width: 576px) {\n  :host {\n    --bottom-position: var(--ic-space-lg);\n\n    width: calc(100% - 2 * var(--ic-space-md));\n  }\n}\n\n@media (min-width: 993px) {\n  :host {\n    --bottom-position: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  }\n}\n\n@media (forced-colors: active) {\n  .container {\n    border: var(--ic-border-hc);\n  }\n}\n\n@keyframes fadein {\n  from {\n    bottom: 0;\n    opacity: 0;\n  }\n\n  to {\n    bottom: var(--bottom-position);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeout {\n  from {\n    bottom: var(--bottom-position);\n    opacity: 1;\n  }\n\n  to {\n    bottom: 0;\n    opacity: 0;\n  }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { VARIANT_ICONS } from \"../../utils/constants\";\nimport { getSlot, isPropDefined, isSlotUsed, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nconst AUTO_DISMISS_TIMER_REFRESH_RATE_MS = 1000;\nconst TOAST_HEADING_CHAR_LIMIT = 70;\nconst TOAST_MESSAGE_CHAR_LIMIT = 140;\n/**\n * @slot action - IcButton or IcLink is placed below header and message. If used will default toast to manual `dismiss` type.\n * @slot neutral-icon - A custom neutral icon is placed on the left side of the component. If used will default toast to `neutral` variant.\n */\nexport class Toast {\n    constructor() {\n        this.interactiveElements = [];\n        this.timerProgress = 100;\n        this.visible = false;\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS)\n         * (NOTE: Has a minimum value of `5000ms`)\n         */\n        this.autoDismissTimeout = 5000;\n        /**\n         * If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component\n         */\n        this.dismissButtonAriaLabel = \"dismiss\";\n        /**\n         * How the toast will be dismissed. If manual will display a dismiss button.\n         */\n        this.dismissMode = \"manual\";\n        this.dismissAction = () => {\n            this.icDismiss.emit();\n        };\n        this.handleProgressChange = () => {\n            this.timerProgress -=\n                (AUTO_DISMISS_TIMER_REFRESH_RATE_MS / this.autoDismissTimeout) * 100;\n        };\n        this.onFocus = () => {\n            if (this.focusInteractiveElement) {\n                this.isManual = true;\n            }\n        };\n        this.onBlur = () => {\n            this.handleTimer({ type: \"mouseleave\" });\n        };\n    }\n    dismissModeChangeHandler(newValue) {\n        this.isManual = newValue === \"manual\";\n    }\n    disconnectedCallback() {\n        window.clearTimeout(this.dismissTimeout);\n        window.clearInterval(this.timerRefreshInterval);\n    }\n    componentWillLoad() {\n        var _a, _b;\n        this.handleLongText(this.heading.length > TOAST_HEADING_CHAR_LIMIT, !!this.message && ((_a = this.message) === null || _a === void 0 ? void 0 : _a.length) > TOAST_MESSAGE_CHAR_LIMIT);\n        if (this.autoDismissTimeout < 5000)\n            this.autoDismissTimeout = 5000;\n        if (isSlotUsed(this.el, \"action\"))\n            this.dismissMode = \"manual\";\n        this.isManual = this.dismissMode === \"manual\";\n        if (isSlotUsed(this.el, \"neutral-icon\"))\n            this.variant = \"neutral\";\n        if (this.variant === \"neutral\") {\n            this.neutralVariantLabel =\n                (_b = this.neutralIconAriaLabel) !== null && _b !== void 0 ? _b : VARIANT_ICONS[this.variant].ariaLabel;\n        }\n        if (this.isManual) {\n            const toastMessage = isPropDefined(this.message)\n                ? `. ${this.message}`\n                : \"\";\n            this.el.setAttribute(\"aria-label\", this.variant\n                ? this.neutralVariantLabel || VARIANT_ICONS[this.variant].ariaLabel\n                : this.heading);\n            (this.variant || this.message) &&\n                this.el.setAttribute(\"aria-description\", this.variant ? `${this.heading}${toastMessage}` : this.message || \"\");\n        }\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Toast\");\n    }\n    componentDidUpdate() {\n        var _a;\n        if (this.focusInteractiveElement && this.isManual) {\n            this.resetAutoDismissTimer();\n            const actionContent = getSlot(this.el, \"action\");\n            const dismissButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"ic-button\");\n            if (actionContent)\n                this.interactiveElements.push(actionContent);\n            if (dismissButton)\n                this.interactiveElements.push(dismissButton);\n            this.focusInteractiveElement = false;\n            this.findNextInteractiveElement(this.shiftKeyPressed).setFocus();\n            this.shiftKeyPressed = false;\n        }\n    }\n    watchVisibleHandler() {\n        var _a;\n        if (this.visible) {\n            const actionContent = getSlot(this.el, \"action\");\n            const dismissButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"ic-button\");\n            if (actionContent)\n                this.interactiveElements.push(actionContent);\n            if (dismissButton)\n                this.interactiveElements.push(dismissButton);\n        }\n        else {\n            this.interactiveElements = [];\n        }\n    }\n    handleDismiss() {\n        this.visible = false;\n        this.resetAutoDismissTimer();\n    }\n    handleKeyboard(ev) {\n        if (this.visible) {\n            if (this.isManual) {\n                switch (ev.key) {\n                    case \"Tab\":\n                        ev.preventDefault();\n                        this.findNextInteractiveElement(ev.shiftKey).setFocus();\n                        break;\n                    case \"Escape\":\n                        !ev.repeat && this.dismissAction();\n                        ev.stopImmediatePropagation();\n                        break;\n                }\n            }\n            else {\n                if (ev.key === \"Tab\") {\n                    this.shiftKeyPressed = ev.shiftKey;\n                    this.focusInteractiveElement = true;\n                }\n            }\n        }\n    }\n    handleTimer(ev) {\n        switch (ev.type) {\n            case \"mouseenter\":\n                if (!this.isManual) {\n                    this.resetAutoDismissTimer();\n                }\n                this.isManual = true;\n                break;\n            case \"mouseleave\":\n                if (this.dismissMode === \"automatic\") {\n                    this.isManual = false;\n                    this.interactiveElements = [];\n                    if (this.visible) {\n                        this.dismissTimeout = window.setTimeout(this.dismissAction, this.autoDismissTimeout);\n                        this.timerRefreshInterval = window.setInterval(this.handleProgressChange, AUTO_DISMISS_TIMER_REFRESH_RATE_MS);\n                    }\n                }\n                break;\n        }\n    }\n    /**\n     * @internal Used to display the individual toast.\n     * @returns The element that previously had focus before the toast appeared\n     */\n    async setVisible() {\n        if (!this.visible)\n            this.visible = true;\n        if (!this.isManual) {\n            this.dismissTimeout = window.setTimeout(this.dismissAction, this.autoDismissTimeout);\n            this.timerRefreshInterval = window.setInterval(this.handleProgressChange, AUTO_DISMISS_TIMER_REFRESH_RATE_MS);\n            return null;\n        }\n        else {\n            window.setTimeout(() => this.interactiveElements[0].setFocus(), 200);\n            return document.activeElement;\n        }\n    }\n    handleLongText(headingTooLong, messageTooLong) {\n        if (messageTooLong || headingTooLong) {\n            console.error(`Too many characters in toast ${headingTooLong ? \"heading\" : \"\"}${headingTooLong && messageTooLong ? \" and \" : \"\"}${messageTooLong ? \"message\" : \"\"}. Refer to character limits specified in the prop description`);\n        }\n    }\n    findNextInteractiveElement(isBackwards) {\n        const firstEl = this.interactiveElements[0];\n        const lastEl = this.interactiveElements[this.interactiveElements.length - 1];\n        if (this.isActive(isBackwards ? firstEl : lastEl))\n            return isBackwards ? lastEl : firstEl;\n        let currentIndex = 0;\n        return this.interactiveElements.some((el, index) => {\n            if (!this.isActive(el))\n                return false;\n            currentIndex = index;\n            return true;\n        })\n            ? this.interactiveElements[currentIndex + (isBackwards ? -1 : 1)]\n            : firstEl;\n    }\n    resetAutoDismissTimer() {\n        window.clearTimeout(this.dismissTimeout);\n        window.clearInterval(this.timerRefreshInterval);\n        this.timerProgress = 100;\n    }\n    isActive(targetEl) {\n        return targetEl === this.el\n            ? !!this.el.shadowRoot.activeElement\n            : document.activeElement === targetEl;\n    }\n    render() {\n        const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, theme, } = this;\n        return (h(Host, { key: '9934a16e3f339bec971138aec7d46092216d5554', class: {\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                [\"ic-toast-hidden\"]: !visible,\n                [`ic-toast-variant-${variant}`]: variant !== undefined,\n            }, tabindex: \"0\", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? \"dialog\" : \"alert\", \"aria-live\": isManual ? null : \"polite\" }, h(\"div\", { key: '97a03d41017adf58f826e42291906b3225ab091c', class: {\n                [\"container\"]: true,\n                [`container-${variant}`]: variant !== undefined,\n            } }, variant && visible && (h(\"div\", { key: '289b4544bee27fd02b20deae22b5bbb822844c9e', class: \"toast-icon-container\" }, h(\"div\", { key: '03dae21944b95c1d96e2a6b2480b0c20e12ccbd7', class: {\n                [\"divider\"]: true,\n                [`divider-${variant}`]: true,\n            } }), variant === \"neutral\" ? (h(\"slot\", { name: \"neutral-icon\" })) : (h(\"span\", { class: \"toast-icon\", innerHTML: VARIANT_ICONS[variant].icon })))), h(\"div\", { key: '6191a3f5c39adfa8c5ab4ca5c9e35fd214e00fa2', class: {\n                [\"toast-content\"]: true,\n                [\"no-icon\"]: variant === \"neutral\" && !isSlotUsed(this.el, \"neutral-icon\"),\n            } }, h(\"div\", { key: '1e08fbbfa2ba920c1b90f2eaf35aa801830d47b0', class: \"toast-text\" }, h(\"ic-typography\", { key: 'ebc61cb12c3bdd05511ae567d09f5504ad010c47', variant: \"subtitle-large\", class: \"toast-heading\" }, visible && (isManual ? h(\"h5\", null, heading) : h(\"p\", null, heading))), message && (h(\"ic-typography\", { key: '48ffe5377a09237ac490c8d4a62e962979ce6dc0', variant: \"body\", class: \"toast-message\" }, visible && h(\"p\", { key: '7fbffa0f6e6d30389a9d0e5a3b5e1c279911ed9a' }, message)))), isSlotUsed(this.el, \"action\") && (h(\"div\", { key: '83ba75d3d7aa54caf13cc7723defee623103dffc', class: \"toast-action-container\" }, h(\"slot\", { key: '18367dd5f8acdc33129ead64728abc71a82f7e57', name: \"action\" })))), !isManual ? (h(\"ic-loading-indicator\", { class: \"toast-dismiss-timer\", theme: \"dark\", monochrome: true, size: \"icon\", progress: this.timerProgress, description: \"Dismiss timer\" })) : (h(\"ic-button\", { id: \"dismiss-button\", innerHTML: closeIcon, onClick: this.dismissAction, variant: \"icon-tertiary\", \"aria-label\": dismissButtonAriaLabel })))));\n    }\n    static get is() { return \"ic-toast\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-toast.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-toast.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"autoDismissTimeout\": {\n                \"type\": \"number\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"number | undefined\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS)\\n(NOTE: Has a minimum value of `5000ms`)\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"auto-dismiss-timeout\",\n                \"reflect\": false,\n                \"defaultValue\": \"5000\"\n            },\n            \"dismissButtonAriaLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"dismiss-button-aria-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"dismiss\\\"\"\n            },\n            \"dismissMode\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcActivationTypes\",\n                    \"resolved\": \"\\\"automatic\\\" | \\\"manual\\\" | undefined\",\n                    \"references\": {\n                        \"IcActivationTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcActivationTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"How the toast will be dismissed. If manual will display a dismiss button.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"dismiss-mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"manual\\\"\"\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title to display at the start of the toast. (NOTE: Should be no more than `70` characters)\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"message\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The main body message of the toast. (NOTE: Should be no more than `140` characters)\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"message\",\n                \"reflect\": false\n            },\n            \"neutralIconAriaLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Provides a custom alt-text to be announced to screen readers, if slotting a custom neutral icon\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"neutral-icon-aria-label\",\n                \"reflect\": false\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcStatusVariants\",\n                    \"resolved\": \"\\\"ai\\\" | \\\"error\\\" | \\\"info\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\" | undefined\",\n                    \"references\": {\n                        \"IcStatusVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcStatusVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the toast being rendered\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"isManual\": {},\n            \"timerProgress\": {},\n            \"visible\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icDismiss\",\n                \"name\": \"icDismiss\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Is emitted when the user dismisses the toast\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setVisible\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<HTMLElement | null>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    },\n                    \"return\": \"Promise<HTMLElement | null>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to display the individual toast.\"\n                        }, {\n                            \"name\": \"returns\",\n                            \"text\": \"The element that previously had focus before the toast appeared\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"dismissMode\",\n                \"methodName\": \"dismissModeChangeHandler\"\n            }, {\n                \"propName\": \"visible\",\n                \"methodName\": \"watchVisibleHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icDismiss\",\n                \"method\": \"handleDismiss\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }, {\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyboard\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"mouseenter\",\n                \"method\": \"handleTimer\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": true\n            }, {\n                \"name\": \"mouseleave\",\n                \"method\": \"handleTimer\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": true\n            }];\n    }\n}\n//# sourceMappingURL=ic-toast.js.map\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{h as t,r as e,c as i,H as s,g as a}from"./p-8e4e97b4.js";import{w as r,x as h,y as n,k as o,r as c,z as l,b as d,l as u,q as f,s as b,o as p,m,n as v,t as y}from"./p-f48ce5f6.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{box-shadow:var(--ic-calendar-elevation)}:host .calendar-container{min-width:19rem;max-width:23.5rem;width:var(--input-width);display:flex;flex-direction:column;gap:var(--ic-space-xs);position:absolute;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;margin-top:var(--ic-space-xxxs);padding:var(--ic-space-xs);animation:fade-in-calendar var(--ic-transition-duration-slow)}: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-80111272.entry.js.map