npm - @ukic/canary-web-components - Versions diffs - 3.0.0-canary.27 → 3.0.0-canary.29 - Mend

@ukic/canary-web-components 3.0.0-canary.27 → 3.0.0-canary.29

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 (643) hide show

package/dist/core/p-9fade6ad.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["icStepCss","IcStepStyle0","Step","constructor","hostRef","this","current","icI18n","next","step","steps","of","lastStep","completed","notRequired","required","optional","theme","type","typeChangeHandler","variant","render","_a","_b","compactStepStyling","heading","lastStepNum","nextStepHeading","progress","status","stepNum","subheading","ariaLabel","stepStatus","isPropDefined","toUpperCase","slice","stepType","statusIcon","h","key","class","innerHTML","checkIcon","warningIcon","compactStep","size","undefined","icon","partialBar","finalStep","el","parentElement","classList","contains","defaultStep","Host","role"],"sources":["../web-components/dist/collection/components/ic-step/ic-step.css?tag=ic-step&encapsulation=shadow","../web-components/dist/collection/components/ic-step/ic-step.js"],"sourcesContent":["/* SHARED STYLING */\n:host {\n display: flex;\n flex: auto;\n\n --ic-typography-color: currentcolor;\n}\n\n.step {\n display: flex;\n flex: 1 1 0;\n}\n\n.step-icon {\n display: flex;\n justify-content: center;\n}\n\n.heading,\n.subheading,\n.step-status,\n.next-step {\n white-space: pre-line;\n}\n\n.next-step {\n color: var(--ic-stepper-compact-step-next-text);\n}\n\n.visually-hidden {\n position: absolute;\n left: -9999px;\n top: auto;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.visually-hidden:dir(rtl) {\n right: -9999px;\n}\n\n/* COMPACT STEP STYLING */\n:host(.ic-step-compact) {\n -moz-column-gap: var(--ic-space-sm);\n column-gap: var(--ic-space-sm);\n\n --compact-step-inner-color: var(--ic-step-indicator-status-current);\n --compact-step-outer-color: var(--ic-step-indicator-status-remaining);\n --compact-step-circular-line-width: var(--ic-space-xxs);\n}\n\n:host(.ic-step-compact) .step {\n -moz-column-gap: var(--ic-space-sm);\n column-gap: var(--ic-space-sm);\n}\n\n:host(.ic-step-compact) .step:not(.current) {\n display: none;\n opacity: 0;\n visibility: hidden;\n}\n\n.compact-step-progress-indicator {\n margin: var(--ic-space-xs) 0 0;\n}\n\n:host ic-loading-indicator::part(ic-loading-container) {\n border-radius: 50%;\n}\n\n:host() ic-loading-indicator::part(ic-loading-container) {\n background-color: var(--ic-step-indicator-background);\n}\n\n:host(.ic-step-compact) .heading-area {\n display: flex;\n flex-direction: column;\n width: 14.25rem;\n}\n\n:host(.ic-step-compact) .heading {\n color: var(--ic-stepper-compact-step-title);\n}\n\n:host(.ic-step-compact) .disabled .heading {\n color: var(--ic-stepper-compact-step-title-disabled);\n}\n\n.info-line {\n display: flex;\n -moz-column-gap: var(--ic-space-xs);\n column-gap: var(--ic-space-xs);\n}\n\n.step-status {\n display: flex;\n color: var(--ic-stepper-compact-step-requirement-text);\n -moz-column-gap: var(--ic-space-xxxs);\n column-gap: var(--ic-space-xxxs);\n}\n\n.compact-step-completed .step-status {\n color: var(--ic-stepper-compact-step-completed-text);\n}\n\n.compact-step-disabled :is(.heading, .step-status) {\n color: var(--ic-stepper-compact-step-requirement-text-disabled);\n}\n\n.step-num {\n color: var(--ic-stepper-compact-step-stage-text);\n white-space: nowrap;\n}\n\n:host(.ic-step-compact) .step-icon {\n margin: var(--ic-space-xxxs);\n}\n\n:host(.ic-step-compact) .step-icon svg {\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n}\n\n/* DEFAULT STEP STYLING */\n:host(.ic-step-default) .step {\n flex-direction: column;\n}\n\n:host(.ic-step-default.last-step) {\n flex-grow: initial;\n}\n\n.step-top {\n display: flex;\n width: 100%;\n align-items: center;\n align-self: flex-start;\n height: 2.5rem;\n}\n\n:host(.ic-step-default) .step-icon {\n border-radius: 50%;\n background-color: var(--ic-step-number-inactive);\n}\n\n.step-icon-inner {\n width: var(--ic-space-xl);\n height: var(--ic-space-xl);\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n color: var(--ic-step-number-text-inactive);\n}\n\n:host(.ic-step-default) .current {\n color: var(--ic-status-info-default);\n}\n\n:host(.ic-step-default) .heading-area {\n margin: var(--ic-space-xs) 0;\n padding-right: var(--ic-space-xs);\n width: 100%;\n}\n\n:host(.ic-step-default) .heading,\n.subheading {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.heading {\n color: var(--ic-step-title);\n}\n\n.current .heading {\n color: var(--ic-step-title-current);\n}\n\n.completed .heading {\n color: var(--ic-step-title-success);\n}\n\n.disabled .heading {\n color: var(--ic-step-title-disabled);\n}\n\n.subheading {\n color: var(--ic-step-title-status-text-inactive);\n}\n\n.current .subheading {\n color: var(--ic-step-title-status-text-current);\n}\n\n.disabled .subheading {\n color: var(--ic-step-title-status-text-disabled);\n}\n\n:host(.ic-step-default) .completed {\n color: var(--ic-status-success-default);\n}\n\n.active .step-icon-inner {\n box-shadow: inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem;\n}\n\n.current .step-icon-inner {\n background-color: var(--ic-step-number-background-active);\n color: var(--ic-step-number-text-current);\n}\n\n.disabled {\n color: var(--ic-color-text-disabled-mid);\n}\n\n.disabled .step-icon-inner {\n border: var(--ic-border-width) dashed var(--ic-step-number-disabled);\n width: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n height: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n color: var(--ic-step-number-text-disabled);\n}\n\n.disabled .step-icon {\n background-color: transparent !important;\n}\n\n.completed .step-icon-inner {\n background: var(--ic-step-number-background-success);\n box-shadow: inset var(--ic-step-number-background-success) 0 0 0\n var(--ic-space-xxxs);\n border-radius: 100%;\n}\n\n:host(.ic-step-default) .current .step-icon {\n border: var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);\n padding: var(--ic-space-xxxs);\n margin: 0 calc(-1 * var(--ic-space-xxxs));\n background-color: var(--ic-step-number-current-outer-fill);\n\n /* compensating for the circle being bigger than other steps */\n}\n\n.step-connect {\n height: var(--ic-space-xxxs);\n background-color: var(--ic-stepper-connector-remaining-status);\n margin: 0 var(--ic-space-xs);\n border-radius: var(--ic-space-xxs);\n width: 100%;\n}\n\n.aligned-full-width.step-connect {\n min-width: 6.25rem;\n width: 100%;\n}\n\n.disabled .step-connect {\n height: 0;\n background-color: rgb(0 0 0 / 0%);\n border-top: 0.125rem dashed var(--ic-stepper-connector-disabled);\n border-radius: 0;\n}\n\n.completed .step-connect {\n background-color: var(--ic-stepper-connector-success);\n}\n\n.step-connect-inner {\n width: 70%;\n display: flex;\n flex: auto;\n height: var(--ic-space-xxxs);\n border-radius: var(--ic-space-xxs);\n background-color: var(--ic-stepper-connector-current-status);\n}\n\n.step-icon-inner .check-icon {\n padding-top: var(--ic-space-xxs);\n}\n\n.step-icon-inner .check-icon svg {\n width: var(--ic-space-md);\n height: auto;\n}\n\n.step-icon-inner .check-icon > svg > path {\n fill: var(--ic-step-number-icon-success);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n /* COMPACT STEP */\n .compact-step-disabled :is(.heading, .step-status) {\n color: GrayText;\n }\n\n /* DEFAULT STEP */\n .step-connect:not(.disabled .step-connect) {\n border: var(--ic-border-hc);\n }\n\n .active .step-icon-inner,\n .completed .step-icon-inner,\n .current .step-icon-inner {\n forced-color-adjust: none;\n box-shadow: inset canvastext 0 0 0 0.125rem;\n background-color: transparent;\n color: canvastext;\n }\n\n :host(.ic-step-default) .current .step-icon {\n padding: 0;\n border: none;\n }\n\n .disabled,\n .disabled .heading-area,\n .disabled .step-icon-inner,\n .disabled .heading {\n color: GrayText;\n }\n\n .step-connect-inner,\n .completed .step-connect {\n background-color: canvastext;\n }\n\n .step-icon-inner .check-icon > svg > path {\n fill: canvastext;\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport checkIcon from \"../../assets/check-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon-outline.svg\";\nimport { isPropDefined } from \"../../utils/helpers\";\nexport class Step {\n constructor() {\n /**\n * @internal If `true`, and a compact stepper is being used, the current step will be the only step in view.\n */\n this.current = false;\n /**\n * Words within the component that can be replaced to translate the component into a different language\n */\n this.icI18n = {\n next: \"Next\",\n step: \"Step\",\n steps: \"Steps\",\n of: \"of\",\n lastStep: \"Last step\",\n completed: \"Completed\",\n notRequired: \"Not required\",\n required: \"Required\",\n optional: \"Optional\",\n };\n /**\n * @internal Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n /**\n * The state of the step within the stepper.\n */\n this.type = \"active\";\n }\n typeChangeHandler() {\n if (this.variant === \"compact\" && this.type === \"current\") {\n this.current = true;\n }\n else {\n this.current = false;\n }\n }\n render() {\n var _a, _b;\n const { compactStepStyling, current, heading, icI18n, lastStep, lastStepNum, nextStepHeading, progress, status, stepNum, subheading, theme, type, variant, } = this;\n // ARIA LABEL\n let ariaLabel = \"\";\n if (type === \"completed\") {\n ariaLabel = `. ${icI18n.completed}`;\n }\n else if (type === \"disabled\") {\n ariaLabel = `. ${icI18n.notRequired}`;\n }\n else if (status === \"required\") {\n ariaLabel = `. ${icI18n.required}`;\n }\n else if (status === \"optional\") {\n ariaLabel = `. ${icI18n.optional}`;\n }\n // STEP STATUS\n let stepStatus;\n if (status && isPropDefined(status)) {\n stepStatus = status[0].toUpperCase() + status.slice(1);\n }\n // STEP TYPE\n let stepType;\n if (type === \"disabled\" || compactStepStyling === \"disabled\") {\n stepType = icI18n.notRequired;\n }\n else if (compactStepStyling === \"completed\") {\n stepType = icI18n.completed;\n }\n // STATUS ICON FOR COMPACT STEP\n let statusIcon;\n if (type === \"completed\" || compactStepStyling === \"completed\") {\n statusIcon = (h(\"span\", { key: '222eacfd55f96f1b0b16489053d1d30c708e8a3a', class: \"check-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: checkIcon }));\n }\n else if (type === \"disabled\" || compactStepStyling === \"disabled\") {\n statusIcon = (h(\"span\", { key: 'd7ba36dc7010d59e685be24e23060c4cb1e08296', class: \"warning-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: warningIcon }));\n }\n // COMPACT STEP COMPONENT\n const compactStep = (h(\"div\", { key: '728b44adcf0270a12986d41c9c2b5a5a6e358f82', class: {\n [\"step\"]: true,\n [\"current\"]: !!current,\n [`compact-step-${compactStepStyling}`]: !!compactStepStyling,\n [\"disabled\"]: type === \"disabled\" || compactStepStyling === \"disabled\",\n } }, h(\"ic-loading-indicator\", { key: '5f50ae72c26112de4cc25125c943ae9c2239dbe6', class: {\n \"compact-step-progress-indicator\": true,\n \"not-required\": type === \"disabled\" || compactStepStyling === \"disabled\",\n }, \"aria-hidden\": \"true\", size: \"small\", \"inner-label\": stepNum, progress: progress }), h(\"div\", { key: '5dc83af93afd975e296bbad9cf8580712e9778cd', class: \"heading-area\" }, h(\"ic-typography\", { key: 'f71e06760d066b05c22fc59e70eb93af9f9ecf34', variant: \"h4\", class: \"heading\" }, heading), h(\"div\", { key: '5bef8bf6f22cca7e187f2368a98d16d9ddbf9e2b', class: \"info-line\" }, h(\"ic-typography\", { key: '371f9a99e5c4eea4fb59f0be6ba2f2e652a4098b', variant: \"caption\", class: \"step-num\" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, h(\"span\", { key: 'e75d6c59d67dab64c2f5df149bf11d8ae11c2c7d', class: \"visually-hidden\" }, ` ${icI18n.steps}`)), (this.subheading ||\n type === \"completed\" ||\n type === \"disabled\" ||\n (this.variant === \"compact\" &&\n !!compactStepStyling &&\n compactStepStyling !== \"active\") ||\n !!status) && (h(\"div\", { key: 'fff0111fbf58f20621fe55e7846a78d7349f0de1', class: \"step-status\" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (h(\"ic-typography\", { key: '5f0c220996adc59b0924bc605c326627a727cd2f', variant: \"caption\" }, subheading !== null && isPropDefined(subheading)\n ? subheading\n : type === \"disabled\" ||\n (variant === \"compact\" &&\n compactStepStyling === \"disabled\") ||\n type === \"completed\" ||\n (variant === \"compact\" &&\n compactStepStyling === \"completed\")\n ? stepType\n : status && stepStatus))))), lastStep ? (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, icI18n.lastStep)) : (isPropDefined(nextStepHeading) && (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, icI18n.next, h(\"span\", { class: \"visually-hidden\" }, \" \", icI18n.step), \":\", \" \", this.nextStepHeading))))));\n // ICON FOR DEFAULT STEP\n let icon;\n if (type !== \"completed\") {\n icon = (h(\"ic-typography\", { key: '99b0a46abc777b387ee3e18a5e8cf8a4fb8e4c1d', variant: \"subtitle-small\" }, h(\"span\", { key: '0e5931807004fffc12634403bad44b9eb59a25b9', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, this.stepNum)));\n }\n else {\n icon = (h(\"div\", { key: '137a63e7242ac35d7505b238702aaa519e6454e8', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, h(\"span\", { key: '271195e86a09aef98a461a692539fc1bbd039ec9', class: \"check-icon\", innerHTML: checkIcon })));\n }\n // STEP CONNECT FOR DEFAULT STEP\n const partialBar = type === \"current\" && (h(\"div\", { key: 'ed33bd98cfa6dbcf2cf37c7c671611bbd650ddb9', class: \"step-connect-inner\" }));\n const finalStep = !lastStep && (h(\"div\", { key: '6a195b2af0aac0626606abb31fa131d4dd3d197c', class: {\n [\"step-connect\"]: true,\n [\"aligned-full-width\"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains(\"ic-stepper-default\")) &&\n !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")),\n } }, partialBar));\n // DEFAULT STEP COMPONENT\n const defaultStep = (h(\"div\", { key: 'f8c0e227d534e9e3c9e2d8a4cd1f2953b0a081b4', class: {\n [\"step\"]: true,\n [`${type}`]: true,\n } }, h(\"div\", { key: 'f0e15350f238ac183327eaf9fa7736fe67f02198', class: \"step-top\" }, h(\"div\", { key: '64f647b3b3b6b1b424b2c86ce2fe0d2c353b1c39', class: \"step-icon\" }, icon), finalStep), (heading || subheading || status) && (h(\"div\", { key: '1c05738a5278aa5b859fda2b0e2256f1ba0aec47', class: \"heading-area\" }, heading && (h(\"ic-typography\", { key: '015483372b8052465cc9175150b246d148420e24', variant: \"subtitle-large\", class: \"heading\" }, heading)), heading && (subheading || status) && (h(\"ic-typography\", { key: '29f9f702a07a3cbb8669974f00a0886636e2f3b4', variant: \"caption\", class: \"subheading\" }, subheading !== null && isPropDefined(subheading)\n ? subheading\n : stepStatus))))));\n return (h(Host, { key: 'd5d73bdea5409e8d53c9b56a036aafc796f293b1', role: \"listitem\", \"aria-label\": `${icI18n.step} ${stepNum}${ariaLabel}`, \"aria-current\": (current || type === \"current\") && \"step\", class: {\n [\"aligned-full-width\"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains(\"ic-stepper-default\")) &&\n !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")),\n [`ic-step-${variant}`]: true,\n [`ic-theme-${theme}`]: this.theme !== \"inherit\",\n } }, variant === \"compact\" ? compactStep : defaultStep));\n }\n static get is() { return \"ic-step\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-step.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-step.css\"]\n };\n }\n static get properties() {\n return {\n \"compactStepStyling\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStepTypes\",\n \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\" | undefined\",\n \"references\": {\n \"IcStepTypes\": {\n \"location\": \"import\",\n \"path\": \"./ic-step.types\",\n \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"If a compact stepper is being used, this sets the styling of the step.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"compact-step-styling\",\n \"reflect\": false\n },\n \"current\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"If `true`, and a compact stepper is being used, the current step will be the only step in view.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"current\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"icI18n\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStepI18n\",\n \"resolved\": \"{ next: string; step: string; steps: string; of: string; lastStep: string; completed: string; notRequired: string; required: string; optional: string; }\",\n \"references\": {\n \"IcStepI18n\": {\n \"location\": \"import\",\n \"path\": \"./ic-step.types\",\n \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepI18n\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Words within the component that can be replaced to translate the component into a different language\"\n },\n \"getter\": false,\n \"setter\": false,\n \"defaultValue\": \"{\\n next: \\\"Next\\\",\\n step: \\\"Step\\\",\\n steps: \\\"Steps\\\",\\n of: \\\"of\\\",\\n lastStep: \\\"Last step\\\",\\n completed: \\\"Completed\\\",\\n notRequired: \\\"Not required\\\",\\n required: \\\"Required\\\",\\n optional: \\\"Optional\\\",\\n }\"\n },\n \"lastStep\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"If `true`, the step will be marked as being the last one in the series. This is managed by ic-stepper.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"last-step\",\n \"reflect\": false\n },\n \"lastStepNum\": {\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 \"name\": \"internal\",\n \"text\": \"The step number of the final step. This is managed by ic-stepper.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"last-step-num\",\n \"reflect\": false\n },\n \"nextStepHeading\": {\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 \"name\": \"internal\",\n \"text\": \"The name of the next step. This is managed by ic-stepper.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"next-step-heading\",\n \"reflect\": false\n },\n \"progress\": {\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 \"name\": \"internal\",\n \"text\": \"The progress of the next step, calculated by dividing the current step number by the total number of steps. This is managed by ic-stepper.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"progress\",\n \"reflect\": false\n },\n \"stepNum\": {\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 \"name\": \"internal\",\n \"text\": \"The step number, managed by ic-stepper.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"step-num\",\n \"reflect\": false\n },\n \"status\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStepStatuses\",\n \"resolved\": \"\\\"optional\\\" | \\\"required\\\" | undefined\",\n \"references\": {\n \"IcStepStatuses\": {\n \"location\": \"import\",\n \"path\": \"./ic-step.types\",\n \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepStatuses\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The status of the step. Use this prop to display a status message on the step if it is required or optional.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"status\",\n \"reflect\": false\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\": \"Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"subheading\",\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 of the step within the stepper.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"heading\",\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 \"name\": \"internal\",\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStepVariants\",\n \"resolved\": \"\\\"compact\\\" | \\\"default\\\"\",\n \"references\": {\n \"IcStepVariants\": {\n \"location\": \"import\",\n \"path\": \"./ic-step.types\",\n \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n }\n }\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The variant of the step. This is managed by ic-stepper.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"variant\",\n \"reflect\": false\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStepTypes\",\n \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\" | undefined\",\n \"references\": {\n \"IcStepTypes\": {\n \"location\": \"import\",\n \"path\": \"./ic-step.types\",\n \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The state of the step within the stepper.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"active\\\"\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"type\",\n \"methodName\": \"typeChangeHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-step.js.map\n"],"mappings":"2dAAA,MAAMA,EAAY,4nLAClB,MAAAC,EAAeD,E,MCGFE,EAAI,MACb,WAAAC,CAAAC,G,UAIIC,KAAKC,QAAU,MAIfD,KAAKE,OAAS,CACVC,KAAM,OACNC,KAAM,OACNC,MAAO,QACPC,GAAI,KACJC,SAAU,YACVC,UAAW,YACXC,YAAa,eACbC,SAAU,WACVC,SAAU,YAKdX,KAAKY,MAAQ,UAIbZ,KAAKa,KAAO,Q,CAEhB,iBAAAC,GACI,GAAId,KAAKe,UAAY,WAAaf,KAAKa,OAAS,UAAW,CACvDb,KAAKC,QAAU,I,KAEd,CACDD,KAAKC,QAAU,K,EAGvB,MAAAe,GACI,IAAIC,EAAIC,EACR,MAAMC,mBAAEA,EAAkBlB,QAAEA,EAAOmB,QAAEA,EAAOlB,OAAEA,EAAMK,SAAEA,EAAQc,YAAEA,EAAWC,gBAAEA,EAAeC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,WAAEA,EAAUd,MAAEA,EAAKC,KAAEA,EAAIE,QAAEA,GAAaf,KAE/J,IAAI2B,EAAY,GAChB,GAAId,IAAS,YAAa,CACtBc,EAAY,KAAKzB,EAAOM,W,MAEvB,GAAIK,IAAS,WAAY,CAC1Bc,EAAY,KAAKzB,EAAOO,a,MAEvB,GAAIe,IAAW,WAAY,CAC5BG,EAAY,KAAKzB,EAAOQ,U,MAEvB,GAAIc,IAAW,WAAY,CAC5BG,EAAY,KAAKzB,EAAOS,U,CAG5B,IAAIiB,EACJ,GAAIJ,GAAUK,EAAcL,GAAS,CACjCI,EAAaJ,EAAO,GAAGM,cAAgBN,EAAOO,MAAM,E,CAGxD,IAAIC,EACJ,GAAInB,IAAS,YAAcM,IAAuB,WAAY,CAC1Da,EAAW9B,EAAOO,W,MAEjB,GAAIU,IAAuB,YAAa,CACzCa,EAAW9B,EAAOM,S,CAGtB,IAAIyB,EACJ,GAAIpB,IAAS,aAAeM,IAAuB,YAAa,CAC5Dc,EAAcC,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,uBAAwB,cAAe,OAAQC,UAAWC,G,MAE3I,GAAIzB,IAAS,YAAcM,IAAuB,WAAY,CAC/Dc,EAAcC,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,yBAA0B,cAAe,OAAQC,UAAWE,G,CAGlJ,MAAMC,EAAeN,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,CAChF,CAAC,QAAS,KACV,CAAC,aAAcnC,EACf,CAAC,gBAAgBkB,OAAyBA,EAC1C,CAAC,YAAaN,IAAS,YAAcM,IAAuB,aAC3De,EAAE,uBAAwB,CAAEC,IAAK,2CAA4CC,MAAO,CACrF,kCAAmC,KACnC,eAAgBvB,IAAS,YAAcM,IAAuB,YAC/D,cAAe,OAAQsB,KAAM,QAAS,cAAehB,EAASF,SAAUA,IAAaW,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,gBAAkBF,EAAE,gBAAiB,CAAEC,IAAK,2CAA4CpB,QAAS,KAAMqB,MAAO,WAAahB,GAAUc,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,aAAeF,EAAE,gBAAiB,CAAEC,IAAK,2CAA4CpB,QAAS,UAAWqB,MAAO,YAAc,GAAGX,KAAWvB,EAAOI,MAAMe,IAAea,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,mBAAqB,IAAIlC,EAAOG,WAAYL,KAAK0B,YAChoBb,IAAS,aACTA,IAAS,YACRb,KAAKe,UAAY,aACZI,GACFA,IAAuB,YACzBK,IAAYU,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,eAAiBH,IAAeS,WAAaT,GAAaP,GAAcM,IAAcE,EAAE,gBAAiB,CAAEC,IAAK,2CAA4CpB,QAAS,WAAaW,IAAe,MAAQG,EAAcH,GACtSA,EACAb,IAAS,YACNE,IAAY,WACTI,IAAuB,YAC3BN,IAAS,aACRE,IAAY,WACTI,IAAuB,YACzBa,EACAR,GAAUI,KAAiBrB,EAAY2B,EAAE,gBAAiB,CAAEnB,QAAS,iBAAkBqB,MAAO,aAAelC,EAAOK,UAAcsB,EAAcP,IAAqBY,EAAE,gBAAiB,CAAEnB,QAAS,iBAAkBqB,MAAO,aAAelC,EAAOC,KAAM+B,EAAE,OAAQ,CAAEE,MAAO,mBAAqB,IAAKlC,EAAOE,MAAO,IAAK,IAAKJ,KAAKsB,mBAE5U,IAAIqB,EACJ,GAAI9B,IAAS,YAAa,CACtB8B,EAAQT,EAAE,gBAAiB,CAAEC,IAAK,2CAA4CpB,QAAS,kBAAoBmB,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,kBAAmB,cAAe,QAAUpC,KAAKyB,S,KAE/N,CACDkB,EAAQT,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,kBAAmB,cAAe,QAAUF,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,aAAcC,UAAWC,I,CAGxN,MAAMM,EAAa/B,IAAS,WAAcqB,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,uBAC7G,MAAMS,GAAatC,GAAa2B,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,CAC3F,CAAC,gBAAiB,KAClB,CAAC,2BAA4BnB,EAAKjB,KAAK8C,GAAGC,iBAAmB,MAAQ9B,SAAY,OAAS,EAAIA,EAAG+B,UAAUC,SAAS,yBAC/GjD,KAAK8C,GAAGC,cAAcC,UAAUC,SAAS,8BAC7CL,GAET,MAAMM,EAAehB,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,CAChF,CAAC,QAAS,KACV,CAAC,GAAGvB,KAAS,OACZqB,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,YAAcF,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,aAAeO,GAAOE,IAAazB,GAAWM,GAAcF,IAAYU,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,gBAAkBhB,GAAYc,EAAE,gBAAiB,CAAEC,IAAK,2CAA4CpB,QAAS,iBAAkBqB,MAAO,WAAahB,GAAWA,IAAYM,GAAcF,IAAYU,EAAE,gBAAiB,CAAEC,IAAK,2CAA4CpB,QAAS,UAAWqB,MAAO,cAAgBV,IAAe,MAAQG,EAAcH,GAC5nBA,EACAE,KACN,OAAQM,EAAEiB,EAAM,CAAEhB,IAAK,2CAA4CiB,KAAM,WAAY,aAAc,GAAGlD,EAAOE,QAAQqB,IAAUE,IAAa,gBAAiB1B,GAAWY,IAAS,YAAc,OAAQuB,MAAO,CACtM,CAAC,2BAA4BlB,EAAKlB,KAAK8C,GAAGC,iBAAmB,MAAQ7B,SAAY,OAAS,EAAIA,EAAG8B,UAAUC,SAAS,yBAC/GjD,KAAK8C,GAAGC,cAAcC,UAAUC,SAAS,4BAC9C,CAAC,WAAWlC,KAAY,KACxB,CAAC,YAAYH,KAAUZ,KAAKY,QAAU,YACrCG,IAAY,UAAYyB,EAAcU,E","ignoreList":[]}

package/dist/core/{p-fba9f5b6.entry.js → p-a27e1cee.entry.js} RENAMED Viewed

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

package/dist/core/{p-fba9f5b6.entry.js.map → p-a27e1cee.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["icDataRowCss","IcDataRowStyle0","DataRow","constructor","hostRef","this","hasEndComponent","resizeObserver","deviceSize","DEVICE_SIZES","XL","size","theme","runResizeObserver","ResizeObserver","checkLabelAbove","observe","el","renderCellContent","cell","isValue","h","class","isSlotUsed","name","variant","listSize","value","label","disconnectedCallback","_a","disconnect","componentWillLoad","getCurrentDeviceSize","slotHasContent","componentDidLoad","checkResizeObserver","labelEndComponent","row","shadowRoot","querySelector","rowSize","clientWidth","S","M","querySelectorAll","forEach","child","setAttribute","render","Host","key","role"],"sources":["../web-components/dist/collection/components/ic-data-row/ic-data-row.css?tag=ic-data-row&encapsulation=shadow","../web-components/dist/collection/components/ic-data-row/ic-data-row.js"],"sourcesContent":["/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /\n\n/* Document\n ========================================================================== /\n\n/\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\n\nhtml {\n line-height: 1.15; / 1 /\n -webkit-text-size-adjust: 100%; / 2 /\n}\n\n/ Sections\n ========================================================================== /\n\n/\n Remove the margin in all browsers.\n /\n\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\n\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/ Grouping content\n ========================================================================== /\n\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\n\nhr {\n box-sizing: content-box; / 1 /\n height: 0; / 1 /\n overflow: visible; / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\npre {\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n\n/\n Remove the gray background on active links in IE 10.\n /\n\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\n\nabbr[title] {\n border-bottom: none; / 1 /\n text-decoration: underline; / 2 /\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; / 2 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\n\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n\n/\n Remove the border on images inside links in IE 10.\n /\n\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; / 1 /\n font-size: 100%; / 1 /\n line-height: 1.15; / 1 /\n margin: 0; / 2 /\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\n\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\n\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\n\nlegend {\n box-sizing: border-box; / 1 /\n color: inherit; / 2 /\n display: table; / 1 /\n max-width: 100%; / 1 /\n padding: 0; / 3 /\n white-space: normal; / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\n\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\n\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; / 1 /\n padding: 0; / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n\n[type=\"search\"] {\n -webkit-appearance: textfield; / 1 /\n outline-offset: -2px; / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; / 1 /\n font: inherit; / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\n\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\n\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n\n/\n Add the correct display in IE 10+.\n /\n\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n position: relative;\n display: block;\n}\n\n.data {\n display: flex;\n align-items: center;\n}\n\n.text-cells {\n display: flex;\n flex-grow: 1;\n min-width: 0;\n\n --ic-typography-color: var(--ic-data-list-text-cell);\n color: var(--ic-data-list-text-cell);\n}\n\n.label {\n width: var(--data-row-label-width, 12.5rem);\n min-width: 12.5rem;\n margin-right: var(--ic-space-md);\n\n --ic-typography-color: var(--ic-data-list-text-label);\n color: var(--ic-data-list-text-label);\n}\n\n.value {\n flex-grow: 1;\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label]) {\n margin-top: calc(var(--ic-space-xs) -1);\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[small][readonly][hide-label]) {\n margin-top: calc(var(--ic-space-xxs) * -1);\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label][rows]) {\n margin-top: calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs));\n}\n\n.end-component {\n width: -moz-fit-content;\n width: fit-content;\n margin-left: 3.5rem;\n}\n\n.divider {\n margin-top: var(--ic-space-md);\n height: var(--ic-border-width);\n background-color: var(--ic-data-list-keyline-cell);\n}\n\n:host(.ic-data-row-small) .divider {\n margin-top: var(--ic-space-xs);\n}\n\n:host(.breakpoint-medium) .label {\n width: 10rem;\n min-width: 10rem;\n}\n\n:host(.breakpoint-xs) .text-cells {\n flex-direction: column;\n}\n\n:host(.breakpoint-xs) .label {\n width: 8rem;\n margin-bottom: var(--ic-space-xs);\n}\n\n:host(.breakpoint-xs) .value {\n max-width: 95%;\n}\n\n:host(.breakpoint-xs) .end-component {\n margin-left: 0;\n}\n\n@media (forced-colors: active) {\n .divider {\n background-color: canvastext;\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize, isSlotUsed, slotHasContent, } from \"../../utils/helpers\";\n/*\n @slot label - Content will be rendered in the leftmost cell.\n * @slot value - Content will be rendered to the right of the label.\n * @slot end-component - Content will be displayed in the rightmost cell.\n /\nexport class DataRow {\n constructor() {\n this.hasEndComponent = false;\n this.resizeObserver = null;\n this.deviceSize = DEVICE_SIZES.XL;\n /\n The size of the data row component.\n /\n this.size = \"medium\";\n /\n Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n this.runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.checkLabelAbove();\n });\n this.resizeObserver.observe(this.el);\n };\n this.renderCellContent = (cell) => {\n const isValue = cell === \"value\";\n return (h(\"div\", { class: cell }, isSlotUsed(this.el, cell) ? (h(\"slot\", { name: cell })) : (h(\"ic-typography\", { variant: isValue\n ? \"body\"\n : this.listSize === \"xs\"\n ? \"label\"\n : \"subtitle-large\" }, isValue ? this.value : this.label))));\n };\n }\n disconnectedCallback() {\n var _a;\n (_a = this.resizeObserver) === null \|\| _a === void 0 ? void 0 : _a.disconnect();\n }\n componentWillLoad() {\n this.deviceSize = getCurrentDeviceSize();\n this.hasEndComponent = slotHasContent(this.el, \"end-component\");\n this.checkLabelAbove();\n }\n componentDidLoad() {\n checkResizeObserver(this.runResizeObserver);\n if (this.hasEndComponent)\n this.labelEndComponent();\n }\n checkLabelAbove() {\n var _a;\n const row = (_a = this.el.shadowRoot) === null \|\| _a === void 0 ? void 0 : _a.querySelector(\".data\");\n if (row) {\n const rowSize = (row === null \|\| row === void 0 ? void 0 : row.clientWidth) + 46;\n if (rowSize) {\n this.listSize =\n rowSize < DEVICE_SIZES.S\n ? \"xs\"\n : rowSize < DEVICE_SIZES.M\n ? \"m\"\n : \"xl\";\n }\n }\n }\n labelEndComponent() {\n var _a;\n (_a = this.el.shadowRoot) === null \|\| _a === void 0 ? void 0 : _a.querySelectorAll(\"slot[name=end-component]\").forEach((child) => child.setAttribute(\"aria-label\", `for ${this.label} row`));\n }\n render() {\n const { el, listSize, hasEndComponent, label, renderCellContent, size, theme, value, } = this;\n return (h(Host, { key: '8a70c9ceda7aebc616eb335f08e626952c87ddf3', class: {\n [\"ic-data-row-small\"]: size === \"small\",\n [\"breakpoint-medium\"]: listSize === \"m\",\n [\"breakpoint-xs\"]: listSize === \"xs\",\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }, role: \"listitem\" }, h(\"div\", { key: 'b2f75779fb6392023c42d9c1f8bf58a98b431797', class: \"data\" }, h(\"div\", { key: '059aa84f8a91c9a7cdaea4e118287ea460f1bcdd', class: \"text-cells\" }, (isSlotUsed(el, \"label\") \|\| label) && renderCellContent(\"label\"), (isSlotUsed(el, \"value\") \|\| value) && renderCellContent(\"value\")), hasEndComponent && (h(\"div\", { key: '3bcb9b239d836434ceae03ecd35c1bdc42d73699', class: \"end-component\" }, h(\"slot\", { key: '453e0c7e4d6b875ddfc319a12dc173913057b8bd', name: \"end-component\" })))), h(\"div\", { key: 'f16fd733c8ffd0e8ed8e7461099a3b9b81809cb3', class: \"divider\" })));\n }\n static get is() { return \"ic-data-row\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-data-row.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-data-row.css\"]\n };\n }\n static get properties() {\n return {\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The label in the leftmost cell of the row.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizesNoLarge\",\n \"resolved\": \"\\\"medium\\\" \| \\\"small\\\" \| undefined\",\n \"references\": {\n \"IcSizesNoLarge\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the data row component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\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 \"value\": {\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 value of the middle (right if no end-component supplied) cell of the row.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"value\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"deviceSize\": {},\n \"listSize\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-data-row.js.map\n"],"mappings":"yHAAA,MAAMA,EAAe,ktHACrB,MAAAC,EAAeD,E,MCMFE,EAAO,MAChB,WAAAC,CAAAC,G,UACIC,KAAKC,gBAAkB,MACvBD,KAAKE,eAAiB,KACtBF,KAAKG,WAAaC,EAAaC,GAI/BL,KAAKM,KAAO,SAIZN,KAAKO,MAAQ,UACbP,KAAKQ,kBAAoB,KACrBR,KAAKE,eAAiB,IAAIO,gBAAe,KACrCT,KAAKU,iBAAiB,IAE1BV,KAAKE,eAAeS,QAAQX,KAAKY,GAAG,EAExCZ,KAAKa,kBAAqBC,IACtB,MAAMC,EAAUD,IAAS,QACzB,OAAQE,EAAE,MAAO,CAAEC,MAAOH,GAAQI,EAAWlB,KAAKY,GAAIE,GAASE,EAAE,OAAQ,CAAEG,KAAML,IAAYE,EAAE,gBAAiB,CAAEI,QAASL,EACjH,OACAf,KAAKqB,WAAa,KACd,QACA,kBAAoBN,EAAUf,KAAKsB,MAAQtB,KAAKuB,OAAQ,C,CAG9E,oBAAAC,GACI,IAAIC,GACHA,EAAKzB,KAAKE,kBAAoB,MAAQuB,SAAY,OAAS,EAAIA,EAAGC,Y,CAEvE,iBAAAC,GACI3B,KAAKG,WAAayB,IAClB5B,KAAKC,gBAAkB4B,EAAe7B,KAAKY,GAAI,iBAC/CZ,KAAKU,iB,CAET,gBAAAoB,GACIC,EAAoB/B,KAAKQ,mBACzB,GAAIR,KAAKC,gBACLD,KAAKgC,mB,CAEb,eAAAtB,GACI,IAAIe,EACJ,MAAMQ,GAAOR,EAAKzB,KAAKY,GAAGsB,cAAgB,MAAQT,SAAY,OAAS,EAAIA,EAAGU,cAAc,SAC5F,GAAIF,EAAK,CACL,MAAMG,GAAWH,IAAQ,MAAQA,SAAa,OAAS,EAAIA,EAAII,aAAe,GAC9E,GAAID,EAAS,CACTpC,KAAKqB,SACDe,EAAUhC,EAAakC,EACjB,KACAF,EAAUhC,EAAamC,EACnB,IACA,I,GAI1B,iBAAAP,GACI,IAAIP,GACHA,EAAKzB,KAAKY,GAAGsB,cAAgB,MAAQT,SAAY,OAAS,EAAIA,EAAGe,iBAAiB,4BAA4BC,SAASC,GAAUA,EAAMC,aAAa,aAAc,OAAO3C,KAAKuB,c,CAEnL,MAAAqB,GACI,MAAMhC,GAAEA,EAAES,SAAEA,EAAQpB,gBAAEA,EAAesB,MAAEA,EAAKV,kBAAEA,EAAiBP,KAAEA,EAAIC,MAAEA,EAAKe,MAAEA,GAAWtB,KACzF,OAAQgB,EAAE6B,EAAM,CAAEC,IAAK,2CAA4C7B,MAAO,CAClE,CAAC,qBAAsBX,IAAS,QAChC,CAAC,qBAAsBe,IAAa,IACpC,CAAC,iBAAkBA,IAAa,KAChC,CAAC,YAAYd,KAAUA,IAAU,WAClCwC,KAAM,YAAc/B,EAAE,MAAO,CAAE8B,IAAK,2CAA4C7B,MAAO,QAAUD,EAAE,MAAO,CAAE8B,IAAK,2CAA4C7B,MAAO,eAAiBC,EAAWN,EAAI,UAAYW,IAAUV,EAAkB,UAAWK,EAAWN,EAAI,UAAYU,IAAUT,EAAkB,UAAWZ,GAAoBe,EAAE,MAAO,CAAE8B,IAAK,2CAA4C7B,MAAO,iBAAmBD,EAAE,OAAQ,CAAE8B,IAAK,2CAA4C3B,KAAM,oBAAuBH,EAAE,MAAO,CAAE8B,IAAK,2CAA4C7B,MAAO,Y","ignoreList":[]}
1	+ {"version":3,"names":["icDataRowCss","IcDataRowStyle0","DataRow","constructor","hostRef","this","hasEndComponent","resizeObserver","deviceSize","DEVICE_SIZES","XL","size","theme","runResizeObserver","ResizeObserver","checkLabelAbove","observe","el","renderCellContent","cell","isValue","h","class","isSlotUsed","name","variant","listSize","value","label","disconnectedCallback","_a","disconnect","componentWillLoad","getCurrentDeviceSize","slotHasContent","componentDidLoad","checkResizeObserver","labelEndComponent","row","shadowRoot","querySelector","rowSize","clientWidth","S","M","querySelectorAll","forEach","child","setAttribute","render","Host","key","role"],"sources":["../web-components/dist/collection/components/ic-data-row/ic-data-row.css?tag=ic-data-row&encapsulation=shadow","../web-components/dist/collection/components/ic-data-row/ic-data-row.js"],"sourcesContent":["/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /\n\n/* Document\n ========================================================================== /\n\n/\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\n\nhtml {\n line-height: 1.15; / 1 /\n -webkit-text-size-adjust: 100%; / 2 /\n}\n\n/ Sections\n ========================================================================== /\n\n/\n Remove the margin in all browsers.\n /\n\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\n\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/ Grouping content\n ========================================================================== /\n\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\n\nhr {\n box-sizing: content-box; / 1 /\n height: 0; / 1 /\n overflow: visible; / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\npre {\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n\n/\n Remove the gray background on active links in IE 10.\n /\n\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\n\nabbr[title] {\n border-bottom: none; / 1 /\n text-decoration: underline; / 2 /\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; / 2 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\n\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n\n/\n Remove the border on images inside links in IE 10.\n /\n\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; / 1 /\n font-size: 100%; / 1 /\n line-height: 1.15; / 1 /\n margin: 0; / 2 /\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\n\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\n\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\n\nlegend {\n box-sizing: border-box; / 1 /\n color: inherit; / 2 /\n display: table; / 1 /\n max-width: 100%; / 1 /\n padding: 0; / 3 /\n white-space: normal; / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\n\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\n\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; / 1 /\n padding: 0; / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n\n[type=\"search\"] {\n -webkit-appearance: textfield; / 1 /\n outline-offset: -2px; / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; / 1 /\n font: inherit; / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\n\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\n\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n\n/\n Add the correct display in IE 10+.\n /\n\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n position: relative;\n display: block;\n}\n\n.data {\n display: flex;\n align-items: center;\n}\n\n.text-cells {\n display: flex;\n flex-grow: 1;\n min-width: 0;\n\n --ic-typography-color: var(--ic-data-list-text-cell);\n color: var(--ic-data-list-text-cell);\n}\n\n.label {\n width: var(--data-row-label-width, 12.5rem);\n min-width: 12.5rem;\n margin-right: var(--ic-space-md);\n\n --ic-typography-color: var(--ic-data-list-text-label);\n color: var(--ic-data-list-text-label);\n}\n\n.value {\n flex-grow: 1;\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label]) {\n margin-top: calc(var(--ic-space-xs) -1);\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[small][readonly][hide-label]) {\n margin-top: calc(var(--ic-space-xxs) * -1);\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label][rows]) {\n margin-top: calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs));\n}\n\n.end-component {\n width: -moz-fit-content;\n width: fit-content;\n margin-left: 3.5rem;\n}\n\n.divider {\n margin-top: var(--ic-space-md);\n height: var(--ic-border-width);\n background-color: var(--ic-data-list-keyline-cell);\n}\n\n:host(.ic-data-row-small) .divider {\n margin-top: var(--ic-space-xs);\n}\n\n:host(.breakpoint-medium) .label {\n width: 10rem;\n min-width: 10rem;\n}\n\n:host(.breakpoint-xs) .text-cells {\n flex-direction: column;\n}\n\n:host(.breakpoint-xs) .label {\n width: 8rem;\n margin-bottom: var(--ic-space-xs);\n}\n\n:host(.breakpoint-xs) .value {\n max-width: 95%;\n}\n\n:host(.breakpoint-xs) .end-component {\n margin-left: 0;\n}\n\n@media (forced-colors: active) {\n .divider {\n background-color: canvastext;\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize, isSlotUsed, slotHasContent, } from \"../../utils/helpers\";\n/*\n @slot label - Content will be rendered in the leftmost cell.\n * @slot value - Content will be rendered to the right of the label.\n * @slot end-component - Content will be displayed in the rightmost cell.\n /\nexport class DataRow {\n constructor() {\n this.hasEndComponent = false;\n this.resizeObserver = null;\n this.deviceSize = DEVICE_SIZES.XL;\n /\n The size of the data row component.\n /\n this.size = \"medium\";\n /\n Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n this.runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.checkLabelAbove();\n });\n this.resizeObserver.observe(this.el);\n };\n this.renderCellContent = (cell) => {\n const isValue = cell === \"value\";\n return (h(\"div\", { class: cell }, isSlotUsed(this.el, cell) ? (h(\"slot\", { name: cell })) : (h(\"ic-typography\", { variant: isValue\n ? \"body\"\n : this.listSize === \"xs\"\n ? \"label\"\n : \"subtitle-large\" }, isValue ? this.value : this.label))));\n };\n }\n disconnectedCallback() {\n var _a;\n (_a = this.resizeObserver) === null \|\| _a === void 0 ? void 0 : _a.disconnect();\n }\n componentWillLoad() {\n this.deviceSize = getCurrentDeviceSize();\n this.hasEndComponent = slotHasContent(this.el, \"end-component\");\n this.checkLabelAbove();\n }\n componentDidLoad() {\n checkResizeObserver(this.runResizeObserver);\n if (this.hasEndComponent)\n this.labelEndComponent();\n }\n checkLabelAbove() {\n var _a;\n const row = (_a = this.el.shadowRoot) === null \|\| _a === void 0 ? void 0 : _a.querySelector(\".data\");\n if (row) {\n const rowSize = (row === null \|\| row === void 0 ? void 0 : row.clientWidth) + 46;\n if (rowSize) {\n this.listSize =\n rowSize < DEVICE_SIZES.S\n ? \"xs\"\n : rowSize < DEVICE_SIZES.M\n ? \"m\"\n : \"xl\";\n }\n }\n }\n labelEndComponent() {\n var _a;\n (_a = this.el.shadowRoot) === null \|\| _a === void 0 ? void 0 : _a.querySelectorAll(\"slot[name=end-component]\").forEach((child) => child.setAttribute(\"aria-label\", `for ${this.label} row`));\n }\n render() {\n const { el, listSize, hasEndComponent, label, renderCellContent, size, theme, value, } = this;\n return (h(Host, { key: '3cfe27bfa3e8e0a563450e3842c31e50a78fcb28', class: {\n [\"ic-data-row-small\"]: size === \"small\",\n [\"breakpoint-medium\"]: listSize === \"m\",\n [\"breakpoint-xs\"]: listSize === \"xs\",\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }, role: \"listitem\" }, h(\"div\", { key: '348b7ebe1cec0baab24213e9cc468a7e2274ae31', class: \"data\" }, h(\"div\", { key: 'a2d9d409a312f20b259a40a85ce37b8928e8da06', class: \"text-cells\" }, (isSlotUsed(el, \"label\") \|\| label) && renderCellContent(\"label\"), (isSlotUsed(el, \"value\") \|\| value) && renderCellContent(\"value\")), hasEndComponent && (h(\"div\", { key: 'c7f9583403acf4041eebe4b26ff417b453fe07db', class: \"end-component\" }, h(\"slot\", { key: '837641d249f27635ece7e1eb6505d3e4dbf5492b', name: \"end-component\" })))), h(\"div\", { key: '9f39724a36e05428a979a589bbed4a09fa2043e0', class: \"divider\" })));\n }\n static get is() { return \"ic-data-row\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-data-row.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-data-row.css\"]\n };\n }\n static get properties() {\n return {\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The label in the leftmost cell of the row.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizesNoLarge\",\n \"resolved\": \"\\\"medium\\\" \| \\\"small\\\" \| undefined\",\n \"references\": {\n \"IcSizesNoLarge\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the data row component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\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 \"value\": {\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 value of the middle (right if no end-component supplied) cell of the row.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"value\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"deviceSize\": {},\n \"listSize\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-data-row.js.map\n"],"mappings":"yHAAA,MAAMA,EAAe,ktHACrB,MAAAC,EAAeD,E,MCMFE,EAAO,MAChB,WAAAC,CAAAC,G,UACIC,KAAKC,gBAAkB,MACvBD,KAAKE,eAAiB,KACtBF,KAAKG,WAAaC,EAAaC,GAI/BL,KAAKM,KAAO,SAIZN,KAAKO,MAAQ,UACbP,KAAKQ,kBAAoB,KACrBR,KAAKE,eAAiB,IAAIO,gBAAe,KACrCT,KAAKU,iBAAiB,IAE1BV,KAAKE,eAAeS,QAAQX,KAAKY,GAAG,EAExCZ,KAAKa,kBAAqBC,IACtB,MAAMC,EAAUD,IAAS,QACzB,OAAQE,EAAE,MAAO,CAAEC,MAAOH,GAAQI,EAAWlB,KAAKY,GAAIE,GAASE,EAAE,OAAQ,CAAEG,KAAML,IAAYE,EAAE,gBAAiB,CAAEI,QAASL,EACjH,OACAf,KAAKqB,WAAa,KACd,QACA,kBAAoBN,EAAUf,KAAKsB,MAAQtB,KAAKuB,OAAQ,C,CAG9E,oBAAAC,GACI,IAAIC,GACHA,EAAKzB,KAAKE,kBAAoB,MAAQuB,SAAY,OAAS,EAAIA,EAAGC,Y,CAEvE,iBAAAC,GACI3B,KAAKG,WAAayB,IAClB5B,KAAKC,gBAAkB4B,EAAe7B,KAAKY,GAAI,iBAC/CZ,KAAKU,iB,CAET,gBAAAoB,GACIC,EAAoB/B,KAAKQ,mBACzB,GAAIR,KAAKC,gBACLD,KAAKgC,mB,CAEb,eAAAtB,GACI,IAAIe,EACJ,MAAMQ,GAAOR,EAAKzB,KAAKY,GAAGsB,cAAgB,MAAQT,SAAY,OAAS,EAAIA,EAAGU,cAAc,SAC5F,GAAIF,EAAK,CACL,MAAMG,GAAWH,IAAQ,MAAQA,SAAa,OAAS,EAAIA,EAAII,aAAe,GAC9E,GAAID,EAAS,CACTpC,KAAKqB,SACDe,EAAUhC,EAAakC,EACjB,KACAF,EAAUhC,EAAamC,EACnB,IACA,I,GAI1B,iBAAAP,GACI,IAAIP,GACHA,EAAKzB,KAAKY,GAAGsB,cAAgB,MAAQT,SAAY,OAAS,EAAIA,EAAGe,iBAAiB,4BAA4BC,SAASC,GAAUA,EAAMC,aAAa,aAAc,OAAO3C,KAAKuB,c,CAEnL,MAAAqB,GACI,MAAMhC,GAAEA,EAAES,SAAEA,EAAQpB,gBAAEA,EAAesB,MAAEA,EAAKV,kBAAEA,EAAiBP,KAAEA,EAAIC,MAAEA,EAAKe,MAAEA,GAAWtB,KACzF,OAAQgB,EAAE6B,EAAM,CAAEC,IAAK,2CAA4C7B,MAAO,CAClE,CAAC,qBAAsBX,IAAS,QAChC,CAAC,qBAAsBe,IAAa,IACpC,CAAC,iBAAkBA,IAAa,KAChC,CAAC,YAAYd,KAAUA,IAAU,WAClCwC,KAAM,YAAc/B,EAAE,MAAO,CAAE8B,IAAK,2CAA4C7B,MAAO,QAAUD,EAAE,MAAO,CAAE8B,IAAK,2CAA4C7B,MAAO,eAAiBC,EAAWN,EAAI,UAAYW,IAAUV,EAAkB,UAAWK,EAAWN,EAAI,UAAYU,IAAUT,EAAkB,UAAWZ,GAAoBe,EAAE,MAAO,CAAE8B,IAAK,2CAA4C7B,MAAO,iBAAmBD,EAAE,OAAQ,CAAE8B,IAAK,2CAA4C3B,KAAM,oBAAuBH,EAAE,MAAO,CAAE8B,IAAK,2CAA4C7B,MAAO,Y","ignoreList":[]}

package/dist/core/p-a8cc28a6.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as i,h as e,F as s,H as a,g as l}from"./p-8e4e97b4.js";import{b as o,p as n,i as h,c as r,d,e as c,f as u,h as v,j as p}from"./p-0f22f41e.js";import{s as g}from"./p-a422b778.js";import"./p-349d91dc.js";const b=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24">\n <path d="M9 3 5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"></path>\n</svg>`;const f=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" style="transform: rotate(-90deg);">\n <path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>\n</svg>`;const m=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" style="transform: rotate(90deg)">\n <path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>\n</svg>`;const w=':host{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}tbody{vertical-align:top}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}.cell-container{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}.truncation-show-hide{display:block}.cell-icon.truncation-show-hide{display:flex}.cell-container:not(.data-type-element,.truncation-show-hide){overflow-x:hidden}ic-loading-indicator{position:sticky;top:20px}.table-row-container{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}:host(.ic-data-table-show-pagination) .table-row-container{height:calc(100% - 3.5625rem)}table{table-layout:var(--table-layout, "fixed");border-spacing:0;width:100%;height:var(--table-height, auto)}.table-row-container:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}:host(.ic-data-table-embedded) .table-row-container{border:var(--ic-table-embedded-border)}.column-header-inner-container{padding:var(--ic-table-cell-padding);box-sizing:border-box}.column-header-inner-container ic-tooltip{pointer-events:none}.column-header-inner-container ic-tooltip.show-trunc-tooltip{pointer-events:auto}.column-header-inner-container ic-tooltip .column-header-text{--ic-line-clamp:1}.column-header-sticky{position:sticky;top:0;z-index:1}.column-header-overlay{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n rgb(0 0 0 / 20%)}.row-header-sticky{position:sticky;left:0}.column-header,.table-row{box-sizing:border-box}.table-row-selected{background-image:linear-gradient(\n var(--ic-data-table-cell-background-selected) 0 0\n );background-color:var(--ic-data-table-cell-background) !important}.table-row:hover{background-image:linear-gradient(\n var(--ic-data-table-cell-background-hover) 0 0\n );background-color:var(--ic-data-table-cell-background) !important}.table-row-selected:hover{background-image:linear-gradient(\n var(--ic-data-table-cell-background-selected-hover) 0 0\n )}.sort-button{margin-left:auto}.sort-button:hover{background-color:var(--ic-data-table-icon-button-background-hover)}.sort-button:active{background-color:var(--ic-data-table-icon-button-background-pressed)}.sort-button svg{color:var(--ic-data-table-sort-toggle-icon)}.sort-button-unsorted svg{color:var(--ic-data-table-sort-toggle-icon-default)}.table-density-dense .column-header-inner-container,td.table-density-dense{padding:var(--ic-table-cell-padding-dense) !important}.text-dense{font-size:var(--ic-table-font-size-dense)}.table-density-spacious .column-header-inner-container,td.table-density-spacious{padding:var(--ic-table-cell-padding-spacious) !important}.text-spacious{font-size:var(--ic-table-font-size-spacious)}.column-header-text{font-weight:var(--ic-font-weight-bold)}.dummy-column-header-text{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}.row-header,.column-header{text-align:left;padding:var(--ic-table-cell-padding);background-color:var(--ic-data-table-header-background);border-right:var(--ic-table-heading-border);border-bottom:var(--ic-table-heading-border);color:var(--ic-data-table-header-text)}.column-header{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}.column-header:last-child{border-right:none}.scrollable .column-header:last-child{border-right:var(--ic-table-heading-border) !important}:host(.ic-data-table-embedded) tr:last-child .table-cell,:host(.ic-data-table-embedded) tr:last-child .row-header{border-bottom:none}.column-header-alignment-left,.row-header-alignment-left,.cell-alignment-left{text-align:left !important;justify-content:start !important}.column-header-alignment-right,.row-header-alignment-right,.cell-alignment-right{text-align:right !important;justify-content:end !important}.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.cell-alignment-right.truncation-show-hide ic-typography{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.column-header-alignment-center,.row-header-alignment-center,.cell-alignment-center{text-align:center !important;justify-content:center !important}.table-row{background-color:var(--ic-data-table-cell-background)}.table-row:nth-child(even){background-color:var(--ic-data-table-cell-background-stripe)}.table-cell{padding:var(--ic-table-cell-padding);border-bottom:var(--ic-table-cell-border);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}.table-cell.with-overflow{overflow:visible}.data-type-string,.data-type-address{text-align:left}.data-type-number,.data-type-date{text-align:right;justify-content:end}.cell-vertical-align-top{vertical-align:top;align-items:flex-start}.cell-vertical-align-middle{vertical-align:middle;align-items:center}.cell-vertical-align-bottom{vertical-align:bottom;align-items:flex-end}.cell-emphasis-low ic-typography{--ic-typography-color:var(--ic-data-table-text-low-emphasis)}.cell-emphasis-high ic-typography{--ic-typography-color:var(--ic-data-table-text-high-emphasis);font-weight:var(--ic-font-weight-bold)}.pagination-container{background-color:var(--ic-data-table-pagination-bar-background-color);border-top:var(--ic-space-1px) solid\n var(--ic-data-table-pagination-bar-keyline)}.screen-reader-sort-text,.table-caption{position:absolute;left:-100rem}.table-cell,.column-header,.row-header{word-wrap:break-word;white-space:pre-wrap}.loading-empty{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}.updating-state{padding:0;border-bottom:var(--ic-table-heading-border)}.updating-state-headers{border-bottom:none}.loading{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow);z-index:calc(var(--ic-z-index-popover) - 1);background-color:var(--ic-data-table-overlay-background);border:var(--ic-space-1px) solid var(--ic-data-table-overlay-border)}.loading.show{opacity:1}.icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}.column-header .icon>svg,.column-header ::slotted(svg){fill:var(--ic-data-table-icon)}.table-cell .icon>svg,.table-cell ::slotted(svg),.cell-description-icon>svg{fill:var(--ic-data-table-icon-default-emphasis)}.cell-emphasis-high .icon>svg,.cell-emphasis-high ::slotted(svg){fill:var(--ic-data-table-icon-high-emphasis)}.cell-emphasis-low .icon>svg,.cell-emphasis-low ::slotted(svg){fill:var(--ic-data-table-icon-low-emphasis)}.column-header-alignment-right>.icon,.row-header-alignment-right>.icon,.cell-alignment-right>.icon,.column-header-alignment-right>::slotted(svg),.row-header-alignment-right>::slotted(svg),.cell-alignment-right>::slotted(svg){margin-right:auto}.column-header-alignment-center>ic-typography,.column-header-alignment-center>.cell-text-wrapper,.row-header-alignment-right>ic-typography,.row-header-alignment-right>.cell-text-wrapper,.cell-alignment-center>ic-typography,.cell-alignment-center>.cell-text-wrapper{flex:1}.checkbox-cell{--column-width:var(--ic-space-xxl);align-content:center;border-right:none}.table-density-dense.checkbox-cell{--column-width:2.5rem}.checkbox-wrapper{display:flex;justify-content:center}.icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}.truncation-tooltip ic-typography{display:-webkit-box;line-clamp:var(--ic-line-clamp, 0);-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}.truncation-tooltip ic-typography,.truncation-show-hide ic-typography{white-space:normal}.ic-tooltip-overflow{overflow:hidden;width:100%}.action-element{display:flex;justify-content:right}.cell-grid-wrapper{display:grid;grid-template-columns:auto auto}.loading-overlay{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ic-data-table-loading-indicator-overlay-background);z-index:calc(var(--ic-z-index-popover) - 2);opacity:0;transition:opacity var(--ic-transition-duration-slow)}.loading-overlay.show{visibility:visible;opacity:0.6}.sr-only{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){.loading-overlay{transition:none}}.cell-text-wrapper{overflow:hidden}.cell-text-wrapper>ic-typography{margin-left:2px}.cell-text-no-wrap{word-wrap:initial}.cell-container-with-description{display:flex;flex-direction:row}.cell-description{display:flex;flex-direction:row;margin-top:var(--ic-space-xxs);word-break:break-all}.cell-description-text{color:var(--ic-data-table-cell-data-description)}.cell-description-icon{padding-right:var(--ic-space-xs)}.cell-description-icon>svg{height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs));display:flex}@media (min-width: 577px){.column-header-inner-container{display:flex;align-items:center}}@media (max-width: 577px){.cell-icon{flex-wrap:wrap}.cell-description-icon{padding-right:0}}@media (forced-colors: active){.icon,::slotted(svg),.cell-description-icon>svg{fill:currentcolor}.sort-button svg{color:currentcolor}.table-row-selected{background-color:Highlight !important}}';const y=w;const x=class{constructor(a){t(this,a);this.icRowHeightChange=i(this,"icRowHeightChange",7);this.icSelectAllRows=i(this,"icSelectAllRows",7);this.icSelectedRowChange=i(this,"icSelectedRowChange",7);this.icColumnsLoaded=i(this,"icColumnsLoaded",7);this.icDataLoaded=i(this,"icDataLoaded",7);this.icSortChange=i(this,"icSortChange",7);this.DENSITY_HEIGHT_MULTIPLIER={dense:.8,default:1,spacious:1.2};this.DENSITY_PADDING_HEIGHT_DIFF={dense:8,default:16,spacious:20};this.SORT_ICONS={unsorted:b,ascending:f,descending:m};this.hasLoadedForOneSecond=true;this.resizeObserver=null;this.SHOW_HIDE_STRING="show-hide";this.SHOW_HIDE_CSS_CLASS=`${this.SHOW_HIDE_STRING}-wrap`;this.TOOLTIP_STRING="tooltip";this.TOOLTIP=`ic-${this.TOOLTIP_STRING}`;this.TEXT_WRAP_STRING="text-wrap";this.TEXT_WRAP_CLASS=`.${this.TEXT_WRAP_STRING}`;this.dataUpdated=false;this.columnsUpdated=false;this.rowHeightSet=false;this.initialLoad=false;this.icPageChangeEvent=false;this.itemsPerPageChange=false;this.DATA_ROW_HEIGHT_STRING="data-row-height";this.ROW_HEIGHT_CSS_VARIABLE="--row-height";this.LINE_CLAMP_CSS_VARIABLE="--ic-line-clamp";this.DEFAULT_LINE_HEIGHT=24;this.densityUpdate=false;this.truncationPatternUpdated=false;this.isNewDebounceDelaySet=false;this.headerResizeObserver=null;this.IC_TOOLTIP_STRING="ic-tooltip";this.SHOW_TRUNC_TOOLTIP_STRING="show-trunc-tooltip";this.CELL_DESCRIPTION_STRING=".cell-description";this.CELL_CONTAINER_WITH_DESCRIPTION_STRING="cell-container-with-description";this.CELL_TEXT_WRAPPER_STRING=".cell-text-wrapper";this.IC_TYPOGRAPHY_STRING="ic-typography";this.rowIdCounter=0;this.createRowId=()=>`row-${this.rowIdCounter++}`;this.fromRow=0;this.scrollable=false;this.scrollOffset=0;this.selectedRows=[];this.selectedIcRowIds=[];this.debounceDelay=0;this.columnHeaderTruncation=false;this.disableAutoSort=false;this.density="default";this.embedded=false;this.globalRowHeight="auto";this.hideColumnHeaders=false;this.loading=false;this.minimumLoadingDisplayDuration=1e3;this.paginationBarOptions={alignment:"right",hideAllFromItemsPerPage:false,hideRangeLabel:false,itemLabel:"Item",itemsPerPageOptions:[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}],monochrome:false,pageLabel:"Page",rangeLabelType:"page",selectedItemsPerPage:10,selectItemsPerPageOnEnter:true,setToFirstPageOnPaginationChange:false,showGoToPageControl:true,showItemsPerPageControl:true,type:"simple"};this.rowSelection=false;this.showPagination=false;this.sortable=false;this.sortOptions={sortOrders:["unsorted","ascending","descending"],defaultColumn:""};this.stickyColumnHeaders=false;this.stickyRowHeaders=false;this.tableLayout="fixed";this.theme="inherit";this.updating=false;this.runHeaderResizeObserver=()=>{this.headerResizeObserver=new ResizeObserver((()=>{this.headerResizeCallback()}));this.headerResizeObserver.observe(this.el)};this.headerResizeCallback=()=>{var t,i,e;if(!this.hideColumnHeaders&&this.columnHeaderTruncation){const s=(i=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelector(".table-container"))===null\|\|i===void 0?void 0:i.clientWidth;if(s&&s!==this.prevTableContainerWidth){(e=this.el.shadowRoot)===null\|\|e===void 0?void 0:e.querySelectorAll("th.column-header").forEach((t=>{const i=t.querySelector(this.IC_TOOLTIP_STRING);const e=t.querySelectorAll(this.IC_TYPOGRAPHY_STRING);if(i&&e&&e.length===2){i.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);if(e[1].clientWidth>e[0].clientWidth){i.classList.add(this.SHOW_TRUNC_TOOLTIP_STRING)}}}));this.prevTableContainerWidth=s}}};this.handleResize=()=>{this.updateCellHeightsWithDescriptions();this.fixCellOverflow()};this.getRowHeight=t=>parseInt(getComputedStyle(document.documentElement).fontSize)parseFloat(t.getAttribute(this.DATA_ROW_HEIGHT_STRING)\|\|"");this.truncateUpdatedData=()=>{if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(i){const e=this.getTruncWrapper(t);if(e&&i.clientHeight-this.DEFAULT_LINE_HEIGHT>=e.scrollHeight){this.resetSingleShowHideTruncation(t,i);return}setTimeout((()=>{this.addShowHideTruncationIfNeeded(t,i)}),150)}}))}if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}this.dataUpdated=false};this.truncateTableSorted=()=>{if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(i){if(!i.classList.contains(this.TEXT_WRAP_STRING)){this.createShowHideTruncation(t,i)}else{t.resetTruncation().then((()=>{i.removeAttribute("style")}))}}}))}this.tableSorted=false};this.truncateRowHeightSet=()=>{this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);if(i){if(this.globalRowHeight==="auto"){i.style.height="";i.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,null);i.removeAttribute(this.DATA_ROW_HEIGHT_STRING);if(this.truncationPattern===this.TOOLTIP_STRING){this.removeTooltip(i,t,e);t.setAttribute("style",`${this.LINE_CLAMP_CSS_VARIABLE}: 0`)}else if(this.truncationPattern===this.SHOW_HIDE_STRING){this.resetSingleShowHideTruncation(t,i)}return}if(!i.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)&&!i.style.height&&this.getRowHeight(i)>i.clientHeight&&!i.classList.contains(this.TEXT_WRAP_STRING)){i.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,i.getAttribute(this.DATA_ROW_HEIGHT_STRING))}if(this.truncationPattern){if(this.truncationPattern===this.SHOW_HIDE_STRING){const e=this.getTruncWrapper(t);if(this.getShowHideButton(t)&&e&&e.scrollHeight<=i.clientHeight){this.resetSingleShowHideTruncation(t,i);return}}this.truncate(t,i,e)}else{this.updateSetRowHeight(t)}}}));this.rowHeightSet=false};this.truncateItemsPerPageChange=()=>{var t;const i=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelectorAll(".table-row");if(i&&this.rowsPerPage>this.previousItemsPerPage){const t=Array.from(i).slice(this.previousItemsPerPage);t.forEach((t=>{t.querySelectorAll("ic-typography").forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);if(i)this.truncate(t,i,e)}))}))}this.previousItemsPerPage=this.rowsPerPage;this.itemsPerPageChange=false};this.truncatePageChange=()=>{if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(i&&this.typographyScrollHeightExceedsContainerHeight(t,i)&&!this.getShowHideButton(t)){this.addShowHideTruncation(i,t)}}))}this.icPageChangeEvent=false};this.truncateDensityUpdate=()=>{this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);if(i)this.truncate(t,i,e)}));this.densityUpdate=false};this.typographyScrollHeightExceedsContainerHeight=(t,i)=>i&&t.scrollHeight>i.clientHeight;this.cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight=(t,i)=>{const e=this.getTruncWrapper(t);return e&&i.clientHeight-this.DEFAULT_LINE_HEIGHT>e.scrollHeight};this.truncatePatternUpdated=()=>{if(this.truncationPattern===this.TOOLTIP_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);if(i&&this.typographyScrollHeightExceedsContainerHeight(t,i)){this.addTooltipTruncation(t,i,e)}}))}else if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(i){if(this.cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight(t,i)){this.resetSingleShowHideTruncation(t,i);return}this.addShowHideTruncationIfNeeded(t,i)}}))}};this.updateSetRowHeight=t=>{const i=t=>{const i=this.getCellContainer(t);if(i&&t.scrollHeight>this.getRowHeight(i)){i.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE)}};if(t){i(t)}else{this.getTypographyElements().forEach((t=>{i(t)}))}};this.getLines=t=>Math.floor(t/this.DEFAULT_LINE_HEIGHT);this.truncate=(t,i,e)=>{var s;if(this.typographyScrollHeightExceedsContainerHeight(t,i)){if(!t.closest(this.TEXT_WRAP_CLASS)){if(this.truncationPattern===this.TOOLTIP_STRING){this.addTooltipTruncation(t,i,e)}if(this.truncationPattern===this.SHOW_HIDE_STRING){this.addShowHideTruncation(i,t)}}}else{if(this.truncationPattern===this.TOOLTIP_STRING&&e){t.setAttribute("style",`${this.LINE_CLAMP_CSS_VARIABLE}: 0`);(s=i.querySelector(this.CELL_TEXT_WRAPPER_STRING))===null\|\|s===void 0?void 0:s.prepend(t);e.remove()}if(this.truncationPattern===this.SHOW_HIDE_STRING&&!o(t===null\|\|t===void 0?void 0:t.getAttribute("max-lines"))){this.resetSingleShowHideTruncation(t,i)}}};this.addShowHideTruncationIfNeeded=(t,i)=>{if(this.typographyScrollHeightExceedsContainerHeight(t,i)){this.addShowHideTruncation(i,t);return true}return false};this.dataTruncation=(t,i)=>{const e=this.getTooltip(t);if(i.classList.contains("data-type-element")\|\|this.dataUpdated){return}if(this.truncationPattern===this.SHOW_HIDE_STRING&&this.getShowHideButton(t)){const e=this.getTruncWrapper(t);if(e&&this.getLines(e.scrollHeight)===Number(t.getAttribute("max-lines"))){this.resetSingleShowHideTruncation(t,i)}}if(this.rowHeightSet&&this.truncationPattern===this.SHOW_HIDE_STRING){if(this.cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight(t,i)){this.resetSingleShowHideTruncation(t,i);return}if(this.addShowHideTruncationIfNeeded(t,i)){return}}if(t.scrollHeight>0&&i.clientHeight>0&&t.scrollHeight===i.clientHeight){if(e){this.removeTooltip(i,t,e)}return}this.truncate(t,i,e)};this.getTruncWrapper=t=>{var i;return(i=t.shadowRoot)===null\|\|i===void 0?void 0:i.querySelector(".trunc-wrapper")};this.getShowHideButton=t=>{var i;return(i=t.shadowRoot)===null\|\|i===void 0?void 0:i.querySelector("button")};this.removeTextWrap=()=>{this.getTypographyElements().forEach((t=>{const i=t.closest("td");if(i===null\|\|i===void 0?void 0:i.classList.contains(this.TEXT_WRAP_STRING)){i.classList.remove(this.TEXT_WRAP_STRING)}}))};this.getCellContainer=t=>t.closest(".cell-container");this.deleteTextWrapDataKey=t=>Array.isArray(t)&&t.forEach((t=>t.textWrap&&delete t.textWrap));this.resetSingleShowHideTruncation=(t,i)=>{const e=this.getTruncWrapper(t);if(!(i&&e))return;if(e.scrollHeight>i.clientHeight&&!o(t.getAttribute("max-lines"))&&Math.floor((i===null\|\|i===void 0?void 0:i.clientHeight)/this.DEFAULT_LINE_HEIGHT)!==Number(t.getAttribute("max-lines"))){t.checkMaxLines(e.scrollHeight);t.setAttribute("max-lines",`${Math.floor((i===null\|\|i===void 0?void 0:i.clientHeight)/this.DEFAULT_LINE_HEIGHT)}`);t.setShowHideExpanded(false);i.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,null)}else if(!i.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)){t.resetTruncation().then((()=>{if(!t.closest(this.TEXT_WRAP_CLASS)){i.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,i.getAttribute(this.DATA_ROW_HEIGHT_STRING))}}))}};this.resetAllShowHideTruncation=()=>{this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);t.resetTruncation().then((()=>{if(i&&!t.closest(this.TEXT_WRAP_CLASS)){i.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,i.getAttribute(this.DATA_ROW_HEIGHT_STRING))}}))}))};this.startLoadingTimer=()=>{this.hasLoadedForOneSecond=false;this.timerStarted=Date.now();setTimeout((()=>{this.hasLoadedForOneSecond=true;this.timerStarted=0}),this.minimumLoadingDisplayDuration)};this.isObject=t=>t!==undefined&&t!==null&&typeof t==="object";this.notDefaultDensity=()=>this.density!=="default";this.getCellContent=(t,i)=>{switch(i){case"element":return undefined;case"date":return(t instanceof Date?t:new Date(t)).toLocaleDateString();default:return t}};this.getCellAlignment=(t,i)=>{if(this.isObject(t)&&Object.keys(t).includes("cellAlignment")){return this.getObjectValue(this.getObjectValue(t,"cellAlignment"),i)}};this.getCellOptions=(t,i)=>{if(!(this.isObject(t)&&Object.keys(t).includes(i)))return;return this.getObjectValue(t,i)};this.createUpdatingIndicator=()=>{const{description:t,max:i,min:s,progress:a,monochrome:l}=this.updatingOptions\|\|{};const o=this.columns.filter((t=>t.hidden!==true)).length;return e("th",{colSpan:o+(this.rowSelection&&this.data?1:0),class:"updating-state"},e("ic-loading-indicator",{theme:this.theme,monochrome:l,description:t\|\|"Updating table data",fullWidth:true,max:i,min:s,progress:a,type:"linear",size:"small"}))};this.setRowHeight=t=>n(`${tthis.DENSITY_HEIGHT_MULTIPLIER[this.density]-this.DENSITY_PADDING_HEIGHT_DIFF[this.density]}px`);this.setTruncationClass=()=>this.truncationPattern?{[`truncation-${this.truncationPattern}`]:true}:{};this.getColumnWidth=t=>{let i={};if(typeof t==="string"){i=Object.assign(Object.assign({},i),{["--column-width"]:t})}else if(t&&Object.keys(t).length>0){if(t.minWidth){i=Object.assign(Object.assign({},i),{["--column-min-width"]:t.minWidth})}if(t.maxWidth){i=Object.assign(Object.assign({},i),{["--column-max-width"]:t.maxWidth})}}return i};this.getCalculatedRowHeight=(t,i,e,s)=>{if((this.truncationPattern\|\|s)&&!(t===null\|\|t===void 0?void 0:t.textWrap)&&!e&&!this.getCellOptions(i,"textWrap")&&(t===null\|\|t===void 0?void 0:t.dataType)!=="element"){return{[this.ROW_HEIGHT_CSS_VARIABLE]:this.setRowHeight(s)}}return{}};this.getSlottedActionElement=t=>{const i=t.getAttribute("name");return this.el.querySelector(`[slot="${i}"]`)};this.adjustWidthForActionElement=()=>{var t;const i=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelectorAll(".action-element");i===null\|\|i===void 0?void 0:i.forEach((t=>{var i;const e=t.firstChild;const s=this.getSlottedActionElement(e);const a=(i=s===null\|\|s===void 0?void 0:s.getBoundingClientRect().width)!==null&&i!==void 0?i:0;const l=t.closest(".cell-grid-wrapper");if(l){l.style.gridTemplateColumns=`auto calc(${a}px + var(--ic-space-xs))`}}))};this.createCellContent=(t,i,a,l,o,n,r)=>{var d,c,u,v,p,b,f,m,w,y,x;return e("div",{class:Object.assign(Object.assign({"cell-container":(t===null\|\|t===void 0?void 0:t.dataType)!=="element","cell-icon":l\|\|!!((d=t===null\|\|t===void 0?void 0:t.icon)===null\|\|d===void 0?void 0:d.icon),[`cell-alignment-${((c=t===null\|\|t===void 0?void 0:t.columnAlignment)===null\|\|c===void 0?void 0:c.horizontal)\|\|((u=n===null\|\|n===void 0?void 0:n.rowAlignment)===null\|\|u===void 0?void 0:u.horizontal)\|\|this.getCellAlignment(i,"horizontal")}`]:!!((v=t===null\|\|t===void 0?void 0:t.columnAlignment)===null\|\|v===void 0?void 0:v.horizontal)\|\|!!((p=n===null\|\|n===void 0?void 0:n.rowAlignment)===null\|\|p===void 0?void 0:p.horizontal)\|\|!!this.getCellAlignment(i,"horizontal"),[`data-type-${t===null\|\|t===void 0?void 0:t.dataType}`]:true,[this.TEXT_WRAP_STRING]:(t===null\|\|t===void 0?void 0:t.textWrap)\|\|(n===null\|\|n===void 0?void 0:n.textWrap)\|\|!!this.getCellOptions(i,"textWrap"),[`cell-emphasis-${this.isObject(i)&&o("emphasis")\|\|(t===null\|\|t===void 0?void 0:t.emphasis)\|\|(n===null\|\|n===void 0?void 0:n.emphasis)}`]:this.isObject(i)&&!!o("emphasis")\|\|!!(t===null\|\|t===void 0?void 0:t.emphasis)\|\|!!(n===null\|\|n===void 0?void 0:n.emphasis)},this.setTruncationClass()),{[this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]:this.isObject(i)&&Object.keys(i).includes("description")}),style:Object.assign(Object.assign({},this.getCalculatedRowHeight(t,i,n===null\|\|n===void 0?void 0:n.textWrap,r)),this.getColumnWidth(t===null\|\|t===void 0?void 0:t.columnWidth)),"data-row-height":this.truncationPattern\|\|r?this.setRowHeight(r):null},h(this.el,a)?e("slot",{name:a}):e(s,null,h(this.el,`${a}-icon`)?e("slot",{name:`${a}-icon`}):(l\|\|((b=t===null\|\|t===void 0?void 0:t.icon)===null\|\|b===void 0?void 0:b.onAllCells))&&(o("icon")\|\|((f=t===null\|\|t===void 0?void 0:t.icon)===null\|\|f===void 0?void 0:f.icon))&&e("span",{class:"icon",innerHTML:g(o("icon"))\|\|g((m=t===null\|\|t===void 0?void 0:t.icon)===null\|\|m===void 0?void 0:m.icon)}),(t===null\|\|t===void 0?void 0:t.dataType)!=="element"&&!h(this.el,a)&&e("div",{class:{"cell-text-wrapper":true,"cell-text-no-wrap":!this.truncationPattern}},e("ic-typography",{variant:"body",class:{[`cell-emphasis-${this.isObject(i)&&o("emphasis")\|\|(t===null\|\|t===void 0?void 0:t.emphasis)\|\|(n===null\|\|n===void 0?void 0:n.emphasis)}`]:this.isObject(i)&&!!o("emphasis")\|\|!!(t===null\|\|t===void 0?void 0:t.emphasis)\|\|!!(n===null\|\|n===void 0?void 0:n.emphasis),[`text-${this.density}`]:this.notDefaultDensity()}},this.isObject(i)&&(t===null\|\|t===void 0?void 0:t.dataType)!=="date"?Object.keys(i).includes("href")?e("ic-link",{href:o("href"),theme:this.theme,target:o("target")\|\|undefined,rel:o("rel")\|\|undefined},o("data")):o("data"):this.getCellContent(i,t===null\|\|t===void 0?void 0:t.dataType)),this.isObject(i)&&Object.keys(i).includes("description")&&e("div",{class:{["cell-description"]:true,[`data-type-${t===null\|\|t===void 0?void 0:t.dataType}`]:true}},((w=o("description"))===null\|\|w===void 0?void 0:w.icon)&&e("span",{class:"cell-description-icon",innerHTML:g(o("description").icon)}),e("ic-typography",{variant:"caption",class:"cell-description-text"},(x=(y=o("description"))===null\|\|y===void 0?void 0:y.data)!==null&&x!==void 0?x:o("description"))))))};this.createCells=(t,i)=>{var s;const a=(s=this.variableRowHeight)===null\|\|s===void 0?void 0:s.call(this,Object.assign(Object.assign({},t),{index:i}));const l=a?a!=="auto"&&a:this.globalRowHeight!=="auto"&&this.globalRowHeight;const{rowOptions:o}=t;return this.columns.map((s=>{var a,n,r,d;const{columnAlignment:c,columnWidth:u,dataType:v,hidden:p,key:g}=s;if(p)return;const b=this.getObjectValue(t,g);const f=`${g}-${i}`;const m=t=>this.getObjectValue(b,t);if(g==="header"&&(o===null\|\|o===void 0?void 0:o.header)){return e("th",{scope:"row",class:{"row-header":true,"row-header-sticky":this.stickyRowHeaders,[`row-header-alignment-${(a=o.rowAlignment)===null\|\|a===void 0?void 0:a.horizontal}`]:!!((n=o.rowAlignment)===null\|\|n===void 0?void 0:n.horizontal)}},o.header)}const w=this.createCellContent(s,b,f,this.isObject(b)&&Object.keys(b).includes("icon"),m,o,l\|\|undefined);return e("td",{class:{"table-cell":true,"with-overflow":v==="element",[`table-density-${this.density}`]:this.notDefaultDensity(),[`cell-vertical-align-${(c===null\|\|c===void 0?void 0:c.vertical)\|\|((r=o===null\|\|o===void 0?void 0:o.rowAlignment)===null\|\|r===void 0?void 0:r.vertical)\|\|this.getCellAlignment(b,"vertical")}`]:!!(c===null\|\|c===void 0?void 0:c.vertical)\|\|!!((d=o===null\|\|o===void 0?void 0:o.rowAlignment)===null\|\|d===void 0?void 0:d.vertical)\|\|!!this.getCellAlignment(b,"vertical")},style:Object.assign({},this.getColumnWidth(u))},h(this.el,`${f}-action-element`)?e("div",{class:"cell-grid-wrapper"},w,e("span",{class:"action-element"},e("slot",{name:`${f}-action-element`}))):w)}))};this.createColumnHeaders=()=>(this.columns\|\|[]).map((({cellAlignment:t,colspan:i,icon:s,key:a,title:l,columnWidth:o,excludeColumnFromSort:n,hidden:r},d)=>r!==true&&e("th",{scope:"col",class:{["column-header"]:true,[`table-density-${this.density}`]:this.notDefaultDensity(),["updating-state-headers"]:this.updating&&!this.loading},style:Object.assign({},this.getColumnWidth(o)),colSpan:i},e("div",{class:{"column-header-inner-container":true,"truncation-tooltip":this.columnHeaderTruncation,[`column-header-alignment-${t}`]:!!t}},h(this.el,`${a}-column-icon`)?e("slot",{name:`${a}-column-icon`}):s&&!s.hideOnHeader&&e("span",{class:"icon",innerHTML:g(s.icon)}),this.columnHeaderTruncation?e("ic-tooltip",{label:l,target:`column-header-${d}`},e("ic-typography",{id:`column-header-${d}`,variant:"body",class:{["column-header-text"]:true,[`text-${this.density}`]:this.notDefaultDensity()}},l)):e("ic-typography",{variant:"body",class:{["column-header-text"]:true,[`text-${this.density}`]:this.notDefaultDensity()}},l),this.sortable&&!n&&e("ic-button",{variant:"icon-tertiary",id:`sort-button-${a}`,"aria-label":this.getSortButtonLabel(a),onClick:()=>this.sortRows(a),innerHTML:this.SORT_ICONS[this.sortedColumn===a?this.sortedColumnOrder:"unsorted"],class:{["sort-button"]:true,["sort-button-unsorted"]:this.sortedColumn!==a\|\|this.sortedColumnOrder==="unsorted"}})),this.columnHeaderTruncation&&e("ic-typography",{variant:"body","aria-hidden":"true",class:{["column-header-text"]:true,["dummy-column-header-text"]:this.columnHeaderTruncation,[`text-${this.density}`]:this.notDefaultDensity()}},l))));this.onRowClick=t=>{const i=!this.selectedIcRowIds.includes(t.icRowId);this.selectedIcRowIds=i?[...this.selectedIcRowIds,t.icRowId]:this.selectedIcRowIds.filter((i=>i!==t.icRowId));this.selectedRows=i?[...this.selectedRows,t]:this.selectedRows.filter((i=>i.icRowId!==t.icRowId));this.icSelectedRowChange.emit({row:i?t:null,selectedRows:this.selectedRows,icRowId:i?t.icRowId:null,selectedIcRowIds:this.selectedIcRowIds})};this.selectAllRows=()=>{this.selectedRows=this.organisedData&&this.selectedIcRowIds.length!==this.organisedData.length?[...this.organisedData]:[];this.selectedIcRowIds=this.selectedRows.map((t=>t.icRowId));this.icSelectAllRows.emit(this.selectedRows)};this.createRows=()=>{var t,i,s,a,l;const o=this.showPagination?(t=this.data)===null\|\|t===void 0?void 0:t.slice(this.fromRow,this.toRow):(i=this.data)===null\|\|i===void 0?void 0:i.slice();const n=this.showPagination?this.fromRow:0;(s=this.data)===null\|\|s===void 0?void 0:s.forEach((t=>{if(!("icRowId"in t)){t.icRowId=this.createRowId()}}));this.organisedData=o===null\|\|o===void 0?void 0:o.map(((t,i)=>{const e=this.columns.map((({key:t},e)=>h(this.el,`${t}-${i+n}`)&&{key:t,index:e})).filter((i=>!!i&&!Object.prototype.hasOwnProperty.call(t,i.key)));return e.length>0?r(t,e,""):t}));return(a=this.organisedData)===null\|\|a===void 0?void 0:a.sort(this.sortable&&!this.disableAutoSort&&this.sortedColumn&&!((l=this.columns.find((t=>t.key===this.sortedColumn)))===null\|\|l===void 0?void 0:l.disableAutoSort)?this.getSortFunction():undefined).map(((t,i)=>{const s=this.rowSelection&&this.selectedIcRowIds.includes(t.icRowId);const a=i+n;return e("tr",{class:{"table-row":true,"table-row-selected":s}},this.rowSelection&&e("td",{class:{"table-cell":true,"checkbox-cell":true,[`table-density-${this.density}`]:this.notDefaultDensity()}},e("div",{class:"checkbox-wrapper"},e("ic-checkbox",{class:"ic-data-table-checkbox",checked:s,disabled:this.updating\|\|this.loading,hideLabel:true,label:`${s?"Deselect":"Select"} row ${a}`,onIcCheck:()=>this.onRowClick(t),size:this.density==="dense"?"small":"medium",value:a}))),this.createCells(t,a))}))};this.getObjectValue=(t,i)=>Object.values(t)[Object.keys(t).indexOf(i)];this.getSortButtonLabel=t=>{let i="";const e=t=>{const i=this.sortOptions.sortOrders;return i[(i.indexOf(t)+1)%i.length]};if(this.sortedColumn===t){const t=e(this.sortedColumnOrder);i=t!=="unsorted"?`Sort ${t}`:"Remove sort"}else{i=`Sort ${e("unsorted")}`}return i};this.getComparison=(t,i)=>{const e=t[this.sortedColumn];const s=i[this.sortedColumn];return this.columns.find((t=>t.key===this.sortedColumn)).dataType==="date"?new Date(e).valueOf()-new Date(s).valueOf():String(this.isObject(e)?Object.values(e)[0]:e).localeCompare(String(this.isObject(s)?Object.values(s)[0]:s),undefined,{numeric:true,sensitivity:"base"})};this.getSortFunction=()=>{switch(this.sortedColumnOrder){case"ascending":return(t,i)=>this.getComparison(t,i);case"descending":return(t,i)=>this.getComparison(i,t);default:return undefined}};this.sortRows=t=>{var i,e,s,a;const l=this.sortOptions.sortOrders;if(t!==this.sortedColumn){if(this.sortedColumn){(e=(i=this.el.shadowRoot)===null\|\|i===void 0?void 0:i.querySelector(`#sort-button-${this.sortedColumn}`))===null\|\|e===void 0?void 0:e.setAttribute("aria-label",this.getSortButtonLabel(t))}this.sortedColumn=t;this.sortedColumnOrder="unsorted"}let o=l.indexOf(this.sortedColumnOrder)+1;if(o>l.length-1){o=0}this.sortedColumnOrder=l[o];(a=(s=this.el.shadowRoot)===null\|\|s===void 0?void 0:s.querySelector(`#sort-button-${t}`))===null\|\|a===void 0?void 0:a.setAttribute("aria-label",this.getSortButtonLabel(t));this.tableSorted=true;this.icSortChange.emit({columnName:t,sorted:this.sortedColumnOrder})};this.getTypographyElements=()=>{var t;return Array.from(((t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelectorAll("ic-typography:not(.column-header-text,.cell-description-text)"))\|\|[])};this.getTooltip=t=>t.closest(this.TOOLTIP);this.updateTruncationTooltip=(t=false)=>{this.getTypographyElements().forEach((i=>{const e=this.getTooltip(i);const s=this.getCellContainer(i);if(s){if(i.closest(this.TEXT_WRAP_CLASS)){this.removeTooltip(s,i,e);i.setAttribute("style",`${this.LINE_CLAMP_CSS_VARIABLE}: 0`);return}this.regenerateTooltip(s,i,e,t)}}))};this.updateScrollOffset=()=>{var t;const i=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelector(".table-row-container");if(i)this.scrollOffset=i.scrollTop};this.updateRowHeightForDescriptions=(t,i)=>{i.setAttribute(this.DATA_ROW_HEIGHT_STRING,t.toString());i.setAttribute("style",`${this.ROW_HEIGHT_CSS_VARIABLE}: ${t}px`)};this.getDescriptionHeight=t=>{const i=window.getComputedStyle(t).getPropertyValue("margin-top");return t.clientHeight+parseInt(i,10)};this.updateCellHeightsWithDescriptions=()=>{var t,i;const e=d(p.XS);(i=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelectorAll(this.CELL_DESCRIPTION_STRING))===null\|\|i===void 0?void 0:i.forEach((t=>{const i=t.closest(`.${this.CELL_CONTAINER_WITH_DESCRIPTION_STRING}`);const s=i===null\|\|i===void 0?void 0:i.querySelector(this.IC_TYPOGRAPHY_STRING);if(s&&i&&this.globalRowHeight&&this.globalRowHeight!=="auto"){const a=this.getDescriptionHeight(t);const l=a+this.DEFAULT_LINE_HEIGHT;if(!s.textContent&&l>this.globalRowHeight){this.updateRowHeightForDescriptions(a,i)}else if(this.truncationPattern===this.TOOLTIP_STRING){if(l>this.globalRowHeight){const t=i.querySelector(".icon");let s=l;if(t&&e){s+=t.clientHeight}this.updateRowHeightForDescriptions(s,i)}this.addLineClampCSS(s,i)}else if(this.truncationPattern===this.SHOW_HIDE_STRING&&l>this.globalRowHeight&&s.style.getPropertyValue("--truncation-max-lines")!=="initial"){this.updateRowHeightForDescriptions(l,i);this.createShowHideTruncation(s,i,a)}}}))};this.setTableDimensions=()=>{let t={};if(this.width){t=Object.assign(Object.assign({},t),{["--table-width"]:this.width})}if(this.height){t=Object.assign(Object.assign({},t),{["--table-height"]:this.height})}if(this.maxWidth){t=Object.assign(Object.assign({},t),{["--table-max-width"]:this.maxWidth})}if(this.minWidth){t=Object.assign(Object.assign({},t),{["--table-min-width"]:this.minWidth})}return t};this.fixCellTooltip=t=>{var i,e;let s=null;const a=(i=t.shadowRoot)===null\|\|i===void 0?void 0:i.querySelector(this.IC_TOOLTIP_STRING);if(t.tagName==="IC-TOOLTIP"){s=t}else if(a){s=a}else if(((e=t.children)===null\|\|e===void 0?void 0:e.length)>0){Array.from(t.children).forEach((t=>{this.fixCellTooltip(t)}))}else{return}s===null\|\|s===void 0?void 0:s.setExternalPopperProps({strategy:"fixed"})};this.fixCellOverflow=()=>{var t,i;(i=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelectorAll(".data-type-element"))===null\|\|i===void 0?void 0:i.forEach((t=>{let i=Array.from(t.children);if(i.length===1&&i[0].tagName==="SLOT"){i=c(t)}i===null\|\|i===void 0?void 0:i.forEach((i=>{var e;if(i.tagName==="IC-SELECT"){const s=(e=i.shadowRoot)===null\|\|e===void 0?void 0:e.querySelector("ic-menu");s===null\|\|s===void 0?void 0:s.setExternalPopperProps({strategy:"fixed"});i.style.setProperty("--input-width",`${t.clientWidth}px`)}else{const t=i.querySelector("ic-popover-menu");t===null\|\|t===void 0?void 0:t.setExternalPopperProps({strategy:"fixed"})}}))}))};this.fixCellTooltips=()=>{var t,i,e,s;(i=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelectorAll(".data-type-element"))===null\|\|i===void 0?void 0:i.forEach((t=>{const i=c(t);i===null\|\|i===void 0?void 0:i.forEach((t=>{this.fixCellTooltip(t)}))}));(s=(e=this.el.shadowRoot)===null\|\|e===void 0?void 0:e.querySelectorAll(".action-element"))===null\|\|s===void 0?void 0:s.forEach((t=>{const i=t.firstChild;const e=this.getSlottedActionElement(i);if(e){this.fixCellTooltip(e)}}))};this.renderTableBody=(t,i,s)=>{if(!(i===null\|\|i===void 0?void 0:i.length))return;if(s&&t){return e("tbody",null,this.createRows())}else if(t&&!s){return null}else{return e("tbody",null,this.createRows())}};this.renderLoadingIndicator=(t,i)=>{if(!t)return null;return e(s,null,e("div",{class:"loading-overlay",ref:t=>this.loadingOverlay=t}),e("ic-loading-indicator",{theme:this.theme,monochrome:i===null\|\|i===void 0?void 0:i.monochrome,class:{"loading-empty":t,loading:true},description:(i===null\|\|i===void 0?void 0:i.description)\|\|"Loading table data",label:(i===null\|\|i===void 0?void 0:i.label)\|\|"Loading...",labelDuration:i===null\|\|i===void 0?void 0:i.labelDuration,max:i===null\|\|i===void 0?void 0:i.max,min:i===null\|\|i===void 0?void 0:i.min,progress:i===null\|\|i===void 0?void 0:i.progress,ref:t=>this.loadingIndicator=t}))};this.renderAriaLiveLoading=()=>{var t,i;if(this.loading){return((t=this.loadingOptions)===null\|\|t===void 0?void 0:t.label)\|\|"Loading..."}else if(this.updating){return((i=this.updatingOptions)===null\|\|i===void 0?void 0:i.description)\|\|"Updating table data"}else{return""}};this.renderEmptyState=(t,i,s)=>{const a=h(this.el,"empty-state")?e("slot",{name:"empty-state"}):e("ic-empty-state",{aligned:"center",heading:"No Data",class:"loading-empty"});if(t&&!(i===null\|\|i===void 0?void 0:i.length)&&s){return a}else if(!t&&!(i===null\|\|i===void 0?void 0:i.length)){return a}else{return null}}}headerTruncationChangeHandler(){var t,i;if(this.columnHeaderTruncation){this.prevTableContainerWidth=0}else{(i=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelectorAll("th.column-header"))===null\|\|i===void 0?void 0:i.forEach((t=>{var i;(i=t.querySelector(this.IC_TOOLTIP_STRING))===null\|\|i===void 0?void 0:i.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING)}))}}columnsChangeHandler(){this.columnsUpdated=true}disconnectedCallback(){var t,i;(t=this.resizeObserver)===null\|\|t===void 0?void 0:t.disconnect();(i=this.headerResizeObserver)===null\|\|i===void 0?void 0:i.disconnect();window.removeEventListener("resize",this.handleResize)}componentWillLoad(){this.rowsPerPage=Number(this.paginationBarOptions.itemsPerPageOptions[0].value);this.previousRowsPerPage=this.rowsPerPage;this.toRow=this.rowsPerPage;this.sortedColumn=this.sortOptions.defaultColumn;this.sortedColumnOrder=this.sortOptions.sortOrders[0];this.loadingOptions=Object.assign({},this.loadingOptions);this.initialLoad=true;this.previousItemsPerPage=this.rowsPerPage}componentDidLoad(){var t,i;const e=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelector("table");const s=(i=this.el.shadowRoot)===null\|\|i===void 0?void 0:i.querySelector(".table-container");u(this.runHeaderResizeObserver);if(this.dataUpdated){this.dataUpdated=false}if(e&&s&&(e.clientHeight>s.clientHeight\|\|e.clientWidth>s.clientWidth)){this.scrollable=true}if(this.loading){this.startLoadingTimer();this.showLoadingIndicator()}if(this.truncationPattern){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(i&&!i.classList.contains(this.TEXT_WRAP_STRING)){this.dataTruncation(t,i);this.resizeObserver=new ResizeObserver(v((()=>{this.dataTruncation(t,i);if(!this.isNewDebounceDelaySet){this.debounceDelay=200;this.isNewDebounceDelaySet=true}}),(()=>this.debounceDelay)));this.resizeObserver.observe(t)}}))}if(this.globalRowHeight!=="auto"){this.updateSetRowHeight()}window.addEventListener("resize",this.handleResize);this.icColumnsLoaded.emit();if(this.data&&!this.loading&&!this.updating)this.icDataLoaded.emit()}componentDidUpdate(){if(this.truncationPattern===this.SHOW_HIDE_STRING\|\|this.truncationPattern===this.TOOLTIP_STRING){if(this.dataUpdated){this.truncateUpdatedData()}if(this.tableSorted){this.truncateTableSorted()}if(this.rowHeightSet){this.truncateRowHeightSet()}if(this.itemsPerPageChange){this.truncateItemsPerPageChange()}if(!this.initialLoad&&this.icPageChangeEvent){this.truncatePageChange()}if(this.densityUpdate){this.truncateDensityUpdate()}if(this.truncationPatternUpdated){this.truncatePatternUpdated()}}if(this.columnsUpdated){this.icColumnsLoaded.emit();this.columnsUpdated=false}if(this.dataUpdated&&!this.loading&&!this.updating){this.icDataLoaded.emit();this.dataUpdated=false}}componentDidRender(){this.fixCellTooltips();this.fixCellOverflow();this.updateCellHeightsWithDescriptions();this.adjustWidthForActionElement()}createShowHideTruncation(t,i,e=0){t.checkMaxLines(t.scrollHeight);t.setAttribute("max-lines",`${this.getLines(i.clientHeight-e)}`);t.setShowHideExpanded(false);i.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,null)}addTooltipTruncation(t,i,e){this.addLineClampCSS(t,i);if(!e){this.createTruncationTooltip(t,i)}}addShowHideTruncation(t,i){t.classList.add(this.SHOW_HIDE_CSS_CLASS);this.createShowHideTruncation(i,t)}handleTypographyTruncationExpandToggle({detail:t}){const{expanded:i,typographyEl:e}=t;const s=this.getCellContainer(e);if((s===null\|\|s===void 0?void 0:s.style.getPropertyValue(this.ROW_HEIGHT_CSS_VARIABLE))&&i){s.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,"inherit")}}handlePageChange({detail:t,target:i}){var e;if(i.parentElement!==this.el){this.fromRow=(t.value-1)*this.rowsPerPage;this.toRow=this.fromRow+this.rowsPerPage;const i=(e=this.el.shadowRoot)===null\|\|e===void 0?void 0:e.querySelector(".table-row-container");if(i){if(this.previousRowsPerPage===this.rowsPerPage){i.scrollTop=0}else if(this.previousRowsPerPage<this.rowsPerPage){i.scrollTop=this.scrollOffset;this.previousRowsPerPage=this.rowsPerPage}else{this.previousRowsPerPage=this.rowsPerPage}}this.selectedRows=[]}if(!this.initialLoad&&this.previousPaginationPage!==t.value){this.icPageChangeEvent=true}this.previousPaginationPage=t.value;this.initialLoad=false}handleItemsPerPageChange({detail:t,target:i}){if(i.parentElement!==this.el){this.previousRowsPerPage=this.rowsPerPage;this.rowsPerPage=t.value}this.itemsPerPageChange=true}handleDensityChange(t){this.density=t.detail.value}loadingHandler(){if(this.loading){this.startLoadingTimer();setTimeout((()=>{this.showLoadingIndicator()}),500)}}truncationPatternHandler(){if(this.truncationPattern===this.TOOLTIP_STRING){this.resetAllShowHideTruncation();this.updateTruncationTooltip(true);this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);if(i)this.truncate(t,i,e)}))}else if(this.truncationPattern===this.SHOW_HIDE_STRING){this.updateTruncationTooltip(true);this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(i){if(this.cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight(t,i)){this.resetSingleShowHideTruncation(t,i);return}setTimeout((()=>{this.addShowHideTruncationIfNeeded(t,i)}),150)}}))}this.truncationPatternUpdated=true}async dataHandler(){this.loadingOptions=Object.assign({},this.loadingOptions);if(this.loading){!this.hasLoadedForOneSecond?setTimeout((()=>this.loading=false),this.minimumLoadingDisplayDuration-(Date.now()-this.timerStarted)):this.loading=false}if(this.updating)this.updating=false;this.dataUpdated=true}async densityHandler(){this.densityUpdate=true}rowHeightChangeHandler(t,i){if(+t!==+i){this.deleteTextWrapDataKey(this.data);this.deleteTextWrapDataKey(this.columns);this.removeTextWrap();this.icRowHeightChange.emit();this.rowHeightSet=true}}async resetRowHeights(t){this.globalRowHeight=t\|\|"auto";this.variableRowHeight=undefined}showLoadingIndicator(){var t,i,e;if((t=this.loadingOptions)===null\|\|t===void 0?void 0:t.overlay){(i=this.loadingOverlay)===null\|\|i===void 0?void 0:i.classList.add("show")}(e=this.loadingIndicator)===null\|\|e===void 0?void 0:e.classList.add("show")}regenerateTooltip(t,i,e,s){if(e){if(this.tableSorted){e.setAttribute("target",i.id);e.setAttribute("label",i.textContent)}else{this.removeTooltip(t,i,e)}if(s){return}}if(!i.getAttribute("style")&&this.dataUpdated){this.addLineClampCSS(i,t)}if((i===null\|\|i===void 0?void 0:i.scrollHeight)>(t===null\|\|t===void 0?void 0:t.clientHeight)&&this.truncationPattern===this.TOOLTIP_STRING){if(!i.getAttribute("style")\|\|i.style.cssText.includes(`${this.LINE_CLAMP_CSS_VARIABLE}: 0;`)){this.addLineClampCSS(i,t)}if(!t.querySelector(this.IC_TOOLTIP_STRING))this.createTruncationTooltip(i,t)}}removeTooltip(t,i,e){var s;(s=t.querySelector(this.CELL_TEXT_WRAPPER_STRING))===null\|\|s===void 0?void 0:s.prepend(i);e===null\|\|e===void 0?void 0:e.remove()}addLineClampCSS(t,i){var e,s;const a=(e=i.querySelector(this.CELL_DESCRIPTION_STRING))===null\|\|e===void 0?void 0:e.clientHeight;const l=i.clientHeight;let o=l;if(i.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)&&a&&l>a){const t=d(p.XS)&&((s=i===null\|\|i===void 0?void 0:i.querySelector(".icon"))===null\|\|s===void 0?void 0:s.clientHeight)\|\|0;o=o-a-t}t.setAttribute("style",`${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(o\|\|0)}`)}createTruncationTooltip(t,i){var e;const s=document.createElement(this.IC_TOOLTIP_STRING);s.setAttribute("target",t.id);s.setAttribute("label",t.textContent);s.classList.add("ic-tooltip-overflow");s.setExternalPopperProps({strategy:"fixed"});(e=i.querySelector(this.CELL_TEXT_WRAPPER_STRING))===null\|\|e===void 0?void 0:e.prepend(s);s.prepend(t)}render(){var t,i;const{caption:s,columns:l,createColumnHeaders:o,createUpdatingIndicator:n,data:r,density:d,embedded:c,hideColumnHeaders:u,rowSelection:v,loading:p,loadingOptions:g,paginationBarOptions:b,rowsPerPage:f,scrollable:m,scrollOffset:w,selectAllRows:y,selectedRows:x,showPagination:k,sortable:$,sortedColumn:O,sortedColumnOrder:j,stickyColumnHeaders:C,updateScrollOffset:P,updating:H,tableLayout:T,theme:L}=this;const z=x.length>0;const I=x.length===(k?f:r===null\|\|r===void 0?void 0:r.length);const S=z?I?"deselect all":"select all remaining":"select all";return e(a,{key:"2cb5ec3e006563c9f004c34c20ec8a07c2869b72",style:Object.assign({},this.setTableDimensions()),class:{[`ic-theme-${L}`]:L!=="inherit",[`ic-data-table-show-pagination`]:!!k,[`ic-data-table-embedded`]:!!c}},e("div",{key:"5318a1c4d87fd8794de4fcdb5562e3f928a2de29",class:"table-container"},h(this.el,"title-bar")&&e("slot",{key:"4d0db56085a87c58698b7a5562ba5c801376c1cb",name:"title-bar"}),e("div",{key:"1dfefc725dd335261b2f9ec6c91d41dda59224a9",class:{["table-row-container"]:true,scrollable:m},tabIndex:m?0:undefined,onScroll:P},e("table",{key:"dcbe3ba57d29d0f152305f8c0f72cd405be2f4af",style:{"--table-layout":T}},e("caption",{key:"0beabaa339bff693f17adac6db3192d25ff4a33c",class:"table-caption"},s),!u&&e("thead",{key:"b170ffc30468121b456a85afc855f6327d1e135f",class:{["column-header-sticky"]:C,["column-header-overlay"]:C&&w!==0}},e("tr",{key:"ca05651983eb87c6258a1ec6040d9f6ce9881128"},v&&r&&e("th",{key:"ba010d39dd2f080cde99a92b3f66b8d600681b6b",class:{"column-header":true,"checkbox-cell":true,"updating-state-headers":H&&!p,[`table-density-${d}`]:this.notDefaultDensity()}},e("div",{key:"7dccd2d21c76265186cff95bbd53a4aab380e946",class:"checkbox-wrapper"},e("ic-checkbox",{key:"b26fa8b7b59152226b6f58bb0fb46d071ddf484c",class:"ic-data-table-checkbox",checked:z&&I,disabled:H\|\|p,hideLabel:true,indeterminate:z&&!I,label:`${s} ${S} rows`,nativeIndeterminateBehaviour:true,onIcCheck:()=>y(),size:d==="dense"?"small":"medium",value:s}))),o())),H&&!p&&(u?e("thead",null,n()):n()),this.renderTableBody(p,r,g===null\|\|g===void 0?void 0:g.overlay)),this.renderEmptyState(p,r,g===null\|\|g===void 0?void 0:g.overlay)),e("div",{key:"af7e79173d942f15a9c2fe4d644ab33e28bbe17e","aria-live":"assertive",class:"sr-only"},this.renderAriaLiveLoading()),this.renderLoadingIndicator(p,g),(k\|\|h(this.el,"pagination-bar"))&&e("div",{key:"ba71922427b73925df1750591b12b50d708bc417",class:"pagination-container"},h(this.el,"pagination-bar")?e("slot",{name:"pagination-bar"}):e("ic-pagination-bar",{alignment:b.alignment,hideAllFromItemsPerPage:b.hideAllFromItemsPerPage,hideRangeLabel:b.hideRangeLabel,itemLabel:b.itemLabel,itemsPerPageOptions:b.itemsPerPageOptions,monochrome:b.monochrome,pageLabel:b.pageLabel,rangeLabelType:b.rangeLabelType,selectedItemsPerPage:b.selectedItemsPerPage,selectItemsPerPageOnEnter:b.selectItemsPerPageOnEnter,setToFirstPageOnPaginationChange:b.setToFirstPageOnPaginationChange,showGoToPageControl:b.showGoToPageControl,showItemsPerPageControl:b.showItemsPerPageControl,theme:L,totalItems:(t=r===null\|\|r===void 0?void 0:r.length)!==null&&t!==void 0?t:0,type:b.type})),$&&e("div",{key:"e3c536b4e5e74caf6e0fae1c180729da79639781",class:"screen-reader-sort-text","aria-live":"polite"},j!=="unsorted"&&O?`${((i=l.find((t=>t.key===O)))===null\|\|i===void 0?void 0:i.title)\|\|O} sorted ${j}`:"table unsorted")))}get el(){return l(this)}static get watchers(){return{columnHeaderTruncation:["headerTruncationChangeHandler"],columns:["columnsChangeHandler"],loading:["loadingHandler"],truncationPattern:["truncationPatternHandler"],data:["dataHandler"],density:["densityHandler"],globalRowHeight:["rowHeightChangeHandler"],variableRowHeight:["rowHeightChangeHandler"]}}};x.style=y;export{x as ic_data_table};
2	+ //# sourceMappingURL=p-a8cc28a6.entry.js.map