@ukic/web-components 2.22.0 → 2.24.0

package/dist/collection/components/ic-stepper/ic-stepper.js

@@ -3,6 +3,7 @@ import { checkResizeObserver, pxToRem } from "../../utils/helpers";
 export class Stepper {
     constructor() {
         this.resizeObserver = null;
+        this.visuallyHidden = "visually-hidden";
         // Get all steps currently within this stepper
         this.getChildren = () => {
             this.steps = Array.from(this.el.querySelectorAll("ic-step"));
@@ -97,7 +98,7 @@ export class Stepper {
                         step.progress = 100;
                     }
                     if (this.hideStepInfo && stepTitleArea !== null) {
-                        stepTitleArea.classList.remove("visually-hidden");
+                        stepTitleArea.classList.remove(this.visuallyHidden);
                     }
                     step.compactStepStyling = this.stepTypes[index];
                 }
@@ -135,24 +136,36 @@ export class Stepper {
                         }
                     }
                     if (this.hideStepInfo && stepTitleArea !== null) {
-                        stepTitleArea.classList.add("visually-hidden");
+                        stepTitleArea.classList.add(this.visuallyHidden);
+                    }
+                }
+            });
+        };
+        this.setHideStepInfo = () => {
+            this.steps.forEach((step) => {
+                var _a, _b;
+                const stepTitleArea = step.shadowRoot.querySelector(".step > .step-title-area");
+                if (stepTitleArea !== null) {
+                    if (this.hideStepInfo) {
+                        (_a = stepTitleArea.classList) === null || _a === void 0 ? void 0 : _a.add(this.visuallyHidden);
+                    }
+                    else {
+                        (_b = stepTitleArea.classList) === null || _b === void 0 ? void 0 : _b.remove(this.visuallyHidden);
                     }
                 }
             });
         };
         this.overrideVariant = () => {
-            let minDefaultStepperWidth = 148 * this.steps.length;
-            if (this.aligned === "left" && this.connectorWidth > 100) {
-                minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;
-            }
             if (this.variantOverride) {
+                let minDefaultStepperWidth = 148 * this.steps.length;
+                if (this.aligned === "left" && this.connectorWidth > 100) {
+                    minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;
+                }
                 if (this.el.clientWidth < minDefaultStepperWidth) {
                     this.variant = "compact";
-                    this.getChildren();
                 }
                 else {
                     this.variant = "default";
-                    this.getChildren();
                 }
             }
         };
@@ -184,6 +197,10 @@ export class Stepper {
         this.hideStepInfo = false;
         this.variant = "default";
     }
+    handlePropChange() {
+        this.setHideStepInfo();
+        this.getChildren();
+    }
     disconnectedCallback() {
         if (this.resizeObserver !== null) {
             this.resizeObserver.disconnect();
@@ -337,5 +354,14 @@ export class Stepper {
         };
     }
     static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "hideStepInfo",
+                "methodName": "handlePropChange"
+            }, {
+                "propName": "variant",
+                "methodName": "handlePropChange"
+            }];
+    }
 }
 //# sourceMappingURL=ic-stepper.js.map

package/dist/collection/components/ic-stepper/ic-stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-stepper.js","sourceRoot":"","sources":["../../../src/components/ic-stepper/ic-stepper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, Prop, h, State } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nimport { IcStepperAlignment } from \"./ic-stepper.types\";\nimport { IcStepTypes, IcStepVariants } from \"../ic-step/ic-step.types\";\n\n@Component({\n  tag: \"ic-stepper\",\n  styleUrl: \"ic-stepper.css\",\n  shadow: true,\n})\nexport class Stepper {\n  private resizeObserver: ResizeObserver = null;\n  private steps: HTMLIcStepElement[];\n  private stepsWithStepTitles: HTMLIcStepElement[];\n\n  @Element() el: HTMLIcStepperElement;\n\n  @State() alignedFullWidth: boolean = true;\n  @State() autoSetStepTitles: boolean = true;\n  @State() lastStepWidth: number = 0;\n  @State() noOfResizes?: number = 0;\n  @State() stepperWidth: number = document\n    .querySelector(\"ic-stepper\")\n    .getBoundingClientRect().width;\n  @State() stepTypes: IcStepTypes[] = [];\n  @State() variantOverride?: boolean = this.variant !== \"compact\";\n\n  /**\n   * The alignment of the default stepper within its container.\n   */\n  @Prop() aligned?: IcStepperAlignment = \"full-width\";\n\n  /**\n   * The appearance of the stepper.\n   */\n  @Prop() appearance?: \"light\" | \"default\" = \"default\";\n\n  /**\n   * The length of the connnector between each step in pixels. Minimum length is 100px.\n   */\n  @Prop() connectorWidth?: number = 100;\n\n  /**\n   * 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.\n   */\n  @Prop() hideStepInfo?: boolean = false;\n\n  /**\n   * The variant of the stepper.\n   */\n  @Prop({ mutable: true }) variant?: IcStepVariants = \"default\";\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad(): void {\n    this.setStepTypes();\n\n    if (this.variant === \"compact\") {\n      this.variantOverride = false;\n    }\n  }\n\n  componentWillRender(): void {\n    this.initialiseStepStates();\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n  }\n\n  // Get all steps currently within this stepper\n  private getChildren = (): void => {\n    this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n\n    this.stepsWithStepTitles = Array.from(\n      this.el.querySelectorAll(\"ic-step[step-title]\")\n    );\n  };\n\n  // Inform the user that stepTitles are required on all steps in a compact stepper\n  private checkStepTitles = (): void => {\n    if (\n      this.stepsWithStepTitles.length < this.steps.length &&\n      this.variantOverride &&\n      this.variant === \"compact\"\n    ) {\n      this.noOfResizes = this.noOfResizes + 1;\n      if (this.noOfResizes === 1) {\n        console.error(\n          `The prop 'step-title' (web components) / 'stepTitle' (react) is required for all steps of the Stepper component (compact variant)`\n        );\n      }\n    }\n  };\n\n  private setStepTypes = (): void => {\n    this.getChildren();\n    this.stepTypes = [];\n    for (let i = 0; i < this.steps.length; i++) {\n      this.stepTypes.push(\"active\");\n    }\n  };\n\n  private setStepperWidth = (): void => {\n    this.alignedFullWidth =\n      this.variant === \"default\" && this.aligned === \"full-width\";\n\n    const lastStep = this.steps[this.steps.length - 1];\n    lastStep.style.maxWidth = \"none\";\n\n    if (this.alignedFullWidth) {\n      this.stepperWidth = this.el.offsetWidth;\n      lastStep.style.maxWidth = pxToRem(\n        `${this.stepperWidth / this.steps.length}px`\n      );\n      this.lastStepWidth = lastStep.offsetWidth;\n    }\n  };\n\n  private initialiseStepStates = (): void => {\n    this.steps.forEach((step, index) => {\n      // Set variant\n      step.variant = this.variant;\n      // Assign stepNum to each step\n      step.stepNum = index + 1;\n      // Assign lastStep to final step\n      step.lastStep = index === this.steps.length - 1;\n      step.lastStepNum = this.steps.length;\n\n      if (step.stepType !== \"current\") {\n        step.current = false;\n        this.stepTypes[index] = step.stepType;\n      } else {\n        step.current = true;\n      }\n\n      const stepTitleArea =\n        step.shadowRoot &&\n        step.shadowRoot.querySelector(\".step > .step-title-area\");\n\n      if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {\n        if (this.variant === \"compact\") {\n          this.autoSetStepTitles = true;\n          if (this.autoSetStepTitles) {\n            step.stepTitle = \"Step \" + step.stepNum;\n            stepTitleArea &&\n              stepTitleArea\n                .querySelector(\".step-title\")\n                .setAttribute(\"aria-hidden\", \"true\");\n          }\n        }\n        if (this.variant === \"default\") {\n          this.autoSetStepTitles = false;\n          if (!this.autoSetStepTitles) {\n            step.stepTitle = undefined;\n            stepTitleArea &&\n              stepTitleArea\n                .querySelector(\".step-title\")\n                .removeAttribute(\"aria-hidden\");\n          }\n        }\n      }\n\n      if (this.variant === \"compact\") {\n        if (step.current === true || step.stepType === \"current\") {\n          step.classList.remove(\"hide\");\n          step.classList.add(\"show\");\n        } else if (step.classList.contains(\"show\")) {\n          step.classList.remove(\"show\");\n          step.classList.add(\"hide\");\n        }\n\n        if (!step.lastStep) {\n          step.nextStepTitle = this.steps[index + 1].stepTitle;\n          step.progress = (step.stepNum / this.steps.length) * 100;\n        } else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n          step.progress = 95;\n        } else {\n          step.progress = 100;\n        }\n\n        if (this.hideStepInfo && stepTitleArea !== null) {\n          stepTitleArea.classList.remove(\"visually-hidden\");\n        }\n\n        step.compactStepStyling = this.stepTypes[index];\n      }\n\n      if (this.variant === \"default\") {\n        if (!step.lastStep) {\n          if (this.alignedFullWidth) {\n            step.style.width = pxToRem(\n              `${\n                (this.stepperWidth - this.lastStepWidth) /\n                (this.steps.length - 1)\n              }px`\n            );\n            step.style.minWidth = pxToRem(\"148px\");\n          }\n        } else if (step.lastStep) {\n          step.classList.add(\"last-step\");\n          if (this.alignedFullWidth) {\n            step.style.maxWidth = `${this.lastStepWidth}px`;\n          } else {\n            step.style.maxWidth =\n              this.connectorWidth > 100\n                ? pxToRem(`${this.connectorWidth + 48}px`)\n                : pxToRem(\"148px\");\n          }\n        }\n\n        if (this.aligned === \"left\") {\n          step.style.width =\n            this.connectorWidth > 100\n              ? pxToRem(`${this.connectorWidth + 48}px`)\n              : pxToRem(\"148px\");\n          const stepConnect = step.shadowRoot.querySelector(\n            \".step > .step-top > .step-connect\"\n          ) as HTMLElement;\n\n          if (stepConnect) {\n            stepConnect.style.width =\n              this.connectorWidth > 100\n                ? pxToRem(`${this.connectorWidth}px`)\n                : pxToRem(\"100px\");\n          }\n        }\n\n        if (this.hideStepInfo && stepTitleArea !== null) {\n          stepTitleArea.classList.add(\"visually-hidden\");\n        }\n      }\n    });\n  };\n\n  private overrideVariant = () => {\n    let minDefaultStepperWidth = 148 * this.steps.length;\n\n    if (this.aligned === \"left\" && this.connectorWidth > 100) {\n      minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n    }\n\n    if (this.variantOverride) {\n      if (this.el.clientWidth < minDefaultStepperWidth) {\n        this.variant = \"compact\";\n        this.getChildren();\n      } else {\n        this.variant = \"default\";\n        this.getChildren();\n      }\n    }\n  };\n\n  private resizeObserverCallback = () => {\n    this.getChildren();\n    this.checkStepTitles();\n    this.overrideVariant();\n    this.setStepperWidth();\n    this.initialiseStepStates();\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.resizeObserverCallback();\n    });\n    this.resizeObserver.observe(this.el);\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`${this.variant}`]: true,\n          [\"aligned-left\"]:\n            this.variant === \"default\" && this.aligned === \"left\",\n        }}\n      >\n        <ul class=\"step-item-list\">\n          <slot></slot>\n        </ul>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-stepper.js","sourceRoot":"","sources":["../../../src/components/ic-stepper/ic-stepper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, Prop, h, State, Watch } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nimport { IcStepperAlignment } from \"./ic-stepper.types\";\nimport { IcStepTypes, IcStepVariants } from \"../ic-step/ic-step.types\";\n\n@Component({\n  tag: \"ic-stepper\",\n  styleUrl: \"ic-stepper.css\",\n  shadow: true,\n})\nexport class Stepper {\n  private resizeObserver: ResizeObserver = null;\n  private steps: HTMLIcStepElement[];\n  private stepsWithStepTitles: HTMLIcStepElement[];\n  private visuallyHidden: string = \"visually-hidden\";\n\n  @Element() el: HTMLIcStepperElement;\n\n  @State() alignedFullWidth: boolean = true;\n  @State() autoSetStepTitles: boolean = true;\n  @State() lastStepWidth: number = 0;\n  @State() noOfResizes?: number = 0;\n  @State() stepperWidth: number = document\n    .querySelector(\"ic-stepper\")\n    .getBoundingClientRect().width;\n  @State() stepTypes: IcStepTypes[] = [];\n  @State() variantOverride?: boolean = this.variant !== \"compact\";\n\n  /**\n   * The alignment of the default stepper within its container.\n   */\n  @Prop() aligned?: IcStepperAlignment = \"full-width\";\n\n  /**\n   * The appearance of the stepper.\n   */\n  @Prop() appearance?: \"light\" | \"default\" = \"default\";\n\n  /**\n   * The length of the connnector between each step in pixels. Minimum length is 100px.\n   */\n  @Prop() connectorWidth?: number = 100;\n\n  /**\n   * 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.\n   */\n  @Prop() hideStepInfo?: boolean = false;\n\n  /**\n   * The variant of the stepper.\n   */\n  @Prop({ mutable: true }) variant?: IcStepVariants = \"default\";\n\n  @Watch(\"hideStepInfo\")\n  @Watch(\"variant\")\n  handlePropChange(): void {\n    this.setHideStepInfo();\n    this.getChildren();\n  }\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad(): void {\n    this.setStepTypes();\n\n    if (this.variant === \"compact\") {\n      this.variantOverride = false;\n    }\n  }\n\n  componentWillRender(): void {\n    this.initialiseStepStates();\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n  }\n\n  // Get all steps currently within this stepper\n  private getChildren = (): void => {\n    this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n\n    this.stepsWithStepTitles = Array.from(\n      this.el.querySelectorAll(\"ic-step[step-title]\")\n    );\n  };\n\n  // Inform the user that stepTitles are required on all steps in a compact stepper\n  private checkStepTitles = (): void => {\n    if (\n      this.stepsWithStepTitles.length < this.steps.length &&\n      this.variantOverride &&\n      this.variant === \"compact\"\n    ) {\n      this.noOfResizes = this.noOfResizes + 1;\n      if (this.noOfResizes === 1) {\n        console.error(\n          `The prop 'step-title' (web components) / 'stepTitle' (react) is required for all steps of the Stepper component (compact variant)`\n        );\n      }\n    }\n  };\n\n  private setStepTypes = (): void => {\n    this.getChildren();\n    this.stepTypes = [];\n    for (let i = 0; i < this.steps.length; i++) {\n      this.stepTypes.push(\"active\");\n    }\n  };\n\n  private setStepperWidth = (): void => {\n    this.alignedFullWidth =\n      this.variant === \"default\" && this.aligned === \"full-width\";\n\n    const lastStep = this.steps[this.steps.length - 1];\n    lastStep.style.maxWidth = \"none\";\n\n    if (this.alignedFullWidth) {\n      this.stepperWidth = this.el.offsetWidth;\n      lastStep.style.maxWidth = pxToRem(\n        `${this.stepperWidth / this.steps.length}px`\n      );\n      this.lastStepWidth = lastStep.offsetWidth;\n    }\n  };\n\n  private initialiseStepStates = (): void => {\n    this.steps.forEach((step, index) => {\n      // Set variant\n      step.variant = this.variant;\n      // Assign stepNum to each step\n      step.stepNum = index + 1;\n      // Assign lastStep to final step\n      step.lastStep = index === this.steps.length - 1;\n      step.lastStepNum = this.steps.length;\n\n      if (step.stepType !== \"current\") {\n        step.current = false;\n        this.stepTypes[index] = step.stepType;\n      } else {\n        step.current = true;\n      }\n\n      const stepTitleArea =\n        step.shadowRoot &&\n        step.shadowRoot.querySelector(\".step > .step-title-area\");\n\n      if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {\n        if (this.variant === \"compact\") {\n          this.autoSetStepTitles = true;\n          if (this.autoSetStepTitles) {\n            step.stepTitle = \"Step \" + step.stepNum;\n            stepTitleArea &&\n              stepTitleArea\n                .querySelector(\".step-title\")\n                .setAttribute(\"aria-hidden\", \"true\");\n          }\n        }\n        if (this.variant === \"default\") {\n          this.autoSetStepTitles = false;\n          if (!this.autoSetStepTitles) {\n            step.stepTitle = undefined;\n            stepTitleArea &&\n              stepTitleArea\n                .querySelector(\".step-title\")\n                .removeAttribute(\"aria-hidden\");\n          }\n        }\n      }\n\n      if (this.variant === \"compact\") {\n        if (step.current === true || step.stepType === \"current\") {\n          step.classList.remove(\"hide\");\n          step.classList.add(\"show\");\n        } else if (step.classList.contains(\"show\")) {\n          step.classList.remove(\"show\");\n          step.classList.add(\"hide\");\n        }\n\n        if (!step.lastStep) {\n          step.nextStepTitle = this.steps[index + 1].stepTitle;\n          step.progress = (step.stepNum / this.steps.length) * 100;\n        } else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n          step.progress = 95;\n        } else {\n          step.progress = 100;\n        }\n\n        if (this.hideStepInfo && stepTitleArea !== null) {\n          stepTitleArea.classList.remove(this.visuallyHidden);\n        }\n\n        step.compactStepStyling = this.stepTypes[index];\n      }\n\n      if (this.variant === \"default\") {\n        if (!step.lastStep) {\n          if (this.alignedFullWidth) {\n            step.style.width = pxToRem(\n              `${\n                (this.stepperWidth - this.lastStepWidth) /\n                (this.steps.length - 1)\n              }px`\n            );\n            step.style.minWidth = pxToRem(\"148px\");\n          }\n        } else if (step.lastStep) {\n          step.classList.add(\"last-step\");\n          if (this.alignedFullWidth) {\n            step.style.maxWidth = `${this.lastStepWidth}px`;\n          } else {\n            step.style.maxWidth =\n              this.connectorWidth > 100\n                ? pxToRem(`${this.connectorWidth + 48}px`)\n                : pxToRem(\"148px\");\n          }\n        }\n\n        if (this.aligned === \"left\") {\n          step.style.width =\n            this.connectorWidth > 100\n              ? pxToRem(`${this.connectorWidth + 48}px`)\n              : pxToRem(\"148px\");\n          const stepConnect = step.shadowRoot.querySelector(\n            \".step > .step-top > .step-connect\"\n          ) as HTMLElement;\n\n          if (stepConnect) {\n            stepConnect.style.width =\n              this.connectorWidth > 100\n                ? pxToRem(`${this.connectorWidth}px`)\n                : pxToRem(\"100px\");\n          }\n        }\n\n        if (this.hideStepInfo && stepTitleArea !== null) {\n          stepTitleArea.classList.add(this.visuallyHidden);\n        }\n      }\n    });\n  };\n\n  private setHideStepInfo = (): void => {\n    this.steps.forEach((step) => {\n      const stepTitleArea = step.shadowRoot.querySelector(\n        \".step > .step-title-area\"\n      );\n\n      if (stepTitleArea !== null) {\n        if (this.hideStepInfo) {\n          stepTitleArea.classList?.add(this.visuallyHidden);\n        } else {\n          stepTitleArea.classList?.remove(this.visuallyHidden);\n        }\n      }\n    });\n  };\n\n  private overrideVariant = () => {\n    if (this.variantOverride) {\n      let minDefaultStepperWidth = 148 * this.steps.length;\n\n      if (this.aligned === \"left\" && this.connectorWidth > 100) {\n        minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n      }\n      if (this.el.clientWidth < minDefaultStepperWidth) {\n        this.variant = \"compact\";\n      } else {\n        this.variant = \"default\";\n      }\n    }\n  };\n\n  private resizeObserverCallback = () => {\n    this.getChildren();\n    this.checkStepTitles();\n    this.overrideVariant();\n    this.setStepperWidth();\n    this.initialiseStepStates();\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.resizeObserverCallback();\n    });\n    this.resizeObserver.observe(this.el);\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`${this.variant}`]: true,\n          [\"aligned-left\"]:\n            this.variant === \"default\" && this.aligned === \"left\",\n        }}\n      >\n        <ul class=\"step-item-list\">\n          <slot></slot>\n        </ul>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js

@@ -722,5 +722,31 @@ describe("switch between the compact and default stepper depending on whether th
         });
         expect(page.root).toMatchSnapshot();
     });
+    it("should test the setHideStepInfo method", async () => {
+        const page = await newSpecPage({
+            components: [Stepper, Step],
+            html: `<ic-stepper>
+      <ic-step step-title="Create" step-type="completed"></ic-step>
+      <ic-step step-title="Read" step-type="current"></ic-step>
+      <ic-step step-title="Update"></ic-step>
+      <ic-step step-title="Delete"></ic-step></ic-stepper>`,
+        });
+        await page.waitForChanges();
+        expect(page.rootInstance.hideStepInfo).toBeFalsy();
+        const steps = page.root.querySelectorAll("ic-step");
+        steps.forEach((step) => {
+            const stepTitle = step.shadowRoot.querySelector(".step > .step-title-area");
+            expect(stepTitle).not.toBeNull();
+            expect(stepTitle.classList.contains("visually-hidden")).toBeFalsy();
+        });
+        page.rootInstance.hideStepInfo = true;
+        await page.waitForChanges();
+        expect(page.rootInstance.hideStepInfo).toBeTruthy();
+        steps.forEach((step) => {
+            const stepTitle = step.shadowRoot.querySelector(".step > .step-title-area");
+            expect(stepTitle).not.toBeNull();
+            expect(stepTitle.classList.contains("visually-hidden")).toBeTruthy();
+        });
+    });
 });
 //# sourceMappingURL=ic-stepper.spec.js.map

package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-stepper.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-stepper/test/basic/ic-stepper.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { resizeTo } from \"../../../../testspec.setup\";\nimport { Step } from \"../../../ic-step/ic-step\";\nimport { Stepper } from \"../../ic-stepper\";\n\ndescribe(\"default variant of ic-stepper component\", () => {\n  it(\"should render a full-width stepper\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper>\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      expect(step.classList.contains(\"aligned-full-width\")).toBeTruthy();\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render a left-aligned stepper\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper aligned=\"left\">\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n    expect(page.rootInstance.aligned).toMatch(\"left\");\n    expect(page.root.classList.contains(\"aligned-left\")).toBeTruthy();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render a stepper with hidden step info\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper hide-step-info>\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n\n    expect(page.rootInstance.hideStepInfo).toBeTruthy();\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      const stepTitleArea = step.shadowRoot.querySelector(\n        \".step > .step-title-area\"\n      );\n\n      expect(stepTitleArea.classList.contains(\"visually-hidden\")).toBeTruthy();\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render a stepper without step titles\", async () => {\n    jest.spyOn(console, \"error\").mockImplementation(jest.fn());\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper>\n      <ic-step step-type=\"completed\"></ic-step>\n      <ic-step step-type=\"current\"></ic-step>\n      <ic-step step-type=\"disabled\"></ic-step>\n      <ic-step step-type=\"active\"></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    expect(page.rootInstance.hideStepInfo).toBeFalsy();\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    expect(page.rootInstance[\"variantOverride\"]).toBeTruthy();\n\n    expect(page.rootInstance[\"stepsWithStepTitles\"].length).toBeLessThan(\n      page.rootInstance[\"steps\"].length\n    );\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n\n    expect(page.rootInstance[\"noOfResizes\"]).toBe(0);\n\n    steps.forEach((step) => {\n      expect(step[\"stepTitle\"]).toBeUndefined();\n      expect(step[\"stepSubtitle\"]).toBeUndefined();\n\n      const stepTitleArea = step.shadowRoot.querySelector(\n        \".step > .step-title-area\"\n      );\n      expect(stepTitleArea).toBeNull();\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance[\"noOfResizes\"]).toBe(0);\n  });\n\n  it(\"should render a stepper with a custom connector width\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper aligned=\"left\" connector-width=\"150\">\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    expect(page.root.classList.contains(\"aligned-left\")).toBeTruthy();\n  });\n\n  it(\"should ignore the connectorWidth prop if the stepper is set to be aligned full-width\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper connector-width=\"150\">\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    expect(page.root.classList.contains(\"aligned-left\")).toBeFalsy();\n  });\n\n  it(\"should add 'disabled step' to the aria labels of all disabled steps\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step variant=\"compact\" step-type=\"disabled\" step-title=\"First\"></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    const disabledSteps = page.root.querySelectorAll(\n      'ic-step[step-type=\"disabled\"]'\n    );\n\n    disabledSteps.forEach((step) => {\n      expect(step.getAttribute(\"aria-label\")).toMatch(/. Non-required step/i);\n    });\n  });\n\n  it(\"should add the className 'last-step' to the last step in the stepper\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `\n    <ic-stepper>\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step last-step step-title=\"Delete\"></ic-step>\n    </ic-stepper>\n    `,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    const lastStep = await page.root.querySelector(\"ic-step[last-step='']\");\n\n    expect(lastStep.classList.contains(\"last-step\")).toBeTruthy();\n  });\n});\n\ndescribe(\"resizeObserver for ic-stepper\", () => {\n  it(\"shouldn't call the resizeObserver if the resizeObserver is null\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper],\n      html: `\n    <ic-stepper>\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step>\n    </ic-stepper>\n    `,\n    });\n\n    await page.rootInstance.runResizeObserver();\n\n    page.setContent(\"\");\n  });\n\n  it(\"should call the functions in the resizeObserver\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper],\n      html: `\n    <ic-stepper>\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step>\n    </ic-stepper>\n    `,\n    });\n\n    await page.waitForChanges();\n\n    await page.rootInstance.runResizeObserver();\n\n    await page.rootInstance.getChildren();\n\n    await page.rootInstance.checkStepTitles();\n\n    await page.rootInstance.overrideVariant();\n\n    await page.rootInstance.setStepperWidth();\n\n    await page.rootInstance.initialiseStepStates();\n  });\n});\n\ndescribe(\"compact variant of ic-stepper component\", () => {\n  it(\"should render a compact step with no step status\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step step-title=\"First\"></ic-step>\n        <ic-step\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n          step-type=\"completed\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    expect(page.rootInstance[\"variantOverride\"]).toBeFalsy();\n\n    expect(page.rootInstance.hideStepInfo).toBeFalsy();\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      const stepTitle = step.shadowRoot.querySelector(\n        \".step > .step-title-area > .step-title\"\n      );\n\n      expect(stepTitle).not.toBeNull();\n      expect(stepTitle.classList.contains(\"hide\")).toBeFalsy();\n    });\n  });\n\n  it(\"should render a stepper with hidden step information\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper hide-step-info>\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.el.clientWidth = 50;\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    expect(page.rootInstance.hideStepInfo).toBeTruthy();\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      const stepTitle = step.shadowRoot.querySelector(\n        \".step > .step-title-area > .step-title\"\n      );\n\n      expect(stepTitle).not.toBeNull();\n      expect(stepTitle.classList.contains(\"visually-hidden\")).toBeFalsy();\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render a stepper without step titles\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper >\n      <ic-step step-type=\"completed\"></ic-step>\n      <ic-step step-type=\"current\"></ic-step>\n      <ic-step step-type=\"disabled\"></ic-step>\n      <ic-step step-type=\"active\" ></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.el.clientWidth = 50;\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    expect(page.rootInstance[\"variantOverride\"]).toBeTruthy();\n\n    expect(page.rootInstance[\"stepsWithStepTitles\"].length).toBeLessThan(\n      page.rootInstance[\"steps\"].length\n    );\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    expect(page.rootInstance[\"noOfResizes\"]).toBe(0);\n\n    steps.forEach((step) => {\n      const stepTitle = \"Step \" + step[\"stepNum\"];\n      expect(step[\"stepTitle\"]).toMatch(stepTitle);\n      expect(step[\"stepSubtitle\"]).toBeUndefined();\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance[\"noOfResizes\"]).toBe(1);\n  });\n\n  it(\"should only show the current step\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step step-title=\"First\"></ic-step>\n        <ic-step\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n          step-type=\"completed\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    const currentStep = page.root.querySelector('ic-step[current=\"\"]');\n\n    expect(\n      currentStep.shadowRoot\n        .querySelector(\".step\")\n        .classList.contains(\"current\")\n    );\n\n    expect(currentStep.classList.contains(\"show\")).toBeTruthy;\n\n    expect(currentStep.classList.contains(\"hide\")).toBeFalsy;\n\n    const notCurrentStep = page.root.querySelector('ic-step:not([current=\"\"])');\n\n    expect(notCurrentStep.classList.contains(\"show\")).toBeFalsy;\n\n    expect(notCurrentStep.classList.contains(\"hide\")).toBeTruthy;\n\n    notCurrentStep.classList.add(\"show\");\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(notCurrentStep.classList.contains(\"show\")).toBeFalsy;\n\n    expect(notCurrentStep.classList.contains(\"hide\")).toBeTruthy;\n  });\n\n  it(\"shouldn't add the 'show' and 'hide' classes to default steps\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper>\n        <ic-step step-title=\"First\"></ic-step>\n        <ic-step\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n          step-type=\"completed\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n\n    const currentStep = page.root.querySelector('ic-step[current=\"\"]');\n\n    expect(\n      currentStep.shadowRoot\n        .querySelector(\".step\")\n        .classList.contains(\"current\")\n    );\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      expect(step.classList.contains(\"show\")).toBeFalsy();\n      expect(step.classList.contains(\"hide\")).toBeFalsy();\n    });\n  });\n\n  it(\"should only add the 'show' and 'hide' classes to compact steps\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\">\n        <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n          step-type=\"completed\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    const currentStep = page.root.querySelector('ic-step[current=\"\"]');\n\n    expect(\n      currentStep.shadowRoot\n        .querySelector(\".step\")\n        .classList.contains(\"current\")\n    );\n\n    expect(currentStep.classList.contains(\"show\")).toBeTruthy;\n\n    expect(currentStep.classList.contains(\"hide\")).toBeFalsy;\n\n    const notCurrentSteps = page.root.querySelector(\n      'ic-step:not([current=\"\"])'\n    );\n\n    expect(notCurrentSteps.classList.contains(\"show\")).toBeFalsy;\n\n    expect(notCurrentSteps.classList.contains(\"hide\")).toBeTruthy;\n  });\n\n  it(\"should render status icons next to all steps with a disabled stepType\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Third\"\n          step-status=\"required\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fifth and final step\"\n          step-type=\"disabled\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    const notRequiredSteps = page.root.querySelectorAll(\n      'ic-step[step-type=\"disabled\"]'\n    );\n\n    notRequiredSteps.forEach((step) => {\n      const textContent = step.shadowRoot.querySelector(\n        \".step > .step-title-area > .info-line > .step-status > ic-typography\"\n      ).textContent;\n\n      expect(textContent).toBe(\"Not required\");\n\n      const statusIcon = step.shadowRoot.querySelector(\n        \".step > .step-title-area > .info-line > .step-status > .step-icon\"\n      );\n\n      expect(statusIcon).toEqualHtml(\n        `<span class=\"warning-icon step-icon\" aria-hidden=\"true\">svg</span>`\n      );\n\n      expect(step.getAttribute(\"aria-label\")).toMatch(/. Non-required step/i);\n    });\n  });\n\n  it(\"should render status icons next to all steps with a completed stepType\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fourth title that is long and should wrap\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    const completeSteps = page.root.querySelectorAll(\n      'ic-step[step-type=\"completed\"]'\n    );\n\n    completeSteps.forEach((step) => {\n      const textContent = step.shadowRoot.querySelector(\n        \".step > .step-title-area > .info-line > .step-status > ic-typography\"\n      ).textContent;\n\n      expect(textContent).toBe(\"Completed\");\n\n      const statusIcon = step.shadowRoot.querySelector(\n        \".step > .step-title-area > .info-line > .step-status > span.step-icon\"\n      );\n\n      expect(statusIcon).toEqualHtml(\n        `<span class=\"check-icon step-icon\" aria-hidden=\"true\">svg</span>`\n      );\n\n      expect(step.getAttribute(\"aria-label\")).toMatch(/. Completed step/i);\n    });\n  });\n\n  it(\"should update the aria label of a step if its stepStatus is set to 'optional'\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Third\"\n          step-status=\"optional\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    const optionalSteps = page.root.querySelectorAll(\n      'ic-step[step-status=\"optional\"]'\n    );\n\n    optionalSteps.forEach((step) => {\n      expect(step.getAttribute(\"aria-label\")).toMatch(/. Optional step/i);\n    });\n  });\n\n  it(\"should update the aria label of a step if its stepStatus is set to 'required'\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Third\"\n          step-status=\"required\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    const requiredSteps = page.root.querySelectorAll(\n      'ic-step[step-status=\"required\"]'\n    );\n\n    requiredSteps.forEach((step) => {\n      expect(step.getAttribute(\"aria-label\")).toMatch(/. Required step/i);\n    });\n  });\n\n  it(\"should only show the title of the next step if it isn't the last step\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step step-title=\"First\"></ic-step>\n        <ic-step\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      expect(step[\"variant\"]).toMatch(\"compact\");\n    });\n\n    for (let i = 0; i < steps.length; i++) {\n      if (steps[i] !== steps[steps.length - 1]) {\n        expect(steps[i][\"nextStepTitle\"]).toBe(steps[i + 1][\"stepTitle\"]);\n      } else {\n        expect(steps[i][\"nextStepTitle\"]).toBeUndefined();\n      }\n    }\n  });\n});\n\ndescribe(\"switch between the compact and default stepper depending on whether the stepper has a scroll\", () => {\n  it(\"should change from the default variant to the compact variant if there's a scroll on the stepper\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper >\n        <ic-step step-title=\"First\"></ic-step>\n        <ic-step\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n\n    page.rootInstance.el.clientWidth = 50;\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    expect(page.rootInstance[\"variantOverride\"]).toBeTruthy();\n  });\n\n  it(\"should change from the compact variant to the stepper variant if the stepper is greater than the min width for the default stepper\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper>\n        <ic-step step-title=\"First\"></ic-step>\n        <ic-step\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.el.clientWidth = 50;\n\n    resizeTo(window, 375, 812);\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    resizeTo(window, 1920, 1080);\n\n    page.rootInstance.el.clientWidth = 1000;\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n\n    expect(page.rootInstance[\"variantOverride\"]).toBeTruthy();\n  });\n\n  it(\"should render a light stepper\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper appearance=\"light\">\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.appearance).toMatch(\"light\");\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      expect(step.classList.contains(\"light\")).toBeTruthy();\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}
+{"version":3,"file":"ic-stepper.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-stepper/test/basic/ic-stepper.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACvD,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;2DAI+C;SACtD,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEpD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACrE,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;2DAI+C;SACtD,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAC3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACrD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAClD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAElE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;2DAI+C;SACtD,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,UAAU,EAAE,CAAC;QAEpD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEpD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CACjD,0BAA0B,CAC3B,CAAC;YAEF,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAC3E,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAC3D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;0DAI8C;SACrD,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,SAAS,EAAE,CAAC;QAEnD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEpD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAE1D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC,YAAY,CAClE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,CAClC,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAEjD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;YAC1C,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;YAE7C,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CACjD,0BAA0B,CAC3B,CAAC;YACF,MAAM,CAAC,aAAa,CAAC,CAAC,QAAQ,EAAE,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;2DAI+C;SACtD,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sFAAsF,EAAE,KAAK,IAAI,EAAE;QACpG,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;2DAI+C;SACtD,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qEAAqE,EAAE,KAAK,IAAI,EAAE;QACnF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;oBA0BQ;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAC9C,+BAA+B,CAChC,CAAC;QAEF,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC7B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;QACpF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;;;;KAOP;SACA,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;QAExE,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAChE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,+BAA+B,EAAE,GAAG,EAAE;IAC7C,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QAC/E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE;;;;;;;KAOP;SACA,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,CAAC;QAE5C,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE;;;;;;;KAOP;SACA,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,CAAC;QAE5C,MAAM,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;QAEtC,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC;QAE1C,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC;QAE1C,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC;QAE1C,MAAM,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACvD,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;oBAuBQ;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;QAEzD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,SAAS,EAAE,CAAC;QAEnD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEpD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC7C,wCAAwC,CACzC,CAAC;YAEF,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YACjC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;QAC3D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;2DAI+C;SACtD,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC;QAEtC,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,UAAU,EAAE,CAAC;QAEpD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEpD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC7C,wCAAwC,CACzC,CAAC;YAEF,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YACjC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;QACtE,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;2DAI+C;SACtD,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC;QAEtC,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEpD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAE1D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC,YAAY,CAClE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,CAClC,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAEjD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,SAAS,GAAG,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;YAC5C,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YAC7C,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;oBAuBQ;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErD,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAEnE,MAAM,CACJ,WAAW,CAAC,UAAU;aACnB,aAAa,CAAC,OAAO,CAAC;aACtB,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CACjC,CAAC;QAEF,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;QAE1D,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;QAEzD,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;QAE5E,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;QAE5D,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;QAE7D,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAErC,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;QAE5D,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;QAC5E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;oBAuBQ;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErD,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAEnE,MAAM,CACJ,WAAW,CAAC,UAAU;aACnB,aAAa,CAAC,OAAO,CAAC;aACtB,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CACjC,CAAC;QAEF,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEpD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;YACpD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;QACtD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;QAC9E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA2BQ;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErD,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAEnE,MAAM,CACJ,WAAW,CAAC,UAAU;aACnB,aAAa,CAAC,OAAO,CAAC;aACtB,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CACjC,CAAC;QAEF,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;QAE1D,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;QAEzD,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAC7C,2BAA2B,CAC5B,CAAC;QAEF,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;QAE7D,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,KAAK,IAAI,EAAE;QACrF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;oBAyBQ;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CACjD,+BAA+B,CAChC,CAAC;QAEF,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAChC,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC/C,sEAAsE,CACvE,CAAC,WAAW,CAAC;YAEd,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAEzC,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC9C,mEAAmE,CACpE,CAAC;YAEF,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAC5B,oEAAoE,CACrE,CAAC;YAEF,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE,KAAK,IAAI,EAAE;QACtF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;oBAwBQ;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAC9C,gCAAgC,CACjC,CAAC;QAEF,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC7B,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC/C,sEAAsE,CACvE,CAAC,WAAW,CAAC;YAEd,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAEtC,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC9C,uEAAuE,CACxE,CAAC;YAEF,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAC5B,kEAAkE,CACnE,CAAC;YAEF,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;QAC7F,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;oBA0BQ;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAC9C,iCAAiC,CAClC,CAAC;QAEF,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC7B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;QAC7F,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;oBA0BQ;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAC9C,iCAAiC,CAClC,CAAC;QAEF,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC7B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,KAAK,IAAI,EAAE;QACrF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;oBAqBQ;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEpD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACtC,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;gBACzC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;YACpE,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;YACpD,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,8FAA8F,EAAE,GAAG,EAAE;IAC5G,EAAE,CAAC,kGAAkG,EAAE,KAAK,IAAI,EAAE;QAChH,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;oBAsBQ;SACf,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErD,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC;QAEtC,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oIAAoI,EAAE,KAAK,IAAI,EAAE;QAClJ,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;oBAsBQ;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC;QAEtC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAE3B,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErD,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAE7B,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC;QAExC,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;2DAI+C;SACtD,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEtD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEpD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,IAAI,EAAE;;;;2DAI+C;SACtD,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,SAAS,EAAE,CAAC;QAEnD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEpD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC7C,0BAA0B,CAC3B,CAAC;YAEF,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YACjC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;QACtE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,YAAY,GAAG,IAAI,CAAC;QACtC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,UAAU,EAAE,CAAC;QAEpD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC7C,0BAA0B,CAC3B,CAAC;YAEF,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YACjC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACvE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { resizeTo } from \"../../../../testspec.setup\";\nimport { Step } from \"../../../ic-step/ic-step\";\nimport { Stepper } from \"../../ic-stepper\";\n\ndescribe(\"default variant of ic-stepper component\", () => {\n  it(\"should render a full-width stepper\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper>\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      expect(step.classList.contains(\"aligned-full-width\")).toBeTruthy();\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render a left-aligned stepper\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper aligned=\"left\">\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n    expect(page.rootInstance.aligned).toMatch(\"left\");\n    expect(page.root.classList.contains(\"aligned-left\")).toBeTruthy();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render a stepper with hidden step info\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper hide-step-info>\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n\n    expect(page.rootInstance.hideStepInfo).toBeTruthy();\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      const stepTitleArea = step.shadowRoot.querySelector(\n        \".step > .step-title-area\"\n      );\n\n      expect(stepTitleArea.classList.contains(\"visually-hidden\")).toBeTruthy();\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render a stepper without step titles\", async () => {\n    jest.spyOn(console, \"error\").mockImplementation(jest.fn());\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper>\n      <ic-step step-type=\"completed\"></ic-step>\n      <ic-step step-type=\"current\"></ic-step>\n      <ic-step step-type=\"disabled\"></ic-step>\n      <ic-step step-type=\"active\"></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    expect(page.rootInstance.hideStepInfo).toBeFalsy();\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    expect(page.rootInstance[\"variantOverride\"]).toBeTruthy();\n\n    expect(page.rootInstance[\"stepsWithStepTitles\"].length).toBeLessThan(\n      page.rootInstance[\"steps\"].length\n    );\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n\n    expect(page.rootInstance[\"noOfResizes\"]).toBe(0);\n\n    steps.forEach((step) => {\n      expect(step[\"stepTitle\"]).toBeUndefined();\n      expect(step[\"stepSubtitle\"]).toBeUndefined();\n\n      const stepTitleArea = step.shadowRoot.querySelector(\n        \".step > .step-title-area\"\n      );\n      expect(stepTitleArea).toBeNull();\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance[\"noOfResizes\"]).toBe(0);\n  });\n\n  it(\"should render a stepper with a custom connector width\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper aligned=\"left\" connector-width=\"150\">\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    expect(page.root.classList.contains(\"aligned-left\")).toBeTruthy();\n  });\n\n  it(\"should ignore the connectorWidth prop if the stepper is set to be aligned full-width\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper connector-width=\"150\">\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    expect(page.root.classList.contains(\"aligned-left\")).toBeFalsy();\n  });\n\n  it(\"should add 'disabled step' to the aria labels of all disabled steps\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step variant=\"compact\" step-type=\"disabled\" step-title=\"First\"></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    const disabledSteps = page.root.querySelectorAll(\n      'ic-step[step-type=\"disabled\"]'\n    );\n\n    disabledSteps.forEach((step) => {\n      expect(step.getAttribute(\"aria-label\")).toMatch(/. Non-required step/i);\n    });\n  });\n\n  it(\"should add the className 'last-step' to the last step in the stepper\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `\n    <ic-stepper>\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step last-step step-title=\"Delete\"></ic-step>\n    </ic-stepper>\n    `,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    const lastStep = await page.root.querySelector(\"ic-step[last-step='']\");\n\n    expect(lastStep.classList.contains(\"last-step\")).toBeTruthy();\n  });\n});\n\ndescribe(\"resizeObserver for ic-stepper\", () => {\n  it(\"shouldn't call the resizeObserver if the resizeObserver is null\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper],\n      html: `\n    <ic-stepper>\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step>\n    </ic-stepper>\n    `,\n    });\n\n    await page.rootInstance.runResizeObserver();\n\n    page.setContent(\"\");\n  });\n\n  it(\"should call the functions in the resizeObserver\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper],\n      html: `\n    <ic-stepper>\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step>\n    </ic-stepper>\n    `,\n    });\n\n    await page.waitForChanges();\n\n    await page.rootInstance.runResizeObserver();\n\n    await page.rootInstance.getChildren();\n\n    await page.rootInstance.checkStepTitles();\n\n    await page.rootInstance.overrideVariant();\n\n    await page.rootInstance.setStepperWidth();\n\n    await page.rootInstance.initialiseStepStates();\n  });\n});\n\ndescribe(\"compact variant of ic-stepper component\", () => {\n  it(\"should render a compact step with no step status\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step step-title=\"First\"></ic-step>\n        <ic-step\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n          step-type=\"completed\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    expect(page.rootInstance[\"variantOverride\"]).toBeFalsy();\n\n    expect(page.rootInstance.hideStepInfo).toBeFalsy();\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      const stepTitle = step.shadowRoot.querySelector(\n        \".step > .step-title-area > .step-title\"\n      );\n\n      expect(stepTitle).not.toBeNull();\n      expect(stepTitle.classList.contains(\"hide\")).toBeFalsy();\n    });\n  });\n\n  it(\"should render a stepper with hidden step information\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper hide-step-info>\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.el.clientWidth = 50;\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    expect(page.rootInstance.hideStepInfo).toBeTruthy();\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      const stepTitle = step.shadowRoot.querySelector(\n        \".step > .step-title-area > .step-title\"\n      );\n\n      expect(stepTitle).not.toBeNull();\n      expect(stepTitle.classList.contains(\"visually-hidden\")).toBeFalsy();\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render a stepper without step titles\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper >\n      <ic-step step-type=\"completed\"></ic-step>\n      <ic-step step-type=\"current\"></ic-step>\n      <ic-step step-type=\"disabled\"></ic-step>\n      <ic-step step-type=\"active\" ></ic-step></ic-stepper>`,\n    });\n\n    page.rootInstance.el.clientWidth = 50;\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    expect(page.rootInstance[\"variantOverride\"]).toBeTruthy();\n\n    expect(page.rootInstance[\"stepsWithStepTitles\"].length).toBeLessThan(\n      page.rootInstance[\"steps\"].length\n    );\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    expect(page.rootInstance[\"noOfResizes\"]).toBe(0);\n\n    steps.forEach((step) => {\n      const stepTitle = \"Step \" + step[\"stepNum\"];\n      expect(step[\"stepTitle\"]).toMatch(stepTitle);\n      expect(step[\"stepSubtitle\"]).toBeUndefined();\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance[\"noOfResizes\"]).toBe(1);\n  });\n\n  it(\"should only show the current step\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step step-title=\"First\"></ic-step>\n        <ic-step\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n          step-type=\"completed\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    const currentStep = page.root.querySelector('ic-step[current=\"\"]');\n\n    expect(\n      currentStep.shadowRoot\n        .querySelector(\".step\")\n        .classList.contains(\"current\")\n    );\n\n    expect(currentStep.classList.contains(\"show\")).toBeTruthy;\n\n    expect(currentStep.classList.contains(\"hide\")).toBeFalsy;\n\n    const notCurrentStep = page.root.querySelector('ic-step:not([current=\"\"])');\n\n    expect(notCurrentStep.classList.contains(\"show\")).toBeFalsy;\n\n    expect(notCurrentStep.classList.contains(\"hide\")).toBeTruthy;\n\n    notCurrentStep.classList.add(\"show\");\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(notCurrentStep.classList.contains(\"show\")).toBeFalsy;\n\n    expect(notCurrentStep.classList.contains(\"hide\")).toBeTruthy;\n  });\n\n  it(\"shouldn't add the 'show' and 'hide' classes to default steps\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper>\n        <ic-step step-title=\"First\"></ic-step>\n        <ic-step\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n          step-type=\"completed\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n\n    const currentStep = page.root.querySelector('ic-step[current=\"\"]');\n\n    expect(\n      currentStep.shadowRoot\n        .querySelector(\".step\")\n        .classList.contains(\"current\")\n    );\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      expect(step.classList.contains(\"show\")).toBeFalsy();\n      expect(step.classList.contains(\"hide\")).toBeFalsy();\n    });\n  });\n\n  it(\"should only add the 'show' and 'hide' classes to compact steps\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\">\n        <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n          step-type=\"completed\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    const currentStep = page.root.querySelector('ic-step[current=\"\"]');\n\n    expect(\n      currentStep.shadowRoot\n        .querySelector(\".step\")\n        .classList.contains(\"current\")\n    );\n\n    expect(currentStep.classList.contains(\"show\")).toBeTruthy;\n\n    expect(currentStep.classList.contains(\"hide\")).toBeFalsy;\n\n    const notCurrentSteps = page.root.querySelector(\n      'ic-step:not([current=\"\"])'\n    );\n\n    expect(notCurrentSteps.classList.contains(\"show\")).toBeFalsy;\n\n    expect(notCurrentSteps.classList.contains(\"hide\")).toBeTruthy;\n  });\n\n  it(\"should render status icons next to all steps with a disabled stepType\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Third\"\n          step-status=\"required\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fifth and final step\"\n          step-type=\"disabled\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    const notRequiredSteps = page.root.querySelectorAll(\n      'ic-step[step-type=\"disabled\"]'\n    );\n\n    notRequiredSteps.forEach((step) => {\n      const textContent = step.shadowRoot.querySelector(\n        \".step > .step-title-area > .info-line > .step-status > ic-typography\"\n      ).textContent;\n\n      expect(textContent).toBe(\"Not required\");\n\n      const statusIcon = step.shadowRoot.querySelector(\n        \".step > .step-title-area > .info-line > .step-status > .step-icon\"\n      );\n\n      expect(statusIcon).toEqualHtml(\n        `<span class=\"warning-icon step-icon\" aria-hidden=\"true\">svg</span>`\n      );\n\n      expect(step.getAttribute(\"aria-label\")).toMatch(/. Non-required step/i);\n    });\n  });\n\n  it(\"should render status icons next to all steps with a completed stepType\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fourth title that is long and should wrap\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    const completeSteps = page.root.querySelectorAll(\n      'ic-step[step-type=\"completed\"]'\n    );\n\n    completeSteps.forEach((step) => {\n      const textContent = step.shadowRoot.querySelector(\n        \".step > .step-title-area > .info-line > .step-status > ic-typography\"\n      ).textContent;\n\n      expect(textContent).toBe(\"Completed\");\n\n      const statusIcon = step.shadowRoot.querySelector(\n        \".step > .step-title-area > .info-line > .step-status > span.step-icon\"\n      );\n\n      expect(statusIcon).toEqualHtml(\n        `<span class=\"check-icon step-icon\" aria-hidden=\"true\">svg</span>`\n      );\n\n      expect(step.getAttribute(\"aria-label\")).toMatch(/. Completed step/i);\n    });\n  });\n\n  it(\"should update the aria label of a step if its stepStatus is set to 'optional'\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Third\"\n          step-status=\"optional\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    const optionalSteps = page.root.querySelectorAll(\n      'ic-step[step-status=\"optional\"]'\n    );\n\n    optionalSteps.forEach((step) => {\n      expect(step.getAttribute(\"aria-label\")).toMatch(/. Optional step/i);\n    });\n  });\n\n  it(\"should update the aria label of a step if its stepStatus is set to 'required'\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Third\"\n          step-status=\"required\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          variant=\"compact\"\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    const requiredSteps = page.root.querySelectorAll(\n      'ic-step[step-status=\"required\"]'\n    );\n\n    requiredSteps.forEach((step) => {\n      expect(step.getAttribute(\"aria-label\")).toMatch(/. Required step/i);\n    });\n  });\n\n  it(\"should only show the title of the next step if it isn't the last step\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n        <ic-step step-title=\"First\"></ic-step>\n        <ic-step\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      expect(step[\"variant\"]).toMatch(\"compact\");\n    });\n\n    for (let i = 0; i < steps.length; i++) {\n      if (steps[i] !== steps[steps.length - 1]) {\n        expect(steps[i][\"nextStepTitle\"]).toBe(steps[i + 1][\"stepTitle\"]);\n      } else {\n        expect(steps[i][\"nextStepTitle\"]).toBeUndefined();\n      }\n    }\n  });\n});\n\ndescribe(\"switch between the compact and default stepper depending on whether the stepper has a scroll\", () => {\n  it(\"should change from the default variant to the compact variant if there's a scroll on the stepper\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper >\n        <ic-step step-title=\"First\"></ic-step>\n        <ic-step\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n\n    page.rootInstance.el.clientWidth = 50;\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    expect(page.rootInstance[\"variantOverride\"]).toBeTruthy();\n  });\n\n  it(\"should change from the compact variant to the stepper variant if the stepper is greater than the min width for the default stepper\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper>\n        <ic-step step-title=\"First\"></ic-step>\n        <ic-step\n          step-title=\"Second With a Very Long Title\"\n          step-subtitle=\"Optional subtitle that is long and should wrap\"\n          current\n          step-type=\"current\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Third\"\n          step-type=\"disabled\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fourth title that is long and should wrap\"\n          step-subtitle=\"Optional Subtitle\"\n          step-type=\"completed\"\n        ></ic-step>\n        <ic-step\n          step-title=\"Fifth and final step\"\n          step-subtitle=\"Optional Subtitle\"\n          step-status=\"optional\"\n        ></ic-step>\n      </ic-stepper>`,\n    });\n\n    page.rootInstance.el.clientWidth = 50;\n\n    resizeTo(window, 375, 812);\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"compact\");\n\n    resizeTo(window, 1920, 1080);\n\n    page.rootInstance.el.clientWidth = 1000;\n\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.variant).toMatch(\"default\");\n\n    expect(page.rootInstance[\"variantOverride\"]).toBeTruthy();\n  });\n\n  it(\"should render a light stepper\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper appearance=\"light\">\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n    page.rootInstance.resizeObserverCallback();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.appearance).toMatch(\"light\");\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      expect(step.classList.contains(\"light\")).toBeTruthy();\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should test the setHideStepInfo method\", async () => {\n    const page = await newSpecPage({\n      components: [Stepper, Step],\n      html: `<ic-stepper>\n      <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n      <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n      <ic-step step-title=\"Update\"></ic-step>\n      <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n    });\n    await page.waitForChanges();\n\n    expect(page.rootInstance.hideStepInfo).toBeFalsy();\n\n    const steps = page.root.querySelectorAll(\"ic-step\");\n\n    steps.forEach((step) => {\n      const stepTitle = step.shadowRoot.querySelector(\n        \".step > .step-title-area\"\n      );\n\n      expect(stepTitle).not.toBeNull();\n      expect(stepTitle.classList.contains(\"visually-hidden\")).toBeFalsy();\n    });\n\n    page.rootInstance.hideStepInfo = true;\n    await page.waitForChanges();\n\n    expect(page.rootInstance.hideStepInfo).toBeTruthy();\n\n    steps.forEach((step) => {\n      const stepTitle = step.shadowRoot.querySelector(\n        \".step > .step-title-area\"\n      );\n\n      expect(stepTitle).not.toBeNull();\n      expect(stepTitle.classList.contains(\"visually-hidden\")).toBeTruthy();\n    });\n  });\n});\n"]}

package/dist/collection/components/ic-tab/ic-tab.css

@@ -496,12 +496,14 @@ video {
   pointer-events: none;
   color: var(--ic-architectural-300);
 }
+
 @media (prefers-reduced-motion: no-preference) {
   :host(.selected.with-transition) {
     transition: all var(--ic-easing-transition-slow),
       border-color var(--ic-transition-duration-slow);
   }
 }
+
 .ic-tab-label {
   pointer-events: none;
   text-wrap: nowrap;

package/dist/collection/components/ic-tab-context/ic-tab-context.js

@@ -192,6 +192,13 @@ export class TabContext {
         this.contextId = "default";
         this.selectedTabIndex = undefined;
     }
+    watchAppearanceHandler() {
+        this.tabs.forEach((tab, index) => {
+            tab.appearance = this.appearance;
+            this.tabPanels[index].appearance = this.appearance;
+        });
+        this.tabGroup.appearance = this.appearance;
+    }
     updateSelectedTab(newValue) {
         this.selectedTab = newValue;
     }
@@ -438,6 +445,9 @@ export class TabContext {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
+                "propName": "appearance",
+                "methodName": "watchAppearanceHandler"
+            }, {
                 "propName": "selectedTabIndex",
                 "methodName": "updateSelectedTab"
             }];