@ukic/web-components 3.17.0 → 3.19.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukic/web-components",
-  "version": "3.17.0",
+  "version": "3.19.0",
   "description": "A web component UI library compiled with StencilJS",
   "bugs": {
     "url": "https://github.com/mi6/ic-ui-kit",
@@ -28,14 +28,13 @@
     "build:watch": "npm run build -- --watch",
     "build-storybook": "rimraf /storybook-static && storybook build",
     "create-component": "stencil generate",
-    "kill": "kill-port 8080 --graceful",
-    "lint": "remark src && echo '*** Linting CSS ***' && stylelint --config ../../.stylelintrc.json src/components/**/*.css && echo '*** Linting standard files ***' && eslint --config ../../.eslintrc.js src",
-    "lint:fix": "echo '*** Linting CSS ***' && stylelint --config ../../.stylelintrc.json src/components/**/*.css --fix && echo '*** Linting standard files ***' && eslint --config ../../.eslintrc.js src --fix",
+    "lint": "remark src && echo '*** Linting CSS ***' && stylelint --config ../../.stylelintrc.json src/components/**/*.css && echo '*** Linting standard files ***' && eslint --config ../../eslint.config.js src",
+    "lint:fix": "echo '*** Linting CSS ***' && stylelint --config ../../.stylelintrc.json src/components/**/*.css --fix && echo '*** Linting standard files ***' && eslint --config ../../eslint.config.js src --fix",
     "prettier": "prettier --config ../../.prettierrc.json --ignore-path ../../.prettierignore src --check",
     "prettier:fix": "prettier --config ../../.prettierrc.json --ignore-path ../../.prettierignore src --write",
     "start": "npx http-server storybook-static -s",
-    "start-storybook": "storybook dev -p 6006 dist",
-    "storybook": "npm-run-all --parallel build:watch start-storybook",
+    "start-storybook": "storybook dev -p 6006",
+    "storybook": "concurrently \"npm run build:watch\" \"npm run start-storybook\"",
     "test": "stencil test --spec --passWithNoTests",
     "test:ci": "stencil test --spec --passWithNoTests --ci",
     "test:coverage": "npm run test -- --coverage",
@@ -57,17 +56,10 @@
     "@open-wc/testing-helpers": "^2.0.2",
     "@stencil/postcss": "^2.1.0",
     "@stencil/react-output-target": "^0.5.3",
-    "@storybook/addon-a11y": "^8.5.3",
-    "@storybook/addon-actions": "^8.5.3",
-    "@storybook/addon-essentials": "^8.5.3",
-    "@storybook/addon-links": "^8.5.3",
-    "@storybook/addon-mdx-gfm": "^8.5.3",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/blocks": "^8.5.3",
-    "@storybook/preview-api": "^8.5.3",
-    "@storybook/web-components": "^8.5.3",
-    "@storybook/web-components-webpack5": "^8.5.3",
+    "@storybook/addon-a11y": "10.1.11",
+    "@storybook/addon-docs": "10.1.11",
+    "@storybook/addon-links": "10.1.11",
+    "@storybook/web-components-vite": "10.1.11",
     "@types/autoprefixer": "^10.2.0",
     "@types/jest": "^26.0.24",
     "@types/jest-axe": "^3.5.3",
@@ -75,18 +67,20 @@
     "@types/react-dom": "^17.0.11",
     "autoprefixer": "^10.4.2",
     "babel-loader": "^8.2.3",
+    "concurrently": "^9.2.1",
+    "css-loader": "^7.1.2",
     "jest": "^26.6.3",
     "jest-axe": "^8.0.0",
     "jest-cli": "^26.6.3",
-    "kill-port-process": "^3.2.1",
     "lit": "^2.0.2",
-    "npm-run-all": "^4.1.5",
+    "postcss": "^8.5.6",
+    "postcss-loader": "^8.2.0",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
     "stencil-inline-svg": "^1.1.0",
-    "storybook": "^8.5.3",
-    "ts-jest": "^26.5.6",
-    "webpack": "^5.76.0"
+    "storybook": "10.1.11",
+    "style-loader": "^4.0.0",
+    "ts-jest": "^26.5.6"
   },
   "peerDependencies": {
     "@ukic/fonts": "^3.1.0"
@@ -96,5 +90,5 @@
   "collection:main": "dist/collection/index.js",
   "es2015": "dist/esm/index.mjs",
   "es2017": "dist/esm/index.mjs",
-  "gitHead": "f02f7dbf5c2a7967e86689b425e601f34f50231b"
+  "gitHead": "9fa741ec116ad9c938c159034f362f324dcabb91"
 }

package/vscode-data.json

@@ -278,6 +278,10 @@
           "name": "announced",
           "description": "If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers."
         },
+        {
+          "name": "dismiss-label",
+          "description": "The text in the dismiss button tooltip. Makes the user aware of the action resulting from clicking the 'Dismiss' button."
+        },
         {
           "name": "dismissible",
           "description": "If `true`, the alert will have a close icon at the end to dismiss it."
@@ -1114,6 +1118,10 @@
           "name": "dismissible",
           "description": "If `true`, the chip will have a close button at the end to dismiss it."
         },
+        {
+          "name": "full-width",
+          "description": "Specify whether the chip fills the full width of the container.\nIf `true`, this overrides the --input-width CSS variable."
+        },
         {
           "name": "label",
           "description": "The text rendered within the chip."
@@ -2209,7 +2217,7 @@
         },
         {
           "name": "type",
-          "description": "The type of indicator, either linear or circular.",
+          "description": "The type of indicator, either linear or circular. When size is set to 'icon' the type will be set to circular.",
           "values": [
             {
               "name": "circular"
@@ -3665,6 +3673,10 @@
         "value": "When using the skeleton component, an aria-live level should be applied to the parent element of the skeleton and the element that it is\nrepresenting so that any changes, such as the real element replacing the skeleton placeholder, are announced to assistive technology like screen readers. The recommendation is to use aria-live=\"polite\" over aria-live=\"recommended\" unless changes are critically important."
       },
       "attributes": [
+        {
+          "name": "height",
+          "description": "Height of the skeleton. Accepts any valid CSS length (e.g. \"24px\", \"2rem\", \"100%\")."
+        },
         {
           "name": "theme",
           "description": "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.",
@@ -3694,6 +3706,10 @@
               "name": "text"
             }
           ]
+        },
+        {
+          "name": "width",
+          "description": "Width of the skeleton. Accepts any valid CSS length (e.g. \"24px\", \"2rem\", \"100%\")."
         }
       ]
     },

package/dist/core/p-199c5ff6.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as e,h as t,H as o,g as a}from"./p-8e4e97b4.js";import{d as s,g as c,r,o as n,a as l,i as d,b as p}from"./p-a5658054.js";import"./p-bddf799a.js";const h=`<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10 0C4.47 0 0 4.47 0 10C0 15.53 4.47 20 10 20C15.53 20 20 15.53 20 10C20 4.47 15.53 0 10 0ZM15 13.59L13.59 15L10 11.41L6.41 15L5 13.59L8.59 10L5 6.41L6.41 5L10 8.59L13.59 5L15 6.41L11.41 10L15 13.59Z" fill="currentColor"/>\n</svg>\n`;const b='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;max-width:100%;vertical-align:middle}:host(.ic-chip-dismissed){display:none}.chip{--chip-bg-color:transparent;--chip-hover-bg:var(--ic-chip-action-hover);--chip-pressed-bg:var(--ic-chip-action-pressed);display:flex;padding:calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;position:relative;background-color:var(--chip-bg-color);border:var(--ic-border-width) solid transparent;justify-content:space-between}@media (prefers-reduced-motion: no-preference){.chip{transition:var(--ic-easing-transition-fast)}}.chip.small{padding:var(--ic-space-1px) var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.chip.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px)) var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.label{padding:0 var(--ic-space-xs)}.chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}ic-tooltip:focus-within{z-index:1}.filled{--chip-bg-color:var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );--ic-typography-color:var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );color:var(--chip-custom-foreground-color, var(--ic-chip-label))}.filled.disabled{--chip-bg-color:var(--ic-chip-background-filled-inactive)}:host(.ic-chip-dark-text){--chip-custom-foreground-color:var(--ic-architectural-black)}:host(.ic-chip-light-text){--chip-custom-foreground-color:var(--ic-architectural-white)}:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-dark-bg-hover)}:host(.ic-chip-dark-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-dark-bg-pressed)}:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-light-bg-hover)}:host(.ic-chip-light-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-light-bg-pressed)}.outlined{color:var(--ic-chip-outline-label);border-color:var(--chip-custom-color, var(--ic-chip-outline));padding:calc(var(--ic-space-xxs));--ic-typography-color:var(--ic-chip-outline-label)}.outlined.disabled{border:var(--ic-border-disabled);border-color:var(--ic-chip-outline-inactive)}.chip.disabled ic-typography{--ic-typography-color:var(--ic-chip-label-inactive)}.dismiss-icon{border:none;border-radius:50%;padding:0;color:currentcolor;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}.dismiss-icon:focus{outline:var(--ic-hc-focus-outline)}.dismiss-icon[disabled]{pointer-events:none;color:var(--ic-chip-icon-inactive)}.icon{padding:var(--ic-space-xxxs);box-sizing:border-box}.icon,ic-tooltip{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chip.disabled path,.chip.disabled ::slotted(svg){fill:var(--ic-chip-icon-inactive)}.outlined.non-transparent{background-color:var(--ic-chip-outline-background)}:host .chip.hovered:not(:focus-within){background-image:linear-gradient(var(--chip-hover-bg) 0 0)}:host .chip:focus-within{background-image:linear-gradient(var(--chip-pressed-bg) 0 0)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@media (forced-colors: active){.chip{border:var(--ic-border-hc)}.chip.disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.chip.disabled ic-typography{--ic-typography-color:GrayText}.chip.disabled path,.chip.disabled ::slotted(svg){fill:GrayText}.chip:focus-within{outline:none;border-color:Highlight}}';const u=b;const g=class{constructor(t){i(this,t);this.icDismiss=e(this,"icDismiss",7);this.foregroundColor=null;this.hovered=false;this.visible=true;this.disabled=false;this.dismissible=false;this.dismissLabel="Dismiss";this.size="medium";this.theme="inherit";this.transparentBackground=true;this.variant="filled";this.dismissAction=()=>{this.icDismiss.emit()};this.mouseEnterHandler=()=>{this.hovered=true};this.mouseLeaveHandler=()=>{this.hovered=false}}customColorHandler(){const i=this.customColor&&s(this.customColor);if(!i){this.foregroundColor=null;return}const{r:e,g:t,b:o,a}=i;this.foregroundColor=c((e*299+t*587+o*114)/1e3);this.el.setAttribute("style",`--chip-custom-color: rgba(${e}, ${t}, ${o}, ${a});`)}watchDisabledHandler(){r(this.disabled,this.el)}disconnectedCallback(){var i;(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}componentWillLoad(){r(this.disabled,this.el);this.customColorHandler()}componentDidLoad(){n([{prop:this.label,propName:"label"}],"Chip");this.hostMutationObserver=new MutationObserver((i=>l(i,["icon","badge"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}handleClick(){this.visible=!this.visible}async setFocus(){var i;(i=this.buttonEl)===null||i===void 0?void 0:i.focus()}render(){const{label:i,variant:e,size:a,dismissible:s,visible:c,disabled:r,hovered:n,theme:l,foregroundColor:b,dismissLabel:u,transparentBackground:g}=this;const f=`${i} chip`;return t(o,{key:"91df6058439a8c6dbd74de3d46153e4d0c54d623",class:{"ic-chip-dismissed":!c,[`ic-theme-${l}`]:l!=="inherit",[`ic-chip-${b}-text`]:e==="filled"&&!!b}},c&&t("div",{key:"e7fe4dfe8ebedf808512a29aceef28a6700cd233",class:{chip:true,[`${e}`]:true,[`${a}`]:true,disabled:r,dismissible:s,hovered:n,"non-transparent":e==="outlined"&&!g}},d(this.el,"icon")&&t("div",{key:"81b38c990e638413596f6e5e8041f68eef20e064",class:"icon"},t("slot",{key:"3a1fda2665ac0aea65df3bfaa94552f5e6fa2e1e",name:"icon"})),t("ic-typography",{key:"a496fa5e7be6ec073cb1b2225b7a1e1f79f94f3f",variant:"label","apply-vertical-margins":false,class:{label:true,"in-ag-grid":p(this.el)}},t("span",{key:"942471f0fd86b350166c14433c40d6d912a52b17"},i)),s&&t("ic-tooltip",{key:"c9ea0b5045a625a7b42ae71b22bc9737b05501ee",label:u,target:"dismiss-icon",class:{"tooltip-disabled":r}},t("button",{key:"7fb04f03ac698a002fea17de94980623b33502dd",id:"dismiss-icon",class:"dismiss-icon",ref:i=>this.buttonEl=i,"aria-label":`${u} ${f}`,disabled:r,tabindex:r?-1:0,onClick:this.dismissAction,onMouseEnter:this.mouseEnterHandler,onMouseLeave:this.mouseLeaveHandler,innerHTML:h})),d(this.el,"badge")&&t("slot",{key:"99b017ad25c78367d25411312b47aa1f73d8f682",name:"badge"})),s&&t("div",{key:"b847f0255a3aaca7f1f24e2de1e939e0a6518c2f",class:"sr-only","aria-live":"polite"},!c?`Dismissed ${f}`:""))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{customColor:["customColorHandler"],disabled:["watchDisabledHandler"]}}};g.style=u;export{g as ic_chip};
-//# sourceMappingURL=p-199c5ff6.entry.js.map

package/dist/core/p-199c5ff6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icChipCss","IcChipStyle0","Chip","constructor","hostRef","this","foregroundColor","hovered","visible","disabled","dismissible","dismissLabel","size","theme","transparentBackground","variant","dismissAction","icDismiss","emit","mouseEnterHandler","mouseLeaveHandler","customColorHandler","colorRGBA","customColor","convertToRGBA","r","g","b","a","getBrandForegroundAppearance","el","setAttribute","watchDisabledHandler","removeDisabledFalse","disconnectedCallback","_a","hostMutationObserver","disconnect","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","handleClick","setFocus","buttonEl","focus","render","ariaLabel","h","Host","key","class","chip","isSlotUsed","name","isElInAGGrid","target","id","ref","tabindex","onClick","onMouseEnter","onMouseLeave","innerHTML","dismissIcon"],"sources":["src/components/ic-chip/ic-chip.css?tag=ic-chip&encapsulation=shadow","src/components/ic-chip/ic-chip.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: middle;\n}\n\n:host(.ic-chip-dismissed) {\n  display: none;\n}\n\n.chip {\n  --chip-bg-color: transparent;\n  --chip-hover-bg: var(--ic-chip-action-hover);\n  --chip-pressed-bg: var(--ic-chip-action-pressed);\n\n  display: flex;\n  padding: calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xxs);\n  font-size: 0.875rem;\n  border-radius: var(--ic-space-md);\n  text-align: left;\n  text-decoration: none;\n  position: relative;\n  background-color: var(--chip-bg-color);\n  border: var(--ic-border-width) solid transparent;\n  justify-content: space-between;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .chip {\n    transition: var(--ic-easing-transition-fast);\n  }\n}\n\n.chip.small {\n  padding: var(--ic-space-1px) var(--ic-space-xxxs);\n  border-radius: calc(var(--ic-space-md) - var(--ic-space-xxxs));\n}\n\n.chip.large {\n  padding: calc(var(--ic-space-xs) - var(--ic-space-1px)) var(--ic-space-xs);\n  border-radius: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n.label {\n  padding: 0 var(--ic-space-xs);\n}\n\n.chip:focus-within {\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n  z-index: 1;\n}\n\nic-tooltip:focus-within {\n  z-index: 1;\n}\n\n.filled {\n  --chip-bg-color: var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );\n  --ic-typography-color: var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );\n\n  color: var(--chip-custom-foreground-color, var(--ic-chip-label));\n}\n\n.filled.disabled {\n  --chip-bg-color: var(--ic-chip-background-filled-inactive);\n}\n\n:host(.ic-chip-dark-text) {\n  --chip-custom-foreground-color: var(--ic-architectural-black);\n}\n\n:host(.ic-chip-light-text) {\n  --chip-custom-foreground-color: var(--ic-architectural-white);\n}\n\n:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within) {\n  --chip-hover-bg: var(--ic-action-dark-bg-hover);\n}\n\n:host(.ic-chip-dark-text) .chip.filled:focus-within {\n  --chip-pressed-bg: var(--ic-action-dark-bg-pressed);\n}\n\n:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within) {\n  --chip-hover-bg: var(--ic-action-light-bg-hover);\n}\n\n:host(.ic-chip-light-text) .chip.filled:focus-within {\n  --chip-pressed-bg: var(--ic-action-light-bg-pressed);\n}\n\n.outlined {\n  color: var(--ic-chip-outline-label);\n  border-color: var(--chip-custom-color, var(--ic-chip-outline));\n  padding: calc(var(--ic-space-xxs));\n\n  --ic-typography-color: var(--ic-chip-outline-label);\n}\n\n.outlined.disabled {\n  border: var(--ic-border-disabled);\n  border-color: var(--ic-chip-outline-inactive);\n}\n\n.chip.disabled ic-typography {\n  --ic-typography-color: var(--ic-chip-label-inactive);\n}\n\n.dismiss-icon {\n  border: none;\n  border-radius: 50%;\n  padding: 0;\n  color: currentcolor;\n  background: none;\n  cursor: pointer;\n  margin: var(--ic-space-xxxs);\n  height: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  width: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n}\n\n.dismiss-icon:focus {\n  outline: var(--ic-hc-focus-outline);\n}\n\n.dismiss-icon[disabled] {\n  pointer-events: none;\n  color: var(--ic-chip-icon-inactive);\n}\n\n.icon {\n  padding: var(--ic-space-xxxs);\n  box-sizing: border-box;\n}\n\n.icon,\nic-tooltip {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n.chip.disabled path,\n.chip.disabled ::slotted(svg) {\n  fill: var(--ic-chip-icon-inactive);\n}\n\n.outlined.non-transparent {\n  background-color: var(--ic-chip-outline-background);\n}\n\n:host .chip.hovered:not(:focus-within) {\n  background-image: linear-gradient(var(--chip-hover-bg) 0 0);\n}\n\n:host .chip:focus-within {\n  background-image: linear-gradient(var(--chip-pressed-bg) 0 0);\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n.sr-only:dir(rtl) {\n  right: -9999px;\n}\n\n@media (forced-colors: active) {\n  .chip {\n    border: var(--ic-border-hc);\n  }\n\n  .chip.disabled {\n    appearance: none;\n    border-color: GrayText;\n  }\n\n  .chip.disabled ic-typography {\n    --ic-typography-color: GrayText;\n  }\n\n  .chip.disabled path,\n  .chip.disabled ::slotted(svg) {\n    fill: GrayText;\n  }\n\n  .chip:focus-within {\n    outline: none;\n    border-color: Highlight;\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Listen,\n  Event,\n  EventEmitter,\n  Element,\n  Method,\n  Watch,\n  Host,\n} from \"@stencil/core\";\nimport {\n  onComponentRequiredPropUndefined,\n  isSlotUsed,\n  removeDisabledFalse,\n  convertToRGBA,\n  isElInAGGrid,\n  getBrandForegroundAppearance,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport {\n  IcBrandForegroundNoDefault,\n  IcColor,\n  IcEmphasisType,\n  IcSizes,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport dismissIcon from \"../../assets/dismiss-icon.svg\";\n\n/**\n * @slot icon - Content will be rendered at the start of the chip.\n * @slot badge - Badge component overlaying the top right of the chip.\n */\n@Component({\n  tag: \"ic-chip\",\n  styleUrl: \"ic-chip.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Chip {\n  private buttonEl?: HTMLButtonElement;\n  private hostMutationObserver?: MutationObserver;\n\n  @Element() el: HTMLIcChipElement;\n\n  @State() foregroundColor: IcBrandForegroundNoDefault | null = null;\n  @State() hovered = false;\n  @State() visible = true;\n\n  /**\n   * The custom chip colour. This will override the theme colour.\n   * Can be a hex value e.g. \"#ff0000\", RGB e.g. \"rgb(255, 0, 0)\", or RGBA e.g. \"rgba(255, 0, 0, 1)\".\n   */\n  @Prop() customColor?: IcColor;\n  @Watch(\"customColor\")\n  customColorHandler(): void {\n    const colorRGBA = this.customColor && convertToRGBA(this.customColor);\n    if (!colorRGBA) {\n      this.foregroundColor = null;\n      return;\n    }\n\n    const { r, g, b, a } = colorRGBA;\n    this.foregroundColor = getBrandForegroundAppearance(\n      (r * 299 + g * 587 + b * 114) / 1000\n    );\n    this.el.setAttribute(\n      \"style\",\n      `--chip-custom-color: rgba(${r}, ${g}, ${b}, ${a});`\n    );\n  }\n\n  /**\n   * If `true`, the chip will appear disabled.\n   */\n  @Prop() disabled = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * If `true`, the chip will have a close button at the end to dismiss it.\n   */\n  @Prop() dismissible = false;\n\n  /**\n   * The text in the dismiss button tooltip and aria label. Makes the user aware of the action resulting from clicking the 'Dismiss chip' button.\n   */\n  @Prop() dismissLabel = \"Dismiss\";\n\n  /**\n   * The text rendered within the chip.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The size of the chip.\n   */\n  @Prop() size: IcSizes = \"medium\";\n  /**\n   * Sets the chip to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.\n   * Setting the \"customColor\" prop will override this.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n\n  /**\n   * If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color.\n   */\n  @Prop() transparentBackground = true;\n\n  /**\n   * The emphasis of the chip.\n   */\n  @Prop() variant: IcEmphasisType = \"filled\";\n\n  /**\n   * Is emitted when the user dismisses the chip.\n   */\n  @Event() icDismiss: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n    this.customColorHandler();\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Chip\"\n    );\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, [\"icon\", \"badge\"], this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n\n  @Listen(\"icDismiss\", { capture: true })\n  handleClick(): void {\n    this.visible = !this.visible;\n  }\n\n  /**\n   * Sets focus on the chip.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.buttonEl?.focus();\n  }\n\n  private dismissAction = () => {\n    this.icDismiss.emit();\n  };\n\n  private mouseEnterHandler = () => {\n    this.hovered = true;\n  };\n\n  private mouseLeaveHandler = () => {\n    this.hovered = false;\n  };\n\n  render() {\n    const {\n      label,\n      variant,\n      size,\n      dismissible,\n      visible,\n      disabled,\n      hovered,\n      theme,\n      foregroundColor,\n      dismissLabel,\n      transparentBackground,\n    } = this;\n\n    const ariaLabel = `${label} chip`;\n\n    return (\n      <Host\n        class={{\n          \"ic-chip-dismissed\": !visible,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [`ic-chip-${foregroundColor}-text`]:\n            variant === \"filled\" && !!foregroundColor,\n        }}\n      >\n        {visible && (\n          <div\n            class={{\n              chip: true,\n              [`${variant}`]: true,\n              [`${size}`]: true,\n              disabled,\n              dismissible,\n              hovered,\n              \"non-transparent\":\n                variant === \"outlined\" && !transparentBackground,\n            }}\n          >\n            {isSlotUsed(this.el, \"icon\") && (\n              <div class=\"icon\">\n                <slot name=\"icon\" />\n              </div>\n            )}\n            <ic-typography\n              variant=\"label\"\n              apply-vertical-margins={false}\n              class={{ label: true, \"in-ag-grid\": isElInAGGrid(this.el) }}\n            >\n              <span>{label}</span>\n            </ic-typography>\n            {dismissible && (\n              <ic-tooltip\n                label={dismissLabel}\n                target=\"dismiss-icon\"\n                class={{ \"tooltip-disabled\": disabled }}\n              >\n                <button\n                  id=\"dismiss-icon\"\n                  class=\"dismiss-icon\"\n                  ref={(el) => (this.buttonEl = el)}\n                  aria-label={`${dismissLabel} ${ariaLabel}`}\n                  disabled={disabled}\n                  tabindex={disabled ? -1 : 0}\n                  onClick={this.dismissAction}\n                  onMouseEnter={this.mouseEnterHandler}\n                  onMouseLeave={this.mouseLeaveHandler}\n                  innerHTML={dismissIcon}\n                ></button>\n              </ic-tooltip>\n            )}\n            {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n          </div>\n        )}\n        {dismissible && (\n          <div class=\"sr-only\" aria-live=\"polite\">\n            {!visible ? `Dismissed ${ariaLabel}` : \"\"}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-1f41818b.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-a5658054.js";import"./p-bddf799a.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-1f41818b.entry.js.map

package/dist/core/p-1f41818b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icStepperCss","IcStepperStyle0","Stepper","constructor","hostRef","this","resizeObserver","visuallyHidden","alignedFullWidth","autoSetStepTitles","lastStepWidth","noOfResizes","stepperWidth","_a","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","undefined","stepNum","lastStepNum","type","current","stepTitleArea","shadowRoot","heading","setAttribute","_b","removeAttribute","classList","remove","add","contains","nextStepHeading","progress","compactStepStyling","minWidth","stepConnect","_c","setHideStepInfo","overrideVariant","minDefaultStepperWidth","clientWidth","resizeObserverCallback","handleThemeChange","runResizeObserver","ResizeObserver","observe","handlePropChange","disconnectedCallback","disconnect","componentWillLoad","componentWillRender","componentDidLoad","checkResizeObserver","render","h","Host","key","class"],"sources":["src/components/ic-stepper/ic-stepper.css?tag=ic-stepper&encapsulation=shadow","src/components/ic-stepper/ic-stepper.tsx"],"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 { Component, Element, Host, Prop, h, State, Watch } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nimport { IcStepperAlignment } from \"./ic-stepper.types\";\nimport {\n  IcStepTypes,\n  IcStepVariants,\n  IcStepI18n,\n} from \"../ic-step/ic-step.types\";\nimport { IcThemeMode } from \"../../utils/types\";\n\n@Component({\n  tag: \"ic-stepper\",\n  styleUrl: \"ic-stepper.css\",\n  shadow: true,\n})\nexport class Stepper {\n  private resizeObserver: ResizeObserver | null = null;\n  private steps: HTMLIcStepElement[];\n  private stepsWithStepTitles: HTMLIcStepElement[];\n  private visuallyHidden: string = \"visually-hidden\";\n\n  @Element() el: HTMLIcStepperElement;\n\n  @State() alignedFullWidth: boolean = true;\n  @State() autoSetStepTitles: boolean = true;\n  @State() lastStepWidth: number = 0;\n  @State() noOfResizes?: number = 0;\n  @State() stepperWidth: number | undefined = document\n    .querySelector(\"ic-stepper\")\n    ?.getBoundingClientRect().width;\n  @State() stepTypes: IcStepTypes[] = [];\n  @State() variantOverride?: boolean = this.variant !== \"compact\";\n\n  /**\n   * The alignment of the default stepper within its container.\n   */\n  @Prop() aligned?: IcStepperAlignment = \"full-width\";\n\n  /**\n   * The length of the connector between each step in pixels. Minimum length is 100px.\n   */\n  @Prop() connectorWidth?: number = 100;\n\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  @Prop() hideStepInfo?: boolean = false;\n\n  /**\n   * Provide alternative values for text in all child steps. For the purpose of translating the application into other languages.\n   */\n  @Prop() icI18n?: IcStepI18n = {\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  /**\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  @Watch(\"theme\")\n  handleThemeChange(): void {\n    this.getChildren();\n    this.steps.forEach((step) => {\n      step.theme = this.theme;\n    });\n  }\n\n  /**\n   * The variant of the stepper.\n   */\n  @Prop({ mutable: true }) variant?: IcStepVariants = \"default\";\n\n  @Watch(\"hideStepInfo\")\n  @Watch(\"variant\")\n  handlePropChange(): void {\n    this.setHideStepInfo();\n    this.getChildren();\n  }\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad(): void {\n    this.setStepTypes();\n    this.handleThemeChange();\n\n    if (this.variant === \"compact\") {\n      this.variantOverride = false;\n    }\n  }\n\n  componentWillRender(): void {\n    this.initialiseStepStates();\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n  }\n\n  // Get all steps currently within this stepper\n  private getChildren = (): void => {\n    this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n\n    this.stepsWithStepTitles = Array.from(\n      this.el.querySelectorAll(\"ic-step[heading]\")\n    );\n  };\n\n  // Inform the user that stepTitles are required on all steps in a compact stepper\n  private checkStepTitles = (): void => {\n    if (\n      this.stepsWithStepTitles.length < this.steps.length &&\n      this.variantOverride &&\n      this.variant === \"compact\"\n    ) {\n      this.noOfResizes = this.noOfResizes! + 1;\n      if (this.noOfResizes === 1) {\n        console.error(\n          `The prop 'heading' is required for all steps of the Stepper component (compact variant)`\n        );\n      }\n    }\n  };\n\n  private setStepTypes = (): void => {\n    this.getChildren();\n    this.stepTypes = [];\n    for (let i = 0; i < this.steps.length; i++) {\n      this.stepTypes.push(\"active\");\n    }\n  };\n\n  private setStepperWidth = (): void => {\n    this.alignedFullWidth =\n      this.variant === \"default\" && this.aligned === \"full-width\";\n\n    const lastStep = this.steps[this.steps.length - 1];\n    lastStep.style.maxWidth = \"none\";\n\n    if (this.alignedFullWidth) {\n      this.stepperWidth = this.el.offsetWidth;\n      lastStep.style.maxWidth = pxToRem(\n        `${this.stepperWidth / this.steps.length}px`\n      );\n      this.lastStepWidth = lastStep.offsetWidth;\n    }\n  };\n\n  private initialiseStepStates = (): void => {\n    this.steps.forEach((step, index) => {\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\n      if (step.type !== \"current\") {\n        step.current = false;\n        this.stepTypes[index] = step.type!;\n      } else {\n        step.current = true;\n      }\n\n      const stepTitleArea =\n        step.shadowRoot &&\n        step.shadowRoot.querySelector(\".step > .heading-area\");\n\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              stepTitleArea\n                ?.querySelector(\".heading\")\n                ?.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              stepTitleArea\n                ?.querySelector(\".heading\")\n                ?.removeAttribute(\"aria-hidden\");\n          }\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        } else if (step.classList.contains(\"show\")) {\n          step.classList.remove(\"show\");\n          step.classList.add(\"hide\");\n        }\n\n        if (!step.lastStep) {\n          step.nextStepHeading = this.steps[index + 1].heading;\n          step.progress = (step.stepNum / this.steps.length) * 100;\n        } else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n          step.progress = 95;\n        } else {\n          step.progress = 100;\n        }\n\n        if (this.hideStepInfo && stepTitleArea !== null) {\n          stepTitleArea.classList.remove(this.visuallyHidden);\n        }\n\n        step.compactStepStyling = this.stepTypes[index];\n      }\n\n      if (this.variant === \"default\") {\n        if (!step.lastStep) {\n          if (this.alignedFullWidth && this.stepperWidth !== undefined) {\n            step.style.width = pxToRem(\n              `${\n                (this.stepperWidth - this.lastStepWidth) /\n                (this.steps.length - 1)\n              }px`\n            );\n            step.style.minWidth = pxToRem(\"148px\");\n          }\n        } else if (step.lastStep) {\n          step.classList.add(\"last-step\");\n          if (this.alignedFullWidth) {\n            step.style.maxWidth = `${this.lastStepWidth}px`;\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\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 = step.shadowRoot?.querySelector(\n            \".step > .step-top > .step-connect\"\n          ) as HTMLElement;\n\n          if (stepConnect) {\n            stepConnect.style.width =\n              this.connectorWidth > 100\n                ? pxToRem(`${this.connectorWidth}px`)\n                : pxToRem(\"100px\");\n          }\n        }\n\n        if (this.hideStepInfo && stepTitleArea !== null) {\n          stepTitleArea.classList.add(this.visuallyHidden);\n        }\n      }\n    });\n  };\n\n  private setHideStepInfo = (): void => {\n    this.steps.forEach((step) => {\n      const stepTitleArea = step.shadowRoot?.querySelector(\n        \".step > .heading-area\"\n      );\n\n      if (stepTitleArea) {\n        if (this.hideStepInfo) {\n          stepTitleArea.classList?.add(this.visuallyHidden);\n        } else {\n          stepTitleArea.classList?.remove(this.visuallyHidden);\n        }\n      }\n    });\n  };\n\n  private overrideVariant = () => {\n    if (this.variantOverride) {\n      let minDefaultStepperWidth = 148 * this.steps.length;\n\n      if (\n        this.aligned === \"left\" &&\n        this.connectorWidth &&\n        this.connectorWidth > 100\n      ) {\n        minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n      }\n      if (this.el.clientWidth < minDefaultStepperWidth) {\n        this.variant = \"compact\";\n      } else {\n        this.variant = \"default\";\n      }\n    }\n  };\n\n  private resizeObserverCallback = () => {\n    this.getChildren();\n    this.checkStepTitles();\n    this.overrideVariant();\n    this.setStepperWidth();\n    this.initialiseStepStates();\n    this.handleThemeChange();\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.resizeObserverCallback();\n    });\n    this.resizeObserver.observe(this.el);\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`ic-stepper-${this.variant}`]: true,\n          [\"ic-stepper-aligned-left\"]:\n            this.variant === \"default\" && this.aligned === \"left\",\n          [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n        }}\n      >\n        <ul class=\"step-item-list\">\n          <slot></slot>\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["icAlertCss","IcAlertStyle0","Alert","constructor","hostRef","this","hostMutationObserver","systemThemeObserver","darkMode","alertTitleWrap","visible","announced","dismissible","heading","showDefaultIcon","theme","titleAbove","variant","dismissAction","icDismiss","emit","themeChangeHandler","disconnectedCallback","_a","disconnect","_b","removeEventListener","darkModeChangeHandler","componentWillLoad","el","closest","window","matchMedia","addEventListener","matches","componentDidLoad","Number","titleEl","clientHeight","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","calculateMinHeight","componentDidUpdate","handleClick","ev","detail","contentHeight","messageEl","minHeight","pxToRem","style","getPropertyValue","setProperty","render","message","Icon","iconClass","isSlotUsed","h","class","name","innerHTML","VARIANT_ICONS","icon","Host","role","container","divider","ref","closeIcon","onClick","title"],"sources":["src/components/ic-alert/ic-alert.css?tag=ic-alert&encapsulation=shadow","src/components/ic-alert/ic-alert.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: block;\n}\n\n:host ::slotted(ic-typography) {\n  --ic-typography-color: var(--ic-alert-description);\n}\n\n.container {\n  min-height: var(--ic-alert-min-height);\n  border-radius: var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n    var(--ic-space-xxs);\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.container-neutral {\n  background-color: var(--ic-alert-background-neutral);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-neutral);\n}\n\n.container-info {\n  background-color: var(--ic-alert-background-info);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-info);\n}\n\n.container-warning {\n  background-color: var(--ic-alert-background-warning);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-warning);\n}\n\n.container-error {\n  background-color: var(--ic-alert-background-error);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-error);\n}\n\n.container-success {\n  background-color: var(--ic-alert-background-success);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-success);\n}\n\n.container-ai {\n  background-color: var(--ic-alert-background-ai);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-ai);\n}\n\n.divider {\n  height: 100%;\n  width: var(--ic-space-xs);\n  border-radius: var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);\n  position: absolute;\n}\n\n.divider-neutral {\n  background-color: var(--ic-alert-status-type-neutral);\n}\n\n.divider-info {\n  background-color: var(--ic-alert-status-type-info);\n}\n\n.divider-warning {\n  background-color: var(--ic-alert-status-type-warning);\n}\n\n.divider-error {\n  background-color: var(--ic-alert-status-type-error);\n}\n\n.divider-success {\n  background-color: var(--ic-alert-status-type-success);\n}\n\n.divider-ai {\n  background-color: var(--ic-alert-status-type-ai);\n}\n\n.alert-icon {\n  align-self: flex-start;\n  margin-top: var(--ic-space-xs);\n  margin-right: var(--ic-space-xs);\n}\n\n.alert-icon > svg {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n}\n\n/* required for Gatsby as prop does not seem to work when set to false */\n:host(.ic-alert-no-default-icon) .icon-neutral {\n  visibility: hidden;\n  width: 0;\n  margin-left: 0.625rem;\n}\n\n.icon-neutral > svg,\n::slotted(svg) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n  fill: var(--ic-alert-icon-neutral);\n}\n\n:host(.ic-alert-variant-info) .alert-icon svg {\n  fill: var(--ic-alert-icon-info);\n}\n\n:host(.ic-alert-variant-warning) .alert-icon svg {\n  fill: var(--ic-alert-icon-warning);\n}\n\n:host(.ic-alert-variant-error) .alert-icon svg {\n  fill: var(--ic-alert-icon-error);\n}\n\n:host(.ic-alert-variant-success) .alert-icon svg {\n  fill: var(--ic-alert-icon-success);\n}\n\n:host(.ic-alert-variant-ai) .alert-icon svg {\n  fill: var(--ic-alert-icon-ai);\n}\n\n.alert-content {\n  display: flex;\n  align-items: center;\n  margin-left: 1.125rem;\n  width: 100%;\n  flex-wrap: wrap;\n}\n\n.alert-message {\n  display: flex;\n  align-items: center;\n  padding: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n  flex: 1;\n\n  --ic-typography-color: var(--ic-alert-description);\n}\n\n.alert-message-title-above {\n  display: inline;\n}\n\n.alert-title {\n  margin-right: var(--ic-space-xs);\n  margin-top: 0;\n  margin-bottom: auto;\n\n  --ic-typography-color: var(--ic-alert-title);\n}\n\n.alert-title-above {\n  white-space: normal;\n}\n\n.alert-action-container {\n  margin-right: var(--ic-space-xs);\n  display: flex;\n  align-items: center;\n}\n\n.dismiss-icon {\n  margin-right: var(--ic-space-xxxs);\n  margin-left: -0.375rem;\n  padding: 0.375rem;\n  border: none;\n  border-radius: 50%;\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dismiss-icon > svg {\n  color: var(--ic-alert-icon-dismissible);\n}\n\n.dismiss-icon:hover {\n  cursor: pointer;\n}\n\n@media (max-width: 628px) {\n  .alert-message {\n    display: inline;\n  }\n\n  .alert-title {\n    white-space: normal;\n  }\n\n  .alert-action-container {\n    margin-bottom: var(--ic-space-xs);\n    flex-basis: 100%;\n  }\n\n  .alert-icon ~ .alert-action-container {\n    margin-left: 2rem;\n  }\n}\n\n@media (forced-colors: active) {\n  .container {\n    border: var(--ic-border-hc);\n  }\n\n  .dismiss-icon > svg {\n    color: var(--ic-architectural-white);\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  State,\n  Listen,\n  Prop,\n  h,\n  Watch,\n} from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport {\n  isSlotUsed,\n  pxToRem,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport {\n  IcStatusVariants,\n  IcThemeMode,\n  IcThemeSettings,\n} from \"../../utils/types\";\nimport { VARIANT_ICONS } from \"../../utils/constants\";\n\n/**\n * @slot message - Content is placed to the right of the title.\n * @slot action - Content is placed to the right of the message.\n * @slot neutral-icon - A custom neutral icon is placed to the left of the title. This will override the default icon if used.\n */\n@Component({\n  tag: \"ic-alert\",\n  styleUrl: \"ic-alert.css\",\n  shadow: true,\n})\nexport class Alert {\n  private hostMutationObserver: MutationObserver | null = null;\n  private systemThemeObserver: MediaQueryList | null = null;\n  private darkMode: boolean = false;\n  private messageEl?: HTMLDivElement;\n  private titleEl?: HTMLIcTypographyElement;\n\n  @Element() el: HTMLIcAlertElement;\n\n  @State() alertTitleWrap: boolean = false;\n  @State() visible: boolean = true;\n\n  /**\n   * If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers.\n   */\n  @Prop() announced: boolean = true;\n\n  /**\n   * If `true`, the alert will have a close icon at the end to dismiss it.\n   */\n  @Prop() dismissible: boolean = false;\n\n  /**\n   * The optional title to display at the start of the alert.\n   */\n  @Prop() heading: string = \"\";\n\n  /**\n   * The main body message of the alert.\n   */\n  @Prop() message?: string;\n\n  /**\n   * If `true`, the default icon for the neutral variant will appear on the left of the alert.\n   */\n  @Prop() showDefaultIcon: boolean = true;\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  @Watch(\"theme\")\n  themeChangeHandler(): void {\n    if (this.theme !== \"inherit\") this.darkMode = this.theme === \"dark\";\n  }\n\n  /**\n   * If `true`, the title and message will appear above and below instead of inline.\n   */\n  @Prop() titleAbove: boolean = false;\n\n  /**\n   * The variant of the alert which will be rendered.\n   */\n  @Prop() variant: IcStatusVariants = \"neutral\";\n\n  /**\n   * Is emitted when the user dismisses the alert.\n   */\n  @Event() icDismiss: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n    this.systemThemeObserver?.removeEventListener(\n      \"change\",\n      this.darkModeChangeHandler\n    );\n  }\n\n  componentWillLoad(): void {\n    if (!this.el.closest(\"ic-theme\")) {\n      this.systemThemeObserver = window.matchMedia(\n        \"(prefers-color-scheme: dark)\"\n      );\n      this.systemThemeObserver.addEventListener(\n        \"change\",\n        this.darkModeChangeHandler\n      );\n      this.darkMode = this.systemThemeObserver.matches;\n    }\n\n    this.themeChangeHandler();\n  }\n\n  componentDidLoad(): void {\n    if (Number(this.titleEl?.clientHeight) > 24) this.alertTitleWrap = true;\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"action\", this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n\n    this.calculateMinHeight();\n  }\n\n  componentDidUpdate(): void {\n    this.calculateMinHeight();\n  }\n\n  @Listen(\"icDismiss\", { capture: true })\n  handleClick(): void {\n    this.visible = !this.visible;\n  }\n\n  @Listen(\"icThemeChange\", { target: \"document\", capture: true })\n  darkModeChangeHandler(\n    ev: CustomEvent<IcThemeSettings> | MediaQueryListEvent\n  ): void {\n    this.darkMode = \"detail\" in ev ? ev.detail === \"dark\" : ev.matches;\n\n    this.calculateMinHeight();\n  }\n\n  private dismissAction = (): void => {\n    this.icDismiss.emit();\n  };\n\n  private calculateMinHeight(): void {\n    const contentHeight = Number(this.messageEl?.clientHeight);\n\n    const minHeight = pxToRem(\n      `${(contentHeight > 40 ? contentHeight : 52) + (this.darkMode ? 0 : 4)}`\n    );\n\n    if (this.el.style.getPropertyValue(\"--ic-alert-min-height\") !== minHeight)\n      this.el.style.setProperty(\"--ic-alert-min-height\", minHeight);\n  }\n\n  render() {\n    const {\n      variant,\n      heading,\n      message,\n      titleAbove,\n      dismissible,\n      announced,\n      visible,\n      showDefaultIcon,\n      theme,\n      alertTitleWrap,\n      dismissAction,\n    } = this;\n\n    const Icon = () => {\n      const iconClass = {\n        \"alert-icon\": true,\n        \"svg-container\": true,\n        [`icon-${variant}`]: true,\n      };\n\n      if (variant === \"neutral\") {\n        if (isSlotUsed(this.el, \"neutral-icon\")) {\n          return (\n            <div class={iconClass}>\n              <slot name=\"neutral-icon\"></slot>\n            </div>\n          );\n        } else if (!showDefaultIcon) {\n          return <div></div>;\n        }\n      }\n\n      return (\n        <span class={iconClass} innerHTML={VARIANT_ICONS[variant].icon}></span>\n      );\n    };\n\n    return (\n      visible && (\n        <Host\n          role={announced ? \"alert\" : null}\n          class={{\n            [`ic-theme-${theme}`]: theme !== \"inherit\",\n            [`ic-alert-variant-${variant}`]: true,\n            [`ic-alert-no-default-icon`]: !showDefaultIcon,\n          }}\n        >\n          <div class={{ container: true, [`container-${variant}`]: true }}>\n            <div class={{ divider: true, [`divider-${variant}`]: true }}></div>\n            <div class=\"alert-content\">\n              <Icon />\n              <div\n                class={{\n                  \"alert-message\": true,\n                  \"alert-message-title-above\": titleAbove || alertTitleWrap,\n                }}\n                ref={(el) => (this.messageEl = el)}\n              >\n                {heading && (\n                  <ic-typography\n                    class={{\n                      \"alert-title\": true,\n                      \"alert-title-above\": titleAbove || alertTitleWrap,\n                    }}\n                    variant=\"subtitle-large\"\n                    ref={(el) => (this.titleEl = el)}\n                  >\n                    <p>{heading}</p>\n                  </ic-typography>\n                )}\n                <slot name=\"message\">\n                  <ic-typography variant=\"body\">{message}</ic-typography>\n                </slot>\n              </div>\n              {isSlotUsed(this.el, \"action\") && (\n                <div class=\"alert-action-container\">\n                  <slot name=\"action\" />\n                </div>\n              )}\n            </div>\n            <div class=\"dismiss-icon-container\">\n              {dismissible && (\n                <ic-button\n                  class={{ \"svg-container\": true, \"dismiss-icon\": true }}\n                  innerHTML={closeIcon}\n                  onClick={dismissAction}\n                  variant=\"icon-tertiary\"\n                  theme=\"dark\"\n                  title=\"Dismiss\"\n                ></ic-button>\n              )}\n            </div>\n          </div>\n        </Host>\n      )\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-33e35173.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as i,g as a}from"./p-8e4e97b4.js";import{D as o,i as n,f as s,t as l,h as r}from"./p-a5658054.js";import"./p-bddf799a.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{position:relative;display:block}.data{display:flex;align-items:center}.text-cells{display:flex;flex-grow:1;min-width:0;--ic-typography-color:var(--ic-data-list-text-cell);color:var(--ic-data-list-text-cell)}.label{width:var(--data-row-label-width, 12.5rem);min-width:12.5rem;margin-right:var(--ic-space-md);--ic-typography-color:var(--ic-data-list-text-label);color:var(--ic-data-list-text-label)}.value{flex-grow:1}slot[name="value"]::slotted(ic-text-field[readonly][hide-label]){margin-top:calc(var(--ic-space-xs) * -1)}slot[name="value"]::slotted(ic-text-field[small][readonly][hide-label]){margin-top:calc(var(--ic-space-xxs) * -1)}slot[name="value"]::slotted(ic-text-field[readonly][hide-label][rows]){margin-top:calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs))}.end-component{width:-moz-fit-content;width:fit-content;margin-left:3.5rem}.divider{margin-top:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-data-list-keyline-cell)}:host(.ic-data-row-small) .divider{margin-top:var(--ic-space-xs)}:host(.breakpoint-medium) .label{width:10rem;min-width:10rem}:host(.breakpoint-xs) .text-cells{flex-direction:column}:host(.breakpoint-xs) .label{width:8rem;margin-bottom:var(--ic-space-xs)}:host(.breakpoint-xs) .value{max-width:95%}:host(.breakpoint-xs) .end-component{margin-left:0}@media (forced-colors: active){.divider{background-color:canvastext}}';const c=d;const b=class{constructor(i){e(this,i);this.hasEndComponent=false;this.resizeObserver=null;this.deviceSize=o.XL;this.size="medium";this.theme="inherit";this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkLabelAbove()}));this.resizeObserver.observe(this.el)};this.renderCellContent=e=>{const i=e==="value";return t("div",{class:e},n(this.el,e)?t("slot",{name:e}):t("ic-typography",{variant:i?"body":this.listSize==="xs"?"label":"subtitle-large"},i?this.value:this.label))}}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.deviceSize=s();this.hasEndComponent=l(this.el,"end-component");this.checkLabelAbove()}componentDidLoad(){r(this.runResizeObserver);if(this.hasEndComponent)this.labelEndComponent()}checkLabelAbove(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".data");if(t){const e=(t===null||t===void 0?void 0:t.clientWidth)+46;if(e){this.listSize=e<o.S?"xs":e<o.M?"m":"xl"}}}labelEndComponent(){var e;(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("slot[name=end-component]").forEach((e=>e.setAttribute("aria-label",`for ${this.label} row`)))}render(){const{el:e,listSize:a,hasEndComponent:o,label:s,renderCellContent:l,size:r,theme:d,value:c}=this;return t(i,{key:"8a70c9ceda7aebc616eb335f08e626952c87ddf3",class:{["ic-data-row-small"]:r==="small",["breakpoint-medium"]:a==="m",["breakpoint-xs"]:a==="xs",[`ic-theme-${d}`]:d!=="inherit"},role:"listitem"},t("div",{key:"b2f75779fb6392023c42d9c1f8bf58a98b431797",class:"data"},t("div",{key:"059aa84f8a91c9a7cdaea4e118287ea460f1bcdd",class:"text-cells"},(n(e,"label")||s)&&l("label"),(n(e,"value")||c)&&l("value")),o&&t("div",{key:"3bcb9b239d836434ceae03ecd35c1bdc42d73699",class:"end-component"},t("slot",{key:"453e0c7e4d6b875ddfc319a12dc173913057b8bd",name:"end-component"}))),t("div",{key:"f16fd733c8ffd0e8ed8e7461099a3b9b81809cb3",class:"divider"}))}get el(){return a(this)}};b.style=c;export{b as ic_data_row};
-//# sourceMappingURL=p-33e35173.entry.js.map

package/dist/core/p-33e35173.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icDataRowCss","IcDataRowStyle0","DataRow","constructor","hostRef","this","hasEndComponent","resizeObserver","deviceSize","DEVICE_SIZES","XL","size","theme","runResizeObserver","ResizeObserver","checkLabelAbove","observe","el","renderCellContent","cell","isValue","h","class","isSlotUsed","name","variant","listSize","value","label","disconnectedCallback","_a","disconnect","componentWillLoad","getCurrentDeviceSize","slotHasContent","componentDidLoad","checkResizeObserver","labelEndComponent","row","shadowRoot","querySelector","rowSize","clientWidth","S","M","querySelectorAll","forEach","child","setAttribute","render","Host","key","role"],"sources":["src/components/ic-data-row/ic-data-row.css?tag=ic-data-row&encapsulation=shadow","src/components/ic-data-row/ic-data-row.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  position: relative;\n  display: block;\n}\n\n.data {\n  display: flex;\n  align-items: center;\n}\n\n.text-cells {\n  display: flex;\n  flex-grow: 1;\n  min-width: 0;\n\n  --ic-typography-color: var(--ic-data-list-text-cell);\n\n  color: var(--ic-data-list-text-cell);\n}\n\n.label {\n  width: var(--data-row-label-width, 12.5rem);\n  min-width: 12.5rem;\n  margin-right: var(--ic-space-md);\n\n  --ic-typography-color: var(--ic-data-list-text-label);\n\n  color: var(--ic-data-list-text-label);\n}\n\n.value {\n  flex-grow: 1;\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label]) {\n  margin-top: calc(var(--ic-space-xs) * -1);\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[small][readonly][hide-label]) {\n  margin-top: calc(var(--ic-space-xxs) * -1);\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label][rows]) {\n  margin-top: calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs));\n}\n\n.end-component {\n  width: fit-content;\n  margin-left: 3.5rem;\n}\n\n.divider {\n  margin-top: var(--ic-space-md);\n  height: var(--ic-border-width);\n  background-color: var(--ic-data-list-keyline-cell);\n}\n\n:host(.ic-data-row-small) .divider {\n  margin-top: var(--ic-space-xs);\n}\n\n:host(.breakpoint-medium) .label {\n  width: 10rem;\n  min-width: 10rem;\n}\n\n:host(.breakpoint-xs) .text-cells {\n  flex-direction: column;\n}\n\n:host(.breakpoint-xs) .label {\n  width: 8rem;\n  margin-bottom: var(--ic-space-xs);\n}\n\n:host(.breakpoint-xs) .value {\n  max-width: 95%;\n}\n\n:host(.breakpoint-xs) .end-component {\n  margin-left: 0;\n}\n\n@media (forced-colors: active) {\n  .divider {\n    background-color: canvastext;\n  }\n}\n","import { Component, Element, Host, Prop, h, State } from \"@stencil/core\";\nimport {\n  checkResizeObserver,\n  DEVICE_SIZES,\n  getCurrentDeviceSize,\n  isSlotUsed,\n  slotHasContent,\n} from \"../../utils/helpers\";\nimport { IcSizesNoLarge, IcThemeMode } from \"../../utils/types\";\n\n/**\n * @slot label - Content will be rendered in the leftmost cell.\n * @slot value - Content will be rendered to the right of the label.\n * @slot end-component - Content will be displayed in the rightmost cell.\n */\n@Component({\n  tag: \"ic-data-row\",\n  styleUrl: \"ic-data-row.css\",\n  shadow: true,\n})\nexport class DataRow {\n  private hasEndComponent: boolean = false;\n  private resizeObserver: ResizeObserver | null = null;\n\n  @Element() el: HTMLIcDataRowElement;\n\n  @State() deviceSize: number = DEVICE_SIZES.XL;\n  @State() listSize: \"xl\" | \"m\" | \"xs\";\n\n  /**\n   * The label in the leftmost cell of the row.\n   */\n  @Prop() label?: string;\n\n  /**\n   * The size of the data row component.\n   */\n  @Prop() size?: IcSizesNoLarge = \"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 value of the middle (right if no end-component supplied) cell of the row.\n   */\n  @Prop() value?: string;\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.deviceSize = getCurrentDeviceSize();\n    this.hasEndComponent = slotHasContent(this.el, \"end-component\");\n    this.checkLabelAbove();\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n    if (this.hasEndComponent) this.labelEndComponent();\n  }\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.checkLabelAbove();\n    });\n\n    this.resizeObserver.observe(this.el);\n  };\n\n  private checkLabelAbove() {\n    const row = this.el.shadowRoot?.querySelector(\".data\");\n    if (row) {\n      const rowSize = row?.clientWidth + 46;\n      if (rowSize) {\n        this.listSize =\n          rowSize < DEVICE_SIZES.S\n            ? \"xs\"\n            : rowSize < DEVICE_SIZES.M\n            ? \"m\"\n            : \"xl\";\n      }\n    }\n  }\n\n  private renderCellContent = (cell: \"label\" | \"value\") => {\n    const isValue = cell === \"value\";\n    return (\n      <div class={cell}>\n        {isSlotUsed(this.el, cell) ? (\n          <slot name={cell}></slot>\n        ) : (\n          <ic-typography\n            variant={\n              isValue\n                ? \"body\"\n                : this.listSize === \"xs\"\n                ? \"label\"\n                : \"subtitle-large\"\n            }\n          >\n            {isValue ? this.value : this.label}\n          </ic-typography>\n        )}\n      </div>\n    );\n  };\n\n  private labelEndComponent(): void {\n    this.el.shadowRoot\n      ?.querySelectorAll(\"slot[name=end-component]\")\n      .forEach((child) =>\n        child.setAttribute(\"aria-label\", `for ${this.label} row`)\n      );\n  }\n\n  render() {\n    const {\n      el,\n      listSize,\n      hasEndComponent,\n      label,\n      renderCellContent,\n      size,\n      theme,\n      value,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          [\"ic-data-row-small\"]: size === \"small\",\n          [\"breakpoint-medium\"]: listSize === \"m\",\n          [\"breakpoint-xs\"]: listSize === \"xs\",\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        role=\"listitem\"\n      >\n        <div class=\"data\">\n          <div class=\"text-cells\">\n            {(isSlotUsed(el, \"label\") || label) && renderCellContent(\"label\")}\n            {(isSlotUsed(el, \"value\") || value) && renderCellContent(\"value\")}\n          </div>\n          {hasEndComponent && (\n            <div class=\"end-component\">\n              <slot name=\"end-component\"></slot>\n            </div>\n          )}\n        </div>\n        <div class=\"divider\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"iJAAA,MAAMA,EAAe,ktHACrB,MAAAC,EAAeD,E,MCmBFE,EAAO,MALpB,WAAAC,CAAAC,G,UAMUC,KAAAC,gBAA2B,MAC3BD,KAAAE,eAAwC,KAIvCF,KAAAG,WAAqBC,EAAaC,GAWnCL,KAAAM,KAAwB,SAKxBN,KAAAO,MAAsB,UAsBtBP,KAAAQ,kBAAoB,KAC1BR,KAAKE,eAAiB,IAAIO,gBAAe,KACvCT,KAAKU,iBAAiB,IAGxBV,KAAKE,eAAeS,QAAQX,KAAKY,GAAG,EAkB9BZ,KAAAa,kBAAqBC,IAC3B,MAAMC,EAAUD,IAAS,QACzB,OACEE,EAAA,OAAKC,MAAOH,GACTI,EAAWlB,KAAKY,GAAIE,GACnBE,EAAA,QAAMG,KAAML,IAEZE,EAAA,iBACEI,QACEL,EACI,OACAf,KAAKqB,WAAa,KAClB,QACA,kBAGLN,EAAUf,KAAKsB,MAAQtB,KAAKuB,OAG7B,C,CAzDV,oBAAAC,G,OACEC,EAAAzB,KAAKE,kBAAc,MAAAuB,SAAA,SAAAA,EAAEC,Y,CAGvB,iBAAAC,GACE3B,KAAKG,WAAayB,IAClB5B,KAAKC,gBAAkB4B,EAAe7B,KAAKY,GAAI,iBAC/CZ,KAAKU,iB,CAGP,gBAAAoB,GACEC,EAAoB/B,KAAKQ,mBACzB,GAAIR,KAAKC,gBAAiBD,KAAKgC,mB,CAWzB,eAAAtB,G,MACN,MAAMuB,GAAMR,EAAAzB,KAAKY,GAAGsB,cAAU,MAAAT,SAAA,SAAAA,EAAEU,cAAc,SAC9C,GAAIF,EAAK,CACP,MAAMG,GAAUH,IAAG,MAAHA,SAAG,SAAHA,EAAKI,aAAc,GACnC,GAAID,EAAS,CACXpC,KAAKqB,SACHe,EAAUhC,EAAakC,EACnB,KACAF,EAAUhC,EAAamC,EACvB,IACA,I,GA4BJ,iBAAAP,G,OACNP,EAAAzB,KAAKY,GAAGsB,cAAU,MAAAT,SAAA,SAAAA,EACde,iBAAiB,4BAClBC,SAASC,GACRA,EAAMC,aAAa,aAAc,OAAO3C,KAAKuB,c,CAInD,MAAAqB,GACE,MAAMhC,GACJA,EAAES,SACFA,EAAQpB,gBACRA,EAAesB,MACfA,EAAKV,kBACLA,EAAiBP,KACjBA,EAAIC,MACJA,EAAKe,MACLA,GACEtB,KAEJ,OACEgB,EAAC6B,EAAI,CAAAC,IAAA,2CACH7B,MAAO,CACL,CAAC,qBAAsBX,IAAS,QAChC,CAAC,qBAAsBe,IAAa,IACpC,CAAC,iBAAkBA,IAAa,KAChC,CAAC,YAAYd,KAAUA,IAAU,WAEnCwC,KAAK,YAEL/B,EAAA,OAAA8B,IAAA,2CAAK7B,MAAM,QACTD,EAAA,OAAA8B,IAAA,2CAAK7B,MAAM,eACPC,EAAWN,EAAI,UAAYW,IAAUV,EAAkB,UACvDK,EAAWN,EAAI,UAAYU,IAAUT,EAAkB,UAE1DZ,GACCe,EAAA,OAAA8B,IAAA,2CAAK7B,MAAM,iBACTD,EAAA,QAAA8B,IAAA,2CAAM3B,KAAK,oBAIjBH,EAAA,OAAA8B,IAAA,2CAAK7B,MAAM,Y","ignoreList":[]}

package/dist/core/p-34407b13.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,f as i,h as r,H as n,g as a,F as e}from"./p-8e4e97b4.js";import{C as c,r as s,w as d,U as u,j as b,I as l,i as h,o as m,V as v}from"./p-a5658054.js";import{I as p}from"./p-bddf799a.js";import{c as g}from"./p-68a5aaff.js";const y=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>\n</svg>`;const f='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary:not(.ic-button-disabled)) ::slotted(svg){color:var(--ic-button-primary-icon)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){--ic-typography-color:var(--ic-button-primary-text);color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;--ic-typography-color:var(--ic-button-primary-text-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important;--ic-typography-color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-active\n  ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-active\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-border-pressed);--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-active\n  )}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(--ic-button-secondary-background) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-image:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-image:var(\n    --ic-button-secondary-background-non-transparent-hover\n  ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-image:var(\n    --ic-button-secondary-background-non-transparent-active\n  )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-image:var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-secondary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(--ic-button-secondary-background-monochrome)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(--ic-button-secondary-background-monochrome) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active);--ic-typography-color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-active\n  ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.background) .button,:host(.ic-button-variant-icon-tertiary.background) .button{background-color:var(--ic-button-tertiary-background)}:host(.ic-button-variant-tertiary.background) ::slotted(a),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a){background-color:var(--ic-button-tertiary-background) !important}:host(.ic-button-variant-tertiary.background) .button:hover,:host(.ic-button-variant-icon-tertiary.background) .button:hover{background-image:var(--ic-button-tertiary-background-non-transparent-hover)}:host(.ic-button-variant-tertiary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:hover){background-image:var(\n    --ic-button-tertiary-background-non-transparent-hover\n  ) !important}:host(.ic-button-variant-tertiary.background) .button:active,:host(.ic-button-variant-icon-tertiary.background) .button:active{background-image:var(--ic-button-tertiary-background-non-transparent-active)}:host(.ic-button-variant-tertiary.background) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:active){background-image:var(\n    --ic-button-tertiary-background-non-transparent-active\n  ) !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome);--ic-typography-color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.background.monochrome) .button,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button{background-color:var(--ic-button-tertiary-background-monochrome)}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a){background-color:var(--ic-button-tertiary-background-monochrome) !important}:host(.ic-button-variant-tertiary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:hover{background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-hover\n  )}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a:hover){background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-hover\n  ) !important}:host(.ic-button-variant-tertiary.background.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:active{background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-active\n  )}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a:active){background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-active\n  ) !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;--ic-typography-color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-color-icon-disabled-mid);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs);color:var(--ic-button-primary-icon)}:host(.ic-button-variant-icon-primary.monochrome) .button,:host(.ic-button-variant-primary.monochrome:not(.ic-button-disabled)) ::slotted(svg){color:var(--ic-button-primary-icon-monochrome)}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none}:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus,:host(.clock-button) .button:focus{box-shadow:none}:host(.clear-button) .button,:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.clear-button) .button:hover,:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name="router-item"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-dark-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-dark-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover-dark\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed-dark\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-dark\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-pressed-dark\n  )}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-light-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-light-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-light\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-default\n  )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}:host(.ic-button-variant-primary:not(.ic-button-disabled)) ::slotted(svg){color:currentcolor !important}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}';const k=f;var x=undefined&&undefined.__rest||function(t,o){var i={};for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0)i[r]=t[r];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var n=0,r=Object.getOwnPropertySymbols(t);n<r.length;n++){if(o.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n]))i[r[n]]=t[r[n]]}return i};let w=0;const z=class{constructor(r){t(this,r);this.icBlur=o(this,"icBlur",7);this.icFileSelection=o(this,"icFileSelection",7);this.icFocus=o(this,"icFocus",7);this.buttonIdNum=w++;this.hasTooltip=false;this.inheritedAttributes={};this.describedbyEl=null;this.mutationObserver=null;this.hostMutationObserver=null;this.ariaLabel="";this.title="";this.accept="*";this.disabled=false;this.disableTooltip=false;this.download=false;this.dropdown=false;this.dropdownExpanded=false;this.fileUpload=false;this.fileInputName=`ic-button-file-upload-input-${w++}`;this.fullWidth=false;this.loading=false;this.monochrome=false;this.multiple=false;this.size="medium";this.theme="inherit";this.tooltipFixedPositioning=false;this.tooltipPlacement="bottom";this.transparentBackground=true;this.type="button";this.variant="primary";this.getSlottedIcon=t=>this.el.querySelector(`[slot="${t}-icon"]`);this.handleClick=()=>{if((this.el.type==="submit"||this.el.type==="reset")&&!this.hasRouterSlot()&&(this.form||!!this.el.closest("FORM"))){const t=this.form?document.querySelector(`form[id=${this.form}]`):this.el.closest("FORM");c(t,this.el)}};this.handleKeyDown=t=>{if(t.key==="Escape"&&this.hasTooltip){this.closeButtonTooltip(t)}};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.updateAriaDescribedbyClone=()=>{var t,o;if(this.describedbyNode){const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#describedby-wrapper");if(!i){(o=this.el.shadowRoot)===null||o===void 0?void 0:o.appendChild(Object.assign(document.createElement("div"),{id:"describedby-wrapper",className:"ic-button-describedby"}))}while(i===null||i===void 0?void 0:i.firstChild)i.firstChild.remove();i===null||i===void 0?void 0:i.appendChild(this.describedbyNode)}};this.mutationCallback=()=>{var t;if(this.describedbyEl)this.describedbyNode=(t=this.describedbyEl)===null||t===void 0?void 0:t.cloneNode(true)};this.hostMutationCallback=t=>{let o=false;t.forEach((({attributeName:t})=>{if(t){const i=this.el.getAttribute(t);if(i){if(t==="title")this.title=i;else if(t==="aria-label")this.ariaLabel=i;if(p.includes(t)){this.inheritedAttributes[t]=i;o=true}}}}));if(o){i(this)}};this.setHasTooltip=()=>{this.hasTooltip=!this.disableTooltip&&(!!this.title||!!this.isIconVariant())};this.isIconVariant=()=>this.variant.startsWith("icon");this.arrangeRouterItem=()=>{var t;const o=(t,o)=>{Object.entries(o).forEach((([o,i])=>{t.style.setProperty(o,i)}))};if(this.routerSlot){const i=document.createElement("ic-typography");o(i,{"font-family":"var(--ic-font-body-family)","font-size":"0.875rem","font-weight":"600"});o(this.routerSlot,{gap:"0"});const r=this.routerSlot.querySelector("svg");const n=r===null||r===void 0?void 0:r.getAttribute("slot");const a=document.createElement("div");if(r){o(r,{fill:"currentcolor"});if(n==="top-icon"){o(this.routerSlot,{display:"flex","flex-direction":"column","--height":"fit-content"})}else if(n){const t=n==="left-icon"?"right":"left";o(a,{[`margin-${t}`]:"var(--ic-space-xs)"})}a.append(r)}const e=this.routerSlot.querySelector("ic-badge");const c=(t=this.routerSlot.textContent)===null||t===void 0?void 0:t.trim();if(e)a.append(e);if(c)i.textContent=c;this.routerSlot.textContent="";if(n==="right-icon"){this.routerSlot.append(i);this.routerSlot.append(a)}else{this.routerSlot.append(a);this.routerSlot.append(i)}}}}watchDescribedbyNodeHandler(){this.updateAriaDescribedbyClone()}watchDisabledHandler(){s(this.disabled,this.el)}watchVariantHandler(t){if(t==="icon")this.variant="icon-tertiary"}disconnectedCallback(){var t,o;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(o=this.hostMutationObserver)===null||o===void 0?void 0:o.disconnect()}componentWillUpdate(){if(this.loading){this.el.style.setProperty("--min-width",`${this.el.getBoundingClientRect().width}px`)}this.setHasTooltip()}componentWillLoad(){const t=d(this.el,[...p,"title"]),{title:o,"aria-label":i}=t,r=x(t,["title","aria-label"]);this.title=o;this.ariaLabel=i;this.inheritedAttributes=r;s(this.disabled,this.el);this.el.setAttribute("exportparts","button");this.id=this.el.id||null;this.setHasTooltip();if(!this.hasTooltip){const t=this.inheritedAttributes["aria-describedby"];if(t){this.describedById=t;const o=document.querySelector(`#${t}`);if(o){this.describedbyEl=o;this.describedbyNode=o.cloneNode(true)}}}if(this.variant==="icon"){this.variant="icon-tertiary"}}componentDidLoad(){this.updateTheme();if(typeof MutationObserver!=="undefined"){if(this.describedbyEl&&this.describedById){this.mutationObserver=new MutationObserver(this.mutationCallback);this.mutationObserver.observe(this.describedbyEl,{characterData:true,childList:true,subtree:true})}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true});if(this.hasRouterSlot())this.arrangeRouterItem()}this.updateAriaDescribedbyClone()}componentWillRender(){const t=this.getSlottedIcon("left")||this.getSlottedIcon("right");t===null||t===void 0?void 0:t.setAttribute("viewBox","0 0 24 24")}handleHostClick(t){if(!this.hasRouterSlot()){if(this.fileUpload){u(this.icFileSelection,this.el,!!this.multiple,!!this.disabled,this.accept,this.fileInputName,this.selectedFiles)}if(this.disabled||this.loading){t.stopImmediatePropagation()}if(this.dropdown){this.dropdownExpanded=!this.dropdownExpanded}}}brandChangeHandler({detail:t}){this.updateTheme(t.mode)}async setFocus(){var t;(t=this.buttonEl)===null||t===void 0?void 0:t.focus()}async closeButtonTooltip(t){var o;const i=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.querySelector("ic-tooltip");if(i&&await i.isTooltipVisible()){i.displayTooltip(false);t.preventDefault();t.stopImmediatePropagation()}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}updateTheme(t=null){const o=b(this.el,t);if(o!==l.Default){this.theme=o===l.Light?l.Dark:l.Light;this.monochrome=true}}render(){const{ariaControlsId:t,ariaLabel:o,ariaOwnsId:i,buttonIdNum:a,describedById:c,disabled:s,download:d,dropdown:u,dropdownExpanded:b,form:l,formaction:m,formenctype:v,formmethod:p,formnovalidate:g,formtarget:f,fullWidth:k,handleClick:x,handleKeyDown:w,hasTooltip:z,href:$,hreflang:j,id:L,inheritedAttributes:H,isIconVariant:D,loading:C,monochrome:O,onBlur:T,onFocus:I,referrerpolicy:B,rel:M,size:P,target:F,theme:q,title:N,tooltipFixedPositioning:E,tooltipPlacement:W,transparentBackground:R,type:V,variant:_}=this;const A=$?"a":"button";const X=A==="button"?{type:V,disabled:s,form:l,formaction:m,formenctype:v,formmethod:p,formnovalidate:g,formtarget:f}:{download:d!==false?d:null,href:$,rel:M,target:F,referrerpolicy:B,hreflang:j};const K=z?`ic-button-with-tooltip-${L||a}`:undefined;const S=!z?c:`ic-tooltip-${K}`;const U=!!this.getSlottedIcon("left");const G=!!this.getSlottedIcon("right");const Z=()=>this.hasRouterSlot()?r("slot",{name:"router-item"}):r(A,Object.assign({class:"button",tabindex:0,"aria-disabled":C||s?"true":null,"aria-label":C?"Loading":o,"aria-expanded":u&&`${b}`},X,H,{onFocus:I,onBlur:T,ref:t=>this.buttonEl=t,"aria-describedby":S,part:"button"}),C?r("div",{class:"loading-container"},r("ic-loading-indicator",{type:"linear",monochrome:O,theme:q})):r(e,null,(U||!!this.getSlottedIcon("top")&&!G)&&r("div",{class:"icon-container"},r("slot",{name:`${U?"left":"top"}-icon`})),r("slot",null),!u?G&&r("div",{class:{"icon-container":true,"right-icon":true}},r("slot",{name:"right-icon"})):_!=="icon"&&_!=="destructive"&&r("span",{class:b?"dropdown-expanded":"arrow-dropdown",innerHTML:y})));return r(n,{key:"4e15c7ddb5f7d220f52848c36fc9b26932daeb8e",class:{"ic-button-disabled":s&&!C,"ic-button-full-width":k,"ic-button-loading":C,[`ic-button-size-${P}`]:true,[`ic-button-variant-${_}`]:true,[`ic-theme-${q}`]:q!=="inherit",background:(_==="secondary"||_==="tertiary")&&!R&&!s,"dropdown-no-icon":u&&!h(this.el,"icon")&&!h(this.el,"left-icon"),monochrome:O,"top-icon":h(this.el,"top-icon"),"with-badge":h(this.el,"badge")},onClick:x,onKeyDown:w,"aria-owns":i,"aria-controls":t,"aria-expanded":u&&`${b}`},z&&r("ic-tooltip",{key:"a6b3305c993a950f41b2cc44812a35239b4ef717",id:S,label:N||o,target:K,placement:W,fixedPositioning:E,silent:D()&&!!o},r(Z,{key:"146f8c894991641b88313d8947c5ac4e1d204049"})),h(this.el,"badge")&&r("slot",{key:"4aede0d2f30748690130dfba00612b3adc859c10",name:"badge"}),!z&&r(Z,{key:"bf1fd18f9c47ea1199babace3584855499a2776c"}))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{describedbyNode:["watchDescribedbyNodeHandler"],disabled:["watchDisabledHandler"],variant:["watchVariantHandler"]}}};z.style=k;const $='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host(.ic-loading-indicator-size-small){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host(.ic-loading-indicator-size-medium){--circular-diameter:5rem}:host(.ic-loading-indicator-size-large){--circular-diameter:7.5rem}:host(.ic-loading-indicator-size-icon){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-circular-outer[aria-valuenow="0"] .ic-loading-circular-inner,.ic-loading-linear-outer[aria-valuenow="0"] .ic-loading-linear-inner{--inner-color:var(--outer-color)}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}.inner-label{height:100%;display:grid}.inner-label .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}';const j=$;const L={large:120,medium:80,small:40,icon:20};const H=class{constructor(o){t(this,o);this.labelList=[];this.circularDiameter=0;this.circularLineWidth=0;this.circularDimensions={x:0,y:0,r:0};this.clipInnerElement=false;this.description="Loading";this.fullWidth=false;this.labelDuration=8e3;this.max=100;this.min=0;this.monochrome=false;this.size="medium";this.theme="inherit";this.type="circular";this.getLabel=t=>new Promise((()=>{this.interval=setInterval((()=>{if(t<this.labelList.length-1){t++}else{t=0}this.indicatorLabel=this.labelList[t]}),this.labelDuration)}));this.getLabelVariant=()=>{const t=this.type==="circular"?this.calculateWidth():0;if(this.size==="small"||t&&t<60){return"label"}else if(this.size==="large"||t>=120){return"h2"}return"h4"};this.calculateWidth=()=>{var t,o,i;if((t=this.outerElement)===null||t===void 0?void 0:t.offsetWidth)return this.outerElement.offsetWidth;if(this.outerElement){const{width:t}=window.getComputedStyle(this.outerElement);if(t){if(((o=t.match(/\D+$/))===null||o===void 0?void 0:o[0])!=="%")return parseFloat(t);const r=(i=this.outerElement.parentElement)===null||i===void 0?void 0:i.offsetWidth;if(r)return r*(parseFloat(t)/100)}}return L[this.size]};this.calculateProportion=t=>{const o=Math.min(this.max,Math.max(this.min,t));return(o-this.min)/(this.max-this.min)};this.setLinearDeterminateWidth=()=>{if(!this.innerElement||!this.progress)return;const t=this.calculateProportion(this.progress);this.clipInnerElement=t>.5;if(this.clipInnerElement){this.innerElement.classList.remove("clip")}else{this.innerElement.classList.add("clip")}this.innerElement.style.setProperty("--linear-width",`${t*100}%`)};this.updateLabel=()=>{if(!this.label)return;if(typeof this.label==="string"){this.indicatorLabel=this.label}else{this.labelList=this.label;this.indicatorLabel=this.labelList[0];if(this.labelList.length>1){this.getLabel(0)}}};this.setCircleDimensions=()=>{if(this.circularDiameter<=0)return;const t=this.circularDiameter/2;const o=t-this.circularLineWidth/2;const i=2*Math.PI*o;this.circularDimensions={x:t,y:t,r:o,dashArray:`${i}px`,dashOffset:this.progress?`${(-1-this.calculateProportion(this.progress))*i}px`:undefined}}}watchPropHandler(){this.updateLabel()}handleProgressChange(){if(this.type==="linear"){this.setLinearDeterminateWidth()}else{this.setCircleDimensions()}}setIndicatorDimensions(){if(this.type==="circular"){const t=this.calculateWidth();if(this.outerElement&&t!==this.circularDiameter){this.circularLineWidth=t*.1;this.circularDiameter=t;this.outerElement.style.setProperty("--circular-line-width",`${this.circularLineWidth}px`)}this.setCircleDimensions()}else{this.setLinearDeterminateWidth()}}disconnectedCallback(){clearInterval(this.interval)}componentWillLoad(){this.updateLabel();this.el.setAttribute("exportparts","ic-loading-container")}componentDidLoad(){this.setIndicatorDimensions()}render(){const{circularDiameter:t,circularDimensions:{x:o,y:i,r:a,dashArray:e,dashOffset:c},description:s,fullWidth:d,indicatorLabel:u,innerLabel:b,label:l,max:h,min:m,monochrome:v,progress:p,size:g,theme:y,type:f}=this;return r(n,{key:"8f3a698fc177a9ff0c42efa2cb0d6fde7d09f2cb",class:{[`ic-theme-${y}`]:y!=="inherit","ic-loading-indicator-full-width":d,"ic-loading-indicator-label":!!l,"ic-loading-indicator-monochrome":v,[`ic-loading-indicator-size-${g}`]:true}},r("div",{key:"947ed45a2a33bb3efc98be184d144c7022a99341",class:"ic-loading-container",part:"ic-loading-container"},r("div",{key:"07cfd1daad6714aa3f0a9aa6639c62f07cd51319",ref:t=>this.outerElement=t,class:{[`ic-loading-${f}-outer`]:true,[p===undefined?"indeterminate":"determinate"]:true},role:"progressbar","aria-labelledby":l&&g!=="icon"&&"ic-loading-label","aria-label":s,"aria-valuenow":p,"aria-valuemin":m,"aria-valuemax":h},r("div",{key:"784dc31419e98ce922fc71941f22a063c26ab249",ref:t=>this.innerElement=t,class:{[`ic-loading-${f}-inner`]:true,"inner-label":!!b}},b&&g==="small"&&r("ic-typography",{key:"8f55830d3c41595cecfdfdb3630af8ad2b93fc1e",variant:"subtitle-small",class:"inner-text"},b),f==="circular"&&r("svg",{key:"5505faa38e257e69a988217685c9a466f622489b",class:"ic-loading-circular-svg",viewBox:`0 0 ${t} ${t}`},r("circle",{key:"c2f46bcb23d2af900f8b6dbfabb317172b3fdb22",cx:o,cy:i,r:a}),r("circle",{key:"f0d9f105bda3e40c78cba1a3a2986b31ccc0327a",style:{"--circular-steps-max":p?`${h}`:undefined,"--progress-value":p!==undefined?`${p}`:undefined,"--stroke-dasharray":e,"--stroke-dashoffset":c},cx:o,cy:i,r:a})))),l&&g!=="icon"&&r("ic-typography",{key:"15d34b2712a2961d2e1b8a63ab6f65a82fa68d67",id:"ic-loading-label",class:"ic-loading-label",role:"alert",variant:this.getLabelVariant()},r("p",{key:"25130595c4008fdd8acd8c47a6729d3aef5cf70c"},u))))}get el(){return a(this)}static get watchers(){return{label:["watchPropHandler"],max:["handleProgressChange"],min:["handleProgressChange"],progress:["handleProgressChange"],type:["setIndicatorDimensions"]}}};H.style=j;const D='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-tooltip){width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;--ic-tooltip-background:var(--ic-color-background-primary-dark);--ic-tooltip-text:var(--ic-color-text-primary-dark);--ic-tooltip-border:var(--ic-color-border-neutral-grey-light)}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-tooltip-background);text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-tooltip-border);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay);width:-moz-max-content;width:max-content}:host(.ic-tooltip) ic-typography{--ic-typography-color:var(--ic-tooltip-text)}:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed)) .ic-tooltip-container,:host(.tooltip-disabled) .ic-tooltip-container{display:none !important}:host(.tooltip-long-label-navigation-item-side-nav-expanded) .ic-tooltip-container[data-show]{display:block !important}:host(.ic-tooltip) .ic-tooltip-arrow,:host(.ic-tooltip) .ic-tooltip-arrow::before{position:absolute;background:inherit}:host(.ic-tooltip) .ic-tooltip-arrow{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-tooltip) .ic-tooltip-arrow::before{visibility:visible;content:"";border:var(--ic-border-width) solid var(--ic-tooltip-border);width:100%;height:100%}:host(.ic-tooltip) .ic-tooltip-container[data-show]{display:block}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow{height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip-on-dialog){display:inline-block}@media screen and (max-width: 576px){:host(.ic-tooltip) .ic-tooltip-container{max-width:18.875rem}}@media (forced-colors: active){:host(.ic-tooltip) .ic-tooltip-container,:host(.ic-tooltip) .ic-tooltip-arrow::before{border:var(--ic-border-hc)}}';const C=D;const O=class{constructor(o){t(this,o);this.delayedHideEvents=["mouseleave"];this.instantHideEvents=["focusout"];this.mouseOverTool=false;this.persistTooltip=false;this.showEvents=[!this.disableHover&&"mouseenter",!this.disableHover&&"focusin",!this.disableClick&&"click"];this.disableClick=false;this.disableHover=false;this.fixedPositioning=false;this.placement="bottom";this.silent=false;this.theme="inherit";this.popperProps={};this.show=()=>{if(this.label){this.toolTip.setAttribute("data-show","");if(this.dialogContentArea){this.el.classList.add("ic-tooltip-on-dialog")}this.popperInstance=g(this.el,this.toolTip,Object.assign({strategy:this.fixedPositioning?"fixed":"absolute",placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,10]}},{name:"arrow",options:{element:this.arrow}},{name:"eventListeners",options:{scroll:false,resize:false}},...this.dialogContentArea?[{name:"preventOverflow",options:{boundary:this.dialogContentArea,padding:8}},{name:"flip",options:{boundary:this.dialogContentArea}}]:[]]},this.popperProps))}else{console.warn(`Tooltip can't display without prop 'label' set`)}};this.hide=()=>{if(this.toolTip!==undefined){this.toolTip.removeAttribute("data-show");this.persistTooltip=false}if(this.popperInstance!==undefined){this.popperInstance.destroy()}};this.checkCloseTooltip=()=>{setTimeout((()=>{if(!this.mouseOverTool&&!this.persistTooltip){this.hide()}}),100)};this.mouseEnterTooltip=()=>{this.mouseOverTool=true};this.mouseLeaveTooltip=()=>{this.mouseOverTool=false;this.checkCloseTooltip()};this.handleKeyDown=t=>{if(t.key==="Escape"&&!this.persistTooltip){this.hide()}};this.manageEventListeners=t=>{const o=t==="add"?"addEventListener":"removeEventListener";this.showEvents.forEach((t=>{if(t){this.el[o](t,this.show);if(this.toolTip!==undefined){this.toolTip[o](t,this.mouseEnterTooltip)}}}));if(!this.persistTooltip){this.instantHideEvents.forEach((t=>{this.el[o](t,this.hide)}))}this.delayedHideEvents.forEach((t=>{this.el[o](t,this.checkCloseTooltip);if(this.toolTip!==undefined){this.toolTip[o](t,this.mouseLeaveTooltip)}}));document[o]("keydown",this.handleKeyDown)};this.updateTooltipEvents=()=>{this.manageEventListeners("remove");this.showEvents=[!this.disableHover&&"mouseenter",!this.disableHover&&"focusin",!this.disableClick&&"click"];this.manageEventListeners("add")}}watchDisableClickHandler(){if(this.disableClick){this.hide()}this.updateTooltipEvents()}watchDisableHoverHandler(){if(this.disableHover){this.hide()}this.updateTooltipEvents()}watchLabelHandler(){var t;if(((t=this.toolTip)===null||t===void 0?void 0:t.hasAttribute("data-show"))&&this.popperInstance){this.popperInstance.update()}}async setExternalPopperProps(t){this.popperProps=t}disconnectedCallback(){this.manageEventListeners("remove");if(this.popperInstance!==undefined){this.popperInstance.destroy()}}componentDidLoad(){var t,o;this.manageEventListeners("add");let i;if(this.el.getRootNode().host){i=this.el.getRootNode().host.closest("ic-dialog")}else{i=this.el.closest("ic-dialog")}this.dialogContentArea=(o=(t=i===null||i===void 0?void 0:i.shadowRoot)===null||t===void 0?void 0:t.querySelector(".content-area"))!==null&&o!==void 0?o:null;m([{prop:this.label,propName:"label"}],"Tooltip")}componentDidRender(){var t;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".ic-tooltip-container > ic-typography");this.maxLines&&this.maxLines>0&&(o===null||o===void 0?void 0:o.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`))}async displayTooltip(t,o){this.persistTooltip=!!o;t?this.show():this.hide()}async isTooltipVisible(){return Promise.resolve(this.toolTip.hasAttribute("data-show"))}render(){const{label:t,maxLines:o,silent:i,theme:a}=this;return r(n,{key:"c016954601c1f2ee45f8b64f396c405676fffadd",class:{"ic-tooltip":true,[`ic-theme-${a}`]:a!=="inherit"},"aria-label":v&&t},r("div",{key:"e18915501176e9a36ab957a20968cc82f9c95403",ref:t=>this.toolTip=t,role:"tooltip",class:"ic-tooltip-container","aria-hidden":`${i}`},r("ic-typography",{key:"50f11ad42d55d9c7598176d6169a3c82b5939b71",maxLines:o,variant:"caption"},t),r("div",{key:"47a01a05045f34a62e2c1724b60ce7f26ab7a086",ref:t=>this.arrow=t,class:"ic-tooltip-arrow"})),r("slot",{key:"0b850d553a3b7fd97776c419d76517a33e442d97"}))}get el(){return a(this)}static get watchers(){return{disableClick:["watchDisableClickHandler"],disableHover:["watchDisableHoverHandler"],label:["watchLabelHandler"]}}};O.style=C;export{z as ic_button,H as ic_loading_indicator,O as ic_tooltip};
-//# sourceMappingURL=p-34407b13.entry.js.map