@quartzds/core 1.0.0-beta.81 → 1.0.0-beta.83

package/dist/cjs/qds-tabbar.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a9985af0.js');
+const index = require('./index-644fe556.js');
 const helpers = require('./helpers-cdd65bd0.js');
 
 const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(90deg)}.qds-arrow-end{transform:scaleX(var(--qds-direction-factor,1)) rotate(-90deg)}.qds-flex{display:flex}.qds-hidden{display:none}.qds-tabs{flex:1;margin-block:0;overflow:hidden;padding-inline-start:0;scroll-behavior:smooth}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-layer=main][data-level=root] .qds-tabs{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
@@ -16,13 +16,6 @@ const QdsTabbarStyle0 = tabbarCss;
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
 var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m")
         throw new TypeError("Private method is not writable");
@@ -32,6 +25,13 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
 var _Tabbar_instances, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_inheritedAttributes, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_getAllTabPanels, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getTabs, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onSlotchange;
 const HORIZONTAL_MOVE_KEYS = new Set([
     'ArrowLeft',
@@ -95,6 +95,20 @@ const Tabbar = class {
         this.showEmitter = index.createEvent(this, "qdsTabShow", 6);
         this.hideEmitter = index.createEvent(this, "qdsTabHide", 6);
         _Tabbar_instances.add(this);
+        /**
+         * The tabbar's layer.
+         */
+        this.layer = 'main';
+        /**
+         * The tabbar's level.
+         */
+        this.level = 'root';
+        /**
+         * The tabbar's orientation.
+         */
+        this.orientation = 'horizontal';
+        this.disableEndArrow = false;
+        this.disableStartArrow = false;
         _Tabbar_ro.set(this, void 0);
         _Tabbar_tabbar.set(this, void 0);
         _Tabbar_inheritedAttributes.set(this, {});
@@ -202,13 +216,6 @@ const Tabbar = class {
             if (tabs.length > 0)
                 __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tabs[0]);
         });
-        this.layer = 'main';
-        this.level = 'root';
-        this.orientation = 'horizontal';
-        this.tablistDescription = undefined;
-        this.disableEndArrow = false;
-        this.disableStartArrow = false;
-        this.activeTab = undefined;
     }
     componentWillLoad() {
         __classPrivateFieldSet(this, _Tabbar_inheritedAttributes, helpers.inheritAriaAttributes(this.host), "f");
@@ -242,22 +249,22 @@ const Tabbar = class {
             __classPrivateFieldGet(this, _Tabbar_ro, "f").disconnect();
     }
     render() {
-        return (index.h("div", { key: '3288141ce044d8dbdf875f9b3b48334c63091826', class: { 'qds-vertical-divider': this.orientation === 'vertical' }, "data-layer": this.layer, "data-level": this.level }, index.h("div", { key: '525c775e3b74abf7dd2fbbdb765e02b63452b1ba', class: "qds-tabbar" }, index.h("div", { key: '5dc7b1e34020c5d4e066f99c5992d061a2d1ffba', class: {
+        return (index.h("div", { key: '7e8727b610cb6f031027e2194830e0df7148b700', class: { 'qds-vertical-divider': this.orientation === 'vertical' }, "data-layer": this.layer, "data-level": this.level }, index.h("div", { key: '458b4a3020ec8d780c169ac6246cb07d2acf7877', class: "qds-tabbar" }, index.h("div", { key: '45da0b6148fcf23da3e22dbb5422fb7ee0a57cf9', class: {
                 'qds-flex': !(this.disableEndArrow && this.disableStartArrow),
                 'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
                     this.orientation === 'vertical',
-            } }, index.h("qds-button", { key: 'fc18707d581ae99444d0dc4f24eec7195a1856f4', importance: "subdued", "icon-name": "dropdown", "icon-library": "core", "aria-label": "show previous tab", class: "qds-arrow-start", onClick: __classPrivateFieldGet(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), index.h("ul", { key: '02e7c6d9dcbd396074301f31abee76fc8e64750c', class: {
+            } }, index.h("qds-button", { key: '3724111b835f1227fbadbd958cedc1c148526ae4', importance: "subdued", "icon-name": "dropdown", "icon-library": "core", "aria-label": "show previous tab", class: "qds-arrow-start", onClick: __classPrivateFieldGet(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), index.h("ul", { key: 'cf2f89b6a8322787fed01dbe85215a1978ba346e', class: {
                 'qds-tabs': true,
                 'qds-vertical': this.orientation === 'vertical',
             }, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
                 __classPrivateFieldSet(this, _Tabbar_tabbar, element, "f");
-            }, onClick: __classPrivateFieldGet(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet(this, _Tabbar_inheritedAttributes, "f") }, index.h("slot", { key: 'f8f9ed26166eec2483f535698900f28e1e46242e', onSlotchange: __classPrivateFieldGet(this, _Tabbar_onSlotchange, "f") })), index.h("div", { key: '9599125a7aa8af7e2872025616db866c46150dcf', class: {
+            }, onClick: __classPrivateFieldGet(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet(this, _Tabbar_inheritedAttributes, "f") }, index.h("slot", { key: '1b852016bd4e7b2e827077f79ba9bcc4d1ce0890', onSlotchange: __classPrivateFieldGet(this, _Tabbar_onSlotchange, "f") })), index.h("div", { key: '084b4ace7de7b0ba719dafe877b168533fffe235', class: {
                 'qds-flex': !(this.disableEndArrow && this.disableStartArrow),
                 'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
                     this.orientation === 'vertical',
-            } }, index.h("qds-button", { key: '04d5bc24dc6985774f425781ac6e0284a50b49de', "aria-label": "show next tab", "icon-name": "dropdown", "icon-library": "core", importance: "subdued", class: "qds-arrow-end", onClick: __classPrivateFieldGet(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), ((this.level === 'root' &&
+            } }, index.h("qds-button", { key: '60cf1031a13eda4375b55df85eef13ab2f3e4f2c', "aria-label": "show next tab", "icon-name": "dropdown", "icon-library": "core", importance: "subdued", class: "qds-arrow-end", onClick: __classPrivateFieldGet(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), ((this.level === 'root' &&
             (this.layer === 'popup' || this.layer === 'accessory')) ||
-            (this.level === 'section' && this.layer === 'main')) && (index.h("qds-divider", { key: '1e482a59a6176e048a3e1b0d2d6efa8756fe4b34', vertical: this.orientation === 'vertical' }))));
+            (this.level === 'section' && this.layer === 'main')) && (index.h("qds-divider", { key: 'ab5a33987d0eea69d161cb24a5191c8aa07939cc', vertical: this.orientation === 'vertical' }))));
     }
     static get delegatesFocus() { return true; }
     get host() { return index.getElement(this); }

package/dist/cjs/qds-tabbar.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"qds-tabbar.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,SAAS,GAAG,upCAAupC,CAAC;AAC1qC,wBAAe,SAAS;;ACDxB;AACA;AACA;;;;;;;;;;;;;;;;;;AAaA,MAAM,oBAAoB,GAAwB,IAAI,GAAG,CAAC;IACxD,WAAW;IACX,YAAY;IACZ,MAAM;IACN,KAAK;CACN,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAwB,IAAI,GAAG,CAAC;IACtD,SAAS;IACT,WAAW;IACX,MAAM;IACN,KAAK;CACN,CAAC,CAAA;AAEF,MAAM,YAAY,GAGd;IACF,WAAW,EAAE;QACX,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,OAAO;QACb,iBAAiB,EAAE,WAAW;KAC/B;IACD,cAAc,EAAE;QACd,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,UAAU;QAChB,iBAAiB,EAAE,WAAW;KAC/B;IACD,YAAY,EAAE;QACZ,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,UAAU;QAChB,iBAAiB,EAAE,WAAW;KAC/B;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,SAAS;QACrB,IAAI,EAAE,OAAO;QACb,iBAAiB,EAAE,aAAa;KACjC;IACD,eAAe,EAAE;QACf,UAAU,EAAE,SAAS;QACrB,IAAI,EAAE,OAAO;QACb,iBAAiB,EAAE,cAAc;KAClC;IACD,YAAY,EAAE;QACZ,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,OAAO;QACb,iBAAiB,EAAE,aAAa;KACjC;IACD,gBAAgB,EAAE;QAChB,UAAU,EAAE,SAAS;QACrB,IAAI,EAAE,OAAO;QACb,iBAAiB,EAAE,WAAW;KAC/B;CACF,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,IAAa;IACrC,IAAI,EAAE,IAAI,YAAY,WAAW,CAAC;QAAE,OAAO,KAAK,CAAA;IAChD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAA;IAE1C,QACE,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,SAAS;QACpC,IAA0B,CAAC,QAAQ,KAAK,IAAI,EAC9C;AACH,CAAC,CAAA;MAYY,MAAM;;;;;;QAyCjB,6BAA+B;QAE/B,iCAAqB;QAErB,sCAAmC,EAAE,EAAA;QA8G5B,gCAAiB;YACxBA,iBAAS,CAAC,uBAAA,IAAI,sBAAQ,CAAC,CAAA;YAEvB,MAAM,KAAK,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,KAAK,CAAA;YACxE,uBAAA,IAAI,sBAAQ,CAAC,MAAM,CAAC;gBAClB,IAAI,EAAE,KAAK;sBACP,uBAAA,IAAI,sBAAQ,CAAC,UAAU,GAAG,uBAAA,IAAI,sBAAQ,CAAC,WAAW;sBAClD,uBAAA,IAAI,sBAAQ,CAAC,UAAU,GAAG,uBAAA,IAAI,sBAAQ,CAAC,WAAW;aACvD,CAAC,CAAA;SACH,EAAA;QAEQ,8BAAe;YACtBA,iBAAS,CAAC,uBAAA,IAAI,sBAAQ,CAAC,CAAA;YAEvB,MAAM,KAAK,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,KAAK,CAAA;YACxE,uBAAA,IAAI,sBAAQ,CAAC,MAAM,CAAC;gBAClB,IAAI,EAAE,KAAK;sBACP,uBAAA,IAAI,sBAAQ,CAAC,UAAU,GAAG,uBAAA,IAAI,sBAAQ,CAAC,WAAW;sBAClD,uBAAA,IAAI,sBAAQ,CAAC,UAAU,GAAG,uBAAA,IAAI,sBAAQ,CAAC,WAAW;aACvD,CAAC,CAAA;SACH,EAAA;QAsFQ,0BAAW,CAAC,KAAiB;YACpC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;YACxB,IAAI,EAAE,MAAM,YAAY,WAAW,CAAC;gBAAE,OAAM;YAC5C,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;YACrC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,GAAG,CAAC,KAAK;gBAAE,OAAM;YAEtD,uBAAA,IAAI,sDAAqB,MAAzB,IAAI,EAAsB,GAAG,CAAC,CAAA;YAC9B,uBAAA,IAAI,+CAAc,MAAlB,IAAI,EAAe,GAAG,CAAC,CAAA;SACxB,EAAA;QAEQ,4BAAa,CAAC,KAAoB;YACzC,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,KAAK,UAAU,CAAA;YAClD,MAAM,mBAAmB,GAAG,UAAU;kBAClC,kBAAkB;kBAClB,oBAAoB,CAAA;YACxB,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC;gBAAE,OAAM;YAE/C,MAAM,IAAI,GAAG,uBAAA,IAAI,0CAAS,MAAb,IAAI,CAAW,CAAA;YAC5B,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAM;YAE7B,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,KAAK,CAAC,eAAe,EAAE,CAAA;YAEvB,MAAM,SAAS,GAAG,uBAAA,IAAI,gDAAe,MAAnB,IAAI,CAAiB,CAAA;YACvC,IAAI,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;YAEnD,MAAM,KAAK,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,KAAK,CAAA;YAExE,IAAI,OAAsC,CAAA;YAC1C,GAAG;gBACD,QAAQ,KAAK,CAAC,GAAG;oBACf,KAAK,WAAW,CAAC;oBACjB,KAAK,SAAS,EAAE;wBACd,KAAK,GAAG,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;8BAChD,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;8BACxB,KAAK;kCACH,CAAC;kCACD,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;wBACrB,MAAK;qBACN;oBACD,KAAK,YAAY,CAAC;oBAClB,KAAK,WAAW,EAAE;wBAChB,KAAK,GAAG,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC;8BAChD,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;8BACxB,KAAK;kCACH,IAAI,CAAC,MAAM,GAAG,CAAC;kCACf,CAAC,CAAA;wBACP,MAAK;qBACN;oBACD,KAAK,MAAM,EAAE;wBACX,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAA;wBACnC,MAAK;qBACN;oBACD,KAAK,KAAK,EAAE;wBACV,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;wBACnC,MAAK;qBACN;iBAEF;gBACD,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA;aACtB,QAAQ,OAAO,CAAC,QAAQ,KAAK,IAAI,EAAC;YAEnC,uBAAA,IAAI,gDAAe,MAAnB,IAAI,EAAgB,OAAO,CAAC,CAAA;YAE5B,MAAM,MAAM,GACV,OAAO,CAAC,UAAU,EAAE,aAAa,CAAc,cAAc,CAAC,CAAA;YAChE,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,KAAK,EAAE,CAAA;gBACd,MAAM,CAAC,cAAc,EAAE,CAAA;aACxB;YACD,uBAAA,IAAI,sDAAqB,MAAzB,IAAI,EAAsB,OAAO,CAAC,CAAA;YAClC,uBAAA,IAAI,+CAAc,MAAlB,IAAI,EAAe,OAAO,CAAC,CAAA;SAC5B,EAAA;QAEQ,8BAAe,CAAC,KAAiB;YACxC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;YAExB,IAAI,gBAAgB,CAAC,MAAM,CAAC;gBAAE,uBAAA,IAAI,gDAAe,MAAnB,IAAI,EAAgB,MAAM,CAAC,CAAA;SAC1D,EAAA;QAEQ,2BAAY;YACnB,IAAI,CAAC,uBAAA,IAAI,sBAAQ;gBAAE,OAAM;YAEzB,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,uBAAA,IAAI,sBAAQ,CAAA;YAE7D,MAAM,KAAK,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,KAAK,CAAA;YACxE,IAAI,CAAC,iBAAiB,GAAG,UAAU,KAAK,CAAC,CAAA;YACzC,IAAI,CAAC,eAAe,GAAG,KAAK;kBACxB,WAAW,GAAG,UAAU,IAAI,WAAW;kBACvC,WAAW,GAAG,WAAW,GAAG,UAAU,IAAI,CAAC,CAAA;SAChD,EAAA;QAEQ,+BAAgB;YACvB,MAAM,IAAI,GAAG,uBAAA,IAAI,0CAAS,MAAb,IAAI,CAAW,CAAA;YAE5B,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;gBAAE,uBAAA,IAAI,gDAAe,MAAnB,IAAI,EAAgB,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;SAClD,EAAA;qBAjW8B,MAAM;qBAKN,MAAM;2BAKM,YAAY;;+BAqBpB,KAAK;iCAEH,KAAK;;;IAUnC,iBAAiB;QACtB,uBAAA,IAAI,+BAAwBC,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;QAE5D,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAA;QACnD,IAAI,QAAQ;YAAE,uBAAA,IAAI,+CAAc,MAAlB,IAAI,EAAe,QAAQ,CAAC,CAAA;KAC3C;IAEM,kBAAkB;QACvB,IAAI,IAAI,CAAC,SAAS;YAAE,uBAAA,IAAI,iDAAgB,MAApB,IAAI,EAAiB,IAAI,CAAC,SAAS,CAAC,CAAA;QAExD,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;QAC5D,IAAI,CAAC,QAAQ;YAAE,OAAM;QAErB,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE;;YAEvD,GAAG,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAA;YACpC,GAAG,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAA;;YAExB,GAAG,CAAC,iBAAiB;gBACnB,IAAI,CAAC,WAAW,KAAK,UAAU,GAAG,YAAY,GAAG,GAAG,CAAC,iBAAiB,CAAA;;SAEzE;KACF;IAEM,gBAAgB;QACrBD,iBAAS,CAAC,uBAAA,IAAI,sBAAQ,CAAC,CAAA;QAEvB,uBAAA,IAAI,cAAO,IAAI,cAAc,CAAC,uBAAA,IAAI,wBAAU,CAAC,MAAA,CAAA;QAC7C,uBAAA,IAAI,kBAAI,CAAC,OAAO,CAAC,uBAAA,IAAI,sBAAQ,CAAC,CAAA;KAC/B;IAEM,oBAAoB;QACzB,IAAI,uBAAA,IAAI,kBAAI;YAAE,uBAAA,IAAI,kBAAI,CAAC,UAAU,EAAE,CAAA;KACpC;IAEM,MAAM;QACX,QACEE,kEACE,KAAK,EAAE,EAAE,sBAAsB,EAAE,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE,gBACtD,IAAI,CAAC,KAAK,gBACV,IAAI,CAAC,KAAK,IAEtBA,kEAAK,KAAK,EAAC,YAAY,IACrBA,kEACE,KAAK,EAAE;gBACL,UAAU,EAAE,EAAE,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,iBAAiB,CAAC;gBAC7D,YAAY,EACV,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,iBAAiB;oBAC/C,IAAI,CAAC,WAAW,KAAK,UAAU;aAClC,IAEDA,yEACE,UAAU,EAAC,SAAS,eACV,UAAU,kBACP,MAAM,gBACR,mBAAmB,EAC9B,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,uBAAA,IAAI,6BAAe,EAC5B,QAAQ,EAAE,IAAI,CAAC,iBAAiB,GAChC,CACE,EACNA,iEACE,KAAK,EAAE;gBACL,UAAU,EAAE,IAAI;gBAChB,cAAc,EAAE,IAAI,CAAC,WAAW,KAAK,UAAU;aAChD,EACD,IAAI,EAAC,SAAS,gBACF,IAAI,CAAC,kBAAkB,EACnC,GAAG,EAAE,CAAC,OAAO;gBACX,uBAAA,IAAI,kBAAW,OAAO,MAAA,CAAA;aACvB,EACD,OAAO,EAAE,uBAAA,IAAI,uBAAS,EACtB,SAAS,EAAE,uBAAA,IAAI,yBAAW,EAC1B,WAAW,EAAE,uBAAA,IAAI,2BAAa,EAC9B,QAAQ,EAAE,uBAAA,IAAI,wBAAU,KAEpB,uBAAA,IAAI,mCAAqB,IAE7BA,mEAAM,YAAY,EAAE,uBAAA,IAAI,4BAAc,GAAI,CACvC,EACLA,kEACE,KAAK,EAAE;gBACL,UAAU,EAAE,EAAE,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,iBAAiB,CAAC;gBAC7D,YAAY,EACV,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,iBAAiB;oBAC/C,IAAI,CAAC,WAAW,KAAK,UAAU;aAClC,IAEDA,uFACa,eAAe,eAChB,UAAU,kBACP,MAAM,EACnB,UAAU,EAAC,SAAS,EACpB,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,uBAAA,IAAI,2BAAa,EAC1B,QAAQ,EAAE,IAAI,CAAC,eAAe,GAC9B,CACE,CACF,EACL,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM;aACrB,IAAI,CAAC,KAAK,KAAK,OAAO,IAAI,IAAI,CAAC,KAAK,KAAK,WAAW,CAAC;aACrD,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,MACnDA,0EAAa,QAAQ,EAAE,IAAI,CAAC,WAAW,KAAK,UAAU,GAAI,CAC3D,CACG,EACP;KACF;;;;8bAwBa,GAAsB;IAClC,IAAI,CAAC,SAAS,GAAG,GAAG,CAAA;IAEpB,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE;;QAErD,MAAM,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;QAE1D,MAAM,UAAU,GAAG,CAAC,KAAK,GAAG,CAAA;;QAE5B,CAAC,CAAC,QAAQ,GAAG,UAAU,CAAA;QACvB,IAAI,MAAM,YAAY,UAAU,CAAC,OAAO;YACtC,MAAM,CAAC,YAAY,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAA;KAC9C;AACH,CAAC;IAIC,MAAM,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAA;IAChE,OAAO,CAAC,GAAG,SAAS,CAAC,CAAC,MAAM,CAC1B,CAAC,OAAO,KAA6B,OAAO,YAAY,WAAW,CACpE,CAAA;AACH,CAAC,2DAEe,SAA4B;IAC1C,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAClE,MAAM,eAAe,GAAG,MAAM,EAAE,YAAY,CAAC,eAAe,CAAC,CAAA;IAC7D,MAAM,SAAS,GAAG,uBAAA,IAAI,kDAAiB,MAArB,IAAI,CAAmB,CAAA;IAEzC,KAAK,MAAM,KAAK,IAAI,SAAS;QAC3B,KAAK,CAAC,MAAM,GAAG,eAAe,KAAK,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC/D,CAAC,qEAEoB,GAAsB;IACzC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAA;IAClC,IAAI,WAAW,KAAK,GAAG;QAAE,OAAM;IAE/B,IAAI,CAAC,SAAS,GAAG,GAAG,CAAA;IAEpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAElC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC1B,uBAAA,IAAI,gDAAe,MAAnB,IAAI,EAAgB,GAAG,CAAC,CAAA;IACxB,uBAAA,IAAI,iDAAgB,MAApB,IAAI,EAAiB,GAAG,CAAC,CAAA;AAC3B,CAAC;IAGC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACxD,OAAO,IAAI;UACP,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAClD,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,CACvC;UACD,EAAE,CAAA;AACR,CAAC;IAGC,MAAM,UAAU,GAAG,uBAAA,IAAI,0CAAS,MAAb,IAAI,CAAW,CAAC,IAAI,CACrC,CAAC,GAAG,KACF,GAAG,CAAC,UAAU;UACV,aAAa,CAAC,cAAc,CAAC;UAC7B,YAAY,CAAC,UAAU,CAAC,KAAK,GAAG,CACvC,CAAA;IACD,OAAO,UAAU,CAAA;AACnB,CAAC,yDAEc,GAAsB;IACnC,MAAM,IAAI,GAAG,uBAAA,IAAI,0CAAS,MAAb,IAAI,CAAW,CAAA;IAC5B,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE;QACpB,MAAM,SAAS,GAAG,CAAC,KAAK,GAAG,CAAA;QAC3B,MAAM,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;QAC1D,MAAM,WAAW,GAAG,CAAC,CAAC,UAAU,EAAE,aAAa,CAAC,aAAa,CAAC,CAAA;QAE9D,MAAM,UAAU,GAAG,MAAM,EAAE,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAA;QACnE,MAAM,iBAAiB,GAAG,SAAS,IAAI,CAAC,UAAU,CAAA;QAClD,MAAM,QAAQ,GAAG,iBAAiB,GAAG,GAAG,GAAG,IAAI,CAAA;QAE/C,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;YACzC,IAAI,iBAAiB;gBAAE,uBAAA,IAAI,sDAAqB,MAAzB,IAAI,EAAsB,CAAC,CAAC,CAAA;SACpD;QAED,IAAI,WAAW;YAAE,WAAW,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;KAChE;AACH,CAAC;;;;;","names":["invariant","inheritAriaAttributes","h"],"sources":["src/components/tabbar/tabbar.css?tag=qds-tabbar&encapsulation=shadow","src/components/tabbar/tabbar.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-vertical,\n.qds-vertical-divider,\n.qds-tabbar,\n.qds-tabs {\n  display: flex;\n}\n\n.qds-vertical-divider,\n.qds-tabbar {\n  width: inherit;\n}\n\n.qds-arrow-start {\n  transform: scaleX(var(--qds-direction-factor, 1)) rotate(90deg);\n}\n\n.qds-arrow-end {\n  transform: scaleX(var(--qds-direction-factor, 1)) rotate(-90deg);\n}\n\n.qds-flex {\n  display: flex;\n}\n\n.qds-hidden {\n  display: none;\n}\n\n.qds-tabs {\n  flex: 1;\n  margin-block: 0;\n  overflow: hidden;\n  padding-inline-start: 0;\n  scroll-behavior: smooth;\n}\n\n.qds-vertical {\n  flex-direction: column;\n}\n\n.qds-vertical-divider {\n  flex-direction: row;\n}\n\n[data-layer='main'] {\n  &[data-level='root'] .qds-tabs {\n    gap: var(--qds-control-large-gap-siblings-related);\n  }\n\n  &[data-level='section'] .qds-tabs {\n    gap: var(--qds-control-standard-gap-siblings-related);\n  }\n\n  &[data-level='subsection'] .qds-tabs {\n    gap: var(--qds-control-small-gap-siblings-related);\n  }\n}\n\n[data-layer='popup'] {\n  &[data-level='root'] .qds-tabs {\n    gap: var(--qds-control-standard-gap-siblings-related);\n  }\n\n  &[data-level='section'] .qds-tabs {\n    gap: var(--qds-control-small-gap-siblings-related);\n  }\n}\n\n:is([data-layer='panel'], [data-layer='accessory'])[data-level='root']\n  .qds-tabs {\n  gap: var(--qds-control-small-gap-siblings-related);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport { Component, Element, Event, h, Prop, State } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes, invariant } from '../../helpers'\nimport type { Tab } from '../tab/tab'\n\nexport type Layer = 'accessory' | 'main' | 'panel' | 'popup'\nexport type Level = 'root' | 'section' | 'subsection'\nexport type Orientation = 'horizontal' | 'vertical'\n\nconst HORIZONTAL_MOVE_KEYS: ReadonlySet<string> = new Set([\n  'ArrowLeft',\n  'ArrowRight',\n  'Home',\n  'End',\n])\n\nconst VERTICAL_MOVE_KEYS: ReadonlySet<string> = new Set([\n  'ArrowUp',\n  'ArrowDown',\n  'Home',\n  'End',\n])\n\nconst TAB_SETTINGS: Record<\n  string,\n  Pick<Tab, 'importance' | 'indicatorPosition' | 'size'> | undefined\n> = {\n  'main-root': {\n    importance: 'standard',\n    size: 'large',\n    indicatorPosition: 'block-end',\n  },\n  'main-section': {\n    importance: 'standard',\n    size: 'standard',\n    indicatorPosition: 'block-end',\n  },\n  'popup-root': {\n    importance: 'standard',\n    size: 'standard',\n    indicatorPosition: 'block-end',\n  },\n  'main-subsection': {\n    importance: 'subdued',\n    size: 'small',\n    indicatorPosition: 'block-start',\n  },\n  'popup-section': {\n    importance: 'subdued',\n    size: 'small',\n    indicatorPosition: 'inline-start',\n  },\n  'panel-root': {\n    importance: 'standard',\n    size: 'small',\n    indicatorPosition: 'block-start',\n  },\n  'accessory-root': {\n    importance: 'subdued',\n    size: 'small',\n    indicatorPosition: 'block-end',\n  },\n}\n\nconst isEnabledTabItem = (item: unknown): item is HTMLQdsTabElement => {\n  if (!(item instanceof HTMLElement)) return false\n  const tagName = item.tagName.toLowerCase()\n\n  return (\n    (!item.inert && tagName === 'qds-tab') ||\n    (item as HTMLQdsTabElement).disabled !== true\n  )\n}\n\n/**\n * `<qds-tabbar>` is the component that facilitates navigation between the groups\n * of related content within the page.\n * It allows users to switch between groups by clicking on Tabs without going to another page.\n */\n@Component({\n  tag: 'qds-tabbar',\n  shadow: { delegatesFocus: true },\n  styleUrl: 'tabbar.css',\n})\nexport class Tabbar implements ComponentInterface {\n  /**\n   * The tabbar's layer.\n   */\n  @Prop() public layer?: Layer = 'main'\n\n  /**\n   * The tabbar's level.\n   */\n  @Prop() public level?: Level = 'root'\n\n  /**\n   * The tabbar's orientation.\n   */\n  @Prop() public orientation?: Orientation = 'horizontal'\n\n  /**\n   * the tablist Description\n   */\n  @Prop() public readonly tablistDescription?: string\n\n  /**\n   * Emitted when the user selects the tab.\n   */\n  @Event({ eventName: 'qdsTabShow', cancelable: false })\n  private readonly showEmitter!: EventEmitter<HTMLElement>\n\n  /**\n   * Emitted when the user selects the tab.\n   */\n  @Event({ eventName: 'qdsTabHide', cancelable: false })\n  private readonly hideEmitter!: EventEmitter<HTMLElement>\n\n  @Element() private readonly host!: HTMLQdsTabbarElement\n\n  @State() private disableEndArrow = false\n\n  @State() private disableStartArrow = false\n\n  @State() private activeTab?: HTMLQdsTabElement\n\n  #ro: ResizeObserver | undefined\n\n  #tabbar?: HTMLElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n\n    const firstTab = this.host.querySelector('qds-tab')\n    if (firstTab) this.#setActiveTab(firstTab)\n  }\n\n  public componentDidRender(): void {\n    if (this.activeTab) this.#switchTabPanel(this.activeTab)\n\n    const settings = TAB_SETTINGS[`${this.layer}-${this.level}`]\n    if (!settings) return\n\n    for (const tab of this.host.querySelectorAll('qds-tab')) {\n      /* eslint-disable @typescript-eslint/no-unsafe-member-access */\n      tab.importance = settings.importance\n      tab.size = settings.size\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      tab.indicatorPosition =\n        this.orientation === 'vertical' ? 'inline-end' : tab.indicatorPosition\n      /* eslint-enable @typescript-eslint/no-unsafe-member-access */\n    }\n  }\n\n  public componentDidLoad(): void {\n    invariant(this.#tabbar)\n\n    this.#ro = new ResizeObserver(this.#onScroll)\n    this.#ro.observe(this.#tabbar)\n  }\n\n  public disconnectedCallback(): void {\n    if (this.#ro) this.#ro.disconnect()\n  }\n\n  public render() {\n    return (\n      <div\n        class={{ 'qds-vertical-divider': this.orientation === 'vertical' }}\n        data-layer={this.layer}\n        data-level={this.level}\n      >\n        <div class=\"qds-tabbar\">\n          <div\n            class={{\n              'qds-flex': !(this.disableEndArrow && this.disableStartArrow),\n              'qds-hidden':\n                (this.disableEndArrow && this.disableStartArrow) ||\n                this.orientation === 'vertical',\n            }}\n          >\n            <qds-button\n              importance=\"subdued\"\n              icon-name=\"dropdown\"\n              icon-library=\"core\"\n              aria-label=\"show previous tab\"\n              class=\"qds-arrow-start\"\n              onClick={this.#scrollToStart}\n              disabled={this.disableStartArrow}\n            />\n          </div>\n          <ul\n            class={{\n              'qds-tabs': true,\n              'qds-vertical': this.orientation === 'vertical',\n            }}\n            role=\"tablist\"\n            aria-label={this.tablistDescription}\n            ref={(element) => {\n              this.#tabbar = element\n            }}\n            onClick={this.#onClick}\n            onKeyDown={this.#onKeyDown}\n            onMouseDown={this.#onMouseDown}\n            onScroll={this.#onScroll}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...this.#inheritedAttributes}\n          >\n            <slot onSlotchange={this.#onSlotchange} />\n          </ul>\n          <div\n            class={{\n              'qds-flex': !(this.disableEndArrow && this.disableStartArrow),\n              'qds-hidden':\n                (this.disableEndArrow && this.disableStartArrow) ||\n                this.orientation === 'vertical',\n            }}\n          >\n            <qds-button\n              aria-label=\"show next tab\"\n              icon-name=\"dropdown\"\n              icon-library=\"core\"\n              importance=\"subdued\"\n              class=\"qds-arrow-end\"\n              onClick={this.#scrollToEnd}\n              disabled={this.disableEndArrow}\n            />\n          </div>\n        </div>\n        {((this.level === 'root' &&\n          (this.layer === 'popup' || this.layer === 'accessory')) ||\n          (this.level === 'section' && this.layer === 'main')) && (\n          <qds-divider vertical={this.orientation === 'vertical'} />\n        )}\n      </div>\n    )\n  }\n\n  readonly #scrollToStart = (): void => {\n    invariant(this.#tabbar)\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n    this.#tabbar.scroll({\n      left: isRTL\n        ? this.#tabbar.scrollLeft + this.#tabbar.clientWidth\n        : this.#tabbar.scrollLeft - this.#tabbar.clientWidth,\n    })\n  }\n\n  readonly #scrollToEnd = (): void => {\n    invariant(this.#tabbar)\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n    this.#tabbar.scroll({\n      left: isRTL\n        ? this.#tabbar.scrollLeft - this.#tabbar.clientWidth\n        : this.#tabbar.scrollLeft + this.#tabbar.clientWidth,\n    })\n  }\n\n  #setActiveTab(tab: HTMLQdsTabElement): void {\n    this.activeTab = tab\n\n    for (const t of this.host.querySelectorAll('qds-tab')) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n      const target = t.shadowRoot?.querySelector('[role=\"tab\"]')\n\n      const isSelected = t === tab\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      t.selected = isSelected\n      if (target instanceof globalThis.Element)\n        target.ariaSelected = isSelected.toString()\n    }\n  }\n\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/class-methods-use-this\n  #getAllTabPanels(): HTMLElement[] {\n    const tabPanels = document.querySelectorAll('[role=\"tabpanel\"]')\n    return [...tabPanels].filter(\n      (element): element is HTMLElement => element instanceof HTMLElement,\n    )\n  }\n\n  #switchTabPanel(activeTab: HTMLQdsTabElement): void {\n    const target = activeTab.shadowRoot?.querySelector('[role=\"tab\"]')\n    const tabAriaControls = target?.getAttribute('aria-controls')\n    const tabPanels = this.#getAllTabPanels()\n\n    for (const panel of tabPanels)\n      panel.hidden = tabAriaControls !== panel.getAttribute('id')\n  }\n\n  #handleTabActivation(tab: HTMLQdsTabElement): void {\n    const previousTab = this.activeTab\n    if (previousTab === tab) return\n\n    this.activeTab = tab\n\n    this.hideEmitter.emit(previousTab)\n\n    this.showEmitter.emit(tab)\n    this.#setCurrentTab(tab)\n    this.#switchTabPanel(tab)\n  }\n\n  #getTabs(): HTMLQdsTabElement[] {\n    const slot = this.host.shadowRoot?.querySelector('slot')\n    return slot\n      ? [...slot.assignedElements({ flatten: true })].filter<HTMLQdsTabElement>(\n          (element) => isEnabledTabItem(element),\n        )\n      : []\n  }\n\n  #getCurrentTab(): HTMLQdsTabElement | undefined {\n    const currentTab = this.#getTabs().find(\n      (tab) =>\n        tab.shadowRoot\n          ?.querySelector('[role=\"tab\"]')\n          ?.getAttribute('tabindex') === '0',\n    )\n    return currentTab\n  }\n\n  #setCurrentTab(tab: HTMLQdsTabElement): void {\n    const tabs = this.#getTabs()\n    for (const t of tabs) {\n      const isCurrent = t === tab\n      const target = t.shadowRoot?.querySelector('[role=\"tab\"]')\n      const closeButton = t.shadowRoot?.querySelector('.qds-target')\n\n      const isDisabled = target?.getAttribute('aria-disabled') === 'true'\n      const shouldActivateTab = isCurrent && !isDisabled\n      const tabindex = shouldActivateTab ? '0' : '-1'\n\n      if (target) {\n        target.setAttribute('tabindex', tabindex)\n        if (shouldActivateTab) this.#handleTabActivation(t)\n      }\n\n      if (closeButton) closeButton.setAttribute('tabindex', tabindex)\n    }\n  }\n\n  readonly #onClick = (event: MouseEvent): void => {\n    const { target } = event\n    if (!(target instanceof HTMLElement)) return\n    const tab = target.closest('qds-tab')\n    if (!tab || tab.disabled === true || tab.inert) return\n\n    this.#handleTabActivation(tab)\n    this.#setActiveTab(tab)\n  }\n\n  readonly #onKeyDown = (event: KeyboardEvent): void => {\n    const isVertical = this.orientation === 'vertical'\n    const MOVE_SELECTION_KEYS = isVertical\n      ? VERTICAL_MOVE_KEYS\n      : HORIZONTAL_MOVE_KEYS\n    if (!MOVE_SELECTION_KEYS.has(event.key)) return\n\n    const tabs = this.#getTabs()\n    if (tabs.length === 0) return\n\n    event.preventDefault()\n    event.stopPropagation()\n\n    const activeTab = this.#getCurrentTab()\n    let index = activeTab ? tabs.indexOf(activeTab) : 0\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n\n    let nextTab: HTMLQdsTabElement | undefined\n    do {\n      switch (event.key) {\n        case 'ArrowLeft':\n        case 'ArrowUp': {\n          index = (isRTL ? index < tabs.length - 1 : index > 0)\n            ? index - (isRTL ? -1 : 1)\n            : isRTL\n              ? 0\n              : tabs.length - 1\n          break\n        }\n        case 'ArrowRight':\n        case 'ArrowDown': {\n          index = (isRTL ? index > 0 : index < tabs.length - 1)\n            ? index + (isRTL ? -1 : 1)\n            : isRTL\n              ? tabs.length - 1\n              : 0\n          break\n        }\n        case 'Home': {\n          index = isRTL ? tabs.length - 1 : 0\n          break\n        }\n        case 'End': {\n          index = isRTL ? 0 : tabs.length - 1\n          break\n        }\n        default:\n      }\n      nextTab = tabs[index]\n    } while (nextTab.disabled === true)\n\n    this.#setCurrentTab(nextTab)\n\n    const target =\n      nextTab.shadowRoot?.querySelector<HTMLElement>('[role=\"tab\"]')\n    if (target) {\n      target.focus()\n      target.scrollIntoView()\n    }\n    this.#handleTabActivation(nextTab)\n    this.#setActiveTab(nextTab)\n  }\n\n  readonly #onMouseDown = (event: MouseEvent): void => {\n    const { target } = event\n\n    if (isEnabledTabItem(target)) this.#setCurrentTab(target)\n  }\n\n  readonly #onScroll = (): void => {\n    if (!this.#tabbar) return\n\n    const { clientWidth, scrollWidth, scrollLeft } = this.#tabbar\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n    this.disableStartArrow = scrollLeft === 0\n    this.disableEndArrow = isRTL\n      ? scrollWidth + scrollLeft <= clientWidth\n      : scrollWidth - clientWidth - scrollLeft <= 1\n  }\n\n  readonly #onSlotchange = (): void => {\n    const tabs = this.#getTabs()\n\n    if (tabs.length > 0) this.#setCurrentTab(tabs[0])\n  }\n}\n"],"version":3}
+{"file":"qds-tabbar.entry.cjs.js","mappings":"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","names":["invariant","inheritAriaAttributes","h"],"sources":["src/components/tabbar/tabbar.css?tag=qds-tabbar&encapsulation=shadow","src/components/tabbar/tabbar.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-vertical,\n.qds-vertical-divider,\n.qds-tabbar,\n.qds-tabs {\n  display: flex;\n}\n\n.qds-vertical-divider,\n.qds-tabbar {\n  width: inherit;\n}\n\n.qds-arrow-start {\n  transform: scaleX(var(--qds-direction-factor, 1)) rotate(90deg);\n}\n\n.qds-arrow-end {\n  transform: scaleX(var(--qds-direction-factor, 1)) rotate(-90deg);\n}\n\n.qds-flex {\n  display: flex;\n}\n\n.qds-hidden {\n  display: none;\n}\n\n.qds-tabs {\n  flex: 1;\n  margin-block: 0;\n  overflow: hidden;\n  padding-inline-start: 0;\n  scroll-behavior: smooth;\n}\n\n.qds-vertical {\n  flex-direction: column;\n}\n\n.qds-vertical-divider {\n  flex-direction: row;\n}\n\n[data-layer='main'] {\n  &[data-level='root'] .qds-tabs {\n    gap: var(--qds-control-large-gap-siblings-related);\n  }\n\n  &[data-level='section'] .qds-tabs {\n    gap: var(--qds-control-standard-gap-siblings-related);\n  }\n\n  &[data-level='subsection'] .qds-tabs {\n    gap: var(--qds-control-small-gap-siblings-related);\n  }\n}\n\n[data-layer='popup'] {\n  &[data-level='root'] .qds-tabs {\n    gap: var(--qds-control-standard-gap-siblings-related);\n  }\n\n  &[data-level='section'] .qds-tabs {\n    gap: var(--qds-control-small-gap-siblings-related);\n  }\n}\n\n:is([data-layer='panel'], [data-layer='accessory'])[data-level='root']\n  .qds-tabs {\n  gap: var(--qds-control-small-gap-siblings-related);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport { Component, Element, Event, h, Prop, State } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes, invariant } from '../../helpers'\nimport type { Tab } from '../tab/tab'\n\nexport type Layer = 'accessory' | 'main' | 'panel' | 'popup'\nexport type Level = 'root' | 'section' | 'subsection'\nexport type Orientation = 'horizontal' | 'vertical'\n\nconst HORIZONTAL_MOVE_KEYS: ReadonlySet<string> = new Set([\n  'ArrowLeft',\n  'ArrowRight',\n  'Home',\n  'End',\n])\n\nconst VERTICAL_MOVE_KEYS: ReadonlySet<string> = new Set([\n  'ArrowUp',\n  'ArrowDown',\n  'Home',\n  'End',\n])\n\nconst TAB_SETTINGS: Record<\n  string,\n  Pick<Tab, 'importance' | 'indicatorPosition' | 'size'> | undefined\n> = {\n  'main-root': {\n    importance: 'standard',\n    size: 'large',\n    indicatorPosition: 'block-end',\n  },\n  'main-section': {\n    importance: 'standard',\n    size: 'standard',\n    indicatorPosition: 'block-end',\n  },\n  'popup-root': {\n    importance: 'standard',\n    size: 'standard',\n    indicatorPosition: 'block-end',\n  },\n  'main-subsection': {\n    importance: 'subdued',\n    size: 'small',\n    indicatorPosition: 'block-start',\n  },\n  'popup-section': {\n    importance: 'subdued',\n    size: 'small',\n    indicatorPosition: 'inline-start',\n  },\n  'panel-root': {\n    importance: 'standard',\n    size: 'small',\n    indicatorPosition: 'block-start',\n  },\n  'accessory-root': {\n    importance: 'subdued',\n    size: 'small',\n    indicatorPosition: 'block-end',\n  },\n}\n\nconst isEnabledTabItem = (item: unknown): item is HTMLQdsTabElement => {\n  if (!(item instanceof HTMLElement)) return false\n  const tagName = item.tagName.toLowerCase()\n\n  return (\n    (!item.inert && tagName === 'qds-tab') ||\n    (item as HTMLQdsTabElement).disabled !== true\n  )\n}\n\n/**\n * `<qds-tabbar>` is the component that facilitates navigation between the groups\n * of related content within the page.\n * It allows users to switch between groups by clicking on Tabs without going to another page.\n */\n@Component({\n  tag: 'qds-tabbar',\n  shadow: { delegatesFocus: true },\n  styleUrl: 'tabbar.css',\n})\nexport class Tabbar implements ComponentInterface {\n  /**\n   * The tabbar's layer.\n   */\n  @Prop() public layer?: Layer = 'main'\n\n  /**\n   * The tabbar's level.\n   */\n  @Prop() public level?: Level = 'root'\n\n  /**\n   * The tabbar's orientation.\n   */\n  @Prop() public orientation?: Orientation = 'horizontal'\n\n  /**\n   * the tablist Description\n   */\n  @Prop() public readonly tablistDescription?: string\n\n  /**\n   * Emitted when the user selects the tab.\n   */\n  @Event({ eventName: 'qdsTabShow', cancelable: false })\n  private readonly showEmitter!: EventEmitter<HTMLElement>\n\n  /**\n   * Emitted when the user selects the tab.\n   */\n  @Event({ eventName: 'qdsTabHide', cancelable: false })\n  private readonly hideEmitter!: EventEmitter<HTMLElement>\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private disableEndArrow = false\n\n  @State() private disableStartArrow = false\n\n  @State() private activeTab?: HTMLQdsTabElement\n\n  #ro: ResizeObserver | undefined\n\n  #tabbar?: HTMLElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n\n    const firstTab = this.host.querySelector('qds-tab')\n    if (firstTab) this.#setActiveTab(firstTab)\n  }\n\n  public componentDidRender(): void {\n    if (this.activeTab) this.#switchTabPanel(this.activeTab)\n\n    const settings = TAB_SETTINGS[`${this.layer}-${this.level}`]\n    if (!settings) return\n\n    for (const tab of this.host.querySelectorAll('qds-tab')) {\n      /* eslint-disable @typescript-eslint/no-unsafe-member-access */\n      tab.importance = settings.importance\n      tab.size = settings.size\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      tab.indicatorPosition =\n        this.orientation === 'vertical' ? 'inline-end' : tab.indicatorPosition\n      /* eslint-enable @typescript-eslint/no-unsafe-member-access */\n    }\n  }\n\n  public componentDidLoad(): void {\n    invariant(this.#tabbar)\n\n    this.#ro = new ResizeObserver(this.#onScroll)\n    this.#ro.observe(this.#tabbar)\n  }\n\n  public disconnectedCallback(): void {\n    if (this.#ro) this.#ro.disconnect()\n  }\n\n  public render() {\n    return (\n      <div\n        class={{ 'qds-vertical-divider': this.orientation === 'vertical' }}\n        data-layer={this.layer}\n        data-level={this.level}\n      >\n        <div class=\"qds-tabbar\">\n          <div\n            class={{\n              'qds-flex': !(this.disableEndArrow && this.disableStartArrow),\n              'qds-hidden':\n                (this.disableEndArrow && this.disableStartArrow) ||\n                this.orientation === 'vertical',\n            }}\n          >\n            <qds-button\n              importance=\"subdued\"\n              icon-name=\"dropdown\"\n              icon-library=\"core\"\n              aria-label=\"show previous tab\"\n              class=\"qds-arrow-start\"\n              onClick={this.#scrollToStart}\n              disabled={this.disableStartArrow}\n            />\n          </div>\n          <ul\n            class={{\n              'qds-tabs': true,\n              'qds-vertical': this.orientation === 'vertical',\n            }}\n            role=\"tablist\"\n            aria-label={this.tablistDescription}\n            ref={(element) => {\n              this.#tabbar = element\n            }}\n            onClick={this.#onClick}\n            onKeyDown={this.#onKeyDown}\n            onMouseDown={this.#onMouseDown}\n            onScroll={this.#onScroll}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...this.#inheritedAttributes}\n          >\n            <slot onSlotchange={this.#onSlotchange} />\n          </ul>\n          <div\n            class={{\n              'qds-flex': !(this.disableEndArrow && this.disableStartArrow),\n              'qds-hidden':\n                (this.disableEndArrow && this.disableStartArrow) ||\n                this.orientation === 'vertical',\n            }}\n          >\n            <qds-button\n              aria-label=\"show next tab\"\n              icon-name=\"dropdown\"\n              icon-library=\"core\"\n              importance=\"subdued\"\n              class=\"qds-arrow-end\"\n              onClick={this.#scrollToEnd}\n              disabled={this.disableEndArrow}\n            />\n          </div>\n        </div>\n        {((this.level === 'root' &&\n          (this.layer === 'popup' || this.layer === 'accessory')) ||\n          (this.level === 'section' && this.layer === 'main')) && (\n          <qds-divider vertical={this.orientation === 'vertical'} />\n        )}\n      </div>\n    )\n  }\n\n  readonly #scrollToStart = (): void => {\n    invariant(this.#tabbar)\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n    this.#tabbar.scroll({\n      left: isRTL\n        ? this.#tabbar.scrollLeft + this.#tabbar.clientWidth\n        : this.#tabbar.scrollLeft - this.#tabbar.clientWidth,\n    })\n  }\n\n  readonly #scrollToEnd = (): void => {\n    invariant(this.#tabbar)\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n    this.#tabbar.scroll({\n      left: isRTL\n        ? this.#tabbar.scrollLeft - this.#tabbar.clientWidth\n        : this.#tabbar.scrollLeft + this.#tabbar.clientWidth,\n    })\n  }\n\n  #setActiveTab(tab: HTMLQdsTabElement): void {\n    this.activeTab = tab\n\n    for (const t of this.host.querySelectorAll('qds-tab')) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n      const target = t.shadowRoot?.querySelector('[role=\"tab\"]')\n\n      const isSelected = t === tab\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      t.selected = isSelected\n      if (target instanceof globalThis.Element)\n        target.ariaSelected = isSelected.toString()\n    }\n  }\n\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/class-methods-use-this\n  #getAllTabPanels(): HTMLElement[] {\n    const tabPanels = document.querySelectorAll('[role=\"tabpanel\"]')\n    return [...tabPanels].filter(\n      (element): element is HTMLElement => element instanceof HTMLElement,\n    )\n  }\n\n  #switchTabPanel(activeTab: HTMLQdsTabElement): void {\n    const target = activeTab.shadowRoot?.querySelector('[role=\"tab\"]')\n    const tabAriaControls = target?.getAttribute('aria-controls')\n    const tabPanels = this.#getAllTabPanels()\n\n    for (const panel of tabPanels)\n      panel.hidden = tabAriaControls !== panel.getAttribute('id')\n  }\n\n  #handleTabActivation(tab: HTMLQdsTabElement): void {\n    const previousTab = this.activeTab\n    if (previousTab === tab) return\n\n    this.activeTab = tab\n\n    this.hideEmitter.emit(previousTab)\n\n    this.showEmitter.emit(tab)\n    this.#setCurrentTab(tab)\n    this.#switchTabPanel(tab)\n  }\n\n  #getTabs(): HTMLQdsTabElement[] {\n    const slot = this.host.shadowRoot?.querySelector('slot')\n    return slot\n      ? [...slot.assignedElements({ flatten: true })].filter<HTMLQdsTabElement>(\n          (element) => isEnabledTabItem(element),\n        )\n      : []\n  }\n\n  #getCurrentTab(): HTMLQdsTabElement | undefined {\n    const currentTab = this.#getTabs().find(\n      (tab) =>\n        tab.shadowRoot\n          ?.querySelector('[role=\"tab\"]')\n          ?.getAttribute('tabindex') === '0',\n    )\n    return currentTab\n  }\n\n  #setCurrentTab(tab: HTMLQdsTabElement): void {\n    const tabs = this.#getTabs()\n    for (const t of tabs) {\n      const isCurrent = t === tab\n      const target = t.shadowRoot?.querySelector('[role=\"tab\"]')\n      const closeButton = t.shadowRoot?.querySelector('.qds-target')\n\n      const isDisabled = target?.getAttribute('aria-disabled') === 'true'\n      const shouldActivateTab = isCurrent && !isDisabled\n      const tabindex = shouldActivateTab ? '0' : '-1'\n\n      if (target) {\n        target.setAttribute('tabindex', tabindex)\n        if (shouldActivateTab) this.#handleTabActivation(t)\n      }\n\n      if (closeButton) closeButton.setAttribute('tabindex', tabindex)\n    }\n  }\n\n  readonly #onClick = (event: MouseEvent): void => {\n    const { target } = event\n    if (!(target instanceof HTMLElement)) return\n    const tab = target.closest('qds-tab')\n    if (!tab || tab.disabled === true || tab.inert) return\n\n    this.#handleTabActivation(tab)\n    this.#setActiveTab(tab)\n  }\n\n  readonly #onKeyDown = (event: KeyboardEvent): void => {\n    const isVertical = this.orientation === 'vertical'\n    const MOVE_SELECTION_KEYS = isVertical\n      ? VERTICAL_MOVE_KEYS\n      : HORIZONTAL_MOVE_KEYS\n    if (!MOVE_SELECTION_KEYS.has(event.key)) return\n\n    const tabs = this.#getTabs()\n    if (tabs.length === 0) return\n\n    event.preventDefault()\n    event.stopPropagation()\n\n    const activeTab = this.#getCurrentTab()\n    let index = activeTab ? tabs.indexOf(activeTab) : 0\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n\n    let nextTab: HTMLQdsTabElement | undefined\n    do {\n      switch (event.key) {\n        case 'ArrowLeft':\n        case 'ArrowUp': {\n          index = (isRTL ? index < tabs.length - 1 : index > 0)\n            ? index - (isRTL ? -1 : 1)\n            : isRTL\n              ? 0\n              : tabs.length - 1\n          break\n        }\n        case 'ArrowRight':\n        case 'ArrowDown': {\n          index = (isRTL ? index > 0 : index < tabs.length - 1)\n            ? index + (isRTL ? -1 : 1)\n            : isRTL\n              ? tabs.length - 1\n              : 0\n          break\n        }\n        case 'Home': {\n          index = isRTL ? tabs.length - 1 : 0\n          break\n        }\n        case 'End': {\n          index = isRTL ? 0 : tabs.length - 1\n          break\n        }\n        default:\n      }\n      nextTab = tabs[index]\n    } while (nextTab.disabled === true)\n\n    this.#setCurrentTab(nextTab)\n\n    const target =\n      nextTab.shadowRoot?.querySelector<HTMLElement>('[role=\"tab\"]')\n    if (target) {\n      target.focus()\n      target.scrollIntoView()\n    }\n    this.#handleTabActivation(nextTab)\n    this.#setActiveTab(nextTab)\n  }\n\n  readonly #onMouseDown = (event: MouseEvent): void => {\n    const { target } = event\n\n    if (isEnabledTabItem(target)) this.#setCurrentTab(target)\n  }\n\n  readonly #onScroll = (): void => {\n    if (!this.#tabbar) return\n\n    const { clientWidth, scrollWidth, scrollLeft } = this.#tabbar\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n    this.disableStartArrow = scrollLeft === 0\n    this.disableEndArrow = isRTL\n      ? scrollWidth + scrollLeft <= clientWidth\n      : scrollWidth - clientWidth - scrollLeft <= 1\n  }\n\n  readonly #onSlotchange = (): void => {\n    const tabs = this.#getTabs()\n\n    if (tabs.length > 0) this.#setCurrentTab(tabs[0])\n  }\n}\n"],"version":3}

package/dist/cjs/qds-table-body.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a9985af0.js');
+const index = require('./index-644fe556.js');
 const helpers = require('./helpers-cdd65bd0.js');
 
 const tableBodyCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-body{box-sizing:border-box}";
@@ -42,7 +42,7 @@ const TableBody = class {
         __classPrivateFieldSet(this, _TableBody_inheritedAttributes, helpers.inheritAriaAttributes(this.host), "f");
     }
     render() {
-        return (index.h("tbody", { key: 'a7a2a27b381d81bfcae59ade0dc1d377570eed15', class: "qds-table-body", ...__classPrivateFieldGet(this, _TableBody_inheritedAttributes, "f") }, index.h("slot", { key: '45949f2bd49816c54a9aa2036b22bb86d4003ecd' })));
+        return (index.h("tbody", { key: '68a11819cd985f1ee7b26f1cb693e54d77a209d0', class: "qds-table-body", ...__classPrivateFieldGet(this, _TableBody_inheritedAttributes, "f") }, index.h("slot", { key: 'a2e53960f46509810addc0121fe192d6e274675d' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/qds-table-body.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"qds-table-body.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,YAAY,GAAG,sGAAsG,CAAC;AAC5H,2BAAe,YAAY;;ACD3B;AACA;AACA;;;;;;;;;;;;;;;;;;MAoBa,SAAS;IALtB;;QAQE,yCAAmC,EAAE,EAAA;KAiBtC;IAfQ,iBAAiB;QACtB,uBAAA,IAAI,kCAAwBA,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACEC,oEACE,KAAK,EAAC,gBAAgB,KAElB,uBAAA,IAAI,sCAAqB,IAE7BA,oEAAQ,CACF,EACT;KACF;;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/table-body/table-body.css?tag=qds-table-body&encapsulation=shadow","src/components/table-body/table-body.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: contents;\n}\n\n.qds-table-body {\n  box-sizing: border-box;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\n/**\n * The `<qds-table-body>` element encapsulates a set of rows (`<qds-table-row>`\n * elements) indicating that they comprise the body of the table\n * (`<qds-table>`).\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-body',\n  shadow: true,\n  styleUrl: 'table-body.css',\n})\nexport class TableBody implements ComponentInterface {\n  @Element() private readonly host!: HTMLQdsTableBodyElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <tbody\n        class=\"qds-table-body\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </tbody>\n    )\n  }\n}\n"],"version":3}
+{"file":"qds-table-body.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,YAAY,GAAG,sGAAsG,CAAC;AAC5H,2BAAe,YAAY;;ACD3B;AACA;AACA;;;;;;;;;;;;;;;;;;MAoBa,SAAS;IALtB;;QAQE,yCAAmC,EAAE,EAAA;KAiBtC;IAfQ,iBAAiB;QACtB,uBAAA,IAAI,kCAAwBA,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACEC,oEACE,KAAK,EAAC,gBAAgB,KAElB,uBAAA,IAAI,sCAAqB,IAE7BA,oEAAQ,CACF,EACT;KACF;;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/table-body/table-body.css?tag=qds-table-body&encapsulation=shadow","src/components/table-body/table-body.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: contents;\n}\n\n.qds-table-body {\n  box-sizing: border-box;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\n/**\n * The `<qds-table-body>` element encapsulates a set of rows (`<qds-table-row>`\n * elements) indicating that they comprise the body of the table\n * (`<qds-table>`).\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-body',\n  shadow: true,\n  styleUrl: 'table-body.css',\n})\nexport class TableBody implements ComponentInterface {\n  @Element() private readonly host!: HTMLElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <tbody\n        class=\"qds-table-body\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </tbody>\n    )\n  }\n}\n"],"version":3}

package/dist/cjs/qds-table-cell.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a9985af0.js');
+const index = require('./index-644fe556.js');
 const helpers = require('./helpers-cdd65bd0.js');
 
 const tableCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-cell{box-sizing:border-box;color:var(--qds-theme-title);font:var(--qds-list-item-standard-title);padding-block:0;padding-inline:var(--qds-list-item-standard-padding-horizontal);text-align:inherit;vertical-align:middle;width:inherit}";
@@ -37,14 +37,12 @@ const TableCell = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         _TableCell_inheritedAttributes.set(this, {});
-        this.colSpan = undefined;
-        this.rowSpan = undefined;
     }
     componentWillLoad() {
         __classPrivateFieldSet(this, _TableCell_inheritedAttributes, helpers.inheritAriaAttributes(this.host), "f");
     }
     render() {
-        return (index.h("td", { key: '01804f47116c78ebe7f75cc5ea7f05ea993818d5', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, ...__classPrivateFieldGet(this, _TableCell_inheritedAttributes, "f") }, index.h("slot", { key: 'c8734c6b86f30024435f6293ceb769453624d000' })));
+        return (index.h("td", { key: '66f9a8144f4ba5add9740486df7691bdb386b7fa', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, ...__classPrivateFieldGet(this, _TableCell_inheritedAttributes, "f") }, index.h("slot", { key: 'd9d985e81c3942274148d4cf4a55802e4d182303' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/qds-table-cell.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"qds-table-cell.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,YAAY,GAAG,mTAAmT,CAAC;AACzU,2BAAe,YAAY;;ACD3B;AACA;AACA;;;;;;;;;;;;;;;;;;MAmBa,SAAS;;;QAuBpB,yCAAmC,EAAE,EAAA;;;;IAE9B,iBAAiB;QACtB,uBAAA,IAAI,kCAAwBA,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACEC,iEACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,KAEjB,uBAAA,IAAI,sCAAqB,IAE7BA,oEAAQ,CACL,EACN;KACF;;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/table-cell/table-cell.css?tag=qds-table-cell&encapsulation=shadow","src/components/table-cell/table-cell.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: contents;\n}\n\n.qds-table-cell {\n  box-sizing: border-box;\n  color: var(--qds-theme-title);\n  font: var(--qds-list-item-standard-title);\n  padding-block: 0;\n  padding-inline: var(--qds-list-item-standard-padding-horizontal);\n  text-align: inherit;\n  vertical-align: middle;\n  width: inherit;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\n/**\n * The `<qds-table-cell>` element defines a cell of a table that contains data.\n * It participates in the *table model*.\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-cell',\n  shadow: true,\n  styleUrl: 'table-cell.css',\n})\nexport class TableCell implements ComponentInterface {\n  /**\n   * Non-negative integer value that indicates for how many columns the cell\n   * extends. Its default value is `1`. Values higher than 1000 will be\n   * considered as incorrect and will be set to the default value (1).\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'colspan' }) public readonly colSpan?: number\n\n  /**\n   * Non-negative integer value that indicates for how many rows the cell\n   * extends. Its default value is `1`; if its value is set to `0`, it extends\n   * until the end of the table section (`<qds-table-head>` or\n   * `<qds-table-body>`, even if implicitly defined), that the cell belongs to.\n   * Values higher than 65534 are clipped down to 65534.\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'rowspan' }) public readonly rowSpan?: number\n\n  @Element() private readonly host!: HTMLQdsTableCellElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <td\n        class=\"qds-table-cell\"\n        colSpan={this.colSpan}\n        rowSpan={this.rowSpan}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </td>\n    )\n  }\n}\n"],"version":3}
+{"file":"qds-table-cell.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,YAAY,GAAG,mTAAmT,CAAC;AACzU,2BAAe,YAAY;;ACD3B;AACA;AACA;;;;;;;;;;;;;;;;;;MAmBa,SAAS;IALtB;;QA4BE,yCAAmC,EAAE,EAAA;KAmBtC;IAjBQ,iBAAiB;QACtB,uBAAA,IAAI,kCAAwBA,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACEC,iEACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,KAEjB,uBAAA,IAAI,sCAAqB,IAE7BA,oEAAQ,CACL,EACN;KACF;;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/table-cell/table-cell.css?tag=qds-table-cell&encapsulation=shadow","src/components/table-cell/table-cell.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: contents;\n}\n\n.qds-table-cell {\n  box-sizing: border-box;\n  color: var(--qds-theme-title);\n  font: var(--qds-list-item-standard-title);\n  padding-block: 0;\n  padding-inline: var(--qds-list-item-standard-padding-horizontal);\n  text-align: inherit;\n  vertical-align: middle;\n  width: inherit;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\n/**\n * The `<qds-table-cell>` element defines a cell of a table that contains data.\n * It participates in the *table model*.\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-cell',\n  shadow: true,\n  styleUrl: 'table-cell.css',\n})\nexport class TableCell implements ComponentInterface {\n  /**\n   * Non-negative integer value that indicates for how many columns the cell\n   * extends. Its default value is `1`. Values higher than 1000 will be\n   * considered as incorrect and will be set to the default value (1).\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'colspan' }) public readonly colSpan?: number\n\n  /**\n   * Non-negative integer value that indicates for how many rows the cell\n   * extends. Its default value is `1`; if its value is set to `0`, it extends\n   * until the end of the table section (`<qds-table-head>` or\n   * `<qds-table-body>`, even if implicitly defined), that the cell belongs to.\n   * Values higher than 65534 are clipped down to 65534.\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'rowspan' }) public readonly rowSpan?: number\n\n  @Element() private readonly host!: HTMLElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <td\n        class=\"qds-table-cell\"\n        colSpan={this.colSpan}\n        rowSpan={this.rowSpan}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </td>\n    )\n  }\n}\n"],"version":3}

package/dist/cjs/qds-table-head-cell.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a9985af0.js');
+const index = require('./index-644fe556.js');
 const helpers = require('./helpers-cdd65bd0.js');
 
 const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-title);font:var(--qds-list-item-standard-title);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal);text-align:inherit;vertical-align:middle;width:inherit}";
@@ -37,16 +37,12 @@ const TableHeadCell = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         _TableHeadCell_inheritedAttributes.set(this, {});
-        this.abbr = undefined;
-        this.colSpan = undefined;
-        this.rowSpan = undefined;
-        this.scope = undefined;
     }
     componentWillLoad() {
         __classPrivateFieldSet(this, _TableHeadCell_inheritedAttributes, helpers.inheritAriaAttributes(this.host), "f");
     }
     render() {
-        return (index.h("th", { key: '63f759f5a2e4bdd080e98a6bd5082c7eed54b27d', class: "qds-table-head-cell", abbr: this.abbr, colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope, ...__classPrivateFieldGet(this, _TableHeadCell_inheritedAttributes, "f") }, index.h("slot", { key: '7a3cd18001538b9e8aeaf5df8e0a18ade100cdd5' })));
+        return (index.h("th", { key: '42e2c07493da0034fcd57bde265cceea2433b0b3', class: "qds-table-head-cell", abbr: this.abbr, colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope, ...__classPrivateFieldGet(this, _TableHeadCell_inheritedAttributes, "f") }, index.h("slot", { key: 'd8bd5b85766fbc917da2772e40453681bb5cfa45' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/qds-table-head-cell.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"qds-table-head-cell.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,qWAAqW,CAAC;AAC/X,+BAAe,gBAAgB;;ACD/B;AACA;AACA;;;;;;;;;;;;;;;;;;MAsBa,aAAa;;;QA+CxB,6CAAmC,EAAE,EAAA;;;;;;IAE9B,iBAAiB;QACtB,uBAAA,IAAI,sCAAwBA,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACEC,iEACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,KAEb,uBAAA,IAAI,0CAAqB,IAE7BA,oEAAQ,CACL,EACN;KACF;;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/table-head-cell/table-head-cell.css?tag=qds-table-head-cell&encapsulation=shadow","src/components/table-head-cell/table-head-cell.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: contents;\n}\n\n.qds-table-head-cell {\n  box-sizing: border-box;\n  color: var(--qds-theme-title);\n  font: var(--qds-list-item-standard-title);\n  padding-block: var(--qds-list-item-standard-padding-vertical);\n  padding-inline: var(--qds-list-item-standard-padding-horizontal);\n  text-align: inherit;\n  vertical-align: middle;\n  width: inherit;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\nexport type Scope = 'col' | 'row'\n\n/**\n * The `<qds-table-head-cell>` element defines a cell as the header of a group\n * of table cells. The exact nature of this group is defined by the `scope`\n * attribute.\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-head-cell',\n  shadow: true,\n  styleUrl: 'table-head-cell.css',\n})\nexport class TableHeadCell implements ComponentInterface {\n  /**\n   * A short abbreviated description of the cell's content. Some user-agents,\n   * such as speech readers, may present this description before the content\n   * itself.\n   *\n   * @webnative\n   */\n  @Prop() public readonly abbr?: string\n\n  /**\n   * Non-negative integer value that indicates for how many columns the cell\n   * extends. Its default value is `1`. Values higher than 1000 will be\n   * considered as incorrect and will be set to the default value (1).\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'colspan' }) public readonly colSpan?: number\n\n  /**\n   * Non-negative integer value that indicates for how many rows the cell\n   * extends. Its default value is `1`; if its value is set to `0`, it extends\n   * until the end of the table section (`<qds-table-head>` or\n   * `<qds-table-body>`, even if implicitly defined), that the cell belongs to.\n   * Values higher than 65534 are clipped down to 65534.\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'rowspan' }) public readonly rowSpan?: number\n\n  /**\n   * Defines the cells that the header element relates to. It may have the\n   * following values:\n   *\n   * - `row`: The header relates to all cells of the row it belongs to.\n   * - `col`: The header relates to all cells of the column it belongs to.\n   *\n   * If the `scope` attribute is not specified, or its value is not `row` or\n   * `col`, then browsers automatically select the set of cells to which the\n   * header cell applies.\n   *\n   * @webnative\n   */\n  @Prop() public readonly scope?: Scope\n\n  @Element() private readonly host!: HTMLQdsTableHeadCellElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <th\n        class=\"qds-table-head-cell\"\n        abbr={this.abbr}\n        colSpan={this.colSpan}\n        rowSpan={this.rowSpan}\n        scope={this.scope}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </th>\n    )\n  }\n}\n"],"version":3}
+{"file":"qds-table-head-cell.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,qWAAqW,CAAC;AAC/X,+BAAe,gBAAgB;;ACD/B;AACA;AACA;;;;;;;;;;;;;;;;;;MAsBa,aAAa;IAL1B;;QAoDE,6CAAmC,EAAE,EAAA;KAqBtC;IAnBQ,iBAAiB;QACtB,uBAAA,IAAI,sCAAwBA,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACEC,iEACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,KAEb,uBAAA,IAAI,0CAAqB,IAE7BA,oEAAQ,CACL,EACN;KACF;;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/table-head-cell/table-head-cell.css?tag=qds-table-head-cell&encapsulation=shadow","src/components/table-head-cell/table-head-cell.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: contents;\n}\n\n.qds-table-head-cell {\n  box-sizing: border-box;\n  color: var(--qds-theme-title);\n  font: var(--qds-list-item-standard-title);\n  padding-block: var(--qds-list-item-standard-padding-vertical);\n  padding-inline: var(--qds-list-item-standard-padding-horizontal);\n  text-align: inherit;\n  vertical-align: middle;\n  width: inherit;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\nexport type Scope = 'col' | 'row'\n\n/**\n * The `<qds-table-head-cell>` element defines a cell as the header of a group\n * of table cells. The exact nature of this group is defined by the `scope`\n * attribute.\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-head-cell',\n  shadow: true,\n  styleUrl: 'table-head-cell.css',\n})\nexport class TableHeadCell implements ComponentInterface {\n  /**\n   * A short abbreviated description of the cell's content. Some user-agents,\n   * such as speech readers, may present this description before the content\n   * itself.\n   *\n   * @webnative\n   */\n  @Prop() public readonly abbr?: string\n\n  /**\n   * Non-negative integer value that indicates for how many columns the cell\n   * extends. Its default value is `1`. Values higher than 1000 will be\n   * considered as incorrect and will be set to the default value (1).\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'colspan' }) public readonly colSpan?: number\n\n  /**\n   * Non-negative integer value that indicates for how many rows the cell\n   * extends. Its default value is `1`; if its value is set to `0`, it extends\n   * until the end of the table section (`<qds-table-head>` or\n   * `<qds-table-body>`, even if implicitly defined), that the cell belongs to.\n   * Values higher than 65534 are clipped down to 65534.\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'rowspan' }) public readonly rowSpan?: number\n\n  /**\n   * Defines the cells that the header element relates to. It may have the\n   * following values:\n   *\n   * - `row`: The header relates to all cells of the row it belongs to.\n   * - `col`: The header relates to all cells of the column it belongs to.\n   *\n   * If the `scope` attribute is not specified, or its value is not `row` or\n   * `col`, then browsers automatically select the set of cells to which the\n   * header cell applies.\n   *\n   * @webnative\n   */\n  @Prop() public readonly scope?: Scope\n\n  @Element() private readonly host!: HTMLElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <th\n        class=\"qds-table-head-cell\"\n        abbr={this.abbr}\n        colSpan={this.colSpan}\n        rowSpan={this.rowSpan}\n        scope={this.scope}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </th>\n    )\n  }\n}\n"],"version":3}

package/dist/cjs/qds-table-head.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a9985af0.js');
+const index = require('./index-644fe556.js');
 const helpers = require('./helpers-cdd65bd0.js');
 
 const tableHeadCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head{box-sizing:border-box}";
@@ -42,7 +42,7 @@ const TableHead = class {
         __classPrivateFieldSet(this, _TableHead_inheritedAttributes, helpers.inheritAriaAttributes(this.host), "f");
     }
     render() {
-        return (index.h("thead", { key: '69940e2057fcc563948536fdbc5c3374de26d64f', class: "qds-table-head", ...__classPrivateFieldGet(this, _TableHead_inheritedAttributes, "f") }, index.h("slot", { key: 'c55298fead2b02123c3543684f7ae6431fca6657' })));
+        return (index.h("thead", { key: '2f8916cd08ec80db82a1189c992cc83902c6d517', class: "qds-table-head", ...__classPrivateFieldGet(this, _TableHead_inheritedAttributes, "f") }, index.h("slot", { key: 'a6f29148dcaec459b7a5a260bbb74b457f5bb82d' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/qds-table-head.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"qds-table-head.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,YAAY,GAAG,sGAAsG,CAAC;AAC5H,2BAAe,YAAY;;ACD3B;AACA;AACA;;;;;;;;;;;;;;;;;;MAoBa,SAAS;IALtB;;QAQE,yCAAmC,EAAE,EAAA;KAiBtC;IAfQ,iBAAiB;QACtB,uBAAA,IAAI,kCAAwBA,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACEC,oEACE,KAAK,EAAC,gBAAgB,KAElB,uBAAA,IAAI,sCAAqB,IAE7BA,oEAAQ,CACF,EACT;KACF;;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/table-head/table-head.css?tag=qds-table-head&encapsulation=shadow","src/components/table-head/table-head.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: contents;\n}\n\n.qds-table-head {\n  box-sizing: border-box;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\n/**\n * The `<qds-table-head>` element encapsulates a set of rows (`<qds-table-row>`\n * elements) indicating that they comprise the head of the table\n * (`<qds-table>`).\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-head',\n  shadow: true,\n  styleUrl: 'table-head.css',\n})\nexport class TableHead implements ComponentInterface {\n  @Element() private readonly host!: HTMLQdsTableHeadElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <thead\n        class=\"qds-table-head\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </thead>\n    )\n  }\n}\n"],"version":3}
+{"file":"qds-table-head.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,YAAY,GAAG,sGAAsG,CAAC;AAC5H,2BAAe,YAAY;;ACD3B;AACA;AACA;;;;;;;;;;;;;;;;;;MAoBa,SAAS;IALtB;;QAQE,yCAAmC,EAAE,EAAA;KAiBtC;IAfQ,iBAAiB;QACtB,uBAAA,IAAI,kCAAwBA,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACEC,oEACE,KAAK,EAAC,gBAAgB,KAElB,uBAAA,IAAI,sCAAqB,IAE7BA,oEAAQ,CACF,EACT;KACF;;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/table-head/table-head.css?tag=qds-table-head&encapsulation=shadow","src/components/table-head/table-head.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: contents;\n}\n\n.qds-table-head {\n  box-sizing: border-box;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\n/**\n * The `<qds-table-head>` element encapsulates a set of rows (`<qds-table-row>`\n * elements) indicating that they comprise the head of the table\n * (`<qds-table>`).\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-head',\n  shadow: true,\n  styleUrl: 'table-head.css',\n})\nexport class TableHead implements ComponentInterface {\n  @Element() private readonly host!: HTMLElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <thead\n        class=\"qds-table-head\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </thead>\n    )\n  }\n}\n"],"version":3}

package/dist/cjs/qds-table-row.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a9985af0.js');
+const index = require('./index-644fe556.js');
 const helpers = require('./helpers-cdd65bd0.js');
 
 const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-list-border-width) solid var(--qds-theme-divider-standard);box-sizing:border-box}";
@@ -42,7 +42,7 @@ const TableRow = class {
         __classPrivateFieldSet(this, _TableRow_inheritedAttributes, helpers.inheritAriaAttributes(this.host), "f");
     }
     render() {
-        return (index.h("tr", { key: 'd1a3a034e5363da0a3066401cb30d09cdb3424eb', class: "qds-table-row", ...__classPrivateFieldGet(this, _TableRow_inheritedAttributes, "f") }, index.h("slot", { key: '767975848b8e672c5f67a140715ad9d5ef847343' })));
+        return (index.h("tr", { key: 'b797e826eb60c30641e8cf3511fa00fa015adcc1', class: "qds-table-row", ...__classPrivateFieldGet(this, _TableRow_inheritedAttributes, "f") }, index.h("slot", { key: 'f31dd944355a5bc867e941824afa1a581e6b5417' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/qds-table-row.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"qds-table-row.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,WAAW,GAAG,2LAA2L,CAAC;AAChN,0BAAe,WAAW;;ACD1B;AACA;AACA;;;;;;;;;;;;;;;;;;MAoBa,QAAQ;IALrB;;QAQE,wCAAmC,EAAE,EAAA;KAiBtC;IAfQ,iBAAiB;QACtB,uBAAA,IAAI,iCAAwBA,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACEC,iEACE,KAAK,EAAC,eAAe,KAEjB,uBAAA,IAAI,qCAAqB,IAE7BA,oEAAQ,CACL,EACN;KACF;;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/table-row/table-row.css?tag=qds-table-row&encapsulation=shadow","src/components/table-row/table-row.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: contents;\n}\n\n.qds-table-row {\n  border-block-end: var(--qds-list-border-width) solid\n    var(--qds-theme-divider-standard);\n  box-sizing: border-box;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\n/**\n * The `<qds-table-row>` element defines a row of cells in a table. The row's\n * cells can then be established using a mix of `<qds-table-cell>` (data cell)\n * and `<qds-table-head-cell>` (header cell) elements.\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-row',\n  shadow: true,\n  styleUrl: 'table-row.css',\n})\nexport class TableRow implements ComponentInterface {\n  @Element() private readonly host!: HTMLQdsTableRowElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <tr\n        class=\"qds-table-row\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </tr>\n    )\n  }\n}\n"],"version":3}
+{"file":"qds-table-row.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,WAAW,GAAG,2LAA2L,CAAC;AAChN,0BAAe,WAAW;;ACD1B;AACA;AACA;;;;;;;;;;;;;;;;;;MAoBa,QAAQ;IALrB;;QAQE,wCAAmC,EAAE,EAAA;KAiBtC;IAfQ,iBAAiB;QACtB,uBAAA,IAAI,iCAAwBA,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACEC,iEACE,KAAK,EAAC,eAAe,KAEjB,uBAAA,IAAI,qCAAqB,IAE7BA,oEAAQ,CACL,EACN;KACF;;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/table-row/table-row.css?tag=qds-table-row&encapsulation=shadow","src/components/table-row/table-row.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: contents;\n}\n\n.qds-table-row {\n  border-block-end: var(--qds-list-border-width) solid\n    var(--qds-theme-divider-standard);\n  box-sizing: border-box;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\n/**\n * The `<qds-table-row>` element defines a row of cells in a table. The row's\n * cells can then be established using a mix of `<qds-table-cell>` (data cell)\n * and `<qds-table-head-cell>` (header cell) elements.\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-row',\n  shadow: true,\n  styleUrl: 'table-row.css',\n})\nexport class TableRow implements ComponentInterface {\n  @Element() private readonly host!: HTMLElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <tr\n        class=\"qds-table-row\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </tr>\n    )\n  }\n}\n"],"version":3}

package/dist/cjs/qds-table.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a9985af0.js');
+const index = require('./index-644fe556.js');
 const helpers = require('./helpers-cdd65bd0.js');
 
 const tableCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table{border-collapse:collapse;border-spacing:0;box-sizing:border-box}";
@@ -42,7 +42,7 @@ const Table = class {
         __classPrivateFieldSet(this, _Table_inheritedAttributes, helpers.inheritAriaAttributes(this.host), "f");
     }
     render() {
-        return (index.h("table", { key: 'ed43a15563b32825a250b8cbfce04d469fe28370', class: "qds-table", ...__classPrivateFieldGet(this, _Table_inheritedAttributes, "f") }, index.h("slot", { key: 'da5319ba739c039a9a62d762a500857e614395b6' })));
+        return (index.h("table", { key: 'ca01a241c059c0686c9b08811f3f5d81027c2131', class: "qds-table", ...__classPrivateFieldGet(this, _Table_inheritedAttributes, "f") }, index.h("slot", { key: 'ca4b24cd6d89725f8b19436d4ed6abe038e32a0a' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/qds-table.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"qds-table.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,2IAA2I,CAAC;AAC7J,uBAAe,QAAQ;;ACDvB;AACA;AACA;;;;;;;;;;;;;;;;;;MAoBa,KAAK;IALlB;;QAQE,qCAAmC,EAAE,EAAA;KAiBtC;IAfQ,iBAAiB;QACtB,uBAAA,IAAI,8BAAwBA,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACEC,oEACE,KAAK,EAAC,WAAW,KAEb,uBAAA,IAAI,kCAAqB,IAE7BA,oEAAQ,CACF,EACT;KACF;;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/table/table.css?tag=qds-table&encapsulation=shadow","src/components/table/table.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: contents;\n}\n\n.qds-table {\n  border-collapse: collapse;\n  border-spacing: 0;\n  box-sizing: border-box;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\n/**\n * The `<qds-table>` element represents tabular data — that is, information\n * presented in a two-dimensional table comprised of rows and columns of cells\n * containing data.\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table',\n  shadow: true,\n  styleUrl: 'table.css',\n})\nexport class Table implements ComponentInterface {\n  @Element() private readonly host!: HTMLQdsTableElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <table\n        class=\"qds-table\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </table>\n    )\n  }\n}\n"],"version":3}
+{"file":"qds-table.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,2IAA2I,CAAC;AAC7J,uBAAe,QAAQ;;ACDvB;AACA;AACA;;;;;;;;;;;;;;;;;;MAoBa,KAAK;IALlB;;QAQE,qCAAmC,EAAE,EAAA;KAiBtC;IAfQ,iBAAiB;QACtB,uBAAA,IAAI,8BAAwBA,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACEC,oEACE,KAAK,EAAC,WAAW,KAEb,uBAAA,IAAI,kCAAqB,IAE7BA,oEAAQ,CACF,EACT;KACF;;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/table/table.css?tag=qds-table&encapsulation=shadow","src/components/table/table.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: contents;\n}\n\n.qds-table {\n  border-collapse: collapse;\n  border-spacing: 0;\n  box-sizing: border-box;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\n/**\n * The `<qds-table>` element represents tabular data — that is, information\n * presented in a two-dimensional table comprised of rows and columns of cells\n * containing data.\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table',\n  shadow: true,\n  styleUrl: 'table.css',\n})\nexport class Table implements ComponentInterface {\n  @Element() private readonly host!: HTMLElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <table\n        class=\"qds-table\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </table>\n    )\n  }\n}\n"],"version":3}