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

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

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

package/dist/esm/ic-side-navigation.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7a720e7.js';
 import { c as closeIcon } from './close-icon-c9e09475.js';
 import { C as Chevron } from './chevron-icon-875b7af2.js';
-import { x as getCssProperty, f as getCurrentDeviceSize, D as DEVICE_SIZES, g as getBrandForegroundAppearance, i as isSlotUsed, G as isEmptyString, h as checkResizeObserver, o as onComponentRequiredPropUndefined, q as hasClassificationBanner, I as IcBrandForegroundEnum, e as isPropDefined } from './helpers-fee7d348.js';
+import { x as getCssProperty, f as getCurrentDeviceSize, D as DEVICE_SIZES, g as getBrandForegroundAppearance, i as isSlotUsed, G as isEmptyString, h as checkResizeObserver, o as onComponentRequiredPropUndefined, q as hasClassificationBanner, I as IcBrandForegroundEnum, e as isPropDefined } from './helpers-1dbd527e.js';
 const menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
   <path d="M0 0h24v24H0V0z" fill="none" />

package/dist/esm/ic-status-tag.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-a7a720e7.js';
-import { o as onComponentRequiredPropUndefined } from './helpers-fee7d348.js';
+import { o as onComponentRequiredPropUndefined } from './helpers-1dbd527e.js';
 const icStatusTagCss = "/*! 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}.tag{padding:var(--ic-space-xxs) var(--ic-space-sm);font-size:0.875rem;border-radius:var(--ic-space-md);display:inline-block;min-width:2.5rem;text-align:center;--ic-typography-color:var(--ic-status-tag-text)}.small{padding:var(--ic-space-xxxs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.large{padding:var(--ic-space-xs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.filled-neutral{background-color:var(--ic-status-tag-neutral)}.filled-success{background-color:var(--ic-status-tag-success)}.filled-warning{background-color:var(--ic-status-tag-warning);--ic-typography-color:var(--ic-status-tag-filled-warning-text)}.filled-danger{background-color:var(--ic-status-tag-error)}.outlined{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.small{padding:var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined-neutral{background-color:var(--ic-status-tag-outlined-background-neutral);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-success{background-color:var(--ic-status-tag-outlined-background-success);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-success);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-warning{background-color:var(--ic-status-tag-outlined-background-warning);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-danger{background-color:var(--ic-status-tag-outlined-background-error);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-error);--ic-typography-color:var(--ic-status-tag-text-inverted)}@media (forced-colors: active){.tag{border:var(--ic-border-hc);-ms-high-contrast-adjust:none;forced-color-adjust:none;--ic-typography-color:var(--ic-status-tag-text)}}";
 const IcStatusTagStyle0 = icStatusTagCss;

package/dist/esm/ic-step.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-a7a720e7.js';
 import { C as Check } from './check-icon-f2346e76.js';
-import { e as isPropDefined } from './helpers-fee7d348.js';
+import { e as isPropDefined } from './helpers-1dbd527e.js';
 const warningIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>
@@ -16,6 +16,19 @@ const Step = class {
          * @internal If `true`, and a compact stepper  is being used, the current step will be the only step in view.
          */
         this.current = false;
+        /**
+         * Words within the component that can be replaced to translate the component into a different language
+         */
+        this.icI18n = {
+            next: "Next",
+            step: "Step",
+            of: "of",
+            lastStep: "Last step",
+            completed: "Completed",
+            notRequired: "Not required",
+            required: "Required",
+            optional: "Optional",
+        };
         /**
          * @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.
          */
@@ -35,96 +48,95 @@ const Step = class {
     }
     render() {
         var _a, _b;
+        const { compactStepStyling, current, heading, icI18n, lastStep, lastStepNum, nextStepHeading, progress, status, stepNum, subheading, theme, type, variant, } = this;
         // ARIA LABEL
         let ariaLabel = "";
-        if (this.type === "completed") {
-            ariaLabel = ". Completed step";
+        if (type === "completed") {
+            ariaLabel = `. ${icI18n.completed}`;
         }
-        else if (this.type === "disabled") {
-            ariaLabel = ". Non-required step";
+        else if (type === "disabled") {
+            ariaLabel = `. ${icI18n.notRequired}`;
         }
-        else if (this.status === "required") {
-            ariaLabel = ". Required step";
+        else if (status === "required") {
+            ariaLabel = `. ${icI18n.required}`;
         }
-        else if (this.status === "optional") {
-            ariaLabel = ". Optional step";
+        else if (status === "optional") {
+            ariaLabel = `. ${icI18n.optional}`;
         }
         // STEP STATUS
         let stepStatus;
-        if (this.status && isPropDefined(this.status)) {
-            stepStatus = this.status[0].toUpperCase() + this.status.slice(1);
+        if (status && isPropDefined(status)) {
+            stepStatus = status[0].toUpperCase() + status.slice(1);
         }
         // STEP TYPE
         let stepType;
-        if (this.type === "disabled" || this.compactStepStyling === "disabled") {
-            stepType = "Not required";
+        if (type === "disabled" || compactStepStyling === "disabled") {
+            stepType = icI18n.notRequired;
         }
-        else if (this.compactStepStyling === "completed") {
-            stepType = "Completed";
+        else if (compactStepStyling === "completed") {
+            stepType = icI18n.completed;
         }
         // STATUS ICON FOR COMPACT STEP
         let statusIcon;
-        if (this.type === "completed" || this.compactStepStyling === "completed") {
-            statusIcon = (h("span", { key: '31e62d15ef4e1b19777678e5d0c8d3c3e1576b9b', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: Check }));
+        if (type === "completed" || compactStepStyling === "completed") {
+            statusIcon = (h("span", { key: '8c76808f7d75f2d9ae6293209ef86bae0e79716d', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: Check }));
         }
-        else if (this.type === "disabled" ||
-            this.compactStepStyling === "disabled") {
-            statusIcon = (h("span", { key: '6f4911859d103732d5f2133a26dc4e05cd6a3d22', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
+        else if (type === "disabled" || compactStepStyling === "disabled") {
+            statusIcon = (h("span", { key: '16ba6a8045db3f5694f7546a5458b6f91261d814', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
         }
         // COMPACT STEP COMPONENT
-        const compactStep = (h("div", { key: '3abb768b9f5072d26314ea3af8d8a1d15950aef2', class: {
+        const compactStep = (h("div", { key: '914fd4dade3b6900052b9ac08f665610f10ee467', class: {
                 ["step"]: true,
-                ["current"]: !!this.current,
-                [`compact-step-${this.compactStepStyling}`]: !!this.compactStepStyling,
-                ["disabled"]: this.type === "disabled" || this.compactStepStyling === "disabled",
-            } }, h("ic-loading-indicator", { key: '01610eac2cb0eee7b3ee0f22de7d9cd8cf34f140', class: {
+                ["current"]: !!current,
+                [`compact-step-${compactStepStyling}`]: !!compactStepStyling,
+                ["disabled"]: type === "disabled" || compactStepStyling === "disabled",
+            } }, h("ic-loading-indicator", { key: '4679914758455a299e8bab80e4640fa3fcdb6a18', class: {
                 "compact-step-progress-indicator": true,
-                "not-required": this.type === "disabled" ||
-                    this.compactStepStyling === "disabled",
-            }, "aria-hidden": "true", size: "small", "inner-label": this.stepNum, progress: this.progress }), h("div", { key: '62012e70159993ed1706bd81d44f349390393c84', class: "heading-area" }, h("ic-typography", { key: 'd7a88dc3a430c3278427c7ca05dfd4bad39e1142', variant: "h4", class: "heading" }, this.heading), h("div", { key: 'd05bb42194a52eb5bc348a254e925b3b6471c1a9', class: "info-line" }, h("ic-typography", { key: '0eb058bb2dd87513830a34885623cfe67c28013b', variant: "caption", class: "step-num" }, `${this.stepNum} of ${this.lastStepNum}`, h("span", { key: '9ce66855d6b9776dbd1fcd8c0d55b3361cd97fa3', class: "visually-hidden" }, " steps")), (this.subheading ||
-            this.type === "completed" ||
-            this.type === "disabled" ||
+                "not-required": type === "disabled" || compactStepStyling === "disabled",
+            }, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), h("div", { key: '7666cfe7acb4966bcb1baa07f457dba6b21120b5', class: "heading-area" }, h("ic-typography", { key: '247088bc17d4ed998e5d04150e4a2e0c0a0185b2', variant: "h4", class: "heading" }, heading), h("div", { key: 'bf63017723f6db8ccbb27583a2f04a548c596ea9', class: "info-line" }, h("ic-typography", { key: '621c958bc31df3631b808a8055d964d71ba97388', variant: "caption", class: "step-num" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, h("span", { key: 'e08ea47dd3a11327ca6ee4b8e0d75f292c8c812f', class: "visually-hidden" }, " steps")), (this.subheading ||
+            type === "completed" ||
+            type === "disabled" ||
             (this.variant === "compact" &&
-                !!this.compactStepStyling &&
-                this.compactStepStyling !== "active") ||
-            !!this.status) && (h("div", { key: 'a9fad93fb213aea850b57a508b2cfd18e66a4601', class: "step-status" }, statusIcon !== undefined && statusIcon, (this.subheading || stepType) && (h("ic-typography", { key: 'c7efc458915ba355ab46bb7764685cb72a725742', variant: "caption" }, this.subheading !== null && isPropDefined(this.subheading)
-            ? this.subheading
-            : this.type === "disabled" ||
-                (this.variant === "compact" &&
-                    this.compactStepStyling === "disabled") ||
-                this.type === "completed" ||
-                (this.variant === "compact" &&
-                    this.compactStepStyling === "completed")
+                !!compactStepStyling &&
+                compactStepStyling !== "active") ||
+            !!status) && (h("div", { key: '7614152c3bfad5b936e206e3ab9c295763f2569c', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (h("ic-typography", { key: '8c1e5c2b326a40237d5e3ef5ed1bcdec7c8f8132', variant: "caption" }, subheading !== null && isPropDefined(subheading)
+            ? subheading
+            : type === "disabled" ||
+                (variant === "compact" &&
+                    compactStepStyling === "disabled") ||
+                type === "completed" ||
+                (variant === "compact" &&
+                    compactStepStyling === "completed")
                 ? stepType
-                : this.status && stepStatus))))), this.lastStep ? (h("ic-typography", { variant: "subtitle-small", class: "next-step" }, "Last step")) : (isPropDefined(this.nextStepHeading) && (h("ic-typography", { variant: "subtitle-small", class: "next-step" }, "Next", h("span", { class: "visually-hidden" }, " step is"), ":", " ", this.nextStepHeading))))));
+                : 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))))));
         // ICON FOR DEFAULT STEP
         let icon;
-        if (this.type !== "completed") {
-            icon = (h("ic-typography", { key: 'f2730d318e4fd63b63fdacafcb71a58cebbe2f59', variant: "subtitle-small" }, h("span", { key: '03a7ddac3f3ded528cf1a46097a81a0e2568e3c6', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
+        if (type !== "completed") {
+            icon = (h("ic-typography", { key: 'ffa20478aed6b35a92c1cc1f16ebcebb97492553', variant: "subtitle-small" }, h("span", { key: 'ed4a75d2aab01948cd6417c697a0c150d9f1d262', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
         }
         else {
-            icon = (h("div", { key: '58fb2c4ee87edb92d49134763cbadd79f0c9a54e', class: "step-icon-inner", "aria-hidden": "true" }, h("span", { key: '71753c297cf27e8bcdbcc33e1677d8e890ebc14b', class: "check-icon", innerHTML: Check })));
+            icon = (h("div", { key: 'b50a1c3094e7f1328d0f86ab10892afcd8a3c41a', class: "step-icon-inner", "aria-hidden": "true" }, h("span", { key: '8c277146b4a653097a7e8ec5ceff6112e667ac38', class: "check-icon", innerHTML: Check })));
         }
         // STEP CONNECT FOR DEFAULT STEP
-        const partialBar = this.type === "current" && (h("div", { key: 'a6bd5f3e2a433845a1e55fbd5b714ea8c87f44d5', class: "step-connect-inner" }));
-        const finalStep = !this.lastStep && (h("div", { key: '28a9ba2a0fc5d7219e5bb5fa70696a62aa511b6d', class: {
+        const partialBar = type === "current" && (h("div", { key: '5bc99a6129f3dfffc9b57175a2a18fd589a07557', class: "step-connect-inner" }));
+        const finalStep = !lastStep && (h("div", { key: 'e16d56443005483e87a58164452d57fe93ccbaca', class: {
                 ["step-connect"]: true,
                 ["aligned-full-width"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains("ic-stepper-default")) &&
                     !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
             } }, partialBar));
         // DEFAULT STEP COMPONENT
-        const defaultStep = (h("div", { key: 'fdef2ca76d51403edda89814d7c3bd359fa371ab', class: {
+        const defaultStep = (h("div", { key: 'd50917250a7ce0866f877bf7b957a45789059240', class: {
                 ["step"]: true,
-                [`${this.type}`]: true,
-            } }, h("div", { key: '10a8908e0b3022b68255d0062d49cf9db75d3277', class: "step-top" }, h("div", { key: '70d65414701e912b38d6b28bc49527f83c389849', class: "step-icon" }, icon), finalStep), (this.heading || this.subheading || this.status) && (h("div", { key: 'b0f5ba114b2076b647b48e886620b72b60c68e07', class: "heading-area" }, this.heading && (h("ic-typography", { key: '7be124b0b48932cd6f66264376a49b6387c5f6cc', variant: "subtitle-large", class: "heading" }, this.heading)), this.heading && (this.subheading || this.status) && (h("ic-typography", { key: 'cc27e08a365f008d259cc67862fb7c92728dd3bc', variant: "caption", class: "subheading" }, this.subheading !== null && isPropDefined(this.subheading)
-            ? this.subheading
+                [`${type}`]: true,
+            } }, h("div", { key: 'c90e98efccf917d2327958e5bd0a722561e3e661', class: "step-top" }, h("div", { key: '2ae403e7604d97633da0f5df80665626312e6d98', class: "step-icon" }, icon), finalStep), (heading || subheading || status) && (h("div", { key: '0b028ca96dd4ba62da9a77327575af1178b95e87', class: "heading-area" }, heading && (h("ic-typography", { key: '19127034e751855cf6b817d4afe4e4b6e1542321', variant: "subtitle-large", class: "heading" }, heading)), heading && (subheading || status) && (h("ic-typography", { key: '1faa4f2dfc841105d9989e442360c44d0b162f4d', variant: "caption", class: "subheading" }, subheading !== null && isPropDefined(subheading)
+            ? subheading
             : stepStatus))))));
-        return (h(Host, { key: '0fa86f597f22a806165b7583eb39d4bbdccc4d40', role: "listitem", "aria-label": `Step ${this.stepNum}${ariaLabel}`, "aria-current": (this.current || this.type === "current") && "step", class: {
+        return (h(Host, { key: '05bb1106d2259fca749c197e79caa408dc237326', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
                 ["aligned-full-width"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains("ic-stepper-default")) &&
                     !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
-                [`ic-step-${this.variant}`]: true,
-                [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, this.variant === "compact" ? compactStep : defaultStep));
+                [`ic-step-${variant}`]: true,
+                [`ic-theme-${theme}`]: this.theme !== "inherit",
+            } }, variant === "compact" ? compactStep : defaultStep));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ic-step.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ic-step.entry.js","mappings":"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","names":["checkIcon"],"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 @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 // ARIA LABEL\n let ariaLabel = \"\";\n if (this.type === \"completed\") {\n ariaLabel = \". Completed step\";\n }\n else if (this.type === \"disabled\") {\n ariaLabel = \". Non-required step\";\n }\n else if (this.status === \"required\") {\n ariaLabel = \". Required step\";\n }\n else if (this.status === \"optional\") {\n ariaLabel = \". Optional step\";\n }\n // STEP STATUS\n let stepStatus;\n if (this.status && isPropDefined(this.status)) {\n stepStatus = this.status[0].toUpperCase() + this.status.slice(1);\n }\n // STEP TYPE\n let stepType;\n if (this.type === \"disabled\" \|\| this.compactStepStyling === \"disabled\") {\n stepType = \"Not required\";\n }\n else if (this.compactStepStyling === \"completed\") {\n stepType = \"Completed\";\n }\n // STATUS ICON FOR COMPACT STEP\n let statusIcon;\n if (this.type === \"completed\" \|\| this.compactStepStyling === \"completed\") {\n statusIcon = (h(\"span\", { key: '31e62d15ef4e1b19777678e5d0c8d3c3e1576b9b', class: \"check-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: checkIcon }));\n }\n else if (this.type === \"disabled\" \|\|\n this.compactStepStyling === \"disabled\") {\n statusIcon = (h(\"span\", { key: '6f4911859d103732d5f2133a26dc4e05cd6a3d22', class: \"warning-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: warningIcon }));\n }\n // COMPACT STEP COMPONENT\n const compactStep = (h(\"div\", { key: '3abb768b9f5072d26314ea3af8d8a1d15950aef2', class: {\n [\"step\"]: true,\n [\"current\"]: !!this.current,\n [`compact-step-${this.compactStepStyling}`]: !!this.compactStepStyling,\n [\"disabled\"]: this.type === \"disabled\" \|\| this.compactStepStyling === \"disabled\",\n } }, h(\"ic-loading-indicator\", { key: '01610eac2cb0eee7b3ee0f22de7d9cd8cf34f140', class: {\n \"compact-step-progress-indicator\": true,\n \"not-required\": this.type === \"disabled\" \|\|\n this.compactStepStyling === \"disabled\",\n }, \"aria-hidden\": \"true\", size: \"small\", \"inner-label\": this.stepNum, progress: this.progress }), h(\"div\", { key: '62012e70159993ed1706bd81d44f349390393c84', class: \"heading-area\" }, h(\"ic-typography\", { key: 'd7a88dc3a430c3278427c7ca05dfd4bad39e1142', variant: \"h4\", class: \"heading\" }, this.heading), h(\"div\", { key: 'd05bb42194a52eb5bc348a254e925b3b6471c1a9', class: \"info-line\" }, h(\"ic-typography\", { key: '0eb058bb2dd87513830a34885623cfe67c28013b', variant: \"caption\", class: \"step-num\" }, `${this.stepNum} of ${this.lastStepNum}`, h(\"span\", { key: '9ce66855d6b9776dbd1fcd8c0d55b3361cd97fa3', class: \"visually-hidden\" }, \" steps\")), (this.subheading \|\|\n this.type === \"completed\" \|\|\n this.type === \"disabled\" \|\|\n (this.variant === \"compact\" &&\n !!this.compactStepStyling &&\n this.compactStepStyling !== \"active\") \|\|\n !!this.status) && (h(\"div\", { key: 'a9fad93fb213aea850b57a508b2cfd18e66a4601', class: \"step-status\" }, statusIcon !== undefined && statusIcon, (this.subheading \|\| stepType) && (h(\"ic-typography\", { key: 'c7efc458915ba355ab46bb7764685cb72a725742', variant: \"caption\" }, this.subheading !== null && isPropDefined(this.subheading)\n ? this.subheading\n : this.type === \"disabled\" \|\|\n (this.variant === \"compact\" &&\n this.compactStepStyling === \"disabled\") \|\|\n this.type === \"completed\" \|\|\n (this.variant === \"compact\" &&\n this.compactStepStyling === \"completed\")\n ? stepType\n : this.status && stepStatus))))), this.lastStep ? (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, \"Last step\")) : (isPropDefined(this.nextStepHeading) && (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, \"Next\", h(\"span\", { class: \"visually-hidden\" }, \" step is\"), \":\", \" \", this.nextStepHeading))))));\n // ICON FOR DEFAULT STEP\n let icon;\n if (this.type !== \"completed\") {\n icon = (h(\"ic-typography\", { key: 'f2730d318e4fd63b63fdacafcb71a58cebbe2f59', variant: \"subtitle-small\" }, h(\"span\", { key: '03a7ddac3f3ded528cf1a46097a81a0e2568e3c6', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, this.stepNum)));\n }\n else {\n icon = (h(\"div\", { key: '58fb2c4ee87edb92d49134763cbadd79f0c9a54e', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, h(\"span\", { key: '71753c297cf27e8bcdbcc33e1677d8e890ebc14b', class: \"check-icon\", innerHTML: checkIcon })));\n }\n // STEP CONNECT FOR DEFAULT STEP\n const partialBar = this.type === \"current\" && (h(\"div\", { key: 'a6bd5f3e2a433845a1e55fbd5b714ea8c87f44d5', class: \"step-connect-inner\" }));\n const finalStep = !this.lastStep && (h(\"div\", { key: '28a9ba2a0fc5d7219e5bb5fa70696a62aa511b6d', 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: 'fdef2ca76d51403edda89814d7c3bd359fa371ab', class: {\n [\"step\"]: true,\n [`${this.type}`]: true,\n } }, h(\"div\", { key: '10a8908e0b3022b68255d0062d49cf9db75d3277', class: \"step-top\" }, h(\"div\", { key: '70d65414701e912b38d6b28bc49527f83c389849', class: \"step-icon\" }, icon), finalStep), (this.heading \|\| this.subheading \|\| this.status) && (h(\"div\", { key: 'b0f5ba114b2076b647b48e886620b72b60c68e07', class: \"heading-area\" }, this.heading && (h(\"ic-typography\", { key: '7be124b0b48932cd6f66264376a49b6387c5f6cc', variant: \"subtitle-large\", class: \"heading\" }, this.heading)), this.heading && (this.subheading \|\| this.status) && (h(\"ic-typography\", { key: 'cc27e08a365f008d259cc67862fb7c92728dd3bc', variant: \"caption\", class: \"subheading\" }, this.subheading !== null && isPropDefined(this.subheading)\n ? this.subheading\n : stepStatus))))));\n return (h(Host, { key: '0fa86f597f22a806165b7583eb39d4bbdccc4d40', role: \"listitem\", \"aria-label\": `Step ${this.stepNum}${ariaLabel}`, \"aria-current\": (this.current \|\| this.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-${this.variant}`]: true,\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n } }, this.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 \"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"],"version":3}
1	+ {"file":"ic-step.entry.js","mappings":"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","names":["checkIcon"],"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 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: '8c76808f7d75f2d9ae6293209ef86bae0e79716d', class: \"check-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: checkIcon }));\n }\n else if (type === \"disabled\" \|\| compactStepStyling === \"disabled\") {\n statusIcon = (h(\"span\", { key: '16ba6a8045db3f5694f7546a5458b6f91261d814', class: \"warning-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: warningIcon }));\n }\n // COMPACT STEP COMPONENT\n const compactStep = (h(\"div\", { key: '914fd4dade3b6900052b9ac08f665610f10ee467', class: {\n [\"step\"]: true,\n [\"current\"]: !!current,\n [`compact-step-${compactStepStyling}`]: !!compactStepStyling,\n [\"disabled\"]: type === \"disabled\" \|\| compactStepStyling === \"disabled\",\n } }, h(\"ic-loading-indicator\", { key: '4679914758455a299e8bab80e4640fa3fcdb6a18', 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: '7666cfe7acb4966bcb1baa07f457dba6b21120b5', class: \"heading-area\" }, h(\"ic-typography\", { key: '247088bc17d4ed998e5d04150e4a2e0c0a0185b2', variant: \"h4\", class: \"heading\" }, heading), h(\"div\", { key: 'bf63017723f6db8ccbb27583a2f04a548c596ea9', class: \"info-line\" }, h(\"ic-typography\", { key: '621c958bc31df3631b808a8055d964d71ba97388', variant: \"caption\", class: \"step-num\" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, h(\"span\", { key: 'e08ea47dd3a11327ca6ee4b8e0d75f292c8c812f', class: \"visually-hidden\" }, \" steps\")), (this.subheading \|\|\n type === \"completed\" \|\|\n type === \"disabled\" \|\|\n (this.variant === \"compact\" &&\n !!compactStepStyling &&\n compactStepStyling !== \"active\") \|\|\n !!status) && (h(\"div\", { key: '7614152c3bfad5b936e206e3ab9c295763f2569c', class: \"step-status\" }, statusIcon !== undefined && statusIcon, (subheading \|\| stepType) && (h(\"ic-typography\", { key: '8c1e5c2b326a40237d5e3ef5ed1bcdec7c8f8132', 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: 'ffa20478aed6b35a92c1cc1f16ebcebb97492553', variant: \"subtitle-small\" }, h(\"span\", { key: 'ed4a75d2aab01948cd6417c697a0c150d9f1d262', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, this.stepNum)));\n }\n else {\n icon = (h(\"div\", { key: 'b50a1c3094e7f1328d0f86ab10892afcd8a3c41a', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, h(\"span\", { key: '8c277146b4a653097a7e8ec5ceff6112e667ac38', class: \"check-icon\", innerHTML: checkIcon })));\n }\n // STEP CONNECT FOR DEFAULT STEP\n const partialBar = type === \"current\" && (h(\"div\", { key: '5bc99a6129f3dfffc9b57175a2a18fd589a07557', class: \"step-connect-inner\" }));\n const finalStep = !lastStep && (h(\"div\", { key: 'e16d56443005483e87a58164452d57fe93ccbaca', 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: 'd50917250a7ce0866f877bf7b957a45789059240', class: {\n [\"step\"]: true,\n [`${type}`]: true,\n } }, h(\"div\", { key: 'c90e98efccf917d2327958e5bd0a722561e3e661', class: \"step-top\" }, h(\"div\", { key: '2ae403e7604d97633da0f5df80665626312e6d98', class: \"step-icon\" }, icon), finalStep), (heading \|\| subheading \|\| status) && (h(\"div\", { key: '0b028ca96dd4ba62da9a77327575af1178b95e87', class: \"heading-area\" }, heading && (h(\"ic-typography\", { key: '19127034e751855cf6b817d4afe4e4b6e1542321', variant: \"subtitle-large\", class: \"heading\" }, heading)), heading && (subheading \|\| status) && (h(\"ic-typography\", { key: '1faa4f2dfc841105d9989e442360c44d0b162f4d', variant: \"caption\", class: \"subheading\" }, subheading !== null && isPropDefined(subheading)\n ? subheading\n : stepStatus))))));\n return (h(Host, { key: '05bb1106d2259fca749c197e79caa408dc237326', 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; 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 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"],"version":3}

package/dist/esm/ic-stepper.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-a7a720e7.js';
-import { p as pxToRem, h as checkResizeObserver } from './helpers-fee7d348.js';
+import { p as pxToRem, h as checkResizeObserver } from './helpers-1dbd527e.js';
 const icStepperCss = ":host{display:flex;width:100%}.step-item-list{display:flex;margin:0;padding:0}:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list{flex:auto}:host(.ic-stepper-compact) ul ::slotted(ic-step){display:none}:host(.ic-stepper-compact) ul ::slotted(ic-step.show){display:flex}:host(.ic-stepper-compact) ul ::slotted(ic-step.hide){display:none;opacity:0;visibility:hidden}";
 const IcStepperStyle0 = icStepperCss;
@@ -30,6 +30,19 @@ const Stepper = class {
          * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.
          */
         this.hideStepInfo = false;
+        /**
+         * Provide alternative values for text in all child steps. For the purpose of translating the application into other languages.
+         */
+        this.icI18n = {
+            next: "Next",
+            step: "Step",
+            of: "of",
+            lastStep: "Last step",
+            completed: "Completed",
+            notRequired: "Not required",
+            required: "Required",
+            optional: "Optional",
+        };
         /**
          * 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.
          */
@@ -75,6 +88,10 @@ const Stepper = class {
         this.initialiseStepStates = () => {
             this.steps.forEach((step, index) => {
                 var _a, _b, _c;
+                // Set language
+                if (this.icI18n !== undefined) {
+                    step.icI18n = this.icI18n;
+                }
                 // Set variant
                 step.variant = this.variant;
                 // Assign stepNum to each step
@@ -246,11 +263,11 @@ const Stepper = class {
         checkResizeObserver(this.runResizeObserver);
     }
     render() {
-        return (h(Host, { key: 'b7a0dfaa4d7842f9df2f85e1dbc2e693d9c68679', class: {
+        return (h(Host, { key: 'a5ec9b8d778ba54adf1b3034455e64df0a51fd7c', class: {
                 [`ic-stepper-${this.variant}`]: true,
                 ["ic-stepper-aligned-left"]: this.variant === "default" && this.aligned === "left",
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, h("ul", { key: '051a97451fc7e8074978f332aa4aa1a6bcfcd17f', class: "step-item-list" }, h("slot", { key: 'bbecef8f861b321f530606b70229a15a9d20549b' }))));
+            } }, h("ul", { key: '4140f5cb20325ee4c5c98c855c4b822a448294e8', class: "step-item-list" }, h("slot", { key: 'cda080de502e7760bb3f9a1519f0261b554b0b77' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {