@sapudex/web-components 0.111.0

package/dist/TruncatedText.d.ts

@@ -0,0 +1,57 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+export declare enum ErrorVariableName {
+    charLimit = "char-limit"
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code> udex-truncated-text </code> component is a component used to limit and toggle text visibility.
+ *
+ * @constructor
+ * @extends UI5Element
+ * @tagname udex-truncated-text
+ * @public
+ */
+declare class UDExTruncatedText extends UI5Element {
+    /**
+    * Defines if the text is initially expanded.
+    *
+    * @public
+    */
+    initiallyExpanded: boolean;
+    /**
+     * Defines direction of the text.
+     *
+     * @private
+     */
+    _direction?: string;
+    /**
+    * Indicates the element text
+    *
+    * @public
+    */
+    text: string;
+    /**
+    * Indicates the limit for chars
+    *
+    * @public
+    * @default 150
+    */
+    charLimit: Integer;
+    static i18nBundle: I18nBundle;
+    constructor();
+    static onDefine(): Promise<void>;
+    get visibleText(): string;
+    get truncatedText(): string;
+    get buttonLabel(): string;
+    get validatedCharLimit(): Integer;
+    onBeforeRendering(): void;
+    cropAfter(): number;
+    validateVariables(name: string, value: number): void;
+    onToggleClick(): void;
+}
+export default UDExTruncatedText;

package/dist/TruncatedText.js

@@ -0,0 +1,97 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var UDExTruncatedText_1;
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { READ_LESS, READ_MORE } from "./generated/i18n/i18n-defaults.js";
+// Template
+import TruncatedTextTemplate from "./generated/templates/TruncatedTextTemplate.lit.js";
+// Styles
+import TruncatedTextCss from "./generated/themes/TruncatedText.css.js";
+import UDExButton from "./Button.js";
+export var ErrorVariableName;
+(function (ErrorVariableName) {
+    ErrorVariableName["charLimit"] = "char-limit";
+})(ErrorVariableName || (ErrorVariableName = {}));
+const ellipsisSymbols = "...";
+const lineEndRegExp = new RegExp(/($)|([,.]+)$|([,.]+)?\s+(\S*)$/);
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code> udex-truncated-text </code> component is a component used to limit and toggle text visibility.
+ *
+ * @constructor
+ * @extends UI5Element
+ * @tagname udex-truncated-text
+ * @public
+ */
+let UDExTruncatedText = UDExTruncatedText_1 = class UDExTruncatedText extends UI5Element {
+    constructor() {
+        super();
+    }
+    static async onDefine() {
+        UDExTruncatedText_1.i18nBundle = await getI18nBundle("sap-ui-webcomponents-bundle");
+    }
+    get visibleText() {
+        return this.initiallyExpanded ? `${this.text} ` : this.truncatedText;
+    }
+    get truncatedText() {
+        return this.text.substring(0, this.cropAfter()).replace(lineEndRegExp, ellipsisSymbols);
+    }
+    get buttonLabel() {
+        return this.initiallyExpanded
+            ? UDExTruncatedText_1.i18nBundle.getText(READ_LESS)
+            : UDExTruncatedText_1.i18nBundle.getText(READ_MORE);
+    }
+    get validatedCharLimit() {
+        return (Number(this.charLimit) < 0) ? 0 : this.charLimit;
+    }
+    onBeforeRendering() {
+        this.validateVariables(ErrorVariableName.charLimit, Number(this.charLimit));
+    }
+    cropAfter() {
+        return this.text.substring(0, Number(this.validatedCharLimit)).trim().length;
+    }
+    validateVariables(name, value) {
+        if (value < 0) {
+            console.warn(`The variable ${name} cannot take a negative value`);
+        }
+    }
+    onToggleClick() {
+        this.initiallyExpanded = !this.initiallyExpanded;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], UDExTruncatedText.prototype, "initiallyExpanded", void 0);
+__decorate([
+    property({ type: String })
+], UDExTruncatedText.prototype, "_direction", void 0);
+__decorate([
+    property({ type: String })
+], UDExTruncatedText.prototype, "text", void 0);
+__decorate([
+    property({ defaultValue: 150, type: Integer })
+], UDExTruncatedText.prototype, "charLimit", void 0);
+UDExTruncatedText = UDExTruncatedText_1 = __decorate([
+    customElement({
+        tag: "udex-truncated-text",
+        renderer: litRender,
+        styles: TruncatedTextCss,
+        template: TruncatedTextTemplate,
+        dependencies: [UDExButton],
+    })
+], UDExTruncatedText);
+UDExTruncatedText.define();
+export default UDExTruncatedText;
+//# sourceMappingURL=TruncatedText.js.map

package/dist/TruncatedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../src/TruncatedText.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport I18nBundle, { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { READ_LESS, READ_MORE } from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport TruncatedTextTemplate from \"./generated/templates/TruncatedTextTemplate.lit.js\";\n\n// Styles\nimport TruncatedTextCss from \"./generated/themes/TruncatedText.css.js\";\nimport UDExButton from \"./Button.js\";\n\nexport enum ErrorVariableName {\n  charLimit = \"char-limit\"\n}\n\nconst ellipsisSymbols = \"...\";\nconst lineEndRegExp = new RegExp(/($)|([,.]+)$|([,.]+)?\\s+(\\S*)$/);\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code> udex-truncated-text </code> component is a component used to limit and toggle text visibility.\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-truncated-text\n * @public\n */\n@customElement({\n  tag: \"udex-truncated-text\",\n  renderer: litRender,\n  styles: TruncatedTextCss,\n  template: TruncatedTextTemplate,\n  dependencies: [UDExButton],\n})\n\nclass UDExTruncatedText extends UI5Element {\n  /**\n  * Defines if the text is initially expanded.\n  *\n  * @public\n  */\n  @property({ type: Boolean })\n    initiallyExpanded!: boolean;\n\n  /**\n   * Defines direction of the text.\n   *\n   * @private\n   */\n  @property({ type: String })\n    _direction?: string;\n\n  /**\n  * Indicates the element text\n  *\n  * @public\n  */\n  @property({ type: String })\n    text!: string;\n\n  /**\n  * Indicates the limit for chars\n  *\n  * @public\n  * @default 150\n  */\n  @property({ defaultValue: 150, type: Integer })\n    charLimit!: Integer;\n\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n  }\n\n  static async onDefine() {\n    UDExTruncatedText.i18nBundle = await getI18nBundle(\"sap-ui-webcomponents-bundle\");\n  }\n\n  get visibleText() {\n    return this.initiallyExpanded ? `${this.text} ` : this.truncatedText;\n  }\n\n  get truncatedText() {\n    return this.text.substring(0, this.cropAfter()).replace(lineEndRegExp, ellipsisSymbols);\n  }\n\n  get buttonLabel() {\n    return this.initiallyExpanded\n      ? UDExTruncatedText.i18nBundle.getText(READ_LESS)\n      : UDExTruncatedText.i18nBundle.getText(READ_MORE);\n  }\n\n  get validatedCharLimit() {\n    return (Number(this.charLimit) < 0) ? 0 : this.charLimit;\n  }\n\n  onBeforeRendering(): void {\n    this.validateVariables(ErrorVariableName.charLimit, Number(this.charLimit));\n  }\n\n  cropAfter(): number {\n    return this.text.substring(0, Number(this.validatedCharLimit)).trim().length;\n  }\n\n  validateVariables(name: string, value: number): void {\n    if (value < 0) {\n      console.warn(`The variable ${name} cannot take a negative value`);\n    }\n  }\n\n  onToggleClick(): void {\n    this.initiallyExpanded = !this.initiallyExpanded;\n  }\n}\n\nUDExTruncatedText.define();\n\nexport default UDExTruncatedText;\n"]}

package/dist/Wizard.d.ts

@@ -0,0 +1,38 @@
+import Wizard from "@ui5/webcomponents-fiori/dist/Wizard.js";
+import UDExWizardTab from "./WizardTab.js";
+import UDExWizardStep from "./WizardStep.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-wizard</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/Wizard.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @extends Wizard
+ * @tagname udex-wizard
+ * @public
+ */
+declare class UDExWizard extends Wizard {
+    steps: UDExWizardStep[];
+    /**
+     * Defines whether the component has unknown number of steps.
+     *
+     * @default false
+     * @public
+     */
+    indeterminate: boolean;
+    constructor();
+    onEnterDOM(): void;
+    get slottedSteps(): UDExWizardStep[];
+    get stepsInHeaderDOM(): UDExWizardTab[];
+    get _steps(): UDExWizardStep[];
+}
+export default UDExWizard;

package/dist/Wizard.js

@@ -0,0 +1,170 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import Wizard from "@ui5/webcomponents-fiori/dist/Wizard.js";
+import WizardContentLayout from "@ui5/webcomponents-fiori/dist/types/WizardContentLayout.js";
+import wizardCss from "@ui5/webcomponents-fiori/dist/generated/themes/Wizard.css.js";
+import UDExWizardTab from "./WizardTab.js";
+import UDExWizardStep from "./WizardStep.js";
+import WizardTemplate from "./generated/templates/WizardTemplate.lit.js";
+// Styles
+import WizardCss from "./generated/themes/Wizard.css.js";
+const EXPANDED_STEP = "data-ui5-wizard-expanded-tab";
+const RESPONSIVE_BREAKPOINTS = {
+    "360": "S",
+    "640": "M",
+    "980": "L",
+    "1300": "XL",
+};
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-wizard</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/Wizard.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @extends Wizard
+ * @tagname udex-wizard
+ * @public
+ */
+let UDExWizard = class UDExWizard extends Wizard {
+    constructor() {
+        super();
+    }
+    onEnterDOM() {
+        this.contentLayout = WizardContentLayout.SingleStep;
+        this._calcCurrentBreakpoint = () => {
+            const breakpointDimensions = Object.keys(RESPONSIVE_BREAKPOINTS).reverse();
+            const breakpoint = breakpointDimensions.find(size => Number(size) < this.width);
+            this._breakpoint = breakpoint ? RESPONSIVE_BREAKPOINTS[breakpoint] : RESPONSIVE_BREAKPOINTS["360"];
+        };
+        // overriding ui5-wizard behavior for small screens - tabs are not clickable, unless expanded
+        this._adjustHeaderOverflow = () => {
+            const tabs = this.stepsInHeaderDOM;
+            tabs.forEach(step => {
+                step.setAttribute(EXPANDED_STEP, "true");
+            });
+        };
+        this.switchSelectionFromOldToNewStep = (selectedStep, stepToSelect, stepToSelectIndex, changeWithClick) => {
+            if (selectedStep && stepToSelect) {
+                // keep the selection if next step is disabled
+                if (!stepToSelect.disabled) {
+                    selectedStep.selected = false;
+                    selectedStep.completed = true;
+                    stepToSelect.selected = true;
+                }
+                this.fireEvent("step-change", {
+                    step: stepToSelect,
+                    previousStep: selectedStep,
+                    changeWithClick,
+                });
+                this.selectedStepIndex = stepToSelectIndex;
+            }
+        };
+        this.getLastEnabledStepIndex = () => {
+            let lastEnabledStepIndex = 0;
+            this.slottedSteps.forEach((step, idx) => {
+                if (step.selected || step.completed) {
+                    lastEnabledStepIndex = idx;
+                }
+            });
+            return lastEnabledStepIndex;
+        };
+        this.getStepsInfo = () => {
+            const lastEnabledStepIndex = this.getLastEnabledStepIndex();
+            const stepsCount = this.stepsCount;
+            const selectedStepIndex = this.getSelectedStepIndex();
+            let initialZIndex = this.steps.length + 10;
+            let accInfo;
+            this._adjustHeaderOverflow();
+            return this.steps.map((step, idx) => {
+                const pos = idx + 1;
+                const hideSeparator = idx === stepsCount - 1 && !this.indeterminate;
+                const stepStateText = step.disabled
+                    ? this.inactiveStepText
+                    : this.activeStepText;
+                const ariaLabel = (step.titleText
+                    ? `${pos} ${step.titleText} ${stepStateText}`
+                    : `${this.navStepDefaultHeading} ${pos} ${stepStateText}`).trim();
+                const isAfterCurrent = idx > selectedStepIndex;
+                accInfo = {
+                    ariaSetsize: stepsCount,
+                    ariaPosinset: pos,
+                    ariaLabel: this.getStepAriaLabelText(step, ariaLabel),
+                };
+                const stepInfo = {
+                    icon: step.icon,
+                    titleText: step.titleText,
+                    subtitleText: step.subtitleText,
+                    number: pos,
+                    selected: step.selected,
+                    disabled: !step.selected && !step.completed,
+                    completed: step.completed,
+                    hideSeparator,
+                    activeSeparator: idx < lastEnabledStepIndex,
+                    branchingSeparator: step.branching,
+                    pos,
+                    accInfo,
+                    refStepId: step._id,
+                    tabIndex: this.selectedStepIndex === idx ? "0" : "-1",
+                    breakpoint: this._breakpoint,
+                    styles: {
+                        zIndex: isAfterCurrent ? --initialZIndex : 1,
+                    },
+                };
+                return stepInfo;
+            });
+        };
+    }
+    get slottedSteps() {
+        return this.getSlottedNodes("steps");
+    }
+    get stepsInHeaderDOM() {
+        return Array.from(this.shadowRoot.querySelectorAll("[udex-wizard-tab]"));
+    }
+    get _steps() {
+        const stepsInfo = this.getStepsInfo();
+        return this.steps.map((step, idx) => {
+            step.stepContentAriaLabel = `${this.navStepDefaultHeading} ${stepsInfo[idx].number} ${stepsInfo[idx].titleText}`;
+            return step;
+        });
+    }
+};
+__decorate([
+    slot({
+        "default": true,
+        type: HTMLElement,
+        individualSlots: true,
+        invalidateOnChildChange: true,
+    })
+], UDExWizard.prototype, "steps", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExWizard.prototype, "indeterminate", void 0);
+UDExWizard = __decorate([
+    customElement({
+        tag: "udex-wizard",
+        renderer: litRender,
+        template: WizardTemplate,
+        styles: [wizardCss, WizardCss],
+        dependencies: [Wizard, UDExWizardTab, UDExWizardStep],
+    })
+], UDExWizard);
+UDExWizard.define();
+export default UDExWizard;
+//# sourceMappingURL=Wizard.js.map

package/dist/Wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../src/Wizard.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Wizard from \"@ui5/webcomponents-fiori/dist/Wizard.js\";\nimport WizardContentLayout from \"@ui5/webcomponents-fiori/dist/types/WizardContentLayout.js\";\nimport wizardCss from \"@ui5/webcomponents-fiori/dist/generated/themes/Wizard.css.js\";\nimport UDExWizardTab from \"./WizardTab.js\";\nimport UDExWizardStep from \"./WizardStep.js\";\n\nimport WizardTemplate from \"./generated/templates/WizardTemplate.lit.js\";\n\n// Styles\nimport WizardCss from \"./generated/themes/Wizard.css.js\";\n\ntype ResponsiveBreakpoints = {\n  [key: string]: string\n}\n\nconst EXPANDED_STEP = \"data-ui5-wizard-expanded-tab\";\nconst RESPONSIVE_BREAKPOINTS: ResponsiveBreakpoints = {\n  \"360\": \"S\",\n  \"640\": \"M\",\n  \"980\": \"L\",\n  \"1300\": \"XL\",\n};\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-wizard</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/Wizard.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends Wizard\n * @tagname udex-wizard\n * @public\n */\n@customElement({\n  tag: \"udex-wizard\",\n  renderer: litRender,\n  template: WizardTemplate,\n  styles: [wizardCss, WizardCss],\n  dependencies: [Wizard, UDExWizardTab, UDExWizardStep],\n})\n\nclass UDExWizard extends Wizard {\n  @slot({\n    \"default\": true,\n    type: HTMLElement,\n    individualSlots: true,\n    invalidateOnChildChange: true,\n  })\n    steps!: UDExWizardStep[];\n\n  /**\n   * Defines whether the component has unknown number of steps.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    indeterminate!: boolean;\n\n  constructor() {\n    super();\n  }\n\n  onEnterDOM() {\n    this.contentLayout = WizardContentLayout.SingleStep;\n\n    this._calcCurrentBreakpoint = () => {\n      const breakpointDimensions = Object.keys(RESPONSIVE_BREAKPOINTS).reverse();\n      const breakpoint = breakpointDimensions.find(size => Number(size) < this.width!);\n      this._breakpoint = breakpoint ? RESPONSIVE_BREAKPOINTS[breakpoint] : RESPONSIVE_BREAKPOINTS[\"360\"];\n    };\n\n    // overriding ui5-wizard behavior for small screens - tabs are not clickable, unless expanded\n    this._adjustHeaderOverflow = () => {\n      const tabs = this.stepsInHeaderDOM;\n      tabs.forEach(step => {\n        step.setAttribute(EXPANDED_STEP, \"true\");\n      });\n    };\n\n    this.switchSelectionFromOldToNewStep = (\n      selectedStep: UDExWizardStep,\n      stepToSelect: UDExWizardStep,\n      stepToSelectIndex,\n      changeWithClick,\n    ) => {\n      if (selectedStep && stepToSelect) {\n        // keep the selection if next step is disabled\n        if (!stepToSelect.disabled) {\n          selectedStep.selected = false;\n          selectedStep.completed = true;\n          stepToSelect.selected = true;\n        }\n        this.fireEvent(\"step-change\", {\n          step: stepToSelect,\n          previousStep: selectedStep,\n          changeWithClick,\n        });\n        this.selectedStepIndex = stepToSelectIndex;\n      }\n    };\n\n    this.getLastEnabledStepIndex = () => {\n      let lastEnabledStepIndex = 0;\n      this.slottedSteps.forEach((step, idx) => {\n        if (step.selected || step.completed) {\n          lastEnabledStepIndex = idx;\n        }\n      });\n      return lastEnabledStepIndex;\n    };\n\n    this.getStepsInfo = () => {\n      const lastEnabledStepIndex = this.getLastEnabledStepIndex();\n      const stepsCount = this.stepsCount;\n      const selectedStepIndex = this.getSelectedStepIndex();\n      let initialZIndex = this.steps.length + 10;\n      let accInfo;\n      this._adjustHeaderOverflow();\n      return this.steps.map((step, idx) => {\n        const pos = idx + 1;\n        const hideSeparator = idx === stepsCount - 1 && !this.indeterminate;\n        const stepStateText = step.disabled\n          ? this.inactiveStepText\n          : this.activeStepText;\n        const ariaLabel = (\n          step.titleText\n            ? `${pos} ${step.titleText} ${stepStateText}`\n            : `${this.navStepDefaultHeading} ${pos} ${stepStateText}`\n        ).trim();\n        const isAfterCurrent = idx > selectedStepIndex;\n        accInfo = {\n          ariaSetsize: stepsCount,\n          ariaPosinset: pos,\n          ariaLabel: this.getStepAriaLabelText(step, ariaLabel),\n        };\n        const stepInfo = {\n          icon: step.icon,\n          titleText: step.titleText,\n          subtitleText: step.subtitleText,\n          number: pos,\n          selected: step.selected,\n          disabled: !step.selected && !step.completed,\n          completed: step.completed,\n          hideSeparator,\n          activeSeparator: idx < lastEnabledStepIndex,\n          branchingSeparator: step.branching,\n          pos,\n          accInfo,\n          refStepId: step._id,\n          tabIndex: this.selectedStepIndex === idx ? \"0\" : \"-1\",\n          breakpoint: this._breakpoint,\n          styles: {\n            zIndex: isAfterCurrent ? --initialZIndex : 1,\n          },\n        };\n        return stepInfo;\n      });\n    };\n  }\n\n  get slottedSteps(): UDExWizardStep[] {\n    return this.getSlottedNodes(\"steps\");\n  }\n\n  get stepsInHeaderDOM(): UDExWizardTab[] {\n    return Array.from(this.shadowRoot!.querySelectorAll(\"[udex-wizard-tab]\"));\n  }\n\n  get _steps(): UDExWizardStep[] {\n    const stepsInfo = this.getStepsInfo();\n    return this.steps.map((step, idx) => {\n      step.stepContentAriaLabel = `${this.navStepDefaultHeading} ${stepsInfo[idx].number} ${stepsInfo[idx].titleText}`;\n      return step;\n    });\n  }\n}\n\nUDExWizard.define();\n\nexport default UDExWizard;\n"]}

package/dist/WizardStep.d.ts

@@ -0,0 +1,28 @@
+import WizardStep from "@ui5/webcomponents-fiori/dist/WizardStep.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-wizard-step</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/WizardStep.js";</code>
+ *
+ * @constructor
+ * @extends WizardStep
+ * @public
+ */
+declare class UDExWizardStep extends WizardStep {
+    /**
+     * Defines if the Wizard step is completed.
+     *
+     * @default false
+     * @public
+     */
+    completed: boolean;
+}
+export default UDExWizardStep;

package/dist/WizardStep.js

@@ -0,0 +1,44 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import WizardStep from "@ui5/webcomponents-fiori/dist/WizardStep.js";
+// Styles
+import wizardStepCss from "@ui5/webcomponents-fiori/dist/generated/themes/Wizard.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-wizard-step</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/WizardStep.js";</code>
+ *
+ * @constructor
+ * @extends WizardStep
+ * @public
+ */
+let UDExWizardStep = class UDExWizardStep extends WizardStep {
+};
+__decorate([
+    property({ type: Boolean })
+], UDExWizardStep.prototype, "completed", void 0);
+UDExWizardStep = __decorate([
+    customElement({
+        tag: "udex-wizard-step",
+        renderer: litRender,
+        styles: wizardStepCss,
+    })
+], UDExWizardStep);
+UDExWizardStep.define();
+export default UDExWizardStep;
+//# sourceMappingURL=WizardStep.js.map

package/dist/WizardStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../src/WizardStep.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,UAAU,MAAM,6CAA6C,CAAC;AAErE,SAAS;AACT,OAAO,aAAa,MAAM,8DAA8D,CAAC;AAEzF;;;;;;;;;;;;;;;;GAgBG;AAMH,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;CAStC,CAAA;AADG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACN;AARlB,cAAc;IALnB,aAAa,CAAC;QACb,GAAG,EAAE,kBAAkB;QACvB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,aAAa;KACtB,CAAC;GACI,cAAc,CASnB;AAED,cAAc,CAAC,MAAM,EAAE,CAAC;AAExB,eAAe,cAAc,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport WizardStep from \"@ui5/webcomponents-fiori/dist/WizardStep.js\";\n\n// Styles\nimport wizardStepCss from \"@ui5/webcomponents-fiori/dist/generated/themes/Wizard.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-wizard-step</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/WizardStep.js\";</code>\n *\n * @constructor\n * @extends WizardStep\n * @public\n */\n@customElement({\n  tag: \"udex-wizard-step\",\n  renderer: litRender,\n  styles: wizardStepCss,\n})\nclass UDExWizardStep extends WizardStep {\n  /**\n   * Defines if the Wizard step is completed.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    completed!: boolean;\n}\n\nUDExWizardStep.define();\n\nexport default UDExWizardStep;\n"]}

package/dist/WizardTab.d.ts

@@ -0,0 +1,36 @@
+import UI5WizardTab from "@ui5/webcomponents-fiori/dist/WizardTab.js";
+export declare enum WindowSize {
+    S = "S",
+    M = "M",
+    L = "L",
+    XL = "XL"
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-wizard</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/Wizard.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @extends UI5WizardTab
+ * @tagname udex-wizard-tab
+ * @public
+ */
+declare class UDExWizardTab extends UI5WizardTab {
+    /**
+     * Determines if the title and subtitle should be displayed, based on window size.
+     *
+     * @default "L"
+     * @public
+     */
+    breakpoint: `${WindowSize}`;
+}
+export default UDExWizardTab;

package/dist/WizardTab.js

@@ -0,0 +1,55 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import UI5WizardTab from "@ui5/webcomponents-fiori/dist/WizardTab.js";
+// Styles
+import wizardTabCss from "@ui5/webcomponents-fiori/dist/generated/themes/WizardTab.css.js";
+import WizardTabCss from "./generated/themes/WizardTab.css.js";
+export var WindowSize;
+(function (WindowSize) {
+    WindowSize["S"] = "S";
+    WindowSize["M"] = "M";
+    WindowSize["L"] = "L";
+    WindowSize["XL"] = "XL";
+})(WindowSize || (WindowSize = {}));
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-wizard</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/Wizard.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @extends UI5WizardTab
+ * @tagname udex-wizard-tab
+ * @public
+ */
+let UDExWizardTab = class UDExWizardTab extends UI5WizardTab {
+};
+__decorate([
+    property({ type: WindowSize, defaultValue: WindowSize.L })
+], UDExWizardTab.prototype, "breakpoint", void 0);
+UDExWizardTab = __decorate([
+    customElement({
+        tag: "udex-wizard-tab",
+        renderer: litRender,
+        styles: [wizardTabCss, WizardTabCss],
+        dependencies: [UI5WizardTab],
+    })
+], UDExWizardTab);
+UDExWizardTab.define();
+export default UDExWizardTab;
+//# sourceMappingURL=WizardTab.js.map

package/dist/WizardTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardTab.js","sourceRoot":"","sources":["../src/WizardTab.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,YAAY,MAAM,4CAA4C,CAAC;AAEtE,SAAS;AACT,OAAO,YAAY,MAAM,iEAAiE,CAAC;AAC3F,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAE/D,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,qBAAO,CAAA;IACP,qBAAO,CAAA;IACP,qBAAO,CAAA;IACP,uBAAS,CAAA;AACX,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AAOH,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,YAAY;CASvC,CAAA;AADG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC;iDAC5B;AAR3B,aAAa;IANlB,aAAa,CAAC;QACb,GAAG,EAAE,iBAAiB;QACtB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;QACpC,YAAY,EAAE,CAAC,YAAY,CAAC;KAC7B,CAAC;GACI,aAAa,CASlB;AAED,aAAa,CAAC,MAAM,EAAE,CAAC;AAEvB,eAAe,aAAa,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport UI5WizardTab from \"@ui5/webcomponents-fiori/dist/WizardTab.js\";\n\n// Styles\nimport wizardTabCss from \"@ui5/webcomponents-fiori/dist/generated/themes/WizardTab.css.js\";\nimport WizardTabCss from \"./generated/themes/WizardTab.css.js\";\n\nexport enum WindowSize {\n  S = \"S\",\n  M = \"M\",\n  L = \"L\",\n  XL = \"XL\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-wizard</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/Wizard.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5WizardTab\n * @tagname udex-wizard-tab\n * @public\n */\n@customElement({\n  tag: \"udex-wizard-tab\",\n  renderer: litRender,\n  styles: [wizardTabCss, WizardTabCss],\n  dependencies: [UI5WizardTab],\n})\nclass UDExWizardTab extends UI5WizardTab {\n  /**\n   * Determines if the title and subtitle should be displayed, based on window size.\n   *\n   * @default \"L\"\n   * @public\n   */\n  @property({ type: WindowSize, defaultValue: WindowSize.L })\n    breakpoint!: `${WindowSize}`;\n}\n\nUDExWizardTab.define();\n\nexport default UDExWizardTab;\n"]}