@sapudex/web-components 0.111.0

package/config/postcss.components/postcss.config.js

@@ -0,0 +1 @@
+module.exports = require("@ui5/webcomponents-tools/components-package/postcss.components.js"); // eslint-disable-line

package/config/postcss.themes/postcss.config.js

@@ -0,0 +1 @@
+module.exports = require("@ui5/webcomponents-tools/components-package/postcss.themes.js"); // eslint-disable-line

package/config/wdio.conf.js

@@ -0,0 +1,16 @@
+const config = require("@ui5/webcomponents-tools/components-package/wdio.js");
+
+// For test debugging purposes - removed the headless arg and sets larger timeout
+// config.config.capabilities[0]["goog:chromeOptions"].args = ['--disable-gpu'];
+// config.config.mochaOpts.timeout = (24 * 60 * 60 * 1000);
+
+config.config.capabilities[0]["goog:chromeOptions"].args = [
+  ...config.config.capabilities[0]["goog:chromeOptions"].args,
+  // '--disable-gpu',
+  '--disable-search-engine-choice-screen'
+];
+
+config.config.maxInstances = 2;
+config.config.capabilities[0].maxInstances = 2;
+
+module.exports = config;

package/dist/Accordion.d.ts

@@ -0,0 +1,67 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import "@ui5/webcomponents-icons/dist/feeder-arrow.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-accordion</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/Accordion.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @extends UI5Element
+ * @tagname udex-accordion
+ * @public
+ */
+declare class UDExAccordion extends UI5Element {
+    /**
+     * Used internally to store expand/collapse button state.
+     *
+     * @private
+     */
+    _allExpanded: boolean;
+    /**
+     * Defines direction of the accordion component.
+     *
+     * @private
+     */
+    _direction?: string;
+    /**
+     * Defines the headline text of the accordion component.
+     *
+     * @default ""
+     * @public
+     */
+    headline: string;
+    /**
+     * Slot for accordion items.
+     *
+     * @slot
+     * @public
+     */
+    _items: Array<HTMLElement>;
+    _activeItemIndex: number;
+    static i18nBundle: I18nBundle;
+    constructor();
+    static onDefine(): Promise<void>;
+    get accordionClass(): string;
+    get toggleAllText(): string;
+    get isExpanded(): boolean;
+    get items(): {
+        item: HTMLElement;
+    }[];
+    get headlineText(): string;
+    toggleAllHandler(e: Event): void;
+    toggleKeyAllHandler(e: KeyboardEvent): void;
+    keydownHandler(e: KeyboardEvent): void;
+    itemFocusHandler(e: CustomEvent): void;
+    onAfterRendering(): void;
+}
+export default UDExAccordion;

package/dist/Accordion.js

@@ -0,0 +1,178 @@
+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 UDExAccordion_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 slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import "@ui5/webcomponents-icons/dist/feeder-arrow.js";
+import { isEnter, isSpace, } from "@ui5/webcomponents-base/dist/Keys.js";
+import AccordionTemplate from "./generated/templates/AccordionTemplate.lit.js";
+// Styles
+import AccordionCss from "./generated/themes/Accordion.css.js";
+import { COLLAPSE_ALL, EXPAND_ALL } from "./generated/i18n/i18n-defaults.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-accordion</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/Accordion.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @extends UI5Element
+ * @tagname udex-accordion
+ * @public
+ */
+let UDExAccordion = UDExAccordion_1 = class UDExAccordion extends UI5Element {
+    constructor() {
+        super();
+        this._allExpanded = false;
+        this._activeItemIndex = -1;
+    }
+    static async onDefine() {
+        UDExAccordion_1.i18nBundle = await getI18nBundle("sap-ui-webcomponents-bundle");
+    }
+    get accordionClass() {
+        let classes = "udex-accordion";
+        if (this._direction === "rtl") {
+            classes = `${classes} udex-accordion--${this._direction}`;
+        }
+        return classes;
+    }
+    get toggleAllText() {
+        return this._allExpanded
+            ? UDExAccordion_1.i18nBundle.getText(COLLAPSE_ALL)
+            : UDExAccordion_1.i18nBundle.getText(EXPAND_ALL);
+    }
+    get isExpanded() {
+        return this._allExpanded;
+    }
+    get items() {
+        return this._items.map(el => {
+            return {
+                item: el,
+            };
+        });
+    }
+    get headlineText() {
+        return this.headline ? this.headline : "Default headline";
+    }
+    toggleAllHandler(e) {
+        e.preventDefault();
+        this.fireEvent("toggle-items", { isOpen: this._allExpanded });
+        this._allExpanded = !this._allExpanded;
+    }
+    toggleKeyAllHandler(e) {
+        if (isEnter(e) || isSpace(e)) {
+            this.fireEvent("toggle-items", { isOpen: this._allExpanded });
+            this._allExpanded = !this._allExpanded;
+        }
+    }
+    keydownHandler(e) {
+        if (e.key !== "Tab") {
+            e.preventDefault();
+        }
+        const len = this._items.length;
+        const focusOnItem = (itemIndex) => {
+            const item = this._items[itemIndex];
+            this._activeItemIndex = itemIndex;
+            item?.shadowRoot?.querySelector(".udex-accordion-item__header")?.focus();
+        };
+        switch (e.key) {
+            case "Home":
+                focusOnItem(0);
+                break;
+            case "End":
+                focusOnItem(len - 1);
+                break;
+            case "ArrowUp":
+                if (this._activeItemIndex > 0) {
+                    focusOnItem(this._activeItemIndex - 1);
+                }
+                else if (this._activeItemIndex === 0) {
+                    focusOnItem(len - 1);
+                }
+                break;
+            case "ArrowDown":
+                if (this._activeItemIndex < len - 1) {
+                    focusOnItem(this._activeItemIndex + 1);
+                }
+                else if (this._activeItemIndex === len - 1) {
+                    focusOnItem(0);
+                }
+                break;
+            default:
+                break;
+        }
+    }
+    itemFocusHandler(e) {
+        const target = e.target;
+        if (target) {
+            this._activeItemIndex = this._items?.indexOf(target) ?? -1;
+        }
+    }
+    onAfterRendering() {
+        const accordion = this.shadowRoot?.querySelector(".udex-accordion");
+        if (accordion) {
+            const directionStyles = window
+                .getComputedStyle(accordion)
+                .getPropertyValue("direction");
+            if (!directionStyles) {
+                this._direction = "ltr";
+            }
+            else {
+                this._direction = directionStyles;
+            }
+        }
+    }
+};
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], UDExAccordion.prototype, "_allExpanded", void 0);
+__decorate([
+    property({ type: String })
+], UDExAccordion.prototype, "_direction", void 0);
+__decorate([
+    property({ type: String })
+], UDExAccordion.prototype, "headline", void 0);
+__decorate([
+    slot({ type: HTMLElement, "default": true, individualSlots: true })
+], UDExAccordion.prototype, "_items", void 0);
+UDExAccordion = UDExAccordion_1 = __decorate([
+    customElement({
+        tag: "udex-accordion",
+        renderer: litRender,
+        styles: AccordionCss,
+        template: AccordionTemplate,
+        dependencies: [],
+    })
+    /**
+     * Triggered when the user click on on Expand/Collapse All button.
+     *
+     * @event sap.ui.webc.web-components.UDExAccordion#toggleItems
+     * @public
+     */
+    ,
+    event("toggle-items", {
+        detail: {
+            isOpen: { type: Boolean },
+        },
+    })
+], UDExAccordion);
+UDExAccordion.define();
+export default UDExAccordion;
+//# sourceMappingURL=Accordion.js.map

package/dist/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../src/Accordion.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport \"@ui5/webcomponents-icons/dist/feeder-arrow.js\";\nimport {\n  isEnter,\n  isSpace,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport AccordionTemplate from \"./generated/templates/AccordionTemplate.lit.js\";\n\n// Styles\nimport AccordionCss from \"./generated/themes/Accordion.css.js\";\nimport { COLLAPSE_ALL, EXPAND_ALL } from \"./generated/i18n/i18n-defaults.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-accordion</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/Accordion.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-accordion\n * @public\n */\n@customElement({\n  tag: \"udex-accordion\",\n  renderer: litRender,\n  styles: AccordionCss,\n  template: AccordionTemplate,\n  dependencies: [],\n})\n\n/**\n * Triggered when the user click on on Expand/Collapse All button.\n *\n * @event sap.ui.webc.web-components.UDExAccordion#toggleItems\n * @public\n */\n@event(\"toggle-items\", {\n  detail:\n    {\n      isOpen:\n        { type: Boolean },\n    },\n})\nclass UDExAccordion extends UI5Element {\n  /**\n   * Used internally to store expand/collapse button state.\n   *\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true }) _allExpanded!: boolean;\n\n  /**\n   * Defines direction of the accordion component.\n   *\n   * @private\n   */\n  @property({ type: String }) _direction?: string;\n\n  /**\n   * Defines the headline text of the accordion component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String }) headline!: string;\n\n  /**\n   * Slot for accordion items.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true }) _items!: Array<HTMLElement>;\n\n  _activeItemIndex: number;\n\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n    this._allExpanded = false;\n    this._activeItemIndex = -1;\n  }\n\n  static async onDefine() {\n    UDExAccordion.i18nBundle = await getI18nBundle(\"sap-ui-webcomponents-bundle\");\n  }\n\n  get accordionClass(): string {\n    let classes = \"udex-accordion\";\n    if (this._direction === \"rtl\") {\n      classes = `${classes} udex-accordion--${this._direction}`;\n    }\n\n    return classes;\n  }\n\n  get toggleAllText(): string {\n    return this._allExpanded\n      ? UDExAccordion.i18nBundle.getText(COLLAPSE_ALL)\n      : UDExAccordion.i18nBundle.getText(EXPAND_ALL);\n  }\n\n  get isExpanded(): boolean {\n    return this._allExpanded;\n  }\n\n  get items() {\n    return this._items.map(el => {\n      return {\n        item: el,\n      };\n    });\n  }\n\n  get headlineText() {\n    return this.headline ? this.headline : \"Default headline\";\n  }\n\n  toggleAllHandler(e: Event) {\n    e.preventDefault();\n    this.fireEvent(\"toggle-items\", { isOpen: this._allExpanded });\n    this._allExpanded = !this._allExpanded;\n  }\n\n  toggleKeyAllHandler(e: KeyboardEvent) {\n    if (isEnter(e) || isSpace(e)) {\n      this.fireEvent(\"toggle-items\", { isOpen: this._allExpanded });\n      this._allExpanded = !this._allExpanded;\n    }\n  }\n\n  keydownHandler(e: KeyboardEvent) {\n    if (e.key !== \"Tab\") {\n      e.preventDefault();\n    }\n    const len = this._items.length;\n    const focusOnItem = (itemIndex: number) => {\n      const item = this._items[itemIndex];\n      this._activeItemIndex = itemIndex;\n      (item?.shadowRoot?.querySelector(\".udex-accordion-item__header\") as HTMLElement)?.focus();\n    };\n\n    switch (e.key) {\n    case \"Home\":\n      focusOnItem(0);\n      break;\n    case \"End\":\n      focusOnItem(len - 1);\n      break;\n    case \"ArrowUp\":\n      if (this._activeItemIndex > 0) {\n        focusOnItem(this._activeItemIndex - 1);\n      } else if (this._activeItemIndex === 0) {\n        focusOnItem(len - 1);\n      }\n      break;\n    case \"ArrowDown\":\n      if (this._activeItemIndex < len - 1) {\n        focusOnItem(this._activeItemIndex + 1);\n      } else if (this._activeItemIndex === len - 1) {\n        focusOnItem(0);\n      }\n      break;\n    default:\n      break;\n    }\n  }\n\n  itemFocusHandler(e: CustomEvent) {\n    const target = e.target as HTMLElement;\n    if (target) {\n      this._activeItemIndex = this._items?.indexOf(target) ?? -1;\n    }\n  }\n\n  onAfterRendering() {\n    const accordion = this.shadowRoot?.querySelector<HTMLElement>(\n      \".udex-accordion\",\n    );\n    if (accordion) {\n      const directionStyles: string = window\n        .getComputedStyle(accordion)\n        .getPropertyValue(\"direction\");\n      if (!directionStyles) {\n        this._direction = \"ltr\";\n      } else {\n        this._direction = directionStyles;\n      }\n    }\n  }\n}\n\nUDExAccordion.define();\n\nexport default UDExAccordion;\n"]}

package/dist/AccordionItem.d.ts

@@ -0,0 +1,73 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import "@ui5/webcomponents/dist/Icon.js";
+import "@ui5/webcomponents-icons/dist/AllIcons.js";
+import "@ui5/webcomponents-icons/dist/feeder-arrow.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-accordion-item</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/AccordionItem.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @extends UI5Element
+ * @tagname udex-accordion-item
+ * @public
+ */
+declare class UDExAccordionItem extends UI5Element {
+    /**
+     * Defines the title of the accordion item component.
+     *
+     * @default ""
+     * @public
+     */
+    title: string;
+    /**
+     * Defines if the accordion item is expanded by default
+     *
+     * @default false
+     * @public
+     */
+    expanded: boolean;
+    /**
+     * Used internally to understand the component's open or closed state.
+     *
+     * @default false
+     * @private
+     */
+    isOpen: boolean;
+    /**
+     * Defines direction of the accordion item.
+     *
+     * @public
+     */
+    _direction?: string;
+    /**
+     * Slot for accordion item content.
+     *
+     * @slot
+     * @public
+     */
+    content: Array<Node>;
+    _el: HTMLElement | null;
+    constructor();
+    onEnterDOM(): void;
+    contentKeydown(e: KeyboardEvent): void;
+    itemClickHandler(e: Event): void;
+    toggleAllHandler(e: Event): void;
+    toggleItemState(el: HTMLElement, isActive: boolean): void;
+    toggleExpanded(): void;
+    focusHandler(): void;
+    keydownHandler(e: KeyboardEvent): void;
+    get accordionItemsClass(): string;
+    get ariaLabelledby(): string;
+    onAfterRendering(): void;
+}
+export default UDExAccordionItem;

package/dist/AccordionItem.js

@@ -0,0 +1,162 @@
+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 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 slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import "@ui5/webcomponents/dist/Icon.js";
+import "@ui5/webcomponents-icons/dist/AllIcons.js";
+import "@ui5/webcomponents-icons/dist/feeder-arrow.js";
+import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
+import AccordionItemTemplate from "./generated/templates/AccordionItemTemplate.lit.js";
+// Styles
+import AccordionItemCss from "./generated/themes/AccordionItem.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-accordion-item</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/AccordionItem.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @extends UI5Element
+ * @tagname udex-accordion-item
+ * @public
+ */
+let UDExAccordionItem = class UDExAccordionItem extends UI5Element {
+    constructor() {
+        super();
+        /**
+         * Used internally to understand the component's open or closed state.
+         *
+         * @default false
+         * @private
+         */
+        this.isOpen = false;
+        this._el = null;
+    }
+    onEnterDOM() {
+        if (isDesktop()) {
+            this.setAttribute("desktop", "");
+        }
+    }
+    contentKeydown(e) {
+        e.stopPropagation();
+    }
+    itemClickHandler(e) {
+        e.preventDefault();
+        if (this._el) {
+            const isActive = this._el.classList.contains("active");
+            this.toggleItemState(this._el, isActive);
+            this.toggleExpanded();
+        }
+    }
+    toggleAllHandler(e) {
+        e.preventDefault();
+        const customEvent = e;
+        if (this._el) {
+            this.toggleItemState(this._el, customEvent.detail.isOpen);
+        }
+    }
+    toggleItemState(el, isActive) {
+        if (isActive) {
+            el.classList.remove("active");
+            el.querySelector(".udex-accordion-item__header")?.setAttribute("aria-expanded", "false");
+        }
+        else {
+            el.classList.add("active");
+            el.querySelector(".udex-accordion-item__header")?.setAttribute("aria-expanded", "true");
+        }
+    }
+    toggleExpanded() {
+        this.expanded = !this.expanded;
+    }
+    focusHandler() {
+        this.fireEvent("accordion-item-focus");
+    }
+    keydownHandler(e) {
+        switch (e.key) {
+            case "Enter":
+            case " ":
+                this.itemClickHandler(e);
+                break;
+            default:
+                break;
+        }
+    }
+    get accordionItemsClass() {
+        let classes = "udex-accordion-item";
+        if (this._direction === "rtl") {
+            classes = `${classes} ${this._direction}`;
+        }
+        return classes;
+    }
+    get ariaLabelledby() {
+        return `${this._id}-header-title`;
+    }
+    onAfterRendering() {
+        this._el = this.shadowRoot?.querySelector(".udex-accordion-item") || null;
+        const accordion = this.shadowRoot?.querySelector(".udex-accordion-item") || null;
+        if (accordion) {
+            const directionStyles = window
+                .getComputedStyle(accordion)
+                .getPropertyValue("direction");
+            if (!directionStyles) {
+                this._direction = "ltr";
+            }
+            else {
+                this._direction = directionStyles;
+            }
+        }
+        if (this._el) {
+            this.toggleItemState(this._el, !this.expanded);
+        }
+        this?.parentElement?.addEventListener("ui5-toggle-items", this.toggleAllHandler.bind(this));
+    }
+};
+__decorate([
+    property({ type: String })
+], UDExAccordionItem.prototype, "title", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExAccordionItem.prototype, "expanded", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], UDExAccordionItem.prototype, "isOpen", void 0);
+__decorate([
+    property({ type: String })
+], UDExAccordionItem.prototype, "_direction", void 0);
+__decorate([
+    slot({ type: Node, "default": true })
+], UDExAccordionItem.prototype, "content", void 0);
+UDExAccordionItem = __decorate([
+    customElement({
+        tag: "udex-accordion-item",
+        renderer: litRender,
+        styles: AccordionItemCss,
+        template: AccordionItemTemplate,
+        dependencies: [],
+    })
+    /**
+     * Triggered when the user focuses on an accordion item.
+     * @public
+     */
+    ,
+    event("accordion-item-focus")
+], UDExAccordionItem);
+UDExAccordionItem.define();
+export default UDExAccordionItem;
+//# sourceMappingURL=AccordionItem.js.map

package/dist/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../src/AccordionItem.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/AllIcons.js\";\nimport \"@ui5/webcomponents-icons/dist/feeder-arrow.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\n\nimport AccordionItemTemplate from \"./generated/templates/AccordionItemTemplate.lit.js\";\n\n// Styles\nimport AccordionItemCss from \"./generated/themes/AccordionItem.css.js\";\n\ntype ToggleAllEvent = {\n  isOpen: boolean\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-accordion-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/AccordionItem.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-accordion-item\n * @public\n */\n@customElement({\n  tag: \"udex-accordion-item\",\n  renderer: litRender,\n  styles: AccordionItemCss,\n  template: AccordionItemTemplate,\n  dependencies: [],\n})\n\n/**\n * Triggered when the user focuses on an accordion item.\n * @public\n */\n@event(\"accordion-item-focus\")\n\nclass UDExAccordionItem extends UI5Element {\n  /**\n   * Defines the title of the accordion item component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String }) title!: string;\n\n  /**\n   * Defines if the accordion item is expanded by default\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean }) expanded!: boolean;\n\n  /**\n   * Used internally to understand the component's open or closed state.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true }) isOpen = false;\n\n  /**\n   * Defines direction of the accordion item.\n   *\n   * @public\n   */\n  @property({ type: String }) _direction?: string;\n\n  /**\n   * Slot for accordion item content.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: Node, \"default\": true }) content!: Array<Node>;\n\n  _el: HTMLElement | null = null;\n\n  constructor() {\n    super();\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  contentKeydown(e: KeyboardEvent) {\n    e.stopPropagation();\n  }\n\n  itemClickHandler(e: Event) {\n    e.preventDefault();\n    if (this._el) {\n      const isActive = this._el.classList.contains(\"active\");\n      this.toggleItemState(this._el, isActive);\n      this.toggleExpanded();\n    }\n  }\n\n  toggleAllHandler(e: Event) {\n    e.preventDefault();\n    const customEvent = e as CustomEvent<ToggleAllEvent>;\n    if (this._el) { this.toggleItemState(this._el, customEvent.detail.isOpen); }\n  }\n\n  toggleItemState(el: HTMLElement, isActive: boolean) {\n    if (isActive) {\n      el.classList.remove(\"active\");\n      el.querySelector(\".udex-accordion-item__header\")?.setAttribute(\"aria-expanded\", \"false\");\n    } else {\n      el.classList.add(\"active\");\n      el.querySelector(\".udex-accordion-item__header\")?.setAttribute(\"aria-expanded\", \"true\");\n    }\n  }\n\n  toggleExpanded(): void {\n    this.expanded = !this.expanded;\n  }\n\n  focusHandler() {\n    this.fireEvent(\"accordion-item-focus\");\n  }\n\n  keydownHandler(e: KeyboardEvent) {\n    switch (e.key) {\n    case \"Enter\":\n    case \" \":\n      this.itemClickHandler(e);\n      break;\n    default:\n      break;\n    }\n  }\n\n  get accordionItemsClass(): string {\n    let classes = \"udex-accordion-item\";\n    if (this._direction === \"rtl\") {\n      classes = `${classes} ${this._direction}`;\n    }\n    return classes;\n  }\n\n  get ariaLabelledby() {\n    return `${this._id}-header-title`;\n  }\n\n  onAfterRendering() {\n    this._el = this.shadowRoot?.querySelector(\".udex-accordion-item\") || null;\n    const accordion = this.shadowRoot?.querySelector<HTMLElement>(\n      \".udex-accordion-item\",\n    ) || null;\n\n    if (accordion) {\n      const directionStyles: string = window\n        .getComputedStyle(accordion)\n        .getPropertyValue(\"direction\");\n      if (!directionStyles) {\n        this._direction = \"ltr\";\n      } else {\n        this._direction = directionStyles;\n      }\n    }\n\n    if (this._el) {\n      this.toggleItemState(this._el, !this.expanded);\n    }\n\n    this?.parentElement?.addEventListener(\"ui5-toggle-items\", this.toggleAllHandler.bind(this));\n  }\n}\n\nUDExAccordionItem.define();\n\nexport default UDExAccordionItem;\n"]}

package/dist/Assets.d.ts

@@ -0,0 +1,3 @@
+import "@ui5/webcomponents-theming/dist/Assets.js";
+import "./generated/json-imports/Themes.js";
+import "./generated/json-imports/i18n.js";

package/dist/Assets.js

@@ -0,0 +1,10 @@
+import "@ui5/webcomponents-theming/dist/Assets.js"; // Theming
+// own web-components package assets
+import "./generated/json-imports/Themes.js";
+import "./generated/json-imports/i18n.js";
+import { registerCustomThemePropertiesLoader } from "@ui5/webcomponents-base/dist/AssetRegistry.js";
+const customThemeLoader = async () => {
+    return (await import("./generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json")).default;
+};
+registerCustomThemePropertiesLoader("@ui5/webcomponents", "sap_glow", customThemeLoader);
+//# sourceMappingURL=Assets.js.map

package/dist/Assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Assets.js","sourceRoot":"","sources":["../src/Assets.ts"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAC,CAAC,UAAU;AAE9D,oCAAoC;AACpC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kCAAkC,CAAC;AAE1C,OAAO,EAAE,mCAAmC,EAAE,MAAM,+CAA+C,CAAC;AAEpG,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;IACnC,OAAO,CACL,MAAM,MAAM,CAAC,4FAA4F,CAAC,CAC3G,CAAC,OAAO,CAAC;AACZ,CAAC,CAAC;AAEF,mCAAmC,CAAC,oBAAoB,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC","sourcesContent":["import \"@ui5/webcomponents-theming/dist/Assets.js\"; // Theming\n\n// own web-components package assets\nimport \"./generated/json-imports/Themes.js\";\nimport \"./generated/json-imports/i18n.js\";\n\nimport { registerCustomThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/AssetRegistry.js\";\n\nconst customThemeLoader = async () => {\n  return (\n    await import(\"./generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json\")\n  ).default;\n};\n\nregisterCustomThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_glow\", customThemeLoader);\n"]}