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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukic/canary-web-components",
-  "version": "3.0.0-canary.33",
+  "version": "3.0.0-canary.34",
   "description": "A web component UI library compiled with StencilJS",
   "bugs": {
     "url": "https://github.com/mi6/ic-ui-kit/issues",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@popperjs/core": "^2.11.2",
     "@stencil/core": "^4.26.0",
-    "@ukic/web-components": "^3.17.0"
+    "@ukic/web-components": "^3.18.0"
   },
   "devDependencies": {
     "@babel/core": "^7.16.0",
@@ -90,5 +90,5 @@
   "collection:main": "dist/collection/index.js",
   "es2015": "dist/esm/index.mjs",
   "es2017": "dist/esm/index.mjs",
-  "gitHead": "f02f7dbf5c2a7967e86689b425e601f34f50231b"
+  "gitHead": "6140e22c972788eef372b91c7c694b208ae285fa"
 }

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

@@ -1 +0,0 @@
-{"version":3,"names":["icSkeletonCss","IcSkeletonStyle0","DEFAULT_HEIGHTS","text","circle","rectangle","Skeleton","constructor","hostRef","this","theme","variant","render","el","style","firstElementChild","height","width","undefined","h","Host","key","class","skeleton"],"sources":["../web-components/dist/collection/components/ic-skeleton/ic-skeleton.css?tag=ic-skeleton&encapsulation=shadow","../web-components/dist/collection/components/ic-skeleton/ic-skeleton.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@keyframes loading {\n  0% {\n    background-color: var(--ic-skeleton-background);\n  }\n\n  50% {\n    background-color: var(--ic-skeleton-background-secondary);\n  }\n\n  100% {\n    background-color: var(--ic-skeleton-background);\n  }\n}\n\n:host(.skeleton) {\n  background-color: var(--ic-skeleton-background);\n  border-radius: var(--ic-border-radius);\n  animation: loading 1200ms infinite;\n  display: inline-block;\n}\n\n:host(.skeleton) > * {\n  opacity: 0;\n  visibility: hidden;\n}\n\n:host(.ic-skeleton-circle) {\n  border-radius: 50%;\n}\n\n@media (forced-colors: active) {\n  :host(.skeleton) {\n    -ms-high-contrast-adjust: none;\n    forced-color-adjust: none;\n    background: currentcolor;\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nconst DEFAULT_HEIGHTS = {\n    text: \"1em\",\n    circle: \"25px\",\n    rectangle: \"93px\",\n};\nexport class Skeleton {\n    constructor() {\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         * The variant of the skeleton that will be displayed.\n         */\n        this.variant = \"rectangle\";\n    }\n    render() {\n        const { variant, theme, el } = this;\n        const style = !el.firstElementChild\n            ? {\n                height: el.style.height || DEFAULT_HEIGHTS[variant],\n                width: el.style.width || (variant === \"circle\" ? \"25px\" : \"260px\"),\n            }\n            : undefined;\n        return (h(Host, { key: '2f2a4aaef02912dae3994346722c17a7bb7862c4', class: {\n                skeleton: true,\n                \"ic-skeleton-circle\": variant === \"circle\",\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, style: style, \"aria-disabled\": \"true\" }, h(\"slot\", { key: 'f483005261989c75b36bd880d09f855aa4152ca3' })));\n    }\n    static get is() { return \"ic-skeleton\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-skeleton.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-skeleton.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\\\" | undefined\",\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\": true,\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            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSkeletonVariants\",\n                    \"resolved\": \"\\\"circle\\\" | \\\"rectangle\\\" | \\\"text\\\" | undefined\",\n                    \"references\": {\n                        \"IcSkeletonVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-skeleton.types\",\n                            \"id\": \"src/components/ic-skeleton/ic-skeleton.types.ts::IcSkeletonVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the skeleton that will be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"rectangle\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-skeleton.js.map\n"],"mappings":"yDAAA,MAAMA,EAAgB,o5FACtB,MAAAC,EAAeD,ECAf,MAAME,EAAkB,CACpBC,KAAM,MACNC,OAAQ,OACRC,UAAW,Q,MAEFC,EAAQ,MACjB,WAAAC,CAAAC,G,UAIIC,KAAKC,MAAQ,UAIbD,KAAKE,QAAU,W,CAEnB,MAAAC,GACI,MAAMD,QAAEA,EAAOD,MAAEA,EAAKG,GAAEA,GAAOJ,KAC/B,MAAMK,GAASD,EAAGE,kBACZ,CACEC,OAAQH,EAAGC,MAAME,QAAUd,EAAgBS,GAC3CM,MAAOJ,EAAGC,MAAMG,QAAUN,IAAY,SAAW,OAAS,UAE5DO,UACN,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClEC,SAAU,KACV,qBAAsBZ,IAAY,SAClC,CAAC,YAAYD,KAAUA,IAAU,WAClCI,MAAOA,EAAO,gBAAiB,QAAUK,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/dist/core/p-71cc5909.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as s,g as c}from"./p-8e4e97b4.js";import{l}from"./p-829b34f9.js";const r=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.79502 15.875L4.62502 11.705L3.20502 13.115L8.79502 18.705L20.795 6.70501L19.385 5.29501L8.79502 15.875Z" fill="currentColor"/>\n</svg>\n`;const o=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">\n    <path d="M0 0h24v24H0z" fill="none"/>\n    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>\n    <title>close icon</title>\n</svg>\n`;const n=':host(.ic-time-selector-small){--time-selector-padded-item-height:var(--ic-space-lg)}:host(.ic-time-selector-medium){--time-selector-padded-item-height:calc(\n    var(--ic-space-lg) + var(--ic-space-xxs)\n  )}:host(.ic-time-selector-large){--time-selector-padded-item-height:var(--ic-space-xl)}.ic-time-selector-dialog-container{background-color:var(--ic-time-picker-time-selector-bg);border:var(--ic-space-1px) solid var(--ic-time-picker-time-selector-border);border-radius:var(--ic-space-xxs);padding:var(--ic-space-xs);max-width:calc(\n    3 * var(--ic-space-xxl) + var(--ic-space-xl) + var(--ic-space-xxs)\n  );width:-moz-fit-content;width:fit-content}:host(.ic-time-selector-small) .ic-time-selector-dialog-container{padding:var(--ic-space-xxs);max-width:calc(\n    3 * var(--ic-space-xxl) + var(--ic-space-lg) + var(--ic-space-xxs)\n  )}:host(.ic-time-selector-large) .ic-time-selector-dialog-container{padding:var(--ic-space-md);max-width:calc(\n    3 * var(--ic-space-xxl) + var(--ic-space-xl) + var(--ic-space-xs) +\n      var(--ic-space-xxs)\n  )}.ic-time-selector-item{height:var(--ic-space-lg);padding:var(--ic-space-xxxs);text-align:center;cursor:pointer;scroll-snap-align:start;transition:background 0.2s, color 0.2s}:host(.ic-time-selector-small) .ic-time-selector-item{padding:0}:host(.ic-time-selector-large) .ic-time-selector-item{padding:var(--ic-space-xxs)}.ic-time-selector-item:hover:not(.disabled):not(.selected){background-color:var(--ic-time-picker-time-bg-hover)}.ic-time-selector-item:active:not(.disabled):not(.selected){background-color:var(--ic-time-picker-time-bg-pressed)}.ic-time-selector-item.selected{background-color:var(--ic-time-picker-time-bg-selected);--ic-typography-color:var(--ic-time-picker-time-text-selected);position:relative}.ic-time-selector-item.selected:hover{background-color:var(--ic-time-picker-time-active-bg-hover)}.ic-time-selector-item.selected:active{background-color:var(--ic-time-picker-time-active-bg-pressed)}.ic-time-selector-colon-selected{background-color:var(--ic-time-picker-colon-bg-selected);color:var(--ic-time-picker-colon-selected) !important}.ic-time-selector-item.selected::before,.ic-time-selector-item.selected::after,.ic-time-selector-colon-selected::before,.ic-time-selector-colon-selected::after{content:"";position:absolute;left:0;right:0;height:var(--ic-space-1px);background:var(--ic-time-picker-time-selector-bg)}.ic-time-selector-item.selected::before,.ic-time-selector-colon-selected::before{top:0}.ic-time-selector-item.selected::after,.ic-time-selector-colon-selected::after{bottom:0}.ic-time-selector-item.disabled{--ic-typography-color:var(--ic-time-picker-time-text-disabled);cursor:not-allowed}.ic-time-selector-column-wrapper{display:flex;flex-direction:column}.ic-time-selector-scroll-row{height:var(--time-selector-padded-item-height) !important;background:transparent !important;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default !important;box-sizing:border-box}:host(.ic-time-selector-small) .ic-time-selector-scroll-row-last{height:calc(var(--ic-space-1px) + var(--ic-space-xxxs)) !important}:host(.ic-time-selector-medium) .ic-time-selector-scroll-row-last,:host(.ic-time-selector-large) .ic-time-selector-scroll-row-last{height:calc(\n    var(--ic-space-1px) + var(--ic-space-xxxs) + var(--ic-space-md)\n  ) !important}.ic-time-selector-scroll-row:hover,.ic-time-selector-scroll-row:active{background:transparent !important}.ic-time-selector-header-row{color:var(--ic-time-picker-hh-label);--ic-typography-color:var(--ic-time-picker-hh-label) !important;background:transparent !important;text-align:center;height:var(--time-selector-padded-item-height);display:flex;align-items:center;justify-content:center}.ic-time-selector-header-border{position:absolute;left:0;right:0;top:var(--time-selector-padded-item-height);height:var(--ic-space-1px);background:var(--ic-time-picker-header-border);pointer-events:none}.ic-time-selector-colon{display:flex;align-items:center;justify-content:center;color:var(--ic-time-picker-colon-default);height:var(--time-selector-padded-item-height);margin-top:calc(3 * var(--time-selector-padded-item-height))}.ic-time-selector-columns{display:flex;flex-direction:row;border-bottom:var(--ic-space-1px) solid var(--ic-time-picker-lower-border);margin:0 var(--ic-space-xxs);position:relative;z-index:1}.ic-time-selector-highlight-lines{position:relative;width:100%}.ic-time-selector-highlight{position:absolute;left:0;right:0;width:100%;height:var(--ic-space-1px);background:var(--ic-time-picker-selection-border);pointer-events:none;z-index:1}.ic-time-selector-highlight-top{top:calc(3 * var(--time-selector-padded-item-height) - var(--ic-space-1px))}.ic-time-selector-highlight-bottom{top:calc(4 * var(--time-selector-padded-item-height))}.ic-time-selector-column{height:calc((5 * var(--ic-space-xxl)) + (3 * var(--ic-space-1px)));overflow-y:auto;width:calc(var(--ic-space-xl) + var(--ic-space-xs));position:relative;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}:host(.ic-time-selector-small) .ic-time-selector-column{width:calc(var(--ic-space-xl) + var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.ic-time-selector-large) .ic-time-selector-column{width:calc(var(--ic-space-xl) + var(--ic-space-xs) + var(--ic-space-xxxs))}.ic-time-selector-column-period{margin-left:var(--ic-space-xxs)}.ic-time-selector-column::-webkit-scrollbar{display:none}.ic-time-selector-column:focus-visible,.ic-time-selector-item:focus-visible{outline:none;background-color:transparent}.ic-time-selector-column:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:3}.ic-time-selector-list{list-style:none;margin:0;padding:0}.ic-time-selector-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;margin-top:var(--ic-space-xs);margin-left:auto}.ic-time-selector-check-btn{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs))}.sr-only{position:absolute;left:-9999px}@media (forced-colors: active){.ic-time-selector-item.selected{background-color:highlight !important}.ic-time-selector-item.disabled{--ic-typography-color:GrayText !important}.ic-time-selector-column:focus{border:var(--ic-border-hc)}.ic-time-selector-highlight{background:Highlight !important}}';const a=n;const d=["hour","minute","second","period"];const h=".ic-time-selector-column";const u=".ic-time-selector-item";const m=class{constructor(s){e(this,s);this.icChange=t(this,"icChange",7);this.DEFAULT_TIME_FORMAT="HH:MM:SS";this.minutes=Array.from({length:60},((e,t)=>t));this.seconds=Array.from({length:60},((e,t)=>t));this.periods=["AM","PM"];this.minTime=null;this.maxTime=null;this.ariaLiveMessage="";this.disableTimes=[];this.min="";this.max="";this.size="medium";this.theme="inherit";this.timeFormat=this.DEFAULT_TIME_FORMAT;this.timePeriod="24";this.value="";this.setTimeParts=(e,t,i)=>{let s="AM";if(this.timePeriod==="12"){if(e===0){e=12;s="AM"}else if(e===12){s="PM"}else if(e>12){e=e-12;s="PM"}else{s="AM"}this.selectedHour=e;this.selectedPeriod=s}else{this.selectedHour=e}this.selectedMinute=t;this.selectedSecond=i};this.checkIfScrollIsFinished=(e,t)=>{const i=setInterval((()=>{if(e.scrollTop===t+56){e===null||e===void 0?void 0:e.focus();clearInterval(i)}}),25)};this.handleSelect=(e,t)=>{var i;const s=this.getSelectedValue(e);switch(e){case"hour":this.selectedHour=Number(t);break;case"minute":this.selectedMinute=Number(t);break;case"second":this.selectedSecond=Number(t);break;case"period":this.selectedPeriod=t;break}const c=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(h);const l=d.indexOf(e);if(c&&c[l]){c[l].focus();window.requestAnimationFrame((()=>{this.scrollSelectedItem(e)}))}if(s===undefined||s===null){this.announceSelectedColumn(e)}else{this.lastAnnouncedType=e;this.lastAnnouncedValue=this.getSelectedValue(e)}};this.isTimeDisabled=(e,t,i,s)=>{var c,r,o,n;for(const s of this.disableTimes){if(typeof s==="string"||s instanceof Date){const c=l(s).parts;if(c&&c.hour===e&&c.minute===t&&c.second===i){return true}}else if(s&&typeof s==="object"&&"start"in s&&"end"in s){const c=l(s.start).parts;const r=l(s.end).parts;if(c&&r){const s=e*3600+t*60+i;const l=c.hour*3600+c.minute*60+c.second;const o=r.hour*3600+r.minute*60+r.second;if(s>=l&&s<=o){return true}}}}if(this.min){this.minTime=l(this.min).date;if(this.minTime){const l=this.minTime.getHours();const o=this.minTime.getMinutes();const n=this.minTime.getSeconds();if(s==="hour"){const t=(c=this.selectedMinute)!==null&&c!==void 0?c:o;const i=(r=this.selectedSecond)!==null&&r!==void 0?r:n;if(e<l||e===l&&t<o||e===l&&t===o&&i<n){return true}}else if(s==="minute"){if(e===l&&t<o){return true}}else if(s==="second"){if(e===l&&t===o&&i<n){return true}}else{if(e<l||e===l&&t<o||e===l&&t===o&&i<n){return true}}}}if(this.max){this.maxTime=l(this.max).date;if(this.maxTime){const c=this.maxTime.getHours();const l=this.maxTime.getMinutes();const r=this.maxTime.getSeconds();if(s==="hour"){const t=(o=this.selectedMinute)!==null&&o!==void 0?o:59;const i=(n=this.selectedSecond)!==null&&n!==void 0?n:59;if(e>c||e===c&&t>l||e===c&&t===l&&i>r){return true}}else if(s==="minute"){if(e===c&&t>l){return true}}else if(s==="second"){if(e===c&&t===l&&i>r){return true}}else{if(e>c||e===c&&t>l||e===c&&t===l&&i>r){return true}}}}return false};this.handleColumnKeyDown=(e,t)=>{var i,s,c,l,r,o,n;const a=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(h);const u=d.indexOf(e);if(!a)return;const m=this.getColumnValues(e);const f=this.getSelectedValue(e);const p=a[u];if(!p)return;const v=()=>{const t=this.getHighlightedValue(e,p);if(t!==null){this.handleSelect(e,t)}else if(m.length>0){this.handleSelect(e,m[0])}};switch(t.key){case"Enter":case" ":t.preventDefault();v();return;case"ArrowRight":t.preventDefault();v();if(u<a.length-1){(s=a[u+1])===null||s===void 0?void 0:s.focus()}return;case"ArrowLeft":t.preventDefault();if(u>0)(c=a[u-1])===null||c===void 0?void 0:c.focus();return;case"Tab":if(t.shiftKey){if(u===0){return}else{t.preventDefault();(l=a[u-1])===null||l===void 0?void 0:l.focus()}}else{t.preventDefault();v();this.announceSelectedColumn(e);if(u<a.length-1){(r=a[u+1])===null||r===void 0?void 0:r.focus()}else{(n=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.querySelector(".ic-time-selector-clear-btn"))===null||n===void 0?void 0:n.focus();this.updateAriaLiveMessage()}}return;case"ArrowUp":case"ArrowDown":{let i=m.findIndex((e=>e===f));if(i===-1)i=0;let s=i;const c=t.key==="ArrowUp"?-1:1;const l=m.length-1;do{s+=c}while(s>=0&&s<=l&&(()=>{var t,i,c;if(e==="hour"||e==="minute"||e==="second"){const l=e==="hour"?m[s]:(t=this.selectedHour)!==null&&t!==void 0?t:0;const r=e==="minute"?m[s]:(i=this.selectedMinute)!==null&&i!==void 0?i:0;const o=e==="second"?m[s]:(c=this.selectedSecond)!==null&&c!==void 0?c:0;return this.isTimeDisabled(l,r,o)}return false})());this.ariaLiveMessage=`Selected ${e}: ${m[s]}`;if(s>=0&&s<=l&&s!==i){this.handleSelect(e,m[s])}return}default:return}};this.renderColumn=(e,t,s)=>{const c=e==="hour"||e==="minute"||e==="second";const l=e==="period";const r=this.getHeaderLabel(e);const o=2;let n=6;if(this.size==="large"){n=5}else if(this.size==="small"){n=8}return i("div",{class:"ic-time-selector-column-wrapper"},l?i("div",{class:"ic-time-selector-header-row"}):r&&i("div",{class:"ic-time-selector-header-row"},i("ic-typography",{variant:"subtitle-small"},r)),i("div",{class:{"ic-time-selector-column":true,"ic-time-selector-column-period":l},tabIndex:0,onKeyDown:t=>this.handleColumnKeyDown(e,t)},i("ul",{class:"ic-time-selector-list",role:"listbox","aria-label":e},this.renderScrollRows(o,`${e}-top-spacer`),t.map((t=>{var l,r,o;let n=false;if(c){const i=e==="hour"?t:(l=this.selectedHour)!==null&&l!==void 0?l:0;const s=e==="minute"?t:(r=this.selectedMinute)!==null&&r!==void 0?r:0;const c=e==="second"?t:(o=this.selectedSecond)!==null&&o!==void 0?o:0;n=this.isTimeDisabled(i,s,c,e)}return i("li",{class:{"ic-time-selector-item":true,selected:t===s,disabled:n},role:"option","aria-selected":t===s?"true":"false","aria-disabled":n?"true":"false",onClick:()=>!n&&this.handleSelect(e,t),tabIndex:-1,key:`${e}-val-${t}`},i("ic-typography",{variant:"subtitle-small"},typeof t==="number"?t.toString().padStart(2,"0"):t))})),(c||l)&&this.renderScrollRows(n,`${e}-bottom-spacer`))))};this.handleClear=()=>{this.selectedHour=undefined;this.scrollSelectedItem("hour",true);this.selectedMinute=undefined;this.scrollSelectedItem("minute",true);this.selectedSecond=undefined;this.scrollSelectedItem("second",true);this.selectedPeriod=undefined;this.scrollSelectedItem("period",true);this.lastAnnouncedType=undefined;this.lastAnnouncedValue=undefined;this.icChange.emit({value:null,timeString:null,timeObject:{hour:null,minute:null,second:null,period:undefined}})};this.handleConfirmClick=()=>{const e=this.selectedHour!=null?this.selectedHour:null;const t=this.selectedMinute!=null?this.selectedMinute:null;const i=this.selectedSecond!=null?this.selectedSecond:null;const s=this.selectedPeriod;const c=e!=null?e.toString().padStart(2,"0"):null;const l=t!=null?t.toString().padStart(2,"0"):null;const r=i!=null?i.toString().padStart(2,"0"):null;let o=false;if(this.timeFormat===this.DEFAULT_TIME_FORMAT){o=e!==null&&t!==null&&i!==null}else{o=e!==null&&t!==null}let n=null;let a=null;if(o){let o=e;if(e!=null&&s&&this.timePeriod==="12"){if(s==="PM"&&e<12)o=e+12;if(s==="AM"&&e===12)o=0}n=new Date;n.setHours(o!==null&&o!==void 0?o:0);n.setMinutes(t!==null&&t!==void 0?t:0);n.setSeconds(i!==null&&i!==void 0?i:0);n.setMilliseconds(0);if(this.timeFormat==="HH:MM"){a=c+":"+l+(s?" "+s:"")}else if(this.timeFormat===this.DEFAULT_TIME_FORMAT){a=c+":"+l+":"+r+(s?" "+s:"")}this.value=n}this.icChange.emit({value:o?n:null,timeString:o?a:null,timeObject:Object.assign({hour:c,minute:l,second:r},s?{period:s}:{})})}}watchMinHandler(){this.minTime=l(this.min).date}watchMaxHandler(){this.maxTime=l(this.max).date}watchValueHandler(){this.setTime(this.value);setTimeout((()=>{this.scrollSelectedItem("hour");this.scrollSelectedItem("minute");if(this.timeFormat===this.DEFAULT_TIME_FORMAT){this.scrollSelectedItem("second")}if(this.timePeriod==="12"){this.scrollSelectedItem("period")}}),0)}componentWillLoad(){this.setTime(this.value)}componentDidLoad(){setTimeout((()=>{if(this.selectedHour!==undefined&&this.selectedHour!==null){this.scrollSelectedItem("hour")}else if(this.min){this.scrollMinTime("hour")}if(this.selectedMinute!==undefined&&this.selectedMinute!==null){this.scrollSelectedItem("minute")}else if(this.min){this.scrollMinTime("minute")}if(this.timeFormat===this.DEFAULT_TIME_FORMAT){if(this.selectedSecond!==undefined&&this.selectedSecond!==null){this.scrollSelectedItem("second")}else if(this.min){this.scrollMinTime("second")}}if(this.timePeriod==="12"){if(this.selectedPeriod!==undefined&&this.selectedPeriod!==null){this.scrollSelectedItem("period")}else if(this.min){this.scrollMinTime("period")}}this.updateAriaLiveMessage()}),0)}getHeaderLabel(e){switch(e){case"hour":return"HH";case"minute":return"MM";case"second":return"SS";default:return""}}setTime(e){if(e===null||e===undefined||e===""){this.handleClear();return}if(typeof e==="string"){const t=e.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})(?:\.[0-9]{1,3})?Z?$/);if(t){this.setTimeParts(Number(t[1]),Number(t[2]),Number(t[3]))}else{const t=e.split(":");this.setTimeParts(Number(t[0])||0,Number(t[1])||0,Number(t[2])||0)}}else{const{parts:t}=l(e);if(t){this.setTimeParts(t.hour,t.minute,t.second)}}}renderScrollRows(e,t="scroll-row"){return Array.from({length:e}).map(((s,c)=>{const l=t.endsWith("bottom-spacer")?c===e-1:false;return i("li",{class:Object.assign({"ic-time-selector-item":true,"ic-time-selector-scroll-row":true},l?{"ic-time-selector-scroll-row-last":true}:{}),"aria-hidden":"true",tabIndex:-1,key:`${t}-${c}`})}))}scrollSelectedItem(e,t){var i;const s=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(h);let c=d.indexOf(e);if(e==="period"&&(s===null||s===void 0?void 0:s.length)){c=s.length-1}const l=s===null||s===void 0?void 0:s[c];if(l){const e=l.querySelectorAll(u);let i=-1;e.forEach(((e,t)=>{if(e.classList.contains("selected"))i=t}));if(t){i=0}if(i>-1){const s=l.querySelector(".ic-time-selector-scroll-row");let c=0;if(s){c=parseFloat(getComputedStyle(s).height)}const r=c*2;const o=e[i].offsetTop-r;const n=window.matchMedia("(prefers-reduced-motion: reduce)").matches;l.scrollTo({top:o,behavior:n?"instant":"smooth"});if(t){setTimeout((()=>{var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll(h);if(t&&t.length>0){this.checkIfScrollIsFinished(t[0],o)}}),300)}}}}scrollMinTime(e){var t;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll(h);const s=d.indexOf(e);const c=i===null||i===void 0?void 0:i[s];if(!c)return;const r=c.querySelectorAll(u);let o=0,n=0,a=0;if(this.minTime){o=this.minTime.getHours()+2;n=this.minTime.getMinutes()+2;a=this.minTime.getSeconds()}else if(this.min){const e=l(this.min).date;if(e){o=e.getHours();n=e.getMinutes();a=e.getSeconds()}}let m=-1;const f=this.getColumnValues(e);if(e==="hour"){m=f.findIndex((e=>e===o))}else if(e==="minute"){m=f.findIndex((e=>e===n))}else if(e==="second"){m=f.findIndex((e=>e===a))}else if(e==="period"){let e="AM";if(this.timePeriod==="12"){if(o===0){e="AM"}else if(o===12){e="PM"}else if(o>12){e="PM"}else{e="AM"}}m=f.findIndex((t=>t===e))}if(m>-1){const e=c.querySelector(".ic-time-selector-scroll-row");let t=0;if(e){t=parseFloat(getComputedStyle(e).height)}const i=t*2;const s=r[m].offsetTop-i;const l=window.matchMedia("(prefers-reduced-motion: reduce)").matches;c.scrollTo({top:s,behavior:l?"instant":"smooth"})}}announceSelectedColumn(e){const t=this.getSelectedValue(e);if(t!==null&&t!==undefined&&(e!==this.lastAnnouncedType||t!==this.lastAnnouncedValue)){this.ariaLiveMessage=`Selected ${e}: ${t}`}else{this.ariaLiveMessage=""}this.lastAnnouncedType=e;this.lastAnnouncedValue=t}getColumnValues(e){if(e==="hour")return this.timePeriod==="12"?Array.from({length:12},((e,t)=>t+1)):Array.from({length:24},((e,t)=>t));if(e==="minute")return this.minutes;if(e==="second")return this.seconds;if(e==="period")return this.periods;return[]}getSelectedValue(e){var t,i,s,c;if(e==="hour")return(t=this.selectedHour)!==null&&t!==void 0?t:null;if(e==="minute")return(i=this.selectedMinute)!==null&&i!==void 0?i:null;if(e==="second")return(s=this.selectedSecond)!==null&&s!==void 0?s:null;if(e==="period")return(c=this.selectedPeriod)!==null&&c!==void 0?c:null;return null}getHighlightedValue(e,t){var i,s,c;const l=Array.from(t.querySelectorAll(u));const r=l.filter((e=>!e.classList.contains("ic-time-selector-scroll-row")));if(r.length===0)return null;const o=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(".ic-time-selector-highlight-top");const n=(s=this.el.shadowRoot)===null||s===void 0?void 0:s.querySelector(".ic-time-selector-highlight-bottom");if(!o||!n)return null;const a=o.getBoundingClientRect();const d=n.getBoundingClientRect();const h=a.bottom;const m=d.top;for(const t of r){const i=t.getBoundingClientRect();const s=i.top+i.height/2;if(s>=h&&s<=m){const i=t.getAttribute("key");if(i){const t=i.replace(`${e}-val-`,"");if(e==="hour"||e==="minute"||e==="second"){return Number(t)}else{return t}}const s=(c=t.textContent)===null||c===void 0?void 0:c.trim();if(e==="hour"||e==="minute"||e==="second"){return s?Number(s):null}else{return s}}}return null}updateAriaLiveMessage(){const e=this.selectedHour!=null?this.selectedHour.toString().padStart(2,"0"):null;const t=this.selectedMinute!=null?this.selectedMinute.toString().padStart(2,"0"):null;const i=this.selectedSecond!=null?this.selectedSecond.toString().padStart(2,"0"):null;let s="";let c=false;if(this.timeFormat==="HH:MM"){c=e!==null&&t!==null;if(c){s=e+":"+t+(this.selectedPeriod?" "+this.selectedPeriod:"")}}else if(this.timeFormat===this.DEFAULT_TIME_FORMAT){c=e!==null&&t!==null&&i!==null;if(c){s=e+":"+t+":"+i+(this.selectedPeriod?" "+this.selectedPeriod:"")}}this.ariaLiveMessage=c&&s?`Selected time: ${s}`:""}render(){var e,t,c,l;const n=this.timePeriod==="12"?Array.from({length:12},((e,t)=>t+1)):Array.from({length:24},((e,t)=>t));const a=this.timeFormat||this.DEFAULT_TIME_FORMAT;const d=[this.renderColumn("hour",n,(e=this.selectedHour)!==null&&e!==void 0?e:null),this.renderColumn("minute",this.minutes,(t=this.selectedMinute)!==null&&t!==void 0?t:null)];if(a===this.DEFAULT_TIME_FORMAT){d.push(this.renderColumn("second",this.seconds,(c=this.selectedSecond)!==null&&c!==void 0?c:null))}let u=[];if(a===this.DEFAULT_TIME_FORMAT){u=[this.selectedHour!==undefined&&this.selectedMinute!==undefined,this.selectedMinute!==undefined&&this.selectedSecond!==undefined]}else{u=[this.selectedHour!==undefined&&this.selectedMinute!==undefined]}const m=this.el.closest("ic-time-picker")!==null;const{size:f,theme:p,timePeriod:v}=this;return i(s,{key:"0a25adbaeba34a4dcd3ef15edd5076d8ed4ad0a5",class:{[`ic-theme-${p}`]:p!=="inherit",[`ic-time-selector-${f}`]:true}},i("div",{key:"e65b452fb22c989b634fd1d8839ecf3bcb5c8a96",role:m?"dialog":undefined,"aria-modal":m?true:undefined,"aria-label":"Select time. Use arrow keys to navigate and select the options and then tab to move onto the next selection.",class:{"ic-time-selector-dialog-container":true}},i("div",{key:"178213ede67d838f70b8bd164aac6481a97b03eb",class:"ic-time-selector-highlight-lines"},i("div",{key:"c10de931f6cba5496de152f1fdfc87a118413e08",class:"ic-time-selector-header-border"}),i("div",{key:"440b09028d77256e9b0bb18cc2f24550eac5f30d",class:{"ic-time-selector-highlight":true,"ic-time-selector-highlight-top":true}}),i("div",{key:"eed615b5bbd35c5b0d0a5b3625710b00675856ab",class:"ic-time-selector-columns"},d.map(((e,t)=>[e,t<d.length-1?i("ic-typography",{class:{"ic-time-selector-colon":true,"ic-time-selector-colon-selected":u[t]},variant:"subtitle-small","aria-hidden":"true",key:`colon-${t}`},":"):null])),v!=="24"&&this.renderColumn("period",this.periods,(l=this.selectedPeriod)!==null&&l!==void 0?l:null)),i("div",{key:"8b2b12a4e907c615b7e79d9801d5840d522e775d",class:{"ic-time-selector-highlight":true,"ic-time-selector-highlight-bottom":true}})),i("div",{key:"0d3a320315b1cf0557b8d281b6e468ef517b7ff4",class:"ic-time-selector-actions"},i("ic-button",{key:"70d842672493c3a63ced6571d7e1ab6afba2abdf",variant:"icon-tertiary","aria-label":"Clear time",class:{"ic-time-selector-clear-btn":true},onClick:this.handleClear,disabled:this.selectedHour===undefined&&this.selectedMinute===undefined&&this.selectedSecond===undefined&&this.selectedPeriod===undefined,size:f,tabIndex:0,onKeyDown:e=>{var t;if(e.key==="Tab"&&e.shiftKey){e.preventDefault();const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll(h);if(i&&i.length>0){const e=i[i.length-1];e===null||e===void 0?void 0:e.focus()}}}},i("span",{key:"45c66f9552c10be9e3b466342c6e7d22fd7df90b","aria-hidden":"true",innerHTML:o})),i("ic-button",{key:"eae553c514bc635a71220b969044df8d32e457bb",variant:"icon-tertiary","aria-label":"Select time",class:"ic-time-selector-check-btn",onClick:this.handleConfirmClick,disabled:this.selectedHour===undefined&&this.selectedMinute===undefined&&this.selectedSecond===undefined&&this.selectedPeriod===undefined,size:f,tabIndex:0},i("span",{key:"f586f8d1b2659d3cf2f0f8e7365ebcd9828ebf23","aria-hidden":"true",innerHTML:r})))),i("div",{key:"27dd2db88615040635a0b61b9e785d50a488d90a",class:"sr-only","aria-live":"polite"},this.ariaLiveMessage))}get el(){return c(this)}static get watchers(){return{min:["watchMinHandler"],max:["watchMaxHandler"],value:["watchValueHandler"]}}};m.style=a;export{m as ic_time_selector};
-//# sourceMappingURL=p-71cc5909.entry.js.map

package/dist/core/p-71cc5909.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icTimeSelectorCss","IcTimeSelectorStyle0","COLUMN_TYPES","COLUMN_CLASS","ITEM_CLASS","TimeSelector","constructor","hostRef","this","DEFAULT_TIME_FORMAT","minutes","Array","from","length","_","i","seconds","periods","minTime","maxTime","ariaLiveMessage","disableTimes","min","max","size","theme","timeFormat","timePeriod","value","setTimeParts","hour","minute","second","period","selectedHour","selectedPeriod","selectedMinute","selectedSecond","checkIfScrollIsFinished","column","scrollTop","isScrollFinished","setInterval","focus","clearInterval","handleSelect","type","prevValue","getSelectedValue","Number","columns","_a","el","shadowRoot","querySelectorAll","idx","indexOf","window","requestAnimationFrame","scrollSelectedItem","undefined","announceSelectedColumn","lastAnnouncedType","lastAnnouncedValue","isTimeDisabled","t","Date","parts","parseTimeHelper","startParts","start","endParts","end","timeVal","startVal","endVal","date","minHour","getHours","minMinute","getMinutes","minSecond","getSeconds","highlightedMinute","highlightedSecond","_b","maxHour","maxMinute","maxSecond","_c","_d","handleColumnKeyDown","event","values","getColumnValues","selected","col","selectHighlighted","highlighted","getHighlightedValue","key","preventDefault","shiftKey","_e","_g","_f","querySelector","updateAriaLiveMessage","idxInValues","findIndex","v","newIdx","direction","maxIdx","renderColumn","isTimeColumn","isPeriodColumn","headerLabel","getHeaderLabel","topSpacerCount","bottomSpacerCount","h","class","variant","tabIndex","onKeyDown","e","role","renderScrollRows","map","val","disabled","onClick","toString","padStart","handleClear","icChange","emit","timeString","timeObject","handleConfirmClick","hourStr","minuteStr","secondStr","allSelected","date24hours","setHours","setMinutes","setSeconds","setMilliseconds","Object","assign","watchMinHandler","watchMaxHandler","watchValueHandler","setTime","setTimeout","componentWillLoad","componentDidLoad","scrollMinTime","time","zuluMatch","match","split","count","keyPrefix","isLast","endsWith","colClass","clear","colIdx","items","selectedIdx","forEach","item","classList","contains","scrollRow","resolvedHeight","parseFloat","getComputedStyle","height","offset","offsetTop","prefersReducedMotion","matchMedia","matches","scrollTo","top","behavior","minDate","targetIdx","realItems","filter","highlightTop","highlightBottom","topRect","getBoundingClientRect","bottomRect","highlightStart","bottom","highlightEnd","itemRect","itemCenter","getAttribute","valStr","replace","text","textContent","trim","render","hours","push","colonSelectedStates","isInPicker","closest","Host","lastCol","innerHTML","Clear","Check"],"sources":["src/components/ic-time-selector/ic-time-selector.css?tag=ic-time-selector&encapsulation=shadow","src/components/ic-time-selector/ic-time-selector.tsx"],"sourcesContent":[":host(.ic-time-selector-small) {\n  --time-selector-padded-item-height: var(--ic-space-lg);\n}\n\n:host(.ic-time-selector-medium) {\n  --time-selector-padded-item-height: calc(\n    var(--ic-space-lg) + var(--ic-space-xxs)\n  );\n}\n\n:host(.ic-time-selector-large) {\n  --time-selector-padded-item-height: var(--ic-space-xl);\n}\n\n.ic-time-selector-dialog-container {\n  background-color: var(--ic-time-picker-time-selector-bg);\n  border: var(--ic-space-1px) solid var(--ic-time-picker-time-selector-border);\n  border-radius: var(--ic-space-xxs);\n  padding: var(--ic-space-xs);\n  max-width: calc(\n    3 * var(--ic-space-xxl) + var(--ic-space-xl) + var(--ic-space-xxs)\n  );\n  width: fit-content;\n}\n\n:host(.ic-time-selector-small) .ic-time-selector-dialog-container {\n  padding: var(--ic-space-xxs);\n  max-width: calc(\n    3 * var(--ic-space-xxl) + var(--ic-space-lg) + var(--ic-space-xxs)\n  );\n}\n\n:host(.ic-time-selector-large) .ic-time-selector-dialog-container {\n  padding: var(--ic-space-md);\n  max-width: calc(\n    3 * var(--ic-space-xxl) + var(--ic-space-xl) + var(--ic-space-xs) +\n      var(--ic-space-xxs)\n  );\n}\n\n.ic-time-selector-item {\n  height: var(--ic-space-lg);\n  padding: var(--ic-space-xxxs);\n  text-align: center;\n  cursor: pointer;\n  scroll-snap-align: start;\n  transition: background 0.2s, color 0.2s;\n}\n\n:host(.ic-time-selector-small) .ic-time-selector-item {\n  padding: 0;\n}\n\n:host(.ic-time-selector-large) .ic-time-selector-item {\n  padding: var(--ic-space-xxs);\n}\n\n.ic-time-selector-item:hover:not(.disabled):not(.selected) {\n  background-color: var(--ic-time-picker-time-bg-hover);\n}\n\n.ic-time-selector-item:active:not(.disabled):not(.selected) {\n  background-color: var(--ic-time-picker-time-bg-pressed);\n}\n\n.ic-time-selector-item.selected {\n  background-color: var(--ic-time-picker-time-bg-selected);\n\n  --ic-typography-color: var(--ic-time-picker-time-text-selected);\n\n  position: relative;\n}\n\n.ic-time-selector-item.selected:hover {\n  background-color: var(--ic-time-picker-time-active-bg-hover);\n}\n\n.ic-time-selector-item.selected:active {\n  background-color: var(--ic-time-picker-time-active-bg-pressed);\n}\n\n.ic-time-selector-colon-selected {\n  background-color: var(--ic-time-picker-colon-bg-selected);\n  color: var(--ic-time-picker-colon-selected) !important;\n}\n\n.ic-time-selector-item.selected::before,\n.ic-time-selector-item.selected::after,\n.ic-time-selector-colon-selected::before,\n.ic-time-selector-colon-selected::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: var(--ic-space-1px);\n  background: var(--ic-time-picker-time-selector-bg);\n}\n\n.ic-time-selector-item.selected::before,\n.ic-time-selector-colon-selected::before {\n  top: 0;\n}\n\n.ic-time-selector-item.selected::after,\n.ic-time-selector-colon-selected::after {\n  bottom: 0;\n}\n\n.ic-time-selector-item.disabled {\n  --ic-typography-color: var(--ic-time-picker-time-text-disabled);\n\n  cursor: not-allowed;\n}\n\n.ic-time-selector-column-wrapper {\n  display: flex;\n  flex-direction: column;\n}\n\n.ic-time-selector-scroll-row {\n  height: var(--time-selector-padded-item-height) !important;\n  background: transparent !important;\n  pointer-events: none;\n  user-select: none;\n  cursor: default !important;\n  box-sizing: border-box;\n}\n\n:host(.ic-time-selector-small) .ic-time-selector-scroll-row-last {\n  height: calc(var(--ic-space-1px) + var(--ic-space-xxxs)) !important;\n}\n\n:host(.ic-time-selector-medium) .ic-time-selector-scroll-row-last,\n:host(.ic-time-selector-large) .ic-time-selector-scroll-row-last {\n  height: calc(\n    var(--ic-space-1px) + var(--ic-space-xxxs) + var(--ic-space-md)\n  ) !important;\n}\n\n.ic-time-selector-scroll-row:hover,\n.ic-time-selector-scroll-row:active {\n  background: transparent !important;\n}\n\n.ic-time-selector-header-row {\n  color: var(--ic-time-picker-hh-label);\n\n  --ic-typography-color: var(--ic-time-picker-hh-label) !important;\n\n  background: transparent !important;\n  text-align: center;\n  height: var(--time-selector-padded-item-height);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ic-time-selector-header-border {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: var(--time-selector-padded-item-height);\n  height: var(--ic-space-1px);\n  background: var(--ic-time-picker-header-border);\n  pointer-events: none;\n}\n\n.ic-time-selector-colon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--ic-time-picker-colon-default);\n  height: var(--time-selector-padded-item-height);\n  margin-top: calc(3 * var(--time-selector-padded-item-height));\n}\n\n.ic-time-selector-columns {\n  display: flex;\n  flex-direction: row;\n  border-bottom: var(--ic-space-1px) solid var(--ic-time-picker-lower-border);\n  margin: 0 var(--ic-space-xxs);\n  position: relative;\n  z-index: 1;\n}\n\n.ic-time-selector-highlight-lines {\n  position: relative;\n  width: 100%;\n}\n\n.ic-time-selector-highlight {\n  position: absolute;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: var(--ic-space-1px);\n  background: var(--ic-time-picker-selection-border);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.ic-time-selector-highlight-top {\n  top: calc(3 * var(--time-selector-padded-item-height) - var(--ic-space-1px));\n}\n\n.ic-time-selector-highlight-bottom {\n  top: calc(4 * var(--time-selector-padded-item-height));\n}\n\n.ic-time-selector-column {\n  height: calc((5 * var(--ic-space-xxl)) + (3 * var(--ic-space-1px)));\n  overflow-y: auto;\n  width: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  position: relative;\n  scroll-snap-type: y mandatory;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n:host(.ic-time-selector-small) .ic-time-selector-column {\n  width: calc(var(--ic-space-xl) + var(--ic-space-xxs) + var(--ic-space-xxxs));\n}\n\n:host(.ic-time-selector-large) .ic-time-selector-column {\n  width: calc(var(--ic-space-xl) + var(--ic-space-xs) + var(--ic-space-xxxs));\n}\n\n.ic-time-selector-column-period {\n  margin-left: var(--ic-space-xxs);\n}\n\n.ic-time-selector-column::-webkit-scrollbar {\n  display: none;\n}\n\n.ic-time-selector-column:focus-visible,\n.ic-time-selector-item:focus-visible {\n  outline: none;\n  background-color: transparent;\n}\n\n.ic-time-selector-column:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-fast);\n  z-index: 3;\n}\n\n.ic-time-selector-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.ic-time-selector-actions {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  width: 100%;\n  margin-top: var(--ic-space-xs);\n  margin-left: auto;\n}\n\n.ic-time-selector-check-btn {\n  margin-left: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n@media (forced-colors: active) {\n  .ic-time-selector-item.selected {\n    background-color: highlight !important;\n  }\n\n  .ic-time-selector-item.disabled {\n    --ic-typography-color: GrayText !important;\n  }\n\n  .ic-time-selector-column:focus {\n    border: var(--ic-border-hc);\n  }\n\n  .ic-time-selector-highlight {\n    background: Highlight !important;\n  }\n}\n","import {\n  Component,\n  h,\n  Element,\n  State,\n  Prop,\n  Event,\n  EventEmitter,\n  Host,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  IcDisableTimeSelection,\n  IcSizes,\n  IcThemeMode,\n  IcTimeFormatSelector,\n} from \"../../utils/types\";\nimport { parseTimeHelper } from \"../../utils/helpers\";\nimport Check from \"../../assets/check-icon.svg\";\nimport Clear from \"../../assets/close-icon.svg\";\nimport { IcTimePeriods } from \"./ic-time-selector.types\";\n\nconst COLUMN_TYPES = [\"hour\", \"minute\", \"second\", \"period\"] as const;\nconst COLUMN_CLASS = \".ic-time-selector-column\";\nconst ITEM_CLASS = \".ic-time-selector-item\";\ntype ColumnType = typeof COLUMN_TYPES[number];\n\n@Component({\n  tag: \"ic-time-selector\",\n  styleUrl: \"ic-time-selector.css\",\n  shadow: true,\n})\nexport class TimeSelector {\n  private DEFAULT_TIME_FORMAT: IcTimeFormatSelector = \"HH:MM:SS\";\n  private minutes: number[] = Array.from({ length: 60 }, (_, i) => i);\n  private seconds: number[] = Array.from({ length: 60 }, (_, i) => i);\n  private periods: IcTimePeriods[] = [\"AM\", \"PM\"];\n  private minTime: Date | null = null;\n  private maxTime: Date | null = null;\n  private lastAnnouncedType?: ColumnType;\n  private lastAnnouncedValue?: number | IcTimePeriods | null;\n\n  @Element() el: HTMLIcTimeSelectorElement;\n\n  @State() selectedHour?: number;\n  @State() selectedMinute?: number;\n  @State() selectedSecond?: number;\n  @State() selectedPeriod?: IcTimePeriods;\n  @State() ariaLiveMessage: string = \"\";\n\n  /**\n   * An array of times that will be disabled in the time selector. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n   */\n  @Prop() disableTimes: IcDisableTimeSelection[] = [];\n\n  /**\n   * The earliest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n   */\n  @Prop() min: string | Date = \"\";\n  @Watch(\"min\")\n  watchMinHandler(): void {\n    this.minTime = parseTimeHelper(this.min).date;\n  }\n\n  /**\n   * The latest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n   */\n  @Prop() max: string | Date = \"\";\n  @Watch(\"max\")\n  watchMaxHandler(): void {\n    this.maxTime = parseTimeHelper(this.max).date;\n  }\n\n  /**\n   * The size of the time selector to be displayed.\n   */\n  @Prop() size: IcSizes = \"medium\";\n\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  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * The format in which the time will be displayed.\n   */\n  @Prop() timeFormat: IcTimeFormatSelector = this.DEFAULT_TIME_FORMAT;\n\n  /**\n   * The time period format: \"12\" for 12-hour, \"24\" for 24-hour. Defaults to \"24\".\n   */\n  @Prop() timePeriod: \"12\" | \"24\" = \"24\";\n\n  /**\n   * The value of the time selector. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n   */\n  @Prop({ mutable: true }) value?: string | Date | null | undefined = \"\";\n  @Watch(\"value\")\n  watchValueHandler(): void {\n    this.setTime(this.value);\n    setTimeout(() => {\n      this.scrollSelectedItem(\"hour\");\n      this.scrollSelectedItem(\"minute\");\n      if (this.timeFormat === this.DEFAULT_TIME_FORMAT) {\n        this.scrollSelectedItem(\"second\");\n      }\n      if (this.timePeriod === \"12\") {\n        this.scrollSelectedItem(\"period\");\n      }\n    }, 0);\n  }\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icChange: EventEmitter<{\n    value: Date | null;\n    timeString: string | null;\n    timeObject: {\n      hour: string | null;\n      minute: string | null;\n      second: string | null;\n      period?: IcTimePeriods;\n    };\n  }>;\n\n  componentWillLoad() {\n    this.setTime(this.value);\n  }\n\n  componentDidLoad() {\n    setTimeout(() => {\n      if (this.selectedHour !== undefined && this.selectedHour !== null) {\n        this.scrollSelectedItem(\"hour\");\n      } else if (this.min) {\n        this.scrollMinTime(\"hour\");\n      }\n      if (this.selectedMinute !== undefined && this.selectedMinute !== null) {\n        this.scrollSelectedItem(\"minute\");\n      } else if (this.min) {\n        this.scrollMinTime(\"minute\");\n      }\n      if (this.timeFormat === this.DEFAULT_TIME_FORMAT) {\n        if (this.selectedSecond !== undefined && this.selectedSecond !== null) {\n          this.scrollSelectedItem(\"second\");\n        } else if (this.min) {\n          this.scrollMinTime(\"second\");\n        }\n      }\n      if (this.timePeriod === \"12\") {\n        if (this.selectedPeriod !== undefined && this.selectedPeriod !== null) {\n          this.scrollSelectedItem(\"period\");\n        } else if (this.min) {\n          this.scrollMinTime(\"period\");\n        }\n      }\n      this.updateAriaLiveMessage();\n    }, 0);\n  }\n\n  private getHeaderLabel(type: ColumnType): string {\n    switch (type) {\n      case \"hour\":\n        return \"HH\";\n      case \"minute\":\n        return \"MM\";\n      case \"second\":\n        return \"SS\";\n      default:\n        return \"\";\n    }\n  }\n\n  private setTimeParts = (hour: number, minute: number, second: number) => {\n    let period: IcTimePeriods = \"AM\";\n    if (this.timePeriod === \"12\") {\n      if (hour === 0) {\n        hour = 12;\n        period = \"AM\";\n      } else if (hour === 12) {\n        period = \"PM\";\n      } else if (hour > 12) {\n        hour = hour - 12;\n        period = \"PM\";\n      } else {\n        period = \"AM\";\n      }\n      this.selectedHour = hour;\n      this.selectedPeriod = period;\n    } else {\n      this.selectedHour = hour;\n    }\n    this.selectedMinute = minute;\n    this.selectedSecond = second;\n  };\n\n  private setTime(time?: string | Date | null) {\n    if (time === null || time === undefined || time === \"\") {\n      this.handleClear();\n      return;\n    }\n\n    if (typeof time === \"string\") {\n      const zuluMatch = time.match(\n        /^([0-9]{2}):([0-9]{2}):([0-9]{2})(?:\\.[0-9]{1,3})?Z?$/\n      );\n      if (zuluMatch) {\n        this.setTimeParts(\n          Number(zuluMatch[1]),\n          Number(zuluMatch[2]),\n          Number(zuluMatch[3])\n        );\n      } else {\n        const parts = time.split(\":\");\n        this.setTimeParts(\n          Number(parts[0]) || 0,\n          Number(parts[1]) || 0,\n          Number(parts[2]) || 0\n        );\n      }\n    } else {\n      const { parts } = parseTimeHelper(time);\n      if (parts) {\n        this.setTimeParts(parts.hour, parts.minute, parts.second);\n      }\n    }\n  }\n\n  private renderScrollRows(count: number, keyPrefix = \"scroll-row\") {\n    return Array.from({ length: count }).map((_, i) => {\n      const isLast = keyPrefix.endsWith(\"bottom-spacer\")\n        ? i === count - 1\n        : false;\n      return (\n        <li\n          class={{\n            \"ic-time-selector-item\": true,\n            \"ic-time-selector-scroll-row\": true,\n            ...(isLast ? { \"ic-time-selector-scroll-row-last\": true } : {}),\n          }}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n          key={`${keyPrefix}-${i}`}\n        />\n      );\n    });\n  }\n\n  private scrollSelectedItem(colClass: ColumnType, clear?: boolean) {\n    const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n    let colIdx = COLUMN_TYPES.indexOf(colClass);\n    if (colClass === \"period\" && columns?.length) {\n      colIdx = columns.length - 1;\n    }\n    const col = columns?.[colIdx];\n    if (col) {\n      const items = col.querySelectorAll(ITEM_CLASS);\n      let selectedIdx = -1;\n      items.forEach((item, idx) => {\n        if (item.classList.contains(\"selected\")) selectedIdx = idx;\n      });\n      if (clear) {\n        selectedIdx = 0;\n      }\n      if (selectedIdx > -1) {\n        const scrollRow = col.querySelector(\n          \".ic-time-selector-scroll-row\"\n        ) as HTMLElement;\n        let resolvedHeight = 0;\n        if (scrollRow) {\n          resolvedHeight = parseFloat(getComputedStyle(scrollRow).height);\n        }\n        const offset = resolvedHeight * 2;\n        const scrollTop =\n          (items[selectedIdx] as HTMLElement).offsetTop - offset;\n        const prefersReducedMotion = window.matchMedia(\n          \"(prefers-reduced-motion: reduce)\"\n        ).matches;\n        col.scrollTo({\n          top: scrollTop,\n          behavior: prefersReducedMotion ? \"instant\" : \"smooth\",\n        });\n        if (clear) {\n          setTimeout(() => {\n            const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n            if (columns && columns.length > 0) {\n              this.checkIfScrollIsFinished(columns[0], scrollTop);\n            }\n          }, 300);\n        }\n      }\n    }\n  }\n\n  private checkIfScrollIsFinished = (\n    column: { scrollTop: number },\n    scrollTop: number\n  ) => {\n    const isScrollFinished = setInterval(() => {\n      if (column.scrollTop === scrollTop + 56) {\n        (column as HTMLElement)?.focus();\n        clearInterval(isScrollFinished);\n      }\n    }, 25);\n  };\n\n  private scrollMinTime(colClass: ColumnType) {\n    const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n    const colIdx = COLUMN_TYPES.indexOf(colClass);\n    const col = columns?.[colIdx];\n    if (!col) return;\n    const items = col.querySelectorAll(ITEM_CLASS);\n    let minHour = 0,\n      minMinute = 0,\n      minSecond = 0;\n    if (this.minTime) {\n      minHour = this.minTime.getHours() + 2;\n      minMinute = this.minTime.getMinutes() + 2;\n      minSecond = this.minTime.getSeconds();\n    } else if (this.min) {\n      const minDate = parseTimeHelper(this.min).date;\n      if (minDate) {\n        minHour = minDate.getHours();\n        minMinute = minDate.getMinutes();\n        minSecond = minDate.getSeconds();\n      }\n    }\n    let targetIdx = -1;\n    const values = this.getColumnValues(colClass);\n    if (colClass === \"hour\") {\n      targetIdx = values.findIndex((v) => v === minHour);\n    } else if (colClass === \"minute\") {\n      targetIdx = values.findIndex((v) => v === minMinute);\n    } else if (colClass === \"second\") {\n      targetIdx = values.findIndex((v) => v === minSecond);\n    } else if (colClass === \"period\") {\n      let period: IcTimePeriods = \"AM\";\n      if (this.timePeriod === \"12\") {\n        if (minHour === 0) {\n          period = \"AM\";\n        } else if (minHour === 12) {\n          period = \"PM\";\n        } else if (minHour > 12) {\n          period = \"PM\";\n        } else {\n          period = \"AM\";\n        }\n      }\n      targetIdx = values.findIndex((v) => v === period);\n    }\n    if (targetIdx > -1) {\n      const scrollRow = col.querySelector(\n        \".ic-time-selector-scroll-row\"\n      ) as HTMLElement;\n      let resolvedHeight = 0;\n      if (scrollRow) {\n        resolvedHeight = parseFloat(getComputedStyle(scrollRow).height);\n      }\n      const offset = resolvedHeight * 2;\n      const scrollTop = (items[targetIdx] as HTMLElement).offsetTop - offset;\n      const prefersReducedMotion = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n      col.scrollTo({\n        top: scrollTop,\n        behavior: prefersReducedMotion ? \"instant\" : \"smooth\",\n      });\n    }\n  }\n\n  private handleSelect = (type: ColumnType, value: number | IcTimePeriods) => {\n    const prevValue = this.getSelectedValue(type);\n    switch (type) {\n      case \"hour\":\n        this.selectedHour = Number(value);\n        break;\n      case \"minute\":\n        this.selectedMinute = Number(value);\n        break;\n      case \"second\":\n        this.selectedSecond = Number(value);\n        break;\n      case \"period\":\n        this.selectedPeriod = value as IcTimePeriods;\n        break;\n    }\n    const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n    const idx = COLUMN_TYPES.indexOf(type);\n    if (columns && columns[idx]) {\n      (columns[idx] as HTMLElement).focus();\n      window.requestAnimationFrame(() => {\n        this.scrollSelectedItem(type);\n      });\n    }\n    if (prevValue === undefined || prevValue === null) {\n      this.announceSelectedColumn(type);\n    } else {\n      this.lastAnnouncedType = type;\n      this.lastAnnouncedValue = this.getSelectedValue(type);\n    }\n  };\n\n  private isTimeDisabled = (\n    hour: number,\n    minute: number,\n    second: number,\n    type?: ColumnType\n  ): boolean => {\n    for (const t of this.disableTimes) {\n      if (typeof t === \"string\" || t instanceof Date) {\n        const parts = parseTimeHelper(t).parts;\n        if (\n          parts &&\n          parts.hour === hour &&\n          parts.minute === minute &&\n          parts.second === second\n        ) {\n          return true;\n        }\n      } else if (t && typeof t === \"object\" && \"start\" in t && \"end\" in t) {\n        const startParts = parseTimeHelper(t.start).parts;\n        const endParts = parseTimeHelper(t.end).parts;\n        if (startParts && endParts) {\n          const timeVal = hour * 3600 + minute * 60 + second;\n          const startVal =\n            startParts.hour * 3600 + startParts.minute * 60 + startParts.second;\n          const endVal =\n            endParts.hour * 3600 + endParts.minute * 60 + endParts.second;\n          if (timeVal >= startVal && timeVal <= endVal) {\n            return true;\n          }\n        }\n      }\n    }\n    if (this.min) {\n      this.minTime = parseTimeHelper(this.min).date;\n      if (this.minTime) {\n        const minHour = this.minTime.getHours();\n        const minMinute = this.minTime.getMinutes();\n        const minSecond = this.minTime.getSeconds();\n        if (type === \"hour\") {\n          const highlightedMinute = this.selectedMinute ?? minMinute;\n          const highlightedSecond = this.selectedSecond ?? minSecond;\n          if (\n            hour < minHour ||\n            (hour === minHour && highlightedMinute < minMinute) ||\n            (hour === minHour &&\n              highlightedMinute === minMinute &&\n              highlightedSecond < minSecond)\n          ) {\n            return true;\n          }\n        } else if (type === \"minute\") {\n          if (hour === minHour && minute < minMinute) {\n            return true;\n          }\n        } else if (type === \"second\") {\n          if (hour === minHour && minute === minMinute && second < minSecond) {\n            return true;\n          }\n        } else {\n          if (\n            hour < minHour ||\n            (hour === minHour && minute < minMinute) ||\n            (hour === minHour && minute === minMinute && second < minSecond)\n          ) {\n            return true;\n          }\n        }\n      }\n    }\n    if (this.max) {\n      this.maxTime = parseTimeHelper(this.max).date;\n      if (this.maxTime) {\n        const maxHour = this.maxTime.getHours();\n        const maxMinute = this.maxTime.getMinutes();\n        const maxSecond = this.maxTime.getSeconds();\n        if (type === \"hour\") {\n          const selectedMinute = this.selectedMinute ?? 59;\n          const selectedSecond = this.selectedSecond ?? 59;\n          if (\n            hour > maxHour ||\n            (hour === maxHour && selectedMinute > maxMinute) ||\n            (hour === maxHour &&\n              selectedMinute === maxMinute &&\n              selectedSecond > maxSecond)\n          ) {\n            return true;\n          }\n        } else if (type === \"minute\") {\n          if (hour === maxHour && minute > maxMinute) {\n            return true;\n          }\n        } else if (type === \"second\") {\n          if (hour === maxHour && minute === maxMinute && second > maxSecond) {\n            return true;\n          }\n        } else {\n          if (\n            hour > maxHour ||\n            (hour === maxHour && minute > maxMinute) ||\n            (hour === maxHour && minute === maxMinute && second > maxSecond)\n          ) {\n            return true;\n          }\n        }\n      }\n    }\n    return false;\n  };\n\n  private announceSelectedColumn(type: ColumnType) {\n    const value = this.getSelectedValue(type);\n    if (\n      value !== null &&\n      value !== undefined &&\n      (type !== this.lastAnnouncedType || value !== this.lastAnnouncedValue)\n    ) {\n      this.ariaLiveMessage = `Selected ${type}: ${value}`;\n    } else {\n      this.ariaLiveMessage = \"\";\n    }\n    this.lastAnnouncedType = type;\n    this.lastAnnouncedValue = value;\n  }\n\n  private getColumnValues(type: ColumnType): number[] | IcTimePeriods[] {\n    if (type === \"hour\")\n      return this.timePeriod === \"12\"\n        ? Array.from({ length: 12 }, (_, i) => i + 1)\n        : Array.from({ length: 24 }, (_, i) => i);\n    if (type === \"minute\") return this.minutes;\n    if (type === \"second\") return this.seconds;\n    if (type === \"period\") return this.periods;\n    return [];\n  }\n\n  private getSelectedValue(type: ColumnType): number | IcTimePeriods | null {\n    if (type === \"hour\") return this.selectedHour ?? null;\n    if (type === \"minute\") return this.selectedMinute ?? null;\n    if (type === \"second\") return this.selectedSecond ?? null;\n    if (type === \"period\") return this.selectedPeriod ?? null;\n    return null;\n  }\n\n  private getHighlightedValue(\n    type: ColumnType,\n    col: HTMLElement\n  ): number | IcTimePeriods | null {\n    const items = Array.from(col.querySelectorAll(ITEM_CLASS));\n    const realItems = items.filter(\n      (item) => !item.classList.contains(\"ic-time-selector-scroll-row\")\n    );\n    if (realItems.length === 0) return null;\n    const highlightTop = this.el.shadowRoot?.querySelector(\n      \".ic-time-selector-highlight-top\"\n    ) as HTMLElement;\n    const highlightBottom = this.el.shadowRoot?.querySelector(\n      \".ic-time-selector-highlight-bottom\"\n    ) as HTMLElement;\n    if (!highlightTop || !highlightBottom) return null;\n    const topRect = highlightTop.getBoundingClientRect();\n    const bottomRect = highlightBottom.getBoundingClientRect();\n    const highlightStart = topRect.bottom;\n    const highlightEnd = bottomRect.top;\n    for (const item of realItems) {\n      const itemRect = item.getBoundingClientRect();\n      const itemCenter = itemRect.top + itemRect.height / 2;\n      if (itemCenter >= highlightStart && itemCenter <= highlightEnd) {\n        const key = item.getAttribute(\"key\");\n        if (key) {\n          const valStr = key.replace(`${type}-val-`, \"\");\n          if (type === \"hour\" || type === \"minute\" || type === \"second\") {\n            return Number(valStr);\n          } else {\n            return valStr as IcTimePeriods;\n          }\n        }\n        const text = item.textContent?.trim();\n        if (type === \"hour\" || type === \"minute\" || type === \"second\") {\n          return text ? Number(text) : null;\n        } else {\n          return text as IcTimePeriods;\n        }\n      }\n    }\n    return null;\n  }\n\n  private handleColumnKeyDown = (type: ColumnType, event: KeyboardEvent) => {\n    const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n    const idx = COLUMN_TYPES.indexOf(type);\n    if (!columns) return;\n\n    const values = this.getColumnValues(type);\n    const selected = this.getSelectedValue(type);\n    const col = columns[idx] as HTMLElement;\n    if (!col) return;\n\n    const selectHighlighted = () => {\n      const highlighted = this.getHighlightedValue(type, col);\n      if (highlighted !== null) {\n        this.handleSelect(type, highlighted);\n      } else if (values.length > 0) {\n        this.handleSelect(type, values[0]);\n      }\n    };\n\n    switch (event.key) {\n      case \"Enter\":\n      case \" \":\n        event.preventDefault();\n        selectHighlighted();\n        return;\n      case \"ArrowRight\":\n        event.preventDefault();\n        selectHighlighted();\n        if (idx < columns.length - 1) {\n          (columns[idx + 1] as HTMLElement)?.focus();\n        }\n        return;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        if (idx > 0) (columns[idx - 1] as HTMLElement)?.focus();\n        return;\n      case \"Tab\":\n        if (event.shiftKey) {\n          if (idx === 0) {\n            return;\n          } else {\n            event.preventDefault();\n            (columns[idx - 1] as HTMLElement)?.focus();\n          }\n        } else {\n          event.preventDefault();\n          selectHighlighted();\n          this.announceSelectedColumn(type);\n          if (idx < columns.length - 1) {\n            (columns[idx + 1] as HTMLElement)?.focus();\n          } else {\n            (\n              this.el.shadowRoot?.querySelector(\n                \".ic-time-selector-clear-btn\"\n              ) as HTMLElement\n            )?.focus();\n            this.updateAriaLiveMessage();\n          }\n        }\n        return;\n      case \"ArrowUp\":\n      case \"ArrowDown\": {\n        let idxInValues = values.findIndex((v) => v === selected);\n        if (idxInValues === -1) idxInValues = 0;\n        let newIdx = idxInValues;\n        const direction = event.key === \"ArrowUp\" ? -1 : 1;\n        const maxIdx = values.length - 1;\n        do {\n          newIdx += direction;\n        } while (\n          newIdx >= 0 &&\n          newIdx <= maxIdx &&\n          (() => {\n            if (type === \"hour\" || type === \"minute\" || type === \"second\") {\n              const hour =\n                type === \"hour\"\n                  ? (values[newIdx] as number)\n                  : this.selectedHour ?? 0;\n              const minute =\n                type === \"minute\"\n                  ? (values[newIdx] as number)\n                  : this.selectedMinute ?? 0;\n              const second =\n                type === \"second\"\n                  ? (values[newIdx] as number)\n                  : this.selectedSecond ?? 0;\n              return this.isTimeDisabled(hour, minute, second);\n            }\n            return false;\n          })()\n        );\n        this.ariaLiveMessage = `Selected ${type}: ${values[newIdx]}`;\n        if (newIdx >= 0 && newIdx <= maxIdx && newIdx !== idxInValues) {\n          this.handleSelect(type, values[newIdx]);\n        }\n        return;\n      }\n      default:\n        return;\n    }\n  };\n\n  private updateAriaLiveMessage() {\n    const hourStr =\n      this.selectedHour != null\n        ? this.selectedHour.toString().padStart(2, \"0\")\n        : null;\n    const minuteStr =\n      this.selectedMinute != null\n        ? this.selectedMinute.toString().padStart(2, \"0\")\n        : null;\n    const secondStr =\n      this.selectedSecond != null\n        ? this.selectedSecond.toString().padStart(2, \"0\")\n        : null;\n    let timeString = \"\";\n    let allSelected = false;\n    if (this.timeFormat === \"HH:MM\") {\n      allSelected = hourStr !== null && minuteStr !== null;\n      if (allSelected) {\n        timeString =\n          hourStr +\n          \":\" +\n          minuteStr +\n          (this.selectedPeriod ? \" \" + this.selectedPeriod : \"\");\n      }\n    } else if (this.timeFormat === this.DEFAULT_TIME_FORMAT) {\n      allSelected =\n        hourStr !== null && minuteStr !== null && secondStr !== null;\n      if (allSelected) {\n        timeString =\n          hourStr +\n          \":\" +\n          minuteStr +\n          \":\" +\n          secondStr +\n          (this.selectedPeriod ? \" \" + this.selectedPeriod : \"\");\n      }\n    }\n    this.ariaLiveMessage =\n      allSelected && timeString ? `Selected time: ${timeString}` : \"\";\n  }\n\n  private renderColumn = (\n    type: ColumnType,\n    values: number[] | IcTimePeriods[],\n    selected: number | IcTimePeriods | null\n  ) => {\n    const isTimeColumn =\n      type === \"hour\" || type === \"minute\" || type === \"second\";\n    const isPeriodColumn = type === \"period\";\n    const headerLabel = this.getHeaderLabel(type);\n    const topSpacerCount = 2;\n    let bottomSpacerCount = 6;\n    if (this.size === \"large\") {\n      bottomSpacerCount = 5;\n    } else if (this.size === \"small\") {\n      bottomSpacerCount = 8;\n    }\n    return (\n      <div class=\"ic-time-selector-column-wrapper\">\n        {isPeriodColumn ? (\n          <div class=\"ic-time-selector-header-row\" />\n        ) : (\n          headerLabel && (\n            <div class=\"ic-time-selector-header-row\">\n              <ic-typography variant=\"subtitle-small\">\n                {headerLabel}\n              </ic-typography>\n            </div>\n          )\n        )}\n        <div\n          class={{\n            \"ic-time-selector-column\": true,\n            \"ic-time-selector-column-period\": isPeriodColumn,\n          }}\n          tabIndex={0}\n          onKeyDown={(e) => this.handleColumnKeyDown(type, e as KeyboardEvent)}\n        >\n          <ul class=\"ic-time-selector-list\" role=\"listbox\" aria-label={type}>\n            {this.renderScrollRows(topSpacerCount, `${type}-top-spacer`)}\n            {values.map((val) => {\n              let disabled = false;\n              if (isTimeColumn) {\n                const hour =\n                  type === \"hour\" ? (val as number) : this.selectedHour ?? 0;\n                const minute =\n                  type === \"minute\"\n                    ? (val as number)\n                    : this.selectedMinute ?? 0;\n                const second =\n                  type === \"second\"\n                    ? (val as number)\n                    : this.selectedSecond ?? 0;\n                disabled = this.isTimeDisabled(hour, minute, second, type);\n              }\n              return (\n                <li\n                  class={{\n                    \"ic-time-selector-item\": true,\n                    selected: val === selected,\n                    disabled,\n                  }}\n                  role=\"option\"\n                  aria-selected={val === selected ? \"true\" : \"false\"}\n                  aria-disabled={disabled ? \"true\" : \"false\"}\n                  onClick={() =>\n                    !disabled && this.handleSelect(type, val as any)\n                  }\n                  tabIndex={-1}\n                  key={`${type}-val-${val}`}\n                >\n                  <ic-typography variant=\"subtitle-small\">\n                    {typeof val === \"number\"\n                      ? val.toString().padStart(2, \"0\")\n                      : val}\n                  </ic-typography>\n                </li>\n              );\n            })}\n            {(isTimeColumn || isPeriodColumn) &&\n              this.renderScrollRows(bottomSpacerCount, `${type}-bottom-spacer`)}\n          </ul>\n        </div>\n      </div>\n    );\n  };\n\n  private handleClear = () => {\n    this.selectedHour = undefined;\n    this.scrollSelectedItem(\"hour\", true);\n    this.selectedMinute = undefined;\n    this.scrollSelectedItem(\"minute\", true);\n    this.selectedSecond = undefined;\n    this.scrollSelectedItem(\"second\", true);\n    this.selectedPeriod = undefined;\n    this.scrollSelectedItem(\"period\", true);\n    this.lastAnnouncedType = undefined;\n    this.lastAnnouncedValue = undefined;\n    this.icChange.emit({\n      value: null,\n      timeString: null,\n      timeObject: {\n        hour: null,\n        minute: null,\n        second: null,\n        period: undefined,\n      },\n    });\n  };\n\n  private handleConfirmClick = () => {\n    const hour = this.selectedHour != null ? this.selectedHour : null;\n    const minute = this.selectedMinute != null ? this.selectedMinute : null;\n    const second = this.selectedSecond != null ? this.selectedSecond : null;\n    const period = this.selectedPeriod;\n\n    const hourStr = hour != null ? hour.toString().padStart(2, \"0\") : null;\n    const minuteStr =\n      minute != null ? minute.toString().padStart(2, \"0\") : null;\n    const secondStr =\n      second != null ? second.toString().padStart(2, \"0\") : null;\n\n    let allSelected = false;\n    if (this.timeFormat === this.DEFAULT_TIME_FORMAT) {\n      allSelected = hour !== null && minute !== null && second !== null;\n    } else {\n      allSelected = hour !== null && minute !== null;\n    }\n\n    let value: Date | null = null;\n    let timeString: string | null = null;\n    if (allSelected) {\n      let date24hours = hour;\n      if (hour != null && period && this.timePeriod === \"12\") {\n        if (period === \"PM\" && hour < 12) date24hours = hour + 12;\n        if (period === \"AM\" && hour === 12) date24hours = 0;\n      }\n      value = new Date();\n      value.setHours(date24hours ?? 0);\n      value.setMinutes(minute ?? 0);\n      value.setSeconds(second ?? 0);\n      value.setMilliseconds(0);\n      if (this.timeFormat === \"HH:MM\") {\n        timeString = hourStr + \":\" + minuteStr + (period ? \" \" + period : \"\");\n      } else if (this.timeFormat === this.DEFAULT_TIME_FORMAT) {\n        timeString =\n          hourStr +\n          \":\" +\n          minuteStr +\n          \":\" +\n          secondStr +\n          (period ? \" \" + period : \"\");\n      }\n      this.value = value;\n    }\n\n    this.icChange.emit({\n      value: allSelected ? value : null,\n      timeString: allSelected ? timeString : null,\n      timeObject: {\n        hour: hourStr,\n        minute: minuteStr,\n        second: secondStr,\n        ...(period ? { period } : {}),\n      },\n    });\n  };\n\n  render() {\n    const hours =\n      this.timePeriod === \"12\"\n        ? Array.from({ length: 12 }, (_, i) => i + 1)\n        : Array.from({ length: 24 }, (_, i) => i);\n    const timeFormat = this.timeFormat || this.DEFAULT_TIME_FORMAT;\n    const columns = [\n      this.renderColumn(\"hour\", hours, this.selectedHour ?? null),\n      this.renderColumn(\"minute\", this.minutes, this.selectedMinute ?? null),\n    ];\n    if (timeFormat === this.DEFAULT_TIME_FORMAT) {\n      columns.push(\n        this.renderColumn(\"second\", this.seconds, this.selectedSecond ?? null)\n      );\n    }\n\n    let colonSelectedStates: boolean[] = [];\n    if (timeFormat === this.DEFAULT_TIME_FORMAT) {\n      colonSelectedStates = [\n        this.selectedHour !== undefined && this.selectedMinute !== undefined,\n        this.selectedMinute !== undefined && this.selectedSecond !== undefined,\n      ];\n    } else {\n      colonSelectedStates = [\n        this.selectedHour !== undefined && this.selectedMinute !== undefined,\n      ];\n    }\n\n    const isInPicker = this.el.closest(\"ic-time-picker\") !== null;\n\n    const { size, theme, timePeriod } = this;\n\n    return (\n      <Host\n        class={{\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [`ic-time-selector-${size}`]: true,\n        }}\n      >\n        <div\n          role={isInPicker ? \"dialog\" : undefined}\n          aria-modal={isInPicker ? true : undefined}\n          aria-label=\"Select time. Use arrow keys to navigate and select the options and then tab to move onto the next selection.\"\n          class={{\n            \"ic-time-selector-dialog-container\": true,\n          }}\n        >\n          <div class=\"ic-time-selector-highlight-lines\">\n            <div class=\"ic-time-selector-header-border\" />\n            <div\n              class={{\n                \"ic-time-selector-highlight\": true,\n                \"ic-time-selector-highlight-top\": true,\n              }}\n            />\n            <div class=\"ic-time-selector-columns\">\n              {columns.map((col, idx) => [\n                col,\n                idx < columns.length - 1 ? (\n                  <ic-typography\n                    class={{\n                      \"ic-time-selector-colon\": true,\n                      \"ic-time-selector-colon-selected\":\n                        colonSelectedStates[idx],\n                    }}\n                    variant=\"subtitle-small\"\n                    aria-hidden=\"true\"\n                    key={`colon-${idx}`}\n                  >\n                    :\n                  </ic-typography>\n                ) : null,\n              ])}\n              {timePeriod !== \"24\" &&\n                this.renderColumn(\n                  \"period\",\n                  this.periods,\n                  this.selectedPeriod ?? null\n                )}\n            </div>\n            <div\n              class={{\n                \"ic-time-selector-highlight\": true,\n                \"ic-time-selector-highlight-bottom\": true,\n              }}\n            />\n          </div>\n          <div class=\"ic-time-selector-actions\">\n            <ic-button\n              variant=\"icon-tertiary\"\n              aria-label=\"Clear time\"\n              class={{\n                \"ic-time-selector-clear-btn\": true,\n              }}\n              onClick={this.handleClear}\n              disabled={\n                this.selectedHour === undefined &&\n                this.selectedMinute === undefined &&\n                this.selectedSecond === undefined &&\n                this.selectedPeriod === undefined\n              }\n              size={size}\n              tabIndex={0}\n              onKeyDown={(e: KeyboardEvent) => {\n                if (e.key === \"Tab\" && e.shiftKey) {\n                  e.preventDefault();\n                  const columns =\n                    this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n                  if (columns && columns.length > 0) {\n                    const lastCol = columns[columns.length - 1] as HTMLElement;\n                    lastCol?.focus();\n                  }\n                }\n              }}\n            >\n              <span aria-hidden=\"true\" innerHTML={Clear}></span>\n            </ic-button>\n            <ic-button\n              variant=\"icon-tertiary\"\n              aria-label=\"Select time\"\n              class=\"ic-time-selector-check-btn\"\n              onClick={this.handleConfirmClick}\n              disabled={\n                this.selectedHour === undefined &&\n                this.selectedMinute === undefined &&\n                this.selectedSecond === undefined &&\n                this.selectedPeriod === undefined\n              }\n              size={size}\n              tabIndex={0}\n            >\n              <span aria-hidden=\"true\" innerHTML={Check}></span>\n            </ic-button>\n          </div>\n        </div>\n        <div class=\"sr-only\" aria-live=\"polite\">\n          {this.ariaLiveMessage}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-8830011c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as s,g as e}from"./p-8e4e97b4.js";import{p as h,h as l}from"./p-e519f607.js";const d=":host{display:flex;width:100%}.step-item-list{display:flex;margin:0;padding:0}:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list{flex:auto}:host(.ic-stepper-compact) ul ::slotted(ic-step){display:none}:host(.ic-stepper-compact) ul ::slotted(ic-step.show){display:flex}:host(.ic-stepper-compact) ul ::slotted(ic-step.hide){display:none;opacity:0;visibility:hidden}";const o=d;const a=class{constructor(i){t(this,i);var s;this.resizeObserver=null;this.visuallyHidden="visually-hidden";this.alignedFullWidth=true;this.autoSetStepTitles=true;this.lastStepWidth=0;this.noOfResizes=0;this.stepperWidth=(s=document.querySelector("ic-stepper"))===null||s===void 0?void 0:s.getBoundingClientRect().width;this.stepTypes=[];this.variantOverride=this.variant!=="compact";this.aligned="full-width";this.connectorWidth=100;this.hideStepInfo=false;this.icI18n={next:"Next",step:"Step",steps:"Steps",of:"of",lastStep:"Last step",completed:"Completed",notRequired:"Not required",required:"Required",optional:"Optional"};this.theme="inherit";this.variant="default";this.getChildren=()=>{this.steps=Array.from(this.el.querySelectorAll("ic-step"));this.stepsWithStepTitles=Array.from(this.el.querySelectorAll("ic-step[heading]"))};this.checkStepTitles=()=>{if(this.stepsWithStepTitles.length<this.steps.length&&this.variantOverride&&this.variant==="compact"){this.noOfResizes=this.noOfResizes+1;if(this.noOfResizes===1){console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`)}}};this.setStepTypes=()=>{this.getChildren();this.stepTypes=[];for(let t=0;t<this.steps.length;t++){this.stepTypes.push("active")}};this.setStepperWidth=()=>{this.alignedFullWidth=this.variant==="default"&&this.aligned==="full-width";const t=this.steps[this.steps.length-1];t.style.maxWidth="none";if(this.alignedFullWidth){this.stepperWidth=this.el.offsetWidth;t.style.maxWidth=h(`${this.stepperWidth/this.steps.length}px`);this.lastStepWidth=t.offsetWidth}};this.initialiseStepStates=()=>{this.steps.forEach(((t,i)=>{var s,e,l;if(this.icI18n!==undefined){t.icI18n=this.icI18n}t.variant=this.variant;t.stepNum=i+1;t.lastStep=i===this.steps.length-1;t.lastStepNum=this.steps.length;if(t.type!=="current"){t.current=false;this.stepTypes[i]=t.type}else{t.current=true}const d=t.shadowRoot&&t.shadowRoot.querySelector(".step > .heading-area");if(this.stepsWithStepTitles.length==0&&this.variantOverride){if(this.variant==="compact"){this.autoSetStepTitles=true;if(this.autoSetStepTitles){t.heading="Step "+t.stepNum;d&&((s=d===null||d===void 0?void 0:d.querySelector(".heading"))===null||s===void 0?void 0:s.setAttribute("aria-hidden","true"))}}if(this.variant==="default"){this.autoSetStepTitles=false;if(!this.autoSetStepTitles){t.heading=undefined;d&&((e=d===null||d===void 0?void 0:d.querySelector(".heading"))===null||e===void 0?void 0:e.removeAttribute("aria-hidden"))}}}if(this.variant==="compact"){if(t.current===true||t.type==="current"){t.classList.remove("hide");t.classList.add("show")}else if(t.classList.contains("show")){t.classList.remove("show");t.classList.add("hide")}if(!t.lastStep){t.nextStepHeading=this.steps[i+1].heading;t.progress=t.stepNum/this.steps.length*100}else if(t.lastStep&&this.stepTypes[i]!=="completed"){t.progress=95}else{t.progress=100}if(this.hideStepInfo&&d!==null){d.classList.remove(this.visuallyHidden)}t.compactStepStyling=this.stepTypes[i]}if(this.variant==="default"){if(!t.lastStep){if(this.alignedFullWidth&&this.stepperWidth!==undefined){t.style.width=h(`${(this.stepperWidth-this.lastStepWidth)/(this.steps.length-1)}px`);t.style.minWidth=h("148px")}}else if(t.lastStep){t.classList.add("last-step");if(this.alignedFullWidth){t.style.maxWidth=`${this.lastStepWidth}px`}else if(this.connectorWidth){t.style.maxWidth=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px")}}if(this.aligned==="left"&&this.connectorWidth){t.style.width=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px");const i=(l=t.shadowRoot)===null||l===void 0?void 0:l.querySelector(".step > .step-top > .step-connect");if(i){i.style.width=this.connectorWidth>100?h(`${this.connectorWidth}px`):h("100px")}}if(this.hideStepInfo&&d!==null){d.classList.add(this.visuallyHidden)}}}))};this.setHideStepInfo=()=>{this.steps.forEach((t=>{var i,s,e;const h=(i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(".step > .heading-area");if(h){if(this.hideStepInfo){(s=h.classList)===null||s===void 0?void 0:s.add(this.visuallyHidden)}else{(e=h.classList)===null||e===void 0?void 0:e.remove(this.visuallyHidden)}}}))};this.overrideVariant=()=>{if(this.variantOverride){let t=148*this.steps.length;if(this.aligned==="left"&&this.connectorWidth&&this.connectorWidth>100){t=(this.connectorWidth+48)*this.steps.length}if(this.el.clientWidth<t){this.variant="compact"}else{this.variant="default"}}};this.resizeObserverCallback=()=>{this.getChildren();this.checkStepTitles();this.overrideVariant();this.setStepperWidth();this.initialiseStepStates();this.handleThemeChange()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)}}handleThemeChange(){this.getChildren();this.steps.forEach((t=>{t.theme=this.theme}))}handlePropChange(){this.setHideStepInfo();this.getChildren()}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.setStepTypes();this.handleThemeChange();if(this.variant==="compact"){this.variantOverride=false}}componentWillRender(){this.initialiseStepStates()}componentDidLoad(){l(this.runResizeObserver)}render(){return i(s,{key:"8905befe9177785369ef0d277f7f21d823cd727b",class:{[`ic-stepper-${this.variant}`]:true,["ic-stepper-aligned-left"]:this.variant==="default"&&this.aligned==="left",[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("ul",{key:"19d67dcea521d17802c2d98946ce24254ef4969a",class:"step-item-list"},i("slot",{key:"fe75a601beeed1e3dbfc9df495909af26ad11523"})))}get el(){return e(this)}static get watchers(){return{theme:["handleThemeChange"],hideStepInfo:["handlePropChange"],variant:["handlePropChange"]}}};a.style=o;export{a as ic_stepper};
-//# sourceMappingURL=p-8830011c.entry.js.map

package/dist/core/p-8830011c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icStepperCss","IcStepperStyle0","Stepper","constructor","hostRef","_a","this","resizeObserver","visuallyHidden","alignedFullWidth","autoSetStepTitles","lastStepWidth","noOfResizes","stepperWidth","document","querySelector","getBoundingClientRect","width","stepTypes","variantOverride","variant","aligned","connectorWidth","hideStepInfo","icI18n","next","step","steps","of","lastStep","completed","notRequired","required","optional","theme","getChildren","Array","from","el","querySelectorAll","stepsWithStepTitles","checkStepTitles","length","console","error","setStepTypes","i","push","setStepperWidth","style","maxWidth","offsetWidth","pxToRem","initialiseStepStates","forEach","index","_b","_c","undefined","stepNum","lastStepNum","type","current","stepTitleArea","shadowRoot","heading","setAttribute","removeAttribute","classList","remove","add","contains","nextStepHeading","progress","compactStepStyling","minWidth","stepConnect","setHideStepInfo","overrideVariant","minDefaultStepperWidth","clientWidth","resizeObserverCallback","handleThemeChange","runResizeObserver","ResizeObserver","observe","handlePropChange","disconnectedCallback","disconnect","componentWillLoad","componentWillRender","componentDidLoad","checkResizeObserver","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-stepper/ic-stepper.css?tag=ic-stepper&encapsulation=shadow","../web-components/dist/collection/components/ic-stepper/ic-stepper.js"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n}\n\n.step-item-list {\n  display: flex;\n  margin: 0;\n  padding: 0;\n}\n\n:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list {\n  flex: auto;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step) {\n  display: none;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.show) {\n  display: flex;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.hide) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nexport class Stepper {\n    constructor() {\n        var _a;\n        this.resizeObserver = null;\n        this.visuallyHidden = \"visually-hidden\";\n        this.alignedFullWidth = true;\n        this.autoSetStepTitles = true;\n        this.lastStepWidth = 0;\n        this.noOfResizes = 0;\n        this.stepperWidth = (_a = document\n            .querySelector(\"ic-stepper\")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;\n        this.stepTypes = [];\n        this.variantOverride = this.variant !== \"compact\";\n        /**\n         * The alignment of the default stepper within its container.\n         */\n        this.aligned = \"full-width\";\n        /**\n         * The length of the connector between each step in pixels. Minimum length is 100px.\n         */\n        this.connectorWidth = 100;\n        /**\n         * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\n         */\n        this.hideStepInfo = false;\n        /**\n         * Provide alternative values for text in all child steps. For the purpose of translating the application into other languages.\n         */\n        this.icI18n = {\n            next: \"Next\",\n            step: \"Step\",\n            steps: \"Steps\",\n            of: \"of\",\n            lastStep: \"Last step\",\n            completed: \"Completed\",\n            notRequired: \"Not required\",\n            required: \"Required\",\n            optional: \"Optional\",\n        };\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         * The variant of the stepper.\n         */\n        this.variant = \"default\";\n        // Get all steps currently within this stepper\n        this.getChildren = () => {\n            this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n            this.stepsWithStepTitles = Array.from(this.el.querySelectorAll(\"ic-step[heading]\"));\n        };\n        // Inform the user that stepTitles are required on all steps in a compact stepper\n        this.checkStepTitles = () => {\n            if (this.stepsWithStepTitles.length < this.steps.length &&\n                this.variantOverride &&\n                this.variant === \"compact\") {\n                this.noOfResizes = this.noOfResizes + 1;\n                if (this.noOfResizes === 1) {\n                    console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`);\n                }\n            }\n        };\n        this.setStepTypes = () => {\n            this.getChildren();\n            this.stepTypes = [];\n            for (let i = 0; i < this.steps.length; i++) {\n                this.stepTypes.push(\"active\");\n            }\n        };\n        this.setStepperWidth = () => {\n            this.alignedFullWidth =\n                this.variant === \"default\" && this.aligned === \"full-width\";\n            const lastStep = this.steps[this.steps.length - 1];\n            lastStep.style.maxWidth = \"none\";\n            if (this.alignedFullWidth) {\n                this.stepperWidth = this.el.offsetWidth;\n                lastStep.style.maxWidth = pxToRem(`${this.stepperWidth / this.steps.length}px`);\n                this.lastStepWidth = lastStep.offsetWidth;\n            }\n        };\n        this.initialiseStepStates = () => {\n            this.steps.forEach((step, index) => {\n                var _a, _b, _c;\n                // Set language\n                if (this.icI18n !== undefined) {\n                    step.icI18n = this.icI18n;\n                }\n                // Set variant\n                step.variant = this.variant;\n                // Assign stepNum to each step\n                step.stepNum = index + 1;\n                // Assign lastStep to final step\n                step.lastStep = index === this.steps.length - 1;\n                step.lastStepNum = this.steps.length;\n                if (step.type !== \"current\") {\n                    step.current = false;\n                    this.stepTypes[index] = step.type;\n                }\n                else {\n                    step.current = true;\n                }\n                const stepTitleArea = step.shadowRoot &&\n                    step.shadowRoot.querySelector(\".step > .heading-area\");\n                if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {\n                    if (this.variant === \"compact\") {\n                        this.autoSetStepTitles = true;\n                        if (this.autoSetStepTitles) {\n                            step.heading = \"Step \" + step.stepNum;\n                            stepTitleArea &&\n                                ((_a = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _a === void 0 ? void 0 : _a.setAttribute(\"aria-hidden\", \"true\"));\n                        }\n                    }\n                    if (this.variant === \"default\") {\n                        this.autoSetStepTitles = false;\n                        if (!this.autoSetStepTitles) {\n                            step.heading = undefined;\n                            stepTitleArea &&\n                                ((_b = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _b === void 0 ? void 0 : _b.removeAttribute(\"aria-hidden\"));\n                        }\n                    }\n                }\n                if (this.variant === \"compact\") {\n                    if (step.current === true || step.type === \"current\") {\n                        step.classList.remove(\"hide\");\n                        step.classList.add(\"show\");\n                    }\n                    else if (step.classList.contains(\"show\")) {\n                        step.classList.remove(\"show\");\n                        step.classList.add(\"hide\");\n                    }\n                    if (!step.lastStep) {\n                        step.nextStepHeading = this.steps[index + 1].heading;\n                        step.progress = (step.stepNum / this.steps.length) * 100;\n                    }\n                    else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n                        step.progress = 95;\n                    }\n                    else {\n                        step.progress = 100;\n                    }\n                    if (this.hideStepInfo && stepTitleArea !== null) {\n                        stepTitleArea.classList.remove(this.visuallyHidden);\n                    }\n                    step.compactStepStyling = this.stepTypes[index];\n                }\n                if (this.variant === \"default\") {\n                    if (!step.lastStep) {\n                        if (this.alignedFullWidth && this.stepperWidth !== undefined) {\n                            step.style.width = pxToRem(`${(this.stepperWidth - this.lastStepWidth) /\n                                (this.steps.length - 1)}px`);\n                            step.style.minWidth = pxToRem(\"148px\");\n                        }\n                    }\n                    else if (step.lastStep) {\n                        step.classList.add(\"last-step\");\n                        if (this.alignedFullWidth) {\n                            step.style.maxWidth = `${this.lastStepWidth}px`;\n                        }\n                        else if (this.connectorWidth) {\n                            step.style.maxWidth =\n                                this.connectorWidth > 100\n                                    ? pxToRem(`${this.connectorWidth + 48}px`)\n                                    : pxToRem(\"148px\");\n                        }\n                    }\n                    if (this.aligned === \"left\" && this.connectorWidth) {\n                        step.style.width =\n                            this.connectorWidth > 100\n                                ? pxToRem(`${this.connectorWidth + 48}px`)\n                                : pxToRem(\"148px\");\n                        const stepConnect = (_c = step.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(\".step > .step-top > .step-connect\");\n                        if (stepConnect) {\n                            stepConnect.style.width =\n                                this.connectorWidth > 100\n                                    ? pxToRem(`${this.connectorWidth}px`)\n                                    : pxToRem(\"100px\");\n                        }\n                    }\n                    if (this.hideStepInfo && stepTitleArea !== null) {\n                        stepTitleArea.classList.add(this.visuallyHidden);\n                    }\n                }\n            });\n        };\n        this.setHideStepInfo = () => {\n            this.steps.forEach((step) => {\n                var _a, _b, _c;\n                const stepTitleArea = (_a = step.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".step > .heading-area\");\n                if (stepTitleArea) {\n                    if (this.hideStepInfo) {\n                        (_b = stepTitleArea.classList) === null || _b === void 0 ? void 0 : _b.add(this.visuallyHidden);\n                    }\n                    else {\n                        (_c = stepTitleArea.classList) === null || _c === void 0 ? void 0 : _c.remove(this.visuallyHidden);\n                    }\n                }\n            });\n        };\n        this.overrideVariant = () => {\n            if (this.variantOverride) {\n                let minDefaultStepperWidth = 148 * this.steps.length;\n                if (this.aligned === \"left\" &&\n                    this.connectorWidth &&\n                    this.connectorWidth > 100) {\n                    minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n                }\n                if (this.el.clientWidth < minDefaultStepperWidth) {\n                    this.variant = \"compact\";\n                }\n                else {\n                    this.variant = \"default\";\n                }\n            }\n        };\n        this.resizeObserverCallback = () => {\n            this.getChildren();\n            this.checkStepTitles();\n            this.overrideVariant();\n            this.setStepperWidth();\n            this.initialiseStepStates();\n            this.handleThemeChange();\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeObserverCallback();\n            });\n            this.resizeObserver.observe(this.el);\n        };\n    }\n    handleThemeChange() {\n        this.getChildren();\n        this.steps.forEach((step) => {\n            step.theme = this.theme;\n        });\n    }\n    handlePropChange() {\n        this.setHideStepInfo();\n        this.getChildren();\n    }\n    disconnectedCallback() {\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n    }\n    componentWillLoad() {\n        this.setStepTypes();\n        this.handleThemeChange();\n        if (this.variant === \"compact\") {\n            this.variantOverride = false;\n        }\n    }\n    componentWillRender() {\n        this.initialiseStepStates();\n    }\n    componentDidLoad() {\n        checkResizeObserver(this.runResizeObserver);\n    }\n    render() {\n        return (h(Host, { key: '8905befe9177785369ef0d277f7f21d823cd727b', class: {\n                [`ic-stepper-${this.variant}`]: true,\n                [\"ic-stepper-aligned-left\"]: this.variant === \"default\" && this.aligned === \"left\",\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            } }, h(\"ul\", { key: '19d67dcea521d17802c2d98946ce24254ef4969a', class: \"step-item-list\" }, h(\"slot\", { key: 'fe75a601beeed1e3dbfc9df495909af26ad11523' }))));\n    }\n    static get is() { return \"ic-stepper\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-stepper.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-stepper.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepperAlignment\",\n                    \"resolved\": \"\\\"full-width\\\" | \\\"left\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepperAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-stepper.types\",\n                            \"id\": \"src/components/ic-stepper/ic-stepper.types.ts::IcStepperAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the default stepper within its container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"full-width\\\"\"\n            },\n            \"connectorWidth\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The length of the connector between each step in pixels. Minimum length is 100px.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"connector-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"100\"\n            },\n            \"hideStepInfo\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-step-info\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"icI18n\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepI18n\",\n                    \"resolved\": \"undefined | { next: string; step: string; steps: string; of: string; lastStep: string; completed: string; notRequired: string; required: string; optional: string; }\",\n                    \"references\": {\n                        \"IcStepI18n\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-step/ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepI18n\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Provide alternative values for text in all child steps. For the purpose of translating the application into other languages.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"defaultValue\": \"{\\n    next: \\\"Next\\\",\\n    step: \\\"Step\\\",\\n    steps: \\\"Steps\\\",\\n    of: \\\"of\\\",\\n    lastStep: \\\"Last step\\\",\\n    completed: \\\"Completed\\\",\\n    notRequired: \\\"Not required\\\",\\n    required: \\\"Required\\\",\\n    optional: \\\"Optional\\\",\\n  }\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\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\": true,\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            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcStepVariants\",\n                    \"resolved\": \"\\\"compact\\\" | \\\"default\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-step/ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"alignedFullWidth\": {},\n            \"autoSetStepTitles\": {},\n            \"lastStepWidth\": {},\n            \"noOfResizes\": {},\n            \"stepperWidth\": {},\n            \"stepTypes\": {},\n            \"variantOverride\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"theme\",\n                \"methodName\": \"handleThemeChange\"\n            }, {\n                \"propName\": \"hideStepInfo\",\n                \"methodName\": \"handlePropChange\"\n            }, {\n                \"propName\": \"variant\",\n                \"methodName\": \"handlePropChange\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-stepper.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-939b168a.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s,F as e,H as n,g as c}from"./p-8e4e97b4.js";import{C as o}from"./p-0aa9ce8b.js";import{Y as a,Q as h,o as r,R as l}from"./p-e519f607.js";import{p as u}from"./p-349d91dc.js";import{c as m}from"./p-aae38bee.js";const d=i=>({CUSTOM_ELEMENT_HANDLING:{tagNameCheck:t=>i&&t.startsWith("ic-")||a.includes(t),attributeNameCheck:/.*/}});const p=i=>u.sanitize(i,d(true));const f=i=>u.sanitize(i,d(false));const b='html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type="button"].sc-ic-menu,[type="reset"].sc-ic-menu,[type="submit"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type="button"].sc-ic-menu::-moz-focus-inner,[type="reset"].sc-ic-menu::-moz-focus-inner,[type="submit"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type="button"].sc-ic-menu:-moz-focusring,[type="reset"].sc-ic-menu:-moz-focusring,[type="submit"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type="checkbox"].sc-ic-menu,[type="radio"].sc-ic-menu{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu::-webkit-inner-spin-button,[type="number"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--menu-item-text-color, var(--ic-menu-list-option-text-color));--ic-typography-color:var(\n    --menu-item-text-color,\n    var(--ic-menu-list-option-text-color)\n  );background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid\n    var(--menu-border-color, var(--ic-menu-border-color));transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center;gap:var(--ic-space-xs)}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-menu-list-option-hover-background-color)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-menu-list-option-pressed-background-color)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(\n    --menu-item-desc-text-color,\n    var(--ic-menu-list-option-description-text-color)\n  )}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{flex-grow:1}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-menu-loading-list-option-text-color);--ic-typography-color:var(--ic-menu-loading-list-option-text-color)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-atoms-status-icon-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);--ic-typography-color:var(--ic-menu-option-group-label-text-color)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-menu-last-recommended-option-border)}.disabled-option.sc-ic-menu{color:var(--ic-atoms-list-option-text-disabled-light);--ic-typography-color:var(--ic-atoms-list-option-text-disabled-light);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-atoms-list-option-text-focused-light) !important;--ic-typography-color:var(\n    --ic-atoms-list-option-text-focused-light\n  ) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-menu-option-bar-background-color);visibility:hidden;border-bottom:var(--ic-border-width) solid\n    var(--ic-menu-option-bar-divider-color);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}.disabled-option.sc-ic-menu{color:GrayText;--ic-typography-color:GrayText}}@media screen AND (max-width: 22rem){.sc-ic-menu-h{max-width:var(--menu-width, var(--input-width, 20rem));width:100%}}';const v=b;const g=class{constructor(n){i(this,n);this.icClear=t(this,"icClear",7);this.menuKeyPress=t(this,"menuKeyPress",7);this.menuOptionId=t(this,"menuOptionId",7);this.menuOptionSelect=t(this,"menuOptionSelect",7);this.menuOptionSelectAll=t(this,"menuOptionSelectAll",7);this.menuStateChange=t(this,"menuStateChange",7);this.retryButtonClicked=t(this,"retryButtonClicked",7);this.timeoutBlur=t(this,"timeoutBlur",7);this.ungroupedOptionsSet=t(this,"ungroupedOptionsSet",7);this.ACTIVE_DESCENDANT="aria-activedescendant";this.CLEAR_BUTTON_ID="clear-button";this.SEARCH_BAR_TAG="IC-SEARCH-BAR";this.disabledOptionSelected=false;this.hasPreviouslyBlurred=false;this.hasTimedOut=false;this.isLoading=false;this.lastOptionSelected=null;this.lastOptionFocused=null;this.multiOptionClicked=null;this.preventClickOpen=false;this.preventMenuFocus=false;this.shiftPressed=false;this.ungroupedOptions=[];this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.keyboardNav=false;this.preventIncorrectTabOrder=false;this.popperProps={};this.activationType="automatic";this.autofocusOnSelected=true;this.closeOnSelect=true;this.fullWidth=false;this.labelField="label";this.multiSelect=false;this.searchableSelect=false;this.searchBar=false;this.searchMode="navigation";this.selectOnEnter=false;this.size="medium";this.valueField="value";this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const i=this.options.findIndex((i=>i[this.valueField]===this.optionHighlighted));this.setInputValue(i)};this.handleMenuChange=(i,t)=>{var s;this.menuStateChange.emit({open:i,focusInput:t});if(!i){if(t!==false){(s=this.inputEl)===null||s===void 0?void 0:s.focus();this.preventClickOpen=false}if(this.multiSelect){this.optionHighlighted=undefined;this.multiOptionClicked=null}}};this.setNextOptionValue=i=>{if(this.ungroupedOptions[i+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i+1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i+1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[0][this.valueField])})}};this.setPreviousOptionValue=i=>{if(this.ungroupedOptions[i-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i-1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField])})}};this.arrowBehaviour=i=>{i.preventDefault();this.handleMenuChange(true)};this.getMenuOptions=()=>this.searchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=i=>{const t=this.getMenuOptions();t[i]&&!t[i].timedOut&&(this.optionHighlighted=t[i][this.valueField]||undefined)};this.autoSetInputValueKeyboardOpen=i=>{const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));this.keyboardNav=false;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);this.setNextOptionValue(t);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);this.setPreviousOptionValue(t);break;case" ":case"Enter":if(i.target.id!==this.CLEAR_BUTTON_ID){this.handleMenuChange(true)}break}};this.selectHighlightedOption=(i,t)=>{if(!this.isLoading&&!this.hasTimedOut){this.keyboardNav=true}const s=this.searchBar||this.searchableSelect||this.open;if(s){if(t>=0){if(i[t]!==undefined){if(this.searchBar&&i[t].disabled===true){this.disabledOptionSelected=true}else{this.setInputValue(t)}}}else{this.setInputValue(t)}}else{this.handleMenuChange(true)}};this.isOptionSelected=i=>{const t=this.getMenuOptions();return this.value?this.value.includes(t[i][this.valueField]):false};this.deselectSelectedOptions=i=>{const t=this.getMenuOptions();if(this.value){const s=this.value.map((i=>t.findIndex((t=>t[this.valueField]===i))));s.forEach((t=>!i.includes(t)&&this.setInputValue(t)))}};this.manualSetInputValueKeyboardOpen=i=>{const t=this.getMenuOptions();const s=i.shiftKey||i.metaKey||i.ctrlKey;const e=this.getOptionHighlightedIndex();const n=t.findIndex((i=>i[this.valueField]===this.multiOptionClicked));const c=i=>{var t;return(t=Array.from(this.host.querySelectorAll("li"))[i])===null||t===void 0?void 0:t.id};if(i.key===" "&&this.multiSelect){this.handleOptionSelect(i,e)}else{switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<t.length-1){this.setHighlightedOption(e+1);this.menuOptionId.emit({optionId:c(e+1)});this.handleSingleShiftSelect(i,e+1,t)}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:c(0)});this.handleSingleShiftSelect(i,0,t)}if(this.multiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<=0||e>t.length+1){this.setHighlightedOption(t.length-1);this.menuOptionId.emit({optionId:c(t.length-1)});this.handleSingleShiftSelect(i,t.length-1,t)}else{this.setHighlightedOption(e-1);this.menuOptionId.emit({optionId:c(e-1)});this.handleSingleShiftSelect(i,e-1,t)}if(this.multiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":{const t=0;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(t);this.menuOptionId.emit({optionId:c(t)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(t)}this.lastOptionFocused=t;this.lastOptionSelected=t;break}case"End":{const s=t.length-1;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(s);this.menuOptionId.emit({optionId:c(s)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(s)}this.lastOptionFocused=s;this.lastOptionSelected=s;break}case" ":if(!s){this.keyboardNav=false}if(this.searchBar||this.searchableSelect){break}else{if(i.target.id!==this.CLEAR_BUTTON_ID){this.handleMenuChange(true)}}break;case"Enter":i.preventDefault();if(!s){this.keyboardNav=false}this.handleOptionSelect(i,e);break;case"Escape":if(this.open){i.stopImmediatePropagation()}this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"a":if(h()&&i.metaKey||!h()&&i.ctrlKey){this.emitSelectAllEvents();this.lastOptionFocused=null;this.lastOptionSelected=null}break;case"Shift":case"Tab":if(i.key==="Shift"){this.shiftPressed=true}if(this.searchBar){this.keyboardNav=true}if(this.multiSelect){if(this.open&&!i.shiftKey&&this.selectAllButton){i.preventDefault();this.selectAllButton.focus();this.preventMenuFocus=true;this.preventClickOpen=true;this.optionHighlighted=undefined}}else{this.preventIncorrectTabOrder=true}break;default:if(!s){this.keyboardNav=false}this.focusOnSearchOrSelectInput(t,e)}}};this.setInputValue=i=>{const t=this.getMenuOptions();if(t[i]!==undefined){this.menuOptionSelect.emit({value:t[i][this.valueField]});if(this.closeOnSelect){this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}}if(this.closeOnSelect){if(!this.hasTimedOut){this.handleMenuChange(false)}else{this.parentEl.setFocus()}}};this.handleOptionClick=i=>{const{value:t,label:s}=i.target.dataset;if(this.multiSelect){const s=this.getMenuOptions();const e=s.findIndex((i=>i[this.valueField]===t));this.handleOptionSelect(i,e,true);this.multiOptionClicked=t||null}else{this.menuOptionSelect.emit({value:t,label:s});this.handleMenuChange(false)}this.optionHighlighted=undefined};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:i.key})}};this.handleBlur=i=>{var t,s,e,n;if(i.relatedTarget!==this.inputEl){if(i.relatedTarget===this.selectAllButton){(t=this.menu)===null||t===void 0?void 0:t.removeAttribute(this.ACTIVE_DESCENDANT)}if(!(((s=this.menu)===null||s===void 0?void 0:s.contains(i.relatedTarget))||i.relatedTarget===this.selectAllButton)){this.handleMenuChange(false,this.hasPreviouslyBlurred);(e=this.menu)===null||e===void 0?void 0:e.removeAttribute(this.ACTIVE_DESCENDANT);this.lastOptionFocused=null;this.lastOptionSelected=null}}else{this.handleMenuChange(false);this.preventClickOpen=true;(n=this.menu)===null||n===void 0?void 0:n.removeAttribute(this.ACTIVE_DESCENDANT);this.lastOptionFocused=null;this.lastOptionSelected=null}if(!this.searchBar)this.hasPreviouslyBlurred=!!i.relatedTarget};this.handleMouseDown=i=>{i.preventDefault()};this.handleMenuKeyDown=i=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(i)}else if(this.activationType==="manual"&&!this.searchBar){this.manualSetInputValueKeyboardOpen(i)}};this.handleMenuKeyUp=i=>{if(i.key==="Tab"&&i.shiftKey){this.preventClickOpen=false}if(i.key==="Enter"&&this.disabledOptionSelected){this.disabledOptionSelected=false;i.stopImmediatePropagation()}if(i.key==="Shift"){this.shiftPressed=false}};this.handleSelectAllClick=()=>{var i;this.keyboardNav=false;(i=this.menu)===null||i===void 0?void 0:i.focus();this.emitSelectAllEvents();this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllBlur=i=>{var t;this.host.classList.remove("ic-select-select-all-focused");if(!((t=this.menu)===null||t===void 0?void 0:t.contains(i.relatedTarget))){this.handleMenuChange(false,false)}};this.handleSelectAllFocus=()=>{this.host.classList.add("ic-select-select-all-focused");this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllMouseDown=i=>{i.preventDefault()};this.handleSingleShiftSelect=(i,t,s)=>{if(this.multiSelect&&i.shiftKey&&!this.isOptionSelected(t)){this.selectHighlightedOption(s,t);this.lastOptionSelected=t}};this.handleMultipleShiftSelect=(i,t=false,s=null)=>{this.shiftPressed=false;const e=s===null?this.getFirstOptionInSelection(t):s;if(e!==null){const t=[];if(e<i){for(let s=e;s<i+1;s++){t.push(s)}}else{for(let s=e;s>i-1;s--){t.push(s)}}t.forEach((i=>!this.isOptionSelected(i)&&this.setInputValue(i)));this.deselectSelectedOptions(t)}};this.handleOptionSelect=(i,t,s=false)=>{const e=this.getMenuOptions();const n=this.getFirstOptionInSelection(s);if(i.shiftKey&&n!==null){this.handleMultipleShiftSelect(t,s,n)}else{this.selectHighlightedOption(e,t)}this.lastOptionFocused=t;this.lastOptionSelected=t};this.getFirstOptionInSelection=i=>i&&this.lastOptionFocused!==null?this.lastOptionFocused:this.lastOptionSelected!==null?this.lastOptionSelected:null;this.emitSelectAllEvents=()=>{var i,t;this.menuOptionSelectAll.emit({select:!this.value||!(((i=this.value)===null||i===void 0?void 0:i.length)===this.ungroupedOptions.length)});if(((t=this.value)===null||t===void 0?void 0:t.length)===this.ungroupedOptions.length){this.icClear.emit()}};this.emitMenuKeyPress=(i,t)=>{this.menuKeyPress.emit({isNavKey:i,key:t})};this.autoSetValueOnMenuKeyDown=i=>{var t,s;i.cancelBubble=true;const e=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));const n=!!this.inputEl&&this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(i.key){case" ":i.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){i.preventDefault();this.setPreviousOptionValue(e);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){i.preventDefault();this.setNextOptionValue(e);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField]});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField]});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(n){(t=this.inputEl)===null||t===void 0?void 0:t.focus()}break;case"Shift":break;default:if(n&&i.key!=="Tab"&&!this.hasTimedOut){(s=this.inputEl)===null||s===void 0?void 0:s.focus()}if(i.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,i.key)};this.getOptionId=i=>`${this.menuId}-${i}`;this.getOptionAriaLabel=(i,t)=>{let s=i[this.labelField];if(i.description){s=`${s}, ${i.description}`}if(i.element){s=`${s}, ${i.element.ariaLabel}`}if(t){return`${s}, ${t[this.labelField]} group`}else{return s}};this.getSortedOptions=i=>{let t=[];if(i.sort){t=i.sort(((i,t)=>i.recommended&&!t.recommended?-1:0))}return t};this.getOptionHighlightedIndex=()=>{const i=this.getMenuOptions();return i.findIndex((i=>i[this.valueField]===this.optionHighlighted))};this.isManualMode=this.activationType==="manual";this.scrollToSelected=i=>{var t;const s=this.selectOnEnter?this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`):i.querySelector(".option[aria-selected='true']");if(s){const e=s.offsetTop+s.offsetHeight;if(e>i.scrollTop+i.offsetHeight||e<i.scrollTop+i.offsetHeight){i.scrollTop=s.offsetTop}(t=this.menu)===null||t===void 0?void 0:t.setAttribute(this.ACTIVE_DESCENDANT,s.id);s.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(i.children){i.children.map((i=>!i.disabled&&this.ungroupedOptions.push(i)))}else if(!i.disabled){this.ungroupedOptions.push(i)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{var i;let t=0;this.host.querySelectorAll(".option, .option-group-title").forEach((i=>t+=i.clientHeight));if(t>=320){(i=this.menu)===null||i===void 0?void 0:i.classList.add("menu-scroll")}};this.handleTimeoutBlur=i=>{this.timeoutBlur.emit({ev:i})};this.optionContent=(i,t)=>{var n;const c=!!i[this.valueField]&&!!this.value&&t&&((n=this.parentEl)===null||n===void 0?void 0:n.tagName)!==this.SEARCH_BAR_TAG;return s(e,null,i.loading&&s("ic-loading-indicator",{size:"icon"}),s("div",{class:{"option-text-container":true,"show-check-icon":c}},(i.icon||!i.hideLabel)&&s("div",{class:"option-label"},i.icon&&s("div",{class:"option-icon",innerHTML:f(i.icon),"aria-hidden":"true"}),!i.hideLabel&&s("ic-typography",{variant:"body","aria-hidden":"true"},i[this.labelField])),i.description&&s("ic-typography",{id:`${this.getOptionId(i[this.valueField])}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},s("p",null,i.description)),i.element&&s("div",{class:{"option-element":i.icon||!i.hideLabel||i.description},innerHTML:p(i.element.component),"aria-hidden":"true"})),c&&s("span",{class:"check-icon",innerHTML:o}))};this.displayOption=(i,t,n,c)=>{var o;const{open:a,keyboardNav:h,isManualMode:r,initialOptionsListRender:l,optionHighlighted:u,options:m}=this;return s("li",Object.assign({id:this.getOptionId(i[this.valueField]),class:{option:true,"focused-option":r?(h||l)&&i[this.valueField]===u:h&&t,"last-recommended-option":!!(i.recommended&&m[n+1]&&!m[n+1].recommended),"disabled-option":!!i.disabled,"loading-option":!!i.loading,timeout:!!i.timedOut},role:"option",tabindex:a&&(t||i[this.valueField]===u)&&h?"0":"-1","aria-label":this.getOptionAriaLabel(i,c),"aria-selected":t?"true":"false","aria-disabled":i.disabled?"true":"false",onClick:!i.timedOut&&!i.loading?this.handleOptionClick:undefined,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":i[this.valueField],"data-label":i[this.labelField]},(o=i.htmlProps)!==null&&o!==void 0?o:{}),i.timedOut?s(e,null,s("div",{class:"loading-error-info"},s("svg",{class:"error-icon-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},s("title",null,"Error"),s("g",null,s("path",{d:"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41"}))),s("ic-typography",{variant:"label"},i[this.labelField])),s("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(i,t))}}watchOpenHandler(){if(!this.open&&this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}watchOptionsHandler(i){this.hasTimedOut=i.some((i=>i.timedOut));this.isLoading=i.some((i=>i.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}connectedCallback(){if(this.searchBar){if(this.searchMode==="navigation")this.setHighlightedOption(0);this.initialOptionsListRender=true}}disconnectedCallback(){var i,t,s;(i=this.popperInstance)===null||i===void 0?void 0:i.destroy();(t=this.parentEl)===null||t===void 0?void 0:t.removeEventListener("icClear",this.handleClearListener);(s=this.parentEl)===null||s===void 0?void 0:s.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}componentWillLoad(){var i,t,s,e;this.loadUngroupedOptions();(i=this.parentEl)===null||i===void 0?void 0:i.addEventListener("icClear",this.handleClearListener);(t=this.parentEl)===null||t===void 0?void 0:t.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=(s=this.options)===null||s===void 0?void 0:s.some((i=>i.timedOut));this.isLoading=(e=this.options)===null||e===void 0?void 0:e.some((i=>i.loading))}componentDidLoad(){if(this.searchBar&&this.parentEl.disableAutoFiltering){this.focusFromSearchKeypress=true}r([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidUpdate(){const i=this.options.some((i=>i[this.valueField]===this.value));if(this.menu&&this.open&&this.options.length!==0&&!this.preventMenuFocus){if(this.value&&this.keyboardNav&&i&&this.autofocusOnSelected&&!this.searchableSelect){this.scrollToSelected(this.menu)}else if(this.selectOnEnter){this.menu.focus()}else if(!!this.optionHighlighted&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const i=this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(i){this.menu.setAttribute(this.ACTIVE_DESCENDANT,i.id);i.focus()}}else if(this.inputEl&&this.inputEl.tagName!=="INPUT"){this.menu.focus()}}if(this.menu&&this.open&&!this.value&&this.selectOnEnter){this.scrollToSelected(this.menu)}this.preventMenuFocus=false}componentDidRender(){if(this.open&&!this.popperInstance&&this.anchorEl){this.initPopperJs(this.anchorEl)}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(i){if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(i)}else{this.manualSetInputValueKeyboardOpen(i)}}async handleSetFirstOption(){this.setHighlightedOption(0)}async initPopperJs(i){this.popperInstance=m(i,this.host,Object.assign({placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top-start"],rootBoundary:"viewport"}}]},this.popperProps))}async setExternalPopperProps(i){this.popperProps=i}focusOnSearchOrSelectInput(i,t){if(!i[t])return;if(this.searchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}if(this.searchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true}render(){const{inputLabel:i,options:t,menuId:e,value:c,fullWidth:o,hasTimedOut:a,isLoading:h,size:r,open:u,inputEl:m,keyboardNav:d,parentEl:p,SEARCH_BAR_TAG:f,multiSelect:b}=this;const v=`${(c===null||c===void 0?void 0:c.length)===this.ungroupedOptions.length?"Clear":"Select"} all`;const g=this.host.classList.contains("no-results");return s(n,{key:"8dad972db607187821f9063a35f75768df5adcc1",class:{"ic-menu-full-width":!!o,"ic-menu-no-focus":(m===null||m===void 0?void 0:m.tagName)==="INPUT"&&(p===null||p===void 0?void 0:p.tagName)!==f||a||h,[`ic-menu-${r}`]:true,"ic-menu-open":u&&t.length!==0,"ic-menu-multiple":b}},t.length!==0&&s("ul",{key:"bbdb630e801155ddb22240206eac4f919807ec2d",id:e,class:"menu",role:"listbox","aria-label":`${i} pop-up`,"aria-multiselectable":b?"true":"false",tabindex:u&&!d&&((m===null||m===void 0?void 0:m.tagName)!=="INPUT"||(p===null||p===void 0?void 0:p.tagName)===f)?"0":"-1",ref:i=>this.menu=i,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(t).map(((i,t)=>{if(i.children){if(i.children.length>0){return s("div",null,s("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},s("p",null,i[this.labelField])),i.children.map((s=>s[this.labelField]&&this.displayOption(s,b?c===null||c===void 0?void 0:c.includes(s[this.valueField]):s[this.valueField]===c,t,i))))}else{return null}}else{return i[this.labelField]&&this.displayOption(i,b?c===null||c===void 0?void 0:c.includes(i[this.valueField]):i[this.valueField]===c,t)}}))),t.length!==0&&b&&!h&&!a&&!g&&s("div",{key:"2806fdd383f3450d651e681a0156c47cd98689c5",class:"option-bar"},s("ic-typography",{key:"dd2e0b74622eb359e4e53cc5c7b0f031ef577ca2"},s("p",{key:"f6132822d0bf66e869b4c2bceba7dfcf93e697be"},`${c?c.length:0}/${l(this.options)} selected`)),s("ic-button",{key:"e233f3ac017ce08d46d1973406a4bb99bcfa2cf6",class:"select-all-button","aria-label":`${v} options for ${i}`,ref:i=>this.selectAllButton=i,variant:"tertiary",onClick:this.handleSelectAllClick,onMouseDown:this.handleSelectAllMouseDown,onBlur:this.handleSelectAllBlur,onFocus:this.handleSelectAllFocus,size:r==="small"?"small":"medium"},v)))}get host(){return c(this)}static get watchers(){return{open:["watchOpenHandler"],options:["watchOptionsHandler"]}}};g.style=v;export{g as ic_menu};
-//# sourceMappingURL=p-939b168a.entry.js.map