@breadstone/mosaik-elements-foundation 0.0.30 → 0.0.32

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js

@@ -36,6 +36,10 @@ export function menuItemElementJoyStyle() {
   --menu-item-border-width: 0px;
   --menu-item-foreground-color: var(--joy-scheme-foreground);
   --menu-item-shadow: var(--joy-elevation-none);
+  --menu-item-height: 48px;
+  --menu-item-indent-color: var(--joy-scheme-highlight);
+  --menu-item-indent-size: var(--joy-layout-thickness);
+  --menu-item-indent-offset: calc(var(--joy-layout-space) * 2);
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
@@ -81,9 +85,9 @@ export function menuItemElementJoyStyle() {
   border: var(--menu-item-border-width) var(--menu-item-border-style) var(--menu-item-border-color);
   border-radius: var(--menu-item-border-radius);
   padding: var(--menu-item-padding-top) var(--menu-item-padding-right) var(--menu-item-padding-bottom) var(--menu-item-padding-left);
+  min-height: var(--menu-item-height);
   gap: var(--menu-item-gap);
   align-items: center;
-  min-height: 48px;
   display: flex;
   position: relative;
   overflow: hidden;
@@ -120,10 +124,24 @@ export function menuItemElementJoyStyle() {
   transform: rotate(-90deg);
 }
 
+:host [part="expandable"]::part(content):before {
+  content: "";
+  top: 0;
+  left: var(--menu-item-indent-offset);
+  width: var(--menu-item-indent-size);
+  background-color: var(--menu-item-indent-color);
+  height: 100%;
+  position: absolute;
+}
+
 :host([is-expanded]) [part="caret"]::part(icon) {
   transform: rotate(-45deg);
 }
 
+:host([role="link"]) {
+  cursor: pointer;
+}
+
 :host slot[name="subLabel"] mosaik-text {
   color: var(--joy-scheme-middlelight);
   font-family: var(--joy-typography-body2-font-family);
@@ -137,7 +155,7 @@ export function menuItemElementJoyStyle() {
 }
 
 :host(:focus), :host(:hover) [part="root"] {
-  --menu-item-background-color: var(--joy-scheme-semi-transparent);
+  --menu-item-background-color: var(--joy-scheme-highlight);
 }
 
 :host([is-active]:hover) [part="root"] {
@@ -148,11 +166,7 @@ export function menuItemElementJoyStyle() {
   --menu-item-foreground-color: var(--joy-scheme-disabled);
 }
 
-:host(:not([disabled]:not([disabled="false"])):not(:active)) [part="root"]:hover {
-  --menu-item-background-color: var(--joy-scheme-semi-transparent);
-}
-
-:host(:not([disabled]:not([disabled="false"]))) [part="root"]:hover {
+:host(:not([disabled]:not([disabled="false"])):not(:active)) [part="root"]:hover, :host(:not([disabled]:not([disabled="false"]))) [part="root"]:hover {
   --menu-item-background-color: var(--joy-scheme-highlight);
 }
 
@@ -170,7 +184,7 @@ export function menuItemElementJoyStyle() {
 }
 
 :host([appearance="plain"]:not([disabled]:not([disabled="false"])):hover) {
-  --menu-item-background-color: var(--joy-scheme-semi-transparent);
+  --menu-item-background-color: var(--joy-scheme-highlight);
 }
 
     `;

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkKT,CAAC;AACN,CAAC"}
+{"version":3,"file":"MenuItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgLT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Retro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAmHrD"}
+{"version":3,"file":"MenuItemElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAqIrD"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Retro.js

@@ -36,6 +36,10 @@ export function menuItemElementRetroStyle() {
   --menu-item-border-width: 0px;
   --menu-item-foreground-color: var(--retro-scheme-foreground);
   --menu-item-shadow: var(--retro-elevation-none);
+  --menu-item-height: 45px;
+  --menu-item-indent-color: var(--retro-scheme-highlight);
+  --menu-item-indent-size: var(--retro-layout-thickness);
+  --menu-item-indent-offset: calc(var(--retro-layout-space) * 2);
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
@@ -81,9 +85,9 @@ export function menuItemElementRetroStyle() {
   border: var(--menu-item-border-width) var(--menu-item-border-style) var(--menu-item-border-color);
   border-radius: var(--menu-item-border-radius);
   padding: var(--menu-item-padding-top) var(--menu-item-padding-right) var(--menu-item-padding-bottom) var(--menu-item-padding-left);
+  min-height: var(--menu-item-height);
   gap: var(--menu-item-gap);
   align-items: center;
-  min-height: 48px;
   display: flex;
   position: relative;
   overflow: hidden;
@@ -120,10 +124,24 @@ export function menuItemElementRetroStyle() {
   transform: rotate(-90deg);
 }
 
+:host [part="expandable"]::part(content):before {
+  content: "";
+  top: 0;
+  left: var(--menu-item-indent-offset);
+  width: var(--menu-item-indent-size);
+  background-color: var(--menu-item-indent-color);
+  height: 100%;
+  position: absolute;
+}
+
 :host([is-expanded]) [part="caret"]::part(icon) {
   transform: rotate(-45deg);
 }
 
+:host([role="link"]) {
+  cursor: pointer;
+}
+
     `;
 }
 //# sourceMappingURL=MenuItemElement.Retro.js.map

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Retro.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiHT,CAAC;AACN,CAAC"}
+{"version":3,"file":"MenuItemElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmIT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemGroupElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemGroupElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemGroupElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,CAmExD"}
+{"version":3,"file":"MenuItemGroupElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemGroupElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,CAuExD"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemGroupElement.Joy.js

@@ -36,6 +36,10 @@ export function menuItemGroupElementJoyStyle() {
   --menu-item-group-border-width: 0px;
   --menu-item-group-foreground-color: var(--joy-scheme-foreground);
   --menu-item-group-shadow: var(--joy-elevation-none);
+  --menu-item-group-height: 48px;
+  --menu-item-group-indent-color: var(--joy-scheme-highlight);
+  --menu-item-group-indent-size: var(--joy-layout-thickness);
+  --menu-item-group-indent-offset: calc(var(--joy-layout-space) * 2);
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Selectors/Menu/Themes/MenuItemGroupElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemGroupElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemGroupElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiET,CAAC;AACN,CAAC"}
+{"version":3,"file":"MenuItemGroupElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemGroupElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqET,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Tab/TabElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Tab/TabElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,UAAU,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAqC7E"}
+{"version":3,"file":"TabElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Tab/TabElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,UAAU,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAyC7E"}

package/Controls/Components/Selectors/Tab/TabElementTemplate.js

@@ -11,33 +11,37 @@ export function tabElementTemplate(e) {
     return html `
         <div part="root">
             ${when(e.items.length > 1, () => html `
-            <mosaik-tab-panel part="tabPanel"
-                              .dir="${e.dir}"
-                              .alignment="${e.alignment}"
-                              .placement="${e.placement}"
-                              .hasIndicator="${e.hasIndicator}"
-                              .enableGestures="${e.enableGestures}"
-                              .appearance="${e.appearance}">
-                <mosaik-tab-strip part="tabStrip"
-                                  .appearance="${e.appearance}"
-                                  .variant="${e.variant}"
-                                  .disabled="${e.disabled}"
-                                  .hasIndicator="${e.hasIndicator}"
-                                  .placement="${e.placement}">
-                    ${repeat(e.items, (x) => x, (x) => html `
-                    <mosaik-tab-strip-item part="tabStripItem"
-                                           .dir="${x.dir}"
-                                           .label="${x.label}"
-                                           .icon="${x.icon}"
-                                           .iconPosition="${x.iconPosition}"
-                                           .iconSize="${x.iconSize}"
-                                           .placement="${e.placement}"
-                                           .isSelected="${x.isSelected}"
-                                           ?disabled="${x.disabled}"
-                                           @selectionChanged="${(y) => e.onTabStripItemSelectionChanged(y, x)}"></mosaik-tab-strip-item>
-                    `)}
-                </mosaik-tab-strip>
-            </mosaik-tab-panel>
+            <div part="header">
+                <slot name="start"></slot>
+                <mosaik-tab-panel part="tabPanel"
+                                .dir="${e.dir}"
+                                .alignment="${e.alignment}"
+                                .placement="${e.placement}"
+                                .hasIndicator="${e.hasIndicator}"
+                                .enableGestures="${e.enableGestures}"
+                                .appearance="${e.appearance}">
+                    <mosaik-tab-strip part="tabStrip"
+                                    .appearance="${e.appearance}"
+                                    .variant="${e.variant}"
+                                    .disabled="${e.disabled}"
+                                    .hasIndicator="${e.hasIndicator}"
+                                    .placement="${e.placement}">
+                        ${repeat(e.items, (x) => x, (x) => html `
+                        <mosaik-tab-strip-item part="tabStripItem"
+                                            .dir="${x.dir}"
+                                            .label="${x.label}"
+                                            .icon="${x.icon}"
+                                            .iconPosition="${x.iconPosition}"
+                                            .iconSize="${x.iconSize}"
+                                            .placement="${e.placement}"
+                                            .isSelected="${x.isSelected}"
+                                            ?disabled="${x.disabled}"
+                                            @selectionChanged="${(y) => e.onTabStripItemSelectionChanged(y, x)}"></mosaik-tab-strip-item>
+                        `)}
+                    </mosaik-tab-strip>
+                </mosaik-tab-panel>
+                <slot name="end"></slot>
+            </div>
             `)}
             <div part="content">
                 <slot @slotchange="${() => e.requestUpdate()}"></slot>

package/Controls/Components/Selectors/Tab/TabElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Tab/TabElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAG9D,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAuB,CAAI;IACzD,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAEX,CAAC,CAAC,GAAG;4CACC,CAAC,CAAC,SAAS;4CACX,CAAC,CAAC,SAAS;+CACR,CAAC,CAAC,YAAY;iDACZ,CAAC,CAAC,cAAc;6CACpB,CAAC,CAAC,UAAU;;iDAER,CAAC,CAAC,UAAU;8CACf,CAAC,CAAC,OAAO;+CACR,CAAC,CAAC,QAAQ;mDACN,CAAC,CAAC,YAAY;gDACjB,CAAC,CAAC,SAAS;sBACrC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;;mDAER,CAAC,CAAC,GAAG;qDACH,CAAC,CAAC,KAAK;oDACR,CAAC,CAAC,IAAI;4DACE,CAAC,CAAC,YAAY;wDAClB,CAAC,CAAC,QAAQ;yDACT,CAAC,CAAC,SAAS;0DACV,CAAC,CAAC,UAAU;wDACd,CAAC,CAAC,QAAQ;gEACF,CAAC,CAAc,EAAE,EAAE,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,EAAE,CAAC,CAAC;qBACrG,CAAC;;;aAGT,CAAC;;qCAEuB,GAAG,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE;;;KAGvD,CAAC;AACN,CAAC"}
+{"version":3,"file":"TabElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Tab/TabElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAG9D,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAuB,CAAI;IACzD,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;wCAIT,CAAC,CAAC,GAAG;8CACC,CAAC,CAAC,SAAS;8CACX,CAAC,CAAC,SAAS;iDACR,CAAC,CAAC,YAAY;mDACZ,CAAC,CAAC,cAAc;+CACpB,CAAC,CAAC,UAAU;;mDAER,CAAC,CAAC,UAAU;gDACf,CAAC,CAAC,OAAO;iDACR,CAAC,CAAC,QAAQ;qDACN,CAAC,CAAC,YAAY;kDACjB,CAAC,CAAC,SAAS;0BACnC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;;oDAEX,CAAC,CAAC,GAAG;sDACH,CAAC,CAAC,KAAK;qDACR,CAAC,CAAC,IAAI;6DACE,CAAC,CAAC,YAAY;yDAClB,CAAC,CAAC,QAAQ;0DACT,CAAC,CAAC,SAAS;2DACV,CAAC,CAAC,UAAU;yDACd,CAAC,CAAC,QAAQ;iEACF,CAAC,CAAc,EAAE,EAAE,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,EAAE,CAAC,CAAC;yBAClG,CAAC;;;;;aAKb,CAAC;;qCAEuB,GAAG,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE;;;KAGvD,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Tab/Themes/TabElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Tab/Themes/TabElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAkNvD"}
+{"version":3,"file":"TabElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Tab/Themes/TabElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAgOvD"}

package/Controls/Components/Selectors/Tab/Themes/TabElement.Cosmopolitan.js

@@ -99,7 +99,13 @@ export function tabElementCosmopolitanStyle() {
   display: flex;
 }
 
-:host [part="tabPanel"] {
+:host [part="root"] [part="header"] {
+  flex-direction: row;
+  align-items: center;
+  display: flex;
+}
+
+:host [part="root"] [part="header"] [part="tabPanel"] {
   --tab-panel-background-color: base. component-property($ props, background-color);
   margin-bottom: calc(var(--tab-border-width) * -1);
   border: var(--tab-border-width) var(--tab-border-style) var(--tab-border-color);
@@ -107,7 +113,7 @@ export function tabElementCosmopolitanStyle() {
   display: flex;
 }
 
-:host [part="tabPanel"]:after {
+:host [part="root"] [part="header"] [part="tabPanel"]:after {
   content: "";
   background-color: var(--tab-border-color);
   height: var(--tab-divider-height);
@@ -118,22 +124,22 @@ export function tabElementCosmopolitanStyle() {
   right: 0;
 }
 
-:host [part="tabPanel"] [part="tabStrip"] {
+:host [part="root"] [part="header"] [part="tabPanel"] [part="tabStrip"] {
   --tab-strip-padding-top: 0;
   --tab-strip-padding-right: 0;
   --tab-strip-padding-bottom: 0;
   --tab-strip-padding-left: 0;
 }
 
-:host [part="tabPanel"] [part="tabStrip"] [part="tabStripItem"] {
+:host [part="root"] [part="header"] [part="tabPanel"] [part="tabStrip"] [part="tabStripItem"] {
   --tab-strip-item-border-radius: calc(var(--tab-border-radius)  - var(--tab-border-width));
 }
 
-:host [part="tabPanel"] + [part="content"] {
+:host [part="root"] [part="header"] [part="tabPanel"] + [part="content"] {
   border-radius: 0px 0px var(--tab-border-radius) var(--tab-border-radius);
 }
 
-:host [part="content"] {
+:host [part="root"] [part="content"] {
   border: var(--tab-border-width) var(--tab-border-style) var(--tab-border-color);
   border-radius: var(--tab-border-radius);
   background-color: var(--tab-background-color);
@@ -142,22 +148,22 @@ export function tabElementCosmopolitanStyle() {
   overflow: hidden;
 }
 
-:host [part="indicator"] {
-  height: var(--indicator-height);
-  top: var(--tab-padding-top);
-  bottom: var(--tab-padding-bottom);
-  border-radius: inherit;
-  width: 100%;
-}
-
 :host([placement="top"]) [part="root"] {
   flex-direction: column;
 }
 
+:host([placement="top"]) [part="root"] [part="header"] {
+  flex-direction: row;
+}
+
 :host([placement="bottom"]) [part="root"] {
   flex-direction: column-reverse;
 }
 
+:host([placement="bottom"]) [part="root"] [part="header"] {
+  flex-direction: row;
+}
+
 :host([placement="bottom"]) [part="root"] [part="tabPanel"] {
   margin-top: calc(var(--tab-border-width) * -1);
   border-radius: 0px 0px var(--tab-border-radius) var(--tab-border-radius);
@@ -177,6 +183,10 @@ export function tabElementCosmopolitanStyle() {
   flex-direction: row;
 }
 
+:host([placement="left"]) [part="root"] [part="header"] {
+  flex-direction: column;
+}
+
 :host([placement="left"]) [part="root"] [part="tabPanel"] {
   margin-right: calc(var(--tab-border-width) * -1);
   border-radius: var(--tab-border-radius) 0px 0px var(--tab-border-radius);
@@ -200,6 +210,10 @@ export function tabElementCosmopolitanStyle() {
   flex-direction: row-reverse;
 }
 
+:host([placement="right"]) [part="root"] [part="header"] {
+  flex-direction: column;
+}
+
 :host([placement="right"]) [part="root"] [part="tabPanel"] {
   margin-left: calc(var(--tab-border-width) * -1);
   border-radius: 0px var(--tab-border-radius) var(--tab-border-radius) 0px;

package/Controls/Components/Selectors/Tab/Themes/TabElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Tab/Themes/TabElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgNT,CAAC;AACN,CAAC"}
+{"version":3,"file":"TabElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Tab/Themes/TabElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8NT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Tab/Themes/TabElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Tab/Themes/TabElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,SAAS,CA2O9C"}
+{"version":3,"file":"TabElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Tab/Themes/TabElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,SAAS,CAyP9C"}

package/Controls/Components/Selectors/Tab/Themes/TabElement.Joy.js

@@ -99,7 +99,13 @@ export function tabElementJoyStyle() {
   display: flex;
 }
 
-:host [part="tabPanel"] {
+:host [part="root"] [part="header"] {
+  flex-direction: row;
+  align-items: center;
+  display: flex;
+}
+
+:host [part="root"] [part="header"] [part="tabPanel"] {
   --tab-panel-background-color: base. component-property($ props, background-color);
   margin-bottom: calc(var(--tab-border-width) * -1);
   border: var(--tab-border-width) var(--tab-border-style) var(--tab-border-color);
@@ -107,7 +113,7 @@ export function tabElementJoyStyle() {
   display: flex;
 }
 
-:host [part="tabPanel"]:after {
+:host [part="root"] [part="header"] [part="tabPanel"]:after {
   content: "";
   background-color: var(--tab-border-color);
   height: var(--tab-divider-height);
@@ -118,22 +124,22 @@ export function tabElementJoyStyle() {
   right: 0;
 }
 
-:host [part="tabPanel"] [part="tabStrip"] {
+:host [part="root"] [part="header"] [part="tabPanel"] [part="tabStrip"] {
   --tab-strip-padding-top: 0;
   --tab-strip-padding-right: 0;
   --tab-strip-padding-bottom: 0;
   --tab-strip-padding-left: 0;
 }
 
-:host [part="tabPanel"] [part="tabStrip"] [part="tabStripItem"] {
+:host [part="root"] [part="header"] [part="tabPanel"] [part="tabStrip"] [part="tabStripItem"] {
   --tab-strip-item-border-radius: calc(var(--tab-border-radius)  - var(--tab-border-width));
 }
 
-:host [part="tabPanel"] + [part="content"] {
+:host [part="root"] [part="header"] [part="tabPanel"] + [part="content"] {
   border-radius: 0px 0px var(--tab-border-radius) var(--tab-border-radius);
 }
 
-:host [part="content"] {
+:host [part="root"] [part="content"] {
   border: var(--tab-border-width) var(--tab-border-style) var(--tab-border-color);
   border-radius: var(--tab-border-radius);
   background-color: var(--tab-background-color);
@@ -142,22 +148,22 @@ export function tabElementJoyStyle() {
   overflow: hidden;
 }
 
-:host [part="indicator"] {
-  height: var(--indicator-height);
-  top: var(--tab-padding-top);
-  bottom: var(--tab-padding-bottom);
-  border-radius: inherit;
-  width: 100%;
-}
-
 :host([placement="top"]) [part="root"] {
   flex-direction: column;
 }
 
+:host([placement="top"]) [part="root"] [part="header"] {
+  flex-direction: row;
+}
+
 :host([placement="bottom"]) [part="root"] {
   flex-direction: column-reverse;
 }
 
+:host([placement="bottom"]) [part="root"] [part="header"] {
+  flex-direction: row;
+}
+
 :host([placement="bottom"]) [part="root"] [part="tabPanel"] {
   margin-top: calc(var(--tab-border-width) * -1);
   border-radius: 0px 0px var(--tab-border-radius) var(--tab-border-radius);
@@ -177,6 +183,10 @@ export function tabElementJoyStyle() {
   flex-direction: row;
 }
 
+:host([placement="left"]) [part="root"] [part="header"] {
+  flex-direction: column;
+}
+
 :host([placement="left"]) [part="root"] [part="tabPanel"] {
   margin-right: calc(var(--tab-border-width) * -1);
   border-radius: var(--tab-border-radius) 0px 0px var(--tab-border-radius);
@@ -200,6 +210,10 @@ export function tabElementJoyStyle() {
   flex-direction: row-reverse;
 }
 
+:host([placement="right"]) [part="root"] [part="header"] {
+  flex-direction: column;
+}
+
 :host([placement="right"]) [part="root"] [part="tabPanel"] {
   margin-left: calc(var(--tab-border-width) * -1);
   border-radius: 0px var(--tab-border-radius) var(--tab-border-radius) 0px;

package/Controls/Components/Selectors/Tab/Themes/TabElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Tab/Themes/TabElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kBAAkB;IAC9B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyOT,CAAC;AACN,CAAC"}
+{"version":3,"file":"TabElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Tab/Themes/TabElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kBAAkB;IAC9B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuPT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Tab/Themes/TabElement.Retro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Tab/Themes/TabElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,CAiOhD"}
+{"version":3,"file":"TabElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Tab/Themes/TabElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,CA+OhD"}

package/Controls/Components/Selectors/Tab/Themes/TabElement.Retro.js

@@ -106,7 +106,13 @@ export function tabElementRetroStyle() {
   display: flex;
 }
 
-:host [part="tabPanel"] {
+:host [part="root"] [part="header"] {
+  flex-direction: row;
+  align-items: center;
+  display: flex;
+}
+
+:host [part="root"] [part="header"] [part="tabPanel"] {
   --tab-panel-background-color: base. component-property($ props, background-color);
   margin-bottom: calc(var(--tab-border-width) * -1);
   border: var(--tab-border-width) var(--tab-border-style) var(--tab-border-color);
@@ -114,7 +120,7 @@ export function tabElementRetroStyle() {
   display: flex;
 }
 
-:host [part="tabPanel"]:after {
+:host [part="root"] [part="header"] [part="tabPanel"]:after {
   content: "";
   background-color: var(--tab-border-color);
   height: var(--tab-divider-height);
@@ -125,22 +131,22 @@ export function tabElementRetroStyle() {
   right: 0;
 }
 
-:host [part="tabPanel"] [part="tabStrip"] {
+:host [part="root"] [part="header"] [part="tabPanel"] [part="tabStrip"] {
   --tab-strip-padding-top: 0;
   --tab-strip-padding-right: 0;
   --tab-strip-padding-bottom: 0;
   --tab-strip-padding-left: 0;
 }
 
-:host [part="tabPanel"] [part="tabStrip"] [part="tabStripItem"] {
+:host [part="root"] [part="header"] [part="tabPanel"] [part="tabStrip"] [part="tabStripItem"] {
   --tab-strip-item-border-radius: calc(var(--tab-border-radius)  - var(--tab-border-width));
 }
 
-:host [part="tabPanel"] + [part="content"] {
+:host [part="root"] [part="header"] [part="tabPanel"] + [part="content"] {
   border-radius: 0px 0px var(--tab-border-radius) var(--tab-border-radius);
 }
 
-:host [part="content"] {
+:host [part="root"] [part="content"] {
   border: var(--tab-border-width) var(--tab-border-style) var(--tab-border-color);
   border-radius: var(--tab-border-radius);
   background-color: var(--tab-background-color);
@@ -149,22 +155,22 @@ export function tabElementRetroStyle() {
   overflow: hidden;
 }
 
-:host [part="indicator"] {
-  height: var(--indicator-height);
-  top: var(--tab-padding-top);
-  bottom: var(--tab-padding-bottom);
-  border-radius: inherit;
-  width: 100%;
-}
-
 :host([placement="top"]) [part="root"] {
   flex-direction: column;
 }
 
+:host([placement="top"]) [part="root"] [part="header"] {
+  flex-direction: row;
+}
+
 :host([placement="bottom"]) [part="root"] {
   flex-direction: column-reverse;
 }
 
+:host([placement="bottom"]) [part="root"] [part="header"] {
+  flex-direction: row;
+}
+
 :host([placement="bottom"]) [part="root"] [part="tabPanel"] {
   margin-top: calc(var(--tab-border-width) * -1);
   border-radius: 0px 0px var(--tab-border-radius) var(--tab-border-radius);
@@ -184,6 +190,10 @@ export function tabElementRetroStyle() {
   flex-direction: row;
 }
 
+:host([placement="left"]) [part="root"] [part="header"] {
+  flex-direction: column;
+}
+
 :host([placement="left"]) [part="root"] [part="tabPanel"] {
   margin-right: calc(var(--tab-border-width) * -1);
   border-radius: var(--tab-border-radius) 0px 0px var(--tab-border-radius);
@@ -207,6 +217,10 @@ export function tabElementRetroStyle() {
   flex-direction: row-reverse;
 }
 
+:host([placement="right"]) [part="root"] [part="header"] {
+  flex-direction: column;
+}
+
 :host([placement="right"]) [part="root"] [part="tabPanel"] {
   margin-left: calc(var(--tab-border-width) * -1);
   border-radius: 0px var(--tab-border-radius) var(--tab-border-radius) 0px;

package/Controls/Components/Selectors/Tab/Themes/TabElement.Retro.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Tab/Themes/TabElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+NT,CAAC;AACN,CAAC"}
+{"version":3,"file":"TabElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Tab/Themes/TabElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6OT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/TabStrip/TabStripElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabStripElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/TabStrip/TabStripElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TabStripElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/TabStrip/TabStripElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAOrE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAQ5D;;;;GAIG;AACH,qBAea,eACT,SAAQ,oBACR,YAAW,qBAAqB,EAAE,UAAU;IAI5C,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAmB;IACrD,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAqB;IACzD,OAAO,CAAC,iBAAiB,CAAuB;IAChD,OAAO,CAAC,UAAU,CAAoB;IACtC,OAAO,CAAC,aAAa,CAAU;IAM/B;;OAEG;;IAwBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,SAAS,IAAI,iBAAiB,CAExC;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,iBAAiB,EAK5C;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAED;;;;;OAKG;IACH,IAAW,KAAK,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAE7C;IAED;;;;;OAKG;IACH,IAAW,YAAY,IAAI,mBAAmB,GAAG,IAAI,CAEpD;IAED;;;;;OAKG;IACH,IAAW,aAAa,IAAI,MAAM,CAEjC;IAMD;;;;;OAKG;IACI,MAAM,CAAC,YAAY,EAAE,mBAAmB,GAAG,IAAI;IAiBtD;;;;;OAKG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzC;;;;;OAKG;IACI,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAQ1C;;;OAGG;IACa,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAwBtD;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAM1C;;OAEG;IAEH,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IA0BrC;;OAEG;IAEH,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IASlE;;OAEG;IAEH,SAAS,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAiBzE;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAYxE;;OAEG;IAEH,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI;IAYhF;;OAEG;IAEH,SAAS,CAAC,4BAA4B,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI;IAUrF;;OAEG;IAEH,SAAS,CAAC,6BAA6B,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAc9E;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAWxB;;OAEG;IACH,OAAO,CAAC,UAAU;CAMrB;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,eAAe,CAAC;KACvC;CACJ"}

package/Controls/Components/Selectors/TabStrip/TabStripElement.js

@@ -332,7 +332,10 @@ __decorate([
     __metadata("design:paramtypes", [String])
 ], TabStripElement.prototype, "placement", null);
 __decorate([
-    Attribute({ type: Boolean, useDefault: true }),
+    Attribute({
+        type: Boolean,
+        useDefault: true
+    }),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
 ], TabStripElement.prototype, "hasIndicator", null);