@infineon/infineon-design-system-stencil 33.7.0--canary.1869.a36a21042ad33a0711d08276d846a4bcb0849268.0 → 33.7.0

package/dist/components/ifx-tree-view.js

@@ -1,74 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
-
-const treeViewCss = ":host{display:block}.tree-view{font-family:var(--ifx-font-family, sans-serif);font-size:14px;color:var(--ifx-color-text, #1a1a1a);display:flex;flex-wrap:wrap;flex-direction:column;overflow-x:auto;overflow-y:hidden}.tree-view__label{font:600 1.125rem/1.625rem \"Source Sans 3\";margin-bottom:8px}";
-const IfxTreeViewStyle0 = treeViewCss;
-
-const TreeView = /*@__PURE__*/ proxyCustomElement(class TreeView extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.ifxTreeViewExpandAllChange = createEvent(this, "ifxTreeViewExpandAllChange", 7);
-        this.ifxTreeViewDisableAllChange = createEvent(this, "ifxTreeViewDisableAllChange", 7);
-        this.disableAllItems = false;
-        this.expandAllItems = false;
-        this.handleSlotRef = (el) => {
-            if (el) {
-                if (this.disableAllItems) {
-                    el.setAttribute('data-disable-all-items', 'true');
-                }
-                else {
-                    el.removeAttribute('data-disable-all-items');
-                }
-                if (this.expandAllItems) {
-                    el.setAttribute('data-expand-all-items', 'true');
-                }
-                else {
-                    el.removeAttribute('data-expand-all-items');
-                }
-            }
-        };
-    }
-    handleExpandAllItemsChange(newValue) {
-        this.ifxTreeViewExpandAllChange.emit(newValue);
-    }
-    handleDisableAllItemsChange(newValue) {
-        this.ifxTreeViewDisableAllChange.emit(newValue);
-    }
-    render() {
-        return (h("div", { key: '9fb43a5e8c933144cbd7e59bd479196b68facd30', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && h("div", { key: 'f97116995c87bc6660bffd4588597ba5605c36d0', class: "tree-view__label" }, this.label), h("slot", { key: 'fc42f67c863ad13f3631572140d8f69589f4b854', ref: this.handleSlotRef })));
-    }
-    static get watchers() { return {
-        "expandAllItems": ["handleExpandAllItemsChange"],
-        "disableAllItems": ["handleDisableAllItemsChange"]
-    }; }
-    static get style() { return IfxTreeViewStyle0; }
-}, [1, "ifx-tree-view", {
-        "label": [1],
-        "disableAllItems": [4, "disable-all-items"],
-        "expandAllItems": [4, "expand-all-items"],
-        "ariaLabel": [1, "aria-label"]
-    }, undefined, {
-        "expandAllItems": ["handleExpandAllItemsChange"],
-        "disableAllItems": ["handleDisableAllItemsChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ifx-tree-view"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ifx-tree-view":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TreeView);
-            }
-            break;
-    } });
-}
-
-const IfxTreeView = TreeView;
-const defineCustomElement = defineCustomElement$1;
-
-export { IfxTreeView, defineCustomElement };
-
-//# sourceMappingURL=ifx-tree-view.js.map

package/dist/components/ifx-tree-view.js.map

@@ -1 +0,0 @@
-{"file":"ifx-tree-view.js","mappings":";;AAAA,MAAM,WAAW,GAAG,ySAAyS,CAAC;AAC9T,0BAAe,WAAW;;MCMb,QAAQ;IALrB;;;;;;QAOU,oBAAe,GAAY,KAAK,CAAC;QACjC,mBAAc,GAAY,KAAK,CAAC;QAgBhC,kBAAa,GAAG,CAAC,EAA0B;YACjD,IAAI,EAAE,EAAE;gBACN,IAAI,IAAI,CAAC,eAAe,EAAE;oBACxB,EAAE,CAAC,YAAY,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC;iBACnD;qBAAM;oBACL,EAAE,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;iBAC9C;gBACD,IAAI,IAAI,CAAC,cAAc,EAAE;oBACvB,EAAE,CAAC,YAAY,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;iBAClD;qBAAM;oBACL,EAAE,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAC;iBAC7C;aACF;SACF,CAAC;KAcH;IApCC,0BAA0B,CAAC,QAAiB;QAC1C,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KAChD;IAGD,2BAA2B,CAAC,QAAiB;QAC3C,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACjD;IAiBD,MAAM;QACJ,QACE,4DACE,KAAK,EAAE,aAAa,IAAI,CAAC,eAAe,GAAG,sBAAsB,GAAG,EAAE,EAAE,EACxE,IAAI,EAAC,MAAM,gBACC,IAAI,CAAC,SAAS,IAEzB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,4DAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,EAC3F,6DAAM,GAAG,EAAE,IAAI,CAAC,aAAa,GAAS,CAClC,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/tree-view/tree-view.scss?tag=ifx-tree-view&encapsulation=shadow","src/components/tree-view/tree-view.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n  display: block;\n}\n\n.tree-view {\n  font-family: var(--ifx-font-family, sans-serif);\n  font-size: 14px;\n  color: var(--ifx-color-text, #1a1a1a);\n\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  overflow-x: auto;\n  overflow-y: hidden;\n\n  &__label {\n    font: tokens.$ifxHeadingHeading06;\n    margin-bottom: tokens.$ifxSpace100;\n  }\n}\n","import { Component, h, Prop, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-tree-view',\n  styleUrl: 'tree-view.scss',\n  shadow: true,\n})\nexport class TreeView {\n  @Prop() label?: string;\n  @Prop() disableAllItems: boolean = false;\n  @Prop() expandAllItems: boolean = false;\n  @Prop() ariaLabel: string | null;\n\n  @Event() ifxTreeViewExpandAllChange: EventEmitter<boolean>;\n  @Event() ifxTreeViewDisableAllChange: EventEmitter<boolean>;\n\n  @Watch('expandAllItems')\n  handleExpandAllItemsChange(newValue: boolean) {\n    this.ifxTreeViewExpandAllChange.emit(newValue);\n  }\n\n  @Watch('disableAllItems')\n  handleDisableAllItemsChange(newValue: boolean) {\n    this.ifxTreeViewDisableAllChange.emit(newValue);\n  }\n\n  private handleSlotRef = (el: HTMLSlotElement | null) => {\n    if (el) {\n      if (this.disableAllItems) {\n        el.setAttribute('data-disable-all-items', 'true');\n      } else {\n        el.removeAttribute('data-disable-all-items');\n      }\n      if (this.expandAllItems) {\n        el.setAttribute('data-expand-all-items', 'true');\n      } else {\n        el.removeAttribute('data-expand-all-items');\n      }\n    }\n  };\n\n  render() {\n    return (\n      <div\n        class={`tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`}\n        role=\"tree\"\n        aria-label={this.ariaLabel}\n      >\n        {this.label && this.label.trim() !== '' && <div class=\"tree-view__label\">{this.label}</div>}\n        <slot ref={this.handleSlotRef}></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}