@ctrliq/quantic-components 1.63.4 → 1.63.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js.map +1 -1
- package/dist/meta/index.js.map +1 -1
- package/dist/quantic-components.js +1 -0
- package/dist/quantic-components.js.map +1 -1
- package/dist/quantic-components.min.js +1 -1
- package/dist/quantic-components.min.js.map +1 -1
- package/dist/tabs/tabs.component.js +1 -0
- package/package.json +1 -1
|
@@ -38985,7 +38985,7 @@ const Qn="important",Yn=" !"+Qn,eo=Fe(class extends Re{constructor(e){if(super(e
|
|
|
38985
38985
|
display: table-footer-group;
|
|
38986
38986
|
border-top: 1px solid var(--quantic-component-table-border-color);
|
|
38987
38987
|
}
|
|
38988
|
-
`,t([Le({type:"string",default:"rowgroup",reflect:!0,description:"ARIA role for the footer row group."})],e.TableFooter.prototype,"role",void 0),e.TableFooter=t([Ce("quantic-table-footer")],e.TableFooter);const ss={Horizontal:"horizontal",Vertical:"vertical"},cs={ExtraSmall:"xs",Small:"sm",Medium:"md",Large:"lg"},rs="tabs.id",ls="tabs.size",as="tabs.orientation",ds="tabs.selectedIndex";e.Tabs=class extends fe{constructor(){super(...arguments),this.size=cs.Medium,this.orientation=ss.Horizontal,this.selectedIndex=0,this.id=""}connectedCallback(){super.connectedCallback(),this.addEventListener("tab-selected",this._onTabSelect),this.id||(this.id=`tabs-${Math.random().toString(36).substring(2,9)}`)}firstUpdated(){this._assignSlots();const e=this.shadowRoot.querySelector('slot[name="buttons"]'),t=this.shadowRoot.querySelector('slot[name="panels"]');e?.addEventListener("slotchange",this._assignSlots),t?.addEventListener("slotchange",()=>{this._assignSlots(),this.requestUpdate()})}_assignSlots(){Array.from(this.children).filter(e=>e instanceof HTMLElement).forEach(e=>{const t=e.tagName.toLowerCase();"quantic-tab-button"===t&&(e.slot="buttons"),"quantic-tab-panel"===t&&(e.slot="panels")})}_onTabSelect(e){e.target.closest("quantic-tabs")===this&&(this.selectedIndex=e.detail.index)}render(){const e=Oe({main:!0,[`orientation--${this.orientation}`]:!0}),t=Oe({panels:!0,"panels--hidden":0===this._panelElements.length});return Z`
|
|
38988
|
+
`,t([Le({type:"string",default:"rowgroup",reflect:!0,description:"ARIA role for the footer row group."})],e.TableFooter.prototype,"role",void 0),e.TableFooter=t([Ce("quantic-table-footer")],e.TableFooter);const ss={Horizontal:"horizontal",Vertical:"vertical"},cs={ExtraSmall:"xs",Small:"sm",Medium:"md",Large:"lg"},rs="tabs.id",ls="tabs.size",as="tabs.orientation",ds="tabs.selectedIndex";e.Tabs=class extends fe{constructor(){super(...arguments),this.size=cs.Medium,this.orientation=ss.Horizontal,this.selectedIndex=0,this.id=""}connectedCallback(){super.connectedCallback(),this.addEventListener("tab-selected",this._onTabSelect),this.id||(this.id=`tabs-${Math.random().toString(36).substring(2,9)}`)}firstUpdated(){this._assignSlots();const e=this.shadowRoot.querySelector('slot[name="buttons"]'),t=this.shadowRoot.querySelector('slot[name="panels"]');e?.addEventListener("slotchange",this._assignSlots),t?.addEventListener("slotchange",()=>{this._assignSlots(),this.requestUpdate()})}_assignSlots(){Array.from(this.children).filter(e=>e instanceof HTMLElement).forEach(e=>{const t=e.tagName.toLowerCase();"quantic-tab-button"===t&&(e.slot="buttons"),"quantic-tab-panel"===t&&(e.slot="panels")})}_onTabSelect(e){e.target.closest("quantic-tabs")===this&&(e.stopPropagation(),this.selectedIndex=e.detail.index)}render(){const e=Oe({main:!0,[`orientation--${this.orientation}`]:!0}),t=Oe({panels:!0,"panels--hidden":0===this._panelElements.length});return Z`
|
|
38989
38989
|
<div class=${e}>
|
|
38990
38990
|
<div class="buttons" role="tablist"><slot name="buttons"></slot></div>
|
|
38991
38991
|
<div class=${t}><slot name="panels"></slot></div>
|