@solid-design-system/components 6.24.1 → 6.24.2
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/cdn/chunks/{chunk.AX6E7G7K.js → chunk.GNQ2AH6R.js} +2 -2
- package/cdn/chunks/chunk.MXPGGLKX.js +2 -0
- package/cdn/components/combobox/combobox.js +1 -1
- package/cdn/components/navigation-item/navigation-item.js +1 -1
- package/cdn/custom-elements.json +1 -1
- package/cdn/solid-components.bundle.js +3 -3
- package/cdn/solid-components.iife.js +3 -3
- package/cdn/solid-components.js +1 -1
- package/cdn/web-types.json +1 -1
- package/cdn-versioned/chunks/chunk.2FRV4JI3.js +1 -1
- package/cdn-versioned/chunks/chunk.2TCDQYYC.js +2 -2
- package/cdn-versioned/chunks/chunk.32WSNOK5.js +2 -2
- package/cdn-versioned/chunks/chunk.36LY3DX3.js +2 -2
- package/cdn-versioned/chunks/chunk.3FXWTJNG.js +2 -2
- package/cdn-versioned/chunks/chunk.3HJR4W7S.js +2 -2
- package/cdn-versioned/chunks/chunk.3NV5EFHF.js +9 -9
- package/cdn-versioned/chunks/chunk.4PBTCGFX.js +2 -2
- package/cdn-versioned/chunks/chunk.4TEHVEJ5.js +2 -2
- package/cdn-versioned/chunks/chunk.5B4C742P.js +2 -2
- package/cdn-versioned/chunks/chunk.5D2QLOPO.js +2 -2
- package/cdn-versioned/chunks/chunk.5LQXIFL5.js +1 -1
- package/cdn-versioned/chunks/chunk.6ZVU7R22.js +2 -2
- package/cdn-versioned/chunks/chunk.7EYPTWOC.js +2 -2
- package/cdn-versioned/chunks/chunk.A3QRJ5ME.js +2 -2
- package/cdn-versioned/chunks/chunk.BJGMSYKC.js +1 -1
- package/cdn-versioned/chunks/chunk.BMOWDQOV.js +2 -2
- package/cdn-versioned/chunks/chunk.BS3GML7W.js +3 -3
- package/cdn-versioned/chunks/chunk.CIRCXXWS.js +2 -2
- package/cdn-versioned/chunks/chunk.CPEHJK3R.js +1 -1
- package/cdn-versioned/chunks/chunk.D4KX4Q6E.js +2 -2
- package/cdn-versioned/chunks/chunk.DSKB3SEU.js +1 -1
- package/cdn-versioned/chunks/chunk.E3RBLJOD.js +2 -2
- package/cdn-versioned/chunks/chunk.EDVI5WKO.js +3 -3
- package/cdn-versioned/chunks/chunk.FK2QE2LJ.js +2 -2
- package/cdn-versioned/chunks/chunk.GCCUJ5RI.js +3 -3
- package/cdn-versioned/chunks/chunk.GICLEIQR.js +1 -1
- package/cdn-versioned/chunks/{chunk.AX6E7G7K.js → chunk.GNQ2AH6R.js} +5 -5
- package/cdn-versioned/chunks/chunk.GWINLIF6.js +2 -2
- package/cdn-versioned/chunks/chunk.HA4FSESN.js +2 -2
- package/cdn-versioned/chunks/chunk.ISEX6JDK.js +2 -2
- package/cdn-versioned/chunks/chunk.IXCKRXZP.js +2 -2
- package/cdn-versioned/chunks/chunk.KJ4O2AAU.js +2 -2
- package/cdn-versioned/chunks/chunk.KQBMEX4Q.js +2 -2
- package/cdn-versioned/chunks/chunk.L7DV2MLH.js +1 -1
- package/cdn-versioned/chunks/chunk.LVX7YSFZ.js +2 -2
- package/cdn-versioned/chunks/chunk.LWNOAXVZ.js +2 -2
- package/cdn-versioned/chunks/chunk.LZRL7OLU.js +1 -1
- package/cdn-versioned/chunks/chunk.MXPGGLKX.js +2 -0
- package/cdn-versioned/chunks/chunk.NXUXZCC5.js +1 -1
- package/cdn-versioned/chunks/chunk.OFQAFMQN.js +2 -2
- package/cdn-versioned/chunks/chunk.OJN4DDNN.js +2 -2
- package/cdn-versioned/chunks/chunk.OW556SXG.js +2 -2
- package/cdn-versioned/chunks/chunk.P4GZNPGK.js +1 -1
- package/cdn-versioned/chunks/chunk.PQIUYCLY.js +2 -2
- package/cdn-versioned/chunks/chunk.PZSKPF3M.js +2 -2
- package/cdn-versioned/chunks/chunk.R3CFPFL7.js +2 -2
- package/cdn-versioned/chunks/chunk.RJ7RNCAD.js +2 -2
- package/cdn-versioned/chunks/chunk.SK3BEBJX.js +2 -2
- package/cdn-versioned/chunks/chunk.SW3IDYJO.js +1 -1
- package/cdn-versioned/chunks/chunk.TNHTS2QZ.js +2 -2
- package/cdn-versioned/chunks/chunk.TQXBNN2G.js +2 -2
- package/cdn-versioned/chunks/chunk.TTYJJ4T5.js +2 -2
- package/cdn-versioned/chunks/chunk.TYVGKCJX.js +2 -2
- package/cdn-versioned/chunks/chunk.U2Q5EORY.js +2 -2
- package/cdn-versioned/chunks/chunk.VMZSSKC5.js +1 -1
- package/cdn-versioned/chunks/chunk.VSRBSS6K.js +2 -2
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.WB2ATZAO.js +5 -5
- package/cdn-versioned/chunks/chunk.XND4CVBN.js +2 -2
- package/cdn-versioned/chunks/chunk.XQ2AM7JO.js +2 -2
- package/cdn-versioned/chunks/chunk.YDZ7FOAV.js +2 -2
- package/cdn-versioned/chunks/chunk.YGYXL3BZ.js +2 -2
- package/cdn-versioned/chunks/chunk.ZC3U3HHB.js +2 -2
- package/cdn-versioned/chunks/chunk.ZFTFC2P4.js +2 -2
- package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
- package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
- package/cdn-versioned/components/animation/animation.d.ts +1 -1
- package/cdn-versioned/components/audio/audio.d.ts +1 -1
- package/cdn-versioned/components/badge/badge.d.ts +1 -1
- package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
- package/cdn-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/cdn-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/cdn-versioned/components/button/button.d.ts +1 -1
- package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
- package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
- package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
- package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
- package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
- package/cdn-versioned/components/combobox/combobox.js +1 -1
- package/cdn-versioned/components/datepicker/datepicker.d.ts +1 -1
- package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
- package/cdn-versioned/components/divider/divider.d.ts +1 -1
- package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
- package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
- package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
- package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
- package/cdn-versioned/components/header/header.d.ts +1 -1
- package/cdn-versioned/components/icon/icon.d.ts +1 -1
- package/cdn-versioned/components/include/include.d.ts +1 -1
- package/cdn-versioned/components/input/input.d.ts +1 -1
- package/cdn-versioned/components/link/link.d.ts +1 -1
- package/cdn-versioned/components/loader/loader.d.ts +1 -1
- package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/cdn-versioned/components/menu/menu.d.ts +1 -1
- package/cdn-versioned/components/menu-item/menu-item.d.ts +1 -1
- package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
- package/cdn-versioned/components/navigation-item/navigation-item.js +1 -1
- package/cdn-versioned/components/notification/notification.d.ts +1 -1
- package/cdn-versioned/components/optgroup/optgroup.d.ts +1 -1
- package/cdn-versioned/components/option/option.d.ts +1 -1
- package/cdn-versioned/components/popup/popup.d.ts +1 -1
- package/cdn-versioned/components/progress-bar/progress-bar.d.ts +1 -1
- package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/cdn-versioned/components/radio/radio.d.ts +1 -1
- package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/cdn-versioned/components/radio-group/radio-group.d.ts +1 -1
- package/cdn-versioned/components/range/range.d.ts +1 -1
- package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/cdn-versioned/components/select/select.d.ts +1 -1
- package/cdn-versioned/components/skeleton/skeleton.d.ts +1 -1
- package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
- package/cdn-versioned/components/step/step.d.ts +1 -1
- package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
- package/cdn-versioned/components/switch/switch.d.ts +1 -1
- package/cdn-versioned/components/tab/tab.d.ts +1 -1
- package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
- package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
- package/cdn-versioned/components/tag/tag.d.ts +1 -1
- package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
- package/cdn-versioned/components/theme-listener/theme-listener.d.ts +1 -1
- package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
- package/cdn-versioned/components/video/video.d.ts +1 -1
- package/cdn-versioned/custom-elements.json +253 -253
- package/cdn-versioned/internal/form.js +2 -2
- package/cdn-versioned/solid-components.bundle.js +81 -81
- package/cdn-versioned/solid-components.css +2 -2
- package/cdn-versioned/solid-components.iife.js +81 -81
- package/cdn-versioned/solid-components.js +1 -1
- package/cdn-versioned/vscode.html-custom-data.json +109 -109
- package/cdn-versioned/web-types.json +165 -165
- package/dist/chunks/{chunk.X4BIP2Y2.js → chunk.GUWNLJ7W.js} +6 -2
- package/dist/chunks/{chunk.KTT6XPZB.js → chunk.JHHNBCX5.js} +7 -5
- package/dist/components/combobox/combobox.js +1 -1
- package/dist/components/navigation-item/navigation-item.js +1 -1
- package/dist/custom-elements.json +1 -1
- package/dist/solid-components.js +2 -2
- package/dist/web-types.json +1 -1
- package/dist-versioned/chunks/chunk.2KU6UVWZ.js +2 -2
- package/dist-versioned/chunks/chunk.2N4PQ34O.js +11 -11
- package/dist-versioned/chunks/chunk.4F4N3QQ6.js +4 -4
- package/dist-versioned/chunks/chunk.4QZT4Y6W.js +3 -3
- package/dist-versioned/chunks/chunk.4SNDWIKF.js +2 -2
- package/dist-versioned/chunks/chunk.5XP6OIKT.js +3 -3
- package/dist-versioned/chunks/chunk.6DDIBH76.js +14 -14
- package/dist-versioned/chunks/chunk.6MMNEOUE.js +2 -2
- package/dist-versioned/chunks/chunk.6V7SKGRY.js +4 -4
- package/dist-versioned/chunks/chunk.AIG5N2FZ.js +1 -1
- package/dist-versioned/chunks/chunk.AXZSMHWW.js +4 -4
- package/dist-versioned/chunks/chunk.BCZIRWVM.js +3 -3
- package/dist-versioned/chunks/chunk.BIYQLL42.js +11 -11
- package/dist-versioned/chunks/chunk.BVWAKEFC.js +1 -1
- package/dist-versioned/chunks/chunk.C3WIBDGG.js +2 -2
- package/dist-versioned/chunks/chunk.CTVKYPFB.js +5 -5
- package/dist-versioned/chunks/chunk.D3CLWL6Z.js +13 -13
- package/dist-versioned/chunks/chunk.D6W4R7CF.js +12 -12
- package/dist-versioned/chunks/chunk.DDBIUIIK.js +6 -6
- package/dist-versioned/chunks/chunk.DGV5QTN6.js +5 -5
- package/dist-versioned/chunks/chunk.EAJ3CM6N.js +4 -4
- package/dist-versioned/chunks/chunk.EHIUARAT.js +2 -2
- package/dist-versioned/chunks/chunk.EIHPDMVS.js +5 -5
- package/dist-versioned/chunks/chunk.EYTDOBZ4.js +6 -6
- package/dist-versioned/chunks/chunk.FMLTJI4Z.js +7 -7
- package/dist-versioned/chunks/chunk.FWMPHWGG.js +10 -10
- package/dist-versioned/chunks/chunk.G5PJCSSV.js +7 -7
- package/dist-versioned/chunks/chunk.GAQZ5NES.js +5 -5
- package/dist-versioned/chunks/chunk.GQ4ENMDG.js +10 -10
- package/dist-versioned/chunks/chunk.GUTW4VQD.js +5 -5
- package/dist-versioned/chunks/{chunk.X4BIP2Y2.js → chunk.GUWNLJ7W.js} +31 -27
- package/dist-versioned/chunks/chunk.JHGRQU5N.js +6 -6
- package/dist-versioned/chunks/{chunk.KTT6XPZB.js → chunk.JHHNBCX5.js} +17 -15
- package/dist-versioned/chunks/chunk.JYUKVPUJ.js +1 -1
- package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
- package/dist-versioned/chunks/chunk.KEUBCTKM.js +8 -8
- package/dist-versioned/chunks/chunk.KGQHJROJ.js +3 -3
- package/dist-versioned/chunks/chunk.LKDQ3TXG.js +2 -2
- package/dist-versioned/chunks/chunk.LMXGFI7F.js +11 -11
- package/dist-versioned/chunks/chunk.M52SSKFL.js +10 -10
- package/dist-versioned/chunks/chunk.MUOLK3RU.js +33 -33
- package/dist-versioned/chunks/chunk.N7WMSLKA.js +1 -1
- package/dist-versioned/chunks/chunk.NIKLDQ35.js +2 -2
- package/dist-versioned/chunks/chunk.NNMBBWIU.js +2 -2
- package/dist-versioned/chunks/chunk.OXCSSHRT.js +10 -10
- package/dist-versioned/chunks/chunk.P7RNSWL3.js +1 -1
- package/dist-versioned/chunks/chunk.QWPXBE3R.js +3 -3
- package/dist-versioned/chunks/chunk.R3ZRRK4P.js +4 -4
- package/dist-versioned/chunks/chunk.R6M52RPI.js +5 -5
- package/dist-versioned/chunks/chunk.RQN4WSFL.js +5 -5
- package/dist-versioned/chunks/chunk.RWGWOZ23.js +1 -1
- package/dist-versioned/chunks/chunk.SLLHUOTL.js +2 -2
- package/dist-versioned/chunks/chunk.SUQL6D3H.js +5 -5
- package/dist-versioned/chunks/chunk.TEHKQWUZ.js +6 -6
- package/dist-versioned/chunks/chunk.TEHS57B5.js +2 -2
- package/dist-versioned/chunks/chunk.TRG462TJ.js +1 -1
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.WASJNAOH.js +25 -25
- package/dist-versioned/chunks/chunk.XFU4IJSC.js +5 -5
- package/dist-versioned/chunks/chunk.XRYVTNMS.js +3 -3
- package/dist-versioned/chunks/chunk.YEO5QKA7.js +2 -2
- package/dist-versioned/chunks/chunk.YNVPCLKL.js +5 -5
- package/dist-versioned/chunks/chunk.YSZ7WBON.js +1 -1
- package/dist-versioned/chunks/chunk.ZCOV36IT.js +2 -2
- package/dist-versioned/chunks/chunk.ZF4JCUFV.js +6 -6
- package/dist-versioned/components/accordion/accordion.d.ts +1 -1
- package/dist-versioned/components/accordion-group/accordion-group.d.ts +1 -1
- package/dist-versioned/components/animation/animation.d.ts +1 -1
- package/dist-versioned/components/audio/audio.d.ts +1 -1
- package/dist-versioned/components/badge/badge.d.ts +1 -1
- package/dist-versioned/components/brandshape/brandshape.d.ts +1 -1
- package/dist-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/dist-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/dist-versioned/components/button/button.d.ts +1 -1
- package/dist-versioned/components/button-group/button-group.d.ts +1 -1
- package/dist-versioned/components/carousel/carousel.d.ts +1 -1
- package/dist-versioned/components/carousel-item/carousel-item.d.ts +1 -1
- package/dist-versioned/components/checkbox/checkbox.d.ts +1 -1
- package/dist-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/dist-versioned/components/combobox/combobox.d.ts +1 -1
- package/dist-versioned/components/combobox/combobox.js +1 -1
- package/dist-versioned/components/datepicker/datepicker.d.ts +1 -1
- package/dist-versioned/components/dialog/dialog.d.ts +1 -1
- package/dist-versioned/components/divider/divider.d.ts +1 -1
- package/dist-versioned/components/drawer/drawer.d.ts +1 -1
- package/dist-versioned/components/dropdown/dropdown.d.ts +1 -1
- package/dist-versioned/components/expandable/expandable.d.ts +1 -1
- package/dist-versioned/components/flipcard/flipcard.d.ts +1 -1
- package/dist-versioned/components/header/header.d.ts +1 -1
- package/dist-versioned/components/icon/icon.d.ts +1 -1
- package/dist-versioned/components/include/include.d.ts +1 -1
- package/dist-versioned/components/input/input.d.ts +1 -1
- package/dist-versioned/components/link/link.d.ts +1 -1
- package/dist-versioned/components/loader/loader.d.ts +1 -1
- package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/dist-versioned/components/menu/menu.d.ts +1 -1
- package/dist-versioned/components/menu-item/menu-item.d.ts +1 -1
- package/dist-versioned/components/navigation-item/navigation-item.d.ts +1 -1
- package/dist-versioned/components/navigation-item/navigation-item.js +1 -1
- package/dist-versioned/components/notification/notification.d.ts +1 -1
- package/dist-versioned/components/optgroup/optgroup.d.ts +1 -1
- package/dist-versioned/components/option/option.d.ts +1 -1
- package/dist-versioned/components/popup/popup.d.ts +1 -1
- package/dist-versioned/components/progress-bar/progress-bar.d.ts +1 -1
- package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/dist-versioned/components/radio/radio.d.ts +1 -1
- package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/dist-versioned/components/radio-group/radio-group.d.ts +1 -1
- package/dist-versioned/components/range/range.d.ts +1 -1
- package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/dist-versioned/components/select/select.d.ts +1 -1
- package/dist-versioned/components/skeleton/skeleton.d.ts +1 -1
- package/dist-versioned/components/spinner/spinner.d.ts +1 -1
- package/dist-versioned/components/step/step.d.ts +1 -1
- package/dist-versioned/components/step-group/step-group.d.ts +1 -1
- package/dist-versioned/components/switch/switch.d.ts +1 -1
- package/dist-versioned/components/tab/tab.d.ts +1 -1
- package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
- package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
- package/dist-versioned/components/tag/tag.d.ts +1 -1
- package/dist-versioned/components/textarea/textarea.d.ts +1 -1
- package/dist-versioned/components/theme-listener/theme-listener.d.ts +1 -1
- package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
- package/dist-versioned/components/video/video.d.ts +1 -1
- package/dist-versioned/custom-elements.json +253 -253
- package/dist-versioned/internal/form.js +2 -2
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/solid-components.js +2 -2
- package/dist-versioned/vscode.html-custom-data.json +109 -109
- package/dist-versioned/web-types.json +165 -165
- package/package.json +1 -1
- package/cdn/chunks/chunk.7R76DQCY.js +0 -2
- package/cdn-versioned/chunks/chunk.7R76DQCY.js +0 -2
|
@@ -208,7 +208,7 @@ var SdDrawer = class extends SolidElement {
|
|
|
208
208
|
end: "top-0 end-0 bottom-auto start-auto w-[var(--width)] h-full",
|
|
209
209
|
start: "top-0 end-auto bottom-auto start-0 w-[var(--width)] h-full"
|
|
210
210
|
}[this.placement]
|
|
211
|
-
)}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${!this.noHeader ? html`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:64px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ms-4 absolute top-2 end-2"><sd-6-24-
|
|
211
|
+
)}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${!this.noHeader ? html`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:64px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ms-4 absolute top-2 end-2"><sd-6-24-2-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}"><sd-6-24-2-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-24-2-icon></sd-6-24-2-button></div></header>` : html`<sd-6-24-2-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}" class="absolute top-2 end-2 z-10"><sd-6-24-2-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-24-2-icon></sd-6-24-2-button>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${cx(this.hasSlotController.test("footer") ? "text-left p-4" : "hidden")}"><slot name="footer"></slot></footer></div></section>`;
|
|
212
212
|
}
|
|
213
213
|
};
|
|
214
214
|
SdDrawer.styles = [
|
|
@@ -250,7 +250,7 @@ __decorateClass([
|
|
|
250
250
|
watch("contained", { waitUntilFirstUpdate: true })
|
|
251
251
|
], SdDrawer.prototype, "handleNoModalChange", 1);
|
|
252
252
|
SdDrawer = __decorateClass([
|
|
253
|
-
customElement("sd-6-24-
|
|
253
|
+
customElement("sd-6-24-2-drawer")
|
|
254
254
|
], SdDrawer);
|
|
255
255
|
setDefaultAnimation("drawer.showStart", {
|
|
256
256
|
keyframes: [
|
|
@@ -300,19 +300,19 @@ var SdAudio = class extends SolidElement {
|
|
|
300
300
|
)}" part="audio-controls"><button class="${cx(
|
|
301
301
|
"playback-speed justify-self-start text-base font-bold hover:cursor-pointer sd-interactive",
|
|
302
302
|
this.inverted && "sd-interactive--inverted"
|
|
303
|
-
)}" aria-label="${this.localize.term("playbackSpeed")} (${this.speed}x)" @click="${this.togglePlaybackSpeed}" @keydown="${this.togglePlaybackSpeedKeydown}" part="playback-speed">${this.speed}x</button><sd-6-24-
|
|
303
|
+
)}" aria-label="${this.localize.term("playbackSpeed")} (${this.speed}x)" @click="${this.togglePlaybackSpeed}" @keydown="${this.togglePlaybackSpeedKeydown}" part="playback-speed">${this.speed}x</button><sd-6-24-2-button ?inverted="${this.inverted ? true : false}" part="play-button" size="lg" @click="${!this.isPlaying ? this.playAudio : this.pauseAudio}" aria-label="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" title="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" class="mb-4">${this.isPlaying ? html`<slot name="pause-icon"><sd-6-24-2-icon class="text-xl" name="pause" library="_internal"></sd-6-24-2-icon></slot>` : html`<slot name="play-icon"><sd-6-24-2-icon class="text-xl" name="start" library="_internal"></sd-6-24-2-icon></slot>`}</sd-6-24-2-button><div class="flex items-center gap-6 justify-self-end">${this.hasSlotController.test("transcript") ? html`<button class="${cx("w-6 h-6 hover:cursor-pointer sd-interactive", this.inverted && "sd-interactive--inverted")}" aria-label="${this.isTranscriptOpen ? this.localize.term("transcriptIsOpen") : this.localize.term("openTranscript")}" @click="${this.showTranscript}" @keydown="${this.showTranscriptKeydown}" part="transcript"><sd-6-24-2-icon class="w-6 h-6" name="transcript" library="_internal"></sd-6-24-2-icon></button>` : null} <button class="${cx("w-6 h-6 hover:cursor-pointer sd-interactive", this.inverted && "sd-interactive--inverted")}" part="volume" aria-label="${!this.isMuted ? this.localize.term("mute") : this.localize.term("unmute")}" @click="${this.toggleMute}" @keydown="${this.toggleMuteKeydown}"><sd-6-24-2-icon class="w-6 h-6" name="${this.isMuted ? "mute" : "volume"}" library="_internal"></sd-6-24-2-icon></button></div></div>`;
|
|
304
304
|
const renderTimestamps = html`<div class="${cx(
|
|
305
305
|
"w-full flex justify-between",
|
|
306
306
|
this.reversedLayout ? "mb-0.5" : "mt-0.5",
|
|
307
307
|
this.animated && this.reversedLayout && "absolute bottom-0 left-0 !mb-4"
|
|
308
|
-
)}" part="timestamps"><div class="${cx("current-time text-sm", this.inverted ? "text-primary-400" : "sd-6-24-
|
|
309
|
-
return html`<div class="${cx("w-full flex relative", this.reversedLayout ? "flex-col-reverse" : "flex-col")}" aria-label="${this.localize.term("audioPlayer")}" part="audio-player"><slot @slotchange="${this.updateAudioDuration}"></slot>${!this.animated || this.animated && this.reversedLayout ? renderAudioControls : null}<div class="relative">${this.animated && !this.reversedLayout ? html`${renderAudioControls}` : null} ${this.animated ? html`<canvas class="w-full h-16 -mb-2"></canvas>` : null} ${!this.hideTimestamps && this.animated && this.reversedLayout ? renderTimestamps : null}<sd-6-24-
|
|
308
|
+
)}" part="timestamps"><div class="${cx("current-time text-sm", this.inverted ? "text-primary-400" : "sd-6-24-2-audio__timestamp-color-text")}">${this.currentTime}</div><div class="${cx("current-time text-sm", this.inverted ? "text-primary-400" : "sd-6-24-2-audio__timestamp-color-text")}">${this.duration}</div></div>`;
|
|
309
|
+
return html`<div class="${cx("w-full flex relative", this.reversedLayout ? "flex-col-reverse" : "flex-col")}" aria-label="${this.localize.term("audioPlayer")}" part="audio-player"><slot @slotchange="${this.updateAudioDuration}"></slot>${!this.animated || this.animated && this.reversedLayout ? renderAudioControls : null}<div class="relative">${this.animated && !this.reversedLayout ? html`${renderAudioControls}` : null} ${this.animated ? html`<canvas class="w-full h-16 -mb-2"></canvas>` : null} ${!this.hideTimestamps && this.animated && this.reversedLayout ? renderTimestamps : null}<sd-6-24-2-range part="progress-slider" tooltip="hidden" min="0" max="100" step="0.001" label="${this.localize.term("seekBar")}" @mousedown="${this.handleThumbGrab}" @touchstart="${this.handleThumbGrab}" @mouseup="${this.handleThumbRelease}" @touchend="${this.handleThumbRelease}" @sd-6-24-2-input="${this.handleAudioProgress}" @keydown="${this.handleAudioProgressKeydown}"></sd-6-24-2-range></div>${this.hasSlotController.test("transcript") ? html`<sd-6-24-2-drawer><slot name="transcript"></slot></sd-6-24-2-drawer>` : null} ${!this.hideTimestamps && (!this.animated || !this.reversedLayout) ? renderTimestamps : null}</div><sd-6-24-2-theme-listener></sd-6-24-2-theme-listener>`;
|
|
310
310
|
}
|
|
311
311
|
};
|
|
312
312
|
SdAudio.styles = [
|
|
313
313
|
...SolidElement.styles,
|
|
314
314
|
css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
315
|
-
sd-6-24-
|
|
315
|
+
sd-6-24-2-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-spacing-12);align-items:center;justify-content:center;border-radius:var(--sd-radius-full)}sd-6-24-2-button::part(motion-wrapper){border-radius:var(--sd-radius-full)}sd-6-24-2-button::part(label){display:flex;flex-grow:0;align-items:center}sd-6-24-2-range::part(form-control-label){display:none}:host([inverted]) sd-6-24-2-range::part(thumb){outline-color:rgba(var(--sd-color-border-white,var(--sd-color-white)));background-color:rgba(var(--sd-color-icon-fill-white,rgba(var(--sd-color-white))))}:host([animated]) sd-6-24-2-range::part(track){background-color:transparent}:host([inverted]:not([animated])) sd-6-24-2-range::part(track){background-color:rgba(var(--sd-audio__slide-bar--inverted-color-background,rgba(var(--sd-color-primary-400))))}:host([inverted]:not([animated])) sd-6-24-2-range::part(active-track){background-color:rgba(var(--sd-audio__track-bar--inverted-color-background,rgba(var(--sd-color-white))))}.sd-6-24-2-audio__timestamp-color-text{color:rgb(var(--sd-audio__timestamp-color-text,var(--sd-color-text-neutral-700)))}`
|
|
316
316
|
];
|
|
317
317
|
__decorateClass([
|
|
318
318
|
property({ type: Boolean, reflect: true, attribute: "reversed-layout" })
|
|
@@ -354,13 +354,13 @@ __decorateClass([
|
|
|
354
354
|
query('[part="audio-player"]')
|
|
355
355
|
], SdAudio.prototype, "audioPlayerContainer", 2);
|
|
356
356
|
__decorateClass([
|
|
357
|
-
query("sd-6-24-
|
|
357
|
+
query("sd-6-24-2-drawer")
|
|
358
358
|
], SdAudio.prototype, "drawer", 2);
|
|
359
359
|
__decorateClass([
|
|
360
360
|
query("canvas")
|
|
361
361
|
], SdAudio.prototype, "canvas", 2);
|
|
362
362
|
SdAudio = __decorateClass([
|
|
363
|
-
customElement("sd-6-24-
|
|
363
|
+
customElement("sd-6-24-2-audio")
|
|
364
364
|
], SdAudio);
|
|
365
365
|
|
|
366
366
|
export {
|