@ukic/canary-web-components 3.0.0-canary.17 → 3.0.0-canary.19

package/dist/core/p-7e4f5717.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icToggleButtonCss","IcToggleButtonStyle0","TRACKED_ATTRIBUTES","ToggleButton","constructor","hostRef","this","checked","disabled","fullWidth","iconPlacement","loading","monochrome","size","theme","tooltipPlacement","variant","handleFocus","ev","stopImmediatePropagation","handleClick","icToggleChecked","emit","watchDisabledHandler","removeDisabledFalse","el","componentWillLoad","_a","isSlottedInGroup","parentAttributes","parentElement","attributes","i","length","attribute","getNamedItem","name","value","componentDidLoad","onComponentRequiredPropUndefined","prop","accessibleLabel","label","propName","handleHostClick","e","render","iconVariant","h","Host","key","class","onFocus","onClick","title","isSlotUsed","slot","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-toggle-button/ic-toggle-button.css?tag=ic-toggle-button&encapsulation=shadow","../web-components/dist/collection/components/ic-toggle-button/ic-toggle-button.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/* VARIABLES FOR IC-TOGGLE-BUTTON-GROUP */\n:host {\n  --toggle-button-border: var(--ic-toggle-button-unselected-border);\n  --toggle-button-text-colour: var(--ic-toggle-button-unselected-text);\n  --toggle-button-border-hover: var(--ic-toggle-button-unselected-border-hover);\n  --toggle-button-text-colour-hover: var(\n    --ic-toggle-button-unselected-text-hover\n  );\n  --toggle-button-border-active: var(\n    --ic-toggle-button-unselected-border-pressed\n  );\n  --toggle-button-text-colour-active: var(\n    --ic-toggle-button-unselected-text-pressed\n  );\n}\n\n:host(:not(.expand-toggle-group-child)) {\n  display: inline-block;\n  border-radius: var(--ic-border-radius);\n  border: var(--ic-border-width) solid var(--toggle-button-border);\n}\n\n:host(.ic-toggle-button-full-width:not(.expand-toggle-group-child)) {\n  width: 100%;\n}\n\n:host(.ic-toggle-button-checked) {\n  --toggle-button-border: var(--ic-toggle-button-selected-border);\n  --toggle-button-text-colour: var(--ic-toggle-button-selected-text);\n  --toggle-button-border-hover: var(--ic-toggle-button-selected-border-hover);\n  --toggle-button-text-colour-hover: var(--ic-toggle-button-selected-text);\n  --toggle-button-border-active: var(\n    --ic-toggle-button-selected-border-pressed\n  );\n  --toggle-button-text-colour-active: var(--ic-toggle-button-selected-text);\n}\n\n:host(.ic-toggle-button-monochrome) {\n  --toggle-button-border: var(--ic-toggle-button-unselected-border-monochrome);\n  --toggle-button-text-colour: var(\n    --ic-toggle-button-unselected-text-monochrome\n  );\n  --toggle-button-border-hover: var(\n    --ic-toggle-button-unselected-border-hover-monochrome\n  );\n  --toggle-button-text-colour-hover: var(\n    --ic-toggle-button-unselected-text-monochrome\n  );\n  --toggle-button-border-active: var(\n    --ic-toggle-button-unselected-border-pressed-monochrome\n  );\n  --toggle-button-text-colour-active: var(\n    --ic-toggle-button-unselected-text-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) {\n  --toggle-button-border: var(--ic-toggle-button-selected-border-monochrome);\n  --toggle-button-text-colour: var(--ic-toggle-button-selected-text-monochrome);\n  --toggle-button-border-hover: var(\n    --ic-toggle-button-selected-border-hover-monochrome\n  );\n  --toggle-button-text-colour-hover: var(\n    --ic-toggle-button-selected-text-monochrome\n  );\n  --toggle-button-border-active: var(\n    --ic-toggle-button-selected-border-pressed-monochrome\n  );\n  --toggle-button-text-colour-active: var(\n    --ic-toggle-button-selected-text-monochrome\n  );\n}\n\n:host(.ic-toggle-button-disabled) {\n  --toggle-button-border: var(--ic-toggle-button-unselected-border-disabled);\n  --toggle-button-text-colour: var(--ic-toggle-button-unselected-text-disabled);\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-monochrome) {\n  --toggle-button-border: var(\n    --ic-toggle-button-unselected-border-disabled-monochrome\n  );\n  --toggle-button-text-colour: var(\n    --ic-toggle-button-unselected-text-disabled-monochrome\n  );\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked) {\n  --toggle-button-border: var(--ic-toggle-button-selected-border-disabled);\n  --toggle-button-text-colour: var(--ic-toggle-button-selected-text-disabled);\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) {\n  --toggle-button-border: var(\n    --ic-toggle-button-selected-border-disabled-monochrome\n  );\n  --toggle-button-text-colour: var(\n    --ic-toggle-button-selected-text-disabled-monochrome\n  );\n}\n\n:host(.expand-toggle-group-child) ::part(button) {\n  width: 100%;\n}\n\n:host(.expand-toggle-group-child:not(.ic-toggle-button-loading))\n  ::part(button) {\n  min-height: inherit;\n  height: auto;\n}\n\n:host ic-button {\n  --icon-width: var(--ic-space-lg);\n  --icon-height: var(--ic-space-lg);\n}\n\n:host(.expand-toggle-group-child) ic-button {\n  min-width: 100%;\n  min-height: 100%;\n  height: 100%;\n}\n\n:host(.expand-toggle-group-child) ::part(button):focus,\n:host(.expand-toggle-group-child.ic-toggle-button-checked)\n  ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n    var(--ic-border-focus);\n}\n\n:host(.expand-toggle-group-child.ic-toggle-button-light) ::part(button):focus,\n:host(.expand-toggle-group-child.ic-toggle-button-dark) ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-monochrome-dark),\n    var(--ic-border-focus);\n}\n\n:host(:focus) {\n  z-index: 1;\n}\n\n:host ::part(button) {\n  border: none;\n  color: var(--toggle-button-text-colour);\n}\n\n:host ::part(button):hover {\n  color: var(--toggle-button-text-colour-hover);\n  background-color: var(--ic-toggle-button-unselected-background-hover);\n}\n\n:host ::part(button):active {\n  color: var(--toggle-button-text-colour-active);\n  background-color: var(--ic-toggle-button-unselected-background-pressed);\n}\n\n:host ::part(button):focus {\n  border: var(--ic-border-width) solid var(--toggle-button-border);\n}\n\n:host ::part(button):hover:focus {\n  border: var(--ic-border-width) solid var(--toggle-button-border-hover);\n}\n\n:host ::part(button):active:focus {\n  border: var(--ic-border-width) solid var(--toggle-button-border-active);\n}\n\n:host(.ic-toggle-button-disabled) ::part(button) {\n  color: var(--toggle-button-text-colour);\n}\n\n:host(:not(.expand-toggle-group-child)):has(ic-button:hover) {\n  border: var(--ic-border-width) solid var(--toggle-button-border-hover);\n}\n\n:host(:not(.expand-toggle-group-child)):has(ic-button:active) {\n  border: var(--ic-border-width) solid var(--toggle-button-border-active);\n}\n\n:host(:not(.expand-toggle-group-child).ic-toggle-button-disabled) {\n  border: var(--ic-border-width) dashed var(--toggle-button-border);\n}\n\n:host(.ic-toggle-button-checked) ::part(button) {\n  background-color: var(--ic-toggle-button-selected-background);\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs)\n    var(--ic-toggle-button-selected-text);\n}\n\n:host(.ic-toggle-button-checked) ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs)\n      var(--ic-toggle-button-selected-border-focus),\n    var(--ic-border-focus);\n}\n\n:host(.ic-toggle-button-checked) ::part(button):hover {\n  background-color: var(--ic-toggle-button-selected-background-hover);\n}\n\n:host(.ic-toggle-button-checked) ::part(button):active,\n:host(.ic-toggle-button-icon.ic-toggle-button-checked) ::part(button):active {\n  background-color: var(--ic-toggle-button-selected-background-pressed);\n}\n\n:host(.ic-toggle-button-monochrome) ::part(button):hover {\n  background-color: var(\n    --ic-toggle-button-unselected-background-hover-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome) ::part(button):active {\n  background-color: var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button) {\n  background-color: var(--ic-toggle-button-selected-background-monochrome);\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):hover {\n  background-color: var(\n    --ic-toggle-button-selected-background-hover-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):active,\n:host(.ic-toggle-button-icon.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):active {\n  background-color: var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs)\n      var(--ic-toggle-button-selected-text),\n    var(--ic-border-focus);\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked)\n  ::part(button) {\n  background-color: transparent;\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked)\n  ::part(button)::before {\n  background-image: radial-gradient(\n    var(--ic-toggle-button-selected-background-disabled) 95%,\n    white 20%\n  );\n  background-repeat: no-repeat;\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome)\n  ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome)\n  ::part(button)::before {\n  background-image: radial-gradient(\n    var(--ic-toggle-button-selected-background-disabled-monochrome) 95%,\n    white 20%\n  );\n  background-repeat: no-repeat;\n}\n\n:host(.ic-toggle-button-icon) ::part(button) {\n  height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  width: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n:host(.ic-toggle-button-icon) ::part(button):active {\n  background-color: var(--ic-action-default-bg-pressed);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-dark) ::part(button):active {\n  background-color: var(--ic-action-dark-bg-pressed);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-light) ::part(button):active {\n  background-color: var(--ic-action-light-bg-pressed);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-small) ::part(button) {\n  height: var(--ic-space-xl);\n  width: var(--ic-space-xl);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-large) ::part(button) {\n  height: var(--ic-space-xxl);\n  width: var(--ic-space-xxl);\n}\n\n:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-selected-background-pressed\n  );\n\n  background-color: var(--ic-toggle-button-selected-background-pressed);\n}\n\n:host(.ic-toggle-button-loading) ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-unselected-background-pressed\n  );\n\n  background-color: var(--ic-toggle-button-unselected-background-pressed);\n}\n\n:host(.ic-toggle-button-checked.ic-toggle-button-loading)\n  ::part(ic-loading-container) {\n  --inner-color: var(--ic-toggle-button-loading-bar);\n}\n\n:host(.ic-toggle-button-loading) ::part(ic-loading-container) {\n  --inner-color: var(--ic-toggle-button-selected-loading-bar);\n}\n\n:host(.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-monochrome)\n  ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );\n\n  background-color: var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );\n}\n\n:host(.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );\n\n  background-color: var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );\n}\n\n@media (forced-colors: active) {\n  :host(.ic-toggle-button-checked) ::part(button),\n  :host(.ic-toggle-button-checked) ::part(button):hover {\n    background-color: Highlight;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button),\n  :host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button):hover {\n    background-color: Highlight;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button),\n  :host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button):hover {\n    background-color: Highlight;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-disabled) ::part(button) {\n    background-color: GrayText;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button),\n  :host(.ic-toggle-button-checked.ic-toggle-button-loading)\n    ::part(button):hover {\n    --loading-button-background: Highlight;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, removeDisabledFalse, isSlottedInGroup, } from \"../../utils/helpers\";\nconst TRACKED_ATTRIBUTES = [\n    \"loading\",\n    \"disabled\",\n    \"full-width\",\n    \"icon-placement\",\n    \"variant\",\n    \"size\",\n    \"theme\",\n    \"monochrome\",\n];\n/**\n * @slot icon - Content will be displayed alongside the toggle button label.\n * @slot badge - Badge component overlaying the top right of the toggle button.\n */\nexport class ToggleButton {\n    constructor() {\n        /**\n         * If `true`, the toggle button will be in a checked state.\n         */\n        this.checked = false;\n        /**\n         * If `true`, the toggle button will be in disabled state.\n         */\n        this.disabled = false;\n        /**\n         * If `true`, the toggle button will fill the width of the container.\n         */\n        this.fullWidth = false;\n        /**\n         * The placement of the icon in relation to the toggle button label.\n         */\n        this.iconPlacement = \"left\";\n        /**\n         * If `true`, the toggle button will be in loading state.\n         */\n        this.loading = false;\n        /**\n         * If `true`, the toggle button will display as black in the light theme, and white in dark theme.\n         */\n        this.monochrome = false;\n        /**\n         * The size of the toggle button to be displayed.\n         */\n        this.size = \"medium\";\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * The position of the tooltip in relation to the toggle button.\n         */\n        this.tooltipPlacement = \"bottom\";\n        /**\n         * The variant of the toggle button.\n         */\n        this.variant = \"default\";\n        this.handleFocus = (ev) => {\n            ev.stopImmediatePropagation();\n        };\n        this.handleClick = () => {\n            if (!this.loading && !this.disabled) {\n                this.icToggleChecked.emit({\n                    checked: this.checked,\n                });\n            }\n        };\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentWillLoad() {\n        var _a;\n        removeDisabledFalse(this.disabled, this.el);\n        if (!isSlottedInGroup(this.el))\n            return;\n        const parentAttributes = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.attributes;\n        if (!parentAttributes)\n            return;\n        for (let i = 0; i < TRACKED_ATTRIBUTES.length; i++) {\n            const attribute = parentAttributes.getNamedItem(TRACKED_ATTRIBUTES[i]);\n            if (!attribute)\n                continue;\n            switch (attribute.name) {\n                case TRACKED_ATTRIBUTES[0]:\n                    this.loading = attribute.value !== \"false\";\n                    break;\n                case TRACKED_ATTRIBUTES[1]:\n                    this.disabled = attribute.value !== \"false\";\n                    break;\n                case TRACKED_ATTRIBUTES[2]:\n                    this.fullWidth = attribute.value !== \"false\";\n                    break;\n                case TRACKED_ATTRIBUTES[3]:\n                    this.iconPlacement = attribute.value;\n                    break;\n                case TRACKED_ATTRIBUTES[4]:\n                    this.variant = attribute.value;\n                    break;\n                case TRACKED_ATTRIBUTES[5]:\n                    this.size = attribute.value;\n                    break;\n                case TRACKED_ATTRIBUTES[6]:\n                    this.theme = attribute.value;\n                    break;\n                case TRACKED_ATTRIBUTES[7]:\n                    this.monochrome = attribute.value !== \"false\";\n                    break;\n            }\n        }\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([\n            {\n                prop: this.variant === \"icon\" ? this.accessibleLabel : this.label,\n                propName: this.variant === \"icon\" ? \"accessible-label\" : \"label\",\n            },\n        ], \"Toggle button\");\n    }\n    handleHostClick(e) {\n        if (this.disabled) {\n            e.stopImmediatePropagation();\n        }\n        else if (!this.loading) {\n            this.checked = !this.checked;\n        }\n    }\n    render() {\n        const { accessibleLabel, checked, disabled, fullWidth, iconPlacement, monochrome, label, loading, size, theme, tooltipPlacement, variant, } = this;\n        const iconVariant = variant === \"icon\";\n        return (h(Host, { key: 'e34299dc13ff4f36657b4fea7c88d5d478fa85c1', class: {\n                \"ic-toggle-button-checked\": checked,\n                \"ic-toggle-button-disabled\": disabled,\n                \"ic-toggle-button-icon\": iconVariant,\n                \"ic-toggle-button-loading\": loading,\n                \"ic-toggle-button-monochrome\": monochrome,\n                \"ic-toggle-button-full-width\": fullWidth,\n                [`ic-toggle-button-${size}`]: true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, onFocus: this.handleFocus }, h(\"ic-button\", { key: '9f6f52717db592139175316c88a781eaa98adb65', \"aria-pressed\": `${checked}`, variant: iconVariant ? \"icon\" : \"secondary\", onClick: this.handleClick, title: accessibleLabel, \"aria-label\": `${accessibleLabel ? accessibleLabel : label}, ${checked ? \"ticked\" : \"unticked\"}`, disabled: disabled, size: size, fullWidth: fullWidth, loading: loading, tooltipPlacement: tooltipPlacement }, !iconVariant && label, h(\"slot\", { key: 'c180d619e44820ba7a0f597070f0cea2d26a4830' }), isSlotUsed(this.el, \"icon\") && (h(\"slot\", { key: 'b2a2545a6b0ed44a7911da313306ed6de84c7862', name: \"icon\", slot: `${iconPlacement}-icon` })), isSlotUsed(this.el, \"badge\") && (h(\"slot\", { key: 'c7de6d7eb51d0f444ede14995f708ffcd42174a1', name: \"badge\", slot: \"badge\" })))));\n    }\n    static get is() { return \"ic-toggle-button\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-toggle-button.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-toggle-button.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"accessibleLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The accessible label that will be applied to the toggle button. This is required for the icon variant of toggle buttons.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"accessible-label\",\n                \"reflect\": false\n            },\n            \"checked\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button will be in a checked state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"checked\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button will be in disabled state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button will fill the width of the container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"iconPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcIconPlacementOptions\",\n                    \"resolved\": \"\\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"references\": {\n                        \"IcIconPlacementOptions\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcIconPlacementOptions\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The placement of the icon in relation to the toggle button label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"icon-placement\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label to display in the toggle button. This is required for the default variant of toggle buttons.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"loading\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button will be in loading state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"loading\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button will display as black in the light theme, and white in dark theme.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the toggle button to be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"tooltipPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcButtonTooltipPlacement\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"references\": {\n                        \"IcButtonTooltipPlacement\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcButtonTooltipPlacement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The position of the tooltip in relation to the toggle button.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"tooltip-placement\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"bottom\\\"\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"\\\"default\\\" | \\\"icon\\\"\",\n                    \"resolved\": \"\\\"default\\\" | \\\"icon\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the toggle button.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icToggleChecked\",\n                \"name\": \"icToggleChecked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the user clicks a toggle button.\"\n                },\n                \"complexType\": {\n                    \"original\": \"{\\n    checked: boolean;\\n  }\",\n                    \"resolved\": \"{ checked: boolean; }\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"handleHostClick\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-toggle-button.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-5aab7bb1.entry.js → p-7eaa223b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as a,h as i,H as e,g as s}from"./p-8e4e97b4.js";import{J as o,M as n,i as c}from"./p-bdbd185c.js";const r=":host{display:block;position:fixed;top:0;left:0;width:100%;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-navigation-menu)}.popout-modal{position:absolute;inset:0}.popout-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-top-navigation-menu-background);color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);box-shadow:var(--ic-elevation-overlay);overflow-y:auto;overflow-x:hidden}:host(.inline) .popout-menu{position:absolute}.menu-close-button-container{position:relative;left:11.875rem;padding:var(--ic-space-md) 0}.nav-group-first{padding-bottom:0}.menu-buttons-container{padding:var(--ic-space-sm) 0;border-bottom:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-buttons-container-nav-item-above{margin-top:var(--ic-space-md);border-top:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-status-version-container{display:flex;flex-wrap:wrap;gap:var(--ic-space-xs);padding:var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl)}.status-version-no-buttons{border-top:var(--ic-space-1px) solid var(--ic-architectural-200)}.menu-status{background-color:var(--ic-status-tag-neutral);--ic-typography-color:var(--ic-color-text-inverted);border-radius:var(--ic-space-md);width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-version{border-radius:var(--ic-space-md);background-color:var(--ic-status-tag-outlined-background-neutral-contrast);--ic-typography-color:var(--ic-color-text-primary-light);padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-status-text,.menu-version-text{overflow-wrap:break-word}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}";const d=r;const l="IC-NAVIGATION-GROUP";const h="IC-NAVIGATION-ITEM";const u=class{constructor(i){t(this,i);this.icNavigationMenuClose=a(this,"icNavigationMenuClose",7);this.hasButtons=false;this.hasNavigation=false;this.lastTabStop=null;this.navGroupFirst=false;this.navItemAboveButtons=false;this.status="";this.theme="inherit";this.version="";this.setLastTabStop=t=>{let a=this.navigationEls[this.navigationEls.length-1];if(a.tagName===l&&t){const t=a.children;a=t[t.length-1]}if(a.tagName===h){const t=o(a,"navigation-item");if(t!==null){a=t}}this.lastTabStop=a};this.closeMenu=()=>{this.icNavigationMenuClose.emit()};this.focusCloseButton=()=>{var t;(t=this.closeButton)===null||t===void 0?void 0:t.focus()};this.focusLastTabStop=()=>{let t;if(this.lastTabStop!==null){switch(this.lastTabStop.tagName){case"IC-NAVIGATION-BUTTON":case h:case l:t=this.lastTabStop;t.focus();break;case"A":this.lastTabStop.focus();break}}}}componentWillLoad(){this.navBarEl=document.querySelector("ic-top-navigation");this.navigationEls=n(this.el,"navigation");if(this.navigationEls){this.hasNavigation=true;const t=this.navigationEls[this.navigationEls.length-1];if(t.tagName===h){this.navItemAboveButtons=true}else if(t.tagName===l){t.addEventListener("navigationGroupExpanded",(t=>{this.setLastTabStop(t.detail.expanded)}))}const a=this.navigationEls[0];if(a.tagName===l){this.navGroupFirst=true}}const t=n(this.el,"buttons");if(t!==null){this.hasButtons=true;this.lastTabStop=t[t.length-1]}else{if(this.hasNavigation&&this.navigationEls){this.setLastTabStop(false)}}}componentDidLoad(){this.focusCloseButton()}componentWillRender(){this.hasNavigation=c(this.el,"navigation");this.hasButtons=c(this.el,"buttons")}navItemClickHandler(){this.closeMenu()}handleKeyDown(t){if(t.key==="Tab"){if(t.shiftKey){if(document.activeElement===this.navBarEl){t.preventDefault();this.focusLastTabStop()}}else if(document.activeElement===this.lastTabStop||this.lastTabStop===null){t.preventDefault();this.focusCloseButton()}}else if(t.key==="Escape"){this.closeMenu()}}render(){return i(e,{key:"014ea44313b883bfaaf9065f6d89498f9df21733",class:{[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("div",{key:"ee3938e3c0b6735b6a4a07659c90ef27187fa1e4",class:"popout-modal",onClick:this.closeMenu}),i("div",{key:"5da2b8cceb0e1ecf07318786e845f51982412f77",class:"popout-menu",role:"dialog","aria-modal":"true","aria-label":`${this.hasNavigation?"Navigation":"App"} menu`},i("span",{key:"f0bfe134474bfe3626435479d1ff8eed6b7f7e32","aria-hidden":"true",id:"navigation-landmark-text",class:"navigation-landmark-text"},"Main navigation"),i("nav",{key:"4fecfb422a3c3ae8e5e6ee5d094dc4eeb434184c","aria-labelledby":"navigation-landmark-text","aria-hidden":this.hasNavigation?"false":"true"},i("div",{key:"85df1783fe82ff9fb32e2f4298ee8a6397115bef",class:{["menu-close-button-container"]:true,["nav-group-first"]:this.navGroupFirst}},i("ic-button",{key:"380deead3a65fb4939a9492d551268d14d7fbd27",ref:t=>this.closeButton=t,id:"menu-close-button",class:"menu-close-button",variant:"icon",size:"large","aria-label":`Close ${this.hasNavigation?"navigation":"app"} menu`,onClick:this.closeMenu},i("svg",{key:"4e578ab0ee137862af9f4ffdf78ae1c7b08de86a",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"7887b97ed148bfe509f14f1cc423f7a130478c0f",d:"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"})))),this.hasNavigation&&i("slot",{key:"db56de53e2ae1ad8634b149e516f3188ac79c581",name:"navigation"})),this.hasButtons&&i("div",{key:"7646939cd70c65413496a2099c1194c74cf4af3d",class:{["menu-buttons-container"]:true,["menu-buttons-container-nav-item-above"]:this.navItemAboveButtons}},i("slot",{key:"174fe432ca35e1e0216a1ba3cca08be0b4a91572",name:"buttons"})),(this.status!==""||this.version!=="")&&i("div",{key:"a166c03cd59f61948a9cd3cf88d257db67a42168",class:{["menu-status-version-container"]:true,["status-version-no-buttons"]:!this.hasButtons}},this.status!==""&&i("div",{key:"3076d6444e9f45c5750f1e5ed0c17db17b87131e",class:"menu-status"},i("ic-typography",{key:"52d9cf255f19c52f3a849ada45894a0a4a65015d",variant:"label-uppercase","aria-label":"app tag",class:"menu-status-text"},this.status)),this.version!==""&&i("div",{key:"807675f031d49ce1758e4adff0d5e675784d842b",class:"menu-version"},i("ic-typography",{key:"be5a3faff40a36881d693a93e49205328f3743a6",variant:"label",class:"menu-version-text","aria-label":"app version"},this.version)))))}get el(){return s(this)}};u.style=d;export{u as ic_navigation_menu};
-//# sourceMappingURL=p-5aab7bb1.entry.js.map
+import{r as a,c as t,h as i,H as e,g as s}from"./p-8e4e97b4.js";import{J as o,M as n,i as c}from"./p-eca2fea1.js";const r=":host{display:block;position:fixed;top:0;left:0;width:100%;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-navigation-menu)}.popout-modal{position:absolute;inset:0}.popout-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-top-navigation-menu-background);color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);box-shadow:var(--ic-elevation-overlay);overflow-y:auto;overflow-x:hidden}:host(.inline) .popout-menu{position:absolute}.menu-close-button-container{position:relative;left:11.875rem;padding:var(--ic-space-md) 0}.nav-group-first{padding-bottom:0}.menu-buttons-container{padding:var(--ic-space-sm) 0;border-bottom:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-buttons-container-nav-item-above{margin-top:var(--ic-space-md);border-top:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-status-version-container{display:flex;flex-wrap:wrap;gap:var(--ic-space-xs);padding:var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl)}.status-version-no-buttons{border-top:var(--ic-space-1px) solid var(--ic-architectural-200)}.menu-status{background-color:var(--ic-status-tag-neutral);--ic-typography-color:var(--ic-color-text-inverted);border-radius:var(--ic-space-md);width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-version{border-radius:var(--ic-space-md);background-color:var(--ic-status-tag-outlined-background-neutral-contrast);--ic-typography-color:var(--ic-color-text-primary-light);padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-status-text,.menu-version-text{overflow-wrap:break-word}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}";const d=r;const l="IC-NAVIGATION-GROUP";const h="IC-NAVIGATION-ITEM";const u=class{constructor(i){a(this,i);this.icNavigationMenuClose=t(this,"icNavigationMenuClose",7);this.hasButtons=false;this.hasNavigation=false;this.lastTabStop=null;this.navGroupFirst=false;this.navItemAboveButtons=false;this.status="";this.theme="inherit";this.version="";this.setLastTabStop=a=>{let t=this.navigationEls[this.navigationEls.length-1];if(t.tagName===l&&a){const a=t.children;t=a[a.length-1]}if(t.tagName===h){const a=o(t,"navigation-item");if(a!==null){t=a}}this.lastTabStop=t};this.closeMenu=()=>{this.icNavigationMenuClose.emit()};this.focusCloseButton=()=>{var a;(a=this.closeButton)===null||a===void 0?void 0:a.focus()};this.focusLastTabStop=()=>{let a;if(this.lastTabStop!==null){switch(this.lastTabStop.tagName){case"IC-NAVIGATION-BUTTON":case h:case l:a=this.lastTabStop;a.focus();break;case"A":this.lastTabStop.focus();break}}}}componentWillLoad(){this.navBarEl=document.querySelector("ic-top-navigation");this.navigationEls=n(this.el,"navigation");if(this.navigationEls){this.hasNavigation=true;const a=this.navigationEls[this.navigationEls.length-1];if(a.tagName===h){this.navItemAboveButtons=true}else if(a.tagName===l){a.addEventListener("navigationGroupExpanded",(a=>{this.setLastTabStop(a.detail.expanded)}))}const t=this.navigationEls[0];if(t.tagName===l){this.navGroupFirst=true}}const a=n(this.el,"buttons");if(a!==null){this.hasButtons=true;this.lastTabStop=a[a.length-1]}else{if(this.hasNavigation&&this.navigationEls){this.setLastTabStop(false)}}}componentDidLoad(){this.focusCloseButton()}componentWillRender(){this.hasNavigation=c(this.el,"navigation");this.hasButtons=c(this.el,"buttons")}navItemClickHandler(){this.closeMenu()}handleKeyDown(a){if(a.key==="Tab"){if(a.shiftKey){if(document.activeElement===this.navBarEl){a.preventDefault();this.focusLastTabStop()}}else if(document.activeElement===this.lastTabStop||this.lastTabStop===null){a.preventDefault();this.focusCloseButton()}}else if(a.key==="Escape"){this.closeMenu()}}render(){return i(e,{key:"d37a801a1b4c312fb3d1e301150ce4b731b8e378",class:{[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("div",{key:"e243034b5ec260c946217f411c4c0c56773a3ff0",class:"popout-modal",onClick:this.closeMenu}),i("div",{key:"3958153a358974fa0ba7260f985ca48bbe010a5d",class:"popout-menu",role:"dialog","aria-modal":"true","aria-label":`${this.hasNavigation?"Navigation":"App"} menu`},i("span",{key:"ec3a59243f6fe8bc839f09cf6cb23013f1258cc0","aria-hidden":"true",id:"navigation-landmark-text",class:"navigation-landmark-text"},"Main navigation"),i("nav",{key:"f0fe76cf4eeec54e3382344abec7fe80b6ab5ba5","aria-labelledby":"navigation-landmark-text","aria-hidden":this.hasNavigation?"false":"true"},i("div",{key:"246f1b43500b11e0ec9b133030c79f140b5aacd3",class:{["menu-close-button-container"]:true,["nav-group-first"]:this.navGroupFirst}},i("ic-button",{key:"c836f86ad0ca67841cca01b8a6717d78982163ed",ref:a=>this.closeButton=a,id:"menu-close-button",class:"menu-close-button",variant:"icon",size:"large","aria-label":`Close ${this.hasNavigation?"navigation":"app"} menu`,onClick:this.closeMenu},i("svg",{key:"d7524666b3f08ed7ab9ece6b33843fab72e521d7",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"d659007ab35980d78395c7acbc2a34f333108d68",d:"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"})))),this.hasNavigation&&i("slot",{key:"4067b296fb1eade8a35e62340be0b682faeebf0c",name:"navigation"})),this.hasButtons&&i("div",{key:"6020b1dea12858619b1c4e42a9c28829ce9d926b",class:{["menu-buttons-container"]:true,["menu-buttons-container-nav-item-above"]:this.navItemAboveButtons}},i("slot",{key:"751e587cc503a8db8a668a8ca2335da12893e459",name:"buttons"})),(this.status!==""||this.version!=="")&&i("div",{key:"e368dacc5061176d89f726b891cc5cc2f3913b9d",class:{["menu-status-version-container"]:true,["status-version-no-buttons"]:!this.hasButtons}},this.status!==""&&i("div",{key:"7745d4b718c9644598220a5625a260995d195ce1",class:"menu-status"},i("ic-typography",{key:"448b1a0d774fd9ffda795969c2184539e6d13ee3",variant:"label-uppercase","aria-label":"app tag",class:"menu-status-text"},this.status)),this.version!==""&&i("div",{key:"79a7a1467b334acf390661808a7c0eb9bbedcd6e",class:"menu-version"},i("ic-typography",{key:"87cc4741151c42401646094fb3ae20bc6efbc54d",variant:"label",class:"menu-version-text","aria-label":"app version"},this.version)))))}get el(){return s(this)}};u.style=d;export{u as ic_navigation_menu};
+//# sourceMappingURL=p-7eaa223b.entry.js.map

package/dist/core/{p-5aab7bb1.entry.js.map → p-7eaa223b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icNavigationMenuCss","IcNavigationMenuStyle0","NAV_GROUP_TAG","NAV_ITEM_TAG","NavigationMenu","constructor","hostRef","this","hasButtons","hasNavigation","lastTabStop","navGroupFirst","navItemAboveButtons","status","theme","version","setLastTabStop","lastNavGroupExpanded","lastEl","navigationEls","length","tagName","childNavItems","children","slotContent","getSlot","closeMenu","icNavigationMenuClose","emit","focusCloseButton","_a","closeButton","focus","focusLastTabStop","focusEl","componentWillLoad","navBarEl","document","querySelector","getSlotContent","el","addEventListener","event","detail","expanded","firstEl","buttonContent","componentDidLoad","componentWillRender","isSlotUsed","navItemClickHandler","handleKeyDown","ev","key","shiftKey","activeElement","preventDefault","render","h","Host","class","onClick","role","id","ref","variant","size","width","height","viewBox","fill","xmlns","d","name"],"sources":["../web-components/dist/collection/components/ic-navigation-menu/ic-navigation-menu.css?tag=ic-navigation-menu&encapsulation=shadow","../web-components/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js"],"sourcesContent":["/**\n * @prop --ic-z-index-navigation-menu: z-index of navigation menu\n */\n\n:host {\n  display: block;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  min-height: 100% !important;\n  background: rgb(0 0 0 / 60%);\n  z-index: var(--ic-z-index-navigation-menu);\n}\n\n.popout-modal {\n  position: absolute;\n  inset: 0;\n}\n\n.popout-menu {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 16rem;\n  bottom: 0;\n  background-color: var(--ic-top-navigation-menu-background);\n  color: var(--ic-top-navigation-nav-item);\n\n  --ic-typography-color: var(--ic-top-navigation-nav-item);\n\n  box-shadow: var(--ic-elevation-overlay);\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n:host(.inline) .popout-menu {\n  position: absolute;\n}\n\n.menu-close-button-container {\n  position: relative;\n  left: 11.875rem;\n  padding: var(--ic-space-md) 0;\n}\n\n.nav-group-first {\n  padding-bottom: 0;\n}\n\n.menu-buttons-container {\n  padding: var(--ic-space-sm) 0;\n  border-bottom: var(--ic-border-width) solid var(--ic-architectural-200);\n}\n\n.menu-buttons-container-nav-item-above {\n  margin-top: var(--ic-space-md);\n  border-top: var(--ic-border-width) solid var(--ic-architectural-200);\n}\n\n.menu-status-version-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--ic-space-xs);\n  padding: var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl);\n}\n\n.status-version-no-buttons {\n  border-top: var(--ic-space-1px) solid var(--ic-architectural-200);\n}\n\n.menu-status {\n  background-color: var(--ic-status-tag-neutral);\n\n  --ic-typography-color: var(--ic-color-text-inverted);\n\n  border-radius: var(--ic-space-md);\n  width: -moz-fit-content;\n  width: fit-content;\n  padding: var(--ic-space-xxs) var(--ic-space-sm);\n}\n\n.menu-version {\n  border-radius: var(--ic-space-md);\n  background-color: var(--ic-status-tag-outlined-background-neutral-contrast);\n\n  --ic-typography-color: var(--ic-color-text-primary-light);\n\n  padding: var(--ic-space-xxs) var(--ic-space-sm);\n}\n\n.menu-status-text,\n.menu-version-text {\n  overflow-wrap: break-word;\n}\n\n.navigation-landmark-text {\n  position: absolute;\n  width: var(--ic-space-1px);\n  height: var(--ic-space-1px);\n  padding: 0;\n  margin: calc(-1 * var(--ic-space-1px));\n  overflow: hidden;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getSlot, getSlotContent, isSlotUsed } from \"../../utils/helpers\";\nconst NAV_GROUP_TAG = \"IC-NAVIGATION-GROUP\";\nconst NAV_ITEM_TAG = \"IC-NAVIGATION-ITEM\";\n/**\n * @slot navigation - Content will be rendered at top of panel.\n * @slot buttons - Content will be rendered above version info and below navigation.\n */\nexport class NavigationMenu {\n    constructor() {\n        this.hasButtons = false;\n        this.hasNavigation = false;\n        this.lastTabStop = null;\n        this.navGroupFirst = false;\n        this.navItemAboveButtons = false;\n        /**\n         * The status info to display.\n         */\n        this.status = \"\";\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * The version info to display.\n         */\n        this.version = \"\";\n        this.setLastTabStop = (lastNavGroupExpanded) => {\n            let lastEl = this.navigationEls[this.navigationEls.length - 1];\n            if (lastEl.tagName === NAV_GROUP_TAG && lastNavGroupExpanded) {\n                const childNavItems = lastEl.children;\n                lastEl = childNavItems[childNavItems.length - 1];\n            }\n            if (lastEl.tagName === NAV_ITEM_TAG) {\n                //check for slotted content i.e. react router link\n                const slotContent = getSlot(lastEl, \"navigation-item\");\n                if (slotContent !== null) {\n                    lastEl = slotContent;\n                }\n            }\n            this.lastTabStop = lastEl;\n        };\n        this.closeMenu = () => {\n            this.icNavigationMenuClose.emit();\n        };\n        this.focusCloseButton = () => {\n            var _a;\n            (_a = this.closeButton) === null || _a === void 0 ? void 0 : _a.focus();\n        };\n        this.focusLastTabStop = () => {\n            let focusEl;\n            if (this.lastTabStop !== null) {\n                switch (this.lastTabStop.tagName) {\n                    case \"IC-NAVIGATION-BUTTON\":\n                    case NAV_ITEM_TAG:\n                    case NAV_GROUP_TAG:\n                        focusEl = this.lastTabStop;\n                        focusEl.focus();\n                        break;\n                    case \"A\":\n                        this.lastTabStop.focus();\n                        break;\n                }\n            }\n        };\n    }\n    componentWillLoad() {\n        this.navBarEl = document.querySelector(\"ic-top-navigation\");\n        this.navigationEls = getSlotContent(this.el, \"navigation\");\n        if (this.navigationEls) {\n            this.hasNavigation = true;\n            const lastEl = this.navigationEls[this.navigationEls.length - 1];\n            if (lastEl.tagName === NAV_ITEM_TAG) {\n                this.navItemAboveButtons = true;\n            }\n            else if (lastEl.tagName === NAV_GROUP_TAG) {\n                lastEl.addEventListener(\"navigationGroupExpanded\", ((event) => {\n                    this.setLastTabStop(event.detail.expanded);\n                }));\n            }\n            const firstEl = this.navigationEls[0];\n            if (firstEl.tagName === NAV_GROUP_TAG) {\n                this.navGroupFirst = true;\n            }\n        }\n        const buttonContent = getSlotContent(this.el, \"buttons\");\n        if (buttonContent !== null) {\n            this.hasButtons = true;\n            this.lastTabStop = buttonContent[buttonContent.length - 1];\n        }\n        else {\n            if (this.hasNavigation && this.navigationEls) {\n                this.setLastTabStop(false);\n            }\n        }\n    }\n    componentDidLoad() {\n        this.focusCloseButton();\n    }\n    componentWillRender() {\n        this.hasNavigation = isSlotUsed(this.el, \"navigation\");\n        this.hasButtons = isSlotUsed(this.el, \"buttons\");\n    }\n    navItemClickHandler() {\n        this.closeMenu();\n    }\n    handleKeyDown(ev) {\n        if (ev.key === \"Tab\") {\n            if (ev.shiftKey) {\n                if (document.activeElement === this.navBarEl) {\n                    ev.preventDefault();\n                    this.focusLastTabStop();\n                }\n            }\n            else if (document.activeElement === this.lastTabStop ||\n                this.lastTabStop === null) {\n                ev.preventDefault();\n                this.focusCloseButton();\n            }\n        }\n        else if (ev.key === \"Escape\") {\n            this.closeMenu();\n        }\n    }\n    render() {\n        return (h(Host, { key: '014ea44313b883bfaaf9065f6d89498f9df21733', class: { [`ic-theme-${this.theme}`]: this.theme !== \"inherit\" } }, h(\"div\", { key: 'ee3938e3c0b6735b6a4a07659c90ef27187fa1e4', class: \"popout-modal\", onClick: this.closeMenu }), h(\"div\", { key: '5da2b8cceb0e1ecf07318786e845f51982412f77', class: \"popout-menu\", role: \"dialog\", \"aria-modal\": \"true\", \"aria-label\": `${this.hasNavigation ? \"Navigation\" : \"App\"} menu` }, h(\"span\", { key: 'f0bfe134474bfe3626435479d1ff8eed6b7f7e32', \"aria-hidden\": \"true\", id: \"navigation-landmark-text\", class: \"navigation-landmark-text\" }, \"Main navigation\"), h(\"nav\", { key: '4fecfb422a3c3ae8e5e6ee5d094dc4eeb434184c', \"aria-labelledby\": \"navigation-landmark-text\", \"aria-hidden\": this.hasNavigation ? \"false\" : \"true\" }, h(\"div\", { key: '85df1783fe82ff9fb32e2f4298ee8a6397115bef', class: {\n                [\"menu-close-button-container\"]: true,\n                [\"nav-group-first\"]: this.navGroupFirst,\n            } }, h(\"ic-button\", { key: '380deead3a65fb4939a9492d551268d14d7fbd27', ref: (el) => (this.closeButton = el), id: \"menu-close-button\", class: \"menu-close-button\", variant: \"icon\", size: \"large\", \"aria-label\": `Close ${this.hasNavigation ? \"navigation\" : \"app\"} menu`, onClick: this.closeMenu }, h(\"svg\", { key: '4e578ab0ee137862af9f4ffdf78ae1c7b08de86a', width: \"14\", height: \"14\", viewBox: \"0 0 14 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"path\", { key: '7887b97ed148bfe509f14f1cc423f7a130478c0f', d: \"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" })))), this.hasNavigation && h(\"slot\", { key: 'db56de53e2ae1ad8634b149e516f3188ac79c581', name: \"navigation\" })), this.hasButtons && (h(\"div\", { key: '7646939cd70c65413496a2099c1194c74cf4af3d', class: {\n                [\"menu-buttons-container\"]: true,\n                [\"menu-buttons-container-nav-item-above\"]: this.navItemAboveButtons,\n            } }, h(\"slot\", { key: '174fe432ca35e1e0216a1ba3cca08be0b4a91572', name: \"buttons\" }))), (this.status !== \"\" || this.version !== \"\") && (h(\"div\", { key: 'a166c03cd59f61948a9cd3cf88d257db67a42168', class: {\n                [\"menu-status-version-container\"]: true,\n                [\"status-version-no-buttons\"]: !this.hasButtons,\n            } }, this.status !== \"\" && (h(\"div\", { key: '3076d6444e9f45c5750f1e5ed0c17db17b87131e', class: \"menu-status\" }, h(\"ic-typography\", { key: '52d9cf255f19c52f3a849ada45894a0a4a65015d', variant: \"label-uppercase\", \"aria-label\": \"app tag\", class: \"menu-status-text\" }, this.status))), this.version !== \"\" && (h(\"div\", { key: '807675f031d49ce1758e4adff0d5e675784d842b', class: \"menu-version\" }, h(\"ic-typography\", { key: 'be5a3faff40a36881d693a93e49205328f3743a6', variant: \"label\", class: \"menu-version-text\", \"aria-label\": \"app version\" }, this.version))))))));\n    }\n    static get is() { return \"ic-navigation-menu\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-navigation-menu.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-navigation-menu.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status info to display.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"version\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The version info to display.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"version\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icNavigationMenuClose\",\n                \"name\": \"icNavigationMenuClose\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when the menu is closed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"navItemClicked\",\n                \"method\": \"navItemClickHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyDown\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-navigation-menu.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["icNavigationMenuCss","IcNavigationMenuStyle0","NAV_GROUP_TAG","NAV_ITEM_TAG","NavigationMenu","constructor","hostRef","this","hasButtons","hasNavigation","lastTabStop","navGroupFirst","navItemAboveButtons","status","theme","version","setLastTabStop","lastNavGroupExpanded","lastEl","navigationEls","length","tagName","childNavItems","children","slotContent","getSlot","closeMenu","icNavigationMenuClose","emit","focusCloseButton","_a","closeButton","focus","focusLastTabStop","focusEl","componentWillLoad","navBarEl","document","querySelector","getSlotContent","el","addEventListener","event","detail","expanded","firstEl","buttonContent","componentDidLoad","componentWillRender","isSlotUsed","navItemClickHandler","handleKeyDown","ev","key","shiftKey","activeElement","preventDefault","render","h","Host","class","onClick","role","id","ref","variant","size","width","height","viewBox","fill","xmlns","d","name"],"sources":["../web-components/dist/collection/components/ic-navigation-menu/ic-navigation-menu.css?tag=ic-navigation-menu&encapsulation=shadow","../web-components/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js"],"sourcesContent":["/**\n * @prop --ic-z-index-navigation-menu: z-index of navigation menu\n */\n\n:host {\n  display: block;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  min-height: 100% !important;\n  background: rgb(0 0 0 / 60%);\n  z-index: var(--ic-z-index-navigation-menu);\n}\n\n.popout-modal {\n  position: absolute;\n  inset: 0;\n}\n\n.popout-menu {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 16rem;\n  bottom: 0;\n  background-color: var(--ic-top-navigation-menu-background);\n  color: var(--ic-top-navigation-nav-item);\n\n  --ic-typography-color: var(--ic-top-navigation-nav-item);\n\n  box-shadow: var(--ic-elevation-overlay);\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n:host(.inline) .popout-menu {\n  position: absolute;\n}\n\n.menu-close-button-container {\n  position: relative;\n  left: 11.875rem;\n  padding: var(--ic-space-md) 0;\n}\n\n.nav-group-first {\n  padding-bottom: 0;\n}\n\n.menu-buttons-container {\n  padding: var(--ic-space-sm) 0;\n  border-bottom: var(--ic-border-width) solid var(--ic-architectural-200);\n}\n\n.menu-buttons-container-nav-item-above {\n  margin-top: var(--ic-space-md);\n  border-top: var(--ic-border-width) solid var(--ic-architectural-200);\n}\n\n.menu-status-version-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--ic-space-xs);\n  padding: var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl);\n}\n\n.status-version-no-buttons {\n  border-top: var(--ic-space-1px) solid var(--ic-architectural-200);\n}\n\n.menu-status {\n  background-color: var(--ic-status-tag-neutral);\n\n  --ic-typography-color: var(--ic-color-text-inverted);\n\n  border-radius: var(--ic-space-md);\n  width: -moz-fit-content;\n  width: fit-content;\n  padding: var(--ic-space-xxs) var(--ic-space-sm);\n}\n\n.menu-version {\n  border-radius: var(--ic-space-md);\n  background-color: var(--ic-status-tag-outlined-background-neutral-contrast);\n\n  --ic-typography-color: var(--ic-color-text-primary-light);\n\n  padding: var(--ic-space-xxs) var(--ic-space-sm);\n}\n\n.menu-status-text,\n.menu-version-text {\n  overflow-wrap: break-word;\n}\n\n.navigation-landmark-text {\n  position: absolute;\n  width: var(--ic-space-1px);\n  height: var(--ic-space-1px);\n  padding: 0;\n  margin: calc(-1 * var(--ic-space-1px));\n  overflow: hidden;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getSlot, getSlotContent, isSlotUsed } from \"../../utils/helpers\";\nconst NAV_GROUP_TAG = \"IC-NAVIGATION-GROUP\";\nconst NAV_ITEM_TAG = \"IC-NAVIGATION-ITEM\";\n/**\n * @slot navigation - Content will be rendered at top of panel.\n * @slot buttons - Content will be rendered above version info and below navigation.\n */\nexport class NavigationMenu {\n    constructor() {\n        this.hasButtons = false;\n        this.hasNavigation = false;\n        this.lastTabStop = null;\n        this.navGroupFirst = false;\n        this.navItemAboveButtons = false;\n        /**\n         * The status info to display.\n         */\n        this.status = \"\";\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * The version info to display.\n         */\n        this.version = \"\";\n        this.setLastTabStop = (lastNavGroupExpanded) => {\n            let lastEl = this.navigationEls[this.navigationEls.length - 1];\n            if (lastEl.tagName === NAV_GROUP_TAG && lastNavGroupExpanded) {\n                const childNavItems = lastEl.children;\n                lastEl = childNavItems[childNavItems.length - 1];\n            }\n            if (lastEl.tagName === NAV_ITEM_TAG) {\n                //check for slotted content i.e. react router link\n                const slotContent = getSlot(lastEl, \"navigation-item\");\n                if (slotContent !== null) {\n                    lastEl = slotContent;\n                }\n            }\n            this.lastTabStop = lastEl;\n        };\n        this.closeMenu = () => {\n            this.icNavigationMenuClose.emit();\n        };\n        this.focusCloseButton = () => {\n            var _a;\n            (_a = this.closeButton) === null || _a === void 0 ? void 0 : _a.focus();\n        };\n        this.focusLastTabStop = () => {\n            let focusEl;\n            if (this.lastTabStop !== null) {\n                switch (this.lastTabStop.tagName) {\n                    case \"IC-NAVIGATION-BUTTON\":\n                    case NAV_ITEM_TAG:\n                    case NAV_GROUP_TAG:\n                        focusEl = this.lastTabStop;\n                        focusEl.focus();\n                        break;\n                    case \"A\":\n                        this.lastTabStop.focus();\n                        break;\n                }\n            }\n        };\n    }\n    componentWillLoad() {\n        this.navBarEl = document.querySelector(\"ic-top-navigation\");\n        this.navigationEls = getSlotContent(this.el, \"navigation\");\n        if (this.navigationEls) {\n            this.hasNavigation = true;\n            const lastEl = this.navigationEls[this.navigationEls.length - 1];\n            if (lastEl.tagName === NAV_ITEM_TAG) {\n                this.navItemAboveButtons = true;\n            }\n            else if (lastEl.tagName === NAV_GROUP_TAG) {\n                lastEl.addEventListener(\"navigationGroupExpanded\", ((event) => {\n                    this.setLastTabStop(event.detail.expanded);\n                }));\n            }\n            const firstEl = this.navigationEls[0];\n            if (firstEl.tagName === NAV_GROUP_TAG) {\n                this.navGroupFirst = true;\n            }\n        }\n        const buttonContent = getSlotContent(this.el, \"buttons\");\n        if (buttonContent !== null) {\n            this.hasButtons = true;\n            this.lastTabStop = buttonContent[buttonContent.length - 1];\n        }\n        else {\n            if (this.hasNavigation && this.navigationEls) {\n                this.setLastTabStop(false);\n            }\n        }\n    }\n    componentDidLoad() {\n        this.focusCloseButton();\n    }\n    componentWillRender() {\n        this.hasNavigation = isSlotUsed(this.el, \"navigation\");\n        this.hasButtons = isSlotUsed(this.el, \"buttons\");\n    }\n    navItemClickHandler() {\n        this.closeMenu();\n    }\n    handleKeyDown(ev) {\n        if (ev.key === \"Tab\") {\n            if (ev.shiftKey) {\n                if (document.activeElement === this.navBarEl) {\n                    ev.preventDefault();\n                    this.focusLastTabStop();\n                }\n            }\n            else if (document.activeElement === this.lastTabStop ||\n                this.lastTabStop === null) {\n                ev.preventDefault();\n                this.focusCloseButton();\n            }\n        }\n        else if (ev.key === \"Escape\") {\n            this.closeMenu();\n        }\n    }\n    render() {\n        return (h(Host, { key: 'd37a801a1b4c312fb3d1e301150ce4b731b8e378', class: { [`ic-theme-${this.theme}`]: this.theme !== \"inherit\" } }, h(\"div\", { key: 'e243034b5ec260c946217f411c4c0c56773a3ff0', class: \"popout-modal\", onClick: this.closeMenu }), h(\"div\", { key: '3958153a358974fa0ba7260f985ca48bbe010a5d', class: \"popout-menu\", role: \"dialog\", \"aria-modal\": \"true\", \"aria-label\": `${this.hasNavigation ? \"Navigation\" : \"App\"} menu` }, h(\"span\", { key: 'ec3a59243f6fe8bc839f09cf6cb23013f1258cc0', \"aria-hidden\": \"true\", id: \"navigation-landmark-text\", class: \"navigation-landmark-text\" }, \"Main navigation\"), h(\"nav\", { key: 'f0fe76cf4eeec54e3382344abec7fe80b6ab5ba5', \"aria-labelledby\": \"navigation-landmark-text\", \"aria-hidden\": this.hasNavigation ? \"false\" : \"true\" }, h(\"div\", { key: '246f1b43500b11e0ec9b133030c79f140b5aacd3', class: {\n                [\"menu-close-button-container\"]: true,\n                [\"nav-group-first\"]: this.navGroupFirst,\n            } }, h(\"ic-button\", { key: 'c836f86ad0ca67841cca01b8a6717d78982163ed', ref: (el) => (this.closeButton = el), id: \"menu-close-button\", class: \"menu-close-button\", variant: \"icon\", size: \"large\", \"aria-label\": `Close ${this.hasNavigation ? \"navigation\" : \"app\"} menu`, onClick: this.closeMenu }, h(\"svg\", { key: 'd7524666b3f08ed7ab9ece6b33843fab72e521d7', width: \"14\", height: \"14\", viewBox: \"0 0 14 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"path\", { key: 'd659007ab35980d78395c7acbc2a34f333108d68', d: \"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" })))), this.hasNavigation && h(\"slot\", { key: '4067b296fb1eade8a35e62340be0b682faeebf0c', name: \"navigation\" })), this.hasButtons && (h(\"div\", { key: '6020b1dea12858619b1c4e42a9c28829ce9d926b', class: {\n                [\"menu-buttons-container\"]: true,\n                [\"menu-buttons-container-nav-item-above\"]: this.navItemAboveButtons,\n            } }, h(\"slot\", { key: '751e587cc503a8db8a668a8ca2335da12893e459', name: \"buttons\" }))), (this.status !== \"\" || this.version !== \"\") && (h(\"div\", { key: 'e368dacc5061176d89f726b891cc5cc2f3913b9d', class: {\n                [\"menu-status-version-container\"]: true,\n                [\"status-version-no-buttons\"]: !this.hasButtons,\n            } }, this.status !== \"\" && (h(\"div\", { key: '7745d4b718c9644598220a5625a260995d195ce1', class: \"menu-status\" }, h(\"ic-typography\", { key: '448b1a0d774fd9ffda795969c2184539e6d13ee3', variant: \"label-uppercase\", \"aria-label\": \"app tag\", class: \"menu-status-text\" }, this.status))), this.version !== \"\" && (h(\"div\", { key: '79a7a1467b334acf390661808a7c0eb9bbedcd6e', class: \"menu-version\" }, h(\"ic-typography\", { key: '87cc4741151c42401646094fb3ae20bc6efbc54d', variant: \"label\", class: \"menu-version-text\", \"aria-label\": \"app version\" }, this.version))))))));\n    }\n    static get is() { return \"ic-navigation-menu\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-navigation-menu.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-navigation-menu.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status info to display.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"version\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The version info to display.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"version\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icNavigationMenuClose\",\n                \"name\": \"icNavigationMenuClose\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when the menu is closed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"navItemClicked\",\n                \"method\": \"navItemClickHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyDown\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-navigation-menu.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-8112444e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as r,H as i,g as t}from"./p-8e4e97b4.js";import{C as c}from"./p-170ddfc2.js";import{m as a,i as o}from"./p-eca2fea1.js";const s=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z" fill="currentColor"/>\n</svg>\n`;const n=':host{display:block;margin:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}:host .breadcrumb{display:flex;align-items:center;white-space:nowrap;gap:var(--ic-space-xs);min-height:var(--ic-space-lg)}:host .chevron{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host .chevron svg,:host(.ic-breadcrumb-monochrome) .chevron svg{color:var(--ic-breadcrumb-icon-chevron)}:host(:first-child) .chevron{display:none}.back-icon svg{color:var(--ic-breadcrumb-icon)}:host(.ic-breadcrumb-monochrome) .back-icon svg{color:var(--ic-breadcrumb-icon-monochrome)}:host(.ic-breadcrumb-back){display:flex;align-items:center}:host(.ic-breadcrumb-back) .chevron{display:none}ic-link{--breadcrumb-link-display:inline-flex;--breadcrumb-link-align-items:center;--breadcrumb-link-gap:var(--ic-space-xs)}:host([aria-current="page"]){cursor:text}:host([aria-current="page"]) .current-page-container{display:flex;align-items:center;gap:var(--ic-space-xs);color:var(--ic-breadcrumb-text)}:host([aria-current="page"].ic-breadcrumb-monochrome) .current-page-container{color:var(--ic-breadcrumb-text-monochrome)}:host([aria-current="page"]) slot{pointer-events:none}:host(.collapsed-breadcrumb-wrapper){margin-right:var(--ic-space-xs) !important;display:flex;align-items:center;gap:var(--ic-space-xs)}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb){border:none;background-color:transparent;color:var(--ic-color-hyperlink-default);text-decoration:underline;font-weight:var(--ic-font-weight-bold);cursor:pointer}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){outline:var(--ic-hc-focus-outline);border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.hide,:host(.collapsed-breadcrumb-wrapper) ::slotted(.hide){display:none}.slotted-link-container{gap:var(--ic-space-xs);display:flex}.slotted-link-container .back-icon{width:1.5rem;height:1.5rem}.slotted-link-container .link-wrapper{line-height:1.5rem}@media (forced-colors: active){.back-icon svg{color:currentcolor}}@supports (text-underline-offset: 25%){ic-link{--breadcrumb-link-display:flex}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}';const l=n;const d=class{constructor(i){e(this,i);this.HREF_ATTR="href";this.linkSlotContent=null;this.slottedLinkEl=null;this.slottedLinkHref=null;this.current=false;this.monochrome=false;this.showBackIcon=false;this.theme="inherit";this.updatedSlottedLinkFocus=()=>{var e,r;if(this.linkSlotContent){this.linkSlotContent.tabIndex=this.current?-1:0}if(this.current){(e=this.slottedLinkEl)===null||e===void 0?void 0:e.removeAttribute(this.HREF_ATTR)}else if(this.slottedLinkHref){(r=this.slottedLinkEl)===null||r===void 0?void 0:r.setAttribute(this.HREF_ATTR,this.slottedLinkHref)}};this.getSlottedLinkEl=()=>{if(!this.linkSlotContent)return null;return this.linkSlotContent.hasAttribute(this.HREF_ATTR)?this.linkSlotContent:this.linkSlotContent.querySelector("[href]")};this.renderBackIcon=()=>r("div",{class:"back-icon",innerHTML:s})}watchCurrentHandler(){this.updatedSlottedLinkFocus();this.el.ariaCurrent=this.current?"page":null}componentDidLoad(){var e,r;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".link-wrapper");if(i){const e=a(i);if(e){this.linkSlotContent=e[0];this.slottedLinkEl=this.getSlottedLinkEl();this.slottedLinkHref=((r=this.slottedLinkEl)===null||r===void 0?void 0:r.getAttribute("href"))||null}this.updatedSlottedLinkFocus()}}componentWillRender(){const e=this.el.querySelector("ic-link");if(e){const r="current-page";e.classList.remove(r);if(this.current&&!e.classList.contains(r)){e.classList.add("breadcrumb-link",r)}}}async setFocus(){var e,r;(r=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("ic-link"))===null||r===void 0?void 0:r.focus()}render(){const{current:e,href:t,monochrome:a,pageTitle:s,showBackIcon:n,theme:l}=this;const d=`${s===null||s===void 0?void 0:s.toLowerCase().replace(" ","-")}-describedby`;return r(i,{key:"55dd358ca0c5d865a9fdd17809b6d7f3ac12a966",class:{"ic-breadcrumb-back":n,"ic-breadcrumb-monochrome":a,[`ic-theme-${l}`]:l!=="inherit"},"aria-current":e&&"page",role:"listitem"},r("div",{key:"768e4c78b20b1ad9b0100ff2a36ce512db5d7c1c",class:"breadcrumb"},r("span",{key:"930d48bd5661f977f0ce2edcc4ea3ce02c1e282a",innerHTML:c,class:"chevron","aria-hidden":"true"}),n&&r("span",{key:"0b932408b17ef65e2e25b6b4e124e2a4941d8eae",id:d,class:"hide"},`Back to ${s}`),!t?r("div",{class:"slotted-link-container"},n&&this.renderBackIcon(),r("span",{class:"link-wrapper"},r("slot",null))):e?r("span",{class:"current-page-container"},o(this.el,"icon")&&r("slot",{name:"icon"}),s):r("ic-link",{theme:l,monochrome:a,href:t,class:"breadcrumb-link","aria-describedby":n&&d},n&&this.renderBackIcon(),o(this.el,"icon")&&r("slot",{name:"icon"}),s)))}static get delegatesFocus(){return true}get el(){return t(this)}static get watchers(){return{current:["watchCurrentHandler"]}}};d.style=l;export{d as ic_breadcrumb};
+//# sourceMappingURL=p-8112444e.entry.js.map

package/dist/core/p-8112444e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icBreadcrumbCss","IcBreadcrumbStyle0","Breadcrumb","constructor","hostRef","this","HREF_ATTR","linkSlotContent","slottedLinkEl","slottedLinkHref","current","monochrome","showBackIcon","theme","updatedSlottedLinkFocus","_a","_b","tabIndex","removeAttribute","setAttribute","getSlottedLinkEl","hasAttribute","querySelector","renderBackIcon","h","class","innerHTML","backIcon","watchCurrentHandler","el","ariaCurrent","componentDidLoad","slottedLinkWrapper","shadowRoot","slotEls","getSlotElements","getAttribute","componentWillRender","icLink","CURRENT_PAGE","classList","remove","contains","add","setFocus","focus","render","href","pageTitle","describedById","toLowerCase","replace","Host","key","role","chevronIcon","id","isSlotUsed","name","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css?tag=ic-breadcrumb&encapsulation=shadow","../web-components/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js"],"sourcesContent":[":host {\n  display: block;\n  margin: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n:host .breadcrumb {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  gap: var(--ic-space-xs);\n  min-height: var(--ic-space-lg);\n}\n\n:host .chevron {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n:host .chevron svg,\n:host(.ic-breadcrumb-monochrome) .chevron svg {\n  color: var(--ic-breadcrumb-icon-chevron);\n}\n\n:host(:first-child) .chevron {\n  display: none;\n}\n\n.back-icon svg {\n  color: var(--ic-breadcrumb-icon);\n}\n\n:host(.ic-breadcrumb-monochrome) .back-icon svg {\n  color: var(--ic-breadcrumb-icon-monochrome);\n}\n\n:host(.ic-breadcrumb-back) {\n  display: flex;\n  align-items: center;\n}\n\n:host(.ic-breadcrumb-back) .chevron {\n  display: none;\n}\n\nic-link {\n  --breadcrumb-link-display: inline-flex;\n  --breadcrumb-link-align-items: center;\n  --breadcrumb-link-gap: var(--ic-space-xs);\n}\n\n:host([aria-current=\"page\"]) {\n  cursor: text;\n}\n\n:host([aria-current=\"page\"]) .current-page-container {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n  color: var(--ic-breadcrumb-text);\n}\n\n:host([aria-current=\"page\"].ic-breadcrumb-monochrome) .current-page-container {\n  color: var(--ic-breadcrumb-text-monochrome);\n}\n\n:host([aria-current=\"page\"]) slot {\n  pointer-events: none;\n}\n\n:host(.collapsed-breadcrumb-wrapper) {\n  margin-right: var(--ic-space-xs) !important;\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb) {\n  border: none;\n  background-color: transparent;\n  color: var(--ic-color-hyperlink-default);\n  text-decoration: underline;\n  font-weight: var(--ic-font-weight-bold);\n  cursor: pointer;\n}\n\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus) {\n  outline: var(--ic-hc-focus-outline);\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n}\n\n.hide,\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.hide) {\n  display: none;\n}\n\n.slotted-link-container {\n  gap: var(--ic-space-xs);\n  display: flex;\n}\n\n.slotted-link-container .back-icon {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.slotted-link-container .link-wrapper {\n  line-height: 1.5rem;\n}\n\n@media (forced-colors: active) {\n  .back-icon svg {\n    color: currentcolor;\n  }\n}\n\n@supports (text-underline-offset: 25%) {\n  ic-link {\n    --breadcrumb-link-display: flex;\n  }\n\n  :host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),\n  :host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus) {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 25%;\n    border-bottom: 0 !important;\n    margin-bottom: 0 !important;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nimport backIcon from \"../../assets/back-icon.svg\";\nimport { getSlotElements, isSlotUsed } from \"../../utils/helpers\";\n/**\n * @slot icon - Content will be rendered to the left of the breadcrumb page title.\n */\nexport class Breadcrumb {\n    constructor() {\n        this.HREF_ATTR = \"href\";\n        this.linkSlotContent = null;\n        this.slottedLinkEl = null;\n        this.slottedLinkHref = null;\n        /**\n         * If `true`, aria-current will be set on the breadcrumb.\n         */\n        this.current = false;\n        /**\n         * @internal If `true`, the breadcrumb will display as black in the light theme, and white in the dark theme.\n         */\n        this.monochrome = false;\n        /**\n         * @internal If `true`, back icon will be displayed.\n         */\n        this.showBackIcon = false;\n        /**\n         * @internal Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        // Prevent focus on breadcrumb if current page and contains slotted link\n        this.updatedSlottedLinkFocus = () => {\n            var _a, _b;\n            // Sets tabindex on wrong element in unit test snapshots\n            // - related to known Jest issue: https://github.com/ionic-team/stencil/issues/2830\n            if (this.linkSlotContent) {\n                this.linkSlotContent.tabIndex = this.current ? -1 : 0; // Prevent focus\n            }\n            if (this.current) {\n                (_a = this.slottedLinkEl) === null || _a === void 0 ? void 0 : _a.removeAttribute(this.HREF_ATTR); // Prevent screen reader announcing breadcrumb as a link\n            }\n            else if (this.slottedLinkHref) {\n                (_b = this.slottedLinkEl) === null || _b === void 0 ? void 0 : _b.setAttribute(this.HREF_ATTR, this.slottedLinkHref);\n            }\n        };\n        this.getSlottedLinkEl = () => {\n            if (!this.linkSlotContent)\n                return null;\n            return this.linkSlotContent.hasAttribute(this.HREF_ATTR)\n                ? this.linkSlotContent\n                : this.linkSlotContent.querySelector(\"[href]\");\n        };\n        this.renderBackIcon = () => (h(\"div\", { class: \"back-icon\", innerHTML: backIcon }));\n    }\n    watchCurrentHandler() {\n        this.updatedSlottedLinkFocus();\n        this.el.ariaCurrent = this.current ? \"page\" : null;\n    }\n    componentDidLoad() {\n        var _a, _b;\n        const slottedLinkWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".link-wrapper\");\n        if (slottedLinkWrapper) {\n            const slotEls = getSlotElements(slottedLinkWrapper);\n            if (slotEls) {\n                this.linkSlotContent = slotEls[0];\n                this.slottedLinkEl = this.getSlottedLinkEl();\n                this.slottedLinkHref = ((_b = this.slottedLinkEl) === null || _b === void 0 ? void 0 : _b.getAttribute(\"href\")) || null;\n            }\n            this.updatedSlottedLinkFocus();\n        }\n    }\n    componentWillRender() {\n        const icLink = this.el.querySelector(\"ic-link\");\n        if (icLink) {\n            const CURRENT_PAGE = \"current-page\";\n            icLink.classList.remove(CURRENT_PAGE);\n            if (this.current && !icLink.classList.contains(CURRENT_PAGE)) {\n                icLink.classList.add(\"breadcrumb-link\", CURRENT_PAGE);\n            }\n        }\n    }\n    /**\n     * Sets focus on the breadcrumb.\n     */\n    async setFocus() {\n        var _a, _b;\n        (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"ic-link\")) === null || _b === void 0 ? void 0 : _b.focus();\n    }\n    render() {\n        const { current, href, monochrome, pageTitle, showBackIcon, theme } = this;\n        const describedById = `${pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.toLowerCase().replace(\" \", \"-\")}-describedby`;\n        return (h(Host, { key: '55dd358ca0c5d865a9fdd17809b6d7f3ac12a966', class: {\n                \"ic-breadcrumb-back\": showBackIcon,\n                \"ic-breadcrumb-monochrome\": monochrome,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, \"aria-current\": current && \"page\", role: \"listitem\" }, h(\"div\", { key: '768e4c78b20b1ad9b0100ff2a36ce512db5d7c1c', class: \"breadcrumb\" }, h(\"span\", { key: '930d48bd5661f977f0ce2edcc4ea3ce02c1e282a', innerHTML: chevronIcon, class: \"chevron\", \"aria-hidden\": \"true\" }), showBackIcon && (h(\"span\", { key: '0b932408b17ef65e2e25b6b4e124e2a4941d8eae', id: describedById, class: \"hide\" }, `Back to ${pageTitle}`)), !href ? (h(\"div\", { class: \"slotted-link-container\" }, showBackIcon && this.renderBackIcon(), h(\"span\", { class: \"link-wrapper\" }, h(\"slot\", null)))) : current ? (h(\"span\", { class: \"current-page-container\" }, isSlotUsed(this.el, \"icon\") && h(\"slot\", { name: \"icon\" }), pageTitle)) : (h(\"ic-link\", { theme: theme, monochrome: monochrome, href: href, class: \"breadcrumb-link\", \"aria-describedby\": showBackIcon && describedById }, showBackIcon && this.renderBackIcon(), isSlotUsed(this.el, \"icon\") && h(\"slot\", { name: \"icon\" }), pageTitle)))));\n    }\n    static get is() { return \"ic-breadcrumb\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-breadcrumb.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-breadcrumb.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"current\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, aria-current will be set on the breadcrumb.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"current\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The URL that the breadcrumb link points to.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the breadcrumb will display as black in the light theme, and white in the dark theme.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"pageTitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title of the breadcrumb.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"page-title\",\n                \"reflect\": false\n            },\n            \"showBackIcon\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, back icon will be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"show-back-icon\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the breadcrumb.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"current\",\n                \"methodName\": \"watchCurrentHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-breadcrumb.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-af1d6e41.entry.js → p-85a17585.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as t,g as i}from"./p-8e4e97b4.js";import{i as c}from"./p-ed542433.js";const s='.title-bar-wrapper,.header-container,.description-actions,.action-area,.custom-actions-wrapper{display:flex}.title-bar-wrapper,.action-area,.custom-actions-wrapper{gap:var(--ic-space-xs)}.title-bar-wrapper{flex-direction:column;padding:var(--ic-space-sm) var(--ic-space-xs);border-bottom:var(--ic-space-1px) solid\n    var(--ic-data-table-title-bar-keyline);background-color:var(--ic-data-table-title-bar-background)}.full-width{padding:var(--ic-space-sm) 0;border-bottom:none}ic-typography.heading h3{margin:0}ic-typography.ic-typography-subtitle-small{--ic-typography-color:var(--ic-data-table-title-bar-information)}ic-typography.ic-typography-h3,::slotted([slot="header"]){max-width:50rem;color:var(--ic-data-table-title-bar-title);--ic-typography-color:var(--ic-data-table-title-bar-title)}ic-typography.ic-typography-body,::slotted([slot="description"]){color:var(--ic-data-table-title-bar-description);--ic-typography-color:var(--ic-data-table-title-bar-description)}ic-typography.ic-typography-body,ic-typography.ic-typography-subtitle-small,::slotted([slot="description"]){max-width:40rem}.density-input{--input-width:7.625rem}@media (max-width: 1200px){.header-container{flex-direction:column}}@media (min-width: 1201px){.header-container{gap:var(--ic-space-xs);align-items:baseline}}@media (min-width: 769px){.description-actions{justify-content:space-between}}@media (max-width: 768px){.description-actions{flex-direction:column;align-items:flex-start;gap:var(--ic-space-xs)}}@media (min-width: 577px){.action-area{align-items:center}}@media (max-width: 576px){.action-area{flex-direction:column}}';const r=s;const o="Title Bar";const d=class{constructor(t){a(this,t);this.icTableDensityUpdate=e(this,"icTableDensityUpdate",7);this.initialDensitySelectOption="default";this.isEmbedded=false;this.heading=o;this.hideDensitySelect=false;this.changeDensity=a=>{this.icTableDensityUpdate.emit({value:a.detail.value})}}componentWillLoad(){const a=this.el.parentElement;if((a===null||a===void 0?void 0:a.tagName)==="IC-DATA-TABLE"){const{caption:e,density:t,embedded:i}=a;this.initialDensitySelectOption=t;this.isEmbedded=!!i;if(this.heading===o){this.heading=e}}}render(){const{changeDensity:a,description:e,el:i,heading:s,hideDensitySelect:r,initialDensitySelectOption:o,isEmbedded:d,metadata:n}=this;const l=c(i,"primary-action")||c(i,"custom-actions")||!r;const p=c(i,"description")||e;return t("div",{key:"f36585c5730a7a5c69ea13b5ebefb0da062cb8b7",class:{"title-bar-wrapper":true,"full-width":d}},t("div",{key:"f4321857a3f013c2138225f4d3994d8b00d686fd",class:"header-container"},t("slot",{key:"f403f6e936b12a0a1e94f4f5327fb0746e443232",name:"heading"},t("ic-typography",{key:"841a57bbc3e426c036b6d5eb86a0505e9567b870",variant:"h3",class:"heading"},t("h3",{key:"ee15ed41ade023c9e72f73de03f2a438a411ed3c"},s))),n&&t("ic-typography",{key:"e577c48e340c9780f6c28a2db8c68c13507ab2e2",variant:"subtitle-small"},n)),(l||p)&&t("div",{key:"1915ed0a874cf45b0bc37ee66e605040291476c8",class:"description-actions"},t("slot",{key:"7b8b96377409c80fc7832089e17e508fbf7b2d75",name:"description"},e&&t("ic-typography",{key:"3629998ba78578ff1aa1acf388447d5cae4ecb57",variant:"body"},e)),l&&t("div",{key:"ae469ae8726a57eeadb47c378bb8698cf96e8a4d",class:"action-area"},c(i,"custom-actions")&&t("div",{key:"3b2b53888a282a584ded2c1682bf58b3f49b2432",class:"custom-actions-wrapper"},t("slot",{key:"85d7e895d3be219b3403ccf4507ef792b625c374",name:"custom-actions"})),!r&&t("ic-select",{key:"69088722aa8720b874ca9539f8b9329884087515",size:"small",label:"Change density",class:"density-input",hideLabel:true,options:[{label:"Default",value:"default"},{label:"Dense",value:"dense"},{label:"Spacious",value:"spacious"}],value:o,onIcChange:a}),c(i,"primary-action")&&t("slot",{key:"804c56e9ada0368f5fb53320d45d4af47f3e531e",name:"primary-action"}))))}get el(){return i(this)}};d.style=r;export{d as ic_data_table_title_bar};
-//# sourceMappingURL=p-af1d6e41.entry.js.map
+import{r as a,c as e,h as t,g as i}from"./p-8e4e97b4.js";import{i as c}from"./p-0e0e0942.js";const s='.title-bar-wrapper,.header-container,.description-actions,.action-area,.custom-actions-wrapper{display:flex}.title-bar-wrapper,.action-area,.custom-actions-wrapper{gap:var(--ic-space-xs)}.title-bar-wrapper{flex-direction:column;padding:var(--ic-space-sm) var(--ic-space-xs);border-bottom:var(--ic-space-1px) solid\n    var(--ic-data-table-title-bar-keyline);background-color:var(--ic-data-table-title-bar-background)}.full-width{padding:var(--ic-space-sm) 0;border-bottom:none}ic-typography.heading h3{margin:0}ic-typography.ic-typography-subtitle-small{--ic-typography-color:var(--ic-data-table-title-bar-information)}ic-typography.ic-typography-h3,::slotted([slot="header"]){max-width:50rem;color:var(--ic-data-table-title-bar-title);--ic-typography-color:var(--ic-data-table-title-bar-title)}ic-typography.ic-typography-body,::slotted([slot="description"]){color:var(--ic-data-table-title-bar-description);--ic-typography-color:var(--ic-data-table-title-bar-description)}ic-typography.ic-typography-body,ic-typography.ic-typography-subtitle-small,::slotted([slot="description"]){max-width:40rem}.density-input{--input-width:7.625rem}@media (max-width: 1200px){.header-container{flex-direction:column}}@media (min-width: 1201px){.header-container{gap:var(--ic-space-xs);align-items:baseline}}@media (min-width: 769px){.description-actions{justify-content:space-between}}@media (max-width: 768px){.description-actions{flex-direction:column;align-items:flex-start;gap:var(--ic-space-xs)}}@media (min-width: 577px){.action-area{align-items:center}}@media (max-width: 576px){.action-area{flex-direction:column}}';const r=s;const o="Title Bar";const n=class{constructor(t){a(this,t);this.icTableDensityUpdate=e(this,"icTableDensityUpdate",7);this.initialDensitySelectOption="default";this.isEmbedded=false;this.heading=o;this.hideDensitySelect=false;this.changeDensity=a=>{this.icTableDensityUpdate.emit({value:a.detail.value})}}componentWillLoad(){const a=this.el.parentElement;if((a===null||a===void 0?void 0:a.tagName)==="IC-DATA-TABLE"){const{caption:e,density:t,embedded:i}=a;this.initialDensitySelectOption=t;this.isEmbedded=!!i;if(this.heading===o){this.heading=e}}}render(){const{changeDensity:a,description:e,el:i,heading:s,hideDensitySelect:r,initialDensitySelectOption:o,isEmbedded:n,metadata:d}=this;const l=c(i,"primary-action")||c(i,"custom-actions")||!r;const p=c(i,"description")||e;return t("div",{key:"f36585c5730a7a5c69ea13b5ebefb0da062cb8b7",class:{"title-bar-wrapper":true,"full-width":n}},t("div",{key:"f4321857a3f013c2138225f4d3994d8b00d686fd",class:"header-container"},t("slot",{key:"f403f6e936b12a0a1e94f4f5327fb0746e443232",name:"heading"},t("ic-typography",{key:"841a57bbc3e426c036b6d5eb86a0505e9567b870",variant:"h3",class:"heading"},t("h3",{key:"ee15ed41ade023c9e72f73de03f2a438a411ed3c"},s))),d&&t("ic-typography",{key:"e577c48e340c9780f6c28a2db8c68c13507ab2e2",variant:"subtitle-small"},d)),(l||p)&&t("div",{key:"1915ed0a874cf45b0bc37ee66e605040291476c8",class:"description-actions"},t("slot",{key:"7b8b96377409c80fc7832089e17e508fbf7b2d75",name:"description"},e&&t("ic-typography",{key:"3629998ba78578ff1aa1acf388447d5cae4ecb57",variant:"body"},e)),l&&t("div",{key:"ae469ae8726a57eeadb47c378bb8698cf96e8a4d",class:"action-area"},c(i,"custom-actions")&&t("div",{key:"3b2b53888a282a584ded2c1682bf58b3f49b2432",class:"custom-actions-wrapper"},t("slot",{key:"85d7e895d3be219b3403ccf4507ef792b625c374",name:"custom-actions"})),!r&&t("ic-select",{key:"69088722aa8720b874ca9539f8b9329884087515",size:"small",label:"Change density",class:"density-input",hideLabel:true,options:[{label:"Default",value:"default"},{label:"Dense",value:"dense"},{label:"Spacious",value:"spacious"}],value:o,onIcChange:a}),c(i,"primary-action")&&t("slot",{key:"804c56e9ada0368f5fb53320d45d4af47f3e531e",name:"primary-action"}))))}get el(){return i(this)}};n.style=r;export{n as ic_data_table_title_bar};
+//# sourceMappingURL=p-85a17585.entry.js.map

package/dist/core/{p-3a9d2c5c.entry.js → p-864e337f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,H as s,g as a}from"./p-8e4e97b4.js";import{c as o}from"./p-e081702e.js";import{i as n,V as r,b as c,J as d,d as l}from"./p-bdbd185c.js";const h='/*! 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}@media (prefers-reduced-motion: no-preference){:host{animation:fadein var(--ic-transition-duration-slow) ease-in-out}:host(.hidden){animation:fadeout var(--ic-transition-duration-slow) ease-in-out}}:host{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);z-index:var(--ic-z-index-toast)}:host(.ic-toast-hidden){display:none}:host(:focus){outline:none}.container{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-toast-background);display:flex;align-items:center;position:relative;border-radius:var(--ic-border-radius)}.toast-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);position:absolute;border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs)}.divider-neutral{background-color:var(--ic-toast-status-neutral)}.divider-info{background-color:var(--ic-toast-status-info)}.divider-warning{background-color:var(--ic-toast-status-warning)}.divider-error{background-color:var(--ic-toast-status-error)}.divider-success{background-color:var(--ic-toast-status-success)}.toast-icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}:host([variant="neutral"]) .toast-icon svg,::slotted(svg){fill:var(--ic-toast-icon-neutral)}:host([variant="info"]) .toast-icon svg{fill:var(--ic-toast-icon-info)}:host([variant="warning"]) .toast-icon svg{fill:var(--ic-toast-icon-warning)}:host([variant="error"]) .toast-icon svg{fill:var(--ic-toast-icon-error)}:host([variant="success"]) .toast-icon svg{fill:var(--ic-toast-icon-success)}.toast-content{margin-left:var(--ic-space-xs);width:100%}.no-icon{margin-left:var(--ic-space-md)}.toast-text{padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}.toast-heading{--ic-typography-color:var(--ic-toast-title)}.toast-message{--ic-typography-color:var(--ic-toast-description)}.toast-action-container{padding-bottom:var(--ic-space-md)}#dismiss-button{padding:var(--ic-space-xs)}#dismiss-button>svg{color:var(--ic-toast-dismiss-button)}ic-loading-indicator{--outer-color:transparent;--inner-color:var(--ic-action-monochrome)}.toast-dismiss-timer{padding:var(--ic-space-sm)}@media (max-width: 576px){:host{--bottom-position:var(--ic-space-lg);width:calc(100% - 2 * var(--ic-space-md))}}@media (min-width: 993px){:host{--bottom-position:calc(var(--ic-space-xl) + var(--ic-space-xs))}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--bottom-position);opacity:1}}@keyframes fadeout{from{bottom:var(--bottom-position);opacity:1}to{bottom:0;opacity:0}}';const b=h;const m=1e3;const u=70;const p=140;const f=class{constructor(e){t(this,e);this.icDismiss=i(this,"icDismiss",7);this.interactiveElements=[];this.timerProgress=100;this.visible=false;this.autoDismissTimeout=5e3;this.dismissButtonAriaLabel="dismiss";this.dismissMode="manual";this.dismissAction=()=>{this.icDismiss.emit()};this.handleProgressChange=()=>{this.timerProgress-=m/this.autoDismissTimeout*100};this.onFocus=()=>{if(this.focusInteractiveElement){this.isManual=true}};this.onBlur=()=>{this.handleTimer({type:"mouseleave"})}}dismissModeChangeHandler(t){this.isManual=t==="manual"}disconnectedCallback(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval)}componentWillLoad(){var t,i;this.handleLongText(this.heading.length>u,!!this.message&&((t=this.message)===null||t===void 0?void 0:t.length)>p);if(this.autoDismissTimeout<5e3)this.autoDismissTimeout=5e3;if(n(this.el,"action"))this.dismissMode="manual";this.isManual=this.dismissMode==="manual";if(n(this.el,"neutral-icon"))this.variant="neutral";if(this.variant==="neutral"){this.neutralVariantLabel=(i=this.neutralIconAriaLabel)!==null&&i!==void 0?i:r[this.variant].ariaLabel}if(this.isManual){const t=l(this.message)?`. ${this.message}`:"";this.el.setAttribute("aria-label",this.variant?this.neutralVariantLabel||r[this.variant].ariaLabel:this.heading);(this.variant||this.message)&&this.el.setAttribute("aria-description",this.variant?`${this.heading}${t}`:this.message||"")}}componentDidLoad(){c([{prop:this.heading,propName:"heading"}],"Toast")}componentDidUpdate(){var t;if(this.focusInteractiveElement&&this.isManual){this.resetAutoDismissTimer();const i=d(this.el,"action");const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-button");if(i)this.interactiveElements.push(i);if(e)this.interactiveElements.push(e);this.focusInteractiveElement=false;this.findNextInteractiveElement(this.shiftKeyPressed).setFocus();this.shiftKeyPressed=false}}watchVisibleHandler(){var t;if(this.visible){const i=d(this.el,"action");const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-button");if(i)this.interactiveElements.push(i);if(e)this.interactiveElements.push(e)}else{this.interactiveElements=[]}}handleDismiss(){this.visible=false;this.resetAutoDismissTimer()}handleKeyboard(t){if(this.visible){if(this.isManual){switch(t.key){case"Tab":t.preventDefault();this.findNextInteractiveElement(t.shiftKey).setFocus();break;case"Escape":!t.repeat&&this.dismissAction();t.stopImmediatePropagation();break}}else{if(t.key==="Tab"){this.shiftKeyPressed=t.shiftKey;this.focusInteractiveElement=true}}}}handleTimer(t){switch(t.type){case"mouseenter":if(!this.isManual){this.resetAutoDismissTimer()}this.isManual=true;break;case"mouseleave":if(this.dismissMode==="automatic"){this.isManual=false;this.interactiveElements=[];if(this.visible){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,m)}}break}}async setVisible(){if(!this.visible)this.visible=true;if(!this.isManual){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,m);return null}else{window.setTimeout((()=>this.interactiveElements[0].setFocus()),200);return document.activeElement}}handleLongText(t,i){if(i||t){console.error(`Too many characters in toast ${t?"heading":""}${t&&i?" and ":""}${i?"message":""}. Refer to character limits specified in the prop description`)}}findNextInteractiveElement(t){const i=this.interactiveElements[0];const e=this.interactiveElements[this.interactiveElements.length-1];if(this.isActive(t?i:e))return t?e:i;let s=0;return this.interactiveElements.some(((t,i)=>{if(!this.isActive(t))return false;s=i;return true}))?this.interactiveElements[s+(t?-1:1)]:i}resetAutoDismissTimer(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval);this.timerProgress=100}isActive(t){return t===this.el?!!this.el.shadowRoot.activeElement:document.activeElement===t}render(){const{variant:t,heading:i,message:a,visible:c,isManual:d,dismissButtonAriaLabel:l}=this;return e(s,{key:"72285c4f90a5364563549c3991a56ea15a7f09b0",class:{["ic-toast-hidden"]:!c},tabindex:"0",onFocus:this.onFocus,onBlur:this.onBlur,role:d?"dialog":"alert","aria-live":d?null:"polite"},e("div",{key:"165ac4c4776633f826dfb4da11ec950ab5ee1d74",class:"container"},t&&c&&e("div",{key:"646d6326faeb131c256375eaa7a422862e603c87",class:"toast-icon-container"},e("div",{key:"1a679a2ad07206ce49af54f099aab135db3dc863",class:{["divider"]:true,[`divider-${t}`]:true}}),t==="neutral"?e("slot",{name:"neutral-icon"}):e("span",{class:"toast-icon",innerHTML:r[t].icon})),e("div",{key:"faec1abb053c98b482f2cbbc3b6cbb097bc7cfca",class:{["toast-content"]:true,["no-icon"]:t==="neutral"&&!n(this.el,"neutral-icon")}},e("div",{key:"66a53a2d8f2433d55b353b8b19f487007baea78a",class:"toast-text"},e("ic-typography",{key:"af86eaaef197aff5faae041b32c3823ffcbb785b",variant:"subtitle-large",class:"toast-heading"},c&&(d?e("h5",null,i):e("p",null,i))),a&&e("ic-typography",{key:"9a04f32939a2739826207d6b3df6796eb0d424ac",variant:"body",class:"toast-message"},c&&e("p",{key:"9ba710ed859c1dd9e8a6ed448207890faad5d706"},a))),n(this.el,"action")&&e("div",{key:"68bf4d05f52322d6d056a583194e21b2dcadc2d1",class:"toast-action-container"},e("slot",{key:"39524496fb13e55b7828f5c6d70172ffe80ebae8",name:"action"}))),!d?e("ic-loading-indicator",{class:"toast-dismiss-timer",theme:"dark",monochrome:true,size:"icon",progress:this.timerProgress,description:"Dismiss timer"}):e("ic-button",{id:"dismiss-button",innerHTML:o,onClick:this.dismissAction,variant:"icon","aria-label":l})))}get el(){return a(this)}static get watchers(){return{dismissMode:["dismissModeChangeHandler"],visible:["watchVisibleHandler"]}}};f.style=b;export{f as ic_toast};
-//# sourceMappingURL=p-3a9d2c5c.entry.js.map
+import{r as t,c as i,h as e,H as s,g as a}from"./p-8e4e97b4.js";import{c as o}from"./p-e081702e.js";import{i as n,V as r,b as c,J as d,d as l}from"./p-eca2fea1.js";const h='/*! 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}@media (prefers-reduced-motion: no-preference){:host{animation:fadein var(--ic-transition-duration-slow) ease-in-out}:host(.hidden){animation:fadeout var(--ic-transition-duration-slow) ease-in-out}}:host{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);z-index:var(--ic-z-index-toast)}:host(.ic-toast-hidden){display:none}:host(:focus){outline:none}.container{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-toast-background);display:flex;align-items:center;position:relative;border-radius:var(--ic-border-radius)}.toast-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);position:absolute;border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs)}.divider-neutral{background-color:var(--ic-toast-status-neutral)}.divider-info{background-color:var(--ic-toast-status-info)}.divider-warning{background-color:var(--ic-toast-status-warning)}.divider-error{background-color:var(--ic-toast-status-error)}.divider-success{background-color:var(--ic-toast-status-success)}.toast-icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}:host([variant="neutral"]) .toast-icon svg,::slotted(svg){fill:var(--ic-toast-icon-neutral)}:host([variant="info"]) .toast-icon svg{fill:var(--ic-toast-icon-info)}:host([variant="warning"]) .toast-icon svg{fill:var(--ic-toast-icon-warning)}:host([variant="error"]) .toast-icon svg{fill:var(--ic-toast-icon-error)}:host([variant="success"]) .toast-icon svg{fill:var(--ic-toast-icon-success)}.toast-content{margin-left:var(--ic-space-xs);width:100%}.no-icon{margin-left:var(--ic-space-md)}.toast-text{padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}.toast-heading{--ic-typography-color:var(--ic-toast-title)}.toast-message{--ic-typography-color:var(--ic-toast-description)}.toast-action-container{padding-bottom:var(--ic-space-md)}#dismiss-button{padding:var(--ic-space-xs)}#dismiss-button>svg{color:var(--ic-toast-dismiss-button)}ic-loading-indicator{--outer-color:transparent;--inner-color:var(--ic-action-monochrome)}.toast-dismiss-timer{padding:var(--ic-space-sm)}@media (max-width: 576px){:host{--bottom-position:var(--ic-space-lg);width:calc(100% - 2 * var(--ic-space-md))}}@media (min-width: 993px){:host{--bottom-position:calc(var(--ic-space-xl) + var(--ic-space-xs))}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--bottom-position);opacity:1}}@keyframes fadeout{from{bottom:var(--bottom-position);opacity:1}to{bottom:0;opacity:0}}';const b=h;const m=1e3;const u=70;const p=140;const f=class{constructor(e){t(this,e);this.icDismiss=i(this,"icDismiss",7);this.interactiveElements=[];this.timerProgress=100;this.visible=false;this.autoDismissTimeout=5e3;this.dismissButtonAriaLabel="dismiss";this.dismissMode="manual";this.dismissAction=()=>{this.icDismiss.emit()};this.handleProgressChange=()=>{this.timerProgress-=m/this.autoDismissTimeout*100};this.onFocus=()=>{if(this.focusInteractiveElement){this.isManual=true}};this.onBlur=()=>{this.handleTimer({type:"mouseleave"})}}dismissModeChangeHandler(t){this.isManual=t==="manual"}disconnectedCallback(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval)}componentWillLoad(){var t,i;this.handleLongText(this.heading.length>u,!!this.message&&((t=this.message)===null||t===void 0?void 0:t.length)>p);if(this.autoDismissTimeout<5e3)this.autoDismissTimeout=5e3;if(n(this.el,"action"))this.dismissMode="manual";this.isManual=this.dismissMode==="manual";if(n(this.el,"neutral-icon"))this.variant="neutral";if(this.variant==="neutral"){this.neutralVariantLabel=(i=this.neutralIconAriaLabel)!==null&&i!==void 0?i:r[this.variant].ariaLabel}if(this.isManual){const t=l(this.message)?`. ${this.message}`:"";this.el.setAttribute("aria-label",this.variant?this.neutralVariantLabel||r[this.variant].ariaLabel:this.heading);(this.variant||this.message)&&this.el.setAttribute("aria-description",this.variant?`${this.heading}${t}`:this.message||"")}}componentDidLoad(){c([{prop:this.heading,propName:"heading"}],"Toast")}componentDidUpdate(){var t;if(this.focusInteractiveElement&&this.isManual){this.resetAutoDismissTimer();const i=d(this.el,"action");const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-button");if(i)this.interactiveElements.push(i);if(e)this.interactiveElements.push(e);this.focusInteractiveElement=false;this.findNextInteractiveElement(this.shiftKeyPressed).setFocus();this.shiftKeyPressed=false}}watchVisibleHandler(){var t;if(this.visible){const i=d(this.el,"action");const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-button");if(i)this.interactiveElements.push(i);if(e)this.interactiveElements.push(e)}else{this.interactiveElements=[]}}handleDismiss(){this.visible=false;this.resetAutoDismissTimer()}handleKeyboard(t){if(this.visible){if(this.isManual){switch(t.key){case"Tab":t.preventDefault();this.findNextInteractiveElement(t.shiftKey).setFocus();break;case"Escape":!t.repeat&&this.dismissAction();t.stopImmediatePropagation();break}}else{if(t.key==="Tab"){this.shiftKeyPressed=t.shiftKey;this.focusInteractiveElement=true}}}}handleTimer(t){switch(t.type){case"mouseenter":if(!this.isManual){this.resetAutoDismissTimer()}this.isManual=true;break;case"mouseleave":if(this.dismissMode==="automatic"){this.isManual=false;this.interactiveElements=[];if(this.visible){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,m)}}break}}async setVisible(){if(!this.visible)this.visible=true;if(!this.isManual){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,m);return null}else{window.setTimeout((()=>this.interactiveElements[0].setFocus()),200);return document.activeElement}}handleLongText(t,i){if(i||t){console.error(`Too many characters in toast ${t?"heading":""}${t&&i?" and ":""}${i?"message":""}. Refer to character limits specified in the prop description`)}}findNextInteractiveElement(t){const i=this.interactiveElements[0];const e=this.interactiveElements[this.interactiveElements.length-1];if(this.isActive(t?i:e))return t?e:i;let s=0;return this.interactiveElements.some(((t,i)=>{if(!this.isActive(t))return false;s=i;return true}))?this.interactiveElements[s+(t?-1:1)]:i}resetAutoDismissTimer(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval);this.timerProgress=100}isActive(t){return t===this.el?!!this.el.shadowRoot.activeElement:document.activeElement===t}render(){const{variant:t,heading:i,message:a,visible:c,isManual:d,dismissButtonAriaLabel:l}=this;return e(s,{key:"07c2077a8b872900f4adc9943829b3fdc58d0910",class:{["ic-toast-hidden"]:!c},tabindex:"0",onFocus:this.onFocus,onBlur:this.onBlur,role:d?"dialog":"alert","aria-live":d?null:"polite"},e("div",{key:"d58b7d50131a67dadcaf03c85d1724bd57a522e3",class:"container"},t&&c&&e("div",{key:"15c75b6bdc7a3d3fb0c31a3e9cdfd05d5f47d969",class:"toast-icon-container"},e("div",{key:"e850996cd9d5f6d9a921dd56878bbec7d6d7c417",class:{["divider"]:true,[`divider-${t}`]:true}}),t==="neutral"?e("slot",{name:"neutral-icon"}):e("span",{class:"toast-icon",innerHTML:r[t].icon})),e("div",{key:"3ba943e248e9492209bd89144c2baebc82a2c1f9",class:{["toast-content"]:true,["no-icon"]:t==="neutral"&&!n(this.el,"neutral-icon")}},e("div",{key:"e66852571c15ca60983bae3ee886fcf08b762276",class:"toast-text"},e("ic-typography",{key:"3ca4cdb553d651db0642a2ed788789cf843bcb68",variant:"subtitle-large",class:"toast-heading"},c&&(d?e("h5",null,i):e("p",null,i))),a&&e("ic-typography",{key:"a5044b7a0916d2a1fb0f79bd747ffaf7b54b64f2",variant:"body",class:"toast-message"},c&&e("p",{key:"48e15b146bfbb18208f70998cf6df1c8c5758deb"},a))),n(this.el,"action")&&e("div",{key:"010fac8238b54e19783d164bb5fac2a4ead5cb54",class:"toast-action-container"},e("slot",{key:"770796e85017801b9f48b1762392bac5c4ee11e5",name:"action"}))),!d?e("ic-loading-indicator",{class:"toast-dismiss-timer",theme:"dark",monochrome:true,size:"icon",progress:this.timerProgress,description:"Dismiss timer"}):e("ic-button",{id:"dismiss-button",innerHTML:o,onClick:this.dismissAction,variant:"icon","aria-label":l})))}get el(){return a(this)}static get watchers(){return{dismissMode:["dismissModeChangeHandler"],visible:["watchVisibleHandler"]}}};f.style=b;export{f as ic_toast};
+//# sourceMappingURL=p-864e337f.entry.js.map