@solid-design-system/components 6.15.1 → 6.16.0
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/custom-elements.json +1 -1
- package/cdn/web-types.json +1 -1
- package/cdn-versioned/chunks/chunk.3CLS3Q77.js +2 -2
- package/cdn-versioned/chunks/chunk.4FZ6I6UQ.js +2 -2
- package/cdn-versioned/chunks/chunk.4HVH6KEX.js +2 -2
- package/cdn-versioned/chunks/chunk.4KH3R72H.js +2 -2
- package/cdn-versioned/chunks/chunk.4VN3VZD3.js +2 -2
- package/cdn-versioned/chunks/chunk.5DK27TIR.js +1 -1
- package/cdn-versioned/chunks/chunk.66XXYOMG.js +2 -2
- package/cdn-versioned/chunks/chunk.6OZ2A44P.js +2 -2
- package/cdn-versioned/chunks/chunk.A26X4M2A.js +2 -2
- package/cdn-versioned/chunks/chunk.AIWXFV4A.js +9 -9
- package/cdn-versioned/chunks/chunk.ATEIIJMN.js +5 -5
- package/cdn-versioned/chunks/chunk.BDHPDHCE.js +2 -2
- package/cdn-versioned/chunks/chunk.BX67FEHE.js +2 -2
- package/cdn-versioned/chunks/chunk.BZ6LKCYP.js +2 -2
- package/cdn-versioned/chunks/chunk.CGW35BM4.js +2 -2
- package/cdn-versioned/chunks/chunk.CQAF35CP.js +2 -2
- package/cdn-versioned/chunks/chunk.D7HCBQZI.js +2 -2
- package/cdn-versioned/chunks/chunk.DFK6W42J.js +2 -2
- package/cdn-versioned/chunks/chunk.DN2B6JRY.js +2 -2
- package/cdn-versioned/chunks/chunk.DX2U3PRB.js +1 -1
- package/cdn-versioned/chunks/chunk.EWMHJHWS.js +1 -1
- package/cdn-versioned/chunks/chunk.EY5IPEJS.js +2 -2
- package/cdn-versioned/chunks/chunk.G6JKQSEW.js +2 -2
- package/cdn-versioned/chunks/chunk.GSM2BLQT.js +1 -1
- package/cdn-versioned/chunks/chunk.HAAQAD3J.js +2 -2
- package/cdn-versioned/chunks/chunk.HCOXA5X6.js +1 -1
- package/cdn-versioned/chunks/chunk.HHMT3GNH.js +2 -2
- package/cdn-versioned/chunks/chunk.IDTGN2MF.js +3 -3
- package/cdn-versioned/chunks/chunk.JI7OGVIM.js +2 -2
- package/cdn-versioned/chunks/chunk.JJKBCUYJ.js +2 -2
- package/cdn-versioned/chunks/chunk.JNP7A56W.js +2 -2
- package/cdn-versioned/chunks/chunk.JY3DTFPL.js +2 -2
- package/cdn-versioned/chunks/chunk.K4IMODXA.js +2 -2
- package/cdn-versioned/chunks/chunk.K5JR46ET.js +5 -5
- package/cdn-versioned/chunks/chunk.KYRKOG2O.js +2 -2
- package/cdn-versioned/chunks/chunk.LHAC7HNW.js +2 -2
- package/cdn-versioned/chunks/chunk.LUYHE3AN.js +1 -1
- package/cdn-versioned/chunks/chunk.LYMIJSNL.js +2 -2
- package/cdn-versioned/chunks/chunk.LZ3V4KEW.js +3 -3
- package/cdn-versioned/chunks/chunk.MPR6UG5R.js +2 -2
- package/cdn-versioned/chunks/chunk.OB5SA2PR.js +2 -2
- package/cdn-versioned/chunks/chunk.OSR5AAH2.js +2 -2
- package/cdn-versioned/chunks/chunk.OU25KON5.js +2 -2
- package/cdn-versioned/chunks/chunk.OWXAMMTH.js +1 -1
- package/cdn-versioned/chunks/chunk.Q53VDSGJ.js +2 -2
- package/cdn-versioned/chunks/chunk.QSVTAUHF.js +2 -2
- package/cdn-versioned/chunks/chunk.QVURGIPC.js +2 -2
- package/cdn-versioned/chunks/chunk.QZSNTDMB.js +1 -1
- package/cdn-versioned/chunks/chunk.RAP66B6O.js +1 -1
- package/cdn-versioned/chunks/chunk.UCWSKJGS.js +2 -2
- package/cdn-versioned/chunks/chunk.UHJGQKEY.js +2 -2
- package/cdn-versioned/chunks/chunk.UIPLDTDG.js +2 -2
- package/cdn-versioned/chunks/chunk.UJYIZ6FI.js +2 -2
- package/cdn-versioned/chunks/chunk.UK47XFPM.js +2 -2
- package/cdn-versioned/chunks/chunk.UPYENWW7.js +2 -2
- package/cdn-versioned/chunks/chunk.VNKXLA5X.js +2 -2
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.XAH2RQGI.js +2 -2
- package/cdn-versioned/chunks/chunk.XXL3WNLK.js +2 -2
- package/cdn-versioned/chunks/chunk.YEBMVWCO.js +1 -1
- package/cdn-versioned/chunks/chunk.YPTZDABK.js +1 -1
- package/cdn-versioned/chunks/chunk.Z3NSDZI4.js +2 -2
- package/cdn-versioned/chunks/chunk.Z62KZREG.js +2 -2
- package/cdn-versioned/chunks/chunk.ZQQ27X6I.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/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/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 +246 -246
- package/cdn-versioned/internal/form.js +2 -2
- 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/vscode.html-custom-data.json +107 -107
- package/cdn-versioned/web-types.json +157 -157
- package/dist/custom-elements.json +1 -1
- package/dist/web-types.json +1 -1
- package/dist-versioned/chunks/chunk.2EW7BYJZ.js +5 -5
- package/dist-versioned/chunks/chunk.2FVZOVKD.js +2 -2
- package/dist-versioned/chunks/chunk.2KAT6BIE.js +6 -6
- package/dist-versioned/chunks/chunk.2LQUJBN6.js +3 -3
- package/dist-versioned/chunks/chunk.2MAKCGJO.js +4 -4
- package/dist-versioned/chunks/chunk.36LQO3TW.js +6 -6
- package/dist-versioned/chunks/chunk.3CHCXOIV.js +11 -11
- package/dist-versioned/chunks/chunk.3EWWVPVW.js +2 -2
- package/dist-versioned/chunks/chunk.3IATPYUU.js +2 -2
- package/dist-versioned/chunks/chunk.4DD46TI2.js +5 -5
- package/dist-versioned/chunks/chunk.4OTHCSXL.js +3 -3
- package/dist-versioned/chunks/chunk.4PVDPEDP.js +1 -1
- package/dist-versioned/chunks/chunk.4UDWRELW.js +5 -5
- package/dist-versioned/chunks/chunk.63RKU7YA.js +12 -12
- package/dist-versioned/chunks/chunk.64ZBVBUO.js +25 -25
- package/dist-versioned/chunks/chunk.7BBBC4LC.js +5 -5
- package/dist-versioned/chunks/chunk.7MRFW5WU.js +5 -5
- package/dist-versioned/chunks/chunk.AFXQPWOT.js +2 -2
- package/dist-versioned/chunks/chunk.B3QOYMWK.js +2 -2
- package/dist-versioned/chunks/chunk.BN5RGZ7X.js +6 -6
- package/dist-versioned/chunks/chunk.C3WIBDGG.js +2 -2
- package/dist-versioned/chunks/chunk.E6I6KKTK.js +8 -8
- package/dist-versioned/chunks/chunk.F4SSJ3OK.js +2 -2
- package/dist-versioned/chunks/chunk.FIJX3VUF.js +10 -10
- package/dist-versioned/chunks/chunk.GGTTE3O5.js +5 -5
- package/dist-versioned/chunks/chunk.GYT2MOIG.js +4 -4
- package/dist-versioned/chunks/chunk.JBLVT4GJ.js +4 -4
- package/dist-versioned/chunks/chunk.JTMX3R54.js +9 -9
- package/dist-versioned/chunks/chunk.K35ZY362.js +1 -1
- package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
- package/dist-versioned/chunks/chunk.LQFP4TQA.js +4 -4
- package/dist-versioned/chunks/chunk.LVXSD6QO.js +2 -2
- package/dist-versioned/chunks/chunk.M5DERDHH.js +7 -7
- package/dist-versioned/chunks/chunk.MSAZP6MW.js +6 -6
- package/dist-versioned/chunks/chunk.NJDWX5QK.js +25 -25
- package/dist-versioned/chunks/chunk.NMCXKPQT.js +3 -3
- package/dist-versioned/chunks/chunk.OXOO3KJR.js +3 -3
- package/dist-versioned/chunks/chunk.OYGPRSLI.js +2 -2
- package/dist-versioned/chunks/chunk.OYNQ7MZD.js +5 -5
- package/dist-versioned/chunks/chunk.PBISMPN4.js +2 -2
- package/dist-versioned/chunks/chunk.PIOYH3TM.js +5 -5
- package/dist-versioned/chunks/chunk.PZF3TKOL.js +10 -10
- package/dist-versioned/chunks/chunk.QGQMA2DH.js +2 -2
- package/dist-versioned/chunks/chunk.R6MGPVBY.js +6 -6
- package/dist-versioned/chunks/chunk.RKZHGP4C.js +10 -10
- package/dist-versioned/chunks/chunk.SEB7UTAG.js +4 -4
- package/dist-versioned/chunks/chunk.SP3UZWV2.js +1 -1
- package/dist-versioned/chunks/chunk.SVQ4W63O.js +5 -5
- package/dist-versioned/chunks/chunk.TEYSL3L7.js +11 -11
- package/dist-versioned/chunks/chunk.TKDGBDMS.js +13 -13
- package/dist-versioned/chunks/chunk.UCXRXX5Z.js +10 -10
- package/dist-versioned/chunks/chunk.UF32T6VG.js +14 -14
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.ULAWTDWL.js +11 -11
- package/dist-versioned/chunks/chunk.UUWLJUQT.js +1 -1
- package/dist-versioned/chunks/chunk.UX4SNJ4S.js +3 -3
- package/dist-versioned/chunks/chunk.V7PNN6GB.js +1 -1
- package/dist-versioned/chunks/chunk.VASBQKR7.js +1 -1
- package/dist-versioned/chunks/chunk.W232H3IB.js +1 -1
- package/dist-versioned/chunks/chunk.W5AX2LUX.js +2 -2
- package/dist-versioned/chunks/chunk.XYVBMQYZ.js +32 -32
- package/dist-versioned/chunks/chunk.YIT6KCWE.js +1 -1
- package/dist-versioned/chunks/chunk.ZXTVK4F6.js +4 -4
- package/dist-versioned/chunks/chunk.ZZYYNAHQ.js +3 -3
- 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/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/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 +246 -246
- package/dist-versioned/internal/form.js +2 -2
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/vscode.html-custom-data.json +107 -107
- package/dist-versioned/web-types.json +157 -157
- package/package.json +1 -1
|
@@ -1,2 +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.3XPSGHFS.js";import{a as f}from"./chunk.NYKJXI3Q.js";import{a as T,b as s,d as p,h as w}from"./chunk.DX2U3PRB.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-6-
|
|
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-6-
|
|
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.3XPSGHFS.js";import{a as f}from"./chunk.NYKJXI3Q.js";import{a as T,b as s,d as p,h as w}from"./chunk.DX2U3PRB.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-6-16-0-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-6-16-0-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-6-16-0-notification-color-border",{info:"sd-6-16-0-notification--info-color-background",success:"sd-6-16-0-notification--success-color-background",warning:"sd-6-16-0-notification--warning-color-background",error:"sd-6-16-0-notification--error-color-background"}[this.variant])}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?u`<sd-6-16-0-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-16-0-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-16-0-icon></sd-6-16-0-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 sd-6-16-0-notification__duration-indicator-color-background z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>`:""}</div></div>`}};t.styles=[...w.styles,v`/*! tailwindcss v4.2.1 | 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-6-16-0-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};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as p,b,c as _}from"./chunk.IVHEBGOY.js";import{a as A}from"./chunk.W4EADN3G.js";import{b as D}from"./chunk.RAP66B6O.js";import{a as d}from"./chunk.SLXPE3UU.js";import{a as M}from"./chunk.CGQ2BPPZ.js";import{a as w}from"./chunk.IQPMMUES.js";import{a as c}from"./chunk.3XPSGHFS.js";import{a as C,b as h,d as f,e as I,h as T}from"./chunk.DX2U3PRB.js";import{b as E,e as v}from"./chunk.UOAG5PNU.js";import{e as o}from"./chunk.6EV4YU6C.js";var l=class extends T{constructor(){super();this.formControlController=new D(this);this.hasSlotController=new M(this,"label","help-text");this.localize=new w(this);this.name="";this.label="";this.helpText="";this.min=0;this.max=100;this.step=1;this.disabled=!1;this.visuallyDisabled=!1;this.noTrackBar=!1;this.tooltip="on-interaction";this.defaultValue="";this._value=[0];this._rangeValues=new Map;this._lastChangeValue=[];this._hasFocus=!1;this._dragStyleElement=null;this._preventSelectStart=t=>t.preventDefault();this.tooltipFormatter=this.localize.number.bind(this.localize)}set value(t){this._value=t?t.split(" ").map(Number).sort(p):[]}get value(){return this._value.slice().sort(p).join(" ")}set valueAsArray(t){let e=this._value;this._value=Array.isArray(t)?t.slice().sort(p):t||[],b(e,this._value)&&this.requestUpdate("value",e.join(" "))}get valueAsArray(){return[...this._value].sort(p)}get rtl(){return this.localize.dir()==="rtl"}disconnectedCallback(){super.disconnectedCallback(),this._restoreTextSelection()}firstUpdated(){this.formControlController.updateValidity(),this._lastChangeValue=Array.from(this._value),this.thumbs.forEach(async t=>{var i,a;let e=t.parentElement;await e.updateComplete,(a=(i=e.shadowRoot)==null?void 0:i.querySelector("sd-6-15-1-popup"))==null||a.setAttribute("distance","14")})}willUpdate(t){super.willUpdate(t),this.min>this.max&&([this.min,this.max]=[this.max,this.min]),this.step>this.max-this.min&&(this.step=this.max-this.min),this.step<=0&&(this.step=1);let e=this._value.map(i=>{if(i<=this.min)return this.min;if(i>=this.max)return this.max;let a=this.min+this.step*Math.round((i-this.min)/this.step);return a>this.max?this.max:a});b(this._value,e)&&(this._value=e)}updated(t){super.updated(t);for(let e of this.thumbs){let i=+e.dataset.rangeId;this._rangeValues.has(i)&&(this.moveThumb(e,this._rangeValues.get(i)),this.tooltip==="always-visible"&&(e.parentElement.closeTrigger="manual",e.parentElement.show()))}this.updateActiveTrack()}focus(t){let e=this.thumbs.item(0);e?e.focus(t):super.focus(t)}get validity(){return this.input.validity}checkValidity(){var t;return(t=this.input)==null?void 0:t.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}updateTooltip(t){let e=+t.dataset.rangeId;if(!this._rangeValues.has(e))return;let i=this._rangeValues.get(e),a=t.parentElement;a.content=this.tooltipFormatter(i)}updateActiveTrack(){let{activeTrack:t}=this;if(!t)return;if(this.min===this.max){t.style.insetInlineStart="0%",t.style.insetInlineEnd="0%";return}if(this._value.length===1){let s=getComputedStyle(this).getPropertyValue("--track-active-offset")||"0%",n=100*(this._value[0]-this.min)/(this.max-this.min);t.style.insetInlineStart=`min(${s}, ${n}%)`,t.style.insetInlineEnd=`min(calc(100% - ${s}), calc(100% - ${n}%))`;return}let e=this._value.slice().sort(p),i=100*(e[0]-this.min)/(this.max-this.min),a=100*(e[e.length-1]-this.min)/(this.max-this.min);t.style.insetInlineStart=`${i}%`,t.style.insetInlineEnd=`calc(100% - ${a}%)`}moveThumb(t,e){t.setAttribute("aria-valuenow",e.toString()),t.setAttribute("aria-valuetext",this.tooltipFormatter(e));let i=(e-this.min)/(this.max-this.min);t.style.insetInlineStart=`calc(${100*i}% - 8px)`,this.updateTooltip(t)}movementBoundariesForThumb(t,e){let i=this.valueAsArray,s=Array.from(this.thumbs).indexOf(t),n=i[s-1]||this.min,r=i[s+1]||this.max,u=e<n||e>r;return{finalValue:Math.max(n,Math.min(r,e)),isRestricted:u,nextValue:r,prevValue:n}}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}onClickTrack(t,e=!0){if(this.disabled||this.visuallyDisabled)return;let{clientX:i}=t,a=Array.from(this.thumbs),s=_(this.inputWrapper,i),n=this.step/(this.max-this.min),r=this.min+this.step*Math.round(s/n),u=a.reduce((g,x)=>{let k=this._rangeValues.get(+x.dataset.rangeId),L=this._rangeValues.get(+g.dataset.rangeId),V=Math.abs(k-r),$=Math.abs(L-r);return V===$?k<r?x:g:V<$?x:g}),m=+u.dataset.rangeId;if(!m)return;this._rangeValues.set(m,r),this.moveThumb(u,r);let y=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),b(y,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change"));let F=new PointerEvent("pointerdown",t);e&&u.dispatchEvent(F)&&this.updateTooltip(u)}onClickTrackItem(t){this.onClickTrack(t,!1)}_preventTextSelection(){if(!this._dragStyleElement){let t=document.createElement("style");t.setAttribute("data-sd-6-15-1-range-drag",""),t.textContent="*, *::before, *::after { user-select: none !important; -webkit-user-select: none !important; }",document.head.appendChild(t),this._dragStyleElement=t}document.addEventListener("selectstart",this._preventSelectStart)}_restoreTextSelection(){this._dragStyleElement&&(this._dragStyleElement.remove(),this._dragStyleElement=null),document.removeEventListener("selectstart",this._preventSelectStart)}async onClickThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target;if(this.updateTooltip(e),e.dataset.pointerId)try{e.releasePointerCapture(+e.dataset.pointerId)}catch(i){}e.dataset.pointerId=t.pointerId.toString(),e.setPointerCapture(t.pointerId),this._preventTextSelection(),e.classList.add("grabbed"),this.tooltip==="on-interaction"&&await e.parentElement.show()}onDragThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target,i=+e.dataset.rangeId;if(!this._rangeValues.has(i)||(e.dataset.pointerId?+e.dataset.pointerId:null)!==t.pointerId)return;let s=_(this.inputWrapper,t.clientX),n=this.step/(this.max-this.min),r=this.min+this.step*Math.round(s/n);if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:r}}).defaultPrevented)return;let m=this.movementBoundariesForThumb(e,r);m.isRestricted?(r=m.finalValue,e.style.zIndex=(3+this.thumbs.length).toFixed(0)):e.style.zIndex="3",this._rangeValues.set(i,r),this.moveThumb(e,r);let y=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),b(y,this._value)&&this.emit("sd-input")}async onReleaseThumb(t){let e=t.target;!e.dataset.pointerId||t.pointerId!==+e.dataset.pointerId||(e.classList.remove("grabbed"),e.releasePointerCapture(t.pointerId),this._restoreTextSelection(),delete e.dataset.pointerId,b(this._lastChangeValue,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-change")),this.tooltip==="on-interaction"&&await e.parentElement.hide())}onKeyPress(t){let e=t.target,i=+e.dataset.rangeId,a=this._rangeValues.get(i);if(a===void 0)return;let s=a;switch(t.key){case"ArrowUp":case"Up":s=Math.min(a+this.step,this.max);break;case"ArrowDown":case"Down":s=Math.max(a-this.step,this.min);break;case"ArrowLeft":case"Left":s=this.rtl?Math.min(a+this.step,this.max):Math.max(a-this.step,this.min);break;case"ArrowRight":case"Right":s=this.rtl?Math.max(a-this.step,this.min):Math.min(a+this.step,this.max);break;case"PageUp":s=Math.min(a+(this.max-this.min)/5,this.max);break;case"PageDown":s=Math.max(a-(this.max-this.min)/5,this.min);break;case"Home":s=this.min;break;case"End":s=this.max;break;default:return}if(s!==a){if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:s}}).defaultPrevented)return;let r=this.movementBoundariesForThumb(e,s);r.isRestricted&&(s=r.finalValue),this.moveThumb(e,s),this._rangeValues.set(i,s),this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),this.updateTooltip(e),this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change")}t.preventDefault()}onBlur(t){var e;t.relatedTarget&&((e=this.shadowRoot)!=null&&e.contains(t.relatedTarget))||(this.emit("sd-blur"),this._hasFocus=!1)}onFocusThumb(t){var i;if(this.disabled||this.visuallyDisabled)return;this._hasFocus||(this._hasFocus=!0,this.emit("sd-focus"));let e=t.target;(i=e==null?void 0:e.dataset)!=null&&i.rangeId&&this.updateTooltip(e)}renderThumbs(t){let e=this._value.length>1;return this._rangeValues.clear(),this._value.map((i,a)=>{let s=a+1;this._rangeValues.set(s,i);let n=`thumb-${s}`,r="",u="";return e?(u=t?`label aria-label-hidden ${n}`:`aria-label-hidden ${n}`,a===0?r=`${this.localize.term("minimum")} (${this.tooltipFormatter(i)})`:a===this._value.length-1?r=`${this.localize.term("maximum")} (${this.tooltipFormatter(i)})`:r=this.tooltipFormatter(i)):u=t?"label aria-label-hidden":"",v`<sd-6-15-1-tooltip trigger="${this.tooltip==="on-interaction"?"focus":"manual"}" disabled="${d(this.disabled||this.visuallyDisabled||this.tooltip==="hidden"?!0:void 0)}"><div id="${n}" part="thumb" role="slider" tabindex="${this.disabled||this.visuallyDisabled?-1:0}" aria-disabled="${d(this.disabled||this.visuallyDisabled?"true":void 0)}" aria-labelledby="${u}" aria-label="${r}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${i}" aria-valuetext="${this.tooltipFormatter(i)}" data-range-id="${s}" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${c("rounded-full absolute top-0 size-4 hover:cursor-grab after:-inset-2",this.disabled||this.visuallyDisabled?"outline-none":"cursor-pointer focus-visible:focus-outline")}"></div></sd-6-15-1-tooltip>`})}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text")},e=!!(this.label||t.label),i=!!(this.helpText||t.helpText);return v`<div part="form-control" @focusout="${this.onBlur}" class="flex flex-col">${e?v`<div class="flex items-center gap-1"><label id="label" part="form-control-label" aria-hidden="${e?"false":"true"}" class="${c("w-full text-start",e?"inline-block":"hidden")}" @click="${this.focus}"><slot name="label">${this.label}</slot></label></div>`:null} <label id="aria-label-hidden" class="sr-only">(${this._value.map(this.tooltipFormatter).join(" - ")})</label><div part="base" class="${c("inline-flex w-full",this.visuallyDisabled&&"focus-visible:focus-outline")}" tabindex="${d(this.visuallyDisabled?"0":void 0)}"><div part="input-wrapper" class="relative flex-1 mx-2 mb-[10px]"><input id="input" tabindex="-1" hidden @invalid="${this.handleInvalid}"><div part="track-wrapper" role="presentation" @pointerdown="${this.onClickTrack}" class="relative cursor-pointer -mx-2"><div part="track-click-helper" class="absolute -inset-y-2 inset-x-0"></div><div part="track" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" class="${c("h-1 my-[6px]")}"></div><div part="active-track" hidden="${d(this.noTrackBar?!0:void 0)}" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" class="${c("absolute top-0 h-1")}"></div></div>${this.renderThumbs(e)}<div class="-mt-[10px]" part="scale-ticks" @pointerdown="${this.onClickTrackItem}" role="presentation"><slot name="scale-ticks"></slot></div></div></div><slot></slot><slot name="help-text" part="form-control-help-text" id="help-text" class="${c("text-sm text-neutral-700 mt-1",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot></div>`}};l.styles=[...T.styles,E`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
-
[part='base']{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=thumb]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=thumb]:hover{background-color:rgba(var(--sd-color-icon-fill-primary-500,rgba(var(--sd-color-primary-500))))}[part=thumb].grabbed{background-color:rgba(var(--sd-color-icon-fill-primary-800,rgba(var(--sd-color-primary-800))))}[part=thumb][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=track]{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}[part=track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=active-track]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=active-track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}`],o([f("#input")],l.prototype,"input",2),o([f('[part="active-track"]')],l.prototype,"activeTrack",2),o([f('[part="input-wrapper"]')],l.prototype,"inputWrapper",2),o([I('[part="thumb"]')],l.prototype,"thumbs",2),o([h({attribute:!1})],l.prototype,"tooltipFormatter",2),o([h({type:String,reflect:!0})],l.prototype,"name",2),o([h({type:String,reflect:!0})],l.prototype,"label",2),o([h({attribute:"help-text",reflect:!0})],l.prototype,"helpText",2),o([h({type:Number,reflect:!0})],l.prototype,"min",2),o([h({type:Number,reflect:!0})],l.prototype,"max",2),o([h({type:Number,reflect:!0})],l.prototype,"step",2),o([h({type:Boolean,reflect:!0})],l.prototype,"disabled",2),o([h({attribute:"visually-disabled",type:Boolean,reflect:!0})],l.prototype,"visuallyDisabled",2),o([h({attribute:"no-track-bar",type:Boolean,reflect:!0})],l.prototype,"noTrackBar",2),o([h({attribute:"tooltip",type:String,reflect:!0})],l.prototype,"tooltip",2),o([A()],l.prototype,"defaultValue",2),o([h({type:String})],l.prototype,"value",1),l=o([C("sd-6-
|
|
1
|
+
import{a as p,b,c as _}from"./chunk.IVHEBGOY.js";import{a as A}from"./chunk.W4EADN3G.js";import{b as D}from"./chunk.RAP66B6O.js";import{a as d}from"./chunk.SLXPE3UU.js";import{a as M}from"./chunk.CGQ2BPPZ.js";import{a as w}from"./chunk.IQPMMUES.js";import{a as c}from"./chunk.3XPSGHFS.js";import{a as C,b as h,d as f,e as I,h as T}from"./chunk.DX2U3PRB.js";import{b as E,e as v}from"./chunk.UOAG5PNU.js";import{e as o}from"./chunk.6EV4YU6C.js";var l=class extends T{constructor(){super();this.formControlController=new D(this);this.hasSlotController=new M(this,"label","help-text");this.localize=new w(this);this.name="";this.label="";this.helpText="";this.min=0;this.max=100;this.step=1;this.disabled=!1;this.visuallyDisabled=!1;this.noTrackBar=!1;this.tooltip="on-interaction";this.defaultValue="";this._value=[0];this._rangeValues=new Map;this._lastChangeValue=[];this._hasFocus=!1;this._dragStyleElement=null;this._preventSelectStart=t=>t.preventDefault();this.tooltipFormatter=this.localize.number.bind(this.localize)}set value(t){this._value=t?t.split(" ").map(Number).sort(p):[]}get value(){return this._value.slice().sort(p).join(" ")}set valueAsArray(t){let e=this._value;this._value=Array.isArray(t)?t.slice().sort(p):t||[],b(e,this._value)&&this.requestUpdate("value",e.join(" "))}get valueAsArray(){return[...this._value].sort(p)}get rtl(){return this.localize.dir()==="rtl"}disconnectedCallback(){super.disconnectedCallback(),this._restoreTextSelection()}firstUpdated(){this.formControlController.updateValidity(),this._lastChangeValue=Array.from(this._value),this.thumbs.forEach(async t=>{var i,a;let e=t.parentElement;await e.updateComplete,(a=(i=e.shadowRoot)==null?void 0:i.querySelector("sd-6-16-0-popup"))==null||a.setAttribute("distance","14")})}willUpdate(t){super.willUpdate(t),this.min>this.max&&([this.min,this.max]=[this.max,this.min]),this.step>this.max-this.min&&(this.step=this.max-this.min),this.step<=0&&(this.step=1);let e=this._value.map(i=>{if(i<=this.min)return this.min;if(i>=this.max)return this.max;let a=this.min+this.step*Math.round((i-this.min)/this.step);return a>this.max?this.max:a});b(this._value,e)&&(this._value=e)}updated(t){super.updated(t);for(let e of this.thumbs){let i=+e.dataset.rangeId;this._rangeValues.has(i)&&(this.moveThumb(e,this._rangeValues.get(i)),this.tooltip==="always-visible"&&(e.parentElement.closeTrigger="manual",e.parentElement.show()))}this.updateActiveTrack()}focus(t){let e=this.thumbs.item(0);e?e.focus(t):super.focus(t)}get validity(){return this.input.validity}checkValidity(){var t;return(t=this.input)==null?void 0:t.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}updateTooltip(t){let e=+t.dataset.rangeId;if(!this._rangeValues.has(e))return;let i=this._rangeValues.get(e),a=t.parentElement;a.content=this.tooltipFormatter(i)}updateActiveTrack(){let{activeTrack:t}=this;if(!t)return;if(this.min===this.max){t.style.insetInlineStart="0%",t.style.insetInlineEnd="0%";return}if(this._value.length===1){let s=getComputedStyle(this).getPropertyValue("--track-active-offset")||"0%",n=100*(this._value[0]-this.min)/(this.max-this.min);t.style.insetInlineStart=`min(${s}, ${n}%)`,t.style.insetInlineEnd=`min(calc(100% - ${s}), calc(100% - ${n}%))`;return}let e=this._value.slice().sort(p),i=100*(e[0]-this.min)/(this.max-this.min),a=100*(e[e.length-1]-this.min)/(this.max-this.min);t.style.insetInlineStart=`${i}%`,t.style.insetInlineEnd=`calc(100% - ${a}%)`}moveThumb(t,e){t.setAttribute("aria-valuenow",e.toString()),t.setAttribute("aria-valuetext",this.tooltipFormatter(e));let i=(e-this.min)/(this.max-this.min);t.style.insetInlineStart=`calc(${100*i}% - 8px)`,this.updateTooltip(t)}movementBoundariesForThumb(t,e){let i=this.valueAsArray,s=Array.from(this.thumbs).indexOf(t),n=i[s-1]||this.min,r=i[s+1]||this.max,u=e<n||e>r;return{finalValue:Math.max(n,Math.min(r,e)),isRestricted:u,nextValue:r,prevValue:n}}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}onClickTrack(t,e=!0){if(this.disabled||this.visuallyDisabled)return;let{clientX:i}=t,a=Array.from(this.thumbs),s=_(this.inputWrapper,i),n=this.step/(this.max-this.min),r=this.min+this.step*Math.round(s/n),u=a.reduce((g,x)=>{let k=this._rangeValues.get(+x.dataset.rangeId),L=this._rangeValues.get(+g.dataset.rangeId),V=Math.abs(k-r),$=Math.abs(L-r);return V===$?k<r?x:g:V<$?x:g}),m=+u.dataset.rangeId;if(!m)return;this._rangeValues.set(m,r),this.moveThumb(u,r);let y=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),b(y,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change"));let F=new PointerEvent("pointerdown",t);e&&u.dispatchEvent(F)&&this.updateTooltip(u)}onClickTrackItem(t){this.onClickTrack(t,!1)}_preventTextSelection(){if(!this._dragStyleElement){let t=document.createElement("style");t.setAttribute("data-sd-6-16-0-range-drag",""),t.textContent="*, *::before, *::after { user-select: none !important; -webkit-user-select: none !important; }",document.head.appendChild(t),this._dragStyleElement=t}document.addEventListener("selectstart",this._preventSelectStart)}_restoreTextSelection(){this._dragStyleElement&&(this._dragStyleElement.remove(),this._dragStyleElement=null),document.removeEventListener("selectstart",this._preventSelectStart)}async onClickThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target;if(this.updateTooltip(e),e.dataset.pointerId)try{e.releasePointerCapture(+e.dataset.pointerId)}catch(i){}e.dataset.pointerId=t.pointerId.toString(),e.setPointerCapture(t.pointerId),this._preventTextSelection(),e.classList.add("grabbed"),this.tooltip==="on-interaction"&&await e.parentElement.show()}onDragThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target,i=+e.dataset.rangeId;if(!this._rangeValues.has(i)||(e.dataset.pointerId?+e.dataset.pointerId:null)!==t.pointerId)return;let s=_(this.inputWrapper,t.clientX),n=this.step/(this.max-this.min),r=this.min+this.step*Math.round(s/n);if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:r}}).defaultPrevented)return;let m=this.movementBoundariesForThumb(e,r);m.isRestricted?(r=m.finalValue,e.style.zIndex=(3+this.thumbs.length).toFixed(0)):e.style.zIndex="3",this._rangeValues.set(i,r),this.moveThumb(e,r);let y=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),b(y,this._value)&&this.emit("sd-input")}async onReleaseThumb(t){let e=t.target;!e.dataset.pointerId||t.pointerId!==+e.dataset.pointerId||(e.classList.remove("grabbed"),e.releasePointerCapture(t.pointerId),this._restoreTextSelection(),delete e.dataset.pointerId,b(this._lastChangeValue,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-change")),this.tooltip==="on-interaction"&&await e.parentElement.hide())}onKeyPress(t){let e=t.target,i=+e.dataset.rangeId,a=this._rangeValues.get(i);if(a===void 0)return;let s=a;switch(t.key){case"ArrowUp":case"Up":s=Math.min(a+this.step,this.max);break;case"ArrowDown":case"Down":s=Math.max(a-this.step,this.min);break;case"ArrowLeft":case"Left":s=this.rtl?Math.min(a+this.step,this.max):Math.max(a-this.step,this.min);break;case"ArrowRight":case"Right":s=this.rtl?Math.max(a-this.step,this.min):Math.min(a+this.step,this.max);break;case"PageUp":s=Math.min(a+(this.max-this.min)/5,this.max);break;case"PageDown":s=Math.max(a-(this.max-this.min)/5,this.min);break;case"Home":s=this.min;break;case"End":s=this.max;break;default:return}if(s!==a){if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:s}}).defaultPrevented)return;let r=this.movementBoundariesForThumb(e,s);r.isRestricted&&(s=r.finalValue),this.moveThumb(e,s),this._rangeValues.set(i,s),this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),this.updateTooltip(e),this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change")}t.preventDefault()}onBlur(t){var e;t.relatedTarget&&((e=this.shadowRoot)!=null&&e.contains(t.relatedTarget))||(this.emit("sd-blur"),this._hasFocus=!1)}onFocusThumb(t){var i;if(this.disabled||this.visuallyDisabled)return;this._hasFocus||(this._hasFocus=!0,this.emit("sd-focus"));let e=t.target;(i=e==null?void 0:e.dataset)!=null&&i.rangeId&&this.updateTooltip(e)}renderThumbs(t){let e=this._value.length>1;return this._rangeValues.clear(),this._value.map((i,a)=>{let s=a+1;this._rangeValues.set(s,i);let n=`thumb-${s}`,r="",u="";return e?(u=t?`label aria-label-hidden ${n}`:`aria-label-hidden ${n}`,a===0?r=`${this.localize.term("minimum")} (${this.tooltipFormatter(i)})`:a===this._value.length-1?r=`${this.localize.term("maximum")} (${this.tooltipFormatter(i)})`:r=this.tooltipFormatter(i)):u=t?"label aria-label-hidden":"",v`<sd-6-16-0-tooltip trigger="${this.tooltip==="on-interaction"?"focus":"manual"}" disabled="${d(this.disabled||this.visuallyDisabled||this.tooltip==="hidden"?!0:void 0)}"><div id="${n}" part="thumb" role="slider" tabindex="${this.disabled||this.visuallyDisabled?-1:0}" aria-disabled="${d(this.disabled||this.visuallyDisabled?"true":void 0)}" aria-labelledby="${u}" aria-label="${r}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${i}" aria-valuetext="${this.tooltipFormatter(i)}" data-range-id="${s}" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${c("rounded-full absolute top-0 size-4 hover:cursor-grab after:-inset-2",this.disabled||this.visuallyDisabled?"outline-none":"cursor-pointer focus-visible:focus-outline")}"></div></sd-6-16-0-tooltip>`})}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text")},e=!!(this.label||t.label),i=!!(this.helpText||t.helpText);return v`<div part="form-control" @focusout="${this.onBlur}" class="flex flex-col">${e?v`<div class="flex items-center gap-1"><label id="label" part="form-control-label" aria-hidden="${e?"false":"true"}" class="${c("w-full text-start",e?"inline-block":"hidden")}" @click="${this.focus}"><slot name="label">${this.label}</slot></label></div>`:null} <label id="aria-label-hidden" class="sr-only">(${this._value.map(this.tooltipFormatter).join(" - ")})</label><div part="base" class="${c("inline-flex w-full",this.visuallyDisabled&&"focus-visible:focus-outline")}" tabindex="${d(this.visuallyDisabled?"0":void 0)}"><div part="input-wrapper" class="relative flex-1 mx-2 mb-[10px]"><input id="input" tabindex="-1" hidden @invalid="${this.handleInvalid}"><div part="track-wrapper" role="presentation" @pointerdown="${this.onClickTrack}" class="relative cursor-pointer -mx-2"><div part="track-click-helper" class="absolute -inset-y-2 inset-x-0"></div><div part="track" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" class="${c("h-1 my-[6px]")}"></div><div part="active-track" hidden="${d(this.noTrackBar?!0:void 0)}" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" class="${c("absolute top-0 h-1")}"></div></div>${this.renderThumbs(e)}<div class="-mt-[10px]" part="scale-ticks" @pointerdown="${this.onClickTrackItem}" role="presentation"><slot name="scale-ticks"></slot></div></div></div><slot></slot><slot name="help-text" part="form-control-help-text" id="help-text" class="${c("text-sm text-neutral-700 mt-1",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot></div>`}};l.styles=[...T.styles,E`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
[part='base']{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=thumb]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=thumb]:hover{background-color:rgba(var(--sd-color-icon-fill-primary-500,rgba(var(--sd-color-primary-500))))}[part=thumb].grabbed{background-color:rgba(var(--sd-color-icon-fill-primary-800,rgba(var(--sd-color-primary-800))))}[part=thumb][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=track]{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}[part=track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=active-track]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=active-track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}`],o([f("#input")],l.prototype,"input",2),o([f('[part="active-track"]')],l.prototype,"activeTrack",2),o([f('[part="input-wrapper"]')],l.prototype,"inputWrapper",2),o([I('[part="thumb"]')],l.prototype,"thumbs",2),o([h({attribute:!1})],l.prototype,"tooltipFormatter",2),o([h({type:String,reflect:!0})],l.prototype,"name",2),o([h({type:String,reflect:!0})],l.prototype,"label",2),o([h({attribute:"help-text",reflect:!0})],l.prototype,"helpText",2),o([h({type:Number,reflect:!0})],l.prototype,"min",2),o([h({type:Number,reflect:!0})],l.prototype,"max",2),o([h({type:Number,reflect:!0})],l.prototype,"step",2),o([h({type:Boolean,reflect:!0})],l.prototype,"disabled",2),o([h({attribute:"visually-disabled",type:Boolean,reflect:!0})],l.prototype,"visuallyDisabled",2),o([h({attribute:"no-track-bar",type:Boolean,reflect:!0})],l.prototype,"noTrackBar",2),o([h({attribute:"tooltip",type:String,reflect:!0})],l.prototype,"tooltip",2),o([A()],l.prototype,"defaultValue",2),o([h({type:String})],l.prototype,"value",1),l=o([C("sd-6-16-0-range")],l);export{l as a};
|
|
@@ -10,4 +10,4 @@ import{a as M,h as V}from"./chunk.DX2U3PRB.js";import{b as j}from"./chunk.UOAG5P
|
|
|
10
10
|
color: transparent;
|
|
11
11
|
}
|
|
12
12
|
`),i.shadowRoot.adoptedStyleSheets.push(e);let s=e.cssRules[0].style;s.setProperty("--style-observer-adopted-style-sheet-bug","1");let r=getComputedStyle(i),t=r.getPropertyValue("--style-observer-adopted-style-sheet-bug");s.removeProperty("--style-observer-adopted-style-sheet-bug"),r=getComputedStyle(i);let n=r.getPropertyValue("--style-observer-adopted-style-sheet-bug");return i.remove(),t===n}});var E=class extends WeakMap{has(e,s){if(arguments.length===1)return super.has(e);let r=super.get(e);return(r==null?void 0:r.has(s))||!1}add(e,s){var t;let r=(t=super.get(e))!=null?t:new Set;r.add(s),super.set(e,r)}delete(e,...s){let r=super.get(e);if(r){for(let t of s)r.delete(t);r.size===0&&super.delete(e)}}};function f(i){return i==null?[]:Array.isArray(i)?i:typeof i!="string"&&typeof i[Symbol.iterator]=="function"?Array.from(i):[i]}function H(i){return i?new Promise(e=>setTimeout(e,i)):new Promise(e=>requestAnimationFrame(e))}var N;function Q(i){N!=null||(N=document.createElement("div"));let e=N.style;e[i]="inherit";let s=[...e];return s.length===0&&(s=[i]),e.cssText="",s}function X(i){let e=i.matchAll(/(?:^|\s)([+-]?(?:\d+|\d*\.\d+))\s*(ms|s)?(?=\s|$)/g),s=[];for(let r of e){let[,t,n]=r;t=parseFloat(t),n==="s"&&(t*=1e3),s.push(t)}return s}function W(i,e){e=Z(e);let s;if(i==="all")s=/\b\w+\b/g;else{let m=[...new Set([...Q(i),i,"all"])];s=RegExp(`(?:^|\\s)(${m.join("|")})\\b`)}let r=e.findLast(m=>s.test(m)),t=r?X(r):[0,0];t.length===0?t=[0,0]:t.length===1&&t.push(0);let[n,o]=t;return{duration:n,delay:o}}function Z(i){let e=[],s=0,r=[];for(let t of i.matchAll(/[,()]/g)){let n=t[0];if(n===","){if(r.length===0){let o=i.slice(s,t.index);e.push(o.trim()),s=t.index+1}}else n==="("?r.push("("):n===")"&&r.pop()}if(s<i.length){let t=i.slice(s);e.push(t.trim())}return e}var y,T,P=class{constructor(e){d(this,y,new Set);d(this,T,new WeakMap);this.callback=e}observe(e){if(l(this,y).has(e))return;let s=e.ownerDocument,r=l(this,T).get(s);r||(r=new IntersectionObserver(t=>{this.callback(t.map(({target:n})=>({target:n})))},{root:s.documentElement}),l(this,T).set(s,r)),l(this,y).add(e),r.observe(e)}unobserve(e){if(!e){for(let t of l(this,y))this.unobserve(t);return}let s=e.ownerDocument,r=l(this,T).get(s);r==null||r.unobserve(e),l(this,y).delete(e)}};y=new WeakMap,T=new WeakMap;var R,q,ee=(q=(R=globalThis.CSS)==null?void 0:R.supports)!=null&&q.call(R,"transition-behavior","allow-discrete")?" allow-discrete":"";globalThis.document&&(S("--style-observer-transition",{inherits:!1}),a.detectAll());var x,_,G,O,c=class{constructor(e,s,r={}){d(this,_);h(this,"properties");h(this,"target");h(this,"callback");h(this,"options");d(this,x,!1);d(this,O);h(this,"_shadowSheet");h(this,"_styles",{});this.constructor.all.add(e,this),this.properties=new Map,this.target=e,this.callback=s,this.options=I({properties:[]},r);let t=f(r.properties);this.renderedObserver=new P(n=>{this.propertyNames.length>0&&this.handleEvent()}),t.length>0&&this.observe(t)}get propertyNames(){return[...this.properties.keys()]}resolveOptions(e){return Object.assign(k(e),this.options)}async handleEvent(e){if(e&&!this.properties.has(e.propertyName))return;if(a.TRANSITIONRUN_EVENT_LOOP&&(e==null?void 0:e.type)==="transitionrun"||this.options.throttle>0){let t=a.TRANSITIONRUN_EVENT_LOOP?"transitionrun":"transitionstart",n=Math.max(this.options.throttle,50);if(a.TRANSITIONRUN_EVENT_LOOP){let o=W(e.propertyName,getComputedStyle(this.target).transition);n=Math.max(n,o.duration+o.delay+16)}this.target.removeEventListener(t,this),await H(n),this.target.addEventListener(t,this)}let s=getComputedStyle(this.target),r=[];for(let t of this.propertyNames){let n=s.getPropertyValue(t),o=this.properties.get(t);n!==o&&(r.push({target:this.target,property:t,value:n,oldValue:o}),this.properties.set(t,n))}r.length>0&&this.callback(r)}observe(e){var r;if(e=f(e),e=e.filter(t=>!this.properties.has(t)),e.length===0)return;$(this,_,G).call(this);let s=getComputedStyle(this.target);for(let t of e){a.UNREGISTERED_TRANSITION&&!this.constructor.properties.has(t)&&(S(t,void 0,this.target.ownerDocument),this.constructor.properties.add(t));let n=s.getPropertyValue(t);this.properties.set(t,n)}a.TRANSITIONRUN_EVENT_LOOP&&(this.target.addEventListener("transitionrun",this),(r=a.all.TRANSITIONRUN_EVENT_LOOP.valuePending)==null||r.then(t=>{t||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 e=new Set(getComputedStyle(this.target).transitionProperty.split(", ")),s=[];for(let t of this.constructor.all.get(this.target))s.push(...t.propertyNames);s=[...new Set(s)];let r=s.filter(t=>!e.has(t)).map(t=>`${t} 1ms step-start${ee}`).join(", ");this.setProperty("--style-observer-transition",r)}updateTransition({firstTime:e}={}){let s="var(--style-observer-transition, --style-observer-noop)",r=this.getProperty("transition"),t;(e?r:!r.includes(s))&&(t=g(this,O,r)),t===void 0&&(e||!l(this,O))&&(r.includes(s)&&this.setProperty("transition",""),t=getComputedStyle(this.target).transition),t==="all"?t="":t=t.replace(/^none\b/,"");let n=t?t+", ":"";this.setProperty("transition",n+s),this.updateTransitionProperties()}get _isHost(){return this.target.shadowRoot&&!a.ADOPTED_STYLE_SHEET&&!Object.isFrozen(this.target.shadowRoot.adoptedStyleSheets)}setProperty(e,s,r){let t=this.target.style,n=t;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 o in this._styles){let m=this._styles[o];this.setProperty(o,m),t.getPropertyValue(o)===m&&t.removeProperty(o)}n=this._shadowSheet.cssRules[0].style}n.setProperty(e,s,r),this._styles[e]=this.getProperty(e)}getProperty(e){var r,t,n;return((n=(t=(r=this._shadowSheet)==null?void 0:r.cssRules[0])==null?void 0:t.style)!=null?n:this.target.style).getPropertyValue(e)}unobserve(e){e=f(e),e=e.filter(s=>this.properties.has(s));for(let s of e)this.properties.delete(s);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()}};x=new WeakMap,_=new WeakSet,G=function(){if(l(this,x))return;let e=this.constructor.all.get(this.target).size===1;this.updateTransition({firstTime:e}),g(this,x,!0)},O=new WeakMap,h(c,"properties",new Set),h(c,"all",new E);function k(i){return i?(typeof i=="string"||Array.isArray(i)?i={properties:f(i)}:typeof i=="object"&&(i=I({properties:[]},i)),i):{}}var b=class{constructor(e,s){h(this,"elementObservers",new WeakMap);var r;this.callback=e,s=k(s),(r=s.targets)!=null||(s.targets=[]),s.target&&s.targets.push(s.target),this.options=s,this.options.targets.length>0&&this.options.properties.length>0&&this.observe(this.options.targets,this.options.properties)}changed(e){this.callback(e)}observe(...e){let{targets:s,properties:r}=Y(...e);if(s.length===0&&(s=this.options.targets),s.length!==0)for(let t of s){let n=this.elementObservers.get(t);n||(n=new c(t,o=>this.changed(o),this.options),this.elementObservers.set(t,n)),n.observe(r)}}unobserve(...e){let{targets:s,properties:r}=Y(...e);if(s.length===0&&(s=this.options.targets),s.length!==0){r.length===0&&(r=this.options.properties);for(let t of s){let n=this.elementObservers.get(t);n&&n.unobserve(r)}}}updateTransition(e){for(let s of f(e)){let r=this.elementObservers.get(s);r&&r.updateTransition()}}};function Y(i,e){let s=[...f(i),...f(e)];i=[],e=[];for(let r of s)(typeof r=="string"||r instanceof String?e:i).push(r);return{targets:i,properties:e}}var A=class{constructor(e,s){this.host=e,this.callback=s}connect(){this.observer=new b(e=>{var r,t;let s=(t=(r=e==null?void 0:e[0])==null?void 0:r.value)==null?void 0:t.replaceAll("'","");s&&this.callback(s)}),this.observer.observe(this.host,"--sd-theme")}disconnect(){var e;(e=this.observer)==null||e.unobserve(this.host)}};var w=class extends V{handleThemeChange(e){this.emit("sd-theme-change",{detail:{theme:e},bubbles:!0})}connectedCallback(){super.connectedCallback(),this.themeObserver=new A(this,this.handleThemeChange.bind(this)),this.themeObserver.connect()}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.themeObserver)==null||e.disconnect()}};w.styles=[...V.styles,j`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
13
|
-
:host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}`],w=D([M("sd-6-
|
|
13
|
+
:host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}`],w=D([M("sd-6-16-0-theme-listener")],w);export{w as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as p}from"./chunk.UOAG5PNU.js";import{a as l,b as m}from"./chunk.6EV4YU6C.js";var a=new WeakMap,n=new WeakMap,c=new WeakMap,d=new WeakMap,v=class{constructor(t,e){this.handleFormData=t=>{let e=this.options.disabled(this.host),o=this.options.name(this.host),i=this.options.value(this.host),s=this.host.tagName.toLowerCase()==="sd-6-
|
|
1
|
+
import{e as p}from"./chunk.UOAG5PNU.js";import{a as l,b as m}from"./chunk.6EV4YU6C.js";var a=new WeakMap,n=new WeakMap,c=new WeakMap,d=new WeakMap,v=class{constructor(t,e){this.handleFormData=t=>{let e=this.options.disabled(this.host),o=this.options.name(this.host),i=this.options.value(this.host),s=this.host.tagName.toLowerCase()==="sd-6-16-0-button";!e&&!s&&typeof o=="string"&&o.length>0&&typeof i!="undefined"&&(Array.isArray(i)?i.forEach(r=>{t.formData.append(o,r.toString())}):t.formData.append(o,i.toString()))};this.handleFormSubmit=t=>{var i,s;let e=this.options.disabled(this.host),o=this.options.reportValidity;if(this.form&&!this.form.noValidate&&((i=a.get(this.form))==null||i.forEach(r=>{this.setUserInteracted(r,!0)})),this.form&&!this.form.noValidate&&!e&&!o(this.host)){t.preventDefault(),t.stopImmediatePropagation();let r=(s=this.form)==null?void 0:s.querySelectorAll("[data-invalid]");Array.from(r).filter(h=>h.tagName.toLowerCase()==="sd-6-16-0-radio-group").forEach(h=>{var f,u;(u=(f=h.shadowRoot)==null?void 0:f.querySelector("input"))==null||u.dispatchEvent(new Event("invalid"))}),r!=null&&r.length&&r[0].focus()}};this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),d.set(this.host,[])};this.handleInteraction=t=>{let e=d.get(this.host);e.includes(t.type)||e.push(t.type),e.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)};this.fakeUserInteraction=()=>{this.setUserInteracted(this.host,!0)};(this.host=t).addController(this),this.options=l({form:o=>{if(o.hasAttribute("form")&&o.getAttribute("form")!==""){let i=o.getRootNode(),s=o.getAttribute("form");if(s)return i.getElementById(s)}return o.closest("form")},name:o=>o.name,value:o=>o.value,defaultValue:o=>o.defaultValue,disabled:o=>{var i;return(i=o.disabled)!=null?i:!1},reportValidity:o=>typeof o.reportValidity=="function"?o.reportValidity():!0,setValue:(o,i)=>o.value=i,assumeInteractionOn:["sd-input"]},e)}hostConnected(){let t=this.options.form(this.host);t&&this.attachForm(t),d.set(this.host,[]),this.options.assumeInteractionOn.forEach(e=>{this.host.addEventListener(e,this.handleInteraction)})}hostDisconnected(){this.detachForm(),d.delete(this.host),this.options.assumeInteractionOn.forEach(t=>{this.host.removeEventListener(t,this.handleInteraction)})}hostUpdated(){var e;let t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&(this.setValidity((e=this.host)==null?void 0:e.validity.valid),this.updateValidityStyle())}attachForm(t){t?(this.form=t,a.has(this.form)?a.get(this.form).add(this.host):a.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),n.has(this.form)||(n.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){var t;this.form&&((t=a.get(this.form))==null||t.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),n.has(this.form)&&(this.form.reportValidity=n.get(this.form),n.delete(this.form))),this.form=void 0}reportFormValidity(){if(this.form&&!this.form.noValidate){let t=this.form.querySelectorAll("*");for(let e of t)if(typeof e.reportValidity=="function"&&!e.reportValidity())return!1}return!0}setUserInteracted(t,e){c.set(t,e),t.requestUpdate()}doAction(t,e){if(this.form){let o=document.createElement("button");o.type=t,o.style.position="absolute",o.style.width="0",o.style.height="0",o.style.clipPath="inset(50%)",o.style.overflow="hidden",o.style.whiteSpace="nowrap",e&&(o.name=e.name,o.value=e.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(i=>{e.hasAttribute(i)&&o.setAttribute(i,e.getAttribute(i))})),this.form.append(o),o.click(),o.remove()}}updateValidityStyle(){this.host.hasAttribute("data-user-valid")&&this.host.checkValidity()?(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!0),this.host.showInvalidStyle=!1):this.host.hasAttribute("data-user-invalid")&&!this.host.checkValidity()?(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!1),this.host.showInvalidStyle=!0):(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!1),this.host.showInvalidStyle=!1)}getForm(){var t;return(t=this.form)!=null?t:null}renderInvalidMessage(t){let e={sm:"text-sm",md:"text-base",lg:"text-base"}[t];return p`<div id="invalid-message" class="text-error text-left ${e}" part="invalid-message" aria-live="polite" ?hidden="${!this.host.showInvalidStyle}"></div>`}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){var s;let e=this.host,o=!!c.get(e),i=!!e.required;(s=this.form)!=null&&s.noValidate?(e.removeAttribute("data-required"),e.removeAttribute("data-optional"),e.removeAttribute("data-invalid"),e.removeAttribute("data-valid"),e.removeAttribute("data-user-invalid"),e.removeAttribute("data-user-valid"),e.removeAttribute("aria-invalid")):(e.toggleAttribute("data-required",i),e.toggleAttribute("data-optional",!i),e.toggleAttribute("data-invalid",!t),e.toggleAttribute("data-valid",t),e.toggleAttribute("data-user-invalid",!t&&o),e.toggleAttribute("data-user-valid",t&&o),e.setAttribute("aria-invalid",(!t).toString()))}updateValidity(){let t=this.host;this.setValidity(t==null?void 0:t.validity.valid)}emitInvalidEvent(t){t==null||t.preventDefault();let e=new CustomEvent("sd-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||e.preventDefault()}},y=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}),F=Object.freeze(m(l({},y),{valid:!1,valueMissing:!0})),V=Object.freeze(m(l({},y),{valid:!1,customError:!0}));export{a,v as b,y as c,F as d,V as e};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as n}from"./chunk.SLXPE3UU.js";import{a as m}from"./chunk.CGQ2BPPZ.js";import{a as c,b as s}from"./chunk.SV6DES3E.js";import{a as i}from"./chunk.3XPSGHFS.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as p,b as r,h as d}from"./chunk.DX2U3PRB.js";import{b}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new m(this,"label","[default]");this.size="lg";this.orientation="horizontal";this.horizontalInline=!1;this.waiting=!1;this.disabled=!1;this.current=!1;this.noTail=!1;this.notInteractive=!1;this.label="";this.description="";this.index=1;this.href=""}connectedCallback(){super.connectedCallback()}isLink(){return!!this.href}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleCurrentChange(){this.current&&(this.disabled=!1,this.waiting=!1)}handleDisabledChange(){this.disabled&&(this.current=!1,this.waiting=!1)}handleWaitingChange(){this.waiting&&(this.current=!1,this.disabled=!1)}handleInteractivityChange(){this.notInteractive&&(this.current=!1,this.disabled=!1,this.waiting=!1)}render(){let u=this.isLink(),f=this.notInteractive||this.waiting?c`div`:u?c`a`:c`button`,v=this.hasSlotController.test("label"),h=this.label?!0:v,g=this.hasSlotController.test("[default]"),a=this.description?!0:g,o=this.horizontalInline&&this.orientation==="horizontal",w=i("flex shrink-0 gap-2 group",this.noTail&&!o&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",o&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"?"mt-1":"mt-3"),x=i("border sd-6-
|
|
2
|
-
:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-
|
|
1
|
+
import{a as n}from"./chunk.SLXPE3UU.js";import{a as m}from"./chunk.CGQ2BPPZ.js";import{a as c,b as s}from"./chunk.SV6DES3E.js";import{a as i}from"./chunk.3XPSGHFS.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as p,b as r,h as d}from"./chunk.DX2U3PRB.js";import{b}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new m(this,"label","[default]");this.size="lg";this.orientation="horizontal";this.horizontalInline=!1;this.waiting=!1;this.disabled=!1;this.current=!1;this.noTail=!1;this.notInteractive=!1;this.label="";this.description="";this.index=1;this.href=""}connectedCallback(){super.connectedCallback()}isLink(){return!!this.href}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleCurrentChange(){this.current&&(this.disabled=!1,this.waiting=!1)}handleDisabledChange(){this.disabled&&(this.current=!1,this.waiting=!1)}handleWaitingChange(){this.waiting&&(this.current=!1,this.disabled=!1)}handleInteractivityChange(){this.notInteractive&&(this.current=!1,this.disabled=!1,this.waiting=!1)}render(){let u=this.isLink(),f=this.notInteractive||this.waiting?c`div`:u?c`a`:c`button`,v=this.hasSlotController.test("label"),h=this.label?!0:v,g=this.hasSlotController.test("[default]"),a=this.description?!0:g,o=this.horizontalInline&&this.orientation==="horizontal",w=i("flex shrink-0 gap-2 group",this.noTail&&!o&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",o&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"?"mt-1":"mt-3"),x=i("border sd-6-16-0-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",this.disabled?"focus-visible:outline-none cursor-not-allowed":!this.notInteractive&&!this.waiting?"focus-visible:focus-outline hover:cursor-pointer":"",this.notInteractive?this.size==="lg"?"not-interactive-lg":"w-12":this.size==="lg"?"w-12":"w-8",this.disabled&&"border-neutral-500 text-neutral-500",this.waiting&&"border-neutral-400 text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"border-primary hover:bg-primary-100 hover:border-primary-500",this.notInteractive&&"border-neutral-400",this.current&&"bg-accent border-none text-white");return s`<div role="listitem" part="base" class="${i("flex pt-1",this.orientation==="horizontal"?"flex-col w-full":"flex-row gap-4 items-stretch h-full w-full overflow-hidden",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"group")}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${w}"><${f} part="circle" href="${n(u?this.href:void 0)}" aria-disabled="${n(this.disabled||this.waiting||void 0)}" aria-current="${this.current?"step":void 0}" aria-labelledby="${n(this.notInteractive||this.waiting||!h?void 0:"label")}" aria-describedby="${n(this.notInteractive||this.waiting||!a?void 0:"description")}" class="${x}"><slot name="circle-content" class="${i("text-lg",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-primary hover:text-primary-500 hover:fill-primary-500",this.notInteractive&&"sd-6-16-0-step-color-text")}">${!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?s`<sd-6-16-0-icon name="status-check" library="_internal" class="${i(this.size==="sm"&&"text-sm")}"></sd-6-16-0-icon>`:s`${this.index}`}</slot></${f}>${o?s`<div class="${i(!this.noTail&&"flex-1","flex flex-col gap-1")}"><div class="${i("flex w-full",h&&"gap-2",this.size==="sm"&&!a?"mt-1":"mt-3")}">${h&&s`<div part="label" id="label" class="${i("font-bold whitespace-nowrap",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div>`} ${this.noTail?"":s`<div part="tail" class="${i("border-t flex-1 mr-2 mt-3",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary group-hover:border-primary-500":"border-neutral-500")}"></div>`}</div>${a?s`<div part="description" id="description" class="${i("sd-paragraph sd-paragraph--size-sm break-words",a?"flex-1":"w-0 h-0 overflow-hidden",a&&!this.noTail&&"pr-4",(this.disabled||this.waiting)&&"!text-neutral-700")}">${this.description||s`<slot></slot>`}</div>`:""}</div>`:this.noTail?"":s`<div part="tail" class="${i(this.orientation==="horizontal"?"border-t w-full my-auto mr-2":"border-l flex-grow flex-shrink-0 basis-auto h-full w-[1px] mx-auto",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary group-hover:border-primary-500":"border-neutral-400")}"></div>`}</div>${o?"":s`<div part="text-container" class="${i("mt-4 break-words flex flex-col gap-2",this.orientation==="horizontal"?"text-center w-40":"text-left",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",this.notInteractive?"ml-2":"mr-4")}"><div part="label" id="label" class="${i("font-bold",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div><div part="description" id="description" class="${i("sd-paragraph sd-paragraph--size-sm",(this.disabled||this.waiting)&&"text-neutral-700")}">${this.description||s`<slot></slot>`}</div></div>`}</div>`}};t.styles=[...d.styles,b`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-16-0-icon,slot[name=circle-content]::slotted(sd-6-16-0-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-16-0-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-16-0-icon){color:rgba(var(--sd-color-icon-fill-primary-500))}:host([horizontal-inline]):has([part=description]){min-width:calc(var(--sd-spacing-1) * 0);flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`],e([r({type:String,reflect:!0})],t.prototype,"size",2),e([r({type:String,reflect:!0})],t.prototype,"orientation",2),e([r({type:Boolean,reflect:!0,attribute:"horizontal-inline"})],t.prototype,"horizontalInline",2),e([r({type:Boolean,reflect:!0})],t.prototype,"waiting",2),e([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r({type:Boolean,reflect:!0})],t.prototype,"current",2),e([r({reflect:!0,type:Boolean,attribute:"no-tail"})],t.prototype,"noTail",2),e([r({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),e([r({type:String,reflect:!0})],t.prototype,"label",2),e([r({type:String,reflect:!0})],t.prototype,"description",2),e([r({type:Number,reflect:!0,attribute:"index"})],t.prototype,"index",2),e([r({type:String,reflect:!0})],t.prototype,"href",2),e([l("current")],t.prototype,"handleCurrentChange",1),e([l("disabled")],t.prototype,"handleDisabledChange",1),e([l("waiting")],t.prototype,"handleWaitingChange",1),e([l("notInteractive")],t.prototype,"handleInteractivityChange",1),t=e([p("sd-6-16-0-step")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as o}from"./chunk.3XPSGHFS.js";import{a as i,b as a,h as r}from"./chunk.DX2U3PRB.js";import{b as l,e as s}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.variant="rectangular"}render(){return s`<div part="base" aria-hidden="true" class="${o("sd-6-
|
|
2
|
-
:host{display:block}::slotted(*){visibility:hidden}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),t=e([i("sd-6-
|
|
1
|
+
import{a as o}from"./chunk.3XPSGHFS.js";import{a as i,b as a,h as r}from"./chunk.DX2U3PRB.js";import{b as l,e as s}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.variant="rectangular"}render(){return s`<div part="base" aria-hidden="true" class="${o("sd-6-16-0-skeleton-color w-full h-full animate-pulse",{rectangular:"rounded-sm",circular:"rounded-full inline-block"}[this.variant])}"><slot></slot></div>`}};t.styles=[...r.styles,l`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block}::slotted(*){visibility:hidden}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),t=e([i("sd-6-16-0-skeleton")],t);export{t as a};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{a as $}from"./chunk.BJBQEPZV.js";import{a as k}from"./chunk.EOXYPQZI.js";import{a as C}from"./chunk.OWXAMMTH.js";import{a as T}from"./chunk.CBQWVOOS.js";import{a as A}from"./chunk.IQPMMUES.js";import{a as l}from"./chunk.3XPSGHFS.js";import{a as g}from"./chunk.NYKJXI3Q.js";import{a as P,b as p,c as b,d as v,e as E,h as S}from"./chunk.DX2U3PRB.js";import{b as _,e as m}from"./chunk.UOAG5PNU.js";import{d as M}from"./chunk.W4QBFD6E.js";import{e as r}from"./chunk.6EV4YU6C.js";function L(u,h,e){let i=t=>Object.is(t,-0)?0:t;return u<h?i(h):u>e?i(e):i(u)}function*I(u,h){if(u!==void 0){let e=0;for(let i of u)yield h(i,e++)}}function*O(u,h,e=1){let i=h===void 0?0:u;h!=null||(h=u);for(let t=i;e>0?t<h:h<t;t+=e)yield t}var o=class extends S{constructor(){super(...arguments);this.variant="number";this.inverted=!1;this.loop=!1;this.autoplay=!1;this.fade=!1;this.slidesPerPage=1;this.slidesPerMove=1;this.activeSlide=0;this.currentPage=1;this.pausedAutoplay=!1;this.isFocused=!1;this.autoplayController=new T(this,()=>{this.isFocused||this.next()});this.scrollController=new k(this);this.slides=this.getElementsByTagName("sd-6-15-1-carousel-item");this.intersectionObserverEntries=new Map;this.localize=new A(this);this.userInteracted=!1;this.fadeController=new $(this);this.handleUserInteraction=()=>{this.userInteracted=!0};this.handleSlotChange=e=>{e.some(t=>[...t.addedNodes,...t.removedNodes].some(s=>C.isCarouselItem(s)&&!s.hasAttribute("data-clone")))&&this.initializeSlides(),this.requestUpdate()};this.unblockAutoplay=(e,i)=>{e.detail&&i.blur()}}connectedCallback(){super.connectedCallback(),["click","keydown"].forEach(i=>this.addEventListener(i,this.handleUserInteraction)),this.addEventListener("focusin",this.handleFocus),this.addEventListener("focusout",this.handleBlur),this.addEventListener("keydown",this.handleKeyDown);let e=new IntersectionObserver(i=>{i.forEach(t=>{this.intersectionObserverEntries.set(t.target,t);let s=t.target;s.toggleAttribute("inert",!t.isIntersecting),s.classList.toggle("--in-view",t.isIntersecting),s.setAttribute("aria-hidden",t.isIntersecting?"false":"true")})},{root:this,threshold:.6});this.intersectionObserver=e,e.takeRecords().forEach(i=>{this.intersectionObserverEntries.set(i.target,i)})}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.mutationObserver.disconnect(),["click","keydown"].forEach(e=>this.removeEventListener(e,this.handleUserInteraction)),this.removeEventListener("focusin",this.handleFocus),this.removeEventListener("focusout",this.handleBlur),this.removeEventListener("keydown",this.handleKeyDown),this.fade&&this.fadeController.disable()}async firstUpdated(){if((()=>{let i=this.getSlides({excludeClones:!1});return i.length>0&&i[0].getBoundingClientRect().width>0})())this.initializeSlides();else{let i=new IntersectionObserver(t=>{t.forEach(s=>{s.isIntersecting&&s.target.getBoundingClientRect().width>0&&(this.initializeSlides(),i.disconnect())})});i.observe(this)}this.mutationObserver=new MutationObserver(this.handleSlotChange),this.mutationObserver.observe(this,{childList:!0,subtree:!1}),this.fade&&(await this.updateComplete,this.fadeController.enable())}getPageCount(e,i,t){return Math.ceil((e-i)/t)+1>0?Math.ceil((e-i)/t)+1:1}getCurrentPage(e,i,t,s){return Math.ceil((e-t)/s)-Math.ceil((e-t-i)/s)+1}getSlides({excludeClones:e=!0}={}){return[...this.slides].filter(i=>!e||!i.hasAttribute("data-clone"))}handleKeyDown(e){if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){let i=e.target,t=this.localize.dir()==="rtl",s=i.closest('[part~="pagination-item"]')!==null,a=e.key==="ArrowDown"||!t&&e.key==="ArrowRight"||t&&e.key==="ArrowLeft",c=e.key==="ArrowUp"||!t&&e.key==="ArrowLeft"||t&&e.key==="ArrowRight";e.preventDefault(),c&&this.previous(),a&&this.next(),e.key==="Home"&&this.goToSlide(0),e.key==="End"&&this.goToSlide(this.getSlides().length-1),s&&this.updateComplete.then(()=>{var n;let d=(n=this.shadowRoot)==null?void 0:n.querySelector('[part~="pagination-item--active"]');d&&d.focus()})}}handleScrollEnd(){if(this.fade)return;let e=this.getSlides(),t=[...this.intersectionObserverEntries.values()].find(s=>s.isIntersecting);if(this.loop&&(t!=null&&t.target.hasAttribute("data-clone"))){let s=Number(t.target.getAttribute("data-clone"));this.goToSlide(s,"auto");return}t&&(this.activeSlide=e.indexOf(t.target))}handleFocus(){this.isFocused=!0}handleBlur(){this.isFocused=!1}getSlideText(e){var a;let i=[],t=document.createTreeWalker(e,NodeFilter.SHOW_ALL),s=t.nextNode();for(;s;){if(s.nodeType===Node.TEXT_NODE){let c=(a=s.textContent)==null?void 0:a.trim();c&&i.push(c)}else s instanceof HTMLImageElement&&s.alt&&i.push(s.alt);s=t.nextNode()}return i.join(" ")}pause(){this.pausedAutoplay=!0}resume(){this.pausedAutoplay=!1}handlePausedAutoplay(){var e,i;this.pausedAutoplay?(this.autoplayController.stop(),(e=this.autoplayControls)==null||e.setAttribute("aria-pressed","false")):this.autoplay&&(this.autoplayController.start(3e3),(i=this.autoplayControls)==null||i.setAttribute("aria-pressed","true"))}handleFadeChange(){this.fade?this.fadeController.enable():this.fadeController.disable()}initializeSlides(){let e=this.getSlides(),i=this.intersectionObserver;if(this.intersectionObserverEntries.clear(),this.getSlides({excludeClones:!1}).forEach((t,s)=>{i.unobserve(t),t.classList.remove("--in-view"),t.classList.remove("--is-active"),t.setAttribute("aria-label",this.localize.term("slideNum",s+1,e.length)),t.hasAttribute("data-clone")&&t.remove()}),this.loop&&!this.fade){let t=this.slidesPerPage,s=e.slice(-t),a=e.slice(0,t);s.reverse().forEach((c,d)=>{let n=c.cloneNode(!0);n.setAttribute("data-clone",String(e.length-d-1)),this.prepend(n)}),a.forEach((c,d)=>{let n=c.cloneNode(!0);n.setAttribute("data-clone",String(d)),this.append(n)})}this.getSlides({excludeClones:!1}).forEach(t=>{i.observe(t)}),this.fade&&this.updateComplete.then(()=>{this.fadeController.enable()}),this.fade||this.goToSlide(this.activeSlide,"auto")}handleSlideChange(){let e=this.getSlides();e.forEach((s,a)=>{s.classList.toggle("--is-active",a===this.activeSlide)}),this.fade&&this.fadeController.updateActiveSlide(this.activeSlide);let i=this.getCurrentPage(e.length,this.activeSlide,this.slidesPerPage,this.slidesPerMove);if(this.currentPage!==i&&(this.currentPage=i),this.hasUpdated&&(this.emit("sd-slide-change",{detail:{index:this.activeSlide,slide:e[this.activeSlide]}}),this.announcementRegion)){let s=this.getSlideText(e[this.activeSlide]),a=this.localize.term("slideNum",this.activeSlide+1,e.length);requestAnimationFrame(()=>{this.announcementRegion.textContent=s?`${s} ${a}`:a})}let t=this.getPageCount(e.length,this.slidesPerPage,this.slidesPerMove);this.currentPage>t&&requestAnimationFrame(()=>{this.nextTillFirst()})}handleSlidesPerMoveChange(){if(this.fade)return;let e=this.getSlides({excludeClones:!1}),i=this.slidesPerMove;e.forEach((t,s)=>{Math.abs(s-i)%i===0?t.style.removeProperty("scroll-snap-align"):t.style.setProperty("scroll-snap-align","none")})}handleAutoplayChange(){this.autoplayController.stop(),this.autoplay&&!this.pausedAutoplay&&this.autoplayController.start(3e3)}previous(e="smooth"){if(this.fade){let s=this.loop?(this.activeSlide-1+this.getSlides().length)%this.getSlides().length:Math.max(0,this.activeSlide-1);this.goToSlide(s);return}let i=this.activeSlide||this.activeSlide-this.slidesPerMove,t=!1;for(;!t&&i>0;)i-=1,t=Math.abs(i-this.slidesPerMove)%this.slidesPerMove===0;this.currentPage-1===0&&this.loop?this.goToSlide(this.activeSlide-this.slidesPerPage,e):this.goToSlide(i,e)}next(e="smooth"){if(this.fade){let i=this.loop?(this.activeSlide+1)%this.getSlides().length:Math.min(this.getSlides().length-1,this.activeSlide+1);this.goToSlide(i);return}this.currentPage+1<=this.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove)?this.goToSlide(this.activeSlide+this.slidesPerMove,e):this.loop&&this.nextTillFirst(e)}nextTillFirst(e="smooth"){if(this.fade){this.goToSlide(0);return}for(;this.activeSlide!==0;)this.goToSlide(this.activeSlide+1,e);this.currentPage=this.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove)}goToSlide(e,i="smooth"){let{slidesPerPage:t,loop:s,scrollContainer:a,fade:c}=this,d=this.getSlides(),n=this.getSlides({excludeClones:!1}),f=(e+d.length)%d.length;if(this.activeSlide=f,c)return;let y=L(e+(s?t:0),0,n.length+1),B=n[y],w=a.getBoundingClientRect(),x=B.getBoundingClientRect();if(a.scrollTo({left:x.left-w.left+a.scrollLeft,top:x.top-w.top+a.scrollTop,behavior:M()?"auto":i}),this.userInteracted&&!this.loop){let F=this.activeSlide===d.length-1||this.activeSlide===this.slides.length-this.slidesPerPage,z=this.activeSlide===0;F?this.previousButton.focus({preventScroll:!0}):z&&this.nextButton.focus({preventScroll:!0})}}render(){let{scrollController:e,slidesPerMove:i}=this,t=this.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove),s=this.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove),a=this.loop||s>1,c=this.loop||s<t,d=this.localize.dir()==="ltr";return m`<div part="base" class="${l("carousel h-full w-full")}"><div class="carousel__announcement sr-only" aria-live="${!this.autoplay||this.pausedAutoplay||this.isFocused?"polite":"off"}" aria-atomic="true"></div><div id="scroll-container" part="scroll-container" class="${l("carousel__slides mb-6 max-h-full w-full items-center justify-items-center",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.fade?"relative overflow-hidden":"grid overflow-auto overscroll-x-contain grid-flow-col auto-rows-[100%] snap-x snap-mandatory overflow-y-hidden")}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${e.scrolling?"true":"false"}" aria-label="${this.localize.term("carouselContainer",Array.from(this.slides).filter(n=>!n.hasAttribute("data-clone")).length)}" tabindex="0" @scrollend="${this.handleScrollEnd}"><slot></slot></div><div part="controls" class="${l("w-full flex items-center justify-center relative")}"><div part="navigation" class="${l("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!a}" class="${l("!mr-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",!a&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${a?"false":"true"}" @click="${a?n=>{this.previous(),this.unblockAutoplay(n,this.previousButton)}:null}"><slot name="previous-icon"><sd-6-15-1-icon class="${l("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${d?"chevron-down":"chevron-up"}"></sd-6-15-1-icon></slot></button> ${this.variant==="dot"?m`<div part="pagination-dot" role="tablist" class="${l("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${I(O(t),n=>{let f=n+1===s;return m`<button part="pagination-item ${f?"pagination-item--active":""}" class="${l("carousel__pagination-item","block cursor-pointer bg-none border-0 rounded-full",f?"bg-accent":"",this.inverted?"focus-within:focus-outline-inverted":"focus-within:focus-outline")}" role="tab" tabindex="0" aria-selected="${f?"true":"false"}" aria-label="${this.localize.term("goToSlide",n+1,t)}" @click="${y=>{this.goToSlide(n*i),this.unblockAutoplay(y,this.paginationItems[n])}}"><span class="${l("h-4 w-4 block border sd-6-15-1-carousel__pager-dot-border-width rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",this.inverted?"sd-6-15-1-carousel__pager-dot--inverted-border hover:border-primary-200":"border-primary hover:border-primary-500",f&&"border-none",f?this.inverted?"sd-6-15-1-carousel__pager-dot--inverted-background hover:sd-6-15-1-carousel__pager-dot--inverted--hovered-background":"sd-6-15-1-carousel__pager-dot-background hover:bg-accent-550":"")}"></span></button>`})}</div>`:m`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${l("w-5 text-center border-b-2",this.inverted?"text-white sd-6-15-1-carousel--active--inverted-color-border":"text-black sd-6-15-1-carousel--active-color-border")}">${s}</span> <span part="pagination-divider" class="${l("scale-y-[1.5]","text-center",this.inverted?"text-white":"text-black")}">/</span> <span part="pagination-item" class="${l("w-5 text-center",this.inverted?"text-white":"text-black")}">${t}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!c}" class="${l("!ml-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",!c&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${c?"false":"true"}" @click="${c?n=>{this.next(),this.unblockAutoplay(n,this.nextButton)}:null}"><slot name="next-icon"><sd-6-15-1-icon class="${l("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${d?"chevron-up":"chevron-down"}"></sd-6-15-1-icon></slot></button></div><button class="${l("ml-6 !rounded-sm","!absolute !right-0 sd-interactive",this.inverted?"sd-interactive--inverted":"sd-interactive--reset",!this.autoplay&&"!hidden")}" part="autoplay-controls" aria-label="${this.localize.term("autoplay")}" aria-pressed="true" @click="${n=>{this.pausedAutoplay=!this.pausedAutoplay,n.detail&&this.autoplayControls.blur()}}"><slot name="autoplay-start" class="${l(this.pausedAutoplay?"":"hidden")}"><sd-6-15-1-icon class="h-6 w-6 grid place-items-center" library="_internal" name="start"></sd-6-15-1-icon></slot><slot name="autoplay-pause" class="${l(this.pausedAutoplay?"hidden":"")}"><sd-6-15-1-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-6-15-1-icon></slot></button></div></div>`}};o.styles=[...S.styles,_`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
-
:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{position:relative;display:block;overflow:hidden;height:var(--carousel-height)}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-6-
|
|
1
|
+
import{a as $}from"./chunk.BJBQEPZV.js";import{a as k}from"./chunk.EOXYPQZI.js";import{a as C}from"./chunk.OWXAMMTH.js";import{a as T}from"./chunk.CBQWVOOS.js";import{a as A}from"./chunk.IQPMMUES.js";import{a as l}from"./chunk.3XPSGHFS.js";import{a as g}from"./chunk.NYKJXI3Q.js";import{a as P,b as p,c as b,d as v,e as E,h as S}from"./chunk.DX2U3PRB.js";import{b as _,e as m}from"./chunk.UOAG5PNU.js";import{d as M}from"./chunk.W4QBFD6E.js";import{e as r}from"./chunk.6EV4YU6C.js";function L(u,h,e){let i=t=>Object.is(t,-0)?0:t;return u<h?i(h):u>e?i(e):i(u)}function*I(u,h){if(u!==void 0){let e=0;for(let i of u)yield h(i,e++)}}function*O(u,h,e=1){let i=h===void 0?0:u;h!=null||(h=u);for(let t=i;e>0?t<h:h<t;t+=e)yield t}var o=class extends S{constructor(){super(...arguments);this.variant="number";this.inverted=!1;this.loop=!1;this.autoplay=!1;this.fade=!1;this.slidesPerPage=1;this.slidesPerMove=1;this.activeSlide=0;this.currentPage=1;this.pausedAutoplay=!1;this.isFocused=!1;this.autoplayController=new T(this,()=>{this.isFocused||this.next()});this.scrollController=new k(this);this.slides=this.getElementsByTagName("sd-6-16-0-carousel-item");this.intersectionObserverEntries=new Map;this.localize=new A(this);this.userInteracted=!1;this.fadeController=new $(this);this.handleUserInteraction=()=>{this.userInteracted=!0};this.handleSlotChange=e=>{e.some(t=>[...t.addedNodes,...t.removedNodes].some(s=>C.isCarouselItem(s)&&!s.hasAttribute("data-clone")))&&this.initializeSlides(),this.requestUpdate()};this.unblockAutoplay=(e,i)=>{e.detail&&i.blur()}}connectedCallback(){super.connectedCallback(),["click","keydown"].forEach(i=>this.addEventListener(i,this.handleUserInteraction)),this.addEventListener("focusin",this.handleFocus),this.addEventListener("focusout",this.handleBlur),this.addEventListener("keydown",this.handleKeyDown);let e=new IntersectionObserver(i=>{i.forEach(t=>{this.intersectionObserverEntries.set(t.target,t);let s=t.target;s.toggleAttribute("inert",!t.isIntersecting),s.classList.toggle("--in-view",t.isIntersecting),s.setAttribute("aria-hidden",t.isIntersecting?"false":"true")})},{root:this,threshold:.6});this.intersectionObserver=e,e.takeRecords().forEach(i=>{this.intersectionObserverEntries.set(i.target,i)})}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.mutationObserver.disconnect(),["click","keydown"].forEach(e=>this.removeEventListener(e,this.handleUserInteraction)),this.removeEventListener("focusin",this.handleFocus),this.removeEventListener("focusout",this.handleBlur),this.removeEventListener("keydown",this.handleKeyDown),this.fade&&this.fadeController.disable()}async firstUpdated(){if((()=>{let i=this.getSlides({excludeClones:!1});return i.length>0&&i[0].getBoundingClientRect().width>0})())this.initializeSlides();else{let i=new IntersectionObserver(t=>{t.forEach(s=>{s.isIntersecting&&s.target.getBoundingClientRect().width>0&&(this.initializeSlides(),i.disconnect())})});i.observe(this)}this.mutationObserver=new MutationObserver(this.handleSlotChange),this.mutationObserver.observe(this,{childList:!0,subtree:!1}),this.fade&&(await this.updateComplete,this.fadeController.enable())}getPageCount(e,i,t){return Math.ceil((e-i)/t)+1>0?Math.ceil((e-i)/t)+1:1}getCurrentPage(e,i,t,s){return Math.ceil((e-t)/s)-Math.ceil((e-t-i)/s)+1}getSlides({excludeClones:e=!0}={}){return[...this.slides].filter(i=>!e||!i.hasAttribute("data-clone"))}handleKeyDown(e){if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){let i=e.target,t=this.localize.dir()==="rtl",s=i.closest('[part~="pagination-item"]')!==null,a=e.key==="ArrowDown"||!t&&e.key==="ArrowRight"||t&&e.key==="ArrowLeft",c=e.key==="ArrowUp"||!t&&e.key==="ArrowLeft"||t&&e.key==="ArrowRight";e.preventDefault(),c&&this.previous(),a&&this.next(),e.key==="Home"&&this.goToSlide(0),e.key==="End"&&this.goToSlide(this.getSlides().length-1),s&&this.updateComplete.then(()=>{var n;let d=(n=this.shadowRoot)==null?void 0:n.querySelector('[part~="pagination-item--active"]');d&&d.focus()})}}handleScrollEnd(){if(this.fade)return;let e=this.getSlides(),t=[...this.intersectionObserverEntries.values()].find(s=>s.isIntersecting);if(this.loop&&(t!=null&&t.target.hasAttribute("data-clone"))){let s=Number(t.target.getAttribute("data-clone"));this.goToSlide(s,"auto");return}t&&(this.activeSlide=e.indexOf(t.target))}handleFocus(){this.isFocused=!0}handleBlur(){this.isFocused=!1}getSlideText(e){var a;let i=[],t=document.createTreeWalker(e,NodeFilter.SHOW_ALL),s=t.nextNode();for(;s;){if(s.nodeType===Node.TEXT_NODE){let c=(a=s.textContent)==null?void 0:a.trim();c&&i.push(c)}else s instanceof HTMLImageElement&&s.alt&&i.push(s.alt);s=t.nextNode()}return i.join(" ")}pause(){this.pausedAutoplay=!0}resume(){this.pausedAutoplay=!1}handlePausedAutoplay(){var e,i;this.pausedAutoplay?(this.autoplayController.stop(),(e=this.autoplayControls)==null||e.setAttribute("aria-pressed","false")):this.autoplay&&(this.autoplayController.start(3e3),(i=this.autoplayControls)==null||i.setAttribute("aria-pressed","true"))}handleFadeChange(){this.fade?this.fadeController.enable():this.fadeController.disable()}initializeSlides(){let e=this.getSlides(),i=this.intersectionObserver;if(this.intersectionObserverEntries.clear(),this.getSlides({excludeClones:!1}).forEach((t,s)=>{i.unobserve(t),t.classList.remove("--in-view"),t.classList.remove("--is-active"),t.setAttribute("aria-label",this.localize.term("slideNum",s+1,e.length)),t.hasAttribute("data-clone")&&t.remove()}),this.loop&&!this.fade){let t=this.slidesPerPage,s=e.slice(-t),a=e.slice(0,t);s.reverse().forEach((c,d)=>{let n=c.cloneNode(!0);n.setAttribute("data-clone",String(e.length-d-1)),this.prepend(n)}),a.forEach((c,d)=>{let n=c.cloneNode(!0);n.setAttribute("data-clone",String(d)),this.append(n)})}this.getSlides({excludeClones:!1}).forEach(t=>{i.observe(t)}),this.fade&&this.updateComplete.then(()=>{this.fadeController.enable()}),this.fade||this.goToSlide(this.activeSlide,"auto")}handleSlideChange(){let e=this.getSlides();e.forEach((s,a)=>{s.classList.toggle("--is-active",a===this.activeSlide)}),this.fade&&this.fadeController.updateActiveSlide(this.activeSlide);let i=this.getCurrentPage(e.length,this.activeSlide,this.slidesPerPage,this.slidesPerMove);if(this.currentPage!==i&&(this.currentPage=i),this.hasUpdated&&(this.emit("sd-slide-change",{detail:{index:this.activeSlide,slide:e[this.activeSlide]}}),this.announcementRegion)){let s=this.getSlideText(e[this.activeSlide]),a=this.localize.term("slideNum",this.activeSlide+1,e.length);requestAnimationFrame(()=>{this.announcementRegion.textContent=s?`${s} ${a}`:a})}let t=this.getPageCount(e.length,this.slidesPerPage,this.slidesPerMove);this.currentPage>t&&requestAnimationFrame(()=>{this.nextTillFirst()})}handleSlidesPerMoveChange(){if(this.fade)return;let e=this.getSlides({excludeClones:!1}),i=this.slidesPerMove;e.forEach((t,s)=>{Math.abs(s-i)%i===0?t.style.removeProperty("scroll-snap-align"):t.style.setProperty("scroll-snap-align","none")})}handleAutoplayChange(){this.autoplayController.stop(),this.autoplay&&!this.pausedAutoplay&&this.autoplayController.start(3e3)}previous(e="smooth"){if(this.fade){let s=this.loop?(this.activeSlide-1+this.getSlides().length)%this.getSlides().length:Math.max(0,this.activeSlide-1);this.goToSlide(s);return}let i=this.activeSlide||this.activeSlide-this.slidesPerMove,t=!1;for(;!t&&i>0;)i-=1,t=Math.abs(i-this.slidesPerMove)%this.slidesPerMove===0;this.currentPage-1===0&&this.loop?this.goToSlide(this.activeSlide-this.slidesPerPage,e):this.goToSlide(i,e)}next(e="smooth"){if(this.fade){let i=this.loop?(this.activeSlide+1)%this.getSlides().length:Math.min(this.getSlides().length-1,this.activeSlide+1);this.goToSlide(i);return}this.currentPage+1<=this.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove)?this.goToSlide(this.activeSlide+this.slidesPerMove,e):this.loop&&this.nextTillFirst(e)}nextTillFirst(e="smooth"){if(this.fade){this.goToSlide(0);return}for(;this.activeSlide!==0;)this.goToSlide(this.activeSlide+1,e);this.currentPage=this.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove)}goToSlide(e,i="smooth"){let{slidesPerPage:t,loop:s,scrollContainer:a,fade:c}=this,d=this.getSlides(),n=this.getSlides({excludeClones:!1}),f=(e+d.length)%d.length;if(this.activeSlide=f,c)return;let y=L(e+(s?t:0),0,n.length+1),B=n[y],w=a.getBoundingClientRect(),x=B.getBoundingClientRect();if(a.scrollTo({left:x.left-w.left+a.scrollLeft,top:x.top-w.top+a.scrollTop,behavior:M()?"auto":i}),this.userInteracted&&!this.loop){let F=this.activeSlide===d.length-1||this.activeSlide===this.slides.length-this.slidesPerPage,z=this.activeSlide===0;F?this.previousButton.focus({preventScroll:!0}):z&&this.nextButton.focus({preventScroll:!0})}}render(){let{scrollController:e,slidesPerMove:i}=this,t=this.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove),s=this.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove),a=this.loop||s>1,c=this.loop||s<t,d=this.localize.dir()==="ltr";return m`<div part="base" class="${l("carousel h-full w-full")}"><div class="carousel__announcement sr-only" aria-live="${!this.autoplay||this.pausedAutoplay||this.isFocused?"polite":"off"}" aria-atomic="true"></div><div id="scroll-container" part="scroll-container" class="${l("carousel__slides mb-6 max-h-full w-full items-center justify-items-center",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.fade?"relative overflow-hidden":"grid overflow-auto overscroll-x-contain grid-flow-col auto-rows-[100%] snap-x snap-mandatory overflow-y-hidden")}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${e.scrolling?"true":"false"}" aria-label="${this.localize.term("carouselContainer",Array.from(this.slides).filter(n=>!n.hasAttribute("data-clone")).length)}" tabindex="0" @scrollend="${this.handleScrollEnd}"><slot></slot></div><div part="controls" class="${l("w-full flex items-center justify-center relative")}"><div part="navigation" class="${l("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!a}" class="${l("!mr-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",!a&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${a?"false":"true"}" @click="${a?n=>{this.previous(),this.unblockAutoplay(n,this.previousButton)}:null}"><slot name="previous-icon"><sd-6-16-0-icon class="${l("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${d?"chevron-down":"chevron-up"}"></sd-6-16-0-icon></slot></button> ${this.variant==="dot"?m`<div part="pagination-dot" role="tablist" class="${l("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${I(O(t),n=>{let f=n+1===s;return m`<button part="pagination-item ${f?"pagination-item--active":""}" class="${l("carousel__pagination-item","block cursor-pointer bg-none border-0 rounded-full",f?"bg-accent":"",this.inverted?"focus-within:focus-outline-inverted":"focus-within:focus-outline")}" role="tab" tabindex="0" aria-selected="${f?"true":"false"}" aria-label="${this.localize.term("goToSlide",n+1,t)}" @click="${y=>{this.goToSlide(n*i),this.unblockAutoplay(y,this.paginationItems[n])}}"><span class="${l("h-4 w-4 block border sd-6-16-0-carousel__pager-dot-border-width rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",this.inverted?"sd-6-16-0-carousel__pager-dot--inverted-border hover:border-primary-200":"border-primary hover:border-primary-500",f&&"border-none",f?this.inverted?"sd-6-16-0-carousel__pager-dot--inverted-background hover:sd-6-16-0-carousel__pager-dot--inverted--hovered-background":"sd-6-16-0-carousel__pager-dot-background hover:bg-accent-550":"")}"></span></button>`})}</div>`:m`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${l("w-5 text-center border-b-2",this.inverted?"text-white sd-6-16-0-carousel--active--inverted-color-border":"text-black sd-6-16-0-carousel--active-color-border")}">${s}</span> <span part="pagination-divider" class="${l("scale-y-[1.5]","text-center",this.inverted?"text-white":"text-black")}">/</span> <span part="pagination-item" class="${l("w-5 text-center",this.inverted?"text-white":"text-black")}">${t}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!c}" class="${l("!ml-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",!c&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${c?"false":"true"}" @click="${c?n=>{this.next(),this.unblockAutoplay(n,this.nextButton)}:null}"><slot name="next-icon"><sd-6-16-0-icon class="${l("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${d?"chevron-up":"chevron-down"}"></sd-6-16-0-icon></slot></button></div><button class="${l("ml-6 !rounded-sm","!absolute !right-0 sd-interactive",this.inverted?"sd-interactive--inverted":"sd-interactive--reset",!this.autoplay&&"!hidden")}" part="autoplay-controls" aria-label="${this.localize.term("autoplay")}" aria-pressed="true" @click="${n=>{this.pausedAutoplay=!this.pausedAutoplay,n.detail&&this.autoplayControls.blur()}}"><slot name="autoplay-start" class="${l(this.pausedAutoplay?"":"hidden")}"><sd-6-16-0-icon class="h-6 w-6 grid place-items-center" library="_internal" name="start"></sd-6-16-0-icon></slot><slot name="autoplay-pause" class="${l(this.pausedAutoplay?"hidden":"")}"><sd-6-16-0-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-6-16-0-icon></slot></button></div></div>`}};o.styles=[...S.styles,_`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{position:relative;display:block;overflow:hidden;height:var(--carousel-height)}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-6-16-0-button::part(label){pointer-events:none;display:flex;flex:auto;align-items:center}#carousel__navigation-button--next,#carousel__navigation-button--previous{color:rgba(var(--sd-color-icon-fill-primary))}#carousel__navigation-button--next:disabled,#carousel__navigation-button--previous:disabled{color:rgba(var(--sd-color-icon-fill-neutral-500))}:host([inverted]) #carousel__navigation-button--next,:host([inverted]) #carousel__navigation-button--previous{color:rgba(var(--sd-color-icon-fill-white))}:host([inverted]) #carousel__navigation-button--next:disabled,:host([inverted]) #carousel__navigation-button--previous:disabled{color:rgba(var(--sd-color-icon-fill-neutral-600))}`],r([v('[part~="autoplay-controls"]')],o.prototype,"autoplayControls",2),r([v('[part~="navigation-button--previous"]')],o.prototype,"previousButton",2),r([v('[part~="navigation-button--next"]')],o.prototype,"nextButton",2),r([E('[part~="pagination-item"]')],o.prototype,"paginationItems",2),r([p({type:String,reflect:!0})],o.prototype,"variant",2),r([p({type:Boolean,reflect:!0})],o.prototype,"inverted",2),r([p({type:Boolean,reflect:!0})],o.prototype,"loop",2),r([p({type:Boolean,reflect:!0})],o.prototype,"autoplay",2),r([p({type:Boolean,reflect:!0})],o.prototype,"fade",2),r([p({type:Number,attribute:"slides-per-page",reflect:!0})],o.prototype,"slidesPerPage",2),r([p({type:Number,attribute:"slides-per-move",reflect:!0})],o.prototype,"slidesPerMove",2),r([v("slot:not([name])")],o.prototype,"defaultSlot",2),r([v(".carousel__slides")],o.prototype,"scrollContainer",2),r([v(".carousel__pagination")],o.prototype,"paginationContainer",2),r([v(".carousel__announcement")],o.prototype,"announcementRegion",2),r([b()],o.prototype,"activeSlide",2),r([b()],o.prototype,"currentPage",2),r([b()],o.prototype,"pausedAutoplay",2),r([b()],o.prototype,"isFocused",2),r([g("pausedAutoplay")],o.prototype,"handlePausedAutoplay",1),r([g("fade",{waitUntilFirstUpdate:!0})],o.prototype,"handleFadeChange",1),r([g("loop",{waitUntilFirstUpdate:!0}),g("slidesPerPage",{waitUntilFirstUpdate:!0})],o.prototype,"initializeSlides",1),r([g("activeSlide")],o.prototype,"handleSlideChange",1),r([g("slidesPerMove")],o.prototype,"handleSlidesPerMoveChange",1),r([g("autoplay")],o.prototype,"handleAutoplayChange",1),o=r([P("sd-6-16-0-carousel")],o);export{o as a};
|
|
3
3
|
/*! Bundled license information:
|
|
4
4
|
|
|
5
5
|
lit-html/directives/map.js:
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as p}from"./chunk.CGQ2BPPZ.js";import{a}from"./chunk.3XPSGHFS.js";import{a as r}from"./chunk.NYKJXI3Q.js";import{a as d,b as o,h as n}from"./chunk.DX2U3PRB.js";import{b as m,e as s}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"label","help-text");this.size="lg";this.orientation="vertical";this.label="";this.helpText=""}getAllCheckboxes(){return[...this.querySelectorAll("sd-6-
|
|
2
|
-
:host{display:block}:host([orientation=vertical]) ::slotted(sd-6-
|
|
1
|
+
import{a as p}from"./chunk.CGQ2BPPZ.js";import{a}from"./chunk.3XPSGHFS.js";import{a as r}from"./chunk.NYKJXI3Q.js";import{a as d,b as o,h as n}from"./chunk.DX2U3PRB.js";import{b as m,e as s}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"label","help-text");this.size="lg";this.orientation="vertical";this.label="";this.helpText=""}getAllCheckboxes(){return[...this.querySelectorAll("sd-6-16-0-checkbox")]}async syncCheckboxElements(){let i=this.getAllCheckboxes();await Promise.all(i.map(async l=>{await l.updateComplete,l.size=this.size}))}syncCheckboxes(){customElements.get("sd-6-16-0-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-6-16-0-checkbox").then(()=>this.syncCheckboxes())}handleSizeChange(){this.syncCheckboxes()}handleInvalid(){this.syncCheckboxes()}render(){let i=this.hasSlotController.test("label"),l=this.label?!0:i,b=this.hasSlotController.test("help-text"),c=this.helpText?!0:b,x=s`<slot @slotchange="${this.syncCheckboxes}"></slot>`,h=this.hasSlotController.test("tooltip");return s`<fieldset part="form-control" class="${a("border-0 p-0 m-0",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="group" aria-labelledby="label">${l||h?s`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${a("p-0 font-bold leading-normal text-black",l?"flex":"hidden")}" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label> ${h?s`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${a({vertical:"flex flex-col",horizontal:"flex flex-row"}[this.orientation])}">${x}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${a("text-sm text-neutral-700 mt-2",c?"block":"hidden")}" aria-hidden="${!c}">${this.helpText}</slot>`}};t.styles=[...n.styles,m`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block}:host([orientation=vertical]) ::slotted(sd-6-16-0-checkbox){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-16-0-checkbox:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-6-16-0-checkbox){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-16-0-checkbox:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-16-0-checkbox){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-16-0-checkbox:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}`],e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:String,reflect:!0})],t.prototype,"orientation",2),e([o({type:String,reflect:!0})],t.prototype,"label",2),e([o({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([r("size",{waitUntilFirstUpdate:!0})],t.prototype,"handleSizeChange",1),e([r("invalid",{waitUntilFirstUpdate:!0})],t.prototype,"handleInvalid",1),t=e([d("sd-6-16-0-checkbox-group")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as d}from"./chunk.CGQ2BPPZ.js";import{a as y}from"./chunk.IQPMMUES.js";import{a as s}from"./chunk.3XPSGHFS.js";import{a as c,b as o,d as u,h as l}from"./chunk.DX2U3PRB.js";import{b as p,e as r}from"./chunk.UOAG5PNU.js";import{e as a}from"./chunk.6EV4YU6C.js";var e=class extends l{constructor(){super(...arguments);this.localize=new y(this);this.playing=!1;this.isBelowBreakpoint=!1;this.hasSlotController=new d(this,"[default]","play-icon","poster")}get poster(){let t=this.shadowRoot.querySelector("slot[name=poster]");return(t==null?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}get video(){return this.querySelector("video")}async hidePoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.opacity="0",await new Promise(t=>setTimeout(t,this.token("--sd-duration-medium",300))),this.poster.style.display="none")}setVideoInert(t){var i,n;t?(i=this.video)==null||i.setAttribute("inert",""):(n=this.video)==null||n.removeAttribute("inert")}play(){var t;this.emit("sd-play"),this.playing=!0,(t=this.video)==null||t.play(),this.hidePoster(),this.setVideoInert(!1)}handleKeydown(t){t instanceof KeyboardEvent&&(t.key==="Enter"||t.key===" ")&&(this.play(),setTimeout(()=>{var i;(i=this.video)==null||i.focus()}))}handleButtonResize(){this.hostEl.clientWidth<=414&&!this.isBelowBreakpoint&&(this.isBelowBreakpoint=!0),this.hostEl.clientWidth>414&&this.isBelowBreakpoint&&(this.isBelowBreakpoint=!1)}connectedCallback(){super.connectedCallback(),this.setVideoInert(!0),this.resizeObserver=new ResizeObserver(()=>this.handleButtonResize()),this.updateComplete.then(()=>{this.resizeObserver.observe(this.hostEl)})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.hostEl)}render(){return r`<div part="base" class="cursor-pointer"><button part="play-button" aria-label="${this.localize.term("playVideo")}" tabindex="0" @click="${this.play}" @keydown="${this.handleKeydown}" class="${s(this.playing&&"pointer-events-none","group w-full h-full absolute top-0 left-0 z-30 sd-interactive outline-hidden focus-visible:focus-outline")}"><div part="play-button-bg" class="${s(this.playing?"opacity-0":"opacity-100",this.isBelowBreakpoint?"w-[48px] h-[48px]":"w-[96px] h-[96px]","absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white/75 rounded-full play-pause-transition group-focus-visible:outline-2 group-focus-visible:outline-offset-2")}"><slot name="play-icon" part="play-icon" class="${s(this.isBelowBreakpoint?"text-[2rem]":"text-[4rem]")}"><sd-6-
|
|
2
|
-
:host{position:relative;display:inline-block;overflow:hidden}.play-pause-transition,::slotted([slot=poster]){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);transition-property:opacity,scale;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))}#default-play-icon,::slotted([slot=play-icon]){position:absolute;top:calc(1 / 2 * 100%);left:calc(1 / 2 * 100%);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important;transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}:has([part=play-button]:hover) ::slotted([slot=poster]){--tw-scale-x:110%!important;--tw-scale-y:110%!important;--tw-scale-z:110%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}[part=play-button-bg]{color:rgba(var(--sd-video--play-button-color-icon-fill));background-color:rgba(var(--sd-video--play-button-color-background))}@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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}`],a([u("[part=base]")],e.prototype,"hostEl",2),a([o({type:Boolean,reflect:!0})],e.prototype,"playing",2),a([o({type:Boolean})],e.prototype,"isBelowBreakpoint",2),e=a([c("sd-6-
|
|
1
|
+
import{a as d}from"./chunk.CGQ2BPPZ.js";import{a as y}from"./chunk.IQPMMUES.js";import{a as s}from"./chunk.3XPSGHFS.js";import{a as c,b as o,d as u,h as l}from"./chunk.DX2U3PRB.js";import{b as p,e as r}from"./chunk.UOAG5PNU.js";import{e as a}from"./chunk.6EV4YU6C.js";var e=class extends l{constructor(){super(...arguments);this.localize=new y(this);this.playing=!1;this.isBelowBreakpoint=!1;this.hasSlotController=new d(this,"[default]","play-icon","poster")}get poster(){let t=this.shadowRoot.querySelector("slot[name=poster]");return(t==null?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}get video(){return this.querySelector("video")}async hidePoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.opacity="0",await new Promise(t=>setTimeout(t,this.token("--sd-duration-medium",300))),this.poster.style.display="none")}setVideoInert(t){var i,n;t?(i=this.video)==null||i.setAttribute("inert",""):(n=this.video)==null||n.removeAttribute("inert")}play(){var t;this.emit("sd-play"),this.playing=!0,(t=this.video)==null||t.play(),this.hidePoster(),this.setVideoInert(!1)}handleKeydown(t){t instanceof KeyboardEvent&&(t.key==="Enter"||t.key===" ")&&(this.play(),setTimeout(()=>{var i;(i=this.video)==null||i.focus()}))}handleButtonResize(){this.hostEl.clientWidth<=414&&!this.isBelowBreakpoint&&(this.isBelowBreakpoint=!0),this.hostEl.clientWidth>414&&this.isBelowBreakpoint&&(this.isBelowBreakpoint=!1)}connectedCallback(){super.connectedCallback(),this.setVideoInert(!0),this.resizeObserver=new ResizeObserver(()=>this.handleButtonResize()),this.updateComplete.then(()=>{this.resizeObserver.observe(this.hostEl)})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.hostEl)}render(){return r`<div part="base" class="cursor-pointer"><button part="play-button" aria-label="${this.localize.term("playVideo")}" tabindex="0" @click="${this.play}" @keydown="${this.handleKeydown}" class="${s(this.playing&&"pointer-events-none","group w-full h-full absolute top-0 left-0 z-30 sd-interactive outline-hidden focus-visible:focus-outline")}"><div part="play-button-bg" class="${s(this.playing?"opacity-0":"opacity-100",this.isBelowBreakpoint?"w-[48px] h-[48px]":"w-[96px] h-[96px]","absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white/75 rounded-full play-pause-transition group-focus-visible:outline-2 group-focus-visible:outline-offset-2")}"><slot name="play-icon" part="play-icon" class="${s(this.isBelowBreakpoint?"text-[2rem]":"text-[4rem]")}"><sd-6-16-0-icon id="default-play-icon" library="_internal" name="start"></sd-6-16-0-icon></slot></div></button> ${this.hasSlotController.test("poster")?r`<div part="poster-wrapper" class="absolute left-0 top-0 w-full z-10 overflow-hidden"><slot name="poster" role="presentation"></slot></div>`:null}<slot></slot></div>`}};e.styles=[...l.styles,p`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{position:relative;display:inline-block;overflow:hidden}.play-pause-transition,::slotted([slot=poster]){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);transition-property:opacity,scale;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))}#default-play-icon,::slotted([slot=play-icon]){position:absolute;top:calc(1 / 2 * 100%);left:calc(1 / 2 * 100%);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important;transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}:has([part=play-button]:hover) ::slotted([slot=poster]){--tw-scale-x:110%!important;--tw-scale-y:110%!important;--tw-scale-z:110%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}[part=play-button-bg]{color:rgba(var(--sd-video--play-button-color-icon-fill));background-color:rgba(var(--sd-video--play-button-color-background))}@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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}`],a([u("[part=base]")],e.prototype,"hostEl",2),a([o({type:Boolean,reflect:!0})],e.prototype,"playing",2),a([o({type:Boolean})],e.prototype,"isBelowBreakpoint",2),e=a([c("sd-6-16-0-video")],e);export{e as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as w}from"./chunk.IQPMMUES.js";import{a as p,d as f,h as m}from"./chunk.DX2U3PRB.js";import{b as u,e as h}from"./chunk.UOAG5PNU.js";import{e as c}from"./chunk.6EV4YU6C.js";var a=class extends m{constructor(){super(...arguments);this.localize=new w(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"],n=t.composedPath(),i=n.find(s=>{var l;return e.includes(((l=s==null?void 0:s.getAttribute)==null?void 0:l.call(s,"role"))||"")});if(!i||n.find(s=>{var l;return((l=s==null?void 0:s.getAttribute)==null?void 0:l.call(s,"role"))==="menu"})!==this)return;let o=i;o.type==="checkbox"&&(o.checked=!o.checked),this.emit("sd-select",{detail:{item:o}})}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(),n=this.getCurrentItem(),i=n?e.indexOf(n):0;if(n==null||n.classList.remove("menu-item-focus"),e.length>0){t.preventDefault(),t.stopPropagation();let d=(r,o)=>{let s=r;for(let l of e)if(s=(s+o+e.length)%e.length,!e[s].disabled)return s;return r};if(t.key==="ArrowDown")i=d(i,1);else if(t.key==="ArrowUp")i=d(i,-1);else if(t.key==="Home")i=e.findIndex(r=>!r.disabled),i===-1&&(i=0);else if(t.key==="End"){i=e.length-1;for(let r=e.length-1;r>=0;r--)if(!e[r].disabled){i=r;break}}this.setCurrentItem(e[i]),e[i].focus(),e[i].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-6-
|
|
2
|
-
: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-6-
|
|
1
|
+
import{a as w}from"./chunk.IQPMMUES.js";import{a as p,d as f,h as m}from"./chunk.DX2U3PRB.js";import{b as u,e as h}from"./chunk.UOAG5PNU.js";import{e as c}from"./chunk.6EV4YU6C.js";var a=class extends m{constructor(){super(...arguments);this.localize=new w(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"],n=t.composedPath(),i=n.find(s=>{var l;return e.includes(((l=s==null?void 0:s.getAttribute)==null?void 0:l.call(s,"role"))||"")});if(!i||n.find(s=>{var l;return((l=s==null?void 0:s.getAttribute)==null?void 0:l.call(s,"role"))==="menu"})!==this)return;let o=i;o.type==="checkbox"&&(o.checked=!o.checked),this.emit("sd-select",{detail:{item:o}})}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(),n=this.getCurrentItem(),i=n?e.indexOf(n):0;if(n==null||n.classList.remove("menu-item-focus"),e.length>0){t.preventDefault(),t.stopPropagation();let d=(r,o)=>{let s=r;for(let l of e)if(s=(s+o+e.length)%e.length,!e[s].disabled)return s;return r};if(t.key==="ArrowDown")i=d(i,1);else if(t.key==="ArrowUp")i=d(i,-1);else if(t.key==="Home")i=e.findIndex(r=>!r.disabled),i===-1&&(i=0);else if(t.key==="End"){i=e.length-1;for(let r=e.length-1;r>=0;r--)if(!e[r].disabled){i=r;break}}this.setCurrentItem(e[i]),e[i].focus(),e[i].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-6-16-0-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(n=>{n.setAttribute("tabindex",n===t?"0":"-1")})}render(){return h`<slot @slotchange="${this.handleSlotChange}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}" @mousedown="${this.handleMouseDown}"></slot>`}};a.styles=[...m.styles,u`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
: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-6-16-0-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}`],c([f("slot")],a.prototype,"defaultSlot",2),a=c([p("sd-6-16-0-menu")],a);export{a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function h(d,{setValueOnSelection:l,scrollSelectionIntoView:p}={setValueOnSelection:!0,scrollSelectionIntoView:!0}){let r=d?typeof d=="string"?document.querySelector(d):d:document.querySelector("#autoComplete"),n=r.shadowRoot.querySelector("input"),c=e=>e[0];return n.addEventListener("init",()=>{var a,s;let e=(a=r.shadowRoot)==null?void 0:a.querySelector("ul");e==null||e.setAttribute("part","listbox");let t=document.createElement("sd-6-
|
|
2
|
-
sd-6-
|
|
1
|
+
function h(d,{setValueOnSelection:l,scrollSelectionIntoView:p}={setValueOnSelection:!0,scrollSelectionIntoView:!0}){let r=d?typeof d=="string"?document.querySelector(d):d:document.querySelector("#autoComplete"),n=r.shadowRoot.querySelector("input"),c=e=>e[0];return n.addEventListener("init",()=>{var a,s;let e=(a=r.shadowRoot)==null?void 0:a.querySelector("ul");e==null||e.setAttribute("part","listbox");let t=document.createElement("sd-6-16-0-popup");t.appendChild(e),(s=r.shadowRoot)==null||s.appendChild(t),t==null||t.setAttribute("exportparts","popup__content"),t&&(t.active=!1,t.autoSize="vertical",t.autoSizePadding=16,t.placement="bottom-start",t.anchor=r,t.sync="width");let i=c`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
sd-6-16-0-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-6-16-0-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-6-16-0-popup li:hover:not([disabled]){background-color:rgba(var(--sd-color-background-neutral-100))}sd-6-16-0-popup li{list-style-type:''}sd-6-16-0-popup li mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}sd-6-16-0-popup li:not(:has(sd-6-16-0-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-6-16-0-popup li:not(:has(sd-6-16-0-option)):hover{background-color:rgba(var(--sd-color-background-neutral-200))}sd-6-16-0-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}`,o=new CSSStyleSheet;o.replaceSync(i),r.shadowRoot.adoptedStyleSheets=[...r.shadowRoot.adoptedStyleSheets,o]}),l&&n.addEventListener("selection",e=>{var t;r.value=(t=e==null?void 0:e.detail)==null?void 0:t.selection.value}),n.addEventListener("open",()=>{var e,t,i,o,a,s;(t=(e=r.shadowRoot)==null?void 0:e.querySelector("sd-6-16-0-popup"))==null||t.setAttribute("active","true"),(o=(i=r.shadowRoot)==null?void 0:i.querySelector('[part="border"]'))==null||o.classList.add("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.add("z-50")}),n.addEventListener("close",()=>{var e,t,i,o,a,s;(t=(e=r.shadowRoot)==null?void 0:e.querySelector("sd-6-16-0-popup"))==null||t.removeAttribute("active"),(o=(i=r.shadowRoot)==null?void 0:i.querySelector('[part="border"]'))==null||o.classList.remove("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.remove("z-50")}),p&&n.addEventListener("navigate",()=>{let e=r.shadowRoot.querySelector('[aria-selected="true"]');e==null||e.scrollIntoView({block:"nearest"})}),{config:{selector:()=>n,resultsList:{tag:"ul"},wrapper:!1}}}export{h as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var p=t=>Array.from(t.assignedElements({flatten:!0})),o=t=>t.tagName.toLocaleLowerCase()==="sd-6-
|
|
1
|
+
var p=t=>Array.from(t.assignedElements({flatten:!0})),o=t=>t.tagName.toLocaleLowerCase()==="sd-6-16-0-option"?t:Array.from(t.querySelectorAll(":scope > sd-6-16-0-option")),e=t=>t.tagName.toLocaleLowerCase()==="sd-6-16-0-optgroup",r=t=>t.map(o),n=t=>t.filter(e),s=t=>t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase();export{p as a,o as b,e as c,r as d,n as e,s as f};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as d}from"./chunk.YQH4KNT6.js";import{a as b}from"./chunk.W4EADN3G.js";import{b as m}from"./chunk.RAP66B6O.js";import{a as p}from"./chunk.SLXPE3UU.js";import{a as l}from"./chunk.3XPSGHFS.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as h,b as r,c as u,d as a,h as o}from"./chunk.DX2U3PRB.js";import{b as c,e as s}from"./chunk.UOAG5PNU.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends o{constructor(){super(...arguments);this.formControlController=new m(this,{value:e=>e.checked?e.value||"on":void 0,defaultValue:e=>e.defaultChecked,setValue:(e,v)=>e.checked=v});this.title="";this.name="";this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.showInvalidStyle=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(e){if(this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!this.checked,this.indeterminate=!1,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false"),this.formControlController.setValidity(e)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){let e=this.disabled&&this.indeterminate?"disabledIndeterminate":this.disabled&&this.checked?"disabledChecked":this.disabled?"disabled":this.visuallyDisabled?"visuallyDisabled":this.showInvalidStyle&&this.indeterminate?"invalidIndeterminate":this.showInvalidStyle?"invalid":this.checked||this.indeterminate?"filled":"default";return s`<div class="flex flex-col"><label part="base" class="${l("sd-6-
|
|
2
|
-
:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-style:var(--tw-outline-style);outline-width:0}:host([required]) #label::after{content:' *'}[part=invalid-icon]{color:rgb(var(--sd-color-icon-fill-error))}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],i([a('input[type="checkbox"]')],t.prototype,"input",2),i([a("#invalid-message")],t.prototype,"invalidMessage",2),i([r({type:String,reflect:!0})],t.prototype,"title",2),i([r({type:String,reflect:!0})],t.prototype,"name",2),i([r()],t.prototype,"value",2),i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"checked",2),i([r({type:Boolean,reflect:!0})],t.prototype,"indeterminate",2),i([b("checked")],t.prototype,"defaultChecked",2),i([r({type:String,reflect:!0})],t.prototype,"form",2),i([r({type:Boolean,reflect:!0})],t.prototype,"required",2),i([u()],t.prototype,"showInvalidStyle",2),i([n(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([n(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],t.prototype,"handleStateChange",1),t=i([h("sd-6-
|
|
1
|
+
import{a as d}from"./chunk.YQH4KNT6.js";import{a as b}from"./chunk.W4EADN3G.js";import{b as m}from"./chunk.RAP66B6O.js";import{a as p}from"./chunk.SLXPE3UU.js";import{a as l}from"./chunk.3XPSGHFS.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as h,b as r,c as u,d as a,h as o}from"./chunk.DX2U3PRB.js";import{b as c,e as s}from"./chunk.UOAG5PNU.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends o{constructor(){super(...arguments);this.formControlController=new m(this,{value:e=>e.checked?e.value||"on":void 0,defaultValue:e=>e.defaultChecked,setValue:(e,v)=>e.checked=v});this.title="";this.name="";this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.showInvalidStyle=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(e){if(this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!this.checked,this.indeterminate=!1,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false"),this.formControlController.setValidity(e)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){let e=this.disabled&&this.indeterminate?"disabledIndeterminate":this.disabled&&this.checked?"disabledChecked":this.disabled?"disabled":this.visuallyDisabled?"visuallyDisabled":this.showInvalidStyle&&this.indeterminate?"invalidIndeterminate":this.showInvalidStyle?"invalid":this.checked||this.indeterminate?"filled":"default";return s`<div class="flex flex-col"><label part="base" class="${l("sd-6-16-0-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${p(this.value)}" .indeterminate="${d(this.indeterminate)}" .checked="${d(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.indeterminate?"mixed":this.checked}" aria-describedby="invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"} ${this.indeterminate?" control--indeterminate":""}" class="${l("relative flex flex-shrink-0 items-center justify-center border sd-6-16-0-checkbox-border-width rounded-sm h-4 w-4","transition-colors ease-in-out duration-medium group-hover:duration-fast","peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary",{sm:"mt-[2px]",md:"mt-[3px]",lg:"mt-[3px]"}[this.size],{disabledIndeterminate:"border-neutral-500 bg-neutral-500",disabledChecked:"border-neutral-500 bg-neutral-500",disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",invalidIndeterminate:"border-error bg-error group-hover:bg-error-400 group-hover:border-error-400",invalid:"border-error group-hover:border-error-400 group-hover:bg-transparent",filled:"border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",default:"form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[e])}"><div part="checkbox" class="${l("absolute h-3 transition-[width] right-0 duration-medium",this.checked||this.indeterminate?"w-0":"w-3")}"><div class="${l("w-full h-full transition-colors duration-medium ease-in-out group-hover:duration-fast",{disabledIndeterminate:"bg-neutral-500",disabledChecked:" bg-neutral-500",disabled:"",visuallyDisabled:"",invalidIndeterminate:" bg-error group-hover:bg-error-400",invalid:"",filled:"bg-accent group-hover:bg-accent-550",default:"hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[e])}"></div></div>${this.checked?s`<sd-6-16-0-icon part="checked-icon" class="text-white w-3 h-3" library="sd-status-assets" name="status-check"></sd-6-16-0-icon>`:""} ${!this.checked&&this.indeterminate?s`<sd-6-16-0-icon part="indeterminate-icon" class="text-white w-3 h-3" library="sd-status-assets" name="status-minus"></sd-6-16-0-icon>`:""} </span><span part="label" id="label" class="${l("select-none inline-block ml-2",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-black")}"><slot></slot></span></label><div id="invalid-icon-message" part="invalid-icon-message" class="${l("flex items-center gap-2",this.showInvalidStyle&&"mt-2")}">${this.showInvalidStyle?s`<sd-6-16-0-icon id="invalid-icon" part="invalid-icon" library="_internal" name="risk"></sd-6-16-0-icon>`:""} ${this.formControlController.renderInvalidMessage(this.size)}</div></div>`}};t.styles=[...o.styles,c`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-style:var(--tw-outline-style);outline-width:0}:host([required]) #label::after{content:' *'}[part=invalid-icon]{color:rgb(var(--sd-color-icon-fill-error))}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],i([a('input[type="checkbox"]')],t.prototype,"input",2),i([a("#invalid-message")],t.prototype,"invalidMessage",2),i([r({type:String,reflect:!0})],t.prototype,"title",2),i([r({type:String,reflect:!0})],t.prototype,"name",2),i([r()],t.prototype,"value",2),i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"checked",2),i([r({type:Boolean,reflect:!0})],t.prototype,"indeterminate",2),i([b("checked")],t.prototype,"defaultChecked",2),i([r({type:String,reflect:!0})],t.prototype,"form",2),i([r({type:Boolean,reflect:!0})],t.prototype,"required",2),i([u()],t.prototype,"showInvalidStyle",2),i([n(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([n(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],t.prototype,"handleStateChange",1),t=i([h("sd-6-16-0-checkbox")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{b as y}from"./chunk.HLDWO3HP.js";import{a as u,b as p,c as a}from"./chunk.54UVKIZB.js";import{a as v}from"./chunk.TWZDCIM2.js";import{a as h}from"./chunk.NYKJXI3Q.js";import{a as d,b as s,c as f,h as n}from"./chunk.DX2U3PRB.js";import{b as g,e as b}from"./chunk.UOAG5PNU.js";import{e as r}from"./chunk.6EV4YU6C.js";var c,t=class extends n{constructor(){super(...arguments);this.svg="";this.label="";this.library="default";this.color="currentColor"}connectedCallback(){super.connectedCallback(),u(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),p(this)}onThemeChange(){this.setIcon()}getUrl(){let e=a(this.library);return this.name&&e?e.name==="_internal"?e.resolver(this.name,this):e.resolver(this.name):this.src}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var m;let e=a(this.library),i=this.getUrl();if(c||(c=new DOMParser),i)try{let l=await v(i);if(i===this.getUrl())if(l.ok){let o=c.parseFromString(l.svg,"text/html").body.querySelector("svg");o!==null?((m=e==null?void 0:e.mutator)==null||m.call(e,o),this.svg=o.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch(l){this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return b`<sd-6-
|
|
2
|
-
:host{width:1em;height:1em;box-sizing:content-box!important;display:inline-block}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:rgba(var(--sd-color-icon-fill-primary,var(--sd-color-primary)))}:host([color=white]) svg{color:rgba(var(--sd-color-text-white))}`],r([f()],t.prototype,"svg",2),r([s({reflect:!0})],t.prototype,"name",2),r([s()],t.prototype,"src",2),r([s()],t.prototype,"label",2),r([s({reflect:!0})],t.prototype,"library",2),r([s({reflect:!0})],t.prototype,"color",2),r([h("label")],t.prototype,"handleLabelChange",1),r([h(["name","src","library"])],t.prototype,"setIcon",1),t=r([d("sd-6-
|
|
1
|
+
import{b as y}from"./chunk.HLDWO3HP.js";import{a as u,b as p,c as a}from"./chunk.54UVKIZB.js";import{a as v}from"./chunk.TWZDCIM2.js";import{a as h}from"./chunk.NYKJXI3Q.js";import{a as d,b as s,c as f,h as n}from"./chunk.DX2U3PRB.js";import{b as g,e as b}from"./chunk.UOAG5PNU.js";import{e as r}from"./chunk.6EV4YU6C.js";var c,t=class extends n{constructor(){super(...arguments);this.svg="";this.label="";this.library="default";this.color="currentColor"}connectedCallback(){super.connectedCallback(),u(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),p(this)}onThemeChange(){this.setIcon()}getUrl(){let e=a(this.library);return this.name&&e?e.name==="_internal"?e.resolver(this.name,this):e.resolver(this.name):this.src}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var m;let e=a(this.library),i=this.getUrl();if(c||(c=new DOMParser),i)try{let l=await v(i);if(i===this.getUrl())if(l.ok){let o=c.parseFromString(l.svg,"text/html").body.querySelector("svg");o!==null?((m=e==null?void 0:e.mutator)==null||m.call(e,o),this.svg=o.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch(l){this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return b`<sd-6-16-0-theme-listener></sd-6-16-0-theme-listener>${y(this.svg)}`}};t.styles=[...n.styles,g`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{width:1em;height:1em;box-sizing:content-box!important;display:inline-block}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:rgba(var(--sd-color-icon-fill-primary,var(--sd-color-primary)))}:host([color=white]) svg{color:rgba(var(--sd-color-text-white))}`],r([f()],t.prototype,"svg",2),r([s({reflect:!0})],t.prototype,"name",2),r([s()],t.prototype,"src",2),r([s()],t.prototype,"label",2),r([s({reflect:!0})],t.prototype,"library",2),r([s({reflect:!0})],t.prototype,"color",2),r([h("label")],t.prototype,"handleLabelChange",1),r([h(["name","src","library"])],t.prototype,"setIcon",1),t=r([d("sd-6-16-0-icon")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{a as m}from"./chunk.MWDEA25W.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as n,b as o,h as a}from"./chunk.DX2U3PRB.js";import{b as c,e as l}from"./chunk.UOAG5PNU.js";import{e as s}from"./chunk.6EV4YU6C.js";var t=class extends a{constructor(){super(...arguments);this.mode="cors";this.allowScripts=!1}executeScript(e){let r=document.createElement("script");[...e.attributes].forEach(i=>r.setAttribute(i.name,i.value)),r.textContent=e.textContent,e.parentNode.replaceChild(r,e)}async handleSrcChange(){try{let e=this.src,r=await m(e,this.mode);if(e!==this.src)return;if(!r.ok){this.emit("sd-error",{detail:{status:r.status}});return}this.innerHTML=r.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach(i=>this.executeScript(i)),this.emit("sd-load")}catch(e){this.emit("sd-error",{detail:{status:-1}})}}render(){return l`<slot></slot>`}};t.styles=[...a.styles,c`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
-
:host{display:block}`],s([o({reflect:!0})],t.prototype,"src",2),s([o({type:String,reflect:!0})],t.prototype,"mode",2),s([o({attribute:"allow-scripts",type:Boolean,reflect:!0})],t.prototype,"allowScripts",2),s([p("src")],t.prototype,"handleSrcChange",1),t=s([n("sd-6-
|
|
2
|
+
:host{display:block}`],s([o({reflect:!0})],t.prototype,"src",2),s([o({type:String,reflect:!0})],t.prototype,"mode",2),s([o({attribute:"allow-scripts",type:Boolean,reflect:!0})],t.prototype,"allowScripts",2),s([p("src")],t.prototype,"handleSrcChange",1),t=s([n("sd-6-16-0-include")],t);export{t as a};
|