@solid-design-system/components 6.9.0 → 6.9.1
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.7PW5YLJH.js +2 -0
- package/cdn/chunks/{chunk.O7PJIDMP.js → chunk.YWF2EYNF.js} +1 -1
- package/cdn/components/expandable/expandable.js +1 -1
- package/cdn/components/notification/notification.js +1 -1
- package/cdn/custom-elements.json +1 -1
- package/cdn/solid-components.bundle.js +4 -4
- package/cdn/solid-components.iife.js +2 -2
- package/cdn/solid-components.js +1 -1
- package/cdn/web-types.json +1 -1
- package/cdn-versioned/chunks/chunk.25DRFJMC.js +2 -2
- package/cdn-versioned/chunks/chunk.2TRMFN6U.js +2 -2
- package/cdn-versioned/chunks/chunk.2VGJBR73.js +2 -2
- package/cdn-versioned/chunks/chunk.34BRLWBM.js +3 -3
- package/cdn-versioned/chunks/chunk.3M4RKO34.js +2 -2
- package/cdn-versioned/chunks/chunk.3VYZIXD7.js +2 -2
- package/cdn-versioned/chunks/chunk.3YATPZKE.js +1 -1
- package/cdn-versioned/chunks/chunk.4AR6H2QH.js +2 -2
- package/cdn-versioned/chunks/chunk.4BMBQGU3.js +2 -2
- package/cdn-versioned/chunks/chunk.4NKCD6HL.js +2 -2
- package/cdn-versioned/chunks/chunk.4YNC3XSD.js +2 -2
- package/cdn-versioned/chunks/chunk.6MUTKG7S.js +2 -2
- package/cdn-versioned/chunks/chunk.6UVLIGA7.js +1 -1
- package/cdn-versioned/chunks/chunk.6WZKUQIK.js +2 -2
- package/cdn-versioned/chunks/chunk.7PW5YLJH.js +2 -0
- package/cdn-versioned/chunks/chunk.AAJIGG4R.js +2 -2
- package/cdn-versioned/chunks/chunk.AX6IEBJ2.js +2 -2
- package/cdn-versioned/chunks/chunk.B35GXAKI.js +1 -1
- package/cdn-versioned/chunks/chunk.CRLGS4QF.js +1 -1
- package/cdn-versioned/chunks/chunk.DLO5GMBQ.js +2 -2
- package/cdn-versioned/chunks/chunk.DTAYHASV.js +2 -2
- package/cdn-versioned/chunks/chunk.EDWO5QHC.js +2 -2
- package/cdn-versioned/chunks/chunk.EFO4PKGN.js +2 -2
- package/cdn-versioned/chunks/chunk.G4KULB76.js +2 -2
- package/cdn-versioned/chunks/chunk.GEGKRESG.js +1 -1
- package/cdn-versioned/chunks/chunk.GIP7V3SN.js +2 -2
- package/cdn-versioned/chunks/chunk.H3DQRUKN.js +2 -2
- package/cdn-versioned/chunks/chunk.HE5IYQC2.js +2 -2
- package/cdn-versioned/chunks/chunk.JAV26Y4S.js +2 -2
- package/cdn-versioned/chunks/chunk.JSZK2BUE.js +2 -2
- package/cdn-versioned/chunks/chunk.LBHLY2UU.js +2 -2
- package/cdn-versioned/chunks/chunk.LYNWHGS3.js +2 -2
- package/cdn-versioned/chunks/chunk.MV77IJ5K.js +5 -5
- package/cdn-versioned/chunks/chunk.N3QINXLL.js +2 -2
- package/cdn-versioned/chunks/chunk.N7SVA6X3.js +2 -2
- package/cdn-versioned/chunks/chunk.NBPJQ3OT.js +2 -2
- package/cdn-versioned/chunks/chunk.O3ECZ2CR.js +1 -1
- package/cdn-versioned/chunks/chunk.OJA4LU7S.js +2 -2
- package/cdn-versioned/chunks/chunk.PPLEJM75.js +1 -1
- package/cdn-versioned/chunks/chunk.PPUIAWDA.js +1 -1
- package/cdn-versioned/chunks/chunk.PWJSPZBR.js +3 -3
- package/cdn-versioned/chunks/chunk.RAP66B6O.js +1 -1
- package/cdn-versioned/chunks/chunk.RXKIZ2UI.js +2 -2
- package/cdn-versioned/chunks/chunk.RZLPP7DP.js +2 -2
- package/cdn-versioned/chunks/chunk.SA5SIXVH.js +1 -1
- package/cdn-versioned/chunks/chunk.TEPKQR4P.js +5 -5
- package/cdn-versioned/chunks/chunk.TJA62EZW.js +2 -2
- package/cdn-versioned/chunks/chunk.TJZECQLN.js +2 -2
- package/cdn-versioned/chunks/chunk.TTU2AZHQ.js +2 -2
- package/cdn-versioned/chunks/chunk.V6TDPNCR.js +2 -2
- package/cdn-versioned/chunks/chunk.VKDXPIJT.js +2 -2
- package/cdn-versioned/chunks/chunk.VQBTMNY2.js +2 -2
- package/cdn-versioned/chunks/chunk.VTXEZEW4.js +9 -9
- package/cdn-versioned/chunks/chunk.VZJMYD3T.js +2 -2
- package/cdn-versioned/chunks/chunk.W2WCYRB2.js +2 -2
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.WRCC4UIS.js +2 -2
- package/cdn-versioned/chunks/chunk.WXRHAPLA.js +1 -1
- package/cdn-versioned/chunks/chunk.XFHFUV4B.js +1 -1
- package/cdn-versioned/chunks/chunk.YAIU6HLJ.js +2 -2
- package/cdn-versioned/chunks/chunk.YPTZDABK.js +1 -1
- package/cdn-versioned/chunks/{chunk.O7PJIDMP.js → chunk.YWF2EYNF.js} +2 -2
- package/cdn-versioned/chunks/chunk.ZBAP3VO3.js +2 -2
- package/cdn-versioned/chunks/chunk.ZDHTVWJF.js +1 -1
- 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/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/expandable/expandable.js +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/notification/notification.d.ts +1 -1
- package/cdn-versioned/components/notification/notification.js +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/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 +244 -244
- package/cdn-versioned/internal/form.js +3 -3
- package/cdn-versioned/solid-components.bundle.js +80 -80
- package/cdn-versioned/solid-components.css +2 -2
- package/cdn-versioned/solid-components.iife.js +80 -80
- package/cdn-versioned/solid-components.js +1 -1
- package/cdn-versioned/vscode.html-custom-data.json +94 -94
- package/cdn-versioned/web-types.json +157 -157
- package/dist/chunks/{chunk.JQTAMOYF.js → chunk.FHWJR5ZS.js} +1 -1
- package/dist/chunks/{chunk.PZQ6H5Y4.js → chunk.YXOBUWWT.js} +2 -1
- package/dist/components/expandable/expandable.js +1 -1
- package/dist/components/notification/notification.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.2AIOG6MZ.js +1 -1
- package/dist-versioned/chunks/chunk.3AXFD44E.js +1 -1
- package/dist-versioned/chunks/chunk.47VYEPC7.js +5 -5
- package/dist-versioned/chunks/chunk.55DM73XI.js +1 -1
- package/dist-versioned/chunks/chunk.5MCEFEDU.js +2 -2
- package/dist-versioned/chunks/chunk.5MPE743H.js +4 -4
- package/dist-versioned/chunks/chunk.5OTIJW46.js +12 -12
- package/dist-versioned/chunks/chunk.5RQUMMVO.js +28 -28
- package/dist-versioned/chunks/chunk.5X6LFFKU.js +1 -1
- package/dist-versioned/chunks/chunk.B3QW57TB.js +26 -26
- package/dist-versioned/chunks/chunk.B5JP55MU.js +4 -4
- package/dist-versioned/chunks/chunk.C3WIBDGG.js +3 -3
- package/dist-versioned/chunks/chunk.CGIINI3U.js +2 -2
- package/dist-versioned/chunks/chunk.CPWWEXBN.js +14 -14
- package/dist-versioned/chunks/chunk.CTTLYNGB.js +5 -5
- package/dist-versioned/chunks/chunk.CYUQUE4B.js +2 -2
- package/dist-versioned/chunks/chunk.DILSJX2P.js +3 -3
- package/dist-versioned/chunks/chunk.DJEWCXYR.js +24 -24
- package/dist-versioned/chunks/chunk.DZ2VDJQR.js +8 -8
- package/dist-versioned/chunks/chunk.EJ7ZDGWQ.js +1 -1
- package/dist-versioned/chunks/chunk.F5SY46WN.js +5 -5
- package/dist-versioned/chunks/chunk.FCQKJZ3Q.js +3 -3
- package/dist-versioned/chunks/{chunk.JQTAMOYF.js → chunk.FHWJR5ZS.js} +3 -3
- package/dist-versioned/chunks/chunk.GHCI43SX.js +3 -3
- package/dist-versioned/chunks/chunk.GJQGI7TR.js +3 -3
- package/dist-versioned/chunks/chunk.GQ5YYHTD.js +4 -4
- package/dist-versioned/chunks/chunk.GRANIL4Q.js +6 -6
- package/dist-versioned/chunks/chunk.I53S7NHV.js +2 -2
- package/dist-versioned/chunks/chunk.IKVZ463R.js +3 -3
- package/dist-versioned/chunks/chunk.INHXFMS2.js +11 -11
- package/dist-versioned/chunks/chunk.IPCTQ6PF.js +4 -4
- package/dist-versioned/chunks/chunk.KCPMJRGB.js +2 -2
- package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
- package/dist-versioned/chunks/chunk.LIQBUDFE.js +1 -1
- package/dist-versioned/chunks/chunk.LZARRB2N.js +6 -6
- package/dist-versioned/chunks/chunk.MUI6ZGSD.js +1 -1
- package/dist-versioned/chunks/chunk.N6JFPCVN.js +1 -1
- package/dist-versioned/chunks/chunk.NHJ6T7AP.js +3 -3
- package/dist-versioned/chunks/chunk.NQSFAYCE.js +6 -6
- package/dist-versioned/chunks/chunk.OFV5F7EL.js +12 -12
- package/dist-versioned/chunks/chunk.PZYRZZ2R.js +3 -3
- package/dist-versioned/chunks/chunk.QFWRJIAT.js +1 -1
- package/dist-versioned/chunks/chunk.RBO5CDRH.js +8 -8
- package/dist-versioned/chunks/chunk.RKY7KPDX.js +3 -3
- package/dist-versioned/chunks/chunk.SMT5CXN7.js +5 -5
- package/dist-versioned/chunks/chunk.SNTZFQ72.js +5 -5
- package/dist-versioned/chunks/chunk.SNVCUPPA.js +2 -2
- package/dist-versioned/chunks/chunk.T3YIJ2AA.js +4 -4
- package/dist-versioned/chunks/chunk.U3G5KSOH.js +10 -10
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.UQT5XXVS.js +5 -5
- package/dist-versioned/chunks/chunk.V7GR76PZ.js +7 -7
- package/dist-versioned/chunks/chunk.VWORQHO2.js +4 -4
- package/dist-versioned/chunks/chunk.W5KWIGMY.js +8 -8
- package/dist-versioned/chunks/chunk.WFZUFPF7.js +2 -2
- package/dist-versioned/chunks/chunk.WRQJ6H5M.js +3 -3
- package/dist-versioned/chunks/chunk.XCFU7XC7.js +4 -4
- package/dist-versioned/chunks/chunk.XFYTZRFZ.js +2 -2
- package/dist-versioned/chunks/chunk.XPXDWU3H.js +1 -1
- package/dist-versioned/chunks/chunk.XRVF3H64.js +2 -2
- package/dist-versioned/chunks/chunk.XWLSRHC5.js +4 -4
- package/dist-versioned/chunks/chunk.Y5QCYID3.js +5 -5
- package/dist-versioned/chunks/{chunk.PZQ6H5Y4.js → chunk.YXOBUWWT.js} +11 -10
- package/dist-versioned/chunks/chunk.ZNJFZAOB.js +4 -4
- 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/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/expandable/expandable.js +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/notification/notification.d.ts +1 -1
- package/dist-versioned/components/notification/notification.js +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/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 +244 -244
- package/dist-versioned/internal/form.js +3 -3
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/solid-components.js +2 -2
- package/dist-versioned/vscode.html-custom-data.json +94 -94
- package/dist-versioned/web-types.json +157 -157
- package/package.json +1 -1
- package/cdn/chunks/chunk.ZVCMF6VL.js +0 -2
- package/cdn-versioned/chunks/chunk.ZVCMF6VL.js +0 -2
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a as y,b as k}from"./chunk.I2H6CZK5.js";import{a as $}from"./chunk.SLXPE3UU.js";import{a as c,c as d}from"./chunk.B2NUKX6G.js";import{a as g}from"./chunk.KLRPP4NQ.js";import{a as H}from"./chunk.IQPMMUES.js";import{a as o}from"./chunk.YFQFOIEM.js";import{a as f}from"./chunk.NYKJXI3Q.js";import{a as T,b as s,d as p,h as w}from"./chunk.CRLGS4QF.js";import{b as v,e as u}from"./chunk.UOAG5PNU.js";import{b as n,e as l,f as b}from"./chunk.W4QBFD6E.js";import{e}from"./chunk.6EV4YU6C.js";var m={"top-right":null,"bottom-center":null},E=()=>{Object.entries(m).forEach(([a])=>{let h=document.querySelector(`#sd-toast-stack--${a}`);if(h){h.setAttribute("role","region"),m[a]=h;return}m[a]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${a}`,className:`sd-toast-stack sd-toast-stack--${a}`})})};E();var t=class extends w{constructor(){super(...arguments);this.localize=new H(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return m[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.wrapper.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(i){this.closable&&i.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await Promise.all([l(this.base),l(this.wrapper)]),this.wrapper.hidden=!1;let i=d(this,"notification.show",{dir:this.localize.dir()}),r=d(this,`notification.wrapper.show${y(k(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([n(this.base,b(i.keyframes,this.base.scrollHeight),i.options),n(this.wrapper,r.keyframes,r.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await Promise.all([l(this.base),l(this.wrapper)]);let i=d(this,"notification.hide",{dir:this.localize.dir()}),r=d(this,`notification.wrapper.hide${y(k(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([n(this.base,b(i.keyframes,this.base.scrollHeight),i.options),n(this.wrapper,r.keyframes,r.options)]),this.wrapper.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,g(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,g(this,"sd-after-hide")}async toast(){return new Promise(i=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),i()},{once:!0})})}render(){return u`<div part="base" class="${o("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="${$(this.closable?"0":void 0)}" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${o("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${o("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"warning"}[this.variant]||""}" library="_internal" class="h-6 w-6 text-white"></sd-icon></slot><div part="content" class="${o("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 sd-notification-color-border",{info:"sd-notification--info-color-background",success:"sd-notification--success-color-background",warning:"sd-notification--warning-color-background",error:"sd-notification--error-color-background"}[this.variant])}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?u`<sd-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>`:""}</div>${this.durationIndicator?u`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${o("absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border sd-notification-color-border"></div>`:""}</div></div>`}};t.styles=[...w.styles,v`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],e([p('[part~="base"]')],t.prototype,"base",2),e([p('[part~="wrapper"]')],t.prototype,"wrapper",2),e([p('[part~="close-button"]')],t.prototype,"close",2),e([s({type:String,reflect:!0})],t.prototype,"variant",2),e([s({type:Boolean,reflect:!0})],t.prototype,"open",2),e([s({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([s({type:Number,reflect:!0})],t.prototype,"duration",2),e([s({type:Boolean,reflect:!0,attribute:"duration-indicator"})],t.prototype,"durationIndicator",2),e([s({type:String,reflect:!0,attribute:"toast-stack"})],t.prototype,"toastStack",2),e([f("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([f("duration")],t.prototype,"handleDurationChange",1),t=e([T("sd-notification")],t);c("notification.show",{keyframes:[{opacity:0,height:0},{opacity:1,height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});c("notification.hide",{keyframes:[{opacity:1,height:"auto"},{opacity:0,height:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});c("notification.wrapper.showTopRight",{keyframes:[{bottom:"32px"},{bottom:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});c("notification.wrapper.hideTopRight",{keyframes:[{bottom:"0"},{bottom:"32px"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{t as a};
|
|
@@ -3,4 +3,4 @@ import{a as b}from"./chunk.SLXPE3UU.js";import{a as h,c as p}from"./chunk.B2NUKX
|
|
|
3
3
|
--gradient-color-start,
|
|
4
4
|
transparent,
|
|
5
5
|
var(--gradient-color-end, rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))))
|
|
6
|
-
) 80%,var(--gradient-color-end, rgba(var(--sd-color-background-white, rgba(var(--sd-color-white))))) 100%;position:relative;display:inline-block;width:100%}.toggle::-moz-focus-inner{--tw-border-style:none;border-style:none;padding:calc(var(--sd-spacing-1) * 0)}details>summary::-webkit-details-marker,details[open] summary{display:none}summary{max-block-size:var(--component-expandable-max-block-size)}:host([open]) summary{max-block-size:var(--max-height-pixel,1000vh)}.content{max-block-size:var(--component-expandable-max-block-size)}:host([open]) .content,:host:has(.transitioning) .content{max-block-size:var(--max-height-pixel,1000vh)}.content::after{position:absolute;bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);display:block;width:100%;opacity:var(--sd-opacity-0);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));content:' ';height:var(--gradient-height);background:linear-gradient(180deg,var(--gradient))}:host([inverted]){--color-primary-rgb:0,53,142;--gradient-color-start:rgba(var(--color-primary-rgb), 0);--gradient-color-end:rgba(var(--color-primary-rgb), 1)}:host([inverted]) .content::after{background:var(--gradient-vertical-transparent-primary,linear-gradient(180deg,var(--gradient)))}:host(:not([open])) .content::after{opacity:var(--sd-opacity-100)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`],i([n(".content-preview")],t.prototype,"contentPreview",2),i([n("details")],t.prototype,"details",2),i([n('[part="content"]')],t.prototype,"body",2),i([a({type:Boolean,reflect:!0})],t.prototype,"open",2),i([a({type:Boolean,reflect:!0})],t.prototype,"inverted",2),i([f("open",{waitUntilFirstUpdate:!0})],t.prototype,"onOpenChange",1),t=i([v("sd-expandable")],t);h("expandable.show",{keyframes:[{height:"var(--component-expandable-max-block-size, 90px)"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});h("expandable.hide",{keyframes:[{height:"auto"},{height:"var(--component-expandable-max-block-size, 90px)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{t as a};
|
|
6
|
+
) 80%,var(--gradient-color-end, rgba(var(--sd-color-background-white, rgba(var(--sd-color-white))))) 100%;position:relative;display:inline-block;width:100%}.toggle::-moz-focus-inner{--tw-border-style:none;border-style:none;padding:calc(var(--sd-spacing-1) * 0)}details>summary::-webkit-details-marker,details[open] summary{display:none}summary{max-block-size:var(--component-expandable-max-block-size)}:host([open]) summary{max-block-size:var(--max-height-pixel,1000vh)}.content{max-block-size:var(--component-expandable-max-block-size)}:host([open]) .content,:host:has(.transitioning) .content{max-block-size:var(--max-height-pixel,1000vh)}.content::after{position:absolute;bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);display:block;width:100%;opacity:var(--sd-opacity-0);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));content:' ';height:var(--gradient-height);background:linear-gradient(180deg,var(--gradient));pointer-events:none}:host([inverted]){--color-primary-rgb:0,53,142;--gradient-color-start:rgba(var(--color-primary-rgb), 0);--gradient-color-end:rgba(var(--color-primary-rgb), 1)}:host([inverted]) .content::after{background:var(--gradient-vertical-transparent-primary,linear-gradient(180deg,var(--gradient)))}:host(:not([open])) .content::after{opacity:var(--sd-opacity-100)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`],i([n(".content-preview")],t.prototype,"contentPreview",2),i([n("details")],t.prototype,"details",2),i([n('[part="content"]')],t.prototype,"body",2),i([a({type:Boolean,reflect:!0})],t.prototype,"open",2),i([a({type:Boolean,reflect:!0})],t.prototype,"inverted",2),i([f("open",{waitUntilFirstUpdate:!0})],t.prototype,"onOpenChange",1),t=i([v("sd-expandable")],t);h("expandable.show",{keyframes:[{height:"var(--component-expandable-max-block-size, 90px)"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});h("expandable.hide",{keyframes:[{height:"auto"},{height:"var(--component-expandable-max-block-size, 90px)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{t as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.YWF2EYNF.js";import"../../chunks/chunk.SLXPE3UU.js";import"../../chunks/chunk.B2NUKX6G.js";import"../../chunks/chunk.KLRPP4NQ.js";import"../../chunks/chunk.TTU2AZHQ.js";import"../../chunks/chunk.HLDWO3HP.js";import"../../chunks/chunk.BSPQBW7U.js";import"../../chunks/chunk.54UVKIZB.js";import"../../chunks/chunk.3FMN7C5N.js";import"../../chunks/chunk.MB7SWCJ2.js";import"../../chunks/chunk.PYHYYOBE.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.IQPMMUES.js";import"../../chunks/chunk.B3QUTUIL.js";import"../../chunks/chunk.3TJM745S.js";import"../../chunks/chunk.HJGLYEWV.js";import"../../chunks/chunk.YFQFOIEM.js";import"../../chunks/chunk.NYKJXI3Q.js";import"../../chunks/chunk.CRLGS4QF.js";import"../../chunks/chunk.UOAG5PNU.js";import"../../chunks/chunk.W4QBFD6E.js";import"../../chunks/chunk.6EV4YU6C.js";export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.7PW5YLJH.js";import"../../chunks/chunk.I2H6CZK5.js";import"../../chunks/chunk.VTXEZEW4.js";import"../../chunks/chunk.B35GXAKI.js";import"../../chunks/chunk.RAP66B6O.js";import"../../chunks/chunk.SLXPE3UU.js";import"../../chunks/chunk.CGQ2BPPZ.js";import"../../chunks/chunk.B2NUKX6G.js";import"../../chunks/chunk.SV6DES3E.js";import"../../chunks/chunk.KLRPP4NQ.js";import"../../chunks/chunk.TTU2AZHQ.js";import"../../chunks/chunk.HLDWO3HP.js";import"../../chunks/chunk.BSPQBW7U.js";import"../../chunks/chunk.54UVKIZB.js";import"../../chunks/chunk.3FMN7C5N.js";import"../../chunks/chunk.MB7SWCJ2.js";import"../../chunks/chunk.PYHYYOBE.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.IQPMMUES.js";import"../../chunks/chunk.B3QUTUIL.js";import"../../chunks/chunk.3TJM745S.js";import"../../chunks/chunk.HJGLYEWV.js";import"../../chunks/chunk.YFQFOIEM.js";import"../../chunks/chunk.NYKJXI3Q.js";import"../../chunks/chunk.CRLGS4QF.js";import"../../chunks/chunk.UOAG5PNU.js";import"../../chunks/chunk.W4QBFD6E.js";import"../../chunks/chunk.6EV4YU6C.js";export{a as default};
|
package/cdn/custom-elements.json
CHANGED
|
@@ -22544,7 +22544,7 @@
|
|
|
22544
22544
|
"package": {
|
|
22545
22545
|
"name": "@solid-design-system/components",
|
|
22546
22546
|
"description": "Solid Design System: Components",
|
|
22547
|
-
"version": "6.9.
|
|
22547
|
+
"version": "6.9.1",
|
|
22548
22548
|
"author": "Union Investment",
|
|
22549
22549
|
"homepage": "https://solid-design-system.fe.union-investment.de/docs/",
|
|
22550
22550
|
"license": "MIT"
|
|
@@ -216,7 +216,7 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
|
|
|
216
216
|
--gradient-color-start,
|
|
217
217
|
transparent,
|
|
218
218
|
var(--gradient-color-end, rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))))
|
|
219
|
-
) 80%,var(--gradient-color-end, rgba(var(--sd-color-background-white, rgba(var(--sd-color-white))))) 100%;position:relative;display:inline-block;width:100%}.toggle::-moz-focus-inner{--tw-border-style:none;border-style:none;padding:calc(var(--sd-spacing-1) * 0)}details>summary::-webkit-details-marker,details[open] summary{display:none}summary{max-block-size:var(--component-expandable-max-block-size)}:host([open]) summary{max-block-size:var(--max-height-pixel,1000vh)}.content{max-block-size:var(--component-expandable-max-block-size)}:host([open]) .content,:host:has(.transitioning) .content{max-block-size:var(--max-height-pixel,1000vh)}.content::after{position:absolute;bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);display:block;width:100%;opacity:var(--sd-opacity-0);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));content:' ';height:var(--gradient-height);background:linear-gradient(180deg,var(--gradient))}:host([inverted]){--color-primary-rgb:0,53,142;--gradient-color-start:rgba(var(--color-primary-rgb), 0);--gradient-color-end:rgba(var(--color-primary-rgb), 1)}:host([inverted]) .content::after{background:var(--gradient-vertical-transparent-primary,linear-gradient(180deg,var(--gradient)))}:host(:not([open])) .content::after{opacity:var(--sd-opacity-100)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`],a([v(".content-preview")],Wt.prototype,"contentPreview",2),a([v("details")],Wt.prototype,"details",2),a([v('[part="content"]')],Wt.prototype,"body",2),a([d({type:Boolean,reflect:!0})],Wt.prototype,"open",2),a([d({type:Boolean,reflect:!0})],Wt.prototype,"inverted",2),a([C("open",{waitUntilFirstUpdate:!0})],Wt.prototype,"onOpenChange",1),Wt=a([k("sd-expandable")],Wt);R("expandable.show",{keyframes:[{height:"var(--component-expandable-max-block-size, 90px)"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});R("expandable.hide",{keyframes:[{height:"auto"},{height:"var(--component-expandable-max-block-size, 90px)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});var Nt=class extends f{constructor(){super(...arguments);this.flipDirection="horizontal";this.placement="top";this.frontVariant="primary";this.backVariant="primary";this.activeSide="front"}connectedCallback(){super.connectedCallback()}flipFront(){this.activeSide="back",this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),setTimeout(()=>{this.back.focus()})}flipBack(){this.activeSide="front",this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),setTimeout(()=>{this.front.focus()})}handleFrontKeydown(t){t.code==="Enter"&&this.front===t.target&&this.flipFront()}handleBackKeydown(t){t.code==="Enter"&&this.back===t.target&&this.flipBack()}render(){return p`<div part="base" class="${c("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${E(this.activeSide==="back"||void 0)}" class="${c("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.frontVariant==="primary"&&"bg-primary",this.frontVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-front" class="${c("absolute h-full w-full -z-20",(this.frontVariant==="primary"||this.frontVariant==="primary-100")&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${c("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant])}"><div class="${c("absolute inset-0",{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"></div><slot name="front"></slot></div><div part="front-secondary-gradient" class="${c("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.frontVariant])}"></div><sd-button part="front-button" size="md" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.frontVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.frontVariant]}" class="${c("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-icon library="_internal" name="reload" label="Flip to Back"></sd-icon></sd-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide==="front"}" inert="${E(this.activeSide==="front"||void 0)}" class="${c("flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.backVariant==="primary"&&"bg-primary",this.backVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-back" class="${c("absolute h-full w-full -z-20",(this.backVariant==="primary"||this.backVariant==="primary-100")&&"hidden")}"><slot name="media-back"></slot></div><div part="back-slot-container" class="${c("flex",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.backVariant],{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.backVariant])}"><slot name="back"></slot></div><div part="back-secondary-gradient" class="${c("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.backVariant])}"></div><sd-button size="md" part="back-button" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.backVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.backVariant]}" class="${c("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-icon library="_internal" name="reload" label="Flip to Front"></sd-icon></sd-button></div></div>`}};Nt.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
219
|
+
) 80%,var(--gradient-color-end, rgba(var(--sd-color-background-white, rgba(var(--sd-color-white))))) 100%;position:relative;display:inline-block;width:100%}.toggle::-moz-focus-inner{--tw-border-style:none;border-style:none;padding:calc(var(--sd-spacing-1) * 0)}details>summary::-webkit-details-marker,details[open] summary{display:none}summary{max-block-size:var(--component-expandable-max-block-size)}:host([open]) summary{max-block-size:var(--max-height-pixel,1000vh)}.content{max-block-size:var(--component-expandable-max-block-size)}:host([open]) .content,:host:has(.transitioning) .content{max-block-size:var(--max-height-pixel,1000vh)}.content::after{position:absolute;bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);display:block;width:100%;opacity:var(--sd-opacity-0);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));content:' ';height:var(--gradient-height);background:linear-gradient(180deg,var(--gradient));pointer-events:none}:host([inverted]){--color-primary-rgb:0,53,142;--gradient-color-start:rgba(var(--color-primary-rgb), 0);--gradient-color-end:rgba(var(--color-primary-rgb), 1)}:host([inverted]) .content::after{background:var(--gradient-vertical-transparent-primary,linear-gradient(180deg,var(--gradient)))}:host(:not([open])) .content::after{opacity:var(--sd-opacity-100)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`],a([v(".content-preview")],Wt.prototype,"contentPreview",2),a([v("details")],Wt.prototype,"details",2),a([v('[part="content"]')],Wt.prototype,"body",2),a([d({type:Boolean,reflect:!0})],Wt.prototype,"open",2),a([d({type:Boolean,reflect:!0})],Wt.prototype,"inverted",2),a([C("open",{waitUntilFirstUpdate:!0})],Wt.prototype,"onOpenChange",1),Wt=a([k("sd-expandable")],Wt);R("expandable.show",{keyframes:[{height:"var(--component-expandable-max-block-size, 90px)"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});R("expandable.hide",{keyframes:[{height:"auto"},{height:"var(--component-expandable-max-block-size, 90px)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});var Nt=class extends f{constructor(){super(...arguments);this.flipDirection="horizontal";this.placement="top";this.frontVariant="primary";this.backVariant="primary";this.activeSide="front"}connectedCallback(){super.connectedCallback()}flipFront(){this.activeSide="back",this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),setTimeout(()=>{this.back.focus()})}flipBack(){this.activeSide="front",this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),setTimeout(()=>{this.front.focus()})}handleFrontKeydown(t){t.code==="Enter"&&this.front===t.target&&this.flipFront()}handleBackKeydown(t){t.code==="Enter"&&this.back===t.target&&this.flipBack()}render(){return p`<div part="base" class="${c("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${E(this.activeSide==="back"||void 0)}" class="${c("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.frontVariant==="primary"&&"bg-primary",this.frontVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-front" class="${c("absolute h-full w-full -z-20",(this.frontVariant==="primary"||this.frontVariant==="primary-100")&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${c("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant])}"><div class="${c("absolute inset-0",{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"></div><slot name="front"></slot></div><div part="front-secondary-gradient" class="${c("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.frontVariant])}"></div><sd-button part="front-button" size="md" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.frontVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.frontVariant]}" class="${c("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-icon library="_internal" name="reload" label="Flip to Back"></sd-icon></sd-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide==="front"}" inert="${E(this.activeSide==="front"||void 0)}" class="${c("flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.backVariant==="primary"&&"bg-primary",this.backVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-back" class="${c("absolute h-full w-full -z-20",(this.backVariant==="primary"||this.backVariant==="primary-100")&&"hidden")}"><slot name="media-back"></slot></div><div part="back-slot-container" class="${c("flex",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.backVariant],{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.backVariant])}"><slot name="back"></slot></div><div part="back-secondary-gradient" class="${c("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.backVariant])}"></div><sd-button size="md" part="back-button" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.backVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.backVariant]}" class="${c("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-icon library="_internal" name="reload" label="Flip to Front"></sd-icon></sd-button></div></div>`}};Nt.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
220
220
|
:host{display:block;aspect-ratio:var(--sd-aspect-3\\/4);--name:'';--height:480px;height:var(--height)}.flip-card{perspective:100rem}.flip-card__side{backface-visibility:hidden}.flip-card__side--back{transform:rotateY(180deg)}.clicked--front{transform:rotateY(-180deg)}.clicked--back{transform:rotateY(0)}.flip-card__side--back.vertical{transform:rotateX(180deg)}.clicked--front.vertical{transform:rotateX(-180deg)}.clicked--back.vertical{transform:rotateX(0)}.flip-card__gradient{flex:.4 1 0}:host([front-variant=gradient-light]) [part=front-secondary-gradient],:host([front-variant=gradient-light]) [part=front-slot-container] .bg-gradient-to-b{--sd-color-background-white:rgba(
|
|
221
221
|
var(--sd-informational-gradient--white-color-background, rgba(var(--sd-color-white)))
|
|
222
222
|
)}:host([front-variant=gradient-dark]) [part=front-secondary-gradient],:host([front-variant=gradient-dark]) [part=front-slot-container] .bg-gradient-to-b{--sd-color-background-primary-800:rgba(
|
|
@@ -237,7 +237,7 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
|
|
|
237
237
|
:host{display:block}#motion-wrapper{mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain}:host([variant=cluster]) [part=base],svg{width:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=base]{height:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host(:not([variant=cluster])) [part=base]{height:calc(var(--sd-spacing-16,4rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=content]{font-size:calc(var(--sd-font-size-sm,.875rem) * var(--map-marker-scaling,1))}:host([variant=place]) [part=content]{margin-top:calc(var(--sd-spacing-2) * -1);font-size:calc(var(--sd-font-size-3xl,2rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=motion-wrapper]>div>div{background-color:rgba(var(--sd-map-marker-cluster--hovered-color-icon-fill))}:host([variant=main]) [part=marker],:host([variant=place]) [part=marker]{--tw-drop-shadow-size:drop-shadow(var(--sd-drop-shadow));--tw-drop-shadow:drop-shadow(var(--sd-drop-shadow));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}:host([variant=main]) #marker-circle{width:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));height:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));left:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));right:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));top:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1))}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}`],a([d({type:String,reflect:!0})],Ut.prototype,"variant",2),a([d({type:String,reflect:!0})],Ut.prototype,"state",2),a([d({type:Boolean,reflect:!0})],Ut.prototype,"animated",2),a([d({type:Boolean,reflect:!0,attribute:"not-interactive"})],Ut.prototype,"notInteractive",2),a([d({type:String,reflect:!0})],Ut.prototype,"href",2),a([d({type:String,reflect:!0})],Ut.prototype,"target",2),a([d({reflect:!0})],Ut.prototype,"label",2),Ut=a([k("sd-map-marker")],Ut);var Ve=class extends f{constructor(){super(...arguments);this.localize=new O(this);this.handleOutsideClick=t=>{this.contains(t.target)||this.getAllItems().forEach(e=>e.classList.remove("menu-item-focus"))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}handleClick(t){let e=["menuitem","menuitemcheckbox"],r=t.composedPath(),o=r.find(u=>{var m;return e.includes(((m=u==null?void 0:u.getAttribute)==null?void 0:m.call(u,"role"))||"")});if(!o||r.find(u=>{var m;return((m=u==null?void 0:u.getAttribute)==null?void 0:m.call(u,"role"))==="menu"})!==this)return;let h=o;h.type==="checkbox"&&(h.checked=!h.checked),this.emit("sd-select",{detail:{item:h}})}handleKeyDown(t){if(t.key==="Escape"){let e=this.getCurrentItem();e==null||e.classList.remove("menu-item-focus")}else if(t.key==="Enter"||t.key===" "){let e=this.getCurrentItem();t.preventDefault(),t.stopPropagation(),e==null||e.classList.remove("menu-item-focus"),e==null||e.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){let e=this.getAllItems(),r=this.getCurrentItem(),o=r?e.indexOf(r):0;if(r==null||r.classList.remove("menu-item-focus"),e.length>0){t.preventDefault(),t.stopPropagation();let n=(l,h)=>{let u=l;for(let m of e)if(u=(u+h+e.length)%e.length,!e[u].disabled)return u;return l};if(t.key==="ArrowDown")o=n(o,1);else if(t.key==="ArrowUp")o=n(o,-1);else if(t.key==="Home")o=e.findIndex(l=>!l.disabled),o===-1&&(o=0);else if(t.key==="End"){o=e.length-1;for(let l=e.length-1;l>=0;l--)if(!e[l].disabled){o=l;break}}this.setCurrentItem(e[o]),e[o].focus(),e[o].classList.add("menu-item-focus")}}}handleMouseDown(t){let e=t.target;this.isMenuItem(e)&&this.setCurrentItem(e)}handleSlotChange(){let t=this.getAllItems();t.length>0&&this.setCurrentItem(t[0])}isMenuItem(t){var e;return t.tagName.toLowerCase()==="sd-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((e=t.getAttribute("role"))!=null?e:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(t=>!!this.isMenuItem(t))}getCurrentItem(){return this.getAllItems().find(t=>t.getAttribute("tabindex")==="0")}setCurrentItem(t){this.getAllItems().forEach(r=>{r.setAttribute("tabindex",r===t?"0":"-1")})}render(){return p`<slot @slotchange="${this.handleSlotChange}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}" @mousedown="${this.handleMouseDown}"></slot>`}};Ve.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
238
238
|
:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-divider){padding-block:var(--sd-spacing-3)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`],a([v("slot")],Ve.prototype,"defaultSlot",2),Ve=a([k("sd-menu")],Ve);var yo=()=>new Ts,Ts=class{},$s=new WeakMap,wo=te(class extends $i{render(s){return Y}update(s,[i]){var e;let t=i!==this.G;return t&&this.G!==void 0&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=i,this.ht=(e=s.options)==null?void 0:e.host,this.rt(this.ct=s.element)),Y}rt(s){var i;if(this.isConnected||(s=void 0),typeof this.G=="function"){let t=(i=this.ht)!=null?i:globalThis,e=$s.get(t);e===void 0&&(e=new WeakMap,$s.set(t,e)),e.get(this.G)!==void 0&&this.G.call(this.ht,void 0),e.set(this.G,s),s!==void 0&&this.G.call(this.ht,s)}else this.G.value=s}get lt(){var s,i,t;return typeof this.G=="function"?(i=$s.get((s=this.ht)!=null?s:globalThis))==null?void 0:i.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var Fr=class{constructor(i,t){this.popupRef=yo();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=i=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${i.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${i.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=i=>{switch(i.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":i.target!==this.host&&(i.preventDefault(),i.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(i);break;default:break}};this.handleClick=i=>{var t;i.target===this.host?(i.preventDefault(),i.stopPropagation()):i.target instanceof Element&&(i.target.tagName==="sd-menu-item"||(t=i.target.role)!=null&&t.startsWith("menuitem"))&&i.target.getAttribute("type")!=="checkbox"&&this.disableSubmenu()};this.handleFocusOut=i=>{i.relatedTarget&&i.relatedTarget instanceof Element&&this.host.contains(i.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=i=>{i.stopPropagation()};this.handlePopupReposition=()=>{let i=this.host.renderRoot.querySelector("slot[name='submenu']"),t=i==null?void 0:i.assignedElements({flatten:!0}).filter(h=>h.localName==="sd-menu")[0],e=getComputedStyle(this.host).direction==="rtl";if(!t)return;let{left:r,top:o,width:n,height:l}=t.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${e?r+n:r}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${e?r+n:r}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${o+l}px`)};(this.host=i).addController(this),this.hasSlotController=t}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(i){let t=this.host.renderRoot.querySelector("slot[name='submenu']");if(!t){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let e=null;for(let r of t.assignedElements())if(e=r.querySelectorAll("sd-menu-item, [role^='menuitem']"),e.length!==0)break;if(!(!e||e.length===0)){e[0].setAttribute("tabindex","0");for(let r=1;r!==e.length;++r)e[r].setAttribute("tabindex","-1");this.popupRef.value&&(i.preventDefault(),i.stopPropagation(),this.popupRef.value.active?e[0]instanceof HTMLElement&&e[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{e[0]instanceof HTMLElement&&e[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(i){this.popupRef.value&&this.popupRef.value.active!==i&&(this.popupRef.value.active=i,this.host.requestUpdate())}enableSubmenu(i=!0){i?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var r;if(!((r=this.host.parentElement)!=null&&r.computedStyleMap))return;let i=this.host.parentElement.computedStyleMap(),e=["padding-top","border-top-width","margin-top"].reduce((o,n)=>{var m;let l=(m=i.get(n))!=null?m:new CSSUnitValue(0,"px"),u=(l instanceof CSSUnitValue?l:new CSSUnitValue(0,"px")).to("px");return o-u.value},0);this.skidding=e}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let i=getComputedStyle(this.host).direction==="rtl";return this.isConnected?p`<sd-popup ${wo(this.popupRef)} placement="${i?"left-start":"right-start"}" anchor="anchor" flip flip-fallback-strategy="best-fit" skidding="${this.skidding}" strategy="fixed" auto-size="vertical" auto-size-padding="10"><slot name="submenu"></slot></sd-popup>`:p`<slot name="submenu" hidden></slot>`}};var Tt=class extends f{constructor(){super(...arguments);this.type="normal";this.checked=!1;this.disabled=!1;this.value="";this.chevron=!1;this.hasSlotController=new P(this,"submenu");this.submenuController=new Fr(this,this.hasSlotController);this.handleHostClick=t=>{this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())};this.handleMouseOver=t=>{this.focus(),t.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.setAttribute("tabindex",this.disabled?"-1":"0")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return $a(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let t=this.submenuController.isExpanded(),e={label:this.hasSlotController.test("[default]"),iconIndent:this.hasSlotController.test("icon-indent")};return p`<div id="anchor" part="base" class="${c("relative flex items-stretch whitespace-nowrap py-3 px-4 no-wrap !navigable-border-radius",this.disabled?"outline-none cursor-not-allowed sd-menu--disabled-color-text hover:bg-transparent":"cursor-pointer sd-menu-color-text hover:bg-neutral-200",this.isSubmenu()&&t&&"submenu-expanded")}" .disabled="${this.disabled}" ?aria-haspopup="${this.isSubmenu()}" ?aria-expanded="${!!t}">${this.type==="checkbox"?p`<span part="checked-icon" class="${c("flex items-center justify-center grow-0 shrink-0 basis-auto",this.checked?"visible":"invisible")}"><sd-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-icon></span>`:""} ${e.iconIndent?p`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>`:""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron||this.isSubmenu()?p`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-icon></span>`:""} ${this.submenuController.renderSubmenu()}</div>`}};Tt.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
239
239
|
:host{--submenu-offset:-6px;display:block}:host(:focus-visible){--tw-outline-style:none;outline-style:none}::slotted(sd-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}[part=checked-icon]{margin-right:var(--sd-spacing-3)}.submenu-expanded::after{position:fixed;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 0);bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);z-index:calc(var(z-dropdown) - 1);--tw-content:'';content:var(--tw-content);clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0))}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{background-color:rgba(var(--sd-color-background-neutral-200));--tw-outline-style:none;outline-style:none}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:rgba(var(--outline-color-primary));outline-offset:-2px}:host(.menu-item-focus) [part=base]{outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:rgba(var(--outline-color-primary));outline-offset:-2px}:host(:hover) [part=base]{--tw-outline-style:none;outline-style:none}:host [part=checked-icon],:host [part=icon-indent],:host [part=submenu-icon]{color:rgba(var(--sd-menu-color-icon))}:host([aria-disabled=true]) [part=icon-indent]{color:rgba(var(--sd-menu--disabled-color-icon))}sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);background-color:rgba(var(--sd-color-background-white));margin-left:var(--submenu-offset)}::slotted(sd-menu){max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`],a([v("slot:not([name])")],Tt.prototype,"defaultSlot",2),a([v('part="base"')],Tt.prototype,"menuItem",2),a([d()],Tt.prototype,"type",2),a([d({type:Boolean,reflect:!0})],Tt.prototype,"checked",2),a([d({type:Boolean,reflect:!0})],Tt.prototype,"disabled",2),a([d()],Tt.prototype,"value",2),a([d({type:Boolean,reflect:!0})],Tt.prototype,"chevron",2),a([C("checked")],Tt.prototype,"handleCheckedChange",1),a([C("disabled")],Tt.prototype,"handleDisabledChange",1),a([C("type")],Tt.prototype,"handleTypeChange",1),Tt=a([k("sd-menu-item")],Tt);var ut=class extends f{constructor(){super(...arguments);this.hasSlotController=new P(this,"[default]","description","children");this.localize=new O(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.separated&&!this.href&&this.hasSlotController.test("children")}get isIconOnly(){if(!this.defaultSlot)return!1;let t=this.defaultSlot.assignedNodes({flatten:!0});return t.length>0&&t.every(e=>{var r;return e.nodeType===Node.TEXT_NODE?!((r=e.textContent)!=null&&r.trim()):e.nodeType===Node.ELEMENT_NODE?e.tagName.toLowerCase()==="sd-icon":!1})}handleClickButton(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}handleClickSummary(t){t.preventDefault(),t.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}get calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}get tag(){return this.separated&&!this.isLink?et`div`:this.isAccordion&&!this.isLink?et`summary`:this.isLink?et`a`:et`button`}focus(){var t;this.disabled||(t=this.button)==null||t.focus()}blur(){var t;(t=this.button)==null||t.blur()}render(){let t=this.tag,e=this.isLink,r=this.isButton,o=this.isAccordion,n=this.isIconOnly,l={label:this.hasSlotController.test("[default]"),main:this.hasSlotController.test("main"),description:this.hasSlotController.test("description"),children:this.hasSlotController.test("children")},h=this.vertical?"py-3":"py-2",u=q`<${t} part="base" class="${c("flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius",{md:"navigable-font-size",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"sd-navigation-item-color-text",this.current&&"font-bold sd-navigation-item--current-color-text",!o&&"w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&"inline-flex items-center",!this.separated&&"hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",n?"justify-center aspect-square p-3":"px-4")}" aria-current="${E(this.current?"page":void 0)}" aria-disabled="${this.disabled}" aria-labelledby="content" aria-describedby="description" ?disabled="${E(r?this.disabled:void 0)}" href="${E(e?this.href:void 0)}" target="${E(e?this.target:void 0)}" download="${E(e?this.download:void 0)}" rel="${E(e&&this.target?"noreferrer noopener":void 0)}" tabindex="${this.disabled?"-1":"0"}" @click="${this.separated?void 0:o?this.handleClickSummary:r?this.handleClickButton:void 0}"><div part="current-indicator" class="${c("absolute bg-accent left-0 pointer-events-none navigable__current-indicator-border-radius",this.vertical?"navigable__current-indicator-width h-[calc(100%-16px)] top-2 group-hover:h-full group-hover:top-0":"navigable__current-indicator-height w-[calc(100%-16px)] bottom-0 left-2 group-hover:w-full group-hover:left-0 transition-all",this.disabled&&"bg-neutral-500")}"></div><div class="inline-flex flex-col justify-center gap-1 w-full h-full"><span part="content-area" class="${c("relative inline-flex justify-between items-center",o?"grow":"w-full",l.description&&"pt-3",!l.description&&!this.separated&&h,this.calculatePaddingX)}">${this.divider&&this.vertical?q`<sd-divider part="divider" class="${c("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-divider>`:""} <span id="content" part="content-container" class="inline-flex items-center flex-auto"><slot part="content" class="inline-flex text-start"></slot></span>${this.chevron||l.children&&this.vertical&&!this.separated?q`<sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${c("h-6 w-6 ml-2 transition-all",o?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon>`:""} </span>${l.description&&this.vertical?q`<slot id="description" name="description" part="description" class="${c("inline-block text-sm text-left font-normal text-black pb-3",o||this.separated?"grow":"w-full",this.calculatePaddingX)}"></slot>`:""}</div></${t}>`;return this.separated?q`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${u} ${l.children&&this.vertical?q`<button type="button" title="${this.open?this.localize.term("collapseNavigationItem"):this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${c("m-4 h-6 w-6 transition-all",o||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon></button>`:""}</div>${this.open?q`<slot name="children"></slot>`:""}</div>`:o?q`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${u}<slot name="children"></slot></details>`:q`${u}`}};ut.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
240
|
-
:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`],a([v('[part="base"]')],ut.prototype,"button",2),a([v("slot:not([name])")],ut.prototype,"defaultSlot",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"vertical",2),a([d({type:String,reflect:!0})],ut.prototype,"size",2),a([d({reflect:!0})],ut.prototype,"href",2),a([d({type:String,reflect:!0})],ut.prototype,"target",2),a([d({reflect:!0})],ut.prototype,"download",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"current",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"disabled",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"chevron",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"relaxed",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"divider",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"indented",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"open",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"separated",2),ut=a([k("sd-navigation-item")],ut);var Rr={"top-right":null,"bottom-center":null},Id=()=>{Object.entries(Rr).forEach(([s])=>{let i=document.querySelector(`#sd-toast-stack--${s}`);if(i){i.setAttribute("role","region"),Rr[s]=i;return}Rr[s]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${s}`,className:`sd-toast-stack sd-toast-stack--${s}`})})};Id();var Ct=class extends f{constructor(){super(...arguments);this.localize=new O(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return Rr[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.wrapper.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(t){this.closable&&t.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await Promise.all([X(this.base),X(this.wrapper)]),this.wrapper.hidden=!1;let t=K(this,"notification.show",{dir:this.localize.dir()}),e=K(this,`notification.wrapper.show${wi(gs(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([j(this.base,xe(t.keyframes,this.base.scrollHeight),t.options),j(this.wrapper,e.keyframes,e.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await Promise.all([X(this.base),X(this.wrapper)]);let t=K(this,"notification.hide",{dir:this.localize.dir()}),e=K(this,`notification.wrapper.hide${wi(gs(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([j(this.base,xe(t.keyframes,this.base.scrollHeight),t.options),j(this.wrapper,e.keyframes,e.options)]),this.wrapper.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,Z(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,Z(this,"sd-after-hide")}async toast(){return new Promise(t=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),t()},{once:!0})})}render(){return p`<div part="base" class="${c("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="0" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${c("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${c("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"warning"}[this.variant]||""}" library="_internal" class="h-6 w-6 text-white"></sd-icon></slot><div part="content" class="${c("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 sd-notification-color-border",{info:"sd-notification--info-color-background",success:"sd-notification--success-color-background",warning:"sd-notification--warning-color-background",error:"sd-notification--error-color-background"}[this.variant])}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?p`<sd-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>`:""}</div>${this.durationIndicator?p`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${c("absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border sd-notification-color-border"></div>`:""}</div></div>`}};Ct.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
240
|
+
:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`],a([v('[part="base"]')],ut.prototype,"button",2),a([v("slot:not([name])")],ut.prototype,"defaultSlot",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"vertical",2),a([d({type:String,reflect:!0})],ut.prototype,"size",2),a([d({reflect:!0})],ut.prototype,"href",2),a([d({type:String,reflect:!0})],ut.prototype,"target",2),a([d({reflect:!0})],ut.prototype,"download",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"current",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"disabled",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"chevron",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"relaxed",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"divider",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"indented",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"open",2),a([d({type:Boolean,reflect:!0})],ut.prototype,"separated",2),ut=a([k("sd-navigation-item")],ut);var Rr={"top-right":null,"bottom-center":null},Id=()=>{Object.entries(Rr).forEach(([s])=>{let i=document.querySelector(`#sd-toast-stack--${s}`);if(i){i.setAttribute("role","region"),Rr[s]=i;return}Rr[s]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${s}`,className:`sd-toast-stack sd-toast-stack--${s}`})})};Id();var Ct=class extends f{constructor(){super(...arguments);this.localize=new O(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return Rr[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.wrapper.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(t){this.closable&&t.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await Promise.all([X(this.base),X(this.wrapper)]),this.wrapper.hidden=!1;let t=K(this,"notification.show",{dir:this.localize.dir()}),e=K(this,`notification.wrapper.show${wi(gs(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([j(this.base,xe(t.keyframes,this.base.scrollHeight),t.options),j(this.wrapper,e.keyframes,e.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await Promise.all([X(this.base),X(this.wrapper)]);let t=K(this,"notification.hide",{dir:this.localize.dir()}),e=K(this,`notification.wrapper.hide${wi(gs(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([j(this.base,xe(t.keyframes,this.base.scrollHeight),t.options),j(this.wrapper,e.keyframes,e.options)]),this.wrapper.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,Z(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,Z(this,"sd-after-hide")}async toast(){return new Promise(t=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),t()},{once:!0})})}render(){return p`<div part="base" class="${c("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="${E(this.closable?"0":void 0)}" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${c("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${c("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"warning"}[this.variant]||""}" library="_internal" class="h-6 w-6 text-white"></sd-icon></slot><div part="content" class="${c("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 sd-notification-color-border",{info:"sd-notification--info-color-background",success:"sd-notification--success-color-background",warning:"sd-notification--warning-color-background",error:"sd-notification--error-color-background"}[this.variant])}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?p`<sd-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>`:""}</div>${this.durationIndicator?p`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${c("absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border sd-notification-color-border"></div>`:""}</div></div>`}};Ct.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
241
241
|
:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],a([v('[part~="base"]')],Ct.prototype,"base",2),a([v('[part~="wrapper"]')],Ct.prototype,"wrapper",2),a([v('[part~="close-button"]')],Ct.prototype,"close",2),a([d({type:String,reflect:!0})],Ct.prototype,"variant",2),a([d({type:Boolean,reflect:!0})],Ct.prototype,"open",2),a([d({type:Boolean,reflect:!0})],Ct.prototype,"closable",2),a([d({type:Number,reflect:!0})],Ct.prototype,"duration",2),a([d({type:Boolean,reflect:!0,attribute:"duration-indicator"})],Ct.prototype,"durationIndicator",2),a([d({type:String,reflect:!0,attribute:"toast-stack"})],Ct.prototype,"toastStack",2),a([C("open",{waitUntilFirstUpdate:!0})],Ct.prototype,"handleOpenChange",1),a([C("duration")],Ct.prototype,"handleDurationChange",1),Ct=a([k("sd-notification")],Ct);R("notification.show",{keyframes:[{opacity:0,height:0},{opacity:1,height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});R("notification.hide",{keyframes:[{opacity:1,height:"auto"},{opacity:0,height:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});R("notification.wrapper.showTopRight",{keyframes:[{bottom:"32px"},{bottom:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});R("notification.wrapper.hideTopRight",{keyframes:[{bottom:"0"},{bottom:"32px"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});var ne=class extends f{constructor(){super(...arguments);this.localize=new O(this);this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:t}=this;this.defaultSlot.assignedElements().filter(e=>e.tagName.toLowerCase()==="sd-option").forEach(e=>{e.disabled=t})}handleDisabledChange(){this.handleDisableOptions()}render(){let{disabled:t}=this;return q`<div role="${t?"presentation":"group"}" class="${c(this.disabled?"text-neutral-500":"")}" part="base" aria-labelledby="group-label"><sd-divider id="divider" class="pt-2 pb-4" part="divider"></sd-divider><div part="label-container" class="${c(this.disabled?"text-neutral-500":"text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`}};ne.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
242
242
|
:host{--display-divider:block}#divider{display:var(--display-divider)}`],a([v("slot:not([name])")],ne.prototype,"defaultSlot",2),a([d({reflect:!0,type:Boolean})],ne.prototype,"disabled",2),a([d({type:String,reflect:!0})],ne.prototype,"label",2),a([C("disabled",{waitUntilFirstUpdate:!0})],ne.prototype,"handleDisabledChange",1),ne=a([k("sd-optgroup")],ne);var xt=class extends f{constructor(){super(...arguments);this.hasSlotController=new P(this,"default","left","right");this.current=!1;this.selected=!1;this.hasHover=!1;this.isKeyboardFocus=!1;this.size="lg";this.checkbox=!1;this.disabled=!1;this.value=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}getTextLabel(){var t;return((t=this.textContent)!=null?t:"").trim()}render(){let t={default:this.hasSlotController.test("default"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")};return p`<div part="base" style="word-break:break-word" class="${c("px-4 flex items-start w-full transition-colors duration-fast ease-in-out text-left text-base relative",{sm:"text-sm py-1",md:"text-base py-2",lg:"text-base py-3"}[this.size],this.disabled?"text-neutral-500 cursor-not-allowed":"text-black cursor-pointer",this.hasHover&&!this.disabled?"bg-neutral-200":"",this.isKeyboardFocus?"focus-outline focus-outline-offset":"",this.current&&"bg-neutral-200")}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${c("absolute w-full left-0 top-0 pointer-events-none transition-[height,top] duration-fast ease-in-out border-l-4 h-[calc(100%-8px)]",this.selected&&!this.checkbox?"border-accent":"border-transparent",this.disabled&&"border-neutral-500 top-1",!this.disabled&&this.hasHover?"h-full top-0":"top-1")}"></span> ${this.checkbox?p`<span id="control" part="control ${this.selected?" control--checked":"control--unchecked"}" class="${c("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4 mr-2",{sm:"mt-0.5",md:"mt-1",lg:"mt-1"}[this.size],this.disabled?"sd-option--disabled-color-border":this.selected?"bg-accent border-accent":"bg-white form-control-color-border")}">${this.selected?p`<sd-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-icon>`:""}</span>`:""} ${t.left?p`<slot name="left" part="left" class="inline-flex mr-2"></slot>`:""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${t.right?p`<slot name="right" part="right" class="inline-flex ml-2"></slot>`:""}</div>`}};xt.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
243
243
|
:host{position:relative;display:block;width:100%;--tw-outline-style:none!important;outline-style:none!important}.focus-outline-offset{outline-offset:-2px}`],a([v('[part="base"]')],xt.prototype,"defaultSlot",2),a([L()],xt.prototype,"current",2),a([L()],xt.prototype,"selected",2),a([L()],xt.prototype,"hasHover",2),a([L()],xt.prototype,"isKeyboardFocus",2),a([d({type:String,reflect:!0})],xt.prototype,"size",2),a([d({type:Boolean,reflect:!0})],xt.prototype,"checkbox",2),a([d({type:Boolean,reflect:!0})],xt.prototype,"disabled",2),a([d({type:String,reflect:!0})],xt.prototype,"value",2),a([C("disabled")],xt.prototype,"handleDisabledChange",1),a([C("selected")],xt.prototype,"handleSelectedChange",1),a([C("value")],xt.prototype,"handleValueChange",1),xt=a([k("sd-option")],xt);var Fe=class extends It{constructor(){super(...arguments);this.expandable=!1}render(){let t=this.expandable?et`details`:et`div`,e=this.expandable?et`summary`:et`div`;return q`<${t} part="base" class="sm:p-6"><${e} part="header" id="header" class="${c("text-base font-bold items-center focus-visible:focus-outline text-primary relative group flex flex-row hover:bg-transparent gap-3 pb-3 pt-0 px-0 sm:flex-col sm:gap-4 sm:pb-8",this.expandable&&"cursor-pointer select-none")}" role="${E(this.expandable?"button":void 0)}" aria-expanded="${E(this.expandable?this.open?"true":"false":void 0)}" aria-controls="${E(this.expandable?"content":void 0)}" tabindex="${this.expandable?"0":"-1"}" @click="${this.expandable?this.handleSummaryClick:null}" @keydown="${this.expandable?this.handleSummaryKeyDown:null}"><div part="icon" class="${c("flex flex-grow-0 flex-shrink-0 flex-auto items-center",!this.expandable&&"cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${c("flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",this.expandable?"sd-quickfact--expandable-color-text":"text-black cursor-default")}">${this.summary}</slot><span part="summary-icon" class="${c("flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-transform ease-in-out duration-medium text-xl sm:mt-2",this.open&&"rotate-180",!this.expandable&&"hidden")}"><slot name="expand-icon" class="${c(this.open&&"hidden")}"><sd-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-icon></slot><slot name="collapse-icon" class="${c(!this.open&&"hidden")}"><sd-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-icon></slot></span></${e}><div part="content" id="content" class="${c("overflow-hidden",!this.expandable&&"hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${t}>`}};Fe.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
@@ -292,8 +292,8 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
|
|
|
292
292
|
color: transparent;
|
|
293
293
|
}
|
|
294
294
|
`),s.shadowRoot.adoptedStyleSheets.push(i);let t=i.cssRules[0].style;t.setProperty("--style-observer-adopted-style-sheet-bug","1");let e=getComputedStyle(s),r=e.getPropertyValue("--style-observer-adopted-style-sheet-bug");t.removeProperty("--style-observer-adopted-style-sheet-bug"),e=getComputedStyle(s);let o=e.getPropertyValue("--style-observer-adopted-style-sheet-bug");return s.remove(),r===o}});var Ji=class extends WeakMap{has(i,t){if(arguments.length===1)return super.has(i);let e=super.get(i);return(e==null?void 0:e.has(t))||!1}add(i,t){var r;let e=(r=super.get(i))!=null?r:new Set;e.add(t),super.set(i,e)}delete(i,...t){let e=super.get(i);if(e){for(let r of t)e.delete(r);e.size===0&&super.delete(i)}}};function Me(s){return s==null?[]:Array.isArray(s)?s:typeof s!="string"&&typeof s[Symbol.iterator]=="function"?Array.from(s):[s]}function Eo(s){return s?new Promise(i=>setTimeout(i,s)):new Promise(i=>requestAnimationFrame(i))}var Br;function Bd(s){Br!=null||(Br=document.createElement("div"));let i=Br.style;i[s]="inherit";let t=[...i];return t.length===0&&(t=[s]),i.cssText="",t}function Nd(s){let i=s.matchAll(/(?:^|\s)([+-]?(?:\d+|\d*\.\d+))\s*(ms|s)?(?=\s|$)/g),t=[];for(let e of i){let[,r,o]=e;r=parseFloat(r),o==="s"&&(r*=1e3),t.push(r)}return t}function $o(s,i){i=Ud(i);let t;if(s==="all")t=/\b\w+\b/g;else{let l=[...new Set([...Bd(s),s,"all"])];t=RegExp(`(?:^|\\s)(${l.join("|")})\\b`)}let e=i.findLast(l=>t.test(l)),r=e?Nd(e):[0,0];r.length===0?r=[0,0]:r.length===1&&r.push(0);let[o,n]=r;return{duration:o,delay:n}}function Ud(s){let i=[],t=0,e=[];for(let r of s.matchAll(/[,()]/g)){let o=r[0];if(o===","){if(e.length===0){let n=s.slice(t,r.index);i.push(n.trim()),t=r.index+1}}else o==="("?e.push("("):o===")"&&e.pop()}if(t<s.length){let r=s.slice(t);i.push(r.trim())}return i}var ui,Si,tr=class{constructor(i){le(this,ui,new Set);le(this,Si,new WeakMap);this.callback=i}observe(i){if(lt(this,ui).has(i))return;let t=i.ownerDocument,e=lt(this,Si).get(t);e||(e=new IntersectionObserver(r=>{this.callback(r.map(({target:o})=>({target:o})))},{root:t.documentElement}),lt(this,Si).set(t,e)),lt(this,ui).add(i),e.observe(i)}unobserve(i){if(!i){for(let r of lt(this,ui))this.unobserve(r);return}let t=i.ownerDocument,e=lt(this,Si).get(t);e==null||e.unobserve(i),lt(this,ui).delete(i)}};ui=new WeakMap,Si=new WeakMap;var Nr,To,qd=(To=(Nr=globalThis.CSS)==null?void 0:Nr.supports)!=null&&To.call(Nr,"transition-behavior","allow-discrete")?" allow-discrete":"";globalThis.document&&(zi("--style-observer-transition",{inherits:!1}),wt.detectAll());var er,Ur,Lo,ir,qe=class{constructor(i,t,e={}){le(this,Ur);qt(this,"properties");qt(this,"target");qt(this,"callback");qt(this,"options");le(this,er,!1);le(this,ir);qt(this,"_shadowSheet");qt(this,"_styles",{});this.constructor.all.add(i,this),this.properties=new Map,this.target=i,this.callback=t,this.options=N({properties:[]},e);let r=Me(e.properties);this.renderedObserver=new tr(o=>{this.propertyNames.length>0&&this.handleEvent()}),r.length>0&&this.observe(r)}get propertyNames(){return[...this.properties.keys()]}resolveOptions(i){return Object.assign(Ms(i),this.options)}async handleEvent(i){if(i&&!this.properties.has(i.propertyName))return;if(wt.TRANSITIONRUN_EVENT_LOOP&&(i==null?void 0:i.type)==="transitionrun"||this.options.throttle>0){let r=wt.TRANSITIONRUN_EVENT_LOOP?"transitionrun":"transitionstart",o=Math.max(this.options.throttle,50);if(wt.TRANSITIONRUN_EVENT_LOOP){let n=$o(i.propertyName,getComputedStyle(this.target).transition);o=Math.max(o,n.duration+n.delay+16)}this.target.removeEventListener(r,this),await Eo(o),this.target.addEventListener(r,this)}let t=getComputedStyle(this.target),e=[];for(let r of this.propertyNames){let o=t.getPropertyValue(r),n=this.properties.get(r);o!==n&&(e.push({target:this.target,property:r,value:o,oldValue:n}),this.properties.set(r,o))}e.length>0&&this.callback(e)}observe(i){var e;if(i=Me(i),i=i.filter(r=>!this.properties.has(r)),i.length===0)return;_s(this,Ur,Lo).call(this);let t=getComputedStyle(this.target);for(let r of i){wt.UNREGISTERED_TRANSITION&&!this.constructor.properties.has(r)&&(zi(r,void 0,this.target.ownerDocument),this.constructor.properties.add(r));let o=t.getPropertyValue(r);this.properties.set(r,o)}wt.TRANSITIONRUN_EVENT_LOOP&&(this.target.addEventListener("transitionrun",this),(e=wt.all.TRANSITIONRUN_EVENT_LOOP.valuePending)==null||e.then(r=>{r||this.target.removeEventListener("transitionrun",this)})),this.target.addEventListener("transitionstart",this),this.target.addEventListener("transitionend",this),this.updateTransitionProperties(),this.renderedObserver.observe(this.target)}updateTransitionProperties(){this.setProperty("--style-observer-transition","");let i=new Set(getComputedStyle(this.target).transitionProperty.split(", ")),t=[];for(let r of this.constructor.all.get(this.target))t.push(...r.propertyNames);t=[...new Set(t)];let e=t.filter(r=>!i.has(r)).map(r=>`${r} 1ms step-start${qd}`).join(", ");this.setProperty("--style-observer-transition",e)}updateTransition({firstTime:i}={}){let t="var(--style-observer-transition, --style-observer-noop)",e=this.getProperty("transition"),r;(i?e:!e.includes(t))&&(r=We(this,ir,e)),r===void 0&&(i||!lt(this,ir))&&(e.includes(t)&&this.setProperty("transition",""),r=getComputedStyle(this.target).transition),r==="all"?r="":r=r.replace(/^none\b/,"");let o=r?r+", ":"";this.setProperty("transition",o+t),this.updateTransitionProperties()}get _isHost(){return this.target.shadowRoot&&!wt.ADOPTED_STYLE_SHEET&&!Object.isFrozen(this.target.shadowRoot.adoptedStyleSheets)}setProperty(i,t,e){let r=this.target.style,o=r;if(this._isHost){if(!this._shadowSheet&&(this._shadowSheet=new CSSStyleSheet,this._shadowSheet.insertRule(":host { }"),this.target.shadowRoot.adoptedStyleSheets.push(this._shadowSheet),Object.keys(this._styles).length>0))for(let n in this._styles){let l=this._styles[n];this.setProperty(n,l),r.getPropertyValue(n)===l&&r.removeProperty(n)}o=this._shadowSheet.cssRules[0].style}o.setProperty(i,t,e),this._styles[i]=this.getProperty(i)}getProperty(i){var e,r,o;return((o=(r=(e=this._shadowSheet)==null?void 0:e.cssRules[0])==null?void 0:r.style)!=null?o:this.target.style).getPropertyValue(i)}unobserve(i){i=Me(i),i=i.filter(t=>this.properties.has(t));for(let t of i)this.properties.delete(t);this.properties.size===0&&(this.target.removeEventListener("transitionrun",this),this.target.removeEventListener("transitionstart",this),this.target.removeEventListener("transitionend",this),this.renderedObserver.unobserve(this.target)),this.updateTransitionProperties()}};er=new WeakMap,Ur=new WeakSet,Lo=function(){if(lt(this,er))return;let i=this.constructor.all.get(this.target).size===1;this.updateTransition({firstTime:i}),We(this,er,!0)},ir=new WeakMap,qt(qe,"properties",new Set),qt(qe,"all",new Ji);function Ms(s){return s?(typeof s=="string"||Array.isArray(s)?s={properties:Me(s)}:typeof s=="object"&&(s=N({properties:[]},s)),s):{}}var pi=class{constructor(i,t){qt(this,"elementObservers",new WeakMap);var e;this.callback=i,t=Ms(t),(e=t.targets)!=null||(t.targets=[]),t.target&&t.targets.push(t.target),this.options=t,this.options.targets.length>0&&this.options.properties.length>0&&this.observe(this.options.targets,this.options.properties)}changed(i){this.callback(i)}observe(...i){let{targets:t,properties:e}=zo(...i);if(t.length===0&&(t=this.options.targets),t.length!==0)for(let r of t){let o=this.elementObservers.get(r);o||(o=new qe(r,n=>this.changed(n),this.options),this.elementObservers.set(r,o)),o.observe(e)}}unobserve(...i){let{targets:t,properties:e}=zo(...i);if(t.length===0&&(t=this.options.targets),t.length!==0){e.length===0&&(e=this.options.properties);for(let r of t){let o=this.elementObservers.get(r);o&&o.unobserve(e)}}}updateTransition(i){for(let t of Me(i)){let e=this.elementObservers.get(t);e&&e.updateTransition()}}};function zo(s,i){let t=[...Me(s),...Me(i)];s=[],i=[];for(let e of t)(typeof e=="string"||e instanceof String?i:s).push(e);return{targets:s,properties:i}}var qr=class{constructor(i,t){this.host=i,this.callback=t}connect(){this.observer=new pi(i=>{var e,r;let t=(r=(e=i==null?void 0:i[0])==null?void 0:e.value)==null?void 0:r.replaceAll("'","");t&&this.callback(t)}),this.observer.observe(this.host,"--sd-theme")}disconnect(){var i;(i=this.observer)==null||i.unobserve(this.host)}};var mi=class extends f{handleThemeChange(i){this.emit("sd-theme-change",{detail:{theme:i},bubbles:!0})}connectedCallback(){super.connectedCallback(),this.themeObserver=new qr(this,this.handleThemeChange.bind(this)),this.themeObserver.connect()}disconnectedCallback(){var i;super.disconnectedCallback(),(i=this.themeObserver)==null||i.disconnect()}};mi.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
295
|
-
:host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}`],mi=a([k("sd-theme-listener")],mi);function
|
|
296
|
-
sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);overflow-y:scroll;border-bottom-right-radius:var(--sd-radius);border-bottom-left-radius:var(--sd-radius);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);border-top-style:var(--tw-border-style);border-top-width:0;border-color:rgba(var(--sd-color-border-primary));background-color:rgba(var(--sd-color-background-white));padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-popup li{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms))}sd-popup li:hover:not([disabled]){background-color:rgba(var(--sd-color-background-neutral-100))}sd-popup li{list-style-type:''}sd-popup li mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}sd-popup li:not(:has(sd-option)){cursor:pointer;padding-inline:var(--sd-spacing-4);padding-block:var(--sd-spacing-3);font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));color:rgba(var(--sd-color-text-black))}sd-popup li:not(:has(sd-option)):hover{background-color:rgba(var(--sd-color-background-neutral-200))}sd-popup li[aria-selected=true]{background-color:rgba(var(--sd-color-background-neutral-200))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}`,u=new CSSStyleSheet;u.replaceSync(h),e.shadowRoot.adoptedStyleSheets=[...e.shadowRoot.adoptedStyleSheets,u]}),i&&r.addEventListener("selection",n=>{var l;e.value=(l=n==null?void 0:n.detail)==null?void 0:l.selection.value}),r.addEventListener("open",()=>{var n,l,h,u,m,g;(l=(n=e.shadowRoot)==null?void 0:n.querySelector("sd-popup"))==null||l.setAttribute("active","true"),(u=(h=e.shadowRoot)==null?void 0:h.querySelector('[part="border"]'))==null||u.classList.add("rounded-b-none"),(g=(m=e.shadowRoot)==null?void 0:m.querySelector('[part="form-control"]'))==null||g.classList.add("z-50")}),r.addEventListener("close",()=>{var n,l,h,u,m,g;(l=(n=e.shadowRoot)==null?void 0:n.querySelector("sd-popup"))==null||l.removeAttribute("active"),(u=(h=e.shadowRoot)==null?void 0:h.querySelector('[part="border"]'))==null||u.classList.remove("rounded-b-none"),(g=(m=e.shadowRoot)==null?void 0:m.querySelector('[part="form-control"]'))==null||g.classList.remove("z-50")}),t&&r.addEventListener("navigate",()=>{let n=e.shadowRoot.querySelector('[aria-selected="true"]');n==null||n.scrollIntoView({block:"nearest"})}),{config:{selector:()=>r,resultsList:{tag:"ul"},wrapper:!1}}}export{O as LocalizeController,It as SdAccordion,ke as SdAccordionGroup,st as SdAnimation,ct as SdAudio,ce as SdBadge,ie as SdBrandshape,Ft as SdBreadcrumb,Qt as SdBreadcrumbItem,Q as SdButton,J as SdCarousel,$e as SdCarouselItem,at as SdCheckbox,jt as SdCheckboxGroup,M as SdCombobox,_ as SdDatepicker,Bt as SdDialog,Le as SdDivider,kt as SdDrawer,ht as SdDropdown,Wt as SdExpandable,Nt as SdFlipcard,pe as SdHeader,_t as SdIcon,oe as SdInclude,H as SdInput,Ht as SdLink,Pe as SdLoader,Ut as SdMapMarker,Ve as SdMenu,Tt as SdMenuItem,ut as SdNavigationItem,Ct as SdNotification,ne as SdOptgroup,xt as SdOption,G as SdPopup,Fe as SdQuickfact,Et as SdRadio,Mt as SdRadioButton,it as SdRadioGroup,rt as SdRange,Be as SdRangeTick,pt as SdScrollable,V as SdSelect,Ne as SdSkeleton,Ue as SdSpinner,ot as SdStep,Dt as SdStepGroup,yt as SdSwitch,At as SdTab,Lt as SdTabGroup,me as SdTabPanel,St as SdTag,Yt as SdTeaser,fe as SdTeaserMedia,U as SdTextarea,mi as SdThemeListener,gt as SdTooltip,ge as SdVideo,Wo as registerIconLibrary,
|
|
295
|
+
:host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}`],mi=a([k("sd-theme-listener")],mi);function qT(s,{setValueOnSelection:i,scrollSelectionIntoView:t}={setValueOnSelection:!0,scrollSelectionIntoView:!0}){let e=s?typeof s=="string"?document.querySelector(s):s:document.querySelector("#autoComplete"),r=e.shadowRoot.querySelector("input"),o=n=>n[0];return r.addEventListener("init",()=>{var m,g;let n=(m=e.shadowRoot)==null?void 0:m.querySelector("ul");n==null||n.setAttribute("part","listbox");let l=document.createElement("sd-popup");l.appendChild(n),(g=e.shadowRoot)==null||g.appendChild(l),l==null||l.setAttribute("exportparts","popup__content"),l&&(l.active=!1,l.autoSize="vertical",l.autoSizePadding=16,l.placement="bottom-start",l.anchor=e,l.sync="width");let h=o`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
296
|
+
sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);overflow-y:scroll;border-bottom-right-radius:var(--sd-radius);border-bottom-left-radius:var(--sd-radius);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);border-top-style:var(--tw-border-style);border-top-width:0;border-color:rgba(var(--sd-color-border-primary));background-color:rgba(var(--sd-color-background-white));padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-popup li{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms))}sd-popup li:hover:not([disabled]){background-color:rgba(var(--sd-color-background-neutral-100))}sd-popup li{list-style-type:''}sd-popup li mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}sd-popup li:not(:has(sd-option)){cursor:pointer;padding-inline:var(--sd-spacing-4);padding-block:var(--sd-spacing-3);font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));color:rgba(var(--sd-color-text-black))}sd-popup li:not(:has(sd-option)):hover{background-color:rgba(var(--sd-color-background-neutral-200))}sd-popup li[aria-selected=true]{background-color:rgba(var(--sd-color-background-neutral-200))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}`,u=new CSSStyleSheet;u.replaceSync(h),e.shadowRoot.adoptedStyleSheets=[...e.shadowRoot.adoptedStyleSheets,u]}),i&&r.addEventListener("selection",n=>{var l;e.value=(l=n==null?void 0:n.detail)==null?void 0:l.selection.value}),r.addEventListener("open",()=>{var n,l,h,u,m,g;(l=(n=e.shadowRoot)==null?void 0:n.querySelector("sd-popup"))==null||l.setAttribute("active","true"),(u=(h=e.shadowRoot)==null?void 0:h.querySelector('[part="border"]'))==null||u.classList.add("rounded-b-none"),(g=(m=e.shadowRoot)==null?void 0:m.querySelector('[part="form-control"]'))==null||g.classList.add("z-50")}),r.addEventListener("close",()=>{var n,l,h,u,m,g;(l=(n=e.shadowRoot)==null?void 0:n.querySelector("sd-popup"))==null||l.removeAttribute("active"),(u=(h=e.shadowRoot)==null?void 0:h.querySelector('[part="border"]'))==null||u.classList.remove("rounded-b-none"),(g=(m=e.shadowRoot)==null?void 0:m.querySelector('[part="form-control"]'))==null||g.classList.remove("z-50")}),t&&r.addEventListener("navigate",()=>{let n=e.shadowRoot.querySelector('[aria-selected="true"]');n==null||n.scrollIntoView({block:"nearest"})}),{config:{selector:()=>r,resultsList:{tag:"ul"},wrapper:!1}}}export{O as LocalizeController,It as SdAccordion,ke as SdAccordionGroup,st as SdAnimation,ct as SdAudio,ce as SdBadge,ie as SdBrandshape,Ft as SdBreadcrumb,Qt as SdBreadcrumbItem,Q as SdButton,J as SdCarousel,$e as SdCarouselItem,at as SdCheckbox,jt as SdCheckboxGroup,M as SdCombobox,_ as SdDatepicker,Bt as SdDialog,Le as SdDivider,kt as SdDrawer,ht as SdDropdown,Wt as SdExpandable,Nt as SdFlipcard,pe as SdHeader,_t as SdIcon,oe as SdInclude,H as SdInput,Ht as SdLink,Pe as SdLoader,Ut as SdMapMarker,Ve as SdMenu,Tt as SdMenuItem,ut as SdNavigationItem,Ct as SdNotification,ne as SdOptgroup,xt as SdOption,G as SdPopup,Fe as SdQuickfact,Et as SdRadio,Mt as SdRadioButton,it as SdRadioGroup,rt as SdRange,Be as SdRangeTick,pt as SdScrollable,V as SdSelect,Ne as SdSkeleton,Ue as SdSpinner,ot as SdStep,Dt as SdStepGroup,yt as SdSwitch,At as SdTab,Lt as SdTabGroup,me as SdTabPanel,St as SdTag,Yt as SdTeaser,fe as SdTeaserMedia,U as SdTextarea,mi as SdThemeListener,gt as SdTooltip,ge as SdVideo,Wo as registerIconLibrary,qT as setupAutocomplete,pa as unregisterIconLibrary};
|
|
297
297
|
/*! Bundled license information:
|
|
298
298
|
|
|
299
299
|
@lit/reactive-element/css-tag.js:
|
|
@@ -216,7 +216,7 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
|
|
|
216
216
|
--gradient-color-start,
|
|
217
217
|
transparent,
|
|
218
218
|
var(--gradient-color-end, rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))))
|
|
219
|
-
) 80%,var(--gradient-color-end, rgba(var(--sd-color-background-white, rgba(var(--sd-color-white))))) 100%;position:relative;display:inline-block;width:100%}.toggle::-moz-focus-inner{--tw-border-style:none;border-style:none;padding:calc(var(--sd-spacing-1) * 0)}details>summary::-webkit-details-marker,details[open] summary{display:none}summary{max-block-size:var(--component-expandable-max-block-size)}:host([open]) summary{max-block-size:var(--max-height-pixel,1000vh)}.content{max-block-size:var(--component-expandable-max-block-size)}:host([open]) .content,:host:has(.transitioning) .content{max-block-size:var(--max-height-pixel,1000vh)}.content::after{position:absolute;bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);display:block;width:100%;opacity:var(--sd-opacity-0);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));content:' ';height:var(--gradient-height);background:linear-gradient(180deg,var(--gradient))}:host([inverted]){--color-primary-rgb:0,53,142;--gradient-color-start:rgba(var(--color-primary-rgb), 0);--gradient-color-end:rgba(var(--color-primary-rgb), 1)}:host([inverted]) .content::after{background:var(--gradient-vertical-transparent-primary,linear-gradient(180deg,var(--gradient)))}:host(:not([open])) .content::after{opacity:var(--sd-opacity-100)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`],a([v(".content-preview")],Kt.prototype,"contentPreview",2),a([v("details")],Kt.prototype,"details",2),a([v('[part="content"]')],Kt.prototype,"body",2),a([d({type:Boolean,reflect:!0})],Kt.prototype,"open",2),a([d({type:Boolean,reflect:!0})],Kt.prototype,"inverted",2),a([C("open",{waitUntilFirstUpdate:!0})],Kt.prototype,"onOpenChange",1),Kt=a([k("sd-expandable")],Kt);R("expandable.show",{keyframes:[{height:"var(--component-expandable-max-block-size, 90px)"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});R("expandable.hide",{keyframes:[{height:"auto"},{height:"var(--component-expandable-max-block-size, 90px)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});var Rt=class extends f{constructor(){super(...arguments);this.flipDirection="horizontal";this.placement="top";this.frontVariant="primary";this.backVariant="primary";this.activeSide="front"}connectedCallback(){super.connectedCallback()}flipFront(){this.activeSide="back",this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),setTimeout(()=>{this.back.focus()})}flipBack(){this.activeSide="front",this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),setTimeout(()=>{this.front.focus()})}handleFrontKeydown(t){t.code==="Enter"&&this.front===t.target&&this.flipFront()}handleBackKeydown(t){t.code==="Enter"&&this.back===t.target&&this.flipBack()}render(){return p`<div part="base" class="${c("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${E(this.activeSide==="back"||void 0)}" class="${c("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.frontVariant==="primary"&&"bg-primary",this.frontVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-front" class="${c("absolute h-full w-full -z-20",(this.frontVariant==="primary"||this.frontVariant==="primary-100")&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${c("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant])}"><div class="${c("absolute inset-0",{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"></div><slot name="front"></slot></div><div part="front-secondary-gradient" class="${c("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.frontVariant])}"></div><sd-button part="front-button" size="md" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.frontVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.frontVariant]}" class="${c("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-icon library="_internal" name="reload" label="Flip to Back"></sd-icon></sd-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide==="front"}" inert="${E(this.activeSide==="front"||void 0)}" class="${c("flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.backVariant==="primary"&&"bg-primary",this.backVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-back" class="${c("absolute h-full w-full -z-20",(this.backVariant==="primary"||this.backVariant==="primary-100")&&"hidden")}"><slot name="media-back"></slot></div><div part="back-slot-container" class="${c("flex",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.backVariant],{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.backVariant])}"><slot name="back"></slot></div><div part="back-secondary-gradient" class="${c("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.backVariant])}"></div><sd-button size="md" part="back-button" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.backVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.backVariant]}" class="${c("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-icon library="_internal" name="reload" label="Flip to Front"></sd-icon></sd-button></div></div>`}};Rt.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
219
|
+
) 80%,var(--gradient-color-end, rgba(var(--sd-color-background-white, rgba(var(--sd-color-white))))) 100%;position:relative;display:inline-block;width:100%}.toggle::-moz-focus-inner{--tw-border-style:none;border-style:none;padding:calc(var(--sd-spacing-1) * 0)}details>summary::-webkit-details-marker,details[open] summary{display:none}summary{max-block-size:var(--component-expandable-max-block-size)}:host([open]) summary{max-block-size:var(--max-height-pixel,1000vh)}.content{max-block-size:var(--component-expandable-max-block-size)}:host([open]) .content,:host:has(.transitioning) .content{max-block-size:var(--max-height-pixel,1000vh)}.content::after{position:absolute;bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);display:block;width:100%;opacity:var(--sd-opacity-0);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));content:' ';height:var(--gradient-height);background:linear-gradient(180deg,var(--gradient));pointer-events:none}:host([inverted]){--color-primary-rgb:0,53,142;--gradient-color-start:rgba(var(--color-primary-rgb), 0);--gradient-color-end:rgba(var(--color-primary-rgb), 1)}:host([inverted]) .content::after{background:var(--gradient-vertical-transparent-primary,linear-gradient(180deg,var(--gradient)))}:host(:not([open])) .content::after{opacity:var(--sd-opacity-100)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`],a([v(".content-preview")],Kt.prototype,"contentPreview",2),a([v("details")],Kt.prototype,"details",2),a([v('[part="content"]')],Kt.prototype,"body",2),a([d({type:Boolean,reflect:!0})],Kt.prototype,"open",2),a([d({type:Boolean,reflect:!0})],Kt.prototype,"inverted",2),a([C("open",{waitUntilFirstUpdate:!0})],Kt.prototype,"onOpenChange",1),Kt=a([k("sd-expandable")],Kt);R("expandable.show",{keyframes:[{height:"var(--component-expandable-max-block-size, 90px)"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});R("expandable.hide",{keyframes:[{height:"auto"},{height:"var(--component-expandable-max-block-size, 90px)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});var Rt=class extends f{constructor(){super(...arguments);this.flipDirection="horizontal";this.placement="top";this.frontVariant="primary";this.backVariant="primary";this.activeSide="front"}connectedCallback(){super.connectedCallback()}flipFront(){this.activeSide="back",this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),setTimeout(()=>{this.back.focus()})}flipBack(){this.activeSide="front",this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),setTimeout(()=>{this.front.focus()})}handleFrontKeydown(t){t.code==="Enter"&&this.front===t.target&&this.flipFront()}handleBackKeydown(t){t.code==="Enter"&&this.back===t.target&&this.flipBack()}render(){return p`<div part="base" class="${c("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${E(this.activeSide==="back"||void 0)}" class="${c("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.frontVariant==="primary"&&"bg-primary",this.frontVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-front" class="${c("absolute h-full w-full -z-20",(this.frontVariant==="primary"||this.frontVariant==="primary-100")&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${c("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant])}"><div class="${c("absolute inset-0",{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"></div><slot name="front"></slot></div><div part="front-secondary-gradient" class="${c("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.frontVariant])}"></div><sd-button part="front-button" size="md" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.frontVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.frontVariant]}" class="${c("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-icon library="_internal" name="reload" label="Flip to Back"></sd-icon></sd-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide==="front"}" inert="${E(this.activeSide==="front"||void 0)}" class="${c("flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.backVariant==="primary"&&"bg-primary",this.backVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-back" class="${c("absolute h-full w-full -z-20",(this.backVariant==="primary"||this.backVariant==="primary-100")&&"hidden")}"><slot name="media-back"></slot></div><div part="back-slot-container" class="${c("flex",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.backVariant],{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.backVariant])}"><slot name="back"></slot></div><div part="back-secondary-gradient" class="${c("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.backVariant])}"></div><sd-button size="md" part="back-button" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.backVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.backVariant]}" class="${c("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-icon library="_internal" name="reload" label="Flip to Front"></sd-icon></sd-button></div></div>`}};Rt.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
220
220
|
:host{display:block;aspect-ratio:var(--sd-aspect-3\\/4);--name:'';--height:480px;height:var(--height)}.flip-card{perspective:100rem}.flip-card__side{backface-visibility:hidden}.flip-card__side--back{transform:rotateY(180deg)}.clicked--front{transform:rotateY(-180deg)}.clicked--back{transform:rotateY(0)}.flip-card__side--back.vertical{transform:rotateX(180deg)}.clicked--front.vertical{transform:rotateX(-180deg)}.clicked--back.vertical{transform:rotateX(0)}.flip-card__gradient{flex:.4 1 0}:host([front-variant=gradient-light]) [part=front-secondary-gradient],:host([front-variant=gradient-light]) [part=front-slot-container] .bg-gradient-to-b{--sd-color-background-white:rgba(
|
|
221
221
|
var(--sd-informational-gradient--white-color-background, rgba(var(--sd-color-white)))
|
|
222
222
|
)}:host([front-variant=gradient-dark]) [part=front-secondary-gradient],:host([front-variant=gradient-dark]) [part=front-slot-container] .bg-gradient-to-b{--sd-color-background-primary-800:rgba(
|
|
@@ -237,7 +237,7 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
|
|
|
237
237
|
:host{display:block}#motion-wrapper{mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain}:host([variant=cluster]) [part=base],svg{width:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=base]{height:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host(:not([variant=cluster])) [part=base]{height:calc(var(--sd-spacing-16,4rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=content]{font-size:calc(var(--sd-font-size-sm,.875rem) * var(--map-marker-scaling,1))}:host([variant=place]) [part=content]{margin-top:calc(var(--sd-spacing-2) * -1);font-size:calc(var(--sd-font-size-3xl,2rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=motion-wrapper]>div>div{background-color:rgba(var(--sd-map-marker-cluster--hovered-color-icon-fill))}:host([variant=main]) [part=marker],:host([variant=place]) [part=marker]{--tw-drop-shadow-size:drop-shadow(var(--sd-drop-shadow));--tw-drop-shadow:drop-shadow(var(--sd-drop-shadow));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}:host([variant=main]) #marker-circle{width:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));height:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));left:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));right:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));top:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1))}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}`],a([d({type:String,reflect:!0})],Bt.prototype,"variant",2),a([d({type:String,reflect:!0})],Bt.prototype,"state",2),a([d({type:Boolean,reflect:!0})],Bt.prototype,"animated",2),a([d({type:Boolean,reflect:!0,attribute:"not-interactive"})],Bt.prototype,"notInteractive",2),a([d({type:String,reflect:!0})],Bt.prototype,"href",2),a([d({type:String,reflect:!0})],Bt.prototype,"target",2),a([d({reflect:!0})],Bt.prototype,"label",2),Bt=a([k("sd-map-marker")],Bt);var Se=class extends f{constructor(){super(...arguments);this.localize=new A(this);this.handleOutsideClick=t=>{this.contains(t.target)||this.getAllItems().forEach(e=>e.classList.remove("menu-item-focus"))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}handleClick(t){let e=["menuitem","menuitemcheckbox"],r=t.composedPath(),o=r.find(u=>{var m;return e.includes(((m=u==null?void 0:u.getAttribute)==null?void 0:m.call(u,"role"))||"")});if(!o||r.find(u=>{var m;return((m=u==null?void 0:u.getAttribute)==null?void 0:m.call(u,"role"))==="menu"})!==this)return;let h=o;h.type==="checkbox"&&(h.checked=!h.checked),this.emit("sd-select",{detail:{item:h}})}handleKeyDown(t){if(t.key==="Escape"){let e=this.getCurrentItem();e==null||e.classList.remove("menu-item-focus")}else if(t.key==="Enter"||t.key===" "){let e=this.getCurrentItem();t.preventDefault(),t.stopPropagation(),e==null||e.classList.remove("menu-item-focus"),e==null||e.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){let e=this.getAllItems(),r=this.getCurrentItem(),o=r?e.indexOf(r):0;if(r==null||r.classList.remove("menu-item-focus"),e.length>0){t.preventDefault(),t.stopPropagation();let n=(l,h)=>{let u=l;for(let m of e)if(u=(u+h+e.length)%e.length,!e[u].disabled)return u;return l};if(t.key==="ArrowDown")o=n(o,1);else if(t.key==="ArrowUp")o=n(o,-1);else if(t.key==="Home")o=e.findIndex(l=>!l.disabled),o===-1&&(o=0);else if(t.key==="End"){o=e.length-1;for(let l=e.length-1;l>=0;l--)if(!e[l].disabled){o=l;break}}this.setCurrentItem(e[o]),e[o].focus(),e[o].classList.add("menu-item-focus")}}}handleMouseDown(t){let e=t.target;this.isMenuItem(e)&&this.setCurrentItem(e)}handleSlotChange(){let t=this.getAllItems();t.length>0&&this.setCurrentItem(t[0])}isMenuItem(t){var e;return t.tagName.toLowerCase()==="sd-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((e=t.getAttribute("role"))!=null?e:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(t=>!!this.isMenuItem(t))}getCurrentItem(){return this.getAllItems().find(t=>t.getAttribute("tabindex")==="0")}setCurrentItem(t){this.getAllItems().forEach(r=>{r.setAttribute("tabindex",r===t?"0":"-1")})}render(){return p`<slot @slotchange="${this.handleSlotChange}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}" @mousedown="${this.handleMouseDown}"></slot>`}};Se.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
238
238
|
:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-divider){padding-block:var(--sd-spacing-3)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`],a([v("slot")],Se.prototype,"defaultSlot",2),Se=a([k("sd-menu")],Se);var ko=()=>new zs,zs=class{},Ls=new WeakMap,Co=re(class extends $i{render(s){return Y}update(s,[i]){var e;let t=i!==this.G;return t&&this.G!==void 0&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=i,this.ht=(e=s.options)==null?void 0:e.host,this.rt(this.ct=s.element)),Y}rt(s){var i;if(this.isConnected||(s=void 0),typeof this.G=="function"){let t=(i=this.ht)!=null?i:globalThis,e=Ls.get(t);e===void 0&&(e=new WeakMap,Ls.set(t,e)),e.get(this.G)!==void 0&&this.G.call(this.ht,void 0),e.set(this.G,s),s!==void 0&&this.G.call(this.ht,s)}else this.G.value=s}get lt(){var s,i,t;return typeof this.G=="function"?(i=Ls.get((s=this.ht)!=null?s:globalThis))==null?void 0:i.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var Rr=class{constructor(i,t){this.popupRef=ko();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=i=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${i.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${i.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=i=>{switch(i.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":i.target!==this.host&&(i.preventDefault(),i.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(i);break;default:break}};this.handleClick=i=>{var t;i.target===this.host?(i.preventDefault(),i.stopPropagation()):i.target instanceof Element&&(i.target.tagName==="sd-menu-item"||(t=i.target.role)!=null&&t.startsWith("menuitem"))&&i.target.getAttribute("type")!=="checkbox"&&this.disableSubmenu()};this.handleFocusOut=i=>{i.relatedTarget&&i.relatedTarget instanceof Element&&this.host.contains(i.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=i=>{i.stopPropagation()};this.handlePopupReposition=()=>{let i=this.host.renderRoot.querySelector("slot[name='submenu']"),t=i==null?void 0:i.assignedElements({flatten:!0}).filter(h=>h.localName==="sd-menu")[0],e=getComputedStyle(this.host).direction==="rtl";if(!t)return;let{left:r,top:o,width:n,height:l}=t.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${e?r+n:r}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${e?r+n:r}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${o+l}px`)};(this.host=i).addController(this),this.hasSlotController=t}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(i){let t=this.host.renderRoot.querySelector("slot[name='submenu']");if(!t){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let e=null;for(let r of t.assignedElements())if(e=r.querySelectorAll("sd-menu-item, [role^='menuitem']"),e.length!==0)break;if(!(!e||e.length===0)){e[0].setAttribute("tabindex","0");for(let r=1;r!==e.length;++r)e[r].setAttribute("tabindex","-1");this.popupRef.value&&(i.preventDefault(),i.stopPropagation(),this.popupRef.value.active?e[0]instanceof HTMLElement&&e[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{e[0]instanceof HTMLElement&&e[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(i){this.popupRef.value&&this.popupRef.value.active!==i&&(this.popupRef.value.active=i,this.host.requestUpdate())}enableSubmenu(i=!0){i?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var r;if(!((r=this.host.parentElement)!=null&&r.computedStyleMap))return;let i=this.host.parentElement.computedStyleMap(),e=["padding-top","border-top-width","margin-top"].reduce((o,n)=>{var m;let l=(m=i.get(n))!=null?m:new CSSUnitValue(0,"px"),u=(l instanceof CSSUnitValue?l:new CSSUnitValue(0,"px")).to("px");return o-u.value},0);this.skidding=e}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let i=getComputedStyle(this.host).direction==="rtl";return this.isConnected?p`<sd-popup ${Co(this.popupRef)} placement="${i?"left-start":"right-start"}" anchor="anchor" flip flip-fallback-strategy="best-fit" skidding="${this.skidding}" strategy="fixed" auto-size="vertical" auto-size-padding="10"><slot name="submenu"></slot></sd-popup>`:p`<slot name="submenu" hidden></slot>`}};var $t=class extends f{constructor(){super(...arguments);this.type="normal";this.checked=!1;this.disabled=!1;this.value="";this.chevron=!1;this.hasSlotController=new H(this,"submenu");this.submenuController=new Rr(this,this.hasSlotController);this.handleHostClick=t=>{this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())};this.handleMouseOver=t=>{this.focus(),t.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.setAttribute("tabindex",this.disabled?"-1":"0")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return za(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let t=this.submenuController.isExpanded(),e={label:this.hasSlotController.test("[default]"),iconIndent:this.hasSlotController.test("icon-indent")};return p`<div id="anchor" part="base" class="${c("relative flex items-stretch whitespace-nowrap py-3 px-4 no-wrap !navigable-border-radius",this.disabled?"outline-none cursor-not-allowed sd-menu--disabled-color-text hover:bg-transparent":"cursor-pointer sd-menu-color-text hover:bg-neutral-200",this.isSubmenu()&&t&&"submenu-expanded")}" .disabled="${this.disabled}" ?aria-haspopup="${this.isSubmenu()}" ?aria-expanded="${!!t}">${this.type==="checkbox"?p`<span part="checked-icon" class="${c("flex items-center justify-center grow-0 shrink-0 basis-auto",this.checked?"visible":"invisible")}"><sd-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-icon></span>`:""} ${e.iconIndent?p`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>`:""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron||this.isSubmenu()?p`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-icon></span>`:""} ${this.submenuController.renderSubmenu()}</div>`}};$t.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
239
239
|
:host{--submenu-offset:-6px;display:block}:host(:focus-visible){--tw-outline-style:none;outline-style:none}::slotted(sd-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}[part=checked-icon]{margin-right:var(--sd-spacing-3)}.submenu-expanded::after{position:fixed;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 0);bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);z-index:calc(var(z-dropdown) - 1);--tw-content:'';content:var(--tw-content);clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0))}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{background-color:rgba(var(--sd-color-background-neutral-200));--tw-outline-style:none;outline-style:none}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:rgba(var(--outline-color-primary));outline-offset:-2px}:host(.menu-item-focus) [part=base]{outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:rgba(var(--outline-color-primary));outline-offset:-2px}:host(:hover) [part=base]{--tw-outline-style:none;outline-style:none}:host [part=checked-icon],:host [part=icon-indent],:host [part=submenu-icon]{color:rgba(var(--sd-menu-color-icon))}:host([aria-disabled=true]) [part=icon-indent]{color:rgba(var(--sd-menu--disabled-color-icon))}sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);background-color:rgba(var(--sd-color-background-white));margin-left:var(--submenu-offset)}::slotted(sd-menu){max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`],a([v("slot:not([name])")],$t.prototype,"defaultSlot",2),a([v('part="base"')],$t.prototype,"menuItem",2),a([d()],$t.prototype,"type",2),a([d({type:Boolean,reflect:!0})],$t.prototype,"checked",2),a([d({type:Boolean,reflect:!0})],$t.prototype,"disabled",2),a([d()],$t.prototype,"value",2),a([d({type:Boolean,reflect:!0})],$t.prototype,"chevron",2),a([C("checked")],$t.prototype,"handleCheckedChange",1),a([C("disabled")],$t.prototype,"handleDisabledChange",1),a([C("type")],$t.prototype,"handleTypeChange",1),$t=a([k("sd-menu-item")],$t);var dt=class extends f{constructor(){super(...arguments);this.hasSlotController=new H(this,"[default]","description","children");this.localize=new A(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.separated&&!this.href&&this.hasSlotController.test("children")}get isIconOnly(){if(!this.defaultSlot)return!1;let t=this.defaultSlot.assignedNodes({flatten:!0});return t.length>0&&t.every(e=>{var r;return e.nodeType===Node.TEXT_NODE?!((r=e.textContent)!=null&&r.trim()):e.nodeType===Node.ELEMENT_NODE?e.tagName.toLowerCase()==="sd-icon":!1})}handleClickButton(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}handleClickSummary(t){t.preventDefault(),t.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}get calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}get tag(){return this.separated&&!this.isLink?et`div`:this.isAccordion&&!this.isLink?et`summary`:this.isLink?et`a`:et`button`}focus(){var t;this.disabled||(t=this.button)==null||t.focus()}blur(){var t;(t=this.button)==null||t.blur()}render(){let t=this.tag,e=this.isLink,r=this.isButton,o=this.isAccordion,n=this.isIconOnly,l={label:this.hasSlotController.test("[default]"),main:this.hasSlotController.test("main"),description:this.hasSlotController.test("description"),children:this.hasSlotController.test("children")},h=this.vertical?"py-3":"py-2",u=q`<${t} part="base" class="${c("flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius",{md:"navigable-font-size",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"sd-navigation-item-color-text",this.current&&"font-bold sd-navigation-item--current-color-text",!o&&"w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&"inline-flex items-center",!this.separated&&"hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",n?"justify-center aspect-square p-3":"px-4")}" aria-current="${E(this.current?"page":void 0)}" aria-disabled="${this.disabled}" aria-labelledby="content" aria-describedby="description" ?disabled="${E(r?this.disabled:void 0)}" href="${E(e?this.href:void 0)}" target="${E(e?this.target:void 0)}" download="${E(e?this.download:void 0)}" rel="${E(e&&this.target?"noreferrer noopener":void 0)}" tabindex="${this.disabled?"-1":"0"}" @click="${this.separated?void 0:o?this.handleClickSummary:r?this.handleClickButton:void 0}"><div part="current-indicator" class="${c("absolute bg-accent left-0 pointer-events-none navigable__current-indicator-border-radius",this.vertical?"navigable__current-indicator-width h-[calc(100%-16px)] top-2 group-hover:h-full group-hover:top-0":"navigable__current-indicator-height w-[calc(100%-16px)] bottom-0 left-2 group-hover:w-full group-hover:left-0 transition-all",this.disabled&&"bg-neutral-500")}"></div><div class="inline-flex flex-col justify-center gap-1 w-full h-full"><span part="content-area" class="${c("relative inline-flex justify-between items-center",o?"grow":"w-full",l.description&&"pt-3",!l.description&&!this.separated&&h,this.calculatePaddingX)}">${this.divider&&this.vertical?q`<sd-divider part="divider" class="${c("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-divider>`:""} <span id="content" part="content-container" class="inline-flex items-center flex-auto"><slot part="content" class="inline-flex text-start"></slot></span>${this.chevron||l.children&&this.vertical&&!this.separated?q`<sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${c("h-6 w-6 ml-2 transition-all",o?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon>`:""} </span>${l.description&&this.vertical?q`<slot id="description" name="description" part="description" class="${c("inline-block text-sm text-left font-normal text-black pb-3",o||this.separated?"grow":"w-full",this.calculatePaddingX)}"></slot>`:""}</div></${t}>`;return this.separated?q`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${u} ${l.children&&this.vertical?q`<button type="button" title="${this.open?this.localize.term("collapseNavigationItem"):this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${c("m-4 h-6 w-6 transition-all",o||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon></button>`:""}</div>${this.open?q`<slot name="children"></slot>`:""}</div>`:o?q`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${u}<slot name="children"></slot></details>`:q`${u}`}};dt.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
240
|
-
:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`],a([v('[part="base"]')],dt.prototype,"button",2),a([v("slot:not([name])")],dt.prototype,"defaultSlot",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"vertical",2),a([d({type:String,reflect:!0})],dt.prototype,"size",2),a([d({reflect:!0})],dt.prototype,"href",2),a([d({type:String,reflect:!0})],dt.prototype,"target",2),a([d({reflect:!0})],dt.prototype,"download",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"current",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"disabled",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"chevron",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"relaxed",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"divider",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"indented",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"open",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"separated",2),dt=a([k("sd-navigation-item")],dt);var Br={"top-right":null,"bottom-center":null},Vd=()=>{Object.entries(Br).forEach(([s])=>{let i=document.querySelector(`#sd-toast-stack--${s}`);if(i){i.setAttribute("role","region"),Br[s]=i;return}Br[s]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${s}`,className:`sd-toast-stack sd-toast-stack--${s}`})})};Vd();var Ct=class extends f{constructor(){super(...arguments);this.localize=new A(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return Br[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.wrapper.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(t){this.closable&&t.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await Promise.all([X(this.base),X(this.wrapper)]),this.wrapper.hidden=!1;let t=K(this,"notification.show",{dir:this.localize.dir()}),e=K(this,`notification.wrapper.show${wi(vs(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([j(this.base,Ee(t.keyframes,this.base.scrollHeight),t.options),j(this.wrapper,e.keyframes,e.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await Promise.all([X(this.base),X(this.wrapper)]);let t=K(this,"notification.hide",{dir:this.localize.dir()}),e=K(this,`notification.wrapper.hide${wi(vs(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([j(this.base,Ee(t.keyframes,this.base.scrollHeight),t.options),j(this.wrapper,e.keyframes,e.options)]),this.wrapper.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,J(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,J(this,"sd-after-hide")}async toast(){return new Promise(t=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),t()},{once:!0})})}render(){return p`<div part="base" class="${c("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="0" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${c("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${c("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"warning"}[this.variant]||""}" library="_internal" class="h-6 w-6 text-white"></sd-icon></slot><div part="content" class="${c("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 sd-notification-color-border",{info:"sd-notification--info-color-background",success:"sd-notification--success-color-background",warning:"sd-notification--warning-color-background",error:"sd-notification--error-color-background"}[this.variant])}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?p`<sd-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>`:""}</div>${this.durationIndicator?p`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${c("absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border sd-notification-color-border"></div>`:""}</div></div>`}};Ct.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
240
|
+
:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`],a([v('[part="base"]')],dt.prototype,"button",2),a([v("slot:not([name])")],dt.prototype,"defaultSlot",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"vertical",2),a([d({type:String,reflect:!0})],dt.prototype,"size",2),a([d({reflect:!0})],dt.prototype,"href",2),a([d({type:String,reflect:!0})],dt.prototype,"target",2),a([d({reflect:!0})],dt.prototype,"download",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"current",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"disabled",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"chevron",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"relaxed",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"divider",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"indented",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"open",2),a([d({type:Boolean,reflect:!0})],dt.prototype,"separated",2),dt=a([k("sd-navigation-item")],dt);var Br={"top-right":null,"bottom-center":null},Vd=()=>{Object.entries(Br).forEach(([s])=>{let i=document.querySelector(`#sd-toast-stack--${s}`);if(i){i.setAttribute("role","region"),Br[s]=i;return}Br[s]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${s}`,className:`sd-toast-stack sd-toast-stack--${s}`})})};Vd();var Ct=class extends f{constructor(){super(...arguments);this.localize=new A(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return Br[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.wrapper.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(t){this.closable&&t.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await Promise.all([X(this.base),X(this.wrapper)]),this.wrapper.hidden=!1;let t=K(this,"notification.show",{dir:this.localize.dir()}),e=K(this,`notification.wrapper.show${wi(vs(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([j(this.base,Ee(t.keyframes,this.base.scrollHeight),t.options),j(this.wrapper,e.keyframes,e.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await Promise.all([X(this.base),X(this.wrapper)]);let t=K(this,"notification.hide",{dir:this.localize.dir()}),e=K(this,`notification.wrapper.hide${wi(vs(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([j(this.base,Ee(t.keyframes,this.base.scrollHeight),t.options),j(this.wrapper,e.keyframes,e.options)]),this.wrapper.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,J(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,J(this,"sd-after-hide")}async toast(){return new Promise(t=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),t()},{once:!0})})}render(){return p`<div part="base" class="${c("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="${E(this.closable?"0":void 0)}" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${c("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${c("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"warning"}[this.variant]||""}" library="_internal" class="h-6 w-6 text-white"></sd-icon></slot><div part="content" class="${c("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 sd-notification-color-border",{info:"sd-notification--info-color-background",success:"sd-notification--success-color-background",warning:"sd-notification--warning-color-background",error:"sd-notification--error-color-background"}[this.variant])}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?p`<sd-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>`:""}</div>${this.durationIndicator?p`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${c("absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border sd-notification-color-border"></div>`:""}</div></div>`}};Ct.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
241
241
|
:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],a([v('[part~="base"]')],Ct.prototype,"base",2),a([v('[part~="wrapper"]')],Ct.prototype,"wrapper",2),a([v('[part~="close-button"]')],Ct.prototype,"close",2),a([d({type:String,reflect:!0})],Ct.prototype,"variant",2),a([d({type:Boolean,reflect:!0})],Ct.prototype,"open",2),a([d({type:Boolean,reflect:!0})],Ct.prototype,"closable",2),a([d({type:Number,reflect:!0})],Ct.prototype,"duration",2),a([d({type:Boolean,reflect:!0,attribute:"duration-indicator"})],Ct.prototype,"durationIndicator",2),a([d({type:String,reflect:!0,attribute:"toast-stack"})],Ct.prototype,"toastStack",2),a([C("open",{waitUntilFirstUpdate:!0})],Ct.prototype,"handleOpenChange",1),a([C("duration")],Ct.prototype,"handleDurationChange",1),Ct=a([k("sd-notification")],Ct);R("notification.show",{keyframes:[{opacity:0,height:0},{opacity:1,height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});R("notification.hide",{keyframes:[{opacity:1,height:"auto"},{opacity:0,height:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});R("notification.wrapper.showTopRight",{keyframes:[{bottom:"32px"},{bottom:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});R("notification.wrapper.hideTopRight",{keyframes:[{bottom:"0"},{bottom:"32px"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});var te=class extends f{constructor(){super(...arguments);this.localize=new A(this);this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:t}=this;this.defaultSlot.assignedElements().filter(e=>e.tagName.toLowerCase()==="sd-option").forEach(e=>{e.disabled=t})}handleDisabledChange(){this.handleDisableOptions()}render(){let{disabled:t}=this;return q`<div role="${t?"presentation":"group"}" class="${c(this.disabled?"text-neutral-500":"")}" part="base" aria-labelledby="group-label"><sd-divider id="divider" class="pt-2 pb-4" part="divider"></sd-divider><div part="label-container" class="${c(this.disabled?"text-neutral-500":"text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`}};te.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
242
242
|
:host{--display-divider:block}#divider{display:var(--display-divider)}`],a([v("slot:not([name])")],te.prototype,"defaultSlot",2),a([d({reflect:!0,type:Boolean})],te.prototype,"disabled",2),a([d({type:String,reflect:!0})],te.prototype,"label",2),a([C("disabled",{waitUntilFirstUpdate:!0})],te.prototype,"handleDisabledChange",1),te=a([k("sd-optgroup")],te);var wt=class extends f{constructor(){super(...arguments);this.hasSlotController=new H(this,"default","left","right");this.current=!1;this.selected=!1;this.hasHover=!1;this.isKeyboardFocus=!1;this.size="lg";this.checkbox=!1;this.disabled=!1;this.value=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}getTextLabel(){var t;return((t=this.textContent)!=null?t:"").trim()}render(){let t={default:this.hasSlotController.test("default"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")};return p`<div part="base" style="word-break:break-word" class="${c("px-4 flex items-start w-full transition-colors duration-fast ease-in-out text-left text-base relative",{sm:"text-sm py-1",md:"text-base py-2",lg:"text-base py-3"}[this.size],this.disabled?"text-neutral-500 cursor-not-allowed":"text-black cursor-pointer",this.hasHover&&!this.disabled?"bg-neutral-200":"",this.isKeyboardFocus?"focus-outline focus-outline-offset":"",this.current&&"bg-neutral-200")}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${c("absolute w-full left-0 top-0 pointer-events-none transition-[height,top] duration-fast ease-in-out border-l-4 h-[calc(100%-8px)]",this.selected&&!this.checkbox?"border-accent":"border-transparent",this.disabled&&"border-neutral-500 top-1",!this.disabled&&this.hasHover?"h-full top-0":"top-1")}"></span> ${this.checkbox?p`<span id="control" part="control ${this.selected?" control--checked":"control--unchecked"}" class="${c("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4 mr-2",{sm:"mt-0.5",md:"mt-1",lg:"mt-1"}[this.size],this.disabled?"sd-option--disabled-color-border":this.selected?"bg-accent border-accent":"bg-white form-control-color-border")}">${this.selected?p`<sd-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-icon>`:""}</span>`:""} ${t.left?p`<slot name="left" part="left" class="inline-flex mr-2"></slot>`:""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${t.right?p`<slot name="right" part="right" class="inline-flex ml-2"></slot>`:""}</div>`}};wt.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
243
243
|
:host{position:relative;display:block;width:100%;--tw-outline-style:none!important;outline-style:none!important}.focus-outline-offset{outline-offset:-2px}`],a([v('[part="base"]')],wt.prototype,"defaultSlot",2),a([L()],wt.prototype,"current",2),a([L()],wt.prototype,"selected",2),a([L()],wt.prototype,"hasHover",2),a([L()],wt.prototype,"isKeyboardFocus",2),a([d({type:String,reflect:!0})],wt.prototype,"size",2),a([d({type:Boolean,reflect:!0})],wt.prototype,"checkbox",2),a([d({type:Boolean,reflect:!0})],wt.prototype,"disabled",2),a([d({type:String,reflect:!0})],wt.prototype,"value",2),a([C("disabled")],wt.prototype,"handleDisabledChange",1),a([C("selected")],wt.prototype,"handleSelectedChange",1),a([C("value")],wt.prototype,"handleValueChange",1),wt=a([k("sd-option")],wt);var Me=class extends _t{constructor(){super(...arguments);this.expandable=!1}render(){let t=this.expandable?et`details`:et`div`,e=this.expandable?et`summary`:et`div`;return q`<${t} part="base" class="sm:p-6"><${e} part="header" id="header" class="${c("text-base font-bold items-center focus-visible:focus-outline text-primary relative group flex flex-row hover:bg-transparent gap-3 pb-3 pt-0 px-0 sm:flex-col sm:gap-4 sm:pb-8",this.expandable&&"cursor-pointer select-none")}" role="${E(this.expandable?"button":void 0)}" aria-expanded="${E(this.expandable?this.open?"true":"false":void 0)}" aria-controls="${E(this.expandable?"content":void 0)}" tabindex="${this.expandable?"0":"-1"}" @click="${this.expandable?this.handleSummaryClick:null}" @keydown="${this.expandable?this.handleSummaryKeyDown:null}"><div part="icon" class="${c("flex flex-grow-0 flex-shrink-0 flex-auto items-center",!this.expandable&&"cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${c("flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",this.expandable?"sd-quickfact--expandable-color-text":"text-black cursor-default")}">${this.summary}</slot><span part="summary-icon" class="${c("flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-transform ease-in-out duration-medium text-xl sm:mt-2",this.open&&"rotate-180",!this.expandable&&"hidden")}"><slot name="expand-icon" class="${c(this.open&&"hidden")}"><sd-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-icon></slot><slot name="collapse-icon" class="${c(!this.open&&"hidden")}"><sd-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-icon></slot></span></${e}><div part="content" id="content" class="${c("overflow-hidden",!this.expandable&&"hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${t}>`}};Me.styles=[...f.styles,x`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
package/cdn/solid-components.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as pe}from"./chunks/chunk.RZLPP7DP.js";import"./chunks/chunk.HAL7R4WT.js";import{a as oe}from"./chunks/chunk.LBHLY2UU.js";import{a as re}from"./chunks/chunk.6UVLIGA7.js";import{a as ae}from"./chunks/chunk.W2WCYRB2.js";import{a as W}from"./chunks/chunk.YAIU6HLJ.js";import{a as X}from"./chunks/chunk.DTAYHASV.js";import{a as Y}from"./chunks/chunk.EDWO5QHC.js";import{a as Z}from"./chunks/chunk.EFO4PKGN.js";import{a as _}from"./chunks/chunk.N7SVA6X3.js";import{a as $}from"./chunks/chunk.NBPJQ3OT.js";import{a as ee}from"./chunks/chunk.G4KULB76.js";import{a as j}from"./chunks/chunk.VKDXPIJT.js";import{a as V}from"./chunks/chunk.PWJSPZBR.js";import"./chunks/chunk.IVHEBGOY.js";import{a as q}from"./chunks/chunk.H3DQRUKN.js";import{a as y}from"./chunks/chunk.TJZECQLN.js";import{a as z}from"./chunks/chunk.TEPKQR4P.js";import{a as J}from"./chunks/chunk.O3ECZ2CR.js";import{a as K}from"./chunks/chunk.XFHFUV4B.js";import{a as U}from"./chunks/chunk.VZJMYD3T.js";import{a as N}from"./chunks/chunk.
|
|
1
|
+
import{a as pe}from"./chunks/chunk.RZLPP7DP.js";import"./chunks/chunk.HAL7R4WT.js";import{a as oe}from"./chunks/chunk.LBHLY2UU.js";import{a as re}from"./chunks/chunk.6UVLIGA7.js";import{a as ae}from"./chunks/chunk.W2WCYRB2.js";import{a as W}from"./chunks/chunk.YAIU6HLJ.js";import{a as X}from"./chunks/chunk.DTAYHASV.js";import{a as Y}from"./chunks/chunk.EDWO5QHC.js";import{a as Z}from"./chunks/chunk.EFO4PKGN.js";import{a as _}from"./chunks/chunk.N7SVA6X3.js";import{a as $}from"./chunks/chunk.NBPJQ3OT.js";import{a as ee}from"./chunks/chunk.G4KULB76.js";import{a as j}from"./chunks/chunk.VKDXPIJT.js";import{a as V}from"./chunks/chunk.PWJSPZBR.js";import"./chunks/chunk.IVHEBGOY.js";import{a as q}from"./chunks/chunk.H3DQRUKN.js";import{a as y}from"./chunks/chunk.TJZECQLN.js";import{a as z}from"./chunks/chunk.TEPKQR4P.js";import{a as J}from"./chunks/chunk.O3ECZ2CR.js";import{a as K}from"./chunks/chunk.XFHFUV4B.js";import{a as U}from"./chunks/chunk.VZJMYD3T.js";import{a as N}from"./chunks/chunk.7PW5YLJH.js";import{a as O}from"./chunks/chunk.2VGJBR73.js";import{a as P}from"./chunks/chunk.WRCC4UIS.js";import{a as E}from"./chunks/chunk.4BMBQGU3.js";import{a as H}from"./chunks/chunk.HE5IYQC2.js";import{a as Q}from"./chunks/chunk.VQBTMNY2.js";import{a as F}from"./chunks/chunk.4AR6H2QH.js";import{a as R}from"./chunks/chunk.TJA62EZW.js";import{a as A}from"./chunks/chunk.25DRFJMC.js";import{a as w}from"./chunks/chunk.N3QINXLL.js";import{a as L}from"./chunks/chunk.JAV26Y4S.js";import"./chunks/chunk.YPTZDABK.js";import"./chunks/chunk.RMXFJHN6.js";import{a as v}from"./chunks/chunk.OJA4LU7S.js";import{a as M}from"./chunks/chunk.3YATPZKE.js";import{a as B}from"./chunks/chunk.DLO5GMBQ.js";import"./chunks/chunk.3MADQ6HK.js";import{a as h}from"./chunks/chunk.GIP7V3SN.js";import{a as I}from"./chunks/chunk.6MUTKG7S.js";import{a as C}from"./chunks/chunk.YWF2EYNF.js";import{a as D}from"./chunks/chunk.AAJIGG4R.js";import{a as G}from"./chunks/chunk.AX6IEBJ2.js";import{a as b}from"./chunks/chunk.4NKCD6HL.js";import"./chunks/chunk.YQH4KNT6.js";import"./chunks/chunk.GO7NGR4Q.js";import{a as T}from"./chunks/chunk.3VYZIXD7.js";import{a as g}from"./chunks/chunk.MV77IJ5K.js";import"./chunks/chunk.G2DTGYNF.js";import{a as k}from"./chunks/chunk.V6TDPNCR.js";import"./chunks/chunk.W4EADN3G.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as u}from"./chunks/chunk.6WZKUQIK.js";import{a as l}from"./chunks/chunk.GEGKRESG.js";import{a as S}from"./chunks/chunk.ZBAP3VO3.js";import{a as x}from"./chunks/chunk.34BRLWBM.js";import{a as m}from"./chunks/chunk.SA5SIXVH.js";import{a as i}from"./chunks/chunk.3M4RKO34.js";import{a as s}from"./chunks/chunk.PPLEJM75.js";import"./chunks/chunk.JSZK2BUE.js";import{a as c}from"./chunks/chunk.RXKIZ2UI.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.EOXYPQZI.js";import"./chunks/chunk.MHWW3RZB.js";import{a as n}from"./chunks/chunk.WXRHAPLA.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.ZDHTVWJF.js";import{a as o}from"./chunks/chunk.2TRMFN6U.js";import{a as r}from"./chunks/chunk.PPUIAWDA.js";import"./chunks/chunk.D4E5ZIRW.js";import{a as p}from"./chunks/chunk.4YNC3XSD.js";import{a as f}from"./chunks/chunk.LYNWHGS3.js";import"./chunks/chunk.I2H6CZK5.js";import"./chunks/chunk.2AQOPKKH.js";import"./chunks/chunk.G7HKVXLR.js";import"./chunks/chunk.3L472FD4.js";import{a as d}from"./chunks/chunk.VTXEZEW4.js";import{a as t}from"./chunks/chunk.B35GXAKI.js";import"./chunks/chunk.RAP66B6O.js";import"./chunks/chunk.SLXPE3UU.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.B2NUKX6G.js";import"./chunks/chunk.SV6DES3E.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as e}from"./chunks/chunk.TTU2AZHQ.js";import"./chunks/chunk.HLDWO3HP.js";import"./chunks/chunk.BSPQBW7U.js";import{d as te,e as de}from"./chunks/chunk.54UVKIZB.js";import"./chunks/chunk.3FMN7C5N.js";import"./chunks/chunk.MB7SWCJ2.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import{a as fe}from"./chunks/chunk.IQPMMUES.js";import"./chunks/chunk.B3QUTUIL.js";import"./chunks/chunk.3TJM745S.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.YFQFOIEM.js";import"./chunks/chunk.NYKJXI3Q.js";import"./chunks/chunk.CRLGS4QF.js";import"./chunks/chunk.UOAG5PNU.js";import"./chunks/chunk.W4QBFD6E.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.6EV4YU6C.js";export{fe as LocalizeController,o as SdAccordion,a as SdAccordionGroup,r as SdAnimation,p as SdAudio,u as SdBadge,l as SdBrandshape,S as SdBreadcrumb,i as SdBreadcrumbItem,d as SdButton,c as SdCarousel,n as SdCarouselItem,b as SdCheckbox,T as SdCheckboxGroup,g as SdCombobox,B as SdDatepicker,h as SdDialog,I as SdDivider,f as SdDrawer,x as SdDropdown,C as SdExpandable,D as SdFlipcard,G as SdHeader,e as SdIcon,M as SdInclude,R as SdInput,s as SdLink,t as SdLoader,A as SdMapMarker,w as SdMenu,L as SdMenuItem,v as SdNavigationItem,N as SdNotification,O as SdOptgroup,P as SdOption,m as SdPopup,E as SdQuickfact,F as SdRadio,H as SdRadioButton,Q as SdRadioGroup,j as SdRange,q as SdRangeTick,y as SdScrollable,z as SdSelect,J as SdSkeleton,K as SdSpinner,U as SdStep,W as SdStepGroup,X as SdSwitch,Y as SdTab,Z as SdTabGroup,_ as SdTabPanel,k as SdTag,$ as SdTeaser,ee as SdTeaserMedia,oe as SdTextarea,re as SdThemeListener,V as SdTooltip,ae as SdVideo,te as registerIconLibrary,pe as setupAutocomplete,de as unregisterIconLibrary};
|
package/cdn/web-types.json
CHANGED