npm - @ukic/canary-web-components - Versions diffs - 3.0.0-canary.34 → 3.0.0-canary.35 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (935) hide show

package/dist/core/p-fb07921b.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["icCheckboxCss","IcCheckboxStyle0","Checkbox","constructor","hostRef","this","additionalFieldDisplay","checked","initiallyChecked","disabled","dynamicText","hideLabel","indeterminate","displayIndeterminate","nativeIndeterminateBehaviour","theme","value","handleClick","icCheck","emit","handleFormReset","watchDisabledHandler","removeDisabledFalse","el","watchIndeterminateHandler","componentWillLoad","addFormResetListener","parentElement","tagName","name","label","size","groupLabel","componentDidLoad","hasLabelSlot","arrangeLabel","onComponentRequiredPropUndefined","prop","propName","componentDidRender","querySelectorAll","forEach","textfield","setAttribute","additionalFieldContainer","style","display","disconnectedCallback","removeFormResetListener","setFocus","_a","checkboxEl","focus","getCheckboxGroupId","replace","labelSlot","querySelector","textContent","trim","render","form","inputId","isDynamicAdditionalField","renderHiddenInput","removeHiddenInput","LabelContent","h","class","variant","htmlFor","Host","key","viewBox","xmlns","d","role","checkbox","ref","type","id","onClick","undefined","isSlotUsed","delegatesFocus","icEmptyStateCss","IcEmptyStateStyle0","EmptyState","hostMutationObserver","aligned","imageSize","disconnect","heading","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","body","maxLines","subheading","icPaginationBarCss","IcPaginationBarStyle0","PaginationBar","PAGE_INPUT_FIELD_ID","INVALID_PAGE_ERROR","resizeObserver","activePage","inputError","itemsPerPage","itemsPerPageString","lowerBound","paginationWrapped","accessibleLabel","alignment","currentPage","hideAllFromItemsPerPage","hideCurrentPage","hideFirstAndLastPageButton","itemLabel","monochrome","rangeLabelType","pageLabel","showGoToPageControl","hideRangeLabel","selectItemsPerPageOnEnter","showItemsPerPageControl","setToFirstPageOnPaginationChange","setSelectedItemsPerPage","selectedItemsPerPage","displayedItemsPerPageOptions","isSelectedItemsPerPagePresent","some","toString","setItemsPerPage","console","error","totalItems","changeItemsPerPage","Number","pageDropdownEl","userSetItemsPerPage","changePage","page","setUpperBound","focusElFromLabel","_b","paginationBarEl","goToPage","input","pageInputEl","totalPages","paginationEl","setCurrentPage","icPageChange","pageInputTooltipEl","displayTooltip","validationStatus","setInputError","goToPageLabelClickHandler","handleBlur","textField","handleFocus","handleInputChange","inputValue","parseInt","handleKeydown","ev","handleKeyUp","isNaN","itemsPerPageLabelClickHandler","paginationShouldWrap","clientHeight","runResizeObserver","ResizeObserver","clientWidth","paginationWidth","setToFirstPage","firstPage","newValue","isUserAction","icItemsPerPageChange","Math","ceil","fromItemsPerPage","setPaginationBarContent","clonedItemsPerPageOptions","itemsPerPageOptions","JSON","parse","stringify","push","String","filter","lastOptionValue","updated","upperBound","min","watchPageNumberHandler","watchSelectedItemsPerPageHandler","watchItemLabelHandler","capitalizedItemLabel","capitalize","lowerCaseItemLabel","toLowerCase","watchItemsPerPageOptionsHandler","newVal","oldVal","watchPageLabelHandler","capitalizedPageLabel","lowerCasePageLabel","watchTotalItemsHandler","watchSetToFirstPageOnPaginationChange","checkResizeObserver","shadowRoot","_c","textAlign","padding","pageChangeHandler","detail","options","selectOnEnter","onIcChange","pages","target","disableHover","disableClick","onKeyDown","onKeyUp","onInput","max","validationInlineInternal","onBlur","onFocus"],"sources":["../web-components/dist/collection/components/ic-checkbox/ic-checkbox.css?tag=ic-checkbox&encapsulation=shadow","../web-components/dist/collection/components/ic-checkbox/ic-checkbox.js","../web-components/dist/collection/components/ic-empty-state/ic-empty-state.css?tag=ic-empty-state&encapsulation=shadow","../web-components/dist/collection/components/ic-empty-state/ic-empty-state.js","src/components/ic-pagination-bar/ic-pagination-bar.css?tag=ic-pagination-bar&encapsulation=shadow","src/components/ic-pagination-bar/ic-pagination-bar.tsx"],"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(.ic-checkbox-disabled) {\n pointer-events: none;\n}\n\n.container {\n display: flex;\n width: -moz-fit-content;\n width: fit-content;\n padding: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);\n margin-bottom: var(--ic-space-xxs);\n align-items: center;\n}\n\n:host(.ic-data-table-checkbox) .container {\n padding: 0;\n margin-bottom: 0;\n}\n\n:host(.ic-checkbox-small) .container {\n margin-bottom: var(--ic-space-xxxs);\n}\n\n.checkbox {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n position: relative;\n top: 0;\n left: 0;\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n background-color: var(--ic-checkbox-background-unselected);\n border: var(--ic-border-width) solid var(--ic-checkbox-border-unselected);\n border-radius: var(--ic-border-radius);\n outline: none;\n cursor: pointer;\n transition: var(--ic-easing-transition-fast);\n flex-shrink: 0;\n}\n\n:host .container svg {\n width: var(--ic-space-lg);\n height: var(--ic-space-lg);\n}\n\n:host(.ic-checkbox-small) .checkbox,\n:host(.ic-checkbox-small) .container svg {\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n}\n\n:host(.ic-checkbox-large) .checkbox,\n:host(.ic-checkbox-large) .container svg {\n width: var(--ic-space-xl);\n height: var(--ic-space-xl);\n}\n\n.checkbox:checked {\n background-color: var(--ic-checkbox-background-selected);\n border: var(--ic-border-width) solid var(--ic-checkbox-background-selected);\n transition: var(--ic-easing-transition-slow);\n}\n\n.checkbox:checked:disabled {\n background-color: var(--ic-checkbox-background-selected-disabled);\n border: var(--ic-border-width) solid\n var(--ic-checkbox-background-selected-disabled);\n}\n\n.checkbox:indeterminate,\n.checkbox.indeterminate:checked {\n background-color: var(--ic-checkbox-background-indeterminate);\n border: 0.125rem solid var(--ic-checkbox-background-indeterminate);\n}\n\n.checkbox:indeterminate:disabled,\n.checkbox.indeterminate:checked:disabled {\n background-color: var(--ic-checkbox-background-indeterminate-disabled);\n border: 0.125rem solid var(--ic-checkbox-background-indeterminate-disabled);\n}\n\n.checkbox:checked:hover {\n background-color: var(--ic-checkbox-background-selected-hover);\n}\n\n.checkbox:indeterminate:hover,\n.checkbox.indeterminate:checked:hover {\n background-color: var(--ic-checkbox-background-indeterminate-hover);\n border: 0.125rem solid var(--ic-checkbox-background-indeterminate-hover);\n}\n\n.checkbox:checked:active {\n background-color: var(--ic-checkbox-background-selected-pressed);\n}\n\n.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active {\n background-color: var(--ic-checkbox-background-indeterminate-pressed);\n border: 0.125rem solid var(--ic-checkbox-background-indeterminate-pressed);\n}\n\n.checkbox:hover {\n box-shadow: 0 0 0 0.25rem var(--ic-checkbox-action-background-hover);\n border: var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-hover);\n}\n\n.checkbox:active {\n box-shadow: 0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);\n border: var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-pressed);\n}\n\n.checkbox:focus {\n box-shadow: var(--ic-border-focus);\n}\n\n.checkbox:disabled {\n border: var(--ic-border-width) dashed\n var(--ic-checkbox-border-unselected-disabled);\n}\n\n.checkbox-label {\n --ic-typography-color: var(--ic-checkbox-text);\n}\n\n.checkbox-label > label {\n padding-left: var(--ic-space-sm);\n display: inline-block;\n}\n\n::slotted([slot=\"label\"]) {\n padding-left: var(--ic-space-sm) !important;\n color: var(--ic-checkbox-text);\n}\n\n:host(.ic-checkbox-disabled) .checkbox-label {\n color: var(--ic-checkbox-text-disabled);\n\n --ic-typography-color: var(--ic-checkbox-text-disabled);\n}\n\n:host(.ic-checkbox-disabled) ::slotted([slot=\"label\"]) {\n color: var(--ic-checkbox-text-disabled);\n\n --ic-typography-color: var(--ic-checkbox-text-disabled);\n}\n\n.checkbox-label:hover {\n cursor: pointer;\n}\n\n.checkmark {\n position: relative;\n right: calc(-1 * var(--ic-space-lg));\n margin-left: calc(-1 * var(--ic-space-lg));\n fill: var(--ic-checkbox-icon-pressed);\n z-index: 1;\n background-color: transparent;\n pointer-events: none;\n flex-shrink: 0;\n}\n\n:host(.ic-checkbox-small) .checkmark {\n margin-left: calc(-1 * var(--ic-space-md));\n right: calc(-1 * var(--ic-space-md));\n}\n\n:host(.ic-checkbox-large) .checkmark {\n margin-left: calc(-1 * var(--ic-space-xl));\n right: calc(-1 * var(--ic-space-xl));\n}\n\n.indeterminate-symbol {\n position: relative;\n width: 0.875rem;\n height: var(--ic-space-xxxs);\n right: -1.188rem;\n margin-left: -0.875rem;\n z-index: 1;\n background-color: var(--ic-checkbox-icon-indeterminate);\n pointer-events: none;\n flex-shrink: 0;\n}\n\n:host(.ic-checkbox-small) .indeterminate-symbol {\n width: 0.6rem;\n right: -0.8rem;\n margin-left: -0.6rem;\n}\n\n:host(.ic-checkbox-large) .indeterminate-symbol {\n width: 1.25rem;\n right: -1.625rem;\n margin-left: -1.25rem;\n}\n\n.additional-field-wrapper {\n margin-left: calc(var(--ic-space-md) + var(--ic-space-lg));\n margin-top: calc(var(--ic-space-sm) / 2);\n}\n\n.branch-corner {\n height: var(--ic-space-md);\n width: var(--ic-space-xl);\n border-radius: 0 0 0 0.188rem;\n border-bottom: 0.125rem solid var(--ic-checkbox-required-bar);\n border-left: 0.125rem solid var(--ic-checkbox-required-bar);\n}\n\n.dynamic-container {\n display: flex;\n position: relative;\n margin: var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n gap: var(--ic-space-xs);\n}\n\n.dynamic-text {\n color: var(--ic-checkbox-required-text);\n\n --ic-typography-color: var(--ic-checkbox-required-text);\n\n margin-top: calc(var(--ic-space-sm) / 2);\n margin-bottom: var(--ic-space-xs);\n border-radius: 2%;\n}\n\n.dynamic-field-container {\n flex: 100%;\n}\n\n.sr-only {\n position: absolute;\n left: -9999px;\n}\n\n@media (max-width: 576px) {\n ::slotted(*) {\n --input-width: 100%;\n }\n\n .dynamic-field-container {\n flex: initial;\n }\n}\n\n@media (forced-colors: active) {\n /* Styles here only apply to Forced Colors Mode */\n .checkbox {\n -webkit-appearance: revert;\n -moz-appearance: revert;\n appearance: revert;\n transition: none;\n }\n\n .checkbox:checked {\n transition: none;\n }\n\n .checkbox:focus-visible {\n outline: 0.125rem solid highlight;\n }\n\n .checkbox:disabled:not(:checked) {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-color: GrayText;\n }\n\n .checkmark {\n fill: none;\n }\n\n .indeterminate-symbol {\n display: none;\n }\n}\n\n/* Right to left */\n.checkmark:dir(rtl) {\n right: 0;\n}\n\n.checkbox-label:dir(rtl) {\n padding-right: var(--ic-space-sm);\n padding-left: 0;\n}\n\n.indeterminate-symbol:dir(rtl) {\n right: 0.288rem;\n}\n\n.branch-corner:dir(rtl) {\n border-radius: 0 0 0.188rem;\n border-right: 0.125rem solid var(--ic-action-default);\n border-left: none;\n}\n\n.dynamic-container:dir(rtl) {\n margin: var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, renderHiddenInput, removeHiddenInput, addFormResetListener, removeFormResetListener, removeDisabledFalse, } from \"../../utils/helpers\";\n/**\n * @slot additional-field - Content to be displayed alongside a checkbox.\n * @slot label - Label for the checkbox.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Checkbox {\n constructor() {\n /**\n * The style of additionalField that will be displayed if used.\n */\n this.additionalFieldDisplay = \"static\";\n /**\n * If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked.\n */\n this.checked = false;\n this.initiallyChecked = this.checked;\n /**\n * If `true`, the checkbox will be set to the disabled state.\n */\n this.disabled = false;\n /**\n * The text to be displayed when dynamic.\n */\n this.dynamicText = \"This selection requires additional answers\";\n /**\n * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n */\n this.hideLabel = false;\n /**\n * If `true`, the indeterminate state will be displayed when checked.\n */\n this.indeterminate = false;\n this.displayIndeterminate = this.indeterminate;\n /**\n * If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.\n */\n this.nativeIndeterminateBehaviour = false;\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n /**\n * The value for the checkbox.\n */\n this.value = \"\";\n this.handleClick = () => {\n this.checked = !this.checked;\n this.displayIndeterminate =\n !this.nativeIndeterminateBehaviour && this.indeterminate && this.checked;\n this.icCheck.emit();\n };\n this.handleFormReset = () => {\n this.checked = this.initiallyChecked;\n };\n }\n watchDisabledHandler() {\n removeDisabledFalse(this.disabled, this.el);\n }\n watchIndeterminateHandler() {\n this.displayIndeterminate =\n this.indeterminate && (this.nativeIndeterminateBehaviour || this.checked);\n }\n componentWillLoad() {\n removeDisabledFalse(this.disabled, this.el);\n addFormResetListener(this.el, this.handleFormReset);\n const { parentElement } = this.el;\n if ((parentElement === null || parentElement === void 0 ? void 0 : parentElement.tagName) === \"IC-CHECKBOX-GROUP\") {\n const { name, label, size } = parentElement;\n if (!this.name)\n this.name = name;\n if (!this.size)\n this.size = size;\n this.groupLabel = label;\n }\n }\n componentDidLoad() {\n if (this.hasLabelSlot()) {\n this.arrangeLabel();\n }\n else {\n onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Checkbox\");\n }\n }\n componentDidRender() {\n if (this.additionalFieldDisplay === \"static\") {\n this.el\n .querySelectorAll(\"ic-text-field\")\n .forEach((textfield) => textfield.setAttribute(\"disabled\", `${!this.checked}`));\n }\n else if (this.additionalFieldContainer) {\n this.additionalFieldContainer.style.display = !this.checked\n ? \"none\"\n : \"flex\";\n }\n }\n disconnectedCallback() {\n removeFormResetListener(this.el, this.handleFormReset);\n }\n /**\n * Sets focus on the checkbox.\n */\n async setFocus() {\n var _a;\n (_a = this.checkboxEl) === null || _a === void 0 ? void 0 : _a.focus();\n }\n getCheckboxGroupId() {\n return `ic-checkbox-${this.label}-${this.groupLabel}`.replace(/ /g, \"-\");\n }\n hasLabelSlot() {\n this.labelSlot = this.el.querySelector('[slot=\"label\"]');\n return !!this.labelSlot;\n }\n arrangeLabel() {\n var _a;\n if (this.labelSlot) {\n this.label = ((_a = this.labelSlot.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || \"\";\n this.labelSlot.setAttribute(\"for\", this.getCheckboxGroupId());\n if (this.disabled) {\n this.labelSlot.setAttribute(\"aria-disabled\", \"true\");\n }\n }\n }\n render() {\n const { additionalFieldDisplay, checked, disabled, displayIndeterminate, dynamicText, el, form, handleClick, hideLabel, label, name, size, theme, value, } = this;\n const inputId = this.getCheckboxGroupId();\n const isDynamicAdditionalField = additionalFieldDisplay === \"dynamic\";\n checked\n ? renderHiddenInput(el, value, name, disabled)\n : removeHiddenInput(el);\n const LabelContent = () => this.hasLabelSlot() ? (h(\"slot\", { name: \"label\" })) : (h(\"ic-typography\", { class: \"checkbox-label\", variant: \"body\" }, h(\"label\", { htmlFor: inputId }, label)));\n return (h(Host, { key: 'b9aee197d23b8380b224aaa9f332d24c20406518', class: {\n \"ic-checkbox-disabled\": disabled,\n [`ic-checkbox-${size}`]: !!size,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n } }, h(\"div\", { key: 'a027b311fa8a9cc5ef753a426fc3f73e8d6f97a4', class: \"container\" }, displayIndeterminate ? (h(\"div\", { class: \"indeterminate-symbol\" })) : (checked && (h(\"svg\", { class: \"checkmark\", viewBox: \"0 0 24 24\", xmlns: \"http://www.w3.org/2000/svg\", \"fill-rule\": \"evenodd\", \"clip-rule\": \"evenodd\" }, h(\"title\", null, \"checkmark icon\"), h(\"path\", { d: \"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z\" })))), h(\"input\", { key: '5f3ce7e559134302640a03d2312782552e9ab018', role: \"checkbox\", class: {\n checkbox: true,\n checked,\n indeterminate: displayIndeterminate,\n }, ref: (el) => (this.checkboxEl = el), type: \"checkbox\", name: name, id: inputId, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, \"aria-label\": hideLabel || this.hasLabelSlot() ? label : undefined }), !hideLabel && h(LabelContent, { key: 'e75420d60d9fdc9170a7f54c96575936c8da122d' })), h(\"span\", { key: 'c3fccdab4f27feaeab35df33734723d9f14487cc', id: `${inputId}-additional-field-description`, role: \"alert\", class: \"sr-only\" }, isDynamicAdditionalField && checked ? dynamicText : \"\"), isSlotUsed(el, \"additional-field\") && (h(\"div\", { key: 'ceb57398c6a3dea8cec4eb4a8e0ba940f6f15c0a', class: \"dynamic-container\", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && h(\"div\", { key: '41f097eb38e5dfd739b7de22cffb03ff3043d3e6', class: \"branch-corner\" }), h(\"div\", { key: '15b7e382cf7c9bf23a68016f5f2a449ae92dc03b', class: \"dynamic-field-container\" }, isDynamicAdditionalField && (h(\"ic-typography\", { key: 'd0551674a9d5d6d6d01cf842aff133072ce4d1be', variant: \"caption\" }, h(\"p\", { key: '81f3345ea6625aa9d8644d5c410c7b24c1365975', class: \"dynamic-text\" }, isDynamicAdditionalField && checked ? dynamicText : \"\"))), h(\"div\", { key: '970766071c9e70042e87e243e3415b73c189b51f', class: {\n \"additional-field-wrapper\": !isDynamicAdditionalField,\n } }, h(\"slot\", { key: '3ff910a1d7a01312baeb70a965aaaa157ae66e6e', name: \"additional-field\" })))))));\n }\n static get is() { return \"ic-checkbox\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-checkbox.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-checkbox.css\"]\n };\n }\n static get properties() {\n return {\n \"additionalFieldDisplay\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcAdditionalFieldTypes\",\n \"resolved\": \"\\\"dynamic\\\" | \\\"static\\\"\",\n \"references\": {\n \"IcAdditionalFieldTypes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcAdditionalFieldTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The style of additionalField that will be displayed if used.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"additional-field-display\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"static\\\"\"\n },\n \"checked\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"checked\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\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\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the checkbox will be set to the disabled state.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"dynamicText\": {\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\": \"The text to be displayed when dynamic.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"dynamic-text\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"This selection requires additional answers\\\"\"\n },\n \"form\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The <form> element to associate the checkbox with.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"form\",\n \"reflect\": false\n },\n \"groupLabel\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The group label for the checkbox.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"group-label\",\n \"reflect\": false\n },\n \"hideLabel\": {\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 label will be hidden and the required label value will be applied as an aria-label.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"hide-label\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"indeterminate\": {\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 indeterminate state will be displayed when checked.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"indeterminate\",\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 label for the checkbox.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"name\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"name\",\n \"reflect\": false\n },\n \"nativeIndeterminateBehaviour\": {\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 checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"native-indeterminate-behaviour\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\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 checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"size\",\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\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"value\": {\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\": \"The value for the checkbox.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"value\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"initiallyChecked\": {},\n \"displayIndeterminate\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icCheck\",\n \"name\": \"icCheck\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when a checkbox has been checked.\"\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 checkbox.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"disabled\",\n \"methodName\": \"watchDisabledHandler\"\n }, {\n \"propName\": \"indeterminate\",\n \"methodName\": \"watchIndeterminateHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-checkbox.js.map\n",":host {\n gap: var(--ic-space-xs);\n padding: var(--ic-space-xs);\n}\n\n:host,\n.action-area {\n display: flex;\n flex-direction: column;\n}\n\n.action-area {\n gap: var(--ic-space-md);\n}\n\n:host ::slotted(svg),\n:host ::slotted(img) {\n border-radius: var(--ic-space-xxs);\n}\n\n:host(.ic-empty-state-right),\n:host(.ic-empty-state-right) .action-area {\n align-items: flex-end;\n text-align: right;\n}\n\n:host(.ic-empty-state-center),\n:host(.ic-empty-state-center) .action-area {\n align-items: center;\n text-align: center;\n}\n\n:host(.image-medium) ::slotted(svg),\n:host(.image-medium) ::slotted(img) {\n height: calc(3 * var(--ic-space-lg)) !important;\n width: calc(3 * var(--ic-space-lg)) !important;\n}\n\n:host(.image-small) ::slotted(svg),\n:host(.image-small) ::slotted(img) {\n height: var(--ic-space-xxl) !important;\n width: var(--ic-space-xxl) !important;\n}\n\n:host(.image-large) ::slotted(svg),\n:host(.image-large) ::slotted(img) {\n height: calc(4 * var(--ic-space-xl)) !important;\n width: calc(4 * var(--ic-space-xl)) !important;\n}\n\n::slotted([slot=\"heading\"]),\n.empty-state-heading {\n --ic-typography-color: var(--ic-empty-state-title);\n}\n\n::slotted([slot=\"subheading\"]),\n.empty-state-subheading {\n --ic-typography-color: var(--ic-empty-state-subtitle);\n}\n\n::slotted([slot=\"body\"]),\n.empty-state-body {\n --ic-typography-color: var(--ic-empty-state-body);\n}\n","import { h, Host } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, renderDynamicChildSlots, } from \"../../utils/helpers\";\n/**\n * @slot image - Content is placed at the top above all other content.\n * @slot actions - Content is placed at the bottom below all other content.\n * @slot heading - Content will be rendered in place of the heading prop.\n * @slot subheading - Content will be rendered in place of the subheading prop.\n * @slot body - Content will be rendered in place of the body prop.\n */\nexport class EmptyState {\n constructor() {\n this.hostMutationObserver = null;\n /**\n * The alignment of the empty state container.\n */\n this.aligned = \"left\";\n /**\n * The size of the image or icon used in the image slot.\n */\n this.imageSize = \"medium\";\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n }\n disconnectedCallback() {\n var _a;\n (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n }\n componentDidLoad() {\n !isSlotUsed(this.el, \"heading\") &&\n onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Empty State\");\n this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, [\"image\", \"actions\"], this));\n this.hostMutationObserver.observe(this.el, {\n childList: true,\n });\n }\n render() {\n const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;\n return (h(Host, { key: '4bb35d1c3476b88cc58e952b1b8785e4425d5339', class: {\n [`ic-empty-state-${aligned}`]: true,\n [`image-${imageSize}`]: isSlotUsed(this.el, \"image\"),\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n } }, isSlotUsed(this.el, \"image\") && h(\"slot\", { key: '9e87ed9f746d37f57505a75c62b10279b31ef54e', name: \"image\" }), h(\"div\", { key: '4f94dc11d843660d3fecd976fa71f9c57644c89b' }, h(\"slot\", { key: 'be23c55a8dc832904fbae342890d2a3d2d74ae85', name: \"heading\" }, h(\"ic-typography\", { key: '52bf3dca695fecff3e5d650bd81db23d09665258', variant: \"h4\", class: \"empty-state-heading\" }, heading)), h(\"slot\", { key: '7ed10d78475ac8b9c3f5a084a1294ad1be180f15', name: \"subheading\" }, h(\"ic-typography\", { key: '5772d056578a64a951178c3c3026b36d4b316496', variant: \"subtitle-small\", class: \"empty-state-subheading\" }, subheading)), h(\"slot\", { key: '14a8815b51a06521642921f09fa8346483522e84', name: \"body\" }, h(\"ic-typography\", { key: 'bca780cc2275e81d4e25bae45f5065f6fab3bcd5', maxLines: maxLines, class: \"empty-state-body\" }, body))), isSlotUsed(this.el, \"actions\") && (h(\"div\", { key: 'd6c0f61a358c1d0c86c4da922ed0504ffdc8228f', class: \"action-area\" }, h(\"slot\", { key: 'ac150a34e883376bfee43a6edbeb8992c3bc3f96', name: \"actions\" })))));\n }\n static get is() { return \"ic-empty-state\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-empty-state.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-empty-state.css\"]\n };\n }\n static get properties() {\n return {\n \"aligned\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcEmptyStateAlignment\",\n \"resolved\": \"\\\"center\\\" | \\\"left\\\" | \\\"right\\\" | undefined\",\n \"references\": {\n \"IcEmptyStateAlignment\": {\n \"location\": \"import\",\n \"path\": \"./ic-empty-state.types\",\n \"id\": \"src/components/ic-empty-state/ic-empty-state.types.ts::IcEmptyStateAlignment\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The alignment of the empty state container.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"aligned\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"left\\\"\"\n },\n \"body\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The body text rendered in the empty state container.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"body\",\n \"reflect\": false\n },\n \"maxLines\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The number of lines of body text to display before truncating.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"max-lines\",\n \"reflect\": false\n },\n \"heading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The title rendered in the empty state container.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"heading\",\n \"reflect\": false\n },\n \"imageSize\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\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 image or icon used in the image slot.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"image-size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"subheading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The subtitle rendered in the empty state container.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"subheading\",\n \"reflect\": false\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-empty-state.js.map\n",":host() {\n display: block;\n}\n\n.pagination-bar {\n height: 3.5rem;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: var(--ic-space-xl);\n padding: var(--ic-space-xs) var(--ic-space-md);\n box-sizing: border-box;\n\n --ic-typography-color: var(--ic-pagination-text);\n}\n\n.pagination-bar-left {\n justify-content: flex-start;\n}\n\n.item-controls {\n display: flex;\n align-items: center;\n gap: var(--ic-space-xl);\n}\n\n.pagination-bar-space-between .item-controls {\n margin-right: auto;\n}\n\n.items-per-page-holder {\n display: flex;\n align-items: center;\n gap: var(--ic-space-xs);\n}\n\n.items-per-page-input {\n --input-width: 5rem;\n --ic-typography-color: var(--ic-pagination-select-content);\n}\n\n.pagination-controls {\n display: flex;\n align-items: center;\n gap: var(--ic-space-xl);\n}\n\n.pagination-controls-wrap {\n flex-direction: column;\n align-items: flex-end;\n gap: var(--ic-space-xs);\n}\n\n.pagination-bar-space-between .pagination-controls {\n margin-left: auto;\n}\n\n.go-to-page-holder {\n display: flex;\n align-items: center;\n gap: var(--ic-space-xs);\n}\n\n.go-to-page-input {\n --input-width: var(--ic-space-xl);\n}\n\n.go-to-page-button {\n --min-width: var(--ic-space-xl);\n}\n\n.items-per-page-control-label {\n white-space: nowrap;\n}\n\n@media screen and (max-width: 768px) {\n .pagination-bar {\n flex-direction: column;\n align-items: flex-end;\n height: fit-content;\n gap: var(--ic-space-xs);\n }\n\n .pagination-bar-left {\n align-items: flex-start;\n }\n}\n\n@media screen and (max-width: 320px) {\n .item-controls,\n .pagination-controls {\n flex-direction: column;\n align-items: flex-end;\n gap: var(--ic-space-xs);\n }\n\n .pagination-bar-left .item-controls,\n .pagination-bar-left .pagination-controls,\n .pagination-bar-space-between .item-controls,\n .pagination-bar-space-between .pagination-controls {\n align-items: flex-start;\n }\n}\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n Component,\n Prop,\n Element,\n Event,\n EventEmitter,\n State,\n Listen,\n h,\n Watch,\n Host,\n} from \"@stencil/core\";\nimport { IcThemeMode } from \"../../utils/types\";\nimport { capitalize, checkResizeObserver } from \"../../utils/helpers\";\nimport {\n IcItemsPerPageChangeEventDetail,\n IcPageChangeEventDetail,\n} from \"./ic-pagination-bar.types\";\nimport {\n IcPaginationAlignmentOptions,\n IcPaginationLabelTypes,\n IcPaginationTypes,\n} from \"@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types\";\n\n@Component({\n tag: \"ic-pagination-bar\",\n styleUrl: \"ic-pagination-bar.css\",\n shadow: true,\n})\nexport class PaginationBar {\n private PAGE_INPUT_FIELD_ID = \"go-to-page-input\";\n\n private INVALID_PAGE_ERROR = \"Please enter a valid page\";\n\n private resizeObserver: ResizeObserver | null = null;\n private pageDropdownEl: HTMLIcSelectElement;\n private pageInputEl: HTMLIcTextFieldElement;\n private pageInputTooltipEl: HTMLIcTooltipElement;\n private paginationBarEl?: HTMLElement;\n private paginationEl: HTMLIcPaginationElement;\n private userSetItemsPerPage: number;\n\n @Element() el: HTMLIcPaginationBarElement;\n\n @State() capitalizedItemLabel: string;\n\n @State() capitalizedPageLabel: string;\n\n @State() activePage: number = 1;\n\n @State() displayedItemsPerPageOptions?: {\n label: string;\n value: string;\n }[];\n\n @State() inputError: string = \"Please enter a valid page\";\n\n @State() itemsPerPage: number = 10;\n\n @State() itemsPerPageString: string = \"10\";\n\n @State() lowerBound: number = 1;\n\n @State() lowerCaseItemLabel: string;\n\n @State() lowerCasePageLabel: string;\n\n @State() paginationWidth: number;\n\n @State() paginationWrapped: boolean = false;\n\n @State() totalPages: number;\n\n @State() upperBound: number;\n\n /**\n * The accessible label passed down to the pagination component to provide context for screen reader users.\n */\n @Prop() accessibleLabel?: string = \"Pagination Navigation\";\n\n /**\n * Sets the alignment of the items in the pagination bar.\n */\n @Prop() alignment?: IcPaginationAlignmentOptions = \"right\";\n\n /**\n * The current page number to be displayed on the pagination bar.\n */\n @Prop() currentPage?: number = 1;\n\n @Watch(\"currentPage\")\n watchPageNumberHandler(): void {\n this.setPaginationBarContent();\n\n if (typeof this.currentPage === \"number\" && this.currentPage) {\n if (\n this.currentPage < 1 ||\n (this.totalPages && this.currentPage > this.totalPages)\n ) {\n console.error(\n `The current page (${this.currentPage}) must be a number greater than zero but less than or equal to the total number of pages (${this.totalPages})`\n );\n } else {\n this.activePage = this.currentPage;\n }\n }\n }\n\n /**\n * The items per page option to be selected.\n */\n @Prop() selectedItemsPerPage?: number;\n\n @Watch(\"selectedItemsPerPage\")\n watchSelectedItemsPerPageHandler(): void {\n if (\n this.selectedItemsPerPage !== null &&\n this.selectedItemsPerPage !== undefined\n ) {\n this.setSelectedItemsPerPage(\n this.selectedItemsPerPage,\n this.displayedItemsPerPageOptions\n );\n }\n }\n\n /**\n * If `true`, the 'All' option will be hidden from the 'items per page' select input.\n */\n @Prop() hideAllFromItemsPerPage?: boolean = false;\n\n /**\n * If `true`, the current page of the simple pagination will not be displayed.\n */\n @Prop() hideCurrentPage?: boolean = false;\n\n /**\n * If `true`, the first and last page buttons will not be displayed.\n */\n @Prop() hideFirstAndLastPageButton?: boolean = false;\n\n /**\n * The text which will be used in place of 'Item' on the pagination bar.\n */\n @Prop() itemLabel?: string = \"Item\";\n\n @Watch(\"itemLabel\")\n watchItemLabelHandler(): void {\n this.capitalizedItemLabel = capitalize(this.itemLabel!);\n this.lowerCaseItemLabel = this.itemLabel!.toLowerCase();\n }\n\n /**\n * The options which will be displayed for 'items per page' select input.\n */\n @Prop() itemsPerPageOptions?: {\n label: string;\n value: string;\n }[];\n\n @Watch(\"itemsPerPageOptions\")\n watchItemsPerPageOptionsHandler(\n newVal: {\n label: string;\n value: string;\n }[],\n oldVal: {\n label: string;\n value: string;\n }[]\n ): void {\n if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;\n this.setPaginationBarContent();\n }\n\n /**\n * If `true`, the pagination bar will display as black in the light theme, and white in dark theme.\n */\n @Prop() monochrome?: boolean = false;\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * Whether the displayed pagination is simple or complex.\n */\n @Prop() type?: IcPaginationTypes = \"simple\";\n\n /**\n * Whether total number of items and current item range or total number of pages and current page is displayed.\n */\n @Prop() rangeLabelType?: IcPaginationLabelTypes = \"page\";\n\n /**\n * The text which will be used in place of 'Page' on the pagination bar.\n */\n @Prop() pageLabel?: string = \"Page\";\n\n @Watch(\"pageLabel\")\n watchPageLabelHandler(): void {\n this.capitalizedPageLabel = capitalize(this.pageLabel!);\n this.lowerCasePageLabel = this.pageLabel!.toLowerCase();\n }\n\n /**\n * If `true`, the 'go to page' control should be displayed.\n */\n @Prop() showGoToPageControl?: boolean = false;\n\n /**\n * If `true`, the number of total items and current item range or number of total pages and current page will be hidden.\n */\n @Prop() hideRangeLabel?: boolean = false;\n\n /**\n * If `false`, the value in the items per page control will be set immediately on ArrowUp and ArrowDown instead of when Enter is pressed.\n */\n @Prop() selectItemsPerPageOnEnter: boolean = true;\n\n /**\n * If `true`, the select input to control 'items per page' should be displayed.\n */\n @Prop() showItemsPerPageControl?: boolean = false;\n\n /**\n * Total number of items to be displayed across all pages.\n */\n @Prop() totalItems!: number;\n\n @Watch(\"totalItems\")\n watchTotalItemsHandler(): void {\n this.setPaginationBarContent();\n }\n\n /**\n If `true`, the pagination bar is set to the first page when the 'items per page' changes\n */\n @Prop() setToFirstPageOnPaginationChange?: boolean = false;\n\n @Watch(\"setToFirstPageOnPaginationChange\")\n watchSetToFirstPageOnPaginationChange(): void {\n this.setPaginationBarContent();\n }\n\n /**\n * Emitted when a page is navigated to via the 'go to' input.\n * The `detail` property contains `value` (i.e. the page number) and a `fromItemsPerPage` flag to indicate if the event was triggered by the `icItemsPerPageChange` event also occurring.\n */\n @Event() icPageChange: EventEmitter<IcPageChangeEventDetail>;\n\n /**\n * Emitted when the items per page option is changed.\n */\n @Event() icItemsPerPageChange: EventEmitter<IcItemsPerPageChangeEventDetail>;\n\n disconnectedCallback(): void {\n this.resizeObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n this.watchPageNumberHandler();\n this.watchPageLabelHandler();\n this.watchItemLabelHandler();\n this.setPaginationBarContent();\n }\n\n componentDidLoad(): void {\n this.paginationWidth = this.paginationBarEl?.clientWidth || 0;\n checkResizeObserver(this.runResizeObserver);\n const textField = this.el.shadowRoot?.querySelector(\n `.${this.PAGE_INPUT_FIELD_ID}`\n );\n if (textField) {\n const input = textField?.shadowRoot?.querySelector(\"input\");\n if (input) {\n input.style.textAlign = \"center\";\n input.style.padding = \"0\";\n }\n }\n this.paginationShouldWrap();\n }\n\n @Listen(\"icPageChange\")\n pageChangeHandler(ev: CustomEvent): void {\n const page = ev.detail.value;\n this.changePage(page);\n }\n\n private setSelectedItemsPerPage = (\n selectedItemsPerPage: number,\n displayedItemsPerPageOptions: { label: string; value: string }[] = []\n ) => {\n const isSelectedItemsPerPagePresent = displayedItemsPerPageOptions?.some(\n ({ value }) => value === this.selectedItemsPerPage?.toString()\n );\n if (isSelectedItemsPerPagePresent) {\n this.setItemsPerPage(selectedItemsPerPage, false);\n } else {\n console.error(\n `The selected items per page option \"${this.selectedItemsPerPage}\" does not exist`\n );\n this.setItemsPerPage(+this.totalItems, false);\n }\n };\n\n private changeItemsPerPage = () => {\n this.setItemsPerPage(Number(this.pageDropdownEl.value));\n\n this.userSetItemsPerPage = Number(this.pageDropdownEl.value);\n };\n\n private changePage = (page: number) => {\n this.activePage = page;\n this.lowerBound = page !== 1 ? (page - 1) * this.itemsPerPage + 1 : page;\n this.setUpperBound();\n };\n\n private focusElFromLabel = (el: \"ic-select\" | \"ic-text-field\") => {\n this.paginationBarEl?.querySelector(el)?.setFocus();\n };\n\n private goToPage = () => {\n const input = this.pageInputEl;\n const page = Number(input.value);\n if (page <= this.totalPages && page > 0) {\n this.changePage(page);\n this.paginationEl?.setCurrentPage(page);\n this.activePage = page;\n input.value = \"\";\n this.icPageChange.emit({ value: page });\n this.pageInputTooltipEl.displayTooltip(false, false);\n input.validationStatus = \"\";\n } else {\n this.setInputError(input, this.INVALID_PAGE_ERROR);\n }\n };\n\n private goToPageLabelClickHandler = () => {\n this.focusElFromLabel(\"ic-text-field\");\n };\n\n private handleBlur = () => {\n const textField = this.pageInputEl;\n if (\n (Number(textField.value) <= this.totalPages &&\n Number(textField.value) > 0) ||\n textField.value === \"\"\n ) {\n textField.validationStatus = \"\";\n }\n this.pageInputTooltipEl.displayTooltip(false, false);\n };\n\n private handleFocus = () => {\n if (this.pageInputEl.validationStatus === \"error\") {\n this.pageInputTooltipEl.displayTooltip(true, true);\n }\n };\n\n private handleInputChange = () => {\n const inputValue = parseInt(this.pageInputEl.value);\n\n if (inputValue > this.totalPages || inputValue <= 0) {\n this.setInputError(this.pageInputEl, this.INVALID_PAGE_ERROR);\n this.pageInputTooltipEl.displayTooltip(true, true);\n }\n };\n\n private handleKeydown = (ev: KeyboardEvent) => {\n if (ev.key === \"Enter\") {\n if (this.pageInputEl.validationStatus === \"error\") {\n this.pageInputTooltipEl.displayTooltip(true, true);\n } else {\n this.goToPage();\n }\n } else {\n this.pageInputTooltipEl.displayTooltip(false, false);\n this.pageInputEl.validationStatus = \"\";\n }\n };\n\n private handleKeyUp = (ev: KeyboardEvent) => {\n if (\n Number.isNaN(parseInt(this.pageInputEl.value)) &&\n ev.key !== \"Backspace\" &&\n ev.key !== \"Enter\" &&\n ev.key !== \"Tab\" &&\n ev.key !== \"Shift\"\n ) {\n this.setInputError(this.pageInputEl, \"Please enter a number\", false);\n this.pageInputTooltipEl.displayTooltip(true, false);\n }\n };\n\n private itemsPerPageLabelClickHandler = () => {\n this.focusElFromLabel(\"ic-select\");\n };\n\n private paginationShouldWrap = () => {\n if (this.type === \"simple\") {\n this.paginationWrapped = this.paginationEl.clientHeight > 63;\n }\n };\n\n private runResizeObserver = () => {\n if (this.paginationBarEl) {\n this.resizeObserver = new ResizeObserver(() => {\n const { clientWidth } = this.paginationBarEl!;\n if (\n clientWidth - this.paginationWidth > 50 ||\n clientWidth - this.paginationWidth < -50\n ) {\n this.paginationWidth = clientWidth;\n this.paginationShouldWrap();\n }\n });\n\n this.resizeObserver.observe(this.paginationBarEl);\n }\n };\n\n private setInputError = (\n el: HTMLIcTextFieldElement,\n error: string,\n focus = true\n ) => {\n this.inputError = error;\n el.validationStatus = \"error\";\n if (focus) el.setFocus();\n };\n\n private setToFirstPage = () => {\n const firstPage = 1;\n this.changePage(firstPage);\n this.paginationEl?.setCurrentPage(firstPage);\n this.activePage = firstPage;\n this.icPageChange.emit({ value: firstPage });\n };\n\n private setItemsPerPage = (newValue: number, isUserAction = true) => {\n if (this.itemsPerPage !== newValue) {\n this.itemsPerPage = newValue;\n this.itemsPerPageString = newValue.toString();\n this.icItemsPerPageChange.emit({\n value: this.itemsPerPage,\n isUserAction,\n });\n\n if (this.setToFirstPageOnPaginationChange) {\n this.setToFirstPage();\n }\n }\n\n this.totalPages =\n this.totalItems > this.itemsPerPage\n ? Math.ceil(this.totalItems / this.itemsPerPage)\n : 1;\n\n this.setUpperBound();\n if (this.activePage > this.totalPages) {\n this.paginationEl?.setCurrentPage(this.totalPages);\n this.activePage = this.totalPages;\n }\n this.icPageChange.emit({ value: this.activePage, fromItemsPerPage: true });\n };\n\n private setPaginationBarContent = (): void => {\n const clonedItemsPerPageOptions: {\n label: string;\n value: string;\n }[] = this.itemsPerPageOptions\n ? JSON.parse(JSON.stringify(this.itemsPerPageOptions))\n : null;\n\n const displayedItemsPerPageOptions =\n clonedItemsPerPageOptions ||\n (this.totalItems <= 100\n ? [\n { label: \"10\", value: \"10\" },\n { label: \"25\", value: \"25\" },\n { label: \"50\", value: \"50\" },\n ]\n : [\n { label: \"25\", value: \"25\" },\n { label: \"100\", value: \"100\" },\n { label: \"1000\", value: \"1000\" },\n ]);\n\n !this.hideAllFromItemsPerPage &&\n displayedItemsPerPageOptions.push({\n label: \"All\",\n value: String(this.totalItems),\n });\n\n this.displayedItemsPerPageOptions = displayedItemsPerPageOptions.filter(\n ({ value }) => this.totalItems >= Number(value)\n );\n\n let lastOptionValue = 0;\n\n if (this.userSetItemsPerPage) {\n this.displayedItemsPerPageOptions.some(({ value }) => {\n lastOptionValue = Number(value);\n return this.userSetItemsPerPage <= lastOptionValue;\n });\n this.setItemsPerPage(lastOptionValue);\n } else {\n if (\n this.selectedItemsPerPage !== null &&\n this.selectedItemsPerPage !== undefined\n ) {\n this.setSelectedItemsPerPage(\n this.selectedItemsPerPage,\n this.displayedItemsPerPageOptions\n );\n } else {\n const updated = this.displayedItemsPerPageOptions.some(({ value }) => {\n lastOptionValue = Number(value);\n return this.itemsPerPage <= lastOptionValue;\n });\n this.setItemsPerPage(\n updated || (!updated && this.itemsPerPage > lastOptionValue)\n ? lastOptionValue\n : this.itemsPerPage,\n false\n );\n }\n }\n };\n\n private setUpperBound = () => {\n this.upperBound = Math.min(\n this.lowerBound + this.itemsPerPage - 1,\n this.totalItems\n );\n };\n\n render() {\n const {\n accessibleLabel,\n alignment,\n displayedItemsPerPageOptions,\n PAGE_INPUT_FIELD_ID,\n type,\n rangeLabelType,\n hideRangeLabel,\n showItemsPerPageControl,\n showGoToPageControl,\n pageLabel,\n capitalizedPageLabel,\n lowerCasePageLabel,\n capitalizedItemLabel,\n lowerCaseItemLabel,\n totalPages,\n activePage,\n itemsPerPageString,\n theme,\n monochrome,\n selectItemsPerPageOnEnter,\n hideCurrentPage,\n hideFirstAndLastPageButton,\n } = this;\n\n return (\n <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n <div\n class={{\n [\"pagination-bar\"]: true,\n [`pagination-bar-${alignment}`]: true,\n }}\n ref={(el) => (this.paginationBarEl = el)}\n >\n {(!hideRangeLabel || showItemsPerPageControl) && (\n <div class=\"item-controls\">\n {showItemsPerPageControl && (\n <div class=\"items-per-page-holder\">\n <ic-typography\n class={{\n [\"items-per-page-control-label\"]: true,\n }}\n variant=\"label\"\n onClick={this.itemsPerPageLabelClickHandler}\n >\n {capitalizedItemLabel}s per {lowerCasePageLabel}\n </ic-typography>\n <ic-select\n theme={theme}\n size=\"small\"\n label=\"items-per-page-input\"\n class=\"items-per-page-input\"\n hideLabel\n options={displayedItemsPerPageOptions}\n selectOnEnter={selectItemsPerPageOnEnter}\n value={itemsPerPageString}\n onIcChange={this.changeItemsPerPage}\n ref={(el: HTMLIcSelectElement) =>\n (this.pageDropdownEl = el)\n }\n ></ic-select>\n </div>\n )}\n {!hideRangeLabel &&\n (rangeLabelType === \"data\" ? (\n <ic-typography\n class={{\n [\"item-pagination-label\"]: true,\n }}\n variant=\"label\"\n aria-live=\"polite\"\n >\n {this.upperBound === 0 && `0 ${lowerCaseItemLabel}s`}\n {this.upperBound > 0 &&\n `${this.lowerBound} - ${this.upperBound} of ${\n this.totalItems\n } ${lowerCaseItemLabel}${this.totalItems > 1 ? \"s\" : \"\"}`}\n </ic-typography>\n ) : (\n <ic-typography\n class={{\n [\"page-pagination-label\"]: true,\n }}\n variant=\"label\"\n aria-live=\"polite\"\n >\n {capitalizedPageLabel} {activePage} of {totalPages}\n </ic-typography>\n ))}\n </div>\n )}\n <div\n class={{\n [\"pagination-controls\"]: true,\n [\"pagination-controls-wrap\"]: this.paginationWrapped,\n }}\n >\n <div class=\"pagination-holder\">\n <ic-pagination\n accessibleLabel={accessibleLabel}\n type={type}\n pages={totalPages}\n label={pageLabel}\n ref={(el: HTMLIcPaginationElement) => (this.paginationEl = el)}\n currentPage={activePage}\n theme={theme}\n monochrome={monochrome}\n hideCurrentPage={hideCurrentPage}\n hideFirstAndLastPageButton={hideFirstAndLastPageButton}\n ></ic-pagination>\n </div>\n {showGoToPageControl && (\n <div class=\"go-to-page-holder\">\n <ic-typography\n variant=\"label\"\n onClick={this.goToPageLabelClickHandler}\n >\n Go to {lowerCasePageLabel}\n </ic-typography>\n <ic-tooltip\n label={this.inputError}\n target={`#${PAGE_INPUT_FIELD_ID}`}\n disableHover\n disableClick\n ref={(el: HTMLIcTooltipElement) =>\n (this.pageInputTooltipEl = el)\n }\n >\n <ic-text-field\n theme={theme}\n type=\"number\"\n size=\"small\"\n label={PAGE_INPUT_FIELD_ID}\n class={PAGE_INPUT_FIELD_ID}\n id={PAGE_INPUT_FIELD_ID}\n hideLabel\n onKeyDown={this.handleKeydown}\n onKeyUp={this.handleKeyUp}\n onInput={this.handleInputChange}\n max={totalPages}\n min=\"1\"\n validationInlineInternal\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n ref={(el: HTMLIcTextFieldElement) =>\n (this.pageInputEl = el)\n }\n ></ic-text-field>\n </ic-tooltip>\n <ic-button\n variant=\"secondary\"\n onClick={this.goToPage}\n size=\"small\"\n class=\"go-to-page-button\"\n >\n Go\n </ic-button>\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-fd08156a.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as i,h as e,H as d,g as r}from"./p-8e4e97b4.js";import{g as c,e as v,s as t,G as a}from"./p-e519f607.js";const l='.ic-divider-horizontal.sc-ic-divider-h{display:flex;width:var(--ic-divider-horizontal-width, 100%);align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs)}hr.sc-ic-divider{padding:0;margin:0;border:none;border-bottom:solid var(--ic-space-1px) var(--ic-divider-background);width:inherit}.ic-divider-horizontal.sc-ic-divider-h::before,.ic-divider-horizontal.sc-ic-divider-h::after{border-left:none !important}.ic-divider-horizontal.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::after{content:"";border:none;width:100%}.ic-divider-vertical.sc-ic-divider-h{display:flex;flex-direction:column;height:var(--ic-divider-vertical-height, inherit);width:-moz-max-content;width:max-content;align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs);border:none}.ic-divider-vertical.sc-ic-divider-h div.vertical-divider.sc-ic-divider{display:flex;height:inherit}.ic-divider-vertical.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{content:"";height:100%}hr.sc-ic-divider,.ic-divider-horizontal.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::after{border-bottom:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-color:var(--ic-divider-background-monochrome)}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{border-left:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-darken-20)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-right.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{border-left-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-right.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-divider-very-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-very-thick.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-very-thick.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-very-thick.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-very-thick.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xs)}.ic-divider-very-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-very-thick.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-very-thick.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-very-thick.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-very-thick.ic-divider-label-center.sc-ic-divider-h::after{border-left-width:var(--ic-space-xs)}.ic-divider-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thick.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-thick.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-thick.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-thick.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxs)}.ic-divider-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thick.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-thick.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-thick.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-thick.ic-divider-label-center.sc-ic-divider-h::after{border-left-width:var(--ic-space-xxs)}.ic-divider-medium.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-medium.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-medium.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-medium.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-medium.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxxs)}.ic-divider-medium.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-medium.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-medium.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-medium.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-medium.ic-divider-label-center.sc-ic-divider-h::after{border-left-width:var(--ic-space-xxxs)}.ic-divider-thin.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thin.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-thin.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-thin.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-thin.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-width:var(--ic-space-1px)}.ic-divider-thin.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thin.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-thin.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-thin.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-thin.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{border-left-width:var(--ic-space-1px)}.ic-divider-dashed.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-dashed.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-dashed.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-dashed.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-dashed.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-style:dashed}.ic-divider-dashed.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-dashed.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-dashed.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-dashed.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-dashed.ic-divider-label-center.sc-ic-divider-h::after{border-left-style:dashed}.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-wrap:wrap;text-align:left;width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center;max-width:var(--ic-divider-label-width, 20rem)}.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.sc-ic-divider-h .ic-divider-label.sc-ic-divider p.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:100%}.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.sc-ic-divider-s>,.sc-ic-divider-h .sc-ic-divider-s>{color:var(--ic-divider-label)}.ic-divider-monochrome.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.ic-divider-monochrome.sc-ic-divider-s>,.sc-ic-divider-h.ic-divider-monochrome .sc-ic-divider-s>{color:var(--ic-divider-label-monochrome)}@media (forced-colors: active){hr.sc-ic-divider,.ic-divider-horizontal.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-color:transparent}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{border-left-color:transparent}}';const o=l;const h=class{constructor(e){i(this,e);this.foregroundColor=c();this.borderStyle="solid";this.labelPlacement="center";this.monochrome=false;this.orientation="horizontal";this.theme="inherit";this.weight="thin"}brandChangeHandler(i){this.foregroundColor=i.detail.mode}updateMonochromeState(){var i;const e=this.el.parentElement;if(e){const d=e.classList.contains("bottom-side-nav");const r=(i=e.parentElement)===null\|\|i===void 0?void 0:i.classList.contains("bottom-wrapper");if(e.tagName==="IC-SIDE-NAVIGATION"\|\|d&&r){this.el.classList.add("ic-side-navigation-keyline");if(this.foregroundColor==="light"){this.theme="dark"}else{this.theme="light"}}}}componentWillRender(){this.updateMonochromeState()}render(){const{borderStyle:i,label:r,labelPlacement:c,monochrome:l,orientation:o,weight:h}=this;const{theme:s}=this;const n=i=>{console.error(`${i.charAt(0).toUpperCase()+i.slice(1)} label placement is not applicable for a ${o} ic-divider (web-components) / IcDivider (react)`)};if((c==="left"\|\|c==="right")&&o==="vertical"\|\|(c==="top"\|\|c==="bottom")&&o==="horizontal"){n(c)}const b=i=>{switch(i){case"very-thick":return"h4";case"thick":return"subtitle-large";default:return"label"}};const m=()=>{if(t(this.el,"label")){return e("div",{class:"ic-divider-label-container"},e("slot",{name:"label"}))}else if(v(r)){return e("ic-typography",{class:"ic-divider-label",variant:b(h)},e("p",null,r))}return null};return e(d,Object.assign({class:{[`ic-theme-${s}`]:s!=="inherit",[`ic-divider-monochrome`]:!!l,[`ic-divider-${o}`]:true,[`ic-divider-${h}`]:true,[`ic-divider-${i}`]:true,[`ic-divider-label-${c}`]:t(this.el,"label")\|\|!a(r)}},(o==="vertical"\|\|!!m()&&!!v(c))&&{"aria-orientation":o,role:"separator"}),o==="horizontal"&&(!m()\|\|!v(c))&&e("hr",null),!!v(c)&&!!m()&&m(),o==="vertical"&&(!m()\|\|!v(c))&&e("div",{class:"vertical-divider"}))}get el(){return r(this)}};h.style=o;export{h as ic_divider};
2	- //# sourceMappingURL=p-fd08156a.entry.js.map

package/dist/core/p-fd08156a.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["icDividerCss","IcDividerStyle0","Divider","constructor","hostRef","this","foregroundColor","getBrandForegroundAppearance","borderStyle","labelPlacement","monochrome","orientation","theme","weight","brandChangeHandler","ev","detail","mode","updateMonochromeState","_a","parentEl","el","parentElement","isBottomSideNav","classList","contains","isBottomWrapper","tagName","add","componentWillRender","render","label","invalidPropCombination","placement","console","error","charAt","toUpperCase","slice","getTypographyVariant","renderLabel","slotHasContent","h","class","name","isPropDefined","variant","Host","Object","assign","isEmptyString","role"],"sources":["../web-components/dist/collection/components/ic-divider/ic-divider.css?tag=ic-divider&encapsulation=scoped","../web-components/dist/collection/components/ic-divider/ic-divider.js"],"sourcesContent":["/**\n * @prop --ic-divider-vertical-height: The height of a vertical divider. The default value is `inherit`. \n */\n\n/**\n * @prop --ic-divider-horizontal-width: The width of a horizontal divider. The default value is `inherit`.\n */\n\n/**\n * @prop --ic-divider-label-width: The max-width of the divider label. When orientation is set to `horizontal`, the default value is `max(20rem, 60%)`. When orientation is set to `vertical`, the default value is `20 rem`.\n */\n\n/* IC-DIVIDER COLORS */\n\n/**\n * @internal @prop --ic-divider-background\n */\n\n/**\n * @internal @prop --ic-divider-background-monochrome\n */\n\n/**\n * @internal @prop --ic-divider-label\n */\n\n/**\n * @internal @prop --ic-divider-label-monochrome\n */\n\n/* Horizontal Divider */\n:host(.ic-divider-horizontal) {\n display: flex;\n width: var(--ic-divider-horizontal-width, 100%);\n align-items: center;\n -moz-column-gap: var(--ic-space-xxs);\n column-gap: var(--ic-space-xxs);\n}\n\nhr {\n padding: 0;\n margin: 0;\n border: none;\n border-bottom: solid var(--ic-space-1px) var(--ic-divider-background);\n width: inherit;\n}\n\n:host(.ic-divider-horizontal)::before,\n:host(.ic-divider-horizontal)::after {\n border-left: none !important;\n}\n\n:host(.ic-divider-horizontal.ic-divider-label-right)::before,\n:host(.ic-divider-horizontal.ic-divider-label-center)::before,\n:host(.ic-divider-horizontal.ic-divider-label-left)::after,\n:host(.ic-divider-horizontal.ic-divider-label-center)::after {\n content: \"\";\n border: none;\n width: 100%;\n}\n\n/* Vertical Divider */\n:host(.ic-divider-vertical) {\n display: flex;\n flex-direction: column;\n height: var(--ic-divider-vertical-height, inherit);\n width: -moz-max-content;\n width: max-content;\n align-items: center;\n -moz-column-gap: var(--ic-space-xxs);\n column-gap: var(--ic-space-xxs);\n border: none;\n}\n\n:host(.ic-divider-vertical) div.vertical-divider {\n display: flex;\n height: inherit;\n}\n\n:host(.ic-divider-vertical.ic-divider-label-bottom)::before,\n:host(.ic-divider-vertical.ic-divider-label-center)::before,\n:host(.ic-divider-vertical.ic-divider-label-top)::after,\n:host(.ic-divider-vertical.ic-divider-label-center)::after {\n content: \"\";\n height: 100%;\n}\n\n/* Theme */\nhr,\n:host(.ic-divider-horizontal.ic-divider-label-right)::before,\n:host(.ic-divider-horizontal.ic-divider-label-center)::before,\n:host(.ic-divider-horizontal.ic-divider-label-left)::after,\n:host(.ic-divider-horizontal.ic-divider-label-center)::after {\n border-bottom: solid var(--ic-space-1px) var(--ic-divider-background);\n}\n\n:host(.ic-divider-monochrome) hr,\n:host(.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-right)::before,\n:host(.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-center)::before,\n:host(.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-left)::after,\n:host(.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-center)::after {\n border-bottom-color: var(--ic-divider-background-monochrome);\n}\n\n:host() div.vertical-divider,\n:host(.ic-divider-vertical.ic-divider-label-bottom)::before,\n:host(.ic-divider-vertical.ic-divider-label-center)::before,\n:host(.ic-divider-vertical.ic-divider-label-top)::after,\n:host(.ic-divider-vertical.ic-divider-label-center)::after {\n border-left: solid var(--ic-space-1px) var(--ic-divider-background);\n}\n\n:host(.ic-divider-monochrome) div.vertical-divider,\n:host(.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-bottom)::before,\n:host(.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-center)::before,\n:host(.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-top)::after,\n:host(.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-center)::after {\n border-left-color: var(--ic-divider-background-monochrome);\n}\n\n/* Divider in ic-side-navigation */\n:host(.ic-side-navigation-keyline.ic-theme-dark) {\n --ic-side-navigation-keyline: var(--ic-state-layer-lighten-20);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-light) {\n --ic-side-navigation-keyline: var(--ic-state-layer-darken-20);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-dark) hr,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-right)::before,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-center)::before,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-left)::after,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-center)::after {\n border-bottom-color: var(--ic-side-navigation-keyline);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-dark) div.vertical-divider,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-bottom)::before,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-center)::before,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-top)::after,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-center)::after {\n border-left-color: var(--ic-side-navigation-keyline);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-light) hr,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-right)::before,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-center)::before,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-left)::after,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-center)::after {\n border-bottom-color: var(--ic-side-navigation-keyline);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-light) div.vertical-divider,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-bottom)::before,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-center)::before,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-top)::after,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-center)::after {\n border-left-color: var(--ic-divider-background-monochrome);\n}\n\n/* Weight */\n:host(.ic-divider-very-thick) hr,\n:host(.ic-divider-very-thick.ic-divider-label-right)::before,\n:host(.ic-divider-very-thick.ic-divider-label-center)::before,\n:host(.ic-divider-very-thick.ic-divider-label-left)::after,\n:host(.ic-divider-very-thick.ic-divider-label-center)::after {\n border-bottom-width: var(--ic-space-xs);\n}\n\n:host(.ic-divider-very-thick) .vertical-divider,\n:host(.ic-divider-very-thick.ic-divider-label-bottom)::before,\n:host(.ic-divider-very-thick.ic-divider-label-center)::before,\n:host(.ic-divider-very-thick.ic-divider-label-top)::after,\n:host(.ic-divider-very-thick.ic-divider-label-center)::after {\n border-left-width: var(--ic-space-xs);\n}\n\n:host(.ic-divider-thick) hr,\n:host(.ic-divider-thick.ic-divider-label-right)::before,\n:host(.ic-divider-thick.ic-divider-label-center)::before,\n:host(.ic-divider-thick.ic-divider-label-left)::after,\n:host(.ic-divider-thick.ic-divider-label-center)::after {\n border-bottom-width: var(--ic-space-xxs);\n}\n\n:host(.ic-divider-thick) .vertical-divider,\n:host(.ic-divider-thick.ic-divider-label-bottom)::before,\n:host(.ic-divider-thick.ic-divider-label-center)::before,\n:host(.ic-divider-thick.ic-divider-label-top)::after,\n:host(.ic-divider-thick.ic-divider-label-center)::after {\n border-left-width: var(--ic-space-xxs);\n}\n\n:host(.ic-divider-medium) hr,\n:host(.ic-divider-medium.ic-divider-label-right)::before,\n:host(.ic-divider-medium.ic-divider-label-center)::before,\n:host(.ic-divider-medium.ic-divider-label-left)::after,\n:host(.ic-divider-medium.ic-divider-label-center)::after {\n border-bottom-width: var(--ic-space-xxxs);\n}\n\n:host(.ic-divider-medium) .vertical-divider,\n:host(.ic-divider-medium.ic-divider-label-bottom)::before,\n:host(.ic-divider-medium.ic-divider-label-center)::before,\n:host(.ic-divider-medium.ic-divider-label-top)::after,\n:host(.ic-divider-medium.ic-divider-label-center)::after {\n border-left-width: var(--ic-space-xxxs);\n}\n\n:host(.ic-divider-thin) hr,\n:host(.ic-divider-thin.ic-divider-label-right)::before,\n:host(.ic-divider-thin.ic-divider-label-center)::before,\n:host(.ic-divider-thin.ic-divider-label-left)::after,\n:host(.ic-divider-thin.ic-divider-label-center)::after {\n border-bottom-width: var(--ic-space-1px);\n}\n\n:host(.ic-divider-thin) .vertical-divider,\n:host(.ic-divider-thin.ic-divider-label-bottom)::before,\n:host(.ic-divider-thin.ic-divider-vertical.ic-divider-label-center)::before,\n:host(.ic-divider-thin.ic-divider-label-top)::after,\n:host(.ic-divider-thin.ic-divider-vertical.ic-divider-label-center)::after {\n border-left-width: var(--ic-space-1px);\n}\n\n/* Border styling */\n:host(.ic-divider-dashed) hr,\n:host(.ic-divider-dashed.ic-divider-label-right)::before,\n:host(.ic-divider-dashed.ic-divider-label-center)::before,\n:host(.ic-divider-dashed.ic-divider-label-left)::after,\n:host(.ic-divider-dashed.ic-divider-label-center)::after {\n border-bottom-style: dashed;\n}\n\n:host(.ic-divider-dashed) .vertical-divider,\n:host(.ic-divider-dashed.ic-divider-label-bottom)::before,\n:host(.ic-divider-dashed.ic-divider-label-center)::before,\n:host(.ic-divider-dashed.ic-divider-label-top)::after,\n:host(.ic-divider-dashed.ic-divider-label-center)::after {\n border-left-style: dashed;\n}\n\n/* Label styling */\n:host() .ic-divider-label {\n text-wrap: wrap;\n text-align: left;\n width: -moz-max-content;\n width: max-content;\n max-width: var(--ic-divider-label-width, max(20rem, 60%));\n}\n\n:host(.ic-divider-horizontal.ic-divider-label-center) .ic-divider-label {\n text-align: center;\n}\n\n:host(.ic-divider-vertical) .ic-divider-label {\n text-align: center;\n max-width: var(--ic-divider-label-width, 20rem);\n}\n\n:host() .ic-divider-label-container {\n width: -moz-max-content;\n width: max-content;\n max-width: var(--ic-divider-label-width, max(20rem, 60%));\n}\n\n:host(.ic-divider-vertical) .ic-divider-label-container {\n max-width: var(--ic-divider-label-width, 20rem);\n}\n\n:host() .ic-divider-label p {\n width: -moz-max-content;\n width: max-content;\n max-width: 100%;\n}\n\n:host() .ic-divider-label,\n:host() ::slotted(*) {\n color: var(--ic-divider-label);\n}\n\n:host(.ic-divider-monochrome) .ic-divider-label,\n:host(.ic-divider-monochrome) ::slotted(*) {\n color: var(--ic-divider-label-monochrome);\n}\n\n/* High contrast */\n@media (forced-colors: active) {\n hr,\n :host(.ic-divider-horizontal.ic-divider-label-right)::before,\n :host(.ic-divider-horizontal.ic-divider-label-center)::before,\n :host(.ic-divider-horizontal.ic-divider-label-left)::after,\n :host(.ic-divider-horizontal.ic-divider-label-center)::after {\n border-bottom-color: transparent;\n }\n\n :host() div.vertical-divider,\n :host(.ic-divider-vertical.ic-divider-label-bottom)::before,\n :host(.ic-divider-vertical.ic-divider-label-center)::before,\n :host(.ic-divider-vertical.ic-divider-label-top)::after,\n :host(.ic-divider-vertical.ic-divider-label-center)::after {\n border-left-color: transparent;\n }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport { getBrandForegroundAppearance, isPropDefined, slotHasContent, isEmptyString, } from \"../../utils/helpers\";\nexport class Divider {\n constructor() {\n this.foregroundColor = getBrandForegroundAppearance();\n /**\n * The line style of the divider.\n */\n this.borderStyle = \"solid\";\n /**\n * The position the label is placed on the divider. `Left` and `right` placement is only applicable when orientation is set to `horizontal`. `Top` and `bottom` placement is only applicable when orientation is set to `vertical`. `Center` placement is applicable for both orientations.\n */\n this.labelPlacement = \"center\";\n /** If `true`, the divider will be displayed in a grey colour. */\n this.monochrome = false;\n /**\n * The orientation of the divider.\n */\n this.orientation = \"horizontal\";\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n /**\n * The thickness of the divider.\n */\n this.weight = \"thin\";\n }\n brandChangeHandler(ev) {\n this.foregroundColor = ev.detail.mode;\n }\n updateMonochromeState() {\n var _a;\n const parentEl = this.el.parentElement;\n if (parentEl) {\n const isBottomSideNav = parentEl.classList.contains(\"bottom-side-nav\");\n const isBottomWrapper = (_a = parentEl.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains(\"bottom-wrapper\");\n if (parentEl.tagName === \"IC-SIDE-NAVIGATION\" ||\n (isBottomSideNav && isBottomWrapper)) {\n this.el.classList.add(\"ic-side-navigation-keyline\");\n if (this.foregroundColor === \"light\") {\n this.theme = \"dark\";\n }\n else {\n this.theme = \"light\";\n }\n }\n }\n }\n componentWillRender() {\n this.updateMonochromeState();\n }\n render() {\n const { borderStyle, label, labelPlacement, monochrome, orientation, weight, } = this;\n const { theme } = this;\n const invalidPropCombination = (placement) => {\n console.error(`${placement.charAt(0).toUpperCase() + placement.slice(1)} label placement is not applicable for a ${orientation} ic-divider (web-components) / IcDivider (react)`);\n };\n if (((labelPlacement === \"left\" || labelPlacement === \"right\") &&\n orientation === \"vertical\") ||\n ((labelPlacement === \"top\" || labelPlacement === \"bottom\") &&\n orientation === \"horizontal\")) {\n invalidPropCombination(labelPlacement);\n }\n const getTypographyVariant = (weight) => {\n switch (weight) {\n case \"very-thick\":\n return \"h4\";\n case \"thick\":\n return \"subtitle-large\";\n default:\n return \"label\";\n }\n };\n const renderLabel = () => {\n if (slotHasContent(this.el, \"label\")) {\n return (h(\"div\", { class: \"ic-divider-label-container\" }, h(\"slot\", { name: \"label\" })));\n }\n else if (isPropDefined(label)) {\n return (h(\"ic-typography\", { class: \"ic-divider-label\", variant: getTypographyVariant(weight) }, h(\"p\", null, label)));\n }\n return null;\n };\n return (h(Host, Object.assign({ class: {\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n [`ic-divider-monochrome`]: !!monochrome,\n [`ic-divider-${orientation}`]: true,\n [`ic-divider-${weight}`]: true,\n [`ic-divider-${borderStyle}`]: true,\n [`ic-divider-label-${labelPlacement}`]: slotHasContent(this.el, \"label\") || !isEmptyString(label),\n } }, ((orientation === \"vertical\" ||\n (!!renderLabel() && !!isPropDefined(labelPlacement))) && {\n \"aria-orientation\": orientation,\n role: \"separator\",\n })), orientation === \"horizontal\" &&\n (!renderLabel() || !isPropDefined(labelPlacement)) && h(\"hr\", null), !!isPropDefined(labelPlacement) && !!renderLabel() && renderLabel(), orientation === \"vertical\" &&\n (!renderLabel() || !isPropDefined(labelPlacement)) && (h(\"div\", { class: \"vertical-divider\" }))));\n }\n static get is() { return \"ic-divider\"; }\n static get encapsulation() { return \"scoped\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-divider.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-divider.css\"]\n };\n }\n static get properties() {\n return {\n \"borderStyle\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcDividerStyles\",\n \"resolved\": \"\\\"dashed\\\" | \\\"solid\\\" | undefined\",\n \"references\": {\n \"IcDividerStyles\": {\n \"location\": \"import\",\n \"path\": \"./ic-divider.types\",\n \"id\": \"src/components/ic-divider/ic-divider.types.tsx::IcDividerStyles\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The line style of the divider.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"border-style\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"solid\\\"\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The label for the divider. The label placement will need to be set for the label to be displayed correctly.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"labelPlacement\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcDividerLabelPlacement\",\n \"resolved\": \"\\\"bottom\\\" | \\\"center\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\" | undefined\",\n \"references\": {\n \"IcDividerLabelPlacement\": {\n \"location\": \"import\",\n \"path\": \"./ic-divider.types\",\n \"id\": \"src/components/ic-divider/ic-divider.types.tsx::IcDividerLabelPlacement\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The position the label is placed on the divider. `Left` and `right` placement is only applicable when orientation is set to `horizontal`. `Top` and `bottom` placement is only applicable when orientation is set to `vertical`. `Center` placement is applicable for both orientations.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label-placement\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"center\\\"\"\n },\n \"monochrome\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the divider will be displayed in a grey colour.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"monochrome\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"orientation\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcOrientation\",\n \"resolved\": \"\\\"horizontal\\\" | \\\"vertical\\\" | undefined\",\n \"references\": {\n \"IcOrientation\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcOrientation\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The orientation of the divider.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"orientation\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"horizontal\\\"\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcThemeMode | IcBrandForeground\",\n \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n },\n \"IcBrandForeground\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcBrandForeground\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"weight\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcDividerWeights\",\n \"resolved\": \"\\\"medium\\\" | \\\"thick\\\" | \\\"thin\\\" | \\\"very-thick\\\" | undefined\",\n \"references\": {\n \"IcDividerWeights\": {\n \"location\": \"import\",\n \"path\": \"./ic-divider.types\",\n \"id\": \"src/components/ic-divider/ic-divider.types.tsx::IcDividerWeights\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The thickness of the divider.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"weight\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"thin\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"foregroundColor\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"brandChange\",\n \"method\": \"brandChangeHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-divider.js.map\n"],"mappings":"kHAAA,MAAMA,EAAe,u/VACrB,MAAAC,EAAeD,E,MCCFE,EAAO,MAChB,WAAAC,CAAAC,G,UACIC,KAAKC,gBAAkBC,IAIvBF,KAAKG,YAAc,QAInBH,KAAKI,eAAiB,SAEtBJ,KAAKK,WAAa,MAIlBL,KAAKM,YAAc,aAInBN,KAAKO,MAAQ,UAIbP,KAAKQ,OAAS,M,CAElB,kBAAAC,CAAmBC,GACfV,KAAKC,gBAAkBS,EAAGC,OAAOC,I,CAErC,qBAAAC,GACI,IAAIC,EACJ,MAAMC,EAAWf,KAAKgB,GAAGC,cACzB,GAAIF,EAAU,CACV,MAAMG,EAAkBH,EAASI,UAAUC,SAAS,mBACpD,MAAMC,GAAmBP,EAAKC,EAASE,iBAAmB,MAAQH,SAAY,OAAS,EAAIA,EAAGK,UAAUC,SAAS,kBACjH,GAAIL,EAASO,UAAY,sBACpBJ,GAAmBG,EAAkB,CACtCrB,KAAKgB,GAAGG,UAAUI,IAAI,8BACtB,GAAIvB,KAAKC,kBAAoB,QAAS,CAClCD,KAAKO,MAAQ,M,KAEZ,CACDP,KAAKO,MAAQ,O,IAK7B,mBAAAiB,GACIxB,KAAKa,uB,CAET,MAAAY,GACI,MAAMtB,YAAEA,EAAWuB,MAAEA,EAAKtB,eAAEA,EAAcC,WAAEA,EAAUC,YAAEA,EAAWE,OAAEA,GAAYR,KACjF,MAAMO,MAAEA,GAAUP,KAClB,MAAM2B,EAA0BC,IAC5BC,QAAQC,MAAM,GAAGF,EAAUG,OAAO,GAAGC,cAAgBJ,EAAUK,MAAM,8CAA8C3B,oDAA8D,EAErL,IAAMF,IAAmB,QAAUA,IAAmB,UAClDE,IAAgB,aACdF,IAAmB,OAASA,IAAmB,WAC7CE,IAAgB,aAAe,CACnCqB,EAAuBvB,E,CAE3B,MAAM8B,EAAwB1B,IAC1B,OAAQA,GACJ,IAAK,aACD,MAAO,KACX,IAAK,QACD,MAAO,iBACX,QACI,MAAO,Q,EAGnB,MAAM2B,EAAc,KAChB,GAAIC,EAAepC,KAAKgB,GAAI,SAAU,CAClC,OAAQqB,EAAE,MAAO,CAAEC,MAAO,8BAAgCD,EAAE,OAAQ,CAAEE,KAAM,U,MAE3E,GAAIC,EAAcd,GAAQ,CAC3B,OAAQW,EAAE,gBAAiB,CAAEC,MAAO,mBAAoBG,QAASP,EAAqB1B,IAAW6B,EAAE,IAAK,KAAMX,G,CAElH,OAAO,IAAI,EAEf,OAAQW,EAAEK,EAAMC,OAAOC,OAAO,CAAEN,MAAO,CAC/B,CAAC,YAAY/B,KAAUA,IAAU,UACjC,CAAC,2BAA4BF,EAC7B,CAAC,cAAcC,KAAgB,KAC/B,CAAC,cAAcE,KAAW,KAC1B,CAAC,cAAcL,KAAgB,KAC/B,CAAC,oBAAoBC,KAAmBgC,EAAepC,KAAKgB,GAAI,WAAa6B,EAAcnB,MACxFpB,IAAgB,cACpB6B,OAAmBK,EAAcpC,KAAqB,CACzD,mBAAoBE,EACpBwC,KAAM,cACLxC,IAAgB,gBACf6B,MAAkBK,EAAcpC,KAAoBiC,EAAE,KAAM,QAASG,EAAcpC,MAAqB+B,KAAiBA,IAAe7B,IAAgB,cACxJ6B,MAAkBK,EAAcpC,KAAqBiC,EAAE,MAAO,CAAEC,MAAO,qB","ignoreList":[]}

package/dist/core/p-fe5b51bb.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as i,h as s,H as t,g as e}from"./p-8e4e97b4.js";import{D as h,f as a,h as l}from"./p-e519f607.js";const r=":host{display:block}:host ol{display:flex;list-style-type:none;align-items:center;flex-wrap:wrap;padding:0;margin:0}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb){display:none}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb.show){display:flex}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.hide){display:none;opacity:0;visibility:hidden}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden){display:block;opacity:0;transition:all var(--ic-easing-transition-slow)}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.fade){opacity:1}";const c=r;const d=class{constructor(s){i(this,s);this.ADD_CLASS_DELAY=50;this.IC_BREADCRUMB="ic-breadcrumb";this.SHOW_BACK_ICON="show-back-icon";this.collapsedBreadcrumbs=[];this.resizeObserver=null;this.lastParentBreadcrumb=null;this.deviceSize=h.XL;this.backBreadcrumbOnly=false;this.collapsed=false;this.monochrome=false;this.theme="inherit";this.setBreadcrumbTheme=()=>{Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((i=>{i.theme=this.theme}))};this.setBreadcrumbMonochrome=()=>{Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((i=>{i.monochrome=this.monochrome}))};this.setBackBreadcrumb=()=>{if(this.backBreadcrumbOnly){this.setLastParentCollapsedBackBreadcrumb()}else{this.revertLastParentCollapsedBreadcrumb()}};this.setBackBreadcrumbAttr=()=>{if(this.lastParentBreadcrumb){this.lastParentBreadcrumb.classList.add("show");this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON,"true")}};this.getLastParentBreadcrumb=()=>{const i=this.el.querySelectorAll(this.IC_BREADCRUMB);return i.length>1?i[i.length-2]:null};this.setCollapsed=()=>{var i,s;this.collapsedBreadcrumbs.forEach((i=>{i.classList.remove("visuallyhidden");i.classList.remove("fade")}));if(this.collapsed){this.renderCollapsedBreadcrumb();const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));this.collapsedBreadcrumbs=s.splice(1,s.length-2).filter((i=>!i.classList.contains("collapsed-breadcrumb-wrapper")));if(!this.backBreadcrumbOnly){this.collapsedBreadcrumbs.forEach((i=>i.classList.add("hide")))}if(this.collapsedBreadcrumbWrapper){(i=s[0])===null\|\|i===void 0?void 0:i.insertAdjacentElement("afterend",this.collapsedBreadcrumbWrapper)}}else{(s=this.collapsedBreadcrumbWrapper)===null\|\|s===void 0?void 0:s.remove()}};this.clickHandler=()=>{var i;(i=this.collapsedBreadcrumbWrapper)===null\|\|i===void 0?void 0:i.remove();this.collapsedBreadcrumbs.forEach((i=>{i.classList.add("visuallyhidden");i.classList.remove("hide");setTimeout((()=>{i.classList.add("fade")}),this.ADD_CLASS_DELAY);i.addEventListener("transitionend",this.transitionendHandler)}));this.collapsed=false;this.collapsedBreadcrumbs[0].setFocus()};this.renderCollapsedBreadcrumb=()=>{if(this.collapsedBreadcrumbEl===undefined){this.collapsedBreadcrumbWrapper=document.createElement("ic-breadcrumb");this.collapsedBreadcrumbWrapper.classList.add("collapsed-breadcrumb-wrapper");this.collapsedBreadcrumbEl=document.createElement("button");const i=document.createElement("span");i.id="collapsed-button-label";i.innerText="Collapsed breadcrumbs";i.className="hide";this.collapsedBreadcrumbEl.setAttribute("aria-labelledby",i.id);const s=document.createElement("span");s.id="collapsed-button-described";s.innerText="Select to view collapsed breadcrumbs";s.className="hide";this.collapsedBreadcrumbEl.setAttribute("aria-describedby",s.id);this.collapsedBreadcrumbEl.id="collapsed-ellipsis";this.collapsedBreadcrumbEl.innerText="...";this.collapsedBreadcrumbEl.classList.add("collapsed-breadcrumb");this.collapsedBreadcrumbEl.addEventListener("click",this.clickHandler);this.collapsedBreadcrumbWrapper.append(s);this.collapsedBreadcrumbWrapper.append(i);this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl)}};this.transitionendHandler=i=>{if(i.propertyName==="opacity"){i.target.classList.remove("visuallyhidden")}};this.setLastParentCollapsedBackBreadcrumb=()=>{this.lastParentBreadcrumb=this.getLastParentBreadcrumb();this.setBackBreadcrumbAttr();if(this.lastParentBreadcrumb){this.lastParentBreadcrumb.classList.remove("hide");this.lastParentBreadcrumb.classList.add("show")}};this.revertLastParentCollapsedBreadcrumb=()=>{if(this.lastParentBreadcrumb){this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON,"false");if(this.collapsed){this.lastParentBreadcrumb.classList.add("hide")}}};this.resizeObserverCallback=i=>{if(i!==this.deviceSize){this.deviceSize=i;const s=this.deviceSize<=h.S;this.el.setAttribute("back-breadcrumb-only",`${s}`);if(s){if(this.collapsed){this.setLastParentCollapsedBackBreadcrumb()}else{this.setBackBreadcrumb()}}else{const i=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));if(this.collapsed&&i.length>2){this.revertLastParentCollapsedBreadcrumb();this.setCollapsed()}else{i.forEach((i=>{i.setAttribute(this.SHOW_BACK_ICON,"false")}))}}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback(a())}));this.resizeObserver.observe(this.el)}}watchBackBreadcrumbHandler(){this.setBackBreadcrumb()}watchCollapsedHandler(){this.setCollapsed()}watchMonochromeHandler(){this.setBreadcrumbMonochrome()}watchThemeHandler(){this.setBreadcrumbTheme()}componentWillLoad(){this.setBreadcrumbTheme();this.setBreadcrumbMonochrome();if(this.backBreadcrumbOnly){this.setBackBreadcrumb()}else{l(this.runResizeObserver)}if(this.collapsed&&this.el.querySelectorAll(this.IC_BREADCRUMB).length>2){if(a()===h.S){this.setLastParentCollapsedBackBreadcrumb()}else{this.setCollapsed()}}this.lastParentBreadcrumb=this.getLastParentBreadcrumb()}disconnectedCallback(){var i,s;(i=this.lastParentBreadcrumb)===null\|\|i===void 0?void 0:i.removeEventListener("transitionend",this.transitionendHandler);(s=this.collapsedBreadcrumbEl)===null\|\|s===void 0?void 0:s.removeEventListener("click",this.clickHandler)}render(){const{backBreadcrumbOnly:i,collapsed:e,theme:h}=this;return s(t,{key:"c2828a2c275ac4341d26054b2de81bd93591a783",class:{"ic-breadcrumb-group-back":i,"ic-breadcrumb-group-collapsed":e,[`ic-theme-${h}`]:h!=="inherit"}},s("nav",{key:"44c0b96801da788bbfa96b138348d05214270b60","aria-label":"breadcrumbs"},s("ol",{key:"1f0549af4262e1f3181168dce91b7af6c6820dc3"},s("slot",{key:"8603a718735d00643bedf8b3b3fed554234d710e"}))))}get el(){return e(this)}static get watchers(){return{backBreadcrumbOnly:["watchBackBreadcrumbHandler"],collapsed:["watchCollapsedHandler"],monochrome:["watchMonochromeHandler"],theme:["watchThemeHandler"]}}};d.style=c;export{d as ic_breadcrumb_group};
2	- //# sourceMappingURL=p-fe5b51bb.entry.js.map

package/dist/core/p-fe5b51bb.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["icBreadcrumbGroupCss","IcBreadcrumbGroupStyle0","BreadcrumbGroup","constructor","hostRef","this","ADD_CLASS_DELAY","IC_BREADCRUMB","SHOW_BACK_ICON","collapsedBreadcrumbs","resizeObserver","lastParentBreadcrumb","deviceSize","DEVICE_SIZES","XL","backBreadcrumbOnly","collapsed","monochrome","theme","setBreadcrumbTheme","Array","from","el","querySelectorAll","forEach","breadcrumb","setBreadcrumbMonochrome","setBackBreadcrumb","setLastParentCollapsedBackBreadcrumb","revertLastParentCollapsedBreadcrumb","setBackBreadcrumbAttr","classList","add","setAttribute","getLastParentBreadcrumb","allBreadcrumbs","length","setCollapsed","_a","_b","remove","renderCollapsedBreadcrumb","splice","filter","contains","collapsedBreadcrumbWrapper","insertAdjacentElement","clickHandler","setTimeout","addEventListener","transitionendHandler","setFocus","collapsedBreadcrumbEl","undefined","document","createElement","ariaLabel","id","innerText","className","ariaDescribed","append","event","propertyName","target","resizeObserverCallback","currSize","isSmallDevice","S","runResizeObserver","ResizeObserver","getCurrentDeviceSize","observe","watchBackBreadcrumbHandler","watchCollapsedHandler","watchMonochromeHandler","watchThemeHandler","componentWillLoad","checkResizeObserver","disconnectedCallback","removeEventListener","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.css?tag=ic-breadcrumb-group&encapsulation=shadow","../web-components/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js"],"sourcesContent":[":host {\n display: block;\n}\n\n:host ol {\n display: flex;\n list-style-type: none;\n align-items: center;\n flex-wrap: wrap;\n padding: 0;\n margin: 0;\n}\n\n:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb) {\n display: none;\n}\n\n:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb.show) {\n display: flex;\n}\n\n:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.hide) {\n display: none;\n opacity: 0;\n visibility: hidden;\n}\n\n:host(.ic-breadcrumb-group-collapsed)\n ol\n ::slotted(ic-breadcrumb.visuallyhidden) {\n display: block;\n opacity: 0;\n transition: all var(--ic-easing-transition-slow);\n}\n\n:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.fade) {\n opacity: 1;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize, } from \"../../utils/helpers\";\n// Added ResizeObserver to find out width of breadcrumbs and parents. Use side navigation long title for ref.\nexport class BreadcrumbGroup {\n constructor() {\n this.ADD_CLASS_DELAY = 50;\n this.IC_BREADCRUMB = \"ic-breadcrumb\";\n this.SHOW_BACK_ICON = \"show-back-icon\";\n this.collapsedBreadcrumbs = [];\n this.resizeObserver = null;\n this.lastParentBreadcrumb = null;\n this.deviceSize = DEVICE_SIZES.XL;\n /**\n * If `true`, display only a single breadcrumb for the parent page with a back icon.\n */\n this.backBreadcrumbOnly = false;\n /**\n * If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.\n */\n this.collapsed = false;\n /**\n * If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.\n */\n this.monochrome = false;\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n this.setBreadcrumbTheme = () => {\n Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((breadcrumb) => {\n breadcrumb.theme = this.theme;\n });\n };\n this.setBreadcrumbMonochrome = () => {\n Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((breadcrumb) => {\n breadcrumb.monochrome = this.monochrome;\n });\n };\n this.setBackBreadcrumb = () => {\n if (this.backBreadcrumbOnly) {\n this.setLastParentCollapsedBackBreadcrumb();\n }\n else {\n this.revertLastParentCollapsedBreadcrumb();\n }\n };\n this.setBackBreadcrumbAttr = () => {\n if (this.lastParentBreadcrumb) {\n this.lastParentBreadcrumb.classList.add(\"show\");\n this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"true\");\n }\n };\n this.getLastParentBreadcrumb = () => {\n const allBreadcrumbs = this.el.querySelectorAll(this.IC_BREADCRUMB);\n return allBreadcrumbs.length > 1\n ? allBreadcrumbs[allBreadcrumbs.length - 2]\n : null;\n };\n this.setCollapsed = () => {\n var _a, _b;\n this.collapsedBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.classList.remove(\"visuallyhidden\");\n breadcrumb.classList.remove(\"fade\");\n });\n if (this.collapsed) {\n this.renderCollapsedBreadcrumb();\n const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n this.collapsedBreadcrumbs = allBreadcrumbs\n .splice(1, allBreadcrumbs.length - 2)\n .filter((breadcrumb) => !breadcrumb.classList.contains(\"collapsed-breadcrumb-wrapper\"));\n if (!this.backBreadcrumbOnly) {\n this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add(\"hide\"));\n }\n if (this.collapsedBreadcrumbWrapper) {\n (_a = allBreadcrumbs[0]) === null || _a === void 0 ? void 0 : _a.insertAdjacentElement(\"afterend\", this.collapsedBreadcrumbWrapper);\n }\n }\n else {\n (_b = this.collapsedBreadcrumbWrapper) === null || _b === void 0 ? void 0 : _b.remove();\n }\n };\n this.clickHandler = () => {\n var _a;\n (_a = this.collapsedBreadcrumbWrapper) === null || _a === void 0 ? void 0 : _a.remove();\n this.collapsedBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.classList.add(\"visuallyhidden\");\n breadcrumb.classList.remove(\"hide\");\n setTimeout(() => {\n breadcrumb.classList.add(\"fade\");\n }, this.ADD_CLASS_DELAY);\n breadcrumb.addEventListener(\"transitionend\", this.transitionendHandler);\n });\n this.collapsed = false;\n // Set focus to first unhidden breadcrumb\n this.collapsedBreadcrumbs[0].setFocus();\n };\n this.renderCollapsedBreadcrumb = () => {\n if (this.collapsedBreadcrumbEl === undefined) {\n this.collapsedBreadcrumbWrapper = document.createElement(\"ic-breadcrumb\");\n this.collapsedBreadcrumbWrapper.classList.add(\"collapsed-breadcrumb-wrapper\");\n this.collapsedBreadcrumbEl = document.createElement(\"button\");\n const ariaLabel = document.createElement(\"span\");\n ariaLabel.id = \"collapsed-button-label\";\n ariaLabel.innerText = \"Collapsed breadcrumbs\";\n ariaLabel.className = \"hide\";\n this.collapsedBreadcrumbEl.setAttribute(\"aria-labelledby\", ariaLabel.id);\n const ariaDescribed = document.createElement(\"span\");\n ariaDescribed.id = \"collapsed-button-described\";\n ariaDescribed.innerText = \"Select to view collapsed breadcrumbs\";\n ariaDescribed.className = \"hide\";\n this.collapsedBreadcrumbEl.setAttribute(\"aria-describedby\", ariaDescribed.id);\n this.collapsedBreadcrumbEl.id = \"collapsed-ellipsis\";\n this.collapsedBreadcrumbEl.innerText = \"...\";\n this.collapsedBreadcrumbEl.classList.add(\"collapsed-breadcrumb\");\n this.collapsedBreadcrumbEl.addEventListener(\"click\", this.clickHandler);\n this.collapsedBreadcrumbWrapper.append(ariaDescribed);\n this.collapsedBreadcrumbWrapper.append(ariaLabel);\n this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);\n }\n };\n this.transitionendHandler = (event) => {\n if (event.propertyName === \"opacity\") {\n event.target.classList.remove(\"visuallyhidden\");\n }\n };\n this.setLastParentCollapsedBackBreadcrumb = () => {\n this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n this.setBackBreadcrumbAttr();\n if (this.lastParentBreadcrumb) {\n this.lastParentBreadcrumb.classList.remove(\"hide\");\n this.lastParentBreadcrumb.classList.add(\"show\");\n }\n };\n this.revertLastParentCollapsedBreadcrumb = () => {\n if (this.lastParentBreadcrumb) {\n this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n if (this.collapsed) {\n this.lastParentBreadcrumb.classList.add(\"hide\");\n }\n }\n };\n this.resizeObserverCallback = (currSize) => {\n if (currSize !== this.deviceSize) {\n this.deviceSize = currSize;\n const isSmallDevice = this.deviceSize <= DEVICE_SIZES.S;\n this.el.setAttribute(\"back-breadcrumb-only\", `${isSmallDevice}`);\n if (isSmallDevice) {\n if (this.collapsed) {\n this.setLastParentCollapsedBackBreadcrumb();\n }\n else {\n this.setBackBreadcrumb();\n }\n }\n else {\n const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n if (this.collapsed && allBreadcrumbs.length > 2) {\n this.revertLastParentCollapsedBreadcrumb();\n this.setCollapsed();\n }\n else {\n allBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n });\n }\n }\n }\n };\n this.runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.resizeObserverCallback(getCurrentDeviceSize());\n });\n this.resizeObserver.observe(this.el);\n };\n }\n watchBackBreadcrumbHandler() {\n this.setBackBreadcrumb();\n }\n watchCollapsedHandler() {\n this.setCollapsed();\n }\n watchMonochromeHandler() {\n this.setBreadcrumbMonochrome();\n }\n watchThemeHandler() {\n this.setBreadcrumbTheme();\n }\n componentWillLoad() {\n this.setBreadcrumbTheme();\n this.setBreadcrumbMonochrome();\n if (this.backBreadcrumbOnly) {\n this.setBackBreadcrumb();\n }\n else {\n checkResizeObserver(this.runResizeObserver);\n }\n if (this.collapsed &&\n this.el.querySelectorAll(this.IC_BREADCRUMB).length > 2) {\n if (getCurrentDeviceSize() === DEVICE_SIZES.S) {\n this.setLastParentCollapsedBackBreadcrumb();\n }\n else {\n this.setCollapsed();\n }\n }\n this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n }\n disconnectedCallback() {\n var _a, _b;\n (_a = this.lastParentBreadcrumb) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"transitionend\", this.transitionendHandler);\n (_b = this.collapsedBreadcrumbEl) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"click\", this.clickHandler);\n }\n render() {\n const { backBreadcrumbOnly, collapsed, theme } = this;\n return (h(Host, { key: 'c2828a2c275ac4341d26054b2de81bd93591a783', class: {\n \"ic-breadcrumb-group-back\": backBreadcrumbOnly,\n \"ic-breadcrumb-group-collapsed\": collapsed,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n } }, h(\"nav\", { key: '44c0b96801da788bbfa96b138348d05214270b60', \"aria-label\": \"breadcrumbs\" }, h(\"ol\", { key: '1f0549af4262e1f3181168dce91b7af6c6820dc3' }, h(\"slot\", { key: '8603a718735d00643bedf8b3b3fed554234d710e' })))));\n }\n static get is() { return \"ic-breadcrumb-group\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-breadcrumb-group.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-breadcrumb-group.css\"]\n };\n }\n static get properties() {\n return {\n \"backBreadcrumbOnly\": {\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`, display only a single breadcrumb for the parent page with a back icon.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"back-breadcrumb-only\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"collapsed\": {\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`, all breadcrumbs between the first and last breadcrumb will be collapsed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"collapsed\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"monochrome\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"monochrome\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"deviceSize\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"backBreadcrumbOnly\",\n \"methodName\": \"watchBackBreadcrumbHandler\"\n }, {\n \"propName\": \"collapsed\",\n \"methodName\": \"watchCollapsedHandler\"\n }, {\n \"propName\": \"monochrome\",\n \"methodName\": \"watchMonochromeHandler\"\n }, {\n \"propName\": \"theme\",\n \"methodName\": \"watchThemeHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-breadcrumb-group.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-ff618439.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{h as t,r as e,H as i,g as o}from"./p-8e4e97b4.js";import{D as s}from"./p-829b34f9.js";const n=()=>{const t=t=>`${4+8(parseInt(t.split("")[1])-2)}px`;return{setItemLevelOffset:t}};const a=e=>{const{id:i,className:o,label:s,target:n,selected:a,truncate:c,variant:r,position:l,size:d,updateSelected:h,setItemLevelOffset:b}=e;return t("a",{id:i,onClick:()=>h(l),class:`${a&&"table-of-contents-item-content-selected"}\n ${d==="large"?`table-of-contents-item-content-large`:`table-of-contents-item-content-default`}\n ${o}\n `,href:`#${n}`},t("ic-typography",{id:`${i}-label`,bold:a===l,class:`${c&&"truncated-item-text"} ${d&&`table-of-contents-item-content-${d}`}\n table-of-contents-item-label\n `,style:{paddingLeft:b(r)}},s))};const c=e=>{const i=n();return t(a,Object.assign({},e,i))};const r=":host{display:block;border:none;max-height:100vh}.table-of-contents-section-container{display:flex}.table-of-contents-content{top:0;left:0;padding:0 var(--ic-space-md);font:var(--ic-color-text-primary);max-height:100vh;z-index:1}:host .table-of-contents-position-top{min-width:10rem;max-width:50rem}:host .table-of-contents-position-side{min-width:8rem;max-width:20rem;width:20rem;position:sticky}.table-of-contents-list{display:flex;flex-direction:row;max-width:inherit}:host ol{list-style:none;margin-block-start:0;padding-inline-start:0}.table-of-contents-list-items{display:flex;flex-direction:column;width:100%}.table-of-contents-sidebar{background-color:var(--ic-table-of-contents-banner);height:1.75rem;min-width:0.25rem}.table-of-contents-sidebar-monochrome{background-color:var(--ic-table-of-contents-banner-monochrome)}.table-of-contents-item{min-height:1.5rem;line-height:1.5rem}.table-of-contents-item-content:hover{background-color:var(--ic-table-of-contents-hover)}.table-of-contents-item-monochrome-content:hover{background-color:var(--ic-table-of-contents-hover-monochrome)}.table-of-contents-item-content{border:none;max-width:inherit;display:flex;align-items:center;text-decoration:none;position:relative;color:var(--ic-table-of-contents-text);min-height:1.5rem;--ic-typography-color:var(--ic-table-of-contents-text)}.table-of-contents-item-content-default{padding-top:var(--ic-space-xxxs);padding-bottom:var(--ic-space-xxxs)}.table-of-contents-item-content:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none;background-color:var(--ic-table-of-contents-hover)}.table-of-contents-item-content:active{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none;background-color:var(--ic-table-of-contents-pressed)}.truncated-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-of-contents-item-content-large{padding-top:var(--ic-space-xxs);padding-bottom:var(--ic-space-xxs)}.table-of-contents-sidebar.large{height:2.5rem}.table-of-contents-heading.large{padding-bottom:var(--ic-space-xs)}@media (prefers-reduced-motion: no-preference){.table-of-contents-sidebar{transition:all 0.3s ease}}@media (prefers-reduced-motion: reduce){.table-of-contents-sidebar{transition:none}}@media (forced-colors: active){.table-of-contents-sidebar{background-color:Highlight}}";const l=r;const d="table-of-contents-content";const h="table-of-contents-list-items";const b="table-of-contents-item-content";const f="table-of-contents-section-container";const m=class{constructor(i){e(this,i);this.heading="Contents";this.maximumHeadingLevel=3;this.monochrome=false;this.position="right";this.setScrollHeight=50;this.size="medium";this.theme="inherit";this.truncate=true;this.focusedElement=0;this.referenceElements=[];this.currentTargetHeights=[];this.headerHeight=0;this.initialPosition=this.position;this.suppressListener=false;this.createTocItem=(e,i)=>{const o=`toc_${e.id}`;const s=t(c,{id:o,className:b,variant:e.tagName.toLowerCase(),label:e.textLabel,target:e.id,truncate:this.truncate,selected:this.focusedElement,updateSelected:this.updateOnSelection,position:e.trueIndex,size:this.size});const n=this.truncate?t("ic-tooltip",{target:o,label:e.innerHTML},s):s;return t("li",{class:`table-of-contents-item ${this.monochrome&&"table-of-contents-item-monochrome"}`},n,i?t("ol",null,i):null)};this.renderTocTree=t=>{let e;if(t.treeChildren.length>0){const i=t.treeChildren.map((t=>this.renderTocTree(t)));e=this.createTocItem(t,i)}else{e=this.createTocItem(t)}return e};this.updateOnSelection=t=>{this.suppressListener=true;this.focusedElement=t;this.sidebarTranslation(this.focusedElement)};this.truncateText=()=>{var t,e;const i=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelectorAll(`.${b}`);const o=(e=this.el.shadowRoot)===null\|\|e===void 0?void 0:e.querySelector(`.${h}`);if(o)i===null\|\|i===void 0?void 0:i.forEach((t=>{this.addTooltip(t,s.S)}))}}suppressListenerHandler(){window.scrollTo(0,window.scrollY-this.headerHeight-50)}generateHeadingTree(){var t;const e=[];const i=this.maximumHeadingLevel<5?["h2","h3","h4","h5"].slice(0,(this.maximumHeadingLevel<2?2:this.maximumHeadingLevel)-1).join(","):"h2, h3, h4, h5";const o=this.el.querySelectorAll(i);if(o){const i=Array.from(o);i.forEach(((t,e)=>{this.referenceElements.push(t);t.trueIndex=e;t.rank=t.tagName.toLowerCase().slice(1,2);t.textLabel=t.textContent?t.textContent.trimStart().split("\n")[0]:`${t.rank}-${e}`;t.treeChildren=[]}));let s=((t=i[0])===null\|\|t===void 0?void 0:t.rank)\|\|2;i.reverse().forEach(((t,o)=>{if(!t.id){t.setAttribute("id",t.textLabel.replace(/\s+/g,"-").toLowerCase())}if(t.rank>s&&t.trueIndex>0){if(i[o]&&i[o].rank<t.rank){i[o].treeChildren.unshift(t)}else{e.push(t)}}else{s=t.rank;e.push(t)}}))}return e.reverse()}containerPosition(){var t;if(this.position){const e=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelector(`.${f}`);switch(this.position){case"right":e.style.flexDirection="row-reverse";break;case"top":e.style.flexDirection="column";break}}}sidebarTranslation(t){var e,i,o;const s=(e=this.el.shadowRoot)===null\|\|e===void 0?void 0:e.querySelector(".table-of-contents-sidebar");const n=[];let a=0;(o=(i=this.el.shadowRoot)===null\|\|i===void 0?void 0:i.querySelectorAll(`.${b}`))===null\|\|o===void 0?void 0:o.forEach((t=>{if(t!==null)n.push(t.offsetHeight)}));n.slice(0,t).forEach((t=>a+=t));s.style.transform=`translateY(${a}px)`;s.style.height=`${n[t]}px`}findElementsHeights(){const t=[];this.referenceElements.forEach((e=>{t.push(e.getBoundingClientRect().top)}));this.currentTargetHeights=t}handleResizeBounds(){if(window.innerWidth<s.XL&&this.initialPosition!=="top"){this.position="top";this.containerPosition()}else if(window.innerWidth>s.XL&&this.position==="top"&&this.initialPosition==="right"){this.position="right";this.containerPosition()}this.findElementsHeights();this.truncateText()}updateSelectedItemFromScroll(){const t=window.scrollY+window.innerHeight(this.setScrollHeight/100);if(window.scrollY===0){this.focusedElement=0;this.sidebarTranslation(this.focusedElement)}else if(t<this.currentTargetHeights[this.focusedElement]){const e=this.currentTargetHeights.slice(0,this.focusedElement);const i=e.reduce(((i,o,s)=>{if(Math.abs(o-t)<Math.abs(e[i]-t))return s;return i}),0);this.focusedElement=i;this.sidebarTranslation(this.focusedElement)}else if(t>this.currentTargetHeights[this.focusedElement]&&this.focusedElement!==this.currentTargetHeights.length){const e=this.currentTargetHeights.slice(this.focusedElement);const i=e.reduce(((i,o,s)=>{if(Math.abs(o-t)<Math.abs(e[i]-t)&&o<t)return s;return i}),0);if(i+this.focusedElement!==this.focusedElement){this.focusedElement+=i;this.sidebarTranslation(this.focusedElement)}}}findHeaderElement(){const t=document.querySelector("ic-page-header");if(t){return t.clientHeight}const e=document.querySelector("header");if(e){return e.clientHeight}return 0}addListMargin(){var t;const e=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelector(`.${d}`);e===null\|\|e===void 0?void 0:e.style.setProperty("top",`${this.headerHeight}px`)}addTooltip(t,e){var i;const o=t.querySelector(".table-of-contents-item-label");if(((i=t.parentNode)===null\|\|i===void 0?void 0:i.tagName)=="IC-TOOLTIP"){const i=t.parentNode;if((o===null\|\|o===void 0?void 0:o.offsetWidth)<(o===null\|\|o===void 0?void 0:o.scrollWidth)){const o=window.innerWidth<e?"bottom":this.position==="right"?"left":"right";i.setAttribute("disable-click",false);i.setAttribute("disable-hover",false);i.setAttribute("placement",o);i.setAttribute("target",t.id);i.setAttribute("style","overflow:hidden")}else{i.setAttribute("disable-click",true);i.setAttribute("disable-hover",true)}}}componentWillLoad(){this.resizeObserver=new ResizeObserver((()=>this.handleResizeBounds()));this.resizeObserver.observe(this.el)}componentDidRender(){document.addEventListener("scroll",(()=>{if(!this.suppressListener)this.updateSelectedItemFromScroll();else this.suppressListener=false}));this.containerPosition();this.findElementsHeights();this.sidebarTranslation(this.focusedElement)}async componentDidLoad(){this.focusedElement=0;this.headerHeight=this.findHeaderElement();this.addListMargin();this.truncateText();this.findElementsHeights();this.sidebarTranslation(this.focusedElement)}render(){const{heading:e,monochrome:o,position:s,size:n,theme:a}=this;return t(i,{key:"b92dba4d29b176dc877963ce0c3113568007847d",class:{[`ic-theme-${a}`]:a!=="inherit"}},t("ic-section-container",{key:"86e9740eecc52ca907e39d7c3daf5ebc506b6c3b",class:f,aligned:"full-width"},t("div",{key:"8a4cceab420909f0030c262839b4f6c2bbedf297",role:"navigation",class:`${d} ${s==="top"&&"table-of-contents-position-top"}\n ${s==="right"&&"table-of-contents-position-side"}`},t("ic-typography",{key:"d9dac6d2e62f2aadd177833418e85cb89ab2dade",class:`table-of-contents-heading ${n}`,variant:"subtitle-large"},e),t("div",{key:"c88968311486981bde1093930757ea264d2bd919",class:"table-of-contents-list"},t("div",{key:"0b8e21d4f1c8b8a4f4f4f91c8c3ae9ba859b9b5b",class:`table-of-contents-sidebar ${o&&`table-of-contents-sidebar-monochrome`}\n ${n}\n `}),t("ol",{key:"dc2216ce8e94c17ab0b2fe0b5644086eb90c4fd0",class:h},this.generateHeadingTree().map((t=>this.renderTocTree(t)))))),t("slot",{key:"e0a992d1de985fbe672aa7a33ed54efb5ec5de43"})))}get el(){return o(this)}static get watchers(){return{suppressListener:["suppressListenerHandler"]}}};m.style=l;export{m as ic_table_of_contents};
2	- //# sourceMappingURL=p-ff618439.entry.js.map

package/dist/core/p-ff618439.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["ItemHook","setItemLevelOffset","variant","parseInt","split","ItemComponent","itemProps","id","className","label","target","selected","truncate","position","size","updateSelected","h","onClick","class","href","bold","style","paddingLeft","TableOfContentsItem","props","innerProps","Object","assign","icTableOfContentsCss","IcTableOfContentsStyle0","TOC_CONTENT_CLASS","TOC_LIST_ITEMS_CLASS","TOC_ITEM_CLASS","TOC_CONTAINER_CLASS","TableOfContents","constructor","hostRef","this","heading","maximumHeadingLevel","monochrome","setScrollHeight","theme","focusedElement","referenceElements","currentTargetHeights","headerHeight","initialPosition","suppressListener","createTocItem","tocHeading","children","tocId","tocItem","tagName","toLowerCase","textLabel","updateOnSelection","trueIndex","wrappedToc","innerHTML","renderTocTree","listItem","results","treeChildren","length","map","i","sidebarTranslation","truncateText","links","_a","el","shadowRoot","querySelectorAll","contentList","_b","querySelector","forEach","item","addTooltip","DEVICE_SIZES","S","suppressListenerHandler","window","scrollTo","scrollY","generateHeadingTree","resultArray","headingDepth","slice","join","headingList","headingArray","Array","from","index","push","rank","textContent","trimStart","currentRank","reverse","setAttribute","replace","unshift","containerPosition","container","flexDirection","newPosition","sidebar","itemHeights","previousItemsHeight","_c","offsetHeight","transform","height","findElementsHeights","contentBounds","element","getBoundingClientRect","top","handleResizeBounds","innerWidth","XL","updateSelectedItemFromScroll","targetHeight","innerHeight","previousItems","closestItem","reduce","newValue","curr","Math","abs","relevantItems","findHeaderElement","document","clientHeight","header","addListMargin","content","setProperty","widthBreakpoint","itemLabel","parentNode","tooltip","offsetWidth","scrollWidth","tooltipPosition","componentWillLoad","resizeObserver","ResizeObserver","observe","componentDidRender","addEventListener","componentDidLoad","render","Host","key","aligned","role"],"sources":["src/components/ic-table-of-contents/ic-table-of-contents-item.tsx","src/components/ic-table-of-contents/ic-table-of-contents.css?tag=ic-table-of-contents&encapsulation=shadow","src/components/ic-table-of-contents/ic-table-of-contents.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\n\ninterface IcTableOfContentsItemElement {\n id: string;\n className: string;\n label: string;\n target: string;\n variant: string;\n selected: number;\n position: number;\n size?: string;\n truncate?: boolean;\n updateSelected: (position: number) => void;\n setItemLevelOffset: (variant: string) => string;\n}\n\ninterface TOCItemProps {\n id: string;\n className: string;\n variant: string;\n label: string;\n target: string;\n selected: number;\n position: number;\n size?: string;\n truncate?: boolean;\n updateSelected: (position: number) => void;\n}\n\nconst ItemHook = () => {\n // adds offset to the item based on its variant\n // e.g. h2 = 4 + (8*(2-2)) = 4px\n // h3 = 4 + (8*(3-2)) = 12px\n const setItemLevelOffset = (variant: string): string => {\n return `${4 + 8 * (parseInt(variant.split(\"\")[1]) - 2)}px`;\n };\n\n return { setItemLevelOffset };\n};\n\nconst ItemComponent: FunctionalComponent<IcTableOfContentsItemElement> = (\n itemProps\n) => {\n const {\n id,\n className,\n label,\n target,\n selected,\n truncate,\n variant,\n position,\n size,\n updateSelected,\n setItemLevelOffset,\n } = itemProps;\n\n return (\n <a\n id={id}\n onClick={() => updateSelected(position)}\n class={`${selected && \"table-of-contents-item-content-selected\"}\n ${\n size === \"large\"\n ? `table-of-contents-item-content-large`\n : `table-of-contents-item-content-default`\n }\n ${className}\n `}\n href={`#${target}`}\n >\n <ic-typography\n id={`${id}-label`}\n bold={selected === position}\n class={`${truncate && \"truncated-item-text\"} ${\n size && `table-of-contents-item-content-${size}`\n }\n table-of-contents-item-label\n `}\n style={{\n paddingLeft: setItemLevelOffset(variant),\n }}\n >\n {label}\n </ic-typography>\n </a>\n );\n};\n\nexport const TableOfContentsItem = (props: TOCItemProps) => {\n const innerProps = ItemHook();\n return <ItemComponent {...props} {...innerProps} />;\n};\n",":host {\n display: block;\n border: none;\n max-height: 100vh;\n}\n\n.table-of-contents-section-container {\n display: flex;\n}\n\n.table-of-contents-content {\n top: 0;\n left: 0;\n padding: 0 var(--ic-space-md);\n font: var(--ic-color-text-primary);\n max-height: 100vh;\n z-index: 1;\n}\n\n:host .table-of-contents-position-top {\n min-width: 10rem;\n max-width: 50rem;\n}\n\n:host .table-of-contents-position-side {\n min-width: 8rem;\n max-width: 20rem;\n width: 20rem;\n position: sticky;\n}\n\n.table-of-contents-list {\n display: flex;\n flex-direction: row;\n max-width: inherit;\n}\n\n:host ol {\n list-style: none;\n margin-block-start: 0;\n padding-inline-start: 0;\n}\n\n.table-of-contents-list-items {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.table-of-contents-sidebar {\n background-color: var(--ic-table-of-contents-banner);\n height: 1.75rem;\n min-width: 0.25rem;\n}\n\n.table-of-contents-sidebar-monochrome {\n background-color: var(--ic-table-of-contents-banner-monochrome);\n}\n\n.table-of-contents-item {\n min-height: 1.5rem;\n line-height: 1.5rem;\n}\n\n.table-of-contents-item-content:hover {\n background-color: var(--ic-table-of-contents-hover);\n}\n\n.table-of-contents-item-monochrome-content:hover {\n background-color: var(--ic-table-of-contents-hover-monochrome);\n}\n\n.table-of-contents-item-content {\n border: none;\n max-width: inherit;\n display: flex;\n align-items: center;\n text-decoration: none;\n position: relative;\n color: var(--ic-table-of-contents-text);\n min-height: 1.5rem;\n\n --ic-typography-color: var(--ic-table-of-contents-text);\n}\n\n.table-of-contents-item-content-default {\n padding-top: var(--ic-space-xxxs);\n padding-bottom: var(--ic-space-xxxs);\n}\n\n.table-of-contents-item-content:focus {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n transition: var(--ic-transition-duration-fast);\n outline: none;\n background-color: var(--ic-table-of-contents-hover);\n}\n\n.table-of-contents-item-content:active {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n transition: var(--ic-transition-duration-fast);\n outline: none;\n background-color: var(--ic-table-of-contents-pressed);\n}\n\n.truncated-item-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* Large styles */\n\n.table-of-contents-item-content-large {\n padding-top: var(--ic-space-xxs);\n padding-bottom: var(--ic-space-xxs);\n}\n\n.table-of-contents-sidebar.large {\n height: 2.5rem;\n}\n\n.table-of-contents-heading.large {\n padding-bottom: var(--ic-space-xs);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .table-of-contents-sidebar {\n transition: all 0.3s ease;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n /* limit sidebar scroll animation */\n .table-of-contents-sidebar {\n transition: none;\n }\n}\n\n@media (forced-colors: active) {\n .table-of-contents-sidebar {\n background-color: Highlight;\n }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { IcPositionTopOrRight, IcSizes, IcThemeMode } from \"../../utils/types\";\nimport { TableOfContentsItem } from \"./ic-table-of-contents-item\";\nimport { DEVICE_SIZES } from \"../../utils/helpers\";\n\nconst TOC_CONTENT_CLASS = \"table-of-contents-content\";\nconst TOC_LIST_ITEMS_CLASS = \"table-of-contents-list-items\";\nconst TOC_ITEM_CLASS = \"table-of-contents-item-content\";\nconst TOC_CONTAINER_CLASS = \"table-of-contents-section-container\";\n\ninterface RankedElement extends Element {\n rank: string;\n textLabel: string;\n treeChildren: RankedElement[];\n trueIndex: number;\n}\n\n@Component({\n tag: \"ic-table-of-contents\",\n styleUrl: \"ic-table-of-contents.css\",\n shadow: true,\n})\nexport class TableOfContents {\n @Element() el: HTMLIcTableOfContentsElement;\n\n /**\n * Heading text of the table of contents.\n */\n @Prop() heading: string = \"Contents\";\n\n /**\n * Maximum heading level of child content that will generate an item in the table of contents. E.g. when set to '3', headings of <h4> and <h5> will not appear.\n */\n @Prop() maximumHeadingLevel: number = 3;\n\n /**\n * If `true`, the table of contents will display as black in the light theme, and white in dark theme.\n */\n @Prop() monochrome?: boolean = false;\n\n /**\n * Whether the table of contents will appear on the right of or above child content on large viewport widths.\n */\n @Prop({ mutable: true }) position: IcPositionTopOrRight = \"right\";\n\n /**\n * Vertical offset to page scroll (in percent) when table of contents item is selected, to account for other page components like headers.\n */\n @Prop() setScrollHeight: number = 50;\n\n /**\n * The size of the table of contents items.\n */\n @Prop() size: IcSizes = \"medium\";\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * If `true`, the table of contents item label will be truncated.\n */\n @Prop() truncate: boolean = true;\n\n @State() focusedElement: number = 0;\n\n // heading items\n private referenceElements: HTMLElement[] = [];\n\n // heights of heading items\n private currentTargetHeights: number[] = [];\n\n private resizeObserver: ResizeObserver;\n // header height if present\n private headerHeight: number = 0;\n // holds initial position to allow for responsive changes\n private initialPosition: IcPositionTopOrRight = this.position;\n\n // suppress scroll listener to allow for click selection without scroll listener firing\n @State() suppressListener: boolean = false;\n\n @Watch(\"suppressListener\")\n suppressListenerHandler(): void {\n window.scrollTo(0, window.scrollY - this.headerHeight - 50);\n }\n\n /**\n * Generate a TOC Item.\n * These items are wrapped in empty tooltips that will be populated by addTooltip()\n * @param tocHeading heading element to refer item information from\n * @param children\n * @returns TocItem ready to be rendered, with nested children if applicable\n */\n private createTocItem = (\n tocHeading: RankedElement,\n children?: HTMLElement[]\n ): HTMLElement => {\n const tocId = `toc_${tocHeading.id}`;\n\n const tocItem = (\n <TableOfContentsItem\n id={tocId}\n className={TOC_ITEM_CLASS}\n variant={tocHeading.tagName.toLowerCase()}\n label={tocHeading.textLabel}\n target={tocHeading.id}\n truncate={this.truncate}\n selected={this.focusedElement}\n updateSelected={this.updateOnSelection}\n position={tocHeading.trueIndex}\n size={this.size}\n />\n );\n\n const wrappedToc = this.truncate ? (\n <ic-tooltip target={tocId} label={tocHeading.innerHTML}>\n {tocItem}\n </ic-tooltip>\n ) : (\n tocItem\n );\n return (\n <li\n class={`table-of-contents-item ${\n this.monochrome && \"table-of-contents-item-monochrome\"\n }`}\n >\n {wrappedToc}\n {children ? <ol>{children}</ol> : null}\n </li>\n );\n };\n\n /**\n * Render TocItems and recursively render children items if they exist\n * @param listItem\n * @returns HTML Element array to be rendered\n */\n private renderTocTree = (listItem: RankedElement): HTMLElement => {\n let results;\n if (listItem.treeChildren.length > 0) {\n const children = listItem.treeChildren.map((i) => this.renderTocTree(i));\n results = this.createTocItem(listItem, children);\n } else {\n results = this.createTocItem(listItem);\n }\n return results;\n };\n\n /**\n * Scrape for heading elements on the page content within TOC, down to the maximumHeadingLevel.\n * From this, generate an array of Elements with lower rank headings inserted as treeChildren on top level headings.\n * @returns RankedElement[] array of HTML elements with additional props for rank, trueIndex and treeChildren array\n */\n private generateHeadingTree(): RankedElement[] {\n const resultArray: RankedElement[] = [];\n\n const headingDepth =\n this.maximumHeadingLevel < 5\n ? [\"h2\", \"h3\", \"h4\", \"h5\"]\n .slice(\n 0,\n (this.maximumHeadingLevel < 2 ? 2 : this.maximumHeadingLevel) - 1\n )\n .join(\",\")\n : \"h2, h3, h4, h5\";\n const headingList = this.el.querySelectorAll(headingDepth);\n\n if (headingList) {\n const headingArray = Array.from(headingList) as RankedElement[];\n headingArray.forEach((item, index) => {\n this.referenceElements.push(item as unknown as HTMLElement);\n item.trueIndex = index;\n item.rank = item.tagName.toLowerCase().slice(1, 2);\n item.textLabel = item.textContent\n ? item.textContent.trimStart().split(\"\\n\")[0]\n : `${item.rank}-${index}`;\n item.treeChildren = [];\n });\n\n let currentRank = headingArray[0]?.rank || 2;\n\n headingArray.reverse().forEach((h, i) => {\n if (!h.id) {\n h.setAttribute(\"id\", h.textLabel.replace(/\\s+/g, \"-\").toLowerCase());\n }\n if (h.rank > currentRank && h.trueIndex > 0) {\n if (headingArray[i] && headingArray[i].rank < h.rank) {\n headingArray[i].treeChildren.unshift(h);\n } else {\n resultArray.push(h);\n }\n } else {\n currentRank = h.rank;\n resultArray.push(h);\n }\n });\n }\n return resultArray.reverse();\n }\n\n //container orientation logic\n private containerPosition(): void {\n if (this.position) {\n const container = this.el.shadowRoot?.querySelector(\n `.${TOC_CONTAINER_CLASS}`\n ) as HTMLIcSectionContainerElement;\n switch (this.position) {\n case \"right\":\n container.style.flexDirection = \"row-reverse\";\n break;\n case \"top\":\n container.style.flexDirection = \"column\";\n break;\n }\n }\n }\n\n /**\n * Move the sidebar to the provided position on the page.\n * Also, resize the sidebar to stretch the height of the selected heading.\n * @param newPosition\n */\n private sidebarTranslation(newPosition: number): void {\n const sidebar = this.el.shadowRoot?.querySelector(\n \".table-of-contents-sidebar\"\n ) as HTMLIcSectionContainerElement;\n\n const itemHeights: number[] = [];\n let previousItemsHeight = 0;\n this.el.shadowRoot\n ?.querySelectorAll(`.${TOC_ITEM_CLASS}`)\n ?.forEach((item: any) => {\n if (item !== null) itemHeights.push(item.offsetHeight);\n });\n itemHeights\n .slice(0, newPosition)\n .forEach((i) => (previousItemsHeight += i));\n\n sidebar.style.transform = `translateY(${previousItemsHeight}px)`;\n sidebar.style.height = `${itemHeights[newPosition]}px`;\n }\n\n // list item clicked logic\n private updateOnSelection = (position: number) => {\n this.suppressListener = true;\n this.focusedElement = position;\n this.sidebarTranslation(this.focusedElement);\n };\n\n // find element heights to be used to determine focused item from scroll position\n private findElementsHeights() {\n const contentBounds: number[] = [];\n this.referenceElements.forEach((element) => {\n contentBounds.push(element.getBoundingClientRect().top);\n });\n this.currentTargetHeights = contentBounds;\n }\n\n //resize window logic\n private handleResizeBounds() {\n if (window.innerWidth < DEVICE_SIZES.XL && this.initialPosition !== \"top\") {\n this.position = \"top\";\n this.containerPosition();\n } else if (\n window.innerWidth > DEVICE_SIZES.XL &&\n this.position === \"top\" &&\n this.initialPosition === \"right\"\n ) {\n this.position = \"right\";\n this.containerPosition();\n }\n this.findElementsHeights();\n this.truncateText();\n }\n\n // scroll logic\n private updateSelectedItemFromScroll() {\n const targetHeight =\n window.scrollY + window.innerHeight * (this.setScrollHeight / 100);\n if (window.scrollY === 0) {\n this.focusedElement = 0;\n this.sidebarTranslation(this.focusedElement);\n } else if (targetHeight < this.currentTargetHeights[this.focusedElement]) {\n const previousItems = this.currentTargetHeights.slice(\n 0,\n this.focusedElement\n );\n const closestItem = previousItems.reduce((newValue, curr, index) => {\n if (\n Math.abs(curr - targetHeight) <\n Math.abs(previousItems[newValue] - targetHeight)\n )\n return index;\n return newValue;\n }, 0);\n this.focusedElement = closestItem;\n this.sidebarTranslation(this.focusedElement);\n } else if (\n targetHeight > this.currentTargetHeights[this.focusedElement] &&\n this.focusedElement !== this.currentTargetHeights.length\n ) {\n const relevantItems = this.currentTargetHeights.slice(\n this.focusedElement\n );\n\n const closestItem = relevantItems.reduce((newValue, curr, index) => {\n if (\n Math.abs(curr - targetHeight) <\n Math.abs(relevantItems[newValue] - targetHeight) &&\n curr < targetHeight\n )\n return index;\n return newValue;\n }, 0);\n if (closestItem + this.focusedElement !== this.focusedElement) {\n this.focusedElement += closestItem;\n this.sidebarTranslation(this.focusedElement);\n }\n }\n }\n\n // find header element height\n private findHeaderElement(): number {\n const element = document.querySelector(\"ic-page-header\");\n if (element) {\n return element.clientHeight;\n }\n const header = document.querySelector(\"header\");\n if (header) {\n return header.clientHeight;\n }\n return 0;\n }\n\n // add margin to the list based off the header element height\n private addListMargin(): void {\n const content = this.el.shadowRoot?.querySelector(\n `.${TOC_CONTENT_CLASS}`\n ) as HTMLDivElement;\n content?.style.setProperty(\"top\", `${this.headerHeight}px`);\n }\n\n // add tooltip to the item if it is too wide\n private addTooltip(item: any, widthBreakpoint: number) {\n const itemLabel = item.querySelector(\".table-of-contents-item-label\");\n if (item.parentNode?.tagName == \"IC-TOOLTIP\") {\n const tooltip = item.parentNode;\n if (itemLabel?.offsetWidth < itemLabel?.scrollWidth) {\n const tooltipPosition =\n window.innerWidth < widthBreakpoint\n ? \"bottom\"\n : this.position === \"right\"\n ? \"left\"\n : \"right\";\n //Modify the ic-tooltip wrapped around the list item\n tooltip.setAttribute(\"disable-click\", false);\n tooltip.setAttribute(\"disable-hover\", false);\n tooltip.setAttribute(\"placement\", tooltipPosition);\n tooltip.setAttribute(\"target\", item.id);\n tooltip.setAttribute(\"style\", \"overflow:hidden\");\n } else {\n //disable the tooltip if the item does not need to truncate\n tooltip.setAttribute(\"disable-click\", true);\n tooltip.setAttribute(\"disable-hover\", true);\n }\n }\n }\n\n // truncate text if it goes out of bounds of the container\n private truncateText = () => {\n const links = this.el.shadowRoot?.querySelectorAll(`.${TOC_ITEM_CLASS}`);\n const contentList = this.el.shadowRoot?.querySelector(\n `.${TOC_LIST_ITEMS_CLASS}`\n );\n if (contentList)\n links?.forEach((item) => {\n this.addTooltip(item, DEVICE_SIZES.S);\n });\n };\n\n // initialise resize observer\n componentWillLoad(): void {\n this.resizeObserver = new ResizeObserver(() => this.handleResizeBounds());\n this.resizeObserver.observe(this.el);\n }\n\n // initialise scroll listener\n componentDidRender(): void {\n document.addEventListener(\"scroll\", () => {\n if (!this.suppressListener) this.updateSelectedItemFromScroll();\n else this.suppressListener = false;\n });\n this.containerPosition();\n this.findElementsHeights();\n this.sidebarTranslation(this.focusedElement);\n }\n\n // after component has loaded modify the list based of position, size and surrounding elements\n async componentDidLoad(): Promise<void> {\n this.focusedElement = 0;\n this.headerHeight = this.findHeaderElement();\n this.addListMargin();\n this.truncateText();\n this.findElementsHeights();\n this.sidebarTranslation(this.focusedElement);\n }\n\n // Component is a wrapper for page contents, and will build list from heading items\n render() {\n const { heading, monochrome, position, size, theme } = this;\n return (\n <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n <ic-section-container class={TOC_CONTAINER_CLASS} aligned=\"full-width\">\n <div\n role=\"navigation\"\n class={`${TOC_CONTENT_CLASS} ${\n position === \"top\" && \"table-of-contents-position-top\"\n }\n ${position === \"right\" && \"table-of-contents-position-side\"}`}\n >\n <ic-typography\n class={`table-of-contents-heading ${size}`}\n variant=\"subtitle-large\"\n >\n {heading}\n </ic-typography>\n <div class=\"table-of-contents-list\">\n <div\n class={`table-of-contents-sidebar ${\n monochrome && `table-of-contents-sidebar-monochrome`\n }\n ${size}\n `}\n />\n <ol class={TOC_LIST_ITEMS_CLASS}>\n {this.generateHeadingTree().map((item) =>\n this.renderTocTree(item)\n )}\n </ol>\n </div>\n </div>\n <slot></slot>\n </ic-section-container>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/OpenInNew-52210a9d.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"OpenInNew-52210a9d.js","mappings":";;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/check-icon-f2346e76.js DELETED Viewed

@@ -1,8 +0,0 @@
-const Check = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.79502 15.875L4.62502 11.705L3.20502 13.115L8.79502 18.705L20.795 6.70501L19.385 5.29501L8.79502 15.875Z" fill="currentColor"/>
-</svg>
-`;
-export { Check as C };
-//# sourceMappingURL=check-icon-f2346e76.js.map

package/dist/esm/check-icon-f2346e76.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"check-icon-f2346e76.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/chevron-icon-875b7af2.js DELETED Viewed

@@ -1,8 +0,0 @@
-const Chevron = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/>
-</svg>
-`;
-export { Chevron as C };
-//# sourceMappingURL=chevron-icon-875b7af2.js.map

package/dist/esm/chevron-icon-875b7af2.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"chevron-icon-875b7af2.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/close-icon-c9e09475.js DELETED Viewed

@@ -1,10 +0,0 @@
-const closeIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
-    <title>close icon</title>
-</svg>
-`;
-export { closeIcon as c };
-//# sourceMappingURL=close-icon-c9e09475.js.map

package/dist/esm/close-icon-c9e09475.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"close-icon-c9e09475.js","mappings":";;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}