@ctrliq/quantic-components 1.63.4 → 1.63.6
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/confirm-dialog/confirm-dialog.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/meta/index.js.map +1 -1
- package/dist/quantic-components.js +2 -0
- package/dist/quantic-components.js.map +1 -1
- package/dist/quantic-components.min.js +2 -1
- package/dist/quantic-components.min.js.map +1 -1
- package/dist/tabs/tabs.component.js +1 -0
- package/package.json +1 -1
|
@@ -2958,6 +2958,7 @@ function zn(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=Array(t);i<t;
|
|
|
2958
2958
|
gap: var(--quantic-spacing-3);
|
|
2959
2959
|
margin: 0;
|
|
2960
2960
|
color: var(--quantic-text-secondary);
|
|
2961
|
+
overflow-wrap: break-word;
|
|
2961
2962
|
}
|
|
2962
2963
|
|
|
2963
2964
|
[size='md'] .body,
|
|
@@ -38985,7 +38986,7 @@ const Qn="important",Yn=" !"+Qn,eo=Fe(class extends Re{constructor(e){if(super(e
|
|
|
38985
38986
|
display: table-footer-group;
|
|
38986
38987
|
border-top: 1px solid var(--quantic-component-table-border-color);
|
|
38987
38988
|
}
|
|
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`
|
|
38989
|
+
`,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
38990
|
<div class=${e}>
|
|
38990
38991
|
<div class="buttons" role="tablist"><slot name="buttons"></slot></div>
|
|
38991
38992
|
<div class=${t}><slot name="panels"></slot></div>
|