@ukic/canary-web-components 3.0.0-canary.1 → 3.0.0-canary.11

package/dist/core/p-2c59f79e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icDialogCss","Dialog","constructor","hostRef","this","contentAreaMutationObserver","DATA_GETS_FOCUS","DATA_GETS_FOCUS_SELECTOR","DIALOG_CONTROLS","dialogHeight","focusedElementIndex","IC_TEXT_FIELD","IC_ACCORDION","IC_ACCORDION_GROUP","resizeObserver","dialogOpened","_a","dialogRendered","disableHeightConstraint","dialogEl","show","showModal","setTimeout","fadeIn","backdropEl","scrollTop","setInitialFocus","checkResizeObserver","runResizeObserver","getFocusedElementIndex","icDialogOpened","emit","ResizeObserver","clearTimeout","resizeTimeout","window","resizeObserverCallback","observe","clientHeight","refreshInteractiveElementsOnSlotChange","contentWrapper","el","shadowRoot","querySelector","contentArea","addEventListener","getInteractiveElements","MutationObserver","getSlotElements","forEach","childList","subtree","removeSlotChangeListener","removeEventListener","disconnect","sourceElement","document","activeElement","focusedElement","tagName","setFocus","focus","preventScroll","i","interactiveElementList","length","closeIconClick","open","Array","from","querySelectorAll","slottedInteractiveElements","slot","setAttribute","destructive","splice","getNextFocusEl","focusNextInteractiveElement","shiftKey","setFocusIndexBasedOnShiftKey","loopNextFocusIndexIfLastElement","nextFocusEl","isHidden","getComputedStyle","visibility","hasAttribute","renderDialog","buttons","size","heading","label","dismissLabel","hideCloseButton","h","class","disableWidthConstraint","ref","name","variant","id","innerHTML","closeIcon","onClick","isSlotUsed","cancelDialog","confirmDialog","closeOnBackdropClick","undefined","theme","watchOpenHandler","close","icDialogClosed","disconnectedCallback","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentDidRender","display","body","style","overflow","handleKeyboard","ev","key","preventDefault","repeat","stopImmediatePropagation","handleClick","dialogElement","composedPath","indexOf","rect","getBoundingClientRect","isInDialog","top","clientY","height","left","clientX","width","icDialogCancelled","icDialogConfirmed","render","Host"],"sources":["../web-components/dist/collection/components/ic-dialog/ic-dialog.css?tag=ic-dialog&encapsulation=shadow","../web-components/dist/collection/components/ic-dialog/ic-dialog.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n  * @prop --ic-z-index-dialog: z-index of dialog \n  */\n\n:host {\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100% !important;\n  background: rgb(0 0 0 / 60%);\n  z-index: var(--ic-z-index-dialog);\n  opacity: 0;\n}\n\n:host(.ic-dialog-fade-in) {\n  opacity: 1;\n}\n\n:host(.disable-height-constraint) {\n  background: none;\n  justify-content: unset;\n  align-items: unset;\n}\n\n.dialog.disable-height-constraint {\n  max-height: none;\n  position: relative;\n}\n\n.dialog.disable-height-constraint .content-area {\n  overflow-y: visible;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  :host {\n    transition: opacity var(--ic-easing-transition-slow);\n  }\n\n  .dialog {\n    transform: translateY(-3rem);\n    transition: transform 1000s;\n  }\n\n  :host(.ic-dialog-fade-in) .dialog {\n    transform: translateY(0);\n    transition: transform var(--ic-easing-transition-slow);\n  }\n}\n\n:host(.ic-dialog-hidden) {\n  display: none;\n}\n\n.dialog {\n  background-color: var(--ic-dialog-background);\n  color: var(--ic-dialog-text-primary);\n  --ic-typography-color: var(--ic-dialog-text-primary);\n  border: var(--ic-space-1px) solid var(--ic-dialog-border);\n  border-radius: var(--ic-border-radius);\n  padding: var(--ic-space-xs) 0 var(--ic-space-md);\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  overflow-x: visible;\n}\n\n.small {\n  width: 50%;\n  max-width: 25rem;\n  min-height: 11rem;\n  max-height: 70vh;\n}\n\n.medium {\n  width: 70vw;\n  max-width: 44rem;\n  min-height: 12.5rem;\n  max-height: 70vh;\n}\n\n.large {\n  width: 90vw;\n  max-width: 62.5rem;\n  min-height: 12.5rem;\n  max-height: 90vh;\n}\n\n.heading-area {\n  display: flex;\n  margin-bottom: var(--ic-space-xs);\n  padding: 0 var(--ic-space-md);\n}\n\n.heading {\n  overflow-wrap: break-word;\n}\n\n.close-icon {\n  margin-left: auto;\n}\n\n.close-icon > svg {\n  color: var(--ic-dialog-clear-button);\n}\n\n.content-area {\n  padding: 0 var(--ic-space-md);\n  margin: 0;\n  overflow-y: auto;\n}\n\n#dialog-content {\n  margin-bottom: var(--ic-space-sm);\n}\n\n#dialog-content ::slotted(ic-typography) {\n  overflow-wrap: break-word;\n}\n\n#dialog-content ::slotted(*) {\n  position: relative;\n}\n\n.dialog-controls {\n  margin-top: auto;\n  padding: var(--ic-space-xs) var(--ic-space-md) 0;\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--ic-space-md);\n}\n\n.dialog-control-button {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.backdrop {\n  overflow-y: auto;\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgb(0 0 0 / 60%);\n  z-index: var(--ic-z-index-dialog);\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.heading ic-typography {\n  --ic-typography-color: var(--ic-dialog-text-primary);\n}\n\n.label ic-typography {\n  --ic-typography-color: var(--ic-dialog-label);\n}\n\n@media (min-width: 800px) {\n  :host([size=\"large\"]) .dialog:not(.disable-width-constraint) > .content-area {\n    width: 75%;\n  }\n}\n\n@media (max-width: 576px) {\n  .dialog {\n    width: 100vw;\n    height: 100vh;\n    transform: translateY(-5rem);\n    max-width: none;\n    max-height: none;\n    box-sizing: border-box;\n  }\n\n  .backdrop {\n    padding: 0;\n  }\n\n  .dialog.disable-height-constraint {\n    height: auto;\n    min-height: 100vh;\n  }\n}\n\n@media (max-width: 364px) {\n  .dialog-control-button {\n    width: unset;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { isSlotUsed, checkResizeObserver, onComponentRequiredPropUndefined, getSlotElements, } from \"../../utils/helpers\";\n/**\n * @slot dialog-controls - Content will be place at the bottom of the dialog.\n * @slot heading - Content will be placed at the top of the dialog.\n * @slot label - Content will be placed above the dialog heading.\n * @slot alert - Content will be placed at the top of the content area of the dialog.\n */\nexport class Dialog {\n    constructor() {\n        this.contentAreaMutationObserver = null;\n        this.DATA_GETS_FOCUS = \"data-gets-focus\";\n        this.DATA_GETS_FOCUS_SELECTOR = \"[data-gets-focus]\";\n        this.DIALOG_CONTROLS = \"dialog-controls\";\n        this.dialogHeight = 0;\n        this.focusedElementIndex = 0;\n        this.IC_TEXT_FIELD = \"IC-TEXT-FIELD\";\n        this.IC_ACCORDION = \"IC-ACCORDION\";\n        this.IC_ACCORDION_GROUP = \"IC-ACCORDION-GROUP\";\n        this.resizeObserver = null;\n        this.dialogOpened = () => {\n            var _a;\n            this.dialogRendered = true;\n            if (this.disableHeightConstraint) {\n                this.dialogEl.show();\n            }\n            else {\n                (_a = this.dialogEl) === null || _a === void 0 ? void 0 : _a.showModal();\n            }\n            setTimeout(() => {\n                this.fadeIn = true;\n                /**\n                 * This is required to set scroll back to top if:\n                 * - dialog content goes below the fold\n                 * - is closed using cancel or confirm and reopened.\n                 *\n                 * Without this, the scroll bar will start from the dialog's last scroll-x coordinate.\n                 */\n                if (this.disableHeightConstraint && this.backdropEl.scrollTop !== 0) {\n                    this.backdropEl.scrollTop = 0;\n                }\n            }, 10);\n            setTimeout(() => {\n                this.setInitialFocus();\n                checkResizeObserver(this.runResizeObserver);\n            }, 75);\n            setTimeout(() => {\n                this.getFocusedElementIndex();\n                this.icDialogOpened.emit();\n            }, 80);\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                clearTimeout(this.resizeTimeout);\n                this.resizeTimeout = window.setTimeout(this.resizeObserverCallback, 80);\n            });\n            this.resizeObserver.observe(this.dialogEl);\n        };\n        this.resizeObserverCallback = () => {\n            if (this.dialogEl.clientHeight !== this.dialogHeight) {\n                this.dialogHeight = this.dialogEl.clientHeight;\n            }\n        };\n        this.refreshInteractiveElementsOnSlotChange = () => {\n            const contentWrapper = this.el.shadowRoot.querySelector(\"#dialog-content\");\n            this.contentArea = contentWrapper.querySelector(\"slot\");\n            // Detect changes to slotted elements\n            this.contentArea.addEventListener(\"slotchange\", this.getInteractiveElements);\n            this.contentAreaMutationObserver = new MutationObserver(() => {\n                this.getInteractiveElements();\n            });\n            // Detect changes to children of slotted elements\n            getSlotElements(contentWrapper).forEach((el) => {\n                this.contentAreaMutationObserver.observe(el, {\n                    childList: true,\n                    subtree: true,\n                });\n            });\n        };\n        this.removeSlotChangeListener = () => {\n            var _a;\n            if (this.contentArea) {\n                this.contentArea.removeEventListener(\"slotchange\", this.getInteractiveElements);\n                (_a = this.contentAreaMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n            }\n        };\n        this.setInitialFocus = () => {\n            this.sourceElement = document.activeElement;\n            let focusedElement;\n            if (this.el.querySelector(this.DATA_GETS_FOCUS_SELECTOR) !== null) {\n                focusedElement = this.el.querySelector(this.DATA_GETS_FOCUS_SELECTOR);\n            }\n            else {\n                focusedElement = this.el.shadowRoot.querySelector(this.DATA_GETS_FOCUS_SELECTOR);\n            }\n            if (focusedElement.tagName === this.IC_TEXT_FIELD) {\n                focusedElement.setFocus();\n            }\n            else if (focusedElement.tagName === this.IC_ACCORDION_GROUP) {\n                focusedElement.setFocus();\n            }\n            else if (focusedElement.tagName === this.IC_ACCORDION) {\n                focusedElement.setFocus();\n            }\n            else {\n                focusedElement.focus({\n                    preventScroll: this.disableHeightConstraint ? true : false,\n                });\n            }\n        };\n        this.getFocusedElementIndex = () => {\n            for (let i = 0; i < this.interactiveElementList.length; i++) {\n                if (this.interactiveElementList[i] ===\n                    (this.el.shadowRoot.activeElement || document.activeElement)) {\n                    this.focusedElementIndex = i;\n                }\n            }\n        };\n        this.closeIconClick = () => {\n            this.open = false;\n        };\n        this.getInteractiveElements = () => {\n            this.interactiveElementList = Array.from(this.el.shadowRoot.querySelectorAll(\"ic-button\"));\n            const slottedInteractiveElements = Array.from(this.el.querySelectorAll(`a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex=\"-1\"]),\n          ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-group, ic-radio-group,\n          ic-back-to-top, ic-breadcrumb, ic-chip[dismissible=\"true\"], ic-footer-link, ic-link, ic-navigation-button,\n          ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker`));\n            if (slottedInteractiveElements.length > 0) {\n                if (slottedInteractiveElements[0].slot !== this.DIALOG_CONTROLS) {\n                    slottedInteractiveElements[0].setAttribute(this.DATA_GETS_FOCUS, \"\");\n                }\n                else if (!this.destructive) {\n                    slottedInteractiveElements[slottedInteractiveElements.length - 1].setAttribute(this.DATA_GETS_FOCUS, \"\");\n                }\n            }\n            for (let i = 0; i < slottedInteractiveElements.length; i++) {\n                this.interactiveElementList.splice(1 + i, 0, slottedInteractiveElements[i]);\n            }\n        };\n        this.getNextFocusEl = (focusedElementIndex) => this.interactiveElementList[focusedElementIndex];\n        this.focusNextInteractiveElement = (shiftKey) => {\n            this.getFocusedElementIndex();\n            if (this.interactiveElementList[this.focusedElementIndex].tagName ===\n                \"IC-SEARCH-BAR\") {\n                return false;\n            }\n            this.setFocusIndexBasedOnShiftKey(shiftKey);\n            this.loopNextFocusIndexIfLastElement();\n            let nextFocusEl = this.getNextFocusEl(this.focusedElementIndex);\n            const isHidden = getComputedStyle(nextFocusEl).visibility === \"hidden\" ||\n                (nextFocusEl.tagName === this.IC_ACCORDION_GROUP &&\n                    nextFocusEl.hasAttribute(\"single-expansion\"));\n            if (nextFocusEl.tagName === this.IC_TEXT_FIELD) {\n                nextFocusEl.setFocus();\n            }\n            else {\n                if (isHidden) {\n                    this.setFocusIndexBasedOnShiftKey(shiftKey);\n                    this.loopNextFocusIndexIfLastElement();\n                    nextFocusEl = this.getNextFocusEl(this.focusedElementIndex);\n                }\n                if (nextFocusEl.tagName === this.IC_ACCORDION_GROUP) {\n                    nextFocusEl.setFocus();\n                }\n                else if (nextFocusEl.tagName === this.IC_ACCORDION) {\n                    nextFocusEl.setFocus();\n                }\n                else {\n                    nextFocusEl.focus();\n                }\n            }\n            return true;\n        };\n        this.renderDialog = () => {\n            const { buttons, size, heading, label, destructive, dismissLabel, hideCloseButton, } = this;\n            return (h(\"dialog\", { class: {\n                    [\"dialog\"]: true,\n                    [`${size}`]: true,\n                    [\"disable-height-constraint\"]: this.disableHeightConstraint,\n                    [\"disable-width-constraint\"]: this.disableWidthConstraint,\n                }, \"aria-labelledby\": \"dialog-label dialog-heading\", \"aria-describedby\": \"dialog-alert dialog-content\", ref: (el) => (this.dialogEl = el) }, h(\"div\", { class: \"heading-area\" }, h(\"div\", { class: \"heading-content\" }, h(\"div\", { class: \"label\" }, h(\"slot\", { name: \"label\" }, h(\"ic-typography\", { variant: \"label\", id: \"dialog-label\" }, label))), h(\"div\", { class: \"heading\" }, h(\"slot\", { name: \"heading\" }, h(\"ic-typography\", { variant: \"h4\", id: \"dialog-heading\" }, heading)))), !hideCloseButton && (h(\"ic-button\", { class: \"close-icon\", variant: \"icon\", innerHTML: closeIcon, \"aria-label\": dismissLabel, onClick: this.closeIconClick, \"data-gets-focus\": destructive || !buttons ? \"\" : null }))), h(\"div\", { class: \"content-area\" }, isSlotUsed(this.el, \"alert\") && h(\"slot\", { name: \"alert\" }), h(\"div\", { id: \"dialog-content\" }, h(\"slot\", null))), buttons &&\n                (isSlotUsed(this.el, this.DIALOG_CONTROLS) ? (h(\"div\", { class: {\n                        [this.DIALOG_CONTROLS]: true,\n                    } }, h(\"slot\", { name: this.DIALOG_CONTROLS }))) : (h(\"div\", { class: {\n                        [this.DIALOG_CONTROLS]: true,\n                    } }, h(\"ic-button\", { variant: \"tertiary\", onClick: () => this.cancelDialog(), class: \"dialog-control-button\", \"data-gets-focus\": null }, \"Cancel\"), h(\"ic-button\", { variant: this.destructive ? \"destructive\" : \"primary\", onClick: () => this.confirmDialog(), class: \"dialog-control-button\", \"data-gets-focus\": \"\" }, \"Confirm\"))))));\n        };\n        this.dialogRendered = false;\n        this.fadeIn = false;\n        this.buttons = true;\n        this.closeOnBackdropClick = true;\n        this.destructive = false;\n        this.dismissLabel = \"Dismiss\";\n        this.disableHeightConstraint = false;\n        this.disableWidthConstraint = false;\n        this.hideCloseButton = false;\n        this.heading = undefined;\n        this.label = undefined;\n        this.open = undefined;\n        this.size = \"small\";\n        this.theme = \"inherit\";\n    }\n    watchOpenHandler() {\n        if (this.open) {\n            this.dialogOpened();\n        }\n        else {\n            this.fadeIn = false;\n            if (this.resizeObserver !== null) {\n                this.resizeObserver.disconnect();\n            }\n            setTimeout(() => {\n                var _a;\n                this.dialogRendered = false;\n                this.dialogEl.close();\n                (_a = this.sourceElement) === null || _a === void 0 ? void 0 : _a.focus();\n                this.dialogHeight = 0;\n                this.icDialogClosed.emit();\n            }, 80);\n        }\n    }\n    disconnectedCallback() {\n        this.removeSlotChangeListener();\n    }\n    componentDidLoad() {\n        this.getInteractiveElements();\n        this.refreshInteractiveElementsOnSlotChange();\n        if (this.open) {\n            this.dialogOpened();\n        }\n        !isSlotUsed(this.el, \"heading\") &&\n            onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Dialog\");\n    }\n    componentDidRender() {\n        if (getComputedStyle(this.el).display !== \"none\" &&\n            this.disableHeightConstraint) {\n            document.body.style.overflow = \"hidden\";\n        }\n        else {\n            document.body.style.overflow = \"auto\";\n        }\n    }\n    handleKeyboard(ev) {\n        if (this.dialogRendered) {\n            switch (ev.key) {\n                case \"Tab\":\n                    if (this.focusNextInteractiveElement(ev.shiftKey)) {\n                        ev.preventDefault();\n                    }\n                    break;\n                case \"Escape\":\n                    if (!ev.repeat) {\n                        this.open = false;\n                    }\n                    ev.stopImmediatePropagation();\n                    break;\n            }\n        }\n    }\n    handleClick(ev) {\n        const dialogElement = this.el.shadowRoot.querySelector(\"dialog\");\n        if (this.closeOnBackdropClick &&\n            ev.composedPath().indexOf(dialogElement) <= 0) {\n            const rect = this.dialogEl.getBoundingClientRect();\n            const isInDialog = rect.top <= ev.clientY &&\n                ev.clientY <= rect.top + rect.height &&\n                rect.left <= ev.clientX &&\n                ev.clientX <= rect.left + rect.width;\n            if (!isInDialog) {\n                this.open = false;\n            }\n        }\n    }\n    /**\n     * Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.\n     */\n    async cancelDialog() {\n        this.icDialogCancelled.emit();\n        this.open = false;\n    }\n    /**\n     * Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.\n     */\n    async confirmDialog() {\n        this.icDialogConfirmed.emit();\n    }\n    loopNextFocusIndexIfLastElement() {\n        if (this.focusedElementIndex > this.interactiveElementList.length - 1)\n            this.focusedElementIndex = 0;\n        else if (this.focusedElementIndex < 0) {\n            this.focusedElementIndex = this.interactiveElementList.length - 1;\n        }\n    }\n    setFocusIndexBasedOnShiftKey(shiftKey) {\n        if (shiftKey) {\n            this.focusedElementIndex -= 1;\n        }\n        else {\n            this.focusedElementIndex += 1;\n        }\n    }\n    render() {\n        return (h(Host, { class: {\n                [\"ic-dialog-hidden\"]: !this.dialogRendered,\n                [\"ic-dialog-fade-in\"]: this.fadeIn,\n                [\"disable-height-constraint\"]: this.disableHeightConstraint,\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            } }, this.disableHeightConstraint ? (h(\"div\", { class: \"backdrop\", ref: (el) => (this.backdropEl = el) }, this.renderDialog())) : (this.renderDialog())));\n    }\n    static get is() { return \"ic-dialog\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-dialog.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-dialog.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"buttons\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If set to `false`, default buttons will not be shown, but slotted dialog controls will still be displayed.\"\n                },\n                \"attribute\": \"buttons\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"closeOnBackdropClick\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If set to `false`, the dialog will not close when the backdrop is clicked.\"\n                },\n                \"attribute\": \"close-on-backdrop-click\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"destructive\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If 'true', sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.\"\n                },\n                \"attribute\": \"destructive\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"dismissLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the dismiss label tooltip and aria label.\"\n                },\n                \"attribute\": \"dismiss-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Dismiss\\\"\"\n            },\n            \"disableHeightConstraint\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold.\\nThis prop also prevents popover elements from being cut off within the content area.\"\n                },\n                \"attribute\": \"disable-height-constraint\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disableWidthConstraint\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant.\"\n                },\n                \"attribute\": \"disable-width-constraint\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"hideCloseButton\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the close button will not be displayed.\"\n                },\n                \"attribute\": \"hide-close-button\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the heading for the dialog.\"\n                },\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the optional label for the dialog which appears above the heading.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"open\": {\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 dialog will be displayed.\"\n                },\n                \"attribute\": \"open\",\n                \"reflect\": true,\n                \"defaultValue\": \"undefined\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"small\\\" | \\\"medium\\\" | \\\"large\\\"\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the maximum and minimum height and width for the dialog.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"small\\\"\"\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\": 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                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"dialogRendered\": {},\n            \"fadeIn\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icDialogCancelled\",\n                \"name\": \"icDialogCancelled\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Cancelation event emitted when default 'Cancel' button clicked or 'cancelDialog' method is called.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icDialogClosed\",\n                \"name\": \"icDialogClosed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when dialog has closed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icDialogConfirmed\",\n                \"name\": \"icDialogConfirmed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Confirmation event emitted when default 'Confirm' primary button clicked or 'confirmDialog' method is called.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icDialogOpened\",\n                \"name\": \"icDialogOpened\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when dialog has opened.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"cancelDialog\": {\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\": \"Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.\",\n                    \"tags\": []\n                }\n            },\n            \"confirmDialog\": {\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\": \"Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"open\",\n                \"methodName\": \"watchOpenHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyboard\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"click\",\n                \"method\": \"handleClick\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-dialog.js.map\n"],"mappings":"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"}

package/dist/core/{p-bf670360.entry.js → p-2e261288.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i,g as o}from"./p-8455d1bb.js";import{d as n}from"./p-9397b15b.js";const a='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:flex;flex-direction:column}ic-typography{--ic-typography-color:var(--ic-color-tertiary-text);margin:var(--ic-space-xs) var(--ic-space-xs) 0}ul{list-style-type:none;margin:0;padding:0}hr{display:flex;align-self:stretch;border:calc(var(--ic-space-xxxs) / 2) solid var(--ic-architectural-300);margin:var(--ic-space-xxs) 0 calc(var(--ic-space-sm) / 4)}';const r=class{constructor(t){e(this,t);this.label=undefined}render(){const e=this.el.closest("ic-popover-menu");return t(i,{"aria-label":this.label!==null?this.label:""},n(this.label)&&t("ic-typography",{variant:"subtitle-small"},this.label),t("ul",{role:"group"},t("slot",null)),this.el!==(e===null||e===void 0?void 0:e.querySelector("ic-menu-group:last-child"))&&t("hr",null))}get el(){return o(this)}};r.style=a;export{r as ic_menu_group};
-//# sourceMappingURL=p-bf670360.entry.js.map
+import{r as e,h as t,H as i,g as o}from"./p-8455d1bb.js";import{d as n}from"./p-70616efa.js";const a='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:flex;flex-direction:column}ic-typography{--ic-typography-color:var(--ic-popover-parent-label);margin:var(--ic-space-xs) var(--ic-space-xs) 0}ul{list-style-type:none;margin:0;padding:0}hr{display:flex;align-self:stretch;border:calc(var(--ic-space-xxxs) / 2) solid var(--ic-popover-border);margin:var(--ic-space-xxs) 0 calc(var(--ic-space-sm) / 4)}';const r=class{constructor(t){e(this,t);this.label=undefined}render(){const e=this.el.closest("ic-popover-menu");return t(i,{role:"group","aria-label":this.label!==null?this.label:""},n(this.label)&&t("ic-typography",{variant:"subtitle-small"},this.label),t("span",{class:"menu-items-wrapper"},t("slot",null)),this.el!==(e===null||e===void 0?void 0:e.querySelector("ic-menu-group:last-child"))&&t("hr",null))}get el(){return o(this)}};r.style=a;export{r as ic_menu_group};
+//# sourceMappingURL=p-2e261288.entry.js.map

package/dist/core/p-2e261288.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icMenuGroupCss","MenuGroup","constructor","hostRef","this","label","undefined","render","parentMenu","el","closest","h","Host","role","isPropDefined","variant","class","querySelector"],"sources":["../web-components/dist/collection/components/ic-menu-group/ic-menu-group.css?tag=ic-menu-group&encapsulation=shadow","../web-components/dist/collection/components/ic-menu-group/ic-menu-group.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:host {\n  display: flex;\n  flex-direction: column;\n}\n\nic-typography {\n  --ic-typography-color: var(--ic-popover-parent-label);\n\n  margin: var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\nul {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\nhr {\n  display: flex;\n  align-self: stretch;\n  border: calc(var(--ic-space-xxxs) / 2) solid var(--ic-popover-border);\n  margin: var(--ic-space-xxs) 0 calc(var(--ic-space-sm) / 4);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { isPropDefined } from \"../../utils/helpers\";\nexport class MenuGroup {\n    constructor() {\n        this.label = undefined;\n    }\n    render() {\n        const parentMenu = this.el.closest(\"ic-popover-menu\");\n        return (h(Host, { role: \"group\", \"aria-label\": this.label !== null ? this.label : \"\" }, isPropDefined(this.label) && (h(\"ic-typography\", { variant: \"subtitle-small\" }, this.label)), h(\"span\", { class: \"menu-items-wrapper\" }, h(\"slot\", null)), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector(\"ic-menu-group:last-child\")) && (h(\"hr\", null))));\n    }\n    static get is() { return \"ic-menu-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-menu-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-menu-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label to display as the title of the menu group.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-menu-group.js.map\n"],"mappings":"6FAAA,MAAMA,EAAiB,4sF,MCEVC,EAAS,MAClB,WAAAC,CAAAC,G,UACIC,KAAKC,MAAQC,S,CAEjB,MAAAC,GACI,MAAMC,EAAaJ,KAAKK,GAAGC,QAAQ,mBACnC,OAAQC,EAAEC,EAAM,CAAEC,KAAM,QAAS,aAAcT,KAAKC,QAAU,KAAOD,KAAKC,MAAQ,IAAMS,EAAcV,KAAKC,QAAWM,EAAE,gBAAiB,CAAEI,QAAS,kBAAoBX,KAAKC,OAASM,EAAE,OAAQ,CAAEK,MAAO,sBAAwBL,EAAE,OAAQ,OAAQP,KAAKK,MAAQD,IAAe,MAAQA,SAAoB,OAAS,EAAIA,EAAWS,cAAc,8BAAiCN,EAAE,KAAM,M"}

package/dist/core/p-36242f26.entry.js

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

package/dist/core/p-36242f26.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Theme","constructor","hostRef","this","darkModeChangeHandler","theme","themeClass","window","matchMedia","matches","checkBrandColorContrast","getBrandColorBrightness","BLACK_MIN_COLOR_BRIGHTNESS","WHITE_MAX_COLOR_BRIGHTNESS","console","warn","setBrandColor","colorRGBA","convertToRGBA","brandColor","r","g","b","a","style","document","documentElement","setProperty","brandChange","emit","mode","getBrandForegroundAppearance","color","watchBrandColorPropHandler","watchThemePropHandler","componentWillLoad","addEventListener","render","h","Host","class"],"sources":["../web-components/dist/collection/components/ic-theme/ic-theme.js"],"sourcesContent":["import { Host, h, } from \"@stencil/core\";\nimport { convertToRGBA, getBrandForegroundAppearance, } from \"../../utils/helpers\";\nimport { getBrandColorBrightness } from \"../../utils/helpers\";\nimport { BLACK_MIN_COLOR_BRIGHTNESS, WHITE_MAX_COLOR_BRIGHTNESS, } from \"../../utils/constants\";\nexport class Theme {\n    constructor() {\n        this.darkModeChangeHandler = () => {\n            if (this.theme === \"system\") {\n                this.themeClass =\n                    window.matchMedia &&\n                        window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n                        ? \"ic-theme-dark\"\n                        : \"ic-theme-light\";\n            }\n            else {\n                this.themeClass = `ic-theme-${this.theme}`;\n            }\n        };\n        this.checkBrandColorContrast = () => {\n            if (getBrandColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&\n                getBrandColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {\n                console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`);\n            }\n        };\n        this.setBrandColor = () => {\n            const colorRGBA = convertToRGBA(this.brandColor);\n            if (colorRGBA) {\n                const { r, g, b, a } = colorRGBA;\n                const { style } = document.documentElement;\n                style.setProperty(\"--ic-brand-color-primary-r\", `${r}`);\n                style.setProperty(\"--ic-brand-color-primary-g\", `${g}`);\n                style.setProperty(\"--ic-brand-color-primary-b\", `${b}`);\n                style.setProperty(\"--ic-brand-color-primary-a\", `${a}`);\n                this.checkBrandColorContrast();\n                this.brandChange.emit({\n                    mode: getBrandForegroundAppearance(),\n                    color: colorRGBA,\n                });\n            }\n        };\n        this.themeClass = \"\";\n        this.brandColor = null;\n        this.theme = \"light\";\n    }\n    watchBrandColorPropHandler() {\n        this.setBrandColor();\n    }\n    watchThemePropHandler() {\n        this.darkModeChangeHandler();\n    }\n    componentWillLoad() {\n        this.darkModeChangeHandler();\n        this.setBrandColor();\n        window.matchMedia &&\n            window\n                .matchMedia(\"(prefers-color-scheme: dark)\")\n                .addEventListener(\"change\", this.darkModeChangeHandler);\n    }\n    render() {\n        const { themeClass } = this;\n        return (h(Host, { class: themeClass }, h(\"slot\", null)));\n    }\n    static get is() { return \"ic-theme\"; }\n    static get properties() {\n        return {\n            \"brandColor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcColor\",\n                    \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})`\",\n                    \"references\": {\n                        \"IcColor\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcColor\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The brand colour. Can be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n                },\n                \"attribute\": \"brand-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"null\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"dark\\\" | \\\"light\\\" | \\\"system\\\"\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"light\\\" | \\\"system\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The theme mode. Can be \\\"dark\\\", \\\"light\\\", or \\\"system\\\". \\\"system\\\" will use the device or browser settings.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"light\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"themeClass\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"brandChange\",\n                \"name\": \"brandChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the brand color is changed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcBrand\",\n                    \"resolved\": \"{ mode: IcBrandForeground; color: IcColorRGB; }\",\n                    \"references\": {\n                        \"IcBrand\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcBrand\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"brandColor\",\n                \"methodName\": \"watchBrandColorPropHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemePropHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-theme.js.map\n"],"mappings":"0HAIaA,EAAK,MACd,WAAAC,CAAAC,G,mDACIC,KAAKC,sBAAwB,KACzB,GAAID,KAAKE,QAAU,SAAU,CACzBF,KAAKG,WACDC,OAAOC,YACHD,OAAOC,WAAW,gCAAgCC,QAChD,gBACA,gB,KAET,CACDN,KAAKG,WAAa,YAAYH,KAAKE,O,GAG3CF,KAAKO,wBAA0B,KAC3B,GAAIC,IAA4BC,GAC5BD,IAA4BE,EAA4B,CACxDC,QAAQC,KAAK,4T,GAGrBZ,KAAKa,cAAgB,KACjB,MAAMC,EAAYC,EAAcf,KAAKgB,YACrC,GAAIF,EAAW,CACX,MAAMG,EAAGC,EAAEA,EAACC,EAAEA,EAACC,EAAEA,GAAMN,EACvB,MAAMO,MAAEA,GAAUC,SAASC,gBAC3BF,EAAMG,YAAY,6BAA8B,GAAGP,KACnDI,EAAMG,YAAY,6BAA8B,GAAGN,KACnDG,EAAMG,YAAY,6BAA8B,GAAGL,KACnDE,EAAMG,YAAY,6BAA8B,GAAGJ,KACnDpB,KAAKO,0BACLP,KAAKyB,YAAYC,KAAK,CAClBC,KAAMC,IACNC,MAAOf,G,GAInBd,KAAKG,WAAa,GAClBH,KAAKgB,WAAa,KAClBhB,KAAKE,MAAQ,O,CAEjB,0BAAA4B,GACI9B,KAAKa,e,CAET,qBAAAkB,GACI/B,KAAKC,uB,CAET,iBAAA+B,GACIhC,KAAKC,wBACLD,KAAKa,gBACLT,OAAOC,YACHD,OACKC,WAAW,gCACX4B,iBAAiB,SAAUjC,KAAKC,sB,CAE7C,MAAAiC,GACI,MAAM/B,WAAEA,GAAeH,KACvB,OAAQmC,EAAEC,EAAM,CAAEC,MAAOlC,GAAcgC,EAAE,OAAQ,M"}

package/dist/core/p-37cced7a.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as e,h as t,H as o,g as a}from"./p-8455d1bb.js";import{c as r,r as s,q as c,b as n,i as l}from"./p-70616efa.js";const d=`<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10 0C4.47 0 0 4.47 0 10C0 15.53 4.47 20 10 20C15.53 20 20 15.53 20 10C20 4.47 15.53 0 10 0ZM15 13.59L13.59 15L10 11.41L6.41 15L5 13.59L8.59 10L5 6.41L6.41 5L10 8.59L13.59 5L15 6.41L11.41 10L15 13.59Z" fill="currentColor"/>\n</svg>\n`;const 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}:host{display:inline-block;max-width:100%;vertical-align:middle}.chip{--chip-bg-color:transparent;--chip-hover-bg:var(--ic-chip-action-hover);--chip-pressed-bg:var(--ic-chip-action-pressed);display:flex;padding:var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;position:relative;background-color:var(--chip-bg-color);border:var(--ic-border-width) solid transparent;justify-content:space-between}@media (prefers-reduced-motion: no-preference){.chip{transition:var(--ic-easing-transition-fast)}}.chip.small{padding:var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.chip.large{padding:var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.label{padding:0 var(--ic-space-xs)}.chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}ic-tooltip:focus-within{z-index:1}.filled{--chip-bg-color:var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );--ic-typography-color:var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );color:var(--chip-custom-foreground-color, var(--ic-chip-label))}.filled.disabled{--chip-bg-color:var(--ic-chip-background-filled-inactive)}:host(.ic-chip-dark-text){--chip-custom-foreground-color:var(--ic-architectural-black)}:host(.ic-chip-light-text){--chip-custom-foreground-color:var(--ic-architectural-white)}:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-dark-bg-hover)}:host(.ic-chip-dark-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-dark-bg-pressed)}:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-light-bg-hover)}:host(.ic-chip-light-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-light-bg-pressed)}.outlined{color:var(--ic-chip-label);border-color:var(--chip-custom-color, var(--ic-chip-outline));padding:calc(var(--ic-space-xxs));--ic-typography-color:var(--ic-chip-label)}.outlined.disabled{border:var(--ic-border-disabled);border-color:var(--ic-chip-outline-inactive)}.chip.disabled ic-typography{--ic-typography-color:var(--ic-chip-label-inactive)}.dismiss-icon{border:none;border-radius:50%;padding:0;color:currentcolor;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}.dismiss-icon:focus{outline:var(--ic-hc-focus-outline)}.dismiss-icon[disabled]{pointer-events:none;color:var(--ic-chip-icon-inactive)}.icon{padding:var(--ic-space-xxxs);box-sizing:border-box}.icon,ic-tooltip{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chip.disabled path,.chip.disabled ::slotted(svg){fill:var(--ic-chip-icon-inactive)}.outlined.non-transparent{background-color:var(--ic-chip-outline-background)}:host .chip.hovered:not(:focus-within){background-image:linear-gradient(var(--chip-hover-bg) 0 0)}:host .chip:focus-within{background-image:linear-gradient(var(--chip-pressed-bg) 0 0)}@media (forced-colors: active){.chip{border:var(--ic-border-hc)}.chip.disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.chip.disabled ic-typography{--ic-typography-color:GrayText}.chip.disabled path,.chip.disabled ::slotted(svg){fill:GrayText}.chip:focus-within{outline:none;border-color:Highlight}}';const p=class{constructor(t){i(this,t);this.icDismiss=e(this,"icDismiss",7);this.inAGGrid=false;this.dismissAction=()=>{this.icDismiss.emit()};this.mouseEnterHandler=()=>{this.hovered=true};this.mouseLeaveHandler=()=>{this.hovered=false};this.setChipColour=()=>{const i=r(this.customColor);if(i){const{r:e,g:t,b:o,a}=i;this.customColorClass=(e*299+t*587+o*114)/1e3>133.3505?"ic-chip-dark-text":"ic-chip-light-text";this.el.setAttribute("style",`--chip-custom-color: rgba(${e}, ${t}, ${o}, ${a});`)}else{this.customColorClass=""}};this.customColorClass="";this.hovered=false;this.visible=true;this.customColor=null;this.disabled=false;this.dismissible=false;this.label=undefined;this.size="medium";this.theme="inherit";this.transparentBackground=true;this.variant="filled";this.dismissLabel="Dismiss"}customColorHandler(){this.setChipColour()}watchDisabledHandler(){s(this.disabled,this.el)}componentWillLoad(){s(this.disabled,this.el);this.customColorHandler()}componentWillRender(){if(c(this.el)){this.inAGGrid=true}}componentDidLoad(){n([{prop:this.label,propName:"label"}],"Chip")}handleClick(){this.visible=!this.visible}async setFocus(){var i;(i=this.el.shadowRoot.querySelector("button"))===null||i===void 0?void 0:i.focus()}render(){const{label:i,variant:e,size:a,dismissible:r,visible:s,disabled:c,hovered:n,theme:h,customColorClass:p,dismissLabel:b}=this;return t(o,{class:{[`ic-theme-${h}`]:h!=="inherit",[`${p}`]:e==="filled"&&p!==""}},s&&t("div",{class:{chip:true,[`${e}`]:true,[`${a}`]:true,disabled:c,dismissible:r,hovered:n,"non-transparent":this.variant==="outlined"&&!this.transparentBackground}},l(this.el,"icon")&&t("div",{class:"icon"},t("slot",{name:"icon"})),t("ic-typography",{variant:"label","apply-vertical-margins":false,class:{label:true,"in-ag-grid":this.inAGGrid}},t("span",null,i)),r&&t("ic-tooltip",{label:b,target:"dismiss-icon",class:{"tooltip-disabled":c}},t("button",{id:"dismiss-icon",class:"dismiss-icon","aria-label":`${b} ${i} chip`,disabled:c,tabindex:c?-1:0,onClick:this.dismissAction,onMouseEnter:this.mouseEnterHandler,onMouseLeave:this.mouseLeaveHandler,innerHTML:d})),l(this.el,"badge")&&t("slot",{name:"badge"})))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{customColor:["customColorHandler"],disabled:["watchDisabledHandler"]}}};p.style=h;export{p as ic_chip};
+//# sourceMappingURL=p-37cced7a.entry.js.map

package/dist/core/p-37cced7a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icChipCss","Chip","constructor","hostRef","this","inAGGrid","dismissAction","icDismiss","emit","mouseEnterHandler","hovered","mouseLeaveHandler","setChipColour","colorRGBA","convertToRGBA","customColor","r","g","b","a","customColorClass","el","setAttribute","visible","disabled","dismissible","label","undefined","size","theme","transparentBackground","variant","dismissLabel","customColorHandler","watchDisabledHandler","removeDisabledFalse","componentWillLoad","componentWillRender","isElInAGGrid","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","handleClick","setFocus","_a","shadowRoot","querySelector","focus","render","h","Host","class","chip","isSlotUsed","name","target","id","tabindex","onClick","onMouseEnter","onMouseLeave","innerHTML","dismissIcon","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-chip/ic-chip.css?tag=ic-chip&encapsulation=shadow","../web-components/dist/collection/components/ic-chip/ic-chip.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:host {\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: middle;\n}\n\n.chip {\n  --chip-bg-color: transparent;\n  --chip-hover-bg: var(--ic-chip-action-hover);\n  --chip-pressed-bg: var(--ic-chip-action-pressed);\n\n  display: flex;\n  padding: var(--ic-space-xxs);\n  font-size: 0.875rem;\n  border-radius: var(--ic-space-md);\n  text-align: left;\n  text-decoration: none;\n  position: relative;\n  background-color: var(--chip-bg-color);\n  border: var(--ic-border-width) solid transparent;\n  justify-content: space-between;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .chip {\n    transition: var(--ic-easing-transition-fast);\n  }\n}\n\n.chip.small {\n  padding: var(--ic-space-xxxs);\n  border-radius: calc(var(--ic-space-md) - var(--ic-space-xxxs));\n}\n\n.chip.large {\n  padding: var(--ic-space-xs);\n  border-radius: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n.label {\n  padding: 0 var(--ic-space-xs);\n}\n\n.chip:focus-within {\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n  z-index: 1;\n}\n\nic-tooltip:focus-within {\n  z-index: 1;\n}\n\n.filled {\n  --chip-bg-color: var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );\n  --ic-typography-color: var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );\n\n  color: var(--chip-custom-foreground-color, var(--ic-chip-label));\n}\n\n.filled.disabled {\n  --chip-bg-color: var(--ic-chip-background-filled-inactive);\n}\n\n:host(.ic-chip-dark-text) {\n  --chip-custom-foreground-color: var(--ic-architectural-black);\n}\n\n:host(.ic-chip-light-text) {\n  --chip-custom-foreground-color: var(--ic-architectural-white);\n}\n\n:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within) {\n  --chip-hover-bg: var(--ic-action-dark-bg-hover);\n}\n\n:host(.ic-chip-dark-text) .chip.filled:focus-within {\n  --chip-pressed-bg: var(--ic-action-dark-bg-pressed);\n}\n\n:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within) {\n  --chip-hover-bg: var(--ic-action-light-bg-hover);\n}\n\n:host(.ic-chip-light-text) .chip.filled:focus-within {\n  --chip-pressed-bg: var(--ic-action-light-bg-pressed);\n}\n\n.outlined {\n  color: var(--ic-chip-label);\n  border-color: var(--chip-custom-color, var(--ic-chip-outline));\n  padding: calc(var(--ic-space-xxs));\n\n  --ic-typography-color: var(--ic-chip-label);\n}\n\n.outlined.disabled {\n  border: var(--ic-border-disabled);\n  border-color: var(--ic-chip-outline-inactive);\n}\n\n.chip.disabled ic-typography {\n  --ic-typography-color: var(--ic-chip-label-inactive);\n}\n\n.dismiss-icon {\n  border: none;\n  border-radius: 50%;\n  padding: 0;\n  color: currentcolor;\n  background: none;\n  cursor: pointer;\n  margin: var(--ic-space-xxxs);\n  height: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  width: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n}\n\n.dismiss-icon:focus {\n  outline: var(--ic-hc-focus-outline);\n}\n\n.dismiss-icon[disabled] {\n  pointer-events: none;\n  color: var(--ic-chip-icon-inactive);\n}\n\n.icon {\n  padding: var(--ic-space-xxxs);\n  box-sizing: border-box;\n}\n\n.icon,\nic-tooltip {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n.chip.disabled path,\n.chip.disabled ::slotted(svg) {\n  fill: var(--ic-chip-icon-inactive);\n}\n\n.outlined.non-transparent {\n  background-color: var(--ic-chip-outline-background);\n}\n\n:host .chip.hovered:not(:focus-within) {\n  background-image: linear-gradient(var(--chip-hover-bg) 0 0);\n}\n\n:host .chip:focus-within {\n  background-image: linear-gradient(var(--chip-pressed-bg) 0 0);\n}\n\n@media (forced-colors: active) {\n  .chip {\n    border: var(--ic-border-hc);\n  }\n\n  .chip.disabled {\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    border-color: GrayText;\n  }\n\n  .chip.disabled ic-typography {\n    --ic-typography-color: GrayText;\n  }\n\n  .chip.disabled path,\n  .chip.disabled ::slotted(svg) {\n    fill: GrayText;\n  }\n\n  .chip:focus-within {\n    outline: none;\n    border-color: Highlight;\n  }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined, isSlotUsed, removeDisabledFalse, convertToRGBA, isElInAGGrid, } from \"../../utils/helpers\";\nimport dismissIcon from \"../../assets/dismiss-icon.svg\";\n/**\n * @slot icon - Content will be rendered at the start of the chip.\n * @slot badge - Badge component overlaying the top right of the chip.\n */\nexport class Chip {\n    constructor() {\n        this.inAGGrid = false;\n        this.dismissAction = () => {\n            this.icDismiss.emit();\n        };\n        this.mouseEnterHandler = () => {\n            this.hovered = true;\n        };\n        this.mouseLeaveHandler = () => {\n            this.hovered = false;\n        };\n        this.setChipColour = () => {\n            const colorRGBA = convertToRGBA(this.customColor);\n            if (colorRGBA) {\n                const { r, g, b, a } = colorRGBA;\n                this.customColorClass =\n                    (r * 299 + g * 587 + b * 114) / 1000 > 133.3505\n                        ? \"ic-chip-dark-text\"\n                        : \"ic-chip-light-text\";\n                this.el.setAttribute(\"style\", `--chip-custom-color: rgba(${r}, ${g}, ${b}, ${a});`);\n            }\n            else {\n                this.customColorClass = \"\";\n            }\n        };\n        this.customColorClass = \"\";\n        this.hovered = false;\n        this.visible = true;\n        this.customColor = null;\n        this.disabled = false;\n        this.dismissible = false;\n        this.label = undefined;\n        this.size = \"medium\";\n        this.theme = \"inherit\";\n        this.transparentBackground = true;\n        this.variant = \"filled\";\n        this.dismissLabel = \"Dismiss\";\n    }\n    customColorHandler() {\n        this.setChipColour();\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n        this.customColorHandler();\n    }\n    componentWillRender() {\n        if (isElInAGGrid(this.el)) {\n            this.inAGGrid = true;\n        }\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Chip\");\n    }\n    handleClick() {\n        this.visible = !this.visible;\n    }\n    /**\n     * Sets focus on the chip.\n     */\n    async setFocus() {\n        var _a;\n        (_a = this.el.shadowRoot.querySelector(\"button\")) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    render() {\n        const { label, variant, size, dismissible, visible, disabled, hovered, theme, customColorClass, dismissLabel, } = this;\n        return (h(Host, { class: {\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                [`${customColorClass}`]: variant === \"filled\" && customColorClass !== \"\",\n            } }, visible && (h(\"div\", { class: {\n                chip: true,\n                [`${variant}`]: true,\n                [`${size}`]: true,\n                disabled,\n                dismissible,\n                hovered,\n                \"non-transparent\": this.variant === \"outlined\" && !this.transparentBackground,\n            } }, isSlotUsed(this.el, \"icon\") && (h(\"div\", { class: \"icon\" }, h(\"slot\", { name: \"icon\" }))), h(\"ic-typography\", { variant: \"label\", \"apply-vertical-margins\": false, class: { label: true, \"in-ag-grid\": this.inAGGrid } }, h(\"span\", null, label)), dismissible && (h(\"ic-tooltip\", { label: dismissLabel, target: \"dismiss-icon\", class: { \"tooltip-disabled\": disabled } }, h(\"button\", { id: \"dismiss-icon\", class: \"dismiss-icon\", \"aria-label\": `${dismissLabel} ${label} chip`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, \"badge\") && h(\"slot\", { name: \"badge\" })))));\n    }\n    static get is() { return \"ic-chip\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-chip.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-chip.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"customColor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcColor\",\n                    \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})`\",\n                    \"references\": {\n                        \"IcColor\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcColor\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The custom chip colour. This will override the theme colour.\\nCan be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n                },\n                \"attribute\": \"custom-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"null\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the chip will appear disabled.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"dismissible\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the chip will have a close button at the end to dismiss it.\"\n                },\n                \"attribute\": \"dismissible\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\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 text rendered within the chip.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\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\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the chip.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"dark\\\" | \\\"light\\\" | \\\"inherit\\\"\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the chip to the dark or light theme colors. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\\nSetting the \\\"customColor\\\" prop will override this.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"transparentBackground\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color.\"\n                },\n                \"attribute\": \"transparent-background\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcEmphasisType\",\n                    \"resolved\": \"\\\"filled\\\" | \\\"outlined\\\"\",\n                    \"references\": {\n                        \"IcEmphasisType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcEmphasisType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The emphasis of the chip.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"filled\\\"\"\n            },\n            \"dismissLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text in the dismiss button tooltip and aria label.\"\n                },\n                \"attribute\": \"dismiss-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Dismiss\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"customColorClass\": {},\n            \"hovered\": {},\n            \"visible\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icDismiss\",\n                \"name\": \"icDismiss\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Is emitted when the user dismisses the chip.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\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 chip.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"customColor\",\n                \"methodName\": \"customColorHandler\"\n            }, {\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icDismiss\",\n                \"method\": \"handleClick\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-chip.js.map\n"],"mappings":"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"}

package/dist/core/p-3c17ca15.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as i,H as t,g as c}from"./p-8455d1bb.js";import{c as s,g as e,d as r,b as o}from"./p-70616efa.js";const d="@media (prefers-reduced-motion: no-preference){:host(.ic-badge-show){animation:expand var(--ic-transition-duration-slow)}:host(.ic-badge-hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host ic-typography{--ic-typography-color:var(--ic-badge-text)}:host(.ic-badge-neutral){background-color:var(--ic-badge-dark) !important}:host(.ic-badge-light) ic-typography{--ic-typography-color:var(--ic-badge-text-monochrome)}:host(.ic-badge-light) ::slotted(*){fill:var(--ic-badge-icon-monochrome)}:host(.ic-badge-info){background-color:var(--ic-badge-info) !important}:host(.ic-badge-light){background-color:var(--ic-badge-light) !important}:host(.ic-badge-warning){background-color:var(--ic-badge-warning) !important}:host(.ic-badge-warning) ic-typography{--ic-typography-color:var(--ic-badge-warning-text)}:host(.ic-badge-warning) ::slotted(*){fill:var(--ic-badge-warning-icon)}:host(.ic-badge-error){background-color:var(--ic-badge-error) !important}:host(.ic-badge-success){background-color:var(--ic-badge-success) !important}:host(.ic-badge-small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.ic-badge-large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-medium){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.ic-badge-dot.ic-badge-small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.ic-badge-dot.ic-badge-large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host ::slotted(*){fill:var(--ic-badge-icon)}:host(.ic-badge-foreground-dark) ::slotted(*){fill:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ::slotted(*){fill:white}:host(.ic-badge-foreground-dark) ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ic-typography{--ic-typography-color:var(--ic-color-primary-text-dark)}:host(.ic-badge-text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px)}:host(.ic-badge-text.ic-badge-small) ic-typography{padding:0 0.2132rem}:host(.ic-badge-text.ic-badge-large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px)}:host(.ic-badge-icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.ic-badge-icon.ic-badge-small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.ic-badge-icon.ic-badge-large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.ic-badge-far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.ic-badge-far.ic-badge-small),:host(.ic-badge-dot.ic-badge-far.ic-badge-large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-far),:host(.ic-badge-dot.ic-badge-far.ic-badge-small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.ic-badge-near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.ic-badge-dot.ic-badge-near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.ic-badge-inline){position:static}:host(.ic-badge-hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";const h="IC-NAVIGATION-BUTTON";const n="IC-TOP-NAVIGATION";const l=class{constructor(i){a(this,i);this.ariaLabel=null;this.setBadgeColour=()=>{const a=s(this.customColor);if(a){const{r:i,g:t,b:c,a:s}=a;this.el.style.backgroundColor=`rgba(${i}, ${t}, ${c}, ${s})`;this.foregroundColour=e((i*299+t*587+c*114)/1e3)}};this.getLabel=()=>this.maxNumber&&Number(this.label)>this.maxNumber?`${this.maxNumber}+`:this.label;this.setAccessibleLabel=()=>{const a=this.el.parentElement;const i=this.isAccessibleLabelDefined()?this.accessibleLabel:this.label||"with badge being displayed";if(a){const{tagName:t}=a;if(t!=="IC-CARD"&&(t!=="IC-TAB"||t==="IC-TAB"&&this.parentAriaLabel)){const t=this.parentAriaLabel?`${this.parentAriaLabel} ,`:"";a.ariaLabel=this.visible?`${t} ${i}`:undefined}else{this.ariaLabel=`, ${i}`}}};this.setPositionInTopNavigation=()=>{const a=this.el.parentElement.parentElement;a.classList.contains("mobile-mode")?this.position="inline":this.position="near"};this.isInTopNav=()=>{const a=this.el.parentElement;const i=a.parentElement;return a.tagName===h&&i.tagName===n};this.isAccessibleLabelDefined=()=>r(this.accessibleLabel)&&this.accessibleLabel!==null;this.accessibleLabel=undefined;this.customColor=null;this.maxNumber=undefined;this.position="far";this.size="medium";this.label=undefined;this.theme="inherit";this.type="text";this.variant="neutral";this.visible=true}accessibleLabelHandler(){this.setAccessibleLabel()}customColorHandler(){this.variant==="custom"&&this.setBadgeColour()}variantHandler(){if(this.variant==="custom"){this.setBadgeColour()}}visibleHandler(){this.setAccessibleLabel()}componentWillLoad(){var a;this.variant==="custom"&&this.setBadgeColour();const i=(a=this.el.parentElement)===null||a===void 0?void 0:a.ariaLabel;if(i)this.parentAriaLabel=i;this.setAccessibleLabel()}componentDidLoad(){this.type==="text"&&o([{prop:this.label,propName:"label"}],"Badge")}componentWillRender(){this.isInTopNav()&&this.setPositionInTopNavigation()}navBarMenuOpenHandler(){this.isInTopNav()&&(this.position="inline")}navBarMenuCloseHandler(){this.isInTopNav()&&(this.position="near")}render(){const{ariaLabel:a,el:c,foregroundColour:s,getLabel:e,position:r,size:o,label:d,type:h,variant:n,visible:l,theme:g}=this;return i(t,{class:{[`ic-badge-${r}`]:true,[`ic-badge-${o}`]:true,[`ic-badge-${n}`]:true,[`ic-badge-${h}`]:true,[`ic-badge-foreground-${s}`]:s!==null&&n==="custom",[`${l?"ic-badge-show":"ic-badge-hide"}`]:true,[`ic-theme-${g}`]:g!=="inherit"},id:c.id||null,"aria-label":a,role:"status"},h==="icon"&&i("slot",{name:"badge-icon"}),h==="text"&&d&&i("ic-typography",{variant:o==="small"?"badge-small":"badge"},e()),h==="dot"&&i("span",{class:"sr-only"},"badge"))}static get delegatesFocus(){return true}get el(){return c(this)}static get watchers(){return{accessibleLabel:["accessibleLabelHandler"],customColor:["customColorHandler"],variant:["variantHandler"],visible:["visibleHandler"]}}};l.style=d;export{l as ic_badge};
+//# sourceMappingURL=p-3c17ca15.entry.js.map

package/dist/core/p-3c17ca15.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icBadgeCss","NAVIGATION_BUTTON","TOP_NAVIGATION","Badge","constructor","hostRef","this","ariaLabel","setBadgeColour","colorRGBA","convertToRGBA","customColor","r","g","b","a","el","style","backgroundColor","foregroundColour","getBrandForegroundAppearance","getLabel","maxNumber","Number","label","setAccessibleLabel","parentEl","parentElement","defaultAriaLabel","isAccessibleLabelDefined","accessibleLabel","tagName","parentAriaLabel","ariaLabelPrefix","visible","undefined","setPositionInTopNavigation","parentTopNavEl","classList","contains","position","isInTopNav","grandparentEl","isPropDefined","size","theme","type","variant","accessibleLabelHandler","customColorHandler","variantHandler","visibleHandler","componentWillLoad","_a","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","navBarMenuOpenHandler","navBarMenuCloseHandler","render","h","Host","class","id","role","name","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-badge/ic-badge.css?tag=ic-badge&encapsulation=shadow","../web-components/dist/collection/components/ic-badge/ic-badge.js"],"sourcesContent":["@media (prefers-reduced-motion: no-preference) {\n  :host(.ic-badge-show) {\n    animation: expand var(--ic-transition-duration-slow);\n  }\n\n  :host(.ic-badge-hide) {\n    animation: shrink var(--ic-transition-duration-slow);\n  }\n}\n\n:host {\n  display: flex;\n  height: var(--ic-space-md);\n  min-width: var(--ic-space-md);\n  width: -moz-fit-content;\n  width: fit-content;\n  border-radius: calc(2 * var(--ic-space-xxl));\n  position: absolute;\n}\n\n:host ic-typography {\n  --ic-typography-color: var(--ic-badge-text);\n}\n\n:host(.ic-badge-neutral) {\n  background-color: var(--ic-badge-dark) !important;\n}\n\n:host(.ic-badge-light) ic-typography {\n  --ic-typography-color: var(--ic-badge-text-monochrome);\n}\n\n:host(.ic-badge-light) ::slotted(*) {\n  fill: var(--ic-badge-icon-monochrome);\n}\n\n:host(.ic-badge-info) {\n  background-color: var(--ic-badge-info) !important;\n}\n\n:host(.ic-badge-light) {\n  background-color: var(--ic-badge-light) !important;\n}\n\n:host(.ic-badge-warning) {\n  background-color: var(--ic-badge-warning) !important;\n}\n\n:host(.ic-badge-warning) ic-typography {\n  --ic-typography-color: var(--ic-badge-warning-text);\n}\n\n:host(.ic-badge-warning) ::slotted(*) {\n  fill: var(--ic-badge-warning-icon);\n}\n\n:host(.ic-badge-error) {\n  background-color: var(--ic-badge-error) !important;\n}\n\n:host(.ic-badge-success) {\n  background-color: var(--ic-badge-success) !important;\n}\n\n:host(.ic-badge-small) {\n  height: var(--ic-space-sm);\n  min-width: var(--ic-space-sm);\n}\n\n:host(.ic-badge-large) {\n  height: calc(var(--ic-space-md) + var(--ic-space-xxs));\n  min-width: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-medium) {\n  height: var(--ic-space-xs);\n  width: var(--ic-space-xs);\n  min-width: var(--ic-space-xs);\n}\n\n:host(.ic-badge-dot.ic-badge-small) {\n  height: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n  width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n  min-width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-dot.ic-badge-large) {\n  height: var(--ic-space-sm);\n  width: var(--ic-space-sm);\n  min-width: var(--ic-space-sm);\n}\n\n:host ::slotted(*) {\n  fill: var(--ic-badge-icon);\n}\n\n:host(.ic-badge-foreground-dark) ::slotted(*) {\n  fill: var(--ic-color-text-primary-light);\n}\n\n:host(.ic-badge-foreground-light) ::slotted(*) {\n  fill: white;\n}\n\n:host(.ic-badge-foreground-dark) ic-typography {\n  --ic-typography-color: var(--ic-color-text-primary-light);\n}\n\n:host(.ic-badge-foreground-light) ic-typography {\n  --ic-typography-color: var(--ic-color-primary-text-dark);\n}\n\n:host(.ic-badge-text) ic-typography {\n  align-self: center;\n  padding: 0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px);\n}\n\n:host(.ic-badge-text.ic-badge-small) ic-typography {\n  padding: 0 0.2132rem;\n}\n\n:host(.ic-badge-text.ic-badge-large) ic-typography {\n  padding: 0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px);\n}\n\n:host(.ic-badge-icon) ::slotted(svg) {\n  width: var(--ic-space-sm);\n  height: var(--ic-space-sm);\n  padding: var(--ic-space-xxxs);\n}\n\n:host(.ic-badge-icon.ic-badge-small) ::slotted(svg) {\n  width: var(--ic-space-xs);\n  height: var(--ic-space-xs);\n}\n\n:host(.ic-badge-icon.ic-badge-large) ::slotted(svg) {\n  width: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n  height: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n  padding: calc(var(--ic-space-xxxs) + var(--ic-space-1px));\n}\n\n:host(.ic-badge-far) {\n  top: calc(-1 * var(--ic-space-xs));\n  right: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.ic-badge-far.ic-badge-small),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-large) {\n  top: calc(-1 * var(--ic-space-xxs));\n  right: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-far),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-small) {\n  top: calc(-1 * var(--ic-space-xxxs));\n  right: calc(-1 * var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-near) {\n  top: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n  right: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n}\n\n:host(.ic-badge-dot.ic-badge-near) {\n  top: calc(-1 * var(--ic-space-1px));\n  right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-badge-inline) {\n  position: static;\n}\n\n:host(.ic-badge-hide) {\n  visibility: hidden !important;\n  transition: visibility var(--ic-transition-duration-slow);\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n@keyframes expand {\n  from {\n    opacity: 0;\n    transform: scale(0);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes shrink {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0);\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { convertToRGBA, getBrandForegroundAppearance, isPropDefined, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nconst NAVIGATION_BUTTON = \"IC-NAVIGATION-BUTTON\";\nconst TOP_NAVIGATION = \"IC-TOP-NAVIGATION\";\n/**\n * @slot badge-icon - Icon will be rendered inside the badge if type is set to icon.\n */\nexport class Badge {\n    constructor() {\n        this.ariaLabel = null;\n        this.setBadgeColour = () => {\n            const colorRGBA = convertToRGBA(this.customColor);\n            if (colorRGBA) {\n                const { r, g, b, a } = colorRGBA;\n                this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;\n                this.foregroundColour = getBrandForegroundAppearance((r * 299 + g * 587 + b * 114) / 1000);\n            }\n        };\n        this.getLabel = () => this.maxNumber && Number(this.label) > this.maxNumber\n            ? `${this.maxNumber}+`\n            : this.label;\n        // Set aria-label on badge and / or parent element\n        // Aria-describedby seems to not work, probably due to shadow DOM\n        this.setAccessibleLabel = () => {\n            const parentEl = this.el.parentElement;\n            const defaultAriaLabel = this.isAccessibleLabelDefined()\n                ? this.accessibleLabel\n                : this.label || \"with badge being displayed\";\n            if (parentEl) {\n                const { tagName } = parentEl;\n                if (tagName !== \"IC-CARD\" &&\n                    (tagName !== \"IC-TAB\" || (tagName === \"IC-TAB\" && this.parentAriaLabel))) {\n                    const ariaLabelPrefix = this.parentAriaLabel\n                        ? `${this.parentAriaLabel} ,`\n                        : \"\";\n                    parentEl.ariaLabel = this.visible\n                        ? `${ariaLabelPrefix} ${defaultAriaLabel}`\n                        : undefined;\n                }\n                else {\n                    this.ariaLabel = `, ${defaultAriaLabel}`;\n                }\n            }\n        };\n        this.setPositionInTopNavigation = () => {\n            const parentTopNavEl = this.el.parentElement.parentElement;\n            parentTopNavEl.classList.contains(\"mobile-mode\")\n                ? (this.position = \"inline\")\n                : (this.position = \"near\");\n        };\n        this.isInTopNav = () => {\n            const parentEl = this.el.parentElement;\n            const grandparentEl = parentEl.parentElement;\n            return (parentEl.tagName === NAVIGATION_BUTTON &&\n                grandparentEl.tagName === TOP_NAVIGATION);\n        };\n        this.isAccessibleLabelDefined = () => isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;\n        this.accessibleLabel = undefined;\n        this.customColor = null;\n        this.maxNumber = undefined;\n        this.position = \"far\";\n        this.size = \"medium\";\n        this.label = undefined;\n        this.theme = \"inherit\";\n        this.type = \"text\";\n        this.variant = \"neutral\";\n        this.visible = true;\n    }\n    accessibleLabelHandler() {\n        this.setAccessibleLabel();\n    }\n    customColorHandler() {\n        this.variant === \"custom\" && this.setBadgeColour();\n    }\n    variantHandler() {\n        if (this.variant === \"custom\") {\n            this.setBadgeColour();\n        }\n    }\n    visibleHandler() {\n        this.setAccessibleLabel();\n    }\n    componentWillLoad() {\n        var _a;\n        this.variant === \"custom\" && this.setBadgeColour();\n        const ariaLabel = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.ariaLabel;\n        if (ariaLabel)\n            this.parentAriaLabel = ariaLabel;\n        this.setAccessibleLabel();\n    }\n    componentDidLoad() {\n        this.type === \"text\" &&\n            onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Badge\");\n    }\n    componentWillRender() {\n        this.isInTopNav() && this.setPositionInTopNavigation();\n    }\n    navBarMenuOpenHandler() {\n        this.isInTopNav() && (this.position = \"inline\");\n    }\n    navBarMenuCloseHandler() {\n        this.isInTopNav() && (this.position = \"near\");\n    }\n    render() {\n        const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;\n        return (h(Host, { class: {\n                [`ic-badge-${position}`]: true,\n                [`ic-badge-${size}`]: true,\n                [`ic-badge-${variant}`]: true,\n                [`ic-badge-${type}`]: true,\n                [`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === \"custom\",\n                [`${visible ? \"ic-badge-show\" : \"ic-badge-hide\"}`]: true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, id: el.id || null, \"aria-label\": ariaLabel, role: \"status\" }, type === \"icon\" && h(\"slot\", { name: \"badge-icon\" }), type === \"text\" && label && (h(\"ic-typography\", { variant: size === \"small\" ? \"badge-small\" : \"badge\" }, getLabel())), type === \"dot\" && h(\"span\", { class: \"sr-only\" }, \"badge\")));\n    }\n    static get is() { return \"ic-badge\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-badge.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-badge.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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The accessible label of the badge component to provide context for screen reader users.\"\n                },\n                \"attribute\": \"accessible-label\",\n                \"reflect\": false\n            },\n            \"customColor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcColor\",\n                    \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})`\",\n                    \"references\": {\n                        \"IcColor\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcColor\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The custom badge colour. This will only style the badge component if variant=\\\"custom\\\".\\nCan be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n                },\n                \"attribute\": \"custom-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"null\"\n            },\n            \"maxNumber\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The maximum number shown on the badge appended with a +.\\nThis will only be displayed if type=\\\"text\\\" and label is not empty.\"\n                },\n                \"attribute\": \"max-number\",\n                \"reflect\": false\n            },\n            \"position\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcBadgePositions\",\n                    \"resolved\": \"\\\"far\\\" | \\\"inline\\\" | \\\"near\\\"\",\n                    \"references\": {\n                        \"IcBadgePositions\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-badge.types\",\n                            \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgePositions\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The positioning of the badge in reference to the parent element.\"\n                },\n                \"attribute\": \"position\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"far\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\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\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the badge to be displayed.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text displayed in the badge. This will only be displayed if type=\\\"text\\\".\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": 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\": 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                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcBadgeTypes\",\n                    \"resolved\": \"\\\"dot\\\" | \\\"icon\\\" | \\\"text\\\"\",\n                    \"references\": {\n                        \"IcBadgeTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-badge.types\",\n                            \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgeTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The type of badge to be displayed.\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"text\\\"\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcBadgeVariants\",\n                    \"resolved\": \"\\\"custom\\\" | \\\"error\\\" | \\\"info\\\" | \\\"light\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"IcBadgeVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-badge.types\",\n                            \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgeVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the badge to be displayed.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"neutral\\\"\"\n            },\n            \"visible\": {\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`, the badge will be displayed.\"\n                },\n                \"attribute\": \"visible\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"accessibleLabel\",\n                \"methodName\": \"accessibleLabelHandler\"\n            }, {\n                \"propName\": \"customColor\",\n                \"methodName\": \"customColorHandler\"\n            }, {\n                \"propName\": \"variant\",\n                \"methodName\": \"variantHandler\"\n            }, {\n                \"propName\": \"visible\",\n                \"methodName\": \"visibleHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icNavigationMenuOpened\",\n                \"method\": \"navBarMenuOpenHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"icNavigationMenuClosed\",\n                \"method\": \"navBarMenuCloseHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-badge.js.map\n"],"mappings":"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"}

package/dist/core/p-435d9ce2.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,H as e,g as o}from"./p-8455d1bb.js";import{c as a}from"./p-e081702e.js";import{i as n,V as r,b as c,K as d,d as l}from"./p-70616efa.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-light)}.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 m=1e3;const u=70;const p=140;const b=class{constructor(s){t(this,s);this.icDismiss=i(this,"icDismiss",7);this.interactiveElements=[];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"})};this.isManual=undefined;this.timerProgress=100;this.visible=false;this.autoDismissTimeout=5e3;this.dismissButtonAriaLabel="dismiss";this.dismissMode="manual";this.heading=undefined;this.message=undefined;this.neutralIconAriaLabel=undefined;this.variant=undefined}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,((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(){if(this.focusInteractiveElement&&this.isManual){this.resetAutoDismissTimer();const t=d(this.el,"action");const i=this.el.shadowRoot.querySelector("ic-button");if(t)this.interactiveElements.push(t);if(i)this.interactiveElements.push(i);this.focusInteractiveElement=false;this.findNextInteractiveElement(this.shiftKeyPressed).setFocus();this.shiftKeyPressed=false}}watchVisibleHandler(){if(this.visible){const t=d(this.el,"action");const i=this.el.shadowRoot.querySelector("ic-button");if(t)this.interactiveElements.push(t);if(i)this.interactiveElements.push(i)}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 s=this.interactiveElements[this.interactiveElements.length-1];if(this.isActive(t?i:s))return t?s:i;let e;return this.interactiveElements.some(((t,i)=>{if(!this.isActive(t))return false;e=i;return true}))?this.interactiveElements[e+(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:o,visible:c,isManual:d,dismissButtonAriaLabel:l}=this;return s(e,{class:{["ic-toast-hidden"]:!c},tabindex:"0",onFocus:this.onFocus,onBlur:this.onBlur,role:d?"dialog":"alert","aria-live":d?null:"polite"},s("div",{class:"container"},t&&c&&s("div",{class:"toast-icon-container"},s("div",{class:{["divider"]:true,[`divider-${t}`]:true}}),t==="neutral"?s("slot",{name:"neutral-icon"}):s("span",{class:"toast-icon",innerHTML:r[t].icon})),s("div",{class:{["toast-content"]:true,["no-icon"]:t==="neutral"&&!n(this.el,"neutral-icon")}},s("div",{class:"toast-text"},s("ic-typography",{variant:"subtitle-large",class:"toast-heading"},c&&(d?s("h5",null,i):s("p",null,i))),o&&s("ic-typography",{variant:"body",class:"toast-message"},c&&s("p",null,o))),n(this.el,"action")&&s("div",{class:"toast-action-container"},s("slot",{name:"action"}))),!d?s("ic-loading-indicator",{class:"toast-dismiss-timer",theme:"dark",monochrome:true,size:"icon",progress:this.timerProgress,description:"Dismiss timer"}):s("ic-button",{id:"dismiss-button",innerHTML:a,onClick:this.dismissAction,variant:"icon","aria-label":l})))}get el(){return o(this)}static get watchers(){return{dismissMode:["dismissModeChangeHandler"],visible:["watchVisibleHandler"]}}};b.style=h;export{b as ic_toast};
+//# sourceMappingURL=p-435d9ce2.entry.js.map

package/dist/core/p-435d9ce2.entry.js.map

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

package/dist/core/p-47e0072d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as e,H as n,g as c}from"./p-8455d1bb.js";import{r,L as i,b as g,i as l}from"./p-70616efa.js";const a='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{--toggle-button-border:var(--ic-toggle-button-unselected-border);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text);--toggle-button-border-hover:var(--ic-toggle-button-unselected-border-hover);--toggle-button-text-colour-hover:var(\n    --ic-toggle-button-unselected-text-hover\n  );--toggle-button-border-active:var(\n    --ic-toggle-button-unselected-border-pressed\n  );--toggle-button-text-colour-active:var(\n    --ic-toggle-button-unselected-text-pressed\n  )}:host(.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border);--toggle-button-text-colour:var(--ic-toggle-button-selected-text);--toggle-button-border-hover:var(--ic-toggle-button-selected-border-hover);--toggle-button-text-colour-hover:var(--ic-toggle-button-selected-text);--toggle-button-border-active:var(\n    --ic-toggle-button-selected-border-pressed\n  );--toggle-button-text-colour-active:var(--ic-toggle-button-selected-text)}:host(.ic-toggle-button-monochrome){--toggle-button-border:var(--ic-toggle-button-unselected-border-monochrome);--toggle-button-text-colour:var(\n    --ic-toggle-button-unselected-text-monochrome\n  );--toggle-button-border-hover:var(\n    --ic-toggle-button-unselected-border-hover-monochrome\n  );--toggle-button-text-colour-hover:var(\n    --ic-toggle-button-unselected-text-monochrome\n  );--toggle-button-border-active:var(\n    --ic-toggle-button-unselected-border-pressed-monochrome\n  );--toggle-button-text-colour-active:var(\n    --ic-toggle-button-unselected-text-monochrome\n  )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border-monochrome);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-monochrome);--toggle-button-border-hover:var(\n    --ic-toggle-button-selected-border-hover-monochrome\n  );--toggle-button-text-colour-hover:var(\n    --ic-toggle-button-selected-text-monochrome\n  );--toggle-button-border-active:var(\n    --ic-toggle-button-selected-border-pressed-monochrome\n  );--toggle-button-text-colour-active:var(\n    --ic-toggle-button-selected-text-monochrome\n  )}:host(.ic-toggle-button-disabled){--toggle-button-border:var(--ic-toggle-button-unselected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text-disabled)}:host(.ic-toggle-button-disabled.ic-toggle-button-monochrome){--toggle-button-border:var(\n    --ic-toggle-button-unselected-border-disabled-monochrome\n  );--toggle-button-text-colour:var(\n    --ic-toggle-button-unselected-text-disabled-monochrome\n  )}:host(.ic-toggle-button-disabled.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-disabled)}:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome){--toggle-button-border:var(\n    --ic-toggle-button-selected-border-disabled-monochrome\n  );--toggle-button-text-colour:var(\n    --ic-toggle-button-selected-text-disabled-monochrome\n  )}:host(.expand-toggle-group-child) ::part(button){width:100%;min-height:inherit;white-space:inherit;height:inherit}:host ic-button{--icon-width:var(--ic-space-lg);--icon-height:var(--ic-space-lg)}:host(.expand-toggle-group-child) ic-button{min-width:100%;min-height:100%;white-space:normal;height:100%}:host(.expand-toggle-group-child) ::part(button):focus,:host(.expand-toggle-group-child.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n    var(--ic-border-focus)}:host(.expand-toggle-group-child.ic-toggle-button-light) ::part(button):focus,:host(.expand-toggle-group-child.ic-toggle-button-dark) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-dark),\n    var(--ic-border-focus)}:host(:focus){z-index:1}:host ::part(button){border:var(--ic-border-width) solid var(--toggle-button-border);color:var(--toggle-button-text-colour)}:host ::part(button):hover{border:var(--ic-border-width) solid var(--toggle-button-border-hover);color:var(--toggle-button-text-colour-hover)}:host ::part(button):active{border:var(--ic-border-width) solid var(--toggle-button-border-active);color:var(--toggle-button-text-colour-active)}:host(.ic-toggle-button-disabled) ::part(button){border:var(--ic-space-1px) dashed var(--toggle-button-border);color:var(--toggle-button-text-colour)}:host(.ic-toggle-button-checked) ::part(button){background-color:var(--ic-toggle-button-selected-background);box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n    var(--ic-toggle-button-selected-text)}:host(.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n      var(--ic-toggle-button-selected-border-focus),\n    var(--ic-border-focus)}:host ::part(button):hover{background-color:var(--ic-toggle-button-unselected-background-hover)}:host ::part(button):active{background-color:var(--ic-toggle-button-unselected-background-pressed)}:host(.ic-toggle-button-checked) ::part(button):hover{background-color:var(--ic-toggle-button-selected-background-hover)}:host(.ic-toggle-button-checked) ::part(button):active,:host(.ic-toggle-button-icon.ic-toggle-button-checked) ::part(button):active{background-color:var(--ic-toggle-button-selected-background-pressed)}:host(.ic-toggle-button-monochrome) ::part(button):hover{background-color:var(\n    --ic-toggle-button-unselected-background-hover-monochrome\n  )}:host(.ic-toggle-button-monochrome) ::part(button):active{background-color:var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button){background-color:var(--ic-toggle-button-selected-background-monochrome)}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):hover{background-color:var(\n    --ic-toggle-button-selected-background-hover-monochrome\n  )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):active,:host(.ic-toggle-button-icon.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):active{background-color:var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n      var(--ic-toggle-button-selected-text),\n    var(--ic-border-focus)}:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button){background-color:transparent}:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button)::before{background-image:radial-gradient(\n    var(--ic-toggle-button-selected-background-disabled) 95%,\n    white 20%\n  );background-repeat:no-repeat}:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) ::part(button)::before{background-image:radial-gradient(\n    var(--ic-toggle-button-selected-background-disabled-monochrome) 95%,\n    white 20%\n  );background-repeat:no-repeat}:host(.ic-toggle-button-icon) ::part(button){height:calc(var(--ic-space-xl) + var(--ic-space-xs));width:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-toggle-button-icon) ::part(button):active{background-color:var(--ic-action-default-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-dark) ::part(button):active{background-color:var(--ic-action-dark-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-light) ::part(button):active{background-color:var(--ic-action-light-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-small) ::part(button){height:var(--ic-space-xl);width:var(--ic-space-xl)}:host(.ic-toggle-button-icon.ic-toggle-button-large) ::part(button){height:var(--ic-space-xxl);width:var(--ic-space-xxl)}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button){--loading-button-background:var(\n    --ic-toggle-button-selected-background-pressed\n  );background-color:var(--ic-toggle-button-selected-background-pressed)}:host(.ic-toggle-button-loading) ::part(button){--loading-button-background:var(\n    --ic-toggle-button-unselected-background-pressed\n  );background-color:var(--ic-toggle-button-unselected-background-pressed)}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(ic-loading-container){--inner-color:var(--ic-toggle-button-loading-bar)}:host(.ic-toggle-button-loading) ::part(ic-loading-container){--inner-color:var(--ic-toggle-button-selected-loading-bar)}:host(.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button){--loading-button-background:var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );background-color:var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  )}:host(.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button){--loading-button-background:var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );background-color:var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  )}@media (forced-colors: active){:host(.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-checked) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-disabled) ::part(button){background-color:GrayText}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button):hover{--loading-button-background:Highlight}}';const b=class{constructor(e){t(this,e);this.icToggleChecked=o(this,"icToggleChecked",7);this.loopAttributes=()=>{const t=["loading","disabled","full-width","icon-placement","variant","size","theme","monochrome"];const o=this.el.parentElement.attributes;for(let e=0;e<t.length;e++){if(o.getNamedItem(t[e])!==null){const n=o.getNamedItem(t[e]);switch(n.name){case t[0]:this.loading=n.value!=="false";break;case t[1]:this.disabled=n.value!=="false";break;case t[2]:this.fullWidth=n.value!=="false";break;case t[3]:this.iconPlacement=n.value;break;case t[4]:this.variant=n.value;break;case t[5]:this.size=n.value;break;case t[6]:this.theme=n.value;break;case t[7]:this.monochrome=n.value!=="false";break}}}};this.handleFocus=t=>{t.stopImmediatePropagation()};this.handleClick=()=>{!this.loading&&!this.disabled&&this.icToggleChecked.emit({checked:this.checked})};this.accessibleLabel=undefined;this.checked=false;this.disabled=false;this.fullWidth=false;this.iconPlacement="left";this.label=undefined;this.loading=false;this.monochrome=false;this.size="medium";this.theme="inherit";this.tooltipPlacement="bottom";this.variant="default"}watchDisabledHandler(){r(this.disabled,this.el)}componentWillLoad(){r(this.disabled,this.el);if(i(this.el)){this.loopAttributes()}}componentDidLoad(){g([{prop:this.variant==="icon"?this.accessibleLabel:this.label,propName:this.variant==="icon"?"accessible-label":"label"}],"Toggle button")}handleHostClick(t){if(this.disabled){t.stopImmediatePropagation()}else if(!this.loading){this.checked=!this.checked}}render(){return e(n,{class:{[`ic-theme-${this.theme}`]:this.theme!=="inherit",["ic-toggle-button-disabled"]:this.disabled,["ic-toggle-button-checked"]:this.checked,["ic-toggle-button-icon"]:this.variant==="icon",[`ic-toggle-button-${this.size}`]:true,["ic-toggle-button-loading"]:this.loading,["ic-toggle-button-monochrome"]:this.monochrome,[`ic-theme-${this.theme}`]:this.theme!=="inherit"},onFocus:this.handleFocus},e("ic-button",{"aria-pressed":this.checked.toString(),variant:this.variant==="icon"?"icon":"secondary",onClick:this.handleClick,title:this.accessibleLabel,"aria-label":`${this.accessibleLabel?this.accessibleLabel:this.label}, ${this.checked?"ticked":"unticked"}`,disabled:this.disabled,size:this.size,fullWidth:this.fullWidth,loading:this.loading,tooltipPlacement:this.tooltipPlacement},this.variant!=="icon"&&this.label,e("slot",null),l(this.el,"icon")&&e("slot",{name:"icon",slot:`${this.iconPlacement}-icon`}),l(this.el,"badge")&&e("slot",{name:"badge",slot:"badge"})))}static get delegatesFocus(){return true}get el(){return c(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};b.style=a;export{b as ic_toggle_button};
+//# sourceMappingURL=p-47e0072d.entry.js.map