@solid-design-system/components 2.9.3 → 2.10.0

package/dist/versioned-components/es/solid-components2.js

@@ -1 +1 @@
-const t={calendar:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M21 2H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1ZM6 4v1.667a1 1 0 0 0 2 0V4h8v1.667a1 1 0 0 0 2 0V4h2v4H4V4h2ZM4 20V10h16v10H4Z"/>\n      <path d="m7.603 13.263.597.81.31-.25c.31-.25.593-.49.733-.63h.017c-.017.333-.033 1.14-.033 1.647V18h1.223v-6.03H9.353l-1.75 1.293ZM14.667 11.867c-1.543 0-2.26 1-2.26 3.163 0 1.9.667 3.063 2.217 3.063s2.193-1.18 2.193-3.13c-.017-2.063-.743-3.097-2.15-3.097v.001Zm-.044 5.333c-.647 0-1-.76-1-2.28 0-1.44.353-2.173 1-2.173s1 .743 1 2.233c0 1.49-.387 2.227-1.017 2.227l.017-.007Z"/>\n    </svg>\n  ',"chevron-down":'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z"></path>\n    </svg>\n  ',"chevron-up":'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z"></path>\n    </svg>\n  ',clock:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M13 11.587V8a1 1 0 0 0-2 0v4c0 .07.007.138.021.203l-.001-.006a.855.855 0 0 0 .029.093l-.002-.006c0 .033 0 .067.03.1a.709.709 0 0 0 .055.103l-.002-.003.037.07c.04.057.081.107.127.153l2.827 2.83a1.002 1.002 0 0 0 1.417-1.417L13 11.587Z"/>\n      <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"/>\n    </svg>\n  ',close:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M21.707 2.293a1 1 0 0 0-1.414 0L12 10.586 3.707 2.293a1 1 0 0 0-1.413 1.414l-.001-.001 8.293 8.293-8.293 8.293a1 1 0 0 0 0 1.414 1 1 0 0 0 1.414 0L12 13.413l8.293 8.293a1 1 0 0 0 1.414 0 1 1 0 0 0 0-1.414l-8.293-8.293 8.293-8.293a1 1 0 0 0 0-1.414z"/></svg>\n    </svg>\n  ',"closing-round":'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"/>\n      <path d="M16.373 7.627a1 1 0 0 0-1.414 0l-2.96 2.96-2.96-2.96a1 1 0 0 0-1.413 1.414l-.001-.001 2.96 2.96-2.96 2.96a1 1 0 0 0 1.414 1.414l2.96-2.96 2.96 2.96a1 1 0 0 0 1.414-1.414L13.413 12l2.96-2.96a1 1 0 0 0 0-1.414v.001Z"/>\n    </svg>',confirm:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M21.528 2.167a1 1 0 0 0-1.384.277l-.002.004-11.333 17-5.127-5.153a1 1 0 0 0-1.413 1.414l-.001-.001 6 6a.997.997 0 0 0 .707.293h.1c.307-.032.57-.199.731-.44l.002-.004 12-18a1 1 0 0 0-.276-1.388l-.004-.002Z"/>\n    </svg>\n  ',eye:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M12 18.96c-5.263 0-10-5.68-10-6.96 0-1.28 4.737-6.96 10-6.96S22 10.72 22 12c0 1.28-4.737 6.96-10 6.96ZM4.1 12c.76 1.197 4.07 4.96 7.9 4.96s7.14-3.767 7.9-4.96c-.76-1.197-4.07-4.96-7.9-4.96S4.86 10.807 4.1 12Z"/>\n      <path d="M12 16.107A4.11 4.11 0 0 1 7.893 12 4.11 4.11 0 0 1 12 7.893 4.11 4.11 0 0 1 16.107 12 4.11 4.11 0 0 1 12 16.107Zm0-6.21a2.107 2.107 0 1 0 0 4.213 2.107 2.107 0 0 0 0-4.213Z"/>\n    </svg>\n  ',"eye-crossed-out":'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M12 16.107A4.11 4.11 0 0 1 7.893 12 4.11 4.11 0 0 1 12 7.893 4.11 4.11 0 0 1 16.107 12 4.11 4.11 0 0 1 12 16.107Zm0-6.21a2.107 2.107 0 1 0 0 4.213 2.107 2.107 0 0 0 0-4.213Z"/>\n      <path d="M12 18.96c-5.263 0-10-5.68-10-6.96 0-1.28 4.737-6.96 10-6.96S22 10.72 22 12c0 1.28-4.737 6.96-10 6.96ZM4.1 12c.76 1.197 4.07 4.96 7.9 4.96s7.14-3.767 7.9-4.96c-.76-1.197-4.07-4.96-7.9-4.96S4.86 10.807 4.1 12Z"/>\n      <path d="M3 22a1 1 0 0 1-.707-1.707l18-18a1 1 0 0 1 1.414 1.414l-18 18A.991.991 0 0 1 3 22Z"/>\n    </svg>\n  ',"info-circle":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"/><path d="M13.333 7.833a1.5 1.5 0 1 1-3.001-.001 1.5 1.5 0 0 1 3.001.001ZM13 11.667a1 1 0 0 0-1-1h-1a1 1 0 0 0 0 2v2.667h2v-3.667Z"/><path d="M11 16.333v-1h-1a1 1 0 0 0 0 2h2a1 1 0 0 1-1-1Zm3-1h-1v1a1 1 0 0 1-1 1h2a1 1 0 0 0 0-2Z"/><path  d="M13 16.333v-1h-2v1a1 1 0 0 0 2 0Z"/></svg>',"status-hook":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none">\n        <path fill="currentColor" d="m9.947 1.138-.005.008-.001.003-5.56 8.34-2.434-2.447-.004-.004a.648.648 0 0 0-1.093.475c0 .172.066.328.175.444l.003.004 3 2.999c.117.117.28.19.46.19h.065c.2-.021.37-.13.475-.286l.005-.008.001-.002 5.994-8.992a.65.65 0 0 0-.18-.902l-.007-.005-.002-.002a.65.65 0 0 0-.892.185Z"/>\n    </svg>\n  ',"status-minus":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">\n      <path d="M10 5.375H2C1.65496 5.375 1.375 5.65496 1.375 6C1.375 6.34504 1.65496 6.625 2 6.625H10C10.345 6.625 10.625 6.34504 10.625 6C10.625 5.65496 10.345 5.375 10 5.375Z" fill="currentColor"/>\n    </svg>\n  ',pause:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M9 22a.99997.99997 0 0 0 1-1V3a1.00003 1.00003 0 0 0-1-1H5a1.00003 1.00003 0 0 0-1 1v18a.99997.99997 0 0 0 1 1h4ZM6 4h2v16H6V4ZM19 22c.2652 0 .5196-.1054.7071-.2929A1.0001 1.0001 0 0 0 20 21V3a.99997.99997 0 0 0-1-1h-4a.99997.99997 0 0 0-1 1v18c0 .2652.1054.5196.2929.7071S14.7348 22 15 22h4ZM16 4h2v16h-2V4Z"/>\n    </svg>\n  ',risk:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M12.893 2.553a1.002 1.002 0 0 0-1.784-.006L2.106 20.553A1 1 0 0 0 3 22h18a1 1 0 0 0 .891-1.452l.003.006-9.001-18.001ZM4.617 20 12 5.237 19.383 20H4.617Z"/>\n      <path d="M11 10.667V15a1 1 0 0 0 2 0v-4.333a1 1 0 0 0-2 0ZM13 18a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>\n    </svg>\n  ',start:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">\n      <path d="m57.44 29.76-37.333-24A2.667 2.667 0 0 0 16 8v48a2.668 2.668 0 0 0 2.667 2.666 2.672 2.672 0 0 0 1.45-.431l-.01.005 37.333-24a2.67 2.67 0 0 0 1.192-2.221c0-.923-.47-1.74-1.184-2.216l-.01-.006.002-.037ZM21.333 51.112V12.89l29.734 19.112-29.734 19.11Z"/>\n    </svg>\n  ',"confirm-circle":'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"/><path d="M15.843 7.473a.999.999 0 0 0-1.367.329l-.002.004-3.667 6.223-1.757-1.753a1 1 0 0 0-1.413 1.414l-.001-.001 2.667 2.667a.997.997 0 0 0 .695.31h.128c.314-.042.578-.223.731-.479l.003-.005 4.333-7.333a1 1 0 0 0-.345-1.374l-.005-.003v.001Z"/></svg>',warning:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.893 2.55295C12.725 2.22395 12.388 2.00195 12 2.00195C11.612 2.00195 11.275 2.22295 11.109 2.54695L2.10598 20.553C2.03998 20.683 2.00098 20.837 2.00098 21C2.00098 21.552 2.44798 21.999 2.99998 22H21C21.552 21.999 21.999 21.552 21.999 21C21.999 20.837 21.96 20.683 21.891 20.548L21.894 20.554L12.893 2.55295ZM4.61698 20L12 5.23695L19.383 20H4.61698Z"/><path d="M11 10.667V15C11 15.552 11.448 16 12 16C12.552 16 13 15.552 13 15V10.667C13 10.115 12.552 9.66695 12 9.66695C11.448 9.66695 11 10.115 11 10.667Z"/><path d="M13 18C13 18.552 12.552 19 12 19C11.448 19 11 18.552 11 18C11 17.448 11.448 17 12 17C12.552 17 13 17.448 13 18Z"/></svg>',"exclamation-circle":'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 17C13 17.552 12.552 18 12 18C11.448 18 11 17.552 11 17C11 16.448 11.448 16 12 16C12.552 16 13 16.448 13 17Z"/><path d="M12 6C11.448 6 11 6.448 11 7V13C11 13.552 11.448 14 12 14C12.552 14 13 13.552 13 13V7C13 6.448 12.552 6 12 6Z"/><path d="M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM12 20C7.582 20 4 16.418 4 12C4 7.582 7.582 4 12 4C16.418 4 20 7.582 20 12C20 16.418 16.418 20 12 20Z"/></svg>'},o={name:"system",resolver:o=>o in t?`data:image/svg+xml,${encodeURIComponent(t[o])}`:"",mutator:t=>t.setAttribute("fill","currentColor")},e=Object.freeze(Object.defineProperty({__proto__:null,default:o,icons:t},Symbol.toStringTag,{value:"Module"}));let n=[o],s=[];function r(t){s.push(t)}function a(t){s=s.filter((o=>o!==t))}function i(t){return n.find((o=>o.name===t))}function l(t,o){c(t),n.push({name:t,resolver:o.resolver,mutator:o.mutator}),s.forEach((o=>{o.library===t&&o.setIcon()}))}function c(t){n=n.filter((o=>o.name!==t))}const p=Object.freeze(Object.defineProperty({__proto__:null,getIconLibrary:i,registerIconLibrary:l,unregisterIconLibrary:c,unwatchIcon:a,watchIcon:r},Symbol.toStringTag,{value:"Module"})),m=new Set,d=new MutationObserver(b),g=new Map;let h,u=document.documentElement.dir||"ltr",v=document.documentElement.lang||navigator.language;function w(...t){t.map((t=>{const o=t.$code.toLowerCase();g.has(o)?g.set(o,Object.assign(Object.assign({},g.get(o)),t)):g.set(o,t),h||(h=t)})),b()}function b(){u=document.documentElement.dir||"ltr",v=document.documentElement.lang||navigator.language,[...m.keys()].map((t=>{"function"==typeof t.requestUpdate&&t.requestUpdate()}))}d.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]});let C=class{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){m.add(this.host)}hostDisconnected(){m.delete(this.host)}dir(){return`${this.host.dir||u}`.toLowerCase()}lang(){return`${this.host.lang||v}`.toLowerCase()}getTranslationData(t){var o,e;const n=new Intl.Locale(t.replace(/_/g,"-")),s=null==n?void 0:n.language.toLowerCase(),r=null!==(e=null===(o=null==n?void 0:n.region)||void 0===o?void 0:o.toLowerCase())&&void 0!==e?e:"";return{locale:n,language:s,region:r,primary:g.get(`${s}-${r}`),secondary:g.get(s)}}exists(t,o){var e;const{primary:n,secondary:s}=this.getTranslationData(null!==(e=o.lang)&&void 0!==e?e:this.lang());return o=Object.assign({includeFallback:!1},o),!!(n&&n[t]||s&&s[t]||o.includeFallback&&h&&h[t])}term(t,...o){const{primary:e,secondary:n}=this.getTranslationData(this.lang());let s;if(e&&e[t])s=e[t];else if(n&&n[t])s=n[t];else{if(!h||!h[t])return console.error(`No translation found for: ${String(t)}`),String(t);s=h[t]}return"function"==typeof s?s(...o):s}date(t,o){return t=new Date(t),new Intl.DateTimeFormat(this.lang(),o).format(t)}number(t,o){return t=Number(t),isNaN(t)?"":new Intl.NumberFormat(this.lang(),o).format(t)}relativeTime(t,o,e){return new Intl.RelativeTimeFormat(this.lang(),e).format(t,o)}};w({$code:"de",$name:"Deutsch",$dir:"ltr",carousel:"Karussell",clearEntry:"Eingabe löschen",close:"Schließen",copy:"Kopieren",numOptionsSelected:t=>0===t?"":`Optionen ausgewählt (${t})`,previousSlide:"Vorherige Folie",currentValue:"Aktueller Wert",goToSlide:(t,o)=>`Zu Folie ${t} von ${o} gehen`,hidePassword:"Passwort verbergen",loading:"Wird geladen",nextSlide:"Nächste Folie",progress:"Fortschritt",remove:"Entfernen",resize:"Größe ändern",scrollToEnd:"Zum Ende scrollen",scrollToStart:"Zum Anfang scrollen",selectAColorFromTheScreen:"Farbe vom Bildschirm auswählen",selectDefaultPlaceholder:"Bitte auswählen",showPassword:"Passwort anzeigen",slideNum:t=>`Folie ${t}`,toggleColorFormat:"Farbformat umschalten"}),w({$code:"en",$name:"English",$dir:"ltr",clearEntry:"Clear entry",close:"Close",copy:"Copy",numOptionsSelected:t=>0===t?"":`Options Selected (${t})`,currentValue:"Current value",hidePassword:"Hide password",loading:"Loading",progress:"Progress",remove:"Remove",resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",selectDefaultPlaceholder:"Please select",showPassword:"Show password",toggleColorFormat:"Toggle color format",carousel:"Carousel",nextSlide:"Next slide",previousSlide:"Previous slide",goToSlide:(t,o)=>`Go to slide ${t} of ${o}`,slideNum:t=>`Slide ${t}`});class Z extends C{}const x=Object.assign({"./components/accordion-group/accordion-group.ts":()=>import("./accordion-group.js"),"./components/accordion/accordion.ts":()=>import("./accordion.js"),"./components/badge/badge.ts":()=>import("./badge.js"),"./components/brandshape/brandshape.ts":()=>import("./brandshape.js"),"./components/button/button.ts":()=>import("./button.js"),"./components/carousel-item/carousel-item.ts":()=>import("./carousel-item.js"),"./components/carousel/autoplay-controller.ts":()=>import("./autoplay-controller.js"),"./components/carousel/carousel.ts":()=>import("./carousel.js"),"./components/carousel/scroll-controller.ts":()=>import("./scroll-controller.js"),"./components/checkbox-group/checkbox-group.ts":()=>import("./checkbox-group.js"),"./components/checkbox/checkbox.ts":()=>import("./checkbox.js"),"./components/dialog/dialog.ts":()=>import("./dialog.js"),"./components/divider/divider.ts":()=>import("./divider.js"),"./components/drawer/drawer.ts":()=>import("./drawer.js"),"./components/dropdown/dropdown.ts":()=>import("./dropdown.js"),"./components/header/header.ts":()=>import("./header.js"),"./components/icon/icon.ts":()=>import("./icon.js").then((t=>t.i)),"./components/icon/library.system.ts":()=>Promise.resolve().then((()=>e)),"./components/icon/library.ts":()=>Promise.resolve().then((()=>p)),"./components/icon/request.ts":()=>import("./request.js"),"./components/include/include.ts":()=>import("./include.js"),"./components/include/request.ts":()=>import("./request2.js"),"./components/input/input.ts":()=>import("./input.js"),"./components/link/link.ts":()=>import("./link.js"),"./components/navigation-item/navigation-item.ts":()=>import("./navigation-item.js"),"./components/notification/notification.ts":()=>import("./notification.js"),"./components/option/option.ts":()=>import("./option.js"),"./components/popup/popup.ts":()=>import("./popup.js"),"./components/radio-button/radio-button.ts":()=>import("./radio-button.js"),"./components/radio-group/radio-group.ts":()=>import("./radio-group.js"),"./components/radio/radio.ts":()=>import("./radio.js"),"./components/select/select.ts":()=>import("./select.js"),"./components/spinner/spinner.ts":()=>import("./spinner.js"),"./components/switch/switch.ts":()=>import("./switch.js"),"./components/tab-group/tab-group.ts":()=>import("./tab-group.js"),"./components/tab-panel/tab-panel.ts":()=>import("./tab-panel.js"),"./components/tab/tab.ts":()=>import("./tab.js"),"./components/tag/tag.ts":()=>import("./tag.js"),"./components/teaser-media/teaser-media.ts":()=>import("./teaser-media.js"),"./components/teaser/teaser.ts":()=>import("./teaser.js"),"./components/textarea/textarea.ts":()=>import("./textarea.js"),"./components/tooltip/tooltip.ts":()=>import("./tooltip.js"),"./components/video/video.ts":()=>import("./video.js")});Object.keys(x).forEach((t=>{x[t]()}));export{Z as L,c as a,i as g,l as r,a as u,r as w};
+const t={name:"default",resolver:t=>{const e=t.split("/");return("content"===e[0]||"system"===e[0])&&(t="union-investment/"+t),`https://fe-celum-icons-prod.azureedge.net/${t}.svg`},mutator:t=>{const e={currentColorFills:[],currentColorStrokes:[],greenFills:[],greenStrokes:[]};return e.currentColorFills=t.querySelectorAll('[fill="#00358e" i]'),e.currentColorStrokes=t.querySelectorAll('[stroke="#00358e" i]'),e.greenFills=t.querySelectorAll('[fill="#43b02a" i]'),e.greenStrokes=t.querySelectorAll('[stroke="#43b02a" i]'),e.currentColorFills.forEach((t=>{t.setAttribute("fill","currentColor")})),e.currentColorStrokes.forEach((t=>{t.setAttribute("stroke","currentColor")})),e.greenFills.forEach((t=>{t.setAttribute("fill","rgb(var(--sd-color-accent, 67 176 42) / var(--tw-bg-opacity, 1))")})),e.greenStrokes.forEach((t=>{t.setAttribute("stroke","rgb(var(--sd-color-accent, 67 176 42) / var(--tw-bg-opacity, 1))")})),t}},e=Object.freeze(Object.defineProperty({__proto__:null,default:t},Symbol.toStringTag,{value:"Module"})),o={calendar:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M21 2H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1ZM6 4v1.667a1 1 0 0 0 2 0V4h8v1.667a1 1 0 0 0 2 0V4h2v4H4V4h2ZM4 20V10h16v10H4Z"/>\n      <path d="m7.603 13.263.597.81.31-.25c.31-.25.593-.49.733-.63h.017c-.017.333-.033 1.14-.033 1.647V18h1.223v-6.03H9.353l-1.75 1.293ZM14.667 11.867c-1.543 0-2.26 1-2.26 3.163 0 1.9.667 3.063 2.217 3.063s2.193-1.18 2.193-3.13c-.017-2.063-.743-3.097-2.15-3.097v.001Zm-.044 5.333c-.647 0-1-.76-1-2.28 0-1.44.353-2.173 1-2.173s1 .743 1 2.233c0 1.49-.387 2.227-1.017 2.227l.017-.007Z"/>\n    </svg>\n  ',"chevron-down":'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z"></path>\n    </svg>\n  ',"chevron-up":'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z"></path>\n    </svg>\n  ',clock:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M13 11.587V8a1 1 0 0 0-2 0v4c0 .07.007.138.021.203l-.001-.006a.855.855 0 0 0 .029.093l-.002-.006c0 .033 0 .067.03.1a.709.709 0 0 0 .055.103l-.002-.003.037.07c.04.057.081.107.127.153l2.827 2.83a1.002 1.002 0 0 0 1.417-1.417L13 11.587Z"/>\n      <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"/>\n    </svg>\n  ',close:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M21.707 2.293a1 1 0 0 0-1.414 0L12 10.586 3.707 2.293a1 1 0 0 0-1.413 1.414l-.001-.001 8.293 8.293-8.293 8.293a1 1 0 0 0 0 1.414 1 1 0 0 0 1.414 0L12 13.413l8.293 8.293a1 1 0 0 0 1.414 0 1 1 0 0 0 0-1.414l-8.293-8.293 8.293-8.293a1 1 0 0 0 0-1.414z"/></svg>\n    </svg>\n  ',"closing-round":'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"/>\n      <path d="M16.373 7.627a1 1 0 0 0-1.414 0l-2.96 2.96-2.96-2.96a1 1 0 0 0-1.413 1.414l-.001-.001 2.96 2.96-2.96 2.96a1 1 0 0 0 1.414 1.414l2.96-2.96 2.96 2.96a1 1 0 0 0 1.414-1.414L13.413 12l2.96-2.96a1 1 0 0 0 0-1.414v.001Z"/>\n    </svg>',confirm:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M21.528 2.167a1 1 0 0 0-1.384.277l-.002.004-11.333 17-5.127-5.153a1 1 0 0 0-1.413 1.414l-.001-.001 6 6a.997.997 0 0 0 .707.293h.1c.307-.032.57-.199.731-.44l.002-.004 12-18a1 1 0 0 0-.276-1.388l-.004-.002Z"/>\n    </svg>\n  ',eye:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M12 18.96c-5.263 0-10-5.68-10-6.96 0-1.28 4.737-6.96 10-6.96S22 10.72 22 12c0 1.28-4.737 6.96-10 6.96ZM4.1 12c.76 1.197 4.07 4.96 7.9 4.96s7.14-3.767 7.9-4.96c-.76-1.197-4.07-4.96-7.9-4.96S4.86 10.807 4.1 12Z"/>\n      <path d="M12 16.107A4.11 4.11 0 0 1 7.893 12 4.11 4.11 0 0 1 12 7.893 4.11 4.11 0 0 1 16.107 12 4.11 4.11 0 0 1 12 16.107Zm0-6.21a2.107 2.107 0 1 0 0 4.213 2.107 2.107 0 0 0 0-4.213Z"/>\n    </svg>\n  ',"eye-crossed-out":'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M12 16.107A4.11 4.11 0 0 1 7.893 12 4.11 4.11 0 0 1 12 7.893 4.11 4.11 0 0 1 16.107 12 4.11 4.11 0 0 1 12 16.107Zm0-6.21a2.107 2.107 0 1 0 0 4.213 2.107 2.107 0 0 0 0-4.213Z"/>\n      <path d="M12 18.96c-5.263 0-10-5.68-10-6.96 0-1.28 4.737-6.96 10-6.96S22 10.72 22 12c0 1.28-4.737 6.96-10 6.96ZM4.1 12c.76 1.197 4.07 4.96 7.9 4.96s7.14-3.767 7.9-4.96c-.76-1.197-4.07-4.96-7.9-4.96S4.86 10.807 4.1 12Z"/>\n      <path d="M3 22a1 1 0 0 1-.707-1.707l18-18a1 1 0 0 1 1.414 1.414l-18 18A.991.991 0 0 1 3 22Z"/>\n    </svg>\n  ',"info-circle":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"/><path d="M13.333 7.833a1.5 1.5 0 1 1-3.001-.001 1.5 1.5 0 0 1 3.001.001ZM13 11.667a1 1 0 0 0-1-1h-1a1 1 0 0 0 0 2v2.667h2v-3.667Z"/><path d="M11 16.333v-1h-1a1 1 0 0 0 0 2h2a1 1 0 0 1-1-1Zm3-1h-1v1a1 1 0 0 1-1 1h2a1 1 0 0 0 0-2Z"/><path  d="M13 16.333v-1h-2v1a1 1 0 0 0 2 0Z"/></svg>',"status-hook":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none">\n        <path fill="currentColor" d="m9.947 1.138-.005.008-.001.003-5.56 8.34-2.434-2.447-.004-.004a.648.648 0 0 0-1.093.475c0 .172.066.328.175.444l.003.004 3 2.999c.117.117.28.19.46.19h.065c.2-.021.37-.13.475-.286l.005-.008.001-.002 5.994-8.992a.65.65 0 0 0-.18-.902l-.007-.005-.002-.002a.65.65 0 0 0-.892.185Z"/>\n    </svg>\n  ',"status-minus":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">\n      <path d="M10 5.375H2C1.65496 5.375 1.375 5.65496 1.375 6C1.375 6.34504 1.65496 6.625 2 6.625H10C10.345 6.625 10.625 6.34504 10.625 6C10.625 5.65496 10.345 5.375 10 5.375Z" fill="currentColor"/>\n    </svg>\n  ',pause:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M9 22a.99997.99997 0 0 0 1-1V3a1.00003 1.00003 0 0 0-1-1H5a1.00003 1.00003 0 0 0-1 1v18a.99997.99997 0 0 0 1 1h4ZM6 4h2v16H6V4ZM19 22c.2652 0 .5196-.1054.7071-.2929A1.0001 1.0001 0 0 0 20 21V3a.99997.99997 0 0 0-1-1h-4a.99997.99997 0 0 0-1 1v18c0 .2652.1054.5196.2929.7071S14.7348 22 15 22h4ZM16 4h2v16h-2V4Z"/>\n    </svg>\n  ',risk:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M12.893 2.553a1.002 1.002 0 0 0-1.784-.006L2.106 20.553A1 1 0 0 0 3 22h18a1 1 0 0 0 .891-1.452l.003.006-9.001-18.001ZM4.617 20 12 5.237 19.383 20H4.617Z"/>\n      <path d="M11 10.667V15a1 1 0 0 0 2 0v-4.333a1 1 0 0 0-2 0ZM13 18a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>\n    </svg>\n  ',start:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">\n      <path d="m57.44 29.76-37.333-24A2.667 2.667 0 0 0 16 8v48a2.668 2.668 0 0 0 2.667 2.666 2.672 2.672 0 0 0 1.45-.431l-.01.005 37.333-24a2.67 2.67 0 0 0 1.192-2.221c0-.923-.47-1.74-1.184-2.216l-.01-.006.002-.037ZM21.333 51.112V12.89l29.734 19.112-29.734 19.11Z"/>\n    </svg>\n  ',"confirm-circle":'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"/><path d="M15.843 7.473a.999.999 0 0 0-1.367.329l-.002.004-3.667 6.223-1.757-1.753a1 1 0 0 0-1.413 1.414l-.001-.001 2.667 2.667a.997.997 0 0 0 .695.31h.128c.314-.042.578-.223.731-.479l.003-.005 4.333-7.333a1 1 0 0 0-.345-1.374l-.005-.003v.001Z"/></svg>',warning:'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.893 2.55295C12.725 2.22395 12.388 2.00195 12 2.00195C11.612 2.00195 11.275 2.22295 11.109 2.54695L2.10598 20.553C2.03998 20.683 2.00098 20.837 2.00098 21C2.00098 21.552 2.44798 21.999 2.99998 22H21C21.552 21.999 21.999 21.552 21.999 21C21.999 20.837 21.96 20.683 21.891 20.548L21.894 20.554L12.893 2.55295ZM4.61698 20L12 5.23695L19.383 20H4.61698Z"/><path d="M11 10.667V15C11 15.552 11.448 16 12 16C12.552 16 13 15.552 13 15V10.667C13 10.115 12.552 9.66695 12 9.66695C11.448 9.66695 11 10.115 11 10.667Z"/><path d="M13 18C13 18.552 12.552 19 12 19C11.448 19 11 18.552 11 18C11 17.448 11.448 17 12 17C12.552 17 13 17.448 13 18Z"/></svg>',"exclamation-circle":'\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 17C13 17.552 12.552 18 12 18C11.448 18 11 17.552 11 17C11 16.448 11.448 16 12 16C12.552 16 13 16.448 13 17Z"/><path d="M12 6C11.448 6 11 6.448 11 7V13C11 13.552 11.448 14 12 14C12.552 14 13 13.552 13 13V7C13 6.448 12.552 6 12 6Z"/><path d="M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM12 20C7.582 20 4 16.418 4 12C4 7.582 7.582 4 12 4C16.418 4 20 7.582 20 12C20 16.418 16.418 20 12 20Z"/></svg>'},n={name:"system",resolver:t=>t in o?`data:image/svg+xml,${encodeURIComponent(o[t])}`:"",mutator:t=>t.setAttribute("fill","currentColor")},s=Object.freeze(Object.defineProperty({__proto__:null,default:n,icons:o},Symbol.toStringTag,{value:"Module"}));let r=[n,t],a=[];function l(t){a.push(t)}function i(t){a=a.filter((e=>e!==t))}function c(t){return r.find((e=>e.name===t))}function p(t,e){m(t),r.push({name:t,resolver:e.resolver,mutator:e.mutator}),a.forEach((e=>{e.library===t&&e.setIcon()}))}function m(t){r=r.filter((e=>e.name!==t))}const d=Object.freeze(Object.defineProperty({__proto__:null,getIconLibrary:c,registerIconLibrary:p,unregisterIconLibrary:m,unwatchIcon:i,watchIcon:l},Symbol.toStringTag,{value:"Module"})),g=new Set,u=new MutationObserver(f),h=new Map;let v,w=document.documentElement.dir||"ltr",b=document.documentElement.lang||navigator.language;function C(...t){t.map((t=>{const e=t.$code.toLowerCase();h.has(e)?h.set(e,Object.assign(Object.assign({},h.get(e)),t)):h.set(e,t),v||(v=t)})),f()}function f(){w=document.documentElement.dir||"ltr",b=document.documentElement.lang||navigator.language,[...g.keys()].map((t=>{"function"==typeof t.requestUpdate&&t.requestUpdate()}))}u.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]});let Z=class{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){g.add(this.host)}hostDisconnected(){g.delete(this.host)}dir(){return`${this.host.dir||w}`.toLowerCase()}lang(){return`${this.host.lang||b}`.toLowerCase()}getTranslationData(t){var e,o;const n=new Intl.Locale(t.replace(/_/g,"-")),s=null==n?void 0:n.language.toLowerCase(),r=null!==(o=null===(e=null==n?void 0:n.region)||void 0===e?void 0:e.toLowerCase())&&void 0!==o?o:"";return{locale:n,language:s,region:r,primary:h.get(`${s}-${r}`),secondary:h.get(s)}}exists(t,e){var o;const{primary:n,secondary:s}=this.getTranslationData(null!==(o=e.lang)&&void 0!==o?o:this.lang());return e=Object.assign({includeFallback:!1},e),!!(n&&n[t]||s&&s[t]||e.includeFallback&&v&&v[t])}term(t,...e){const{primary:o,secondary:n}=this.getTranslationData(this.lang());let s;if(o&&o[t])s=o[t];else if(n&&n[t])s=n[t];else{if(!v||!v[t])return console.error(`No translation found for: ${String(t)}`),String(t);s=v[t]}return"function"==typeof s?s(...e):s}date(t,e){return t=new Date(t),new Intl.DateTimeFormat(this.lang(),e).format(t)}number(t,e){return t=Number(t),isNaN(t)?"":new Intl.NumberFormat(this.lang(),e).format(t)}relativeTime(t,e,o){return new Intl.RelativeTimeFormat(this.lang(),o).format(t,e)}};C({$code:"de",$name:"Deutsch",$dir:"ltr",carousel:"Karussell",clearEntry:"Eingabe löschen",close:"Schließen",copy:"Kopieren",numOptionsSelected:t=>0===t?"":`Optionen ausgewählt (${t})`,previousSlide:"Vorherige Folie",currentValue:"Aktueller Wert",goToSlide:(t,e)=>`Zu Folie ${t} von ${e} gehen`,hidePassword:"Passwort verbergen",loading:"Wird geladen",nextSlide:"Nächste Folie",progress:"Fortschritt",remove:"Entfernen",resize:"Größe ändern",scrollToEnd:"Zum Ende scrollen",scrollToStart:"Zum Anfang scrollen",selectAColorFromTheScreen:"Farbe vom Bildschirm auswählen",selectDefaultPlaceholder:"Bitte auswählen",showPassword:"Passwort anzeigen",slideNum:t=>`Folie ${t}`,toggleColorFormat:"Farbformat umschalten"}),C({$code:"en",$name:"English",$dir:"ltr",clearEntry:"Clear entry",close:"Close",copy:"Copy",numOptionsSelected:t=>0===t?"":`Options Selected (${t})`,currentValue:"Current value",hidePassword:"Hide password",loading:"Loading",progress:"Progress",remove:"Remove",resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",selectDefaultPlaceholder:"Please select",showPassword:"Show password",toggleColorFormat:"Toggle color format",carousel:"Carousel",nextSlide:"Next slide",previousSlide:"Previous slide",goToSlide:(t,e)=>`Go to slide ${t} of ${e}`,slideNum:t=>`Slide ${t}`});class j extends Z{}const x=Object.assign({"./components/accordion-group/accordion-group.ts":()=>import("./accordion-group.js"),"./components/accordion/accordion.ts":()=>import("./accordion.js"),"./components/badge/badge.ts":()=>import("./badge.js"),"./components/brandshape/brandshape.ts":()=>import("./brandshape.js"),"./components/button/button.ts":()=>import("./button.js"),"./components/carousel-item/carousel-item.ts":()=>import("./carousel-item.js"),"./components/carousel/autoplay-controller.ts":()=>import("./autoplay-controller.js"),"./components/carousel/carousel.ts":()=>import("./carousel.js"),"./components/carousel/scroll-controller.ts":()=>import("./scroll-controller.js"),"./components/checkbox-group/checkbox-group.ts":()=>import("./checkbox-group.js"),"./components/checkbox/checkbox.ts":()=>import("./checkbox.js"),"./components/dialog/dialog.ts":()=>import("./dialog.js"),"./components/divider/divider.ts":()=>import("./divider.js"),"./components/drawer/drawer.ts":()=>import("./drawer.js"),"./components/dropdown/dropdown.ts":()=>import("./dropdown.js"),"./components/header/header.ts":()=>import("./header.js"),"./components/icon/icon.ts":()=>import("./icon.js").then((t=>t.i)),"./components/icon/library.default.ts":()=>Promise.resolve().then((()=>e)),"./components/icon/library.system.ts":()=>Promise.resolve().then((()=>s)),"./components/icon/library.ts":()=>Promise.resolve().then((()=>d)),"./components/icon/request.ts":()=>import("./request.js"),"./components/include/include.ts":()=>import("./include.js"),"./components/include/request.ts":()=>import("./request2.js"),"./components/input/input.ts":()=>import("./input.js"),"./components/link/link.ts":()=>import("./link.js"),"./components/navigation-item/navigation-item.ts":()=>import("./navigation-item.js"),"./components/notification/notification.ts":()=>import("./notification.js"),"./components/option/option.ts":()=>import("./option.js"),"./components/popup/popup.ts":()=>import("./popup.js"),"./components/radio-button/radio-button.ts":()=>import("./radio-button.js"),"./components/radio-group/radio-group.ts":()=>import("./radio-group.js"),"./components/radio/radio.ts":()=>import("./radio.js"),"./components/select/select.ts":()=>import("./select.js"),"./components/spinner/spinner.ts":()=>import("./spinner.js"),"./components/switch/switch.ts":()=>import("./switch.js"),"./components/tab-group/tab-group.ts":()=>import("./tab-group.js"),"./components/tab-panel/tab-panel.ts":()=>import("./tab-panel.js"),"./components/tab/tab.ts":()=>import("./tab.js"),"./components/tag/tag.ts":()=>import("./tag.js"),"./components/teaser-media/teaser-media.ts":()=>import("./teaser-media.js"),"./components/teaser/teaser.ts":()=>import("./teaser.js"),"./components/textarea/textarea.ts":()=>import("./textarea.js"),"./components/tooltip/tooltip.ts":()=>import("./tooltip.js"),"./components/video/video.ts":()=>import("./video.js")});Object.keys(x).forEach((t=>{x[t]()}));export{j as L,m as a,c as g,p as r,i as u,l as w};

package/dist/versioned-components/es/spinner.js

@@ -1 +1 @@
-import{S as e,x as r,i as s,n as t,c as l}from"./solid-element.js";import{L as o}from"./solid-components2.js";import{t as i}from"./classix.js";var a=Object.defineProperty,n=Object.getOwnPropertyDescriptor,c=(e,r,s,t)=>{for(var l,o=t>1?void 0:t?n(r,s):r,i=e.length-1;i>=0;i--)(l=e[i])&&(o=(t?l(r,s,o):l(o))||o);return t&&o&&a(r,s,o),o};let p=class extends e{constructor(){super(...arguments),this.color="currentColor",this.localize=new o(this)}render(){return r`<svg role="progressbar" viewBox="0 0 24 24" class="${i("animate-spin",{primary:"text-primary",white:"text-white",currentColor:""}[this.color])}" aria-label="${this.localize.term("loading")}"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" class="opacity-20" fill="currentColor"/><mask id="mask0_5273_25391" style="mask-type:alpha" maskUnits="userSpaceOnUse"><path d="M24 12C24 5.37258 18.6274 0 12 0V12H24Z" fill="currentColor"/></mask><g mask="url(#mask0_5273_25391)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="currentColor"/></g></svg>`}};p.styles=[e.styles,s`:host{display:inline-block;width:1em;height:1em}`],c([t({reflect:!0})],p.prototype,"color",2),p=c([l("sd-2-9-3-spinner")],p);export{p as default};
+import{S as e,x as r,i as s,n as t,c as l}from"./solid-element.js";import{L as o}from"./solid-components2.js";import{t as i}from"./classix.js";var a=Object.defineProperty,n=Object.getOwnPropertyDescriptor,c=(e,r,s,t)=>{for(var l,o=t>1?void 0:t?n(r,s):r,i=e.length-1;i>=0;i--)(l=e[i])&&(o=(t?l(r,s,o):l(o))||o);return t&&o&&a(r,s,o),o};let p=class extends e{constructor(){super(...arguments),this.color="currentColor",this.localize=new o(this)}render(){return r`<svg role="progressbar" viewBox="0 0 24 24" class="${i("animate-spin",{primary:"text-primary",white:"text-white",currentColor:""}[this.color])}" aria-label="${this.localize.term("loading")}"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" class="opacity-20" fill="currentColor"/><mask id="mask0_5273_25391" style="mask-type:alpha" maskUnits="userSpaceOnUse"><path d="M24 12C24 5.37258 18.6274 0 12 0V12H24Z" fill="currentColor"/></mask><g mask="url(#mask0_5273_25391)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="currentColor"/></g></svg>`}};p.styles=[e.styles,s`:host{display:inline-block;width:1em;height:1em}`],c([t({reflect:!0})],p.prototype,"color",2),p=c([l("sd-2-10-0-spinner")],p);export{p as default};

package/dist/versioned-components/es/switch.js

@@ -1 +1 @@
-import{S as e,x as t,i,n as r,c as s}from"./solid-element.js";import{d as l}from"./default-value.js";import{F as o}from"./form.js";import{o as a}from"./if-defined.js";import{l as n}from"./live.js";import{r as d}from"./state.js";import{e as h}from"./query.js";import{w as c}from"./watch.js";import{t as u}from"./classix.js";var p=Object.defineProperty,b=Object.getOwnPropertyDescriptor,f=(e,t,i,r)=>{for(var s,l=r>1?void 0:r?b(t,i):t,o=e.length-1;o>=0;o--)(s=e[o])&&(l=(r?s(t,i,l):s(l))||l);return r&&l&&p(t,i,l),l};let m=class extends e{constructor(){super(...arguments),this.formControlController=new o(this,{value:e=>e.checked?e.value||"on":void 0,defaultValue:e=>e.defaultChecked,setValue:(e,t)=>e.checked=t}),this.showInvalidStyle=!1,this.title="",this.name="",this.disabled=!1,this.checked=!1,this.defaultChecked=!1,this.form="",this.required=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-2-9-3-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,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.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){return t`<label part="base" class="${u("group flex items-center text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed")}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${a(this.value)}" .checked="${n(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"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"}" class="${u("relative flex flex-initial items-center justify-center border rounded-full h-4 w-8 transition-colors ease duration-100\n            peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\n            peer-focus-visible:outline-primary",this.disabled&&this.checked?"border-neutral-500 bg-neutral-500":this.disabled?"border-neutral-500":this.showInvalidStyle?"border-error bg-error hover:bg-error-400":this.checked?"border-accent bg-accent hover:bg-accent-550 group-hover:bg-accent-550":"border-neutral-800 bg-white hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span id="thumb" part="thumb" class="${u("w-2.5 h-2.5 rounded-full transition-transform ease-in-out duration-200",this.disabled&&this.checked?"bg-white":this.disabled?"-translate-x-2 bg-neutral-500":this.showInvalidStyle?"bg-white -translate-x-2":this.checked?"translate-x-2 bg-white":"bg-neutral-800 -translate-x-2")}"></span> </span><span part="label" id="label" class="${u("select-none inline-block ml-2",this.disabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};m.styles=[e.styles,i`:host{display:block}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host([required]) #label::after{content:' *'}`],f([h("input")],m.prototype,"input",2),f([h("#invalid-message")],m.prototype,"invalidMessage",2),f([d()],m.prototype,"showInvalidStyle",2),f([r()],m.prototype,"title",2),f([r()],m.prototype,"name",2),f([r()],m.prototype,"value",2),f([r({type:Boolean,reflect:!0})],m.prototype,"disabled",2),f([r({type:Boolean,reflect:!0})],m.prototype,"checked",2),f([l("checked")],m.prototype,"defaultChecked",2),f([r({reflect:!0})],m.prototype,"form",2),f([r({type:Boolean,reflect:!0})],m.prototype,"required",2),f([c("disabled",{waitUntilFirstUpdate:!0})],m.prototype,"handleDisabledChange",1),f([c(["checked"],{waitUntilFirstUpdate:!0})],m.prototype,"handleStateChange",1),m=f([s("sd-2-9-3-switch")],m);export{m as default};
+import{S as e,x as t,i,n as r,c as s}from"./solid-element.js";import{d as l}from"./default-value.js";import{F as o}from"./form.js";import{o as a}from"./if-defined.js";import{l as n}from"./live.js";import{r as d}from"./state.js";import{e as h}from"./query.js";import{w as c}from"./watch.js";import{t as u}from"./classix.js";var p=Object.defineProperty,b=Object.getOwnPropertyDescriptor,f=(e,t,i,r)=>{for(var s,l=r>1?void 0:r?b(t,i):t,o=e.length-1;o>=0;o--)(s=e[o])&&(l=(r?s(t,i,l):s(l))||l);return r&&l&&p(t,i,l),l};let m=class extends e{constructor(){super(...arguments),this.formControlController=new o(this,{value:e=>e.checked?e.value||"on":void 0,defaultValue:e=>e.defaultChecked,setValue:(e,t)=>e.checked=t}),this.showInvalidStyle=!1,this.title="",this.name="",this.disabled=!1,this.checked=!1,this.defaultChecked=!1,this.form="",this.required=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-2-10-0-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,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.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){return t`<label part="base" class="${u("group flex items-center text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed")}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${a(this.value)}" .checked="${n(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"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"}" class="${u("relative flex flex-initial items-center justify-center border rounded-full h-4 w-8 transition-colors ease duration-100\n            peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\n            peer-focus-visible:outline-primary",this.disabled&&this.checked?"border-neutral-500 bg-neutral-500":this.disabled?"border-neutral-500":this.showInvalidStyle?"border-error bg-error hover:bg-error-400":this.checked?"border-accent bg-accent hover:bg-accent-550 group-hover:bg-accent-550":"border-neutral-800 bg-white hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span id="thumb" part="thumb" class="${u("w-2.5 h-2.5 rounded-full transition-transform ease-in-out duration-200",this.disabled&&this.checked?"bg-white":this.disabled?"-translate-x-2 bg-neutral-500":this.showInvalidStyle?"bg-white -translate-x-2":this.checked?"translate-x-2 bg-white":"bg-neutral-800 -translate-x-2")}"></span> </span><span part="label" id="label" class="${u("select-none inline-block ml-2",this.disabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};m.styles=[e.styles,i`:host{display:block}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host([required]) #label::after{content:' *'}`],f([h("input")],m.prototype,"input",2),f([h("#invalid-message")],m.prototype,"invalidMessage",2),f([d()],m.prototype,"showInvalidStyle",2),f([r()],m.prototype,"title",2),f([r()],m.prototype,"name",2),f([r()],m.prototype,"value",2),f([r({type:Boolean,reflect:!0})],m.prototype,"disabled",2),f([r({type:Boolean,reflect:!0})],m.prototype,"checked",2),f([l("checked")],m.prototype,"defaultChecked",2),f([r({reflect:!0})],m.prototype,"form",2),f([r({type:Boolean,reflect:!0})],m.prototype,"required",2),f([c("disabled",{waitUntilFirstUpdate:!0})],m.prototype,"handleDisabledChange",1),f([c(["checked"],{waitUntilFirstUpdate:!0})],m.prototype,"handleStateChange",1),m=f([s("sd-2-10-0-switch")],m);export{m as default};

package/dist/versioned-components/es/tab-group.js

@@ -1 +1 @@
-import{S as t,x as e,r as s,i as a,n as i,c as o}from"./solid-element.js";import{L as r}from"./solid-components2.js";import{r as l}from"./state.js";import{e as n}from"./query.js";import{s as c}from"./scroll.js";import{c as h}from"./component.styles.js";import{t as b}from"./classix.js";import{I as d}from"./interactive.js";var v=Object.defineProperty,u=Object.getOwnPropertyDescriptor,p=(t,e,s,a)=>{for(var i,o=a>1?void 0:a?u(e,s):e,r=t.length-1;r>=0;r--)(i=t[r])&&(o=(a?i(e,s,o):i(o))||o);return a&&o&&v(e,s,o),o};let m=class extends t{constructor(){super(...arguments),this.localize=new r(this),this.tabs=[],this.panels=[],this.hasScrollControls=!1,this.variant="default",this.activation="auto"}connectedCallback(){const t=Promise.all([customElements.whenDefined("sd-2-9-3-tab"),customElements.whenDefined("sd-2-9-3-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>{this.updateScrollControls()})),this.mutationObserver=new MutationObserver((t=>{t.some((t=>!["aria-labelledby","aria-controls"].includes(t.attributeName)))&&setTimeout((()=>this.setAriaLabels())),t.some((t=>"disabled"===t.attributeName))&&this.syncTabsAndPanels()})),this.updateComplete.then((()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),t.then((()=>{new IntersectionObserver(((t,e)=>{t[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab(this.activeTab??this.tabs[0],{emitEvents:!1}),e.unobserve(t[0].target))})).observe(this.tabGroup)}))}))}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.unobserve(this.nav)}getAllTabs(t={includeDisabled:!0}){return[...this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()].filter((e=>t.includeDisabled?"sd-2-9-3-tab"===e.tagName.toLowerCase():"sd-2-9-3-tab"===e.tagName.toLowerCase()&&!e.disabled))}getAllPanels(){return[...this.body.assignedElements()].filter((t=>"sd-2-9-3-tab-panel"===t.tagName.toLowerCase()))}getActiveTab(){return this.tabs.find((t=>t.matches(":focus")))}handleClick(t){const e=t.target.closest("sd-2-9-3-tab");(null==e?void 0:e.closest("sd-2-9-3-tab-group"))===this&&null!==e&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){const e=t.target.closest("sd-2-9-3-tab");if((null==e?void 0:e.closest("sd-2-9-3-tab-group"))===this){if(["Enter"," "].includes(t.key)&&null!==e&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["Tab"].includes(t.key)){const t=this.tabs.indexOf(this.getActiveTab());null!==e&&c(this.tabs[t+1],this.nav,"horizontal")}if(["Shift","Tab"].includes(t.key)){const t=this.tabs.indexOf(this.getActiveTab());null!==e&&c(this.tabs[t-1],this.nav,"horizontal")}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){const e=this.tabs.find((t=>t.matches(":focus"))),s="rtl"===this.localize.dir();if("sd-2-9-3-tab"===(null==e?void 0:e.tagName.toLowerCase())){let a=this.tabs.indexOf(e);"Home"===t.key?a=0:"End"===t.key?a=this.tabs.length-1:t.key===(s?"ArrowRight":"ArrowLeft")||"ArrowUp"===t.key?a--:(t.key===(s?"ArrowLeft":"ArrowRight")||"ArrowDown"===t.key)&&a++,a<0&&(a=this.tabs.length-1),a>this.tabs.length-1&&(a=0),this.tabs[a].focus({preventScroll:!0}),"auto"===this.activation&&this.setActiveTab(this.tabs[a],{scrollBehavior:"smooth"}),c(this.tabs[a],this.nav,"horizontal"),t.preventDefault()}}}}handleScrollToStart(){this.nav.scroll({left:"rtl"===this.localize.dir()?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:"rtl"===this.localize.dir()?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,e){if(e={emitEvents:!0,scrollBehavior:"auto",...e},t!==this.activeTab&&!t.disabled){const s=this.activeTab;this.activeTab=t,this.tabs.map((t=>t.active=t===this.activeTab)),this.panels.map((t=>{var e;return t.active=t.name===(null==(e=this.activeTab)?void 0:e.panel)})),c(this.activeTab,this.nav,"horizontal",e.scrollBehavior),e.emitEvents&&(s&&this.emit("sd-2-9-3-tab-hide",{detail:{name:s.panel}}),this.emit("sd-2-9-3-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach((t=>{const e=this.panels.find((e=>e.name===t.panel));e&&(t.setAttribute("aria-controls",e.getAttribute("id")),e.setAttribute("aria-labelledby",t.getAttribute("id")))}))}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.updateComplete.then((()=>this.updateScrollControls())),0!==this.tabs.length&&"container"===this.tabs[0].variant&&(this.variant="container")}updateScrollControls(){this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth}show(t){const e=this.tabs.find((e=>e.panel===t));e&&this.setActiveTab(e,{scrollBehavior:"smooth"})}render(){const t="rtl"===this.localize.dir();return e`<div part="base" class="${b("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${b(this.hasScrollControls&&"relative py-0 px-12")}">${this.hasScrollControls?e`<button part="scroll-button--start" exportparts="base:scroll-button__base" class="${b("sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10","rtl"===this.localize.dir()&&"left-auto right-0")}" @click="${this.handleScrollToStart}"><sd-2-9-3-icon library="system" name="${t?"chevron-up":"chevron-down"}" class="${b("h-6 w-12 rotate-90 grid place-items-center")}"></sd-2-9-3-icon></button>`:""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${b("flex flex-auto relative flex-row")}" role="tablist"><div part="separation" class="w-full h-[1px] bg-neutral-400 absolute bottom-0"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls?e`<button part="scroll-button--end" exportparts="base:scroll-button__base" class="${b("sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10","rtl"===this.localize.dir()&&"right-auto left-0")}" @click="${this.handleScrollToEnd}"><sd-2-9-3-icon library="system" name="${t?"chevron-down":"chevron-up"}" class="${b("h-6 w-12 rotate-90 grid place-items-center")}"></sd-2-9-3-icon></button>`:""}</div><slot part="body" class="${b("block auto py-8 px-6","container"===this.variant&&"border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`}};m.styles=[t.styles,s(d),h,a`:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}::slotted(sd-2-9-3-tab-panel){--padding:1rem 0}`],p([n("[part=base]")],m.prototype,"tabGroup",2),p([n("[part=body]")],m.prototype,"body",2),p([n("[part=scroll-container]")],m.prototype,"nav",2),p([l()],m.prototype,"hasScrollControls",2),p([l()],m.prototype,"variant",2),p([i()],m.prototype,"activation",2),m=p([o("sd-2-9-3-tab-group")],m);export{m as default};
+import{S as t,x as e,r as s,i as a,n as i,c as o}from"./solid-element.js";import{L as r}from"./solid-components2.js";import{r as l}from"./state.js";import{e as n}from"./query.js";import{s as c}from"./scroll.js";import{c as h}from"./component.styles.js";import{t as b}from"./classix.js";import{I as d}from"./interactive.js";var v=Object.defineProperty,u=Object.getOwnPropertyDescriptor,p=(t,e,s,a)=>{for(var i,o=a>1?void 0:a?u(e,s):e,r=t.length-1;r>=0;r--)(i=t[r])&&(o=(a?i(e,s,o):i(o))||o);return a&&o&&v(e,s,o),o};let m=class extends t{constructor(){super(...arguments),this.localize=new r(this),this.tabs=[],this.panels=[],this.hasScrollControls=!1,this.variant="default",this.activation="auto"}connectedCallback(){const t=Promise.all([customElements.whenDefined("sd-2-10-0-tab"),customElements.whenDefined("sd-2-10-0-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>{this.updateScrollControls()})),this.mutationObserver=new MutationObserver((t=>{t.some((t=>!["aria-labelledby","aria-controls"].includes(t.attributeName)))&&setTimeout((()=>this.setAriaLabels())),t.some((t=>"disabled"===t.attributeName))&&this.syncTabsAndPanels()})),this.updateComplete.then((()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),t.then((()=>{new IntersectionObserver(((t,e)=>{t[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab(this.activeTab??this.tabs[0],{emitEvents:!1}),e.unobserve(t[0].target))})).observe(this.tabGroup)}))}))}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.unobserve(this.nav)}getAllTabs(t={includeDisabled:!0}){return[...this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()].filter((e=>t.includeDisabled?"sd-2-10-0-tab"===e.tagName.toLowerCase():"sd-2-10-0-tab"===e.tagName.toLowerCase()&&!e.disabled))}getAllPanels(){return[...this.body.assignedElements()].filter((t=>"sd-2-10-0-tab-panel"===t.tagName.toLowerCase()))}getActiveTab(){return this.tabs.find((t=>t.matches(":focus")))}handleClick(t){const e=t.target.closest("sd-2-10-0-tab");(null==e?void 0:e.closest("sd-2-10-0-tab-group"))===this&&null!==e&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){const e=t.target.closest("sd-2-10-0-tab");if((null==e?void 0:e.closest("sd-2-10-0-tab-group"))===this){if(["Enter"," "].includes(t.key)&&null!==e&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["Tab"].includes(t.key)){const t=this.tabs.indexOf(this.getActiveTab());null!==e&&c(this.tabs[t+1],this.nav,"horizontal")}if(["Shift","Tab"].includes(t.key)){const t=this.tabs.indexOf(this.getActiveTab());null!==e&&c(this.tabs[t-1],this.nav,"horizontal")}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){const e=this.tabs.find((t=>t.matches(":focus"))),s="rtl"===this.localize.dir();if("sd-2-10-0-tab"===(null==e?void 0:e.tagName.toLowerCase())){let a=this.tabs.indexOf(e);"Home"===t.key?a=0:"End"===t.key?a=this.tabs.length-1:t.key===(s?"ArrowRight":"ArrowLeft")||"ArrowUp"===t.key?a--:(t.key===(s?"ArrowLeft":"ArrowRight")||"ArrowDown"===t.key)&&a++,a<0&&(a=this.tabs.length-1),a>this.tabs.length-1&&(a=0),this.tabs[a].focus({preventScroll:!0}),"auto"===this.activation&&this.setActiveTab(this.tabs[a],{scrollBehavior:"smooth"}),c(this.tabs[a],this.nav,"horizontal"),t.preventDefault()}}}}handleScrollToStart(){this.nav.scroll({left:"rtl"===this.localize.dir()?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:"rtl"===this.localize.dir()?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,e){if(e={emitEvents:!0,scrollBehavior:"auto",...e},t!==this.activeTab&&!t.disabled){const s=this.activeTab;this.activeTab=t,this.tabs.map((t=>t.active=t===this.activeTab)),this.panels.map((t=>{var e;return t.active=t.name===(null==(e=this.activeTab)?void 0:e.panel)})),c(this.activeTab,this.nav,"horizontal",e.scrollBehavior),e.emitEvents&&(s&&this.emit("sd-2-10-0-tab-hide",{detail:{name:s.panel}}),this.emit("sd-2-10-0-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach((t=>{const e=this.panels.find((e=>e.name===t.panel));e&&(t.setAttribute("aria-controls",e.getAttribute("id")),e.setAttribute("aria-labelledby",t.getAttribute("id")))}))}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.updateComplete.then((()=>this.updateScrollControls())),0!==this.tabs.length&&"container"===this.tabs[0].variant&&(this.variant="container")}updateScrollControls(){this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth}show(t){const e=this.tabs.find((e=>e.panel===t));e&&this.setActiveTab(e,{scrollBehavior:"smooth"})}render(){const t="rtl"===this.localize.dir();return e`<div part="base" class="${b("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${b(this.hasScrollControls&&"relative py-0 px-12")}">${this.hasScrollControls?e`<button part="scroll-button--start" exportparts="base:scroll-button__base" class="${b("sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10","rtl"===this.localize.dir()&&"left-auto right-0")}" @click="${this.handleScrollToStart}"><sd-2-10-0-icon library="system" name="${t?"chevron-up":"chevron-down"}" class="${b("h-6 w-12 rotate-90 grid place-items-center")}"></sd-2-10-0-icon></button>`:""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${b("flex flex-auto relative flex-row")}" role="tablist"><div part="separation" class="w-full h-[1px] bg-neutral-400 absolute bottom-0"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls?e`<button part="scroll-button--end" exportparts="base:scroll-button__base" class="${b("sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10","rtl"===this.localize.dir()&&"right-auto left-0")}" @click="${this.handleScrollToEnd}"><sd-2-10-0-icon library="system" name="${t?"chevron-down":"chevron-up"}" class="${b("h-6 w-12 rotate-90 grid place-items-center")}"></sd-2-10-0-icon></button>`:""}</div><slot part="body" class="${b("block auto py-8 px-6","container"===this.variant&&"border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`}};m.styles=[t.styles,s(d),h,a`:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}::slotted(sd-2-10-0-tab-panel){--padding:1rem 0}`],p([n("[part=base]")],m.prototype,"tabGroup",2),p([n("[part=body]")],m.prototype,"body",2),p([n("[part=scroll-container]")],m.prototype,"nav",2),p([l()],m.prototype,"hasScrollControls",2),p([l()],m.prototype,"variant",2),p([i()],m.prototype,"activation",2),m=p([o("sd-2-10-0-tab-group")],m);export{m as default};

package/dist/versioned-components/es/tab-panel.js

@@ -1 +1 @@
-import{S as t,x as e,i as a,n as s,c as i}from"./solid-element.js";import{w as r}from"./watch.js";import{c as o}from"./component.styles.js";import{t as n}from"./classix.js";var c=Object.defineProperty,l=Object.getOwnPropertyDescriptor,p=(t,e,a,s)=>{for(var i,r=s>1?void 0:s?l(e,a):e,o=t.length-1;o>=0;o--)(i=t[o])&&(r=(s?i(e,a,r):i(r))||r);return s&&r&&c(e,a,r),r};let d=0,h=class extends t{constructor(){super(...arguments),this.attrId=++d,this.componentId=`sd-2-9-3-tab-panel-${this.attrId}`,this.name="",this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return e`<slot part="base" class="${n("block",this.active&&"tab-panel--active")}"></slot>`}};h.styles=[t.styles,o,a`:host{--padding:0;display:none}:host([active]){display:block}::part(base){padding:var(--padding)}`],p([s({reflect:!0})],h.prototype,"name",2),p([s({type:Boolean,reflect:!0})],h.prototype,"active",2),p([r("active")],h.prototype,"handleActiveChange",1),h=p([i("sd-2-9-3-tab-panel")],h);export{h as default};
+import{S as t,x as e,i as a,n as s,c as i}from"./solid-element.js";import{w as r}from"./watch.js";import{c as o}from"./component.styles.js";import{t as n}from"./classix.js";var c=Object.defineProperty,l=Object.getOwnPropertyDescriptor,p=(t,e,a,s)=>{for(var i,r=s>1?void 0:s?l(e,a):e,o=t.length-1;o>=0;o--)(i=t[o])&&(r=(s?i(e,a,r):i(r))||r);return s&&r&&c(e,a,r),r};let d=0,h=class extends t{constructor(){super(...arguments),this.attrId=++d,this.componentId=`sd-2-10-0-tab-panel-${this.attrId}`,this.name="",this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return e`<slot part="base" class="${n("block",this.active&&"tab-panel--active")}"></slot>`}};h.styles=[t.styles,o,a`:host{--padding:0;display:none}:host([active]){display:block}::part(base){padding:var(--padding)}`],p([s({reflect:!0})],h.prototype,"name",2),p([s({type:Boolean,reflect:!0})],h.prototype,"active",2),p([r("active")],h.prototype,"handleActiveChange",1),h=p([i("sd-2-10-0-tab-panel")],h);export{h as default};

package/dist/versioned-components/es/tab.js

@@ -1 +1 @@
-import{S as t,x as e,i as a,n as r,c as i}from"./solid-element.js";import{e as s}from"./query.js";import{w as o}from"./watch.js";import{c as l}from"./component.styles.js";import{t as n}from"./classix.js";var d=Object.defineProperty,c=Object.getOwnPropertyDescriptor,b=(t,e,a,r)=>{for(var i,s=r>1?void 0:r?c(e,a):e,o=t.length-1;o>=0;o--)(i=t[o])&&(s=(r?i(e,a,s):i(s))||s);return r&&s&&d(e,a,s),s};let p=0,h=class extends t{constructor(){super(...arguments),this.attrId=++p,this.componentId=`sd-2-9-3-tab-${this.attrId}`,this.panel="",this.variant="default",this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(t){this.tab.focus(t)}blur(){this.tab.blur()}render(){return this.id=this.id.length>0?this.id:this.componentId,e`<div part="base" class="${n("inline-flex gap-2 w-20 h-12 px-3 leading-none items-center justify-center whitespace-nowrap select-none cursor-pointer hover:bg-neutral-200 group relative focus-visible:focus-outline outline-2 !-outline-offset-2",!this.active&&"hover:border-b hover:border-neutral-400","container"===this.variant&&" rounded-[4px_4px_0_0]","container"===this.variant&&this.active&&"tab--active-container-border bg-white",this.disabled&&"opacity-50 !cursor-not-allowed")}" tabindex="${this.disabled?"-1":"0"}"><slot name="left" class="pr-2"></slot><slot class="${n(this.disabled?"text-neutral-500":"text-primary")}"></slot><div part="active-tab-indicator" class="${n((!this.active||this.disabled)&&"hidden","absolute bottom-0 h-1 bg-accent","default"===this.variant?"w-full":"w-1/2 group-hover:w-full transition-all duration-200 ease-in-out")}"></div></div>`}};h.styles=[t.styles,l,a`:host{box-sizing:border-box;display:block}.tab--active-container-border::after{content:'';position:absolute;height:100%;width:100%;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-400,195 195 195) / var(--tw-border-opacity));border-bottom:none;border-radius:4px 4px 0 0}`],b([s("[part=base]")],h.prototype,"tab",2),b([r({reflect:!0})],h.prototype,"panel",2),b([r({type:String,reflect:!0})],h.prototype,"variant",2),b([r({type:Boolean,reflect:!0})],h.prototype,"active",2),b([r({type:Boolean,reflect:!0})],h.prototype,"disabled",2),b([o("active")],h.prototype,"handleActiveChange",1),b([o("disabled")],h.prototype,"handleDisabledChange",1),h=b([i("sd-2-9-3-tab")],h);export{h as default};
+import{S as t,x as e,i as a,n as r,c as i}from"./solid-element.js";import{e as s}from"./query.js";import{w as o}from"./watch.js";import{c as l}from"./component.styles.js";import{t as n}from"./classix.js";var d=Object.defineProperty,c=Object.getOwnPropertyDescriptor,b=(t,e,a,r)=>{for(var i,s=r>1?void 0:r?c(e,a):e,o=t.length-1;o>=0;o--)(i=t[o])&&(s=(r?i(e,a,s):i(s))||s);return r&&s&&d(e,a,s),s};let p=0,h=class extends t{constructor(){super(...arguments),this.attrId=++p,this.componentId=`sd-2-10-0-tab-${this.attrId}`,this.panel="",this.variant="default",this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(t){this.tab.focus(t)}blur(){this.tab.blur()}render(){return this.id=this.id.length>0?this.id:this.componentId,e`<div part="base" class="${n("inline-flex gap-2 w-20 h-12 px-3 leading-none items-center justify-center whitespace-nowrap select-none cursor-pointer hover:bg-neutral-200 group relative focus-visible:focus-outline outline-2 !-outline-offset-2",!this.active&&"hover:border-b hover:border-neutral-400","container"===this.variant&&" rounded-[4px_4px_0_0]","container"===this.variant&&this.active&&"tab--active-container-border bg-white",this.disabled&&"opacity-50 !cursor-not-allowed")}" tabindex="${this.disabled?"-1":"0"}"><slot name="left" class="pr-2"></slot><slot class="${n(this.disabled?"text-neutral-500":"text-primary")}"></slot><div part="active-tab-indicator" class="${n((!this.active||this.disabled)&&"hidden","absolute bottom-0 h-1 bg-accent","default"===this.variant?"w-full":"w-1/2 group-hover:w-full transition-all duration-200 ease-in-out")}"></div></div>`}};h.styles=[t.styles,l,a`:host{box-sizing:border-box;display:block}.tab--active-container-border::after{content:'';position:absolute;height:100%;width:100%;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-400,195 195 195) / var(--tw-border-opacity));border-bottom:none;border-radius:4px 4px 0 0}`],b([s("[part=base]")],h.prototype,"tab",2),b([r({reflect:!0})],h.prototype,"panel",2),b([r({type:String,reflect:!0})],h.prototype,"variant",2),b([r({type:Boolean,reflect:!0})],h.prototype,"active",2),b([r({type:Boolean,reflect:!0})],h.prototype,"disabled",2),b([o("active")],h.prototype,"handleActiveChange",1),b([o("disabled")],h.prototype,"handleDisabledChange",1),h=b([i("sd-2-10-0-tab")],h);export{h as default};

package/dist/versioned-components/es/tag.js

@@ -1 +1 @@
-import{S as e,i as t,n as r,c as s}from"./solid-element.js";import{s as o,n as i}from"./static.js";import{o as a}from"./if-defined.js";import{e as l}from"./query.js";import{t as d}from"./classix.js";var n=Object.defineProperty,p=Object.getOwnPropertyDescriptor,h=(e,t,r,s)=>{for(var o,i=s>1?void 0:s?p(t,r):t,a=e.length-1;a>=0;a--)(o=e[a])&&(i=(s?o(t,r,i):o(i))||i);return s&&i&&n(t,r,i),i};let b=class extends e{constructor(){super(...arguments),this.size="lg",this.selected=!1,this.removable=!1,this.disabled=!1,this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleRemoveClick(){this.emit("sd-remove")}isLink(){return!!this.href}click(){this.tag.click()}focus(e){this.tag.focus(e)}blur(){this.tag.blur()}render(){const e=this.isLink(),t=e?o`a`:o`button`;return i`<${t} part="base" type="${a(e?void 0:"button")}" href="${a(e?this.href:void 0)}" rel="${a(e&&this.target?"noreferrer noopener":void 0)}" target="${a(e?this.target:void 0)}" download="${a(e?this.download:void 0)}" ?disabled="${a(e?void 0:this.disabled)}" aria-disabled="${this.disabled?"true":"false"}" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" class="${d("inline-flex border box-border rounded-full items-center leading-none whitespace-nowrap focus-visible:focus-outline",{lg:"h-8 text-base gap-2",sm:"h-6 text-sm gap-1"}[this.size],{lg:this.removable?"pl-4 pr-3 py-2":"px-4 py-2",sm:this.removable?"pl-3 pr-2 py-2":"px-3 py-[5px]"}[this.size],this.selected?"bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500 disabled:bg-neutral-500 disabled:border-neutral-500":"border-primary text-primary hover:border-primary-500 hover:bg-neutral-100 hover:text-primary-500  disabled:border-neutral-500 disabled:text-neutral-500",this.disabled&&!e&&"cursor-not-allowed")}"><slot part="content"></slot>${this.removable?i`<slot part="removable-indicator" name="removable-indicator" @click="${this.handleRemoveClick}" class="${d({lg:"text-base",sm:"text-[12px]"}[this.size])}"><sd-2-9-3-icon library="system" name="close" label="remove"></sd-2-9-3-icon></slot>`:""}</${t}>`}};b.styles=[e.styles,t`:host{display:inline-block}`],h([l("a, button")],b.prototype,"tag",2),h([r({reflect:!0})],b.prototype,"size",2),h([r({type:Boolean,reflect:!0})],b.prototype,"selected",2),h([r({type:Boolean,reflect:!0})],b.prototype,"removable",2),h([r({type:Boolean,reflect:!0})],b.prototype,"disabled",2),h([r()],b.prototype,"href",2),h([r()],b.prototype,"target",2),h([r()],b.prototype,"download",2),b=h([s("sd-2-9-3-tag")],b);export{b as default};
+import{S as e,i as t,n as r,c as s}from"./solid-element.js";import{s as o,n as i}from"./static.js";import{o as a}from"./if-defined.js";import{e as l}from"./query.js";import{t as d}from"./classix.js";var n=Object.defineProperty,p=Object.getOwnPropertyDescriptor,h=(e,t,r,s)=>{for(var o,i=s>1?void 0:s?p(t,r):t,a=e.length-1;a>=0;a--)(o=e[a])&&(i=(s?o(t,r,i):o(i))||i);return s&&i&&n(t,r,i),i};let b=class extends e{constructor(){super(...arguments),this.size="lg",this.selected=!1,this.removable=!1,this.disabled=!1,this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleRemoveClick(){this.emit("sd-remove")}isLink(){return!!this.href}click(){this.tag.click()}focus(e){this.tag.focus(e)}blur(){this.tag.blur()}render(){const e=this.isLink(),t=e?o`a`:o`button`;return i`<${t} part="base" type="${a(e?void 0:"button")}" href="${a(e?this.href:void 0)}" rel="${a(e&&this.target?"noreferrer noopener":void 0)}" target="${a(e?this.target:void 0)}" download="${a(e?this.download:void 0)}" ?disabled="${a(e?void 0:this.disabled)}" aria-disabled="${this.disabled?"true":"false"}" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" class="${d("inline-flex border box-border rounded-full items-center leading-none whitespace-nowrap focus-visible:focus-outline",{lg:"h-8 text-base gap-2",sm:"h-6 text-sm gap-1"}[this.size],{lg:this.removable?"pl-4 pr-3 py-2":"px-4 py-2",sm:this.removable?"pl-3 pr-2 py-2":"px-3 py-[5px]"}[this.size],this.selected?"bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500 disabled:bg-neutral-500 disabled:border-neutral-500":"border-primary text-primary hover:border-primary-500 hover:bg-neutral-100 hover:text-primary-500  disabled:border-neutral-500 disabled:text-neutral-500",this.disabled&&!e&&"cursor-not-allowed")}"><slot part="content"></slot>${this.removable?i`<slot part="removable-indicator" name="removable-indicator" @click="${this.handleRemoveClick}" class="${d({lg:"text-base",sm:"text-[12px]"}[this.size])}"><sd-2-10-0-icon library="system" name="close" label="remove"></sd-2-10-0-icon></slot>`:""}</${t}>`}};b.styles=[e.styles,t`:host{display:inline-block}`],h([l("a, button")],b.prototype,"tag",2),h([r({reflect:!0})],b.prototype,"size",2),h([r({type:Boolean,reflect:!0})],b.prototype,"selected",2),h([r({type:Boolean,reflect:!0})],b.prototype,"removable",2),h([r({type:Boolean,reflect:!0})],b.prototype,"disabled",2),h([r()],b.prototype,"href",2),h([r()],b.prototype,"target",2),h([r()],b.prototype,"download",2),b=h([s("sd-2-10-0-tag")],b);export{b as default};

package/dist/versioned-components/es/teaser-media.js

@@ -1 +1 @@
-import{S as e,x as t,i as a,n as r,c as s}from"./solid-element.js";import{H as i}from"./slot.js";import{e as o}from"./query.js";import{t as l}from"./classix.js";var d=Object.defineProperty,n=Object.getOwnPropertyDescriptor,h=(e,t,a,r)=>{for(var s,i=r>1?void 0:r?n(t,a):t,o=e.length-1;o>=0;o--)(s=e[o])&&(i=(r?s(t,a,i):s(i))||i);return r&&i&&d(t,a,i),i};let m=class extends e{constructor(){super(...arguments),this.variant="white",this.hasSlotController=new i(this,"[default]","media","meta","headline","expandable")}render(){const e={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline"),"teaser-has-expandable":this.hasSlotController.test("expandable")};return t`<div class="relative flex flex-col group" part="base"><div class="${l("mb-4",!e["teaser-has-media"]&&"hidden")}" part="media"><slot name="media"></slot></div><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${l("flex-1","gradient-white"===this.variant&&"bg-gradient-to-t from-white/[.8] to-60%","gradient-dark"===this.variant&&"bg-gradient-to-t from-primary-800/[.6] to-60%")}"></div><div class="${l({white:"bg-white/[.8] group-hover:bg-white/90","neutral-100":"bg-neutral-100/[.8] group-hover:bg-neutral-100/90",primary:"bg-primary/[.8] text-white group-hover:bg-primary/90","primary-100":"bg-primary-100/[.8] group-hover:bg-primary-100/90","gradient-white":"bg-gradient-to-t from-white/90 to-white/[.8]","gradient-dark":"bg-gradient-to-t from-primary-800/75 to-primary-800/[.6]  text-white"}[this.variant])}"><div class="flex-col text-left p-4" part="content"><div part="meta" class="${l("gap-2 mb-4",!e["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div><div part="headline" class="text-lg font-bold m-0"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div class="${l("hidden",e["teaser-has-expandable"]&&"h-[0px] invisible opacity-0 md:[transition:_height_0.2s_linear,opacity_0.1s_linear_0.1s] md:block md:group-hover:h-auto md:group-hover:my-4 md:group-hover:opacity-[100%] md:group-hover:visible")}" part="expandable"><slot name="expandable"></slot></div><div part="main" class="${l(!e["teaser-has-default"]&&"hidden")}"><slot></slot></div></div></div></div></div>`}};m.styles=[e.styles,a`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){margin:var(--sd-spacing-0,0)!important;font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700}`],h([r({reflect:!0})],m.prototype,"variant",2),h([o('[part="base"]')],m.prototype,"teaserMedia",2),m=h([s("sd-2-9-3-teaser-media")],m);export{m as default};
+import{S as e,x as t,i as a,n as r,c as s}from"./solid-element.js";import{H as i}from"./slot.js";import{e as o}from"./query.js";import{t as l}from"./classix.js";var d=Object.defineProperty,n=Object.getOwnPropertyDescriptor,h=(e,t,a,r)=>{for(var s,i=r>1?void 0:r?n(t,a):t,o=e.length-1;o>=0;o--)(s=e[o])&&(i=(r?s(t,a,i):s(i))||i);return r&&i&&d(t,a,i),i};let m=class extends e{constructor(){super(...arguments),this.variant="white",this.hasSlotController=new i(this,"[default]","media","meta","headline","expandable")}render(){const e={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline"),"teaser-has-expandable":this.hasSlotController.test("expandable")};return t`<div class="relative flex flex-col group" part="base"><div class="${l("mb-4",!e["teaser-has-media"]&&"hidden")}" part="media"><slot name="media"></slot></div><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${l("flex-1","gradient-white"===this.variant&&"bg-gradient-to-t from-white/[.8] to-60%","gradient-dark"===this.variant&&"bg-gradient-to-t from-primary-800/[.6] to-60%")}"></div><div class="${l({white:"bg-white/[.8] group-hover:bg-white/90","neutral-100":"bg-neutral-100/[.8] group-hover:bg-neutral-100/90",primary:"bg-primary/[.8] text-white group-hover:bg-primary/90","primary-100":"bg-primary-100/[.8] group-hover:bg-primary-100/90","gradient-white":"bg-gradient-to-t from-white/90 to-white/[.8]","gradient-dark":"bg-gradient-to-t from-primary-800/75 to-primary-800/[.6]  text-white"}[this.variant])}"><div class="flex-col text-left p-4" part="content"><div part="meta" class="${l("gap-2 mb-4",!e["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div><div part="headline" class="text-lg font-bold m-0"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div class="${l("hidden",e["teaser-has-expandable"]&&"h-[0px] invisible opacity-0 md:[transition:_height_0.2s_linear,opacity_0.1s_linear_0.1s] md:block md:group-hover:h-auto md:group-hover:my-4 md:group-hover:opacity-[100%] md:group-hover:visible")}" part="expandable"><slot name="expandable"></slot></div><div part="main" class="${l(!e["teaser-has-default"]&&"hidden")}"><slot></slot></div></div></div></div></div>`}};m.styles=[e.styles,a`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){margin:var(--sd-spacing-0,0)!important;font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700}`],h([r({reflect:!0})],m.prototype,"variant",2),h([o('[part="base"]')],m.prototype,"teaserMedia",2),m=h([s("sd-2-10-0-teaser-media")],m);export{m as default};

package/dist/versioned-components/es/teaser.js

@@ -1 +1 @@
-import{S as t,x as e,i,n as r,c as a}from"./solid-element.js";import{H as s}from"./slot.js";import{r as o}from"./state.js";import{e as n}from"./query.js";import{t as l}from"./classix.js";var h=Object.defineProperty,d=Object.getOwnPropertyDescriptor,p=(t,e,i,r)=>{for(var a,s=r>1?void 0:r?d(e,i):e,o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r?a(e,i,s):a(s))||s);return r&&s&&h(e,i,s),s};let c=class extends t{constructor(){super(...arguments),this.variant="white",this.breakpoint=448,this.inset=!1,this.hasSlotController=new s(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),0===this.breakpoint?this._orientation="horizontal":9999===this.breakpoint?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateOrientation())),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(t){super.updated(t),t.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){const t="white border-neutral-400"===this.variant||this.inset,i=this.hasSlotController.test("[default]"),r=this.hasSlotController.test("media"),a=this.hasSlotController.test("meta");return this.hasSlotController.test("headline"),e`<div class="${l("flex",{white:"bg-white","white border-neutral-400":"bg-white border border-neutral-400","neutral-100":"bg-neutral-100",primary:"bg-primary text-white","primary-100":"bg-primary-100"}[this.variant],"vertical"===this._orientation&&"flex-col","horizontal"===this._orientation&&"flex-row gap-8","horizontal"===this._orientation&&t&&"py-8 px-10")}" part="base"><div style="${"horizontal"===this._orientation?"width: var(--distribution-media, 100%);":""}" class="${l(!t&&"vertical"===this._orientation&&"mb-4",!r&&"hidden","white border-neutral-400"===this.variant&&"vertical"===this._orientation&&"mx-[-1px] mt-[-1px]")}" part="media"><slot name="media"></slot></div><div style="${"horizontal"===this._orientation?"width: var(--distribution-content, 100%); "+(t?"width: var(--distribution-content, calc(100% - 2rem));":""):""}" class="${l("flex flex-col text-left","horizontal"===this._orientation&&"flex flex-col","vertical"===this._orientation&&t&&"m-4")}" part="content"><div part="meta" class="${l("gap-2 mb-4",!a&&"hidden")}"><slot name="meta"></slot></div><div part="headline" class="${l("text-lg font-bold m-0","primary"===this.variant?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="main" class="${l(!i&&"hidden")}"><slot></slot></div></div></div>`}};c.styles=[t.styles,i`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){margin:var(--sd-spacing-0,0)!important;font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700}`],p([r({reflect:!0})],c.prototype,"variant",2),p([r({reflect:!0,type:Number})],c.prototype,"breakpoint",2),p([r({type:Boolean,reflect:!0})],c.prototype,"inset",2),p([n('[part="base"]')],c.prototype,"teaser",2),p([o()],c.prototype,"_orientation",2),c=p([a("sd-2-9-3-teaser")],c);export{c as default};
+import{S as t,x as e,i,n as r,c as a}from"./solid-element.js";import{H as s}from"./slot.js";import{r as o}from"./state.js";import{e as n}from"./query.js";import{t as l}from"./classix.js";var h=Object.defineProperty,d=Object.getOwnPropertyDescriptor,p=(t,e,i,r)=>{for(var a,s=r>1?void 0:r?d(e,i):e,o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r?a(e,i,s):a(s))||s);return r&&s&&h(e,i,s),s};let c=class extends t{constructor(){super(...arguments),this.variant="white",this.breakpoint=448,this.inset=!1,this.hasSlotController=new s(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),0===this.breakpoint?this._orientation="horizontal":9999===this.breakpoint?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateOrientation())),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(t){super.updated(t),t.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){const t="white border-neutral-400"===this.variant||this.inset,i=this.hasSlotController.test("[default]"),r=this.hasSlotController.test("media"),a=this.hasSlotController.test("meta");return this.hasSlotController.test("headline"),e`<div class="${l("flex",{white:"bg-white","white border-neutral-400":"bg-white border border-neutral-400","neutral-100":"bg-neutral-100",primary:"bg-primary text-white","primary-100":"bg-primary-100"}[this.variant],"vertical"===this._orientation&&"flex-col","horizontal"===this._orientation&&"flex-row gap-8","horizontal"===this._orientation&&t&&"py-8 px-10")}" part="base"><div style="${"horizontal"===this._orientation?"width: var(--distribution-media, 100%);":""}" class="${l(!t&&"vertical"===this._orientation&&"mb-4",!r&&"hidden","white border-neutral-400"===this.variant&&"vertical"===this._orientation&&"mx-[-1px] mt-[-1px]")}" part="media"><slot name="media"></slot></div><div style="${"horizontal"===this._orientation?"width: var(--distribution-content, 100%); "+(t?"width: var(--distribution-content, calc(100% - 2rem));":""):""}" class="${l("flex flex-col text-left","horizontal"===this._orientation&&"flex flex-col","vertical"===this._orientation&&t&&"m-4")}" part="content"><div part="meta" class="${l("gap-2 mb-4",!a&&"hidden")}"><slot name="meta"></slot></div><div part="headline" class="${l("text-lg font-bold m-0","primary"===this.variant?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="main" class="${l(!i&&"hidden")}"><slot></slot></div></div></div>`}};c.styles=[t.styles,i`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){margin:var(--sd-spacing-0,0)!important;font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700}`],p([r({reflect:!0})],c.prototype,"variant",2),p([r({reflect:!0,type:Number})],c.prototype,"breakpoint",2),p([r({type:Boolean,reflect:!0})],c.prototype,"inset",2),p([n('[part="base"]')],c.prototype,"teaser",2),p([o()],c.prototype,"_orientation",2),c=p([a("sd-2-10-0-teaser")],c);export{c as default};

package/dist/versioned-components/es/textarea.js

@@ -1 +1 @@
-import{S as t,x as e,i as a,n as l,c as s}from"./solid-element.js";import{d as r}from"./default-value.js";import{F as i}from"./form.js";import{H as o}from"./slot.js";import{o as n}from"./if-defined.js";import{l as h}from"./live.js";import{r as d}from"./state.js";import{e as p}from"./query.js";import{w as u}from"./watch.js";import{c}from"./component.styles.js";import{t as y}from"./classix.js";var m=Object.defineProperty,b=Object.getOwnPropertyDescriptor,v=(t,e,a,l)=>{for(var s,r=l>1?void 0:l?b(e,a):e,i=t.length-1;i>=0;i--)(s=t[i])&&(r=(l?s(e,a,r):s(r))||r);return l&&r&&m(e,a,r),r};let x=class extends t{constructor(){super(...arguments),this.formControlController=new i(this),this.hasSlotController=new o(this,"help-text","label"),this.hasFocus=!1,this.showValidStyle=!1,this.showInvalidStyle=!1,this.title="",this.name="",this.value="",this.size="lg",this.label="",this.helpText="",this.placeholder="",this.rows=4,this.disabled=!1,this.readonly=!1,this.form="",this.required=!1,this.styleOnValid=!1,this.spellcheck=!0,this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.setTextareaHeight()}))}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-2-9-3-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}focus(t){this.textarea.focus(t)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(t){return t?("number"==typeof t.top&&(this.textarea.scrollTop=t.top),void("number"==typeof t.left&&(this.textarea.scrollLeft=t.left))):{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(t,e,a="none"){this.textarea.setSelectionRange(t,e,a)}setRangeText(t,e,a,l){this.textarea.setRangeText(t,e,a,l),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var t;return null==(t=this.textarea)?void 0:t.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(t){this.textarea.setCustomValidity(t),this.formControlController.updateValidity()}render(){const t=this.hasSlotController.test("label"),a=this.hasSlotController.test("help-text"),l=!!this.label||!!t,s=!!this.helpText||!!a,r=this.disabled?"disabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",i="sm"===this.size?"text-sm":"text-base",o={sm:"text-base ml-1",md:"text-lg ml-2",lg:"text-xl ml-2"}[this.size];return e`<div part="form-control" class="text-left"><label part="form-control-label" id="label" class="${y("mb-2",l?"inline-block":"hidden",i)}" for="input" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label><div part="form-control-input" class="${y("relative w-full",this.disabled&&"cursor-not-allowed")}"><div part="border" class="${y("absolute w-full h-full pointer-events-none border rounded-default",{disabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[r])}"></div><div part="base" class="${y("textarea px-4 flex items-top rounded-default bg-white group",{sm:"textarea-sm py-1",md:"textarea-md py-1",lg:"textarea-lg py-2"}[this.size],{disabled:"text-neutral-500",readonly:"text-black",activeInvalid:"text-error",activeValid:"text-success",active:"text-black",invalid:"text-error",valid:"text-success",default:"text-black"}[r],this.disabled||this.readonly?"":"hover:bg-neutral-200",this.readonly&&"bg-neutral-100")}"><textarea part="textarea" id="input" class="${y("flex-grow focus:outline-none bg-transparent placeholder-neutral-700 resize-none",this.disabled&&"cursor-not-allowed",i)}" title="${this.title}" name="${n(this.name)}" .value="${h(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${n(this.placeholder)}" minlength="${n(this.minlength)}" maxlength="${n(this.maxlength)}" rows="${n(this.rows)}" autocapitalize="${n(this.autocapitalize)}" autocorrect="${n(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${n(this.spellcheck)}" enterkeyhint="${n(this.enterkeyhint)}" inputmode="${n(this.inputmode)}" aria-describedby="help-text" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?e`<sd-2-9-3-icon class="${y("text-error absolute right-4 bg-white group-hover:bg-neutral-200",o)}" library="system" name="risk" part="invalid-icon"></sd-2-9-3-icon>`:""} ${this.styleOnValid&&this.showValidStyle?e`<sd-2-9-3-icon class="${y("text-success absolute right-4 bg-white group-hover:bg-neutral-200",o)}" library="system" name="confirm" part="valid-icon"></sd-2-9-3-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${y("text-sm text-neutral-700",s?"block":"hidden")}" aria-hidden="${s?"false":"true"}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};x.styles=[c,t.styles,a`:host{display:block}:host([required]) #label::after{content:' *'}.no-scrollbar::-webkit-scrollbar{display:none}`],v([p("#input")],x.prototype,"textarea",2),v([p("#invalid-message")],x.prototype,"invalidMessage",2),v([d()],x.prototype,"hasFocus",2),v([d()],x.prototype,"showValidStyle",2),v([d()],x.prototype,"showInvalidStyle",2),v([l()],x.prototype,"title",2),v([l()],x.prototype,"name",2),v([l()],x.prototype,"value",2),v([l({reflect:!0})],x.prototype,"size",2),v([l()],x.prototype,"label",2),v([l({attribute:"help-text"})],x.prototype,"helpText",2),v([l()],x.prototype,"placeholder",2),v([l({type:Number})],x.prototype,"rows",2),v([l({type:Boolean,reflect:!0})],x.prototype,"disabled",2),v([l({type:Boolean,reflect:!0})],x.prototype,"readonly",2),v([l({reflect:!0})],x.prototype,"form",2),v([l({type:Boolean,reflect:!0})],x.prototype,"required",2),v([l({type:Number})],x.prototype,"minlength",2),v([l({type:Number})],x.prototype,"maxlength",2),v([l()],x.prototype,"autocapitalize",2),v([l()],x.prototype,"autocorrect",2),v([l()],x.prototype,"autocomplete",2),v([l({type:Boolean})],x.prototype,"autofocus",2),v([l()],x.prototype,"enterkeyhint",2),v([l({type:Boolean,reflect:!0,attribute:"style-on-valid"})],x.prototype,"styleOnValid",2),v([l({type:Boolean,converter:{fromAttribute:t=>!(!t||"false"===t),toAttribute:t=>t?"true":"false"}})],x.prototype,"spellcheck",2),v([l()],x.prototype,"inputmode",2),v([r()],x.prototype,"defaultValue",2),v([u("disabled",{waitUntilFirstUpdate:!0})],x.prototype,"handleDisabledChange",1),v([u("rows",{waitUntilFirstUpdate:!0})],x.prototype,"handleRowsChange",1),v([u("value",{waitUntilFirstUpdate:!0})],x.prototype,"handleValueChange",1),x=v([s("sd-2-9-3-textarea")],x);export{x as default};
+import{S as t,x as e,i as a,n as l,c as s}from"./solid-element.js";import{d as r}from"./default-value.js";import{F as i}from"./form.js";import{H as o}from"./slot.js";import{o as n}from"./if-defined.js";import{l as h}from"./live.js";import{r as d}from"./state.js";import{e as p}from"./query.js";import{w as u}from"./watch.js";import{c}from"./component.styles.js";import{t as y}from"./classix.js";var m=Object.defineProperty,b=Object.getOwnPropertyDescriptor,v=(t,e,a,l)=>{for(var s,r=l>1?void 0:l?b(e,a):e,i=t.length-1;i>=0;i--)(s=t[i])&&(r=(l?s(e,a,r):s(r))||r);return l&&r&&m(e,a,r),r};let x=class extends t{constructor(){super(...arguments),this.formControlController=new i(this),this.hasSlotController=new o(this,"help-text","label"),this.hasFocus=!1,this.showValidStyle=!1,this.showInvalidStyle=!1,this.title="",this.name="",this.value="",this.size="lg",this.label="",this.helpText="",this.placeholder="",this.rows=4,this.disabled=!1,this.readonly=!1,this.form="",this.required=!1,this.styleOnValid=!1,this.spellcheck=!0,this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.setTextareaHeight()}))}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-2-10-0-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}focus(t){this.textarea.focus(t)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(t){return t?("number"==typeof t.top&&(this.textarea.scrollTop=t.top),void("number"==typeof t.left&&(this.textarea.scrollLeft=t.left))):{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(t,e,a="none"){this.textarea.setSelectionRange(t,e,a)}setRangeText(t,e,a,l){this.textarea.setRangeText(t,e,a,l),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var t;return null==(t=this.textarea)?void 0:t.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(t){this.textarea.setCustomValidity(t),this.formControlController.updateValidity()}render(){const t=this.hasSlotController.test("label"),a=this.hasSlotController.test("help-text"),l=!!this.label||!!t,s=!!this.helpText||!!a,r=this.disabled?"disabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",i="sm"===this.size?"text-sm":"text-base",o={sm:"text-base ml-1",md:"text-lg ml-2",lg:"text-xl ml-2"}[this.size];return e`<div part="form-control" class="text-left"><label part="form-control-label" id="label" class="${y("mb-2",l?"inline-block":"hidden",i)}" for="input" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label><div part="form-control-input" class="${y("relative w-full",this.disabled&&"cursor-not-allowed")}"><div part="border" class="${y("absolute w-full h-full pointer-events-none border rounded-default",{disabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[r])}"></div><div part="base" class="${y("textarea px-4 flex items-top rounded-default bg-white group",{sm:"textarea-sm py-1",md:"textarea-md py-1",lg:"textarea-lg py-2"}[this.size],{disabled:"text-neutral-500",readonly:"text-black",activeInvalid:"text-error",activeValid:"text-success",active:"text-black",invalid:"text-error",valid:"text-success",default:"text-black"}[r],this.disabled||this.readonly?"":"hover:bg-neutral-200",this.readonly&&"bg-neutral-100")}"><textarea part="textarea" id="input" class="${y("flex-grow focus:outline-none bg-transparent placeholder-neutral-700 resize-none",this.disabled&&"cursor-not-allowed",i)}" title="${this.title}" name="${n(this.name)}" .value="${h(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${n(this.placeholder)}" minlength="${n(this.minlength)}" maxlength="${n(this.maxlength)}" rows="${n(this.rows)}" autocapitalize="${n(this.autocapitalize)}" autocorrect="${n(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${n(this.spellcheck)}" enterkeyhint="${n(this.enterkeyhint)}" inputmode="${n(this.inputmode)}" aria-describedby="help-text" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?e`<sd-2-10-0-icon class="${y("text-error absolute right-4 bg-white group-hover:bg-neutral-200",o)}" library="system" name="risk" part="invalid-icon"></sd-2-10-0-icon>`:""} ${this.styleOnValid&&this.showValidStyle?e`<sd-2-10-0-icon class="${y("text-success absolute right-4 bg-white group-hover:bg-neutral-200",o)}" library="system" name="confirm" part="valid-icon"></sd-2-10-0-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${y("text-sm text-neutral-700",s?"block":"hidden")}" aria-hidden="${s?"false":"true"}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};x.styles=[c,t.styles,a`:host{display:block}:host([required]) #label::after{content:' *'}.no-scrollbar::-webkit-scrollbar{display:none}`],v([p("#input")],x.prototype,"textarea",2),v([p("#invalid-message")],x.prototype,"invalidMessage",2),v([d()],x.prototype,"hasFocus",2),v([d()],x.prototype,"showValidStyle",2),v([d()],x.prototype,"showInvalidStyle",2),v([l()],x.prototype,"title",2),v([l()],x.prototype,"name",2),v([l()],x.prototype,"value",2),v([l({reflect:!0})],x.prototype,"size",2),v([l()],x.prototype,"label",2),v([l({attribute:"help-text"})],x.prototype,"helpText",2),v([l()],x.prototype,"placeholder",2),v([l({type:Number})],x.prototype,"rows",2),v([l({type:Boolean,reflect:!0})],x.prototype,"disabled",2),v([l({type:Boolean,reflect:!0})],x.prototype,"readonly",2),v([l({reflect:!0})],x.prototype,"form",2),v([l({type:Boolean,reflect:!0})],x.prototype,"required",2),v([l({type:Number})],x.prototype,"minlength",2),v([l({type:Number})],x.prototype,"maxlength",2),v([l()],x.prototype,"autocapitalize",2),v([l()],x.prototype,"autocorrect",2),v([l()],x.prototype,"autocomplete",2),v([l({type:Boolean})],x.prototype,"autofocus",2),v([l()],x.prototype,"enterkeyhint",2),v([l({type:Boolean,reflect:!0,attribute:"style-on-valid"})],x.prototype,"styleOnValid",2),v([l({type:Boolean,converter:{fromAttribute:t=>!(!t||"false"===t),toAttribute:t=>t?"true":"false"}})],x.prototype,"spellcheck",2),v([l()],x.prototype,"inputmode",2),v([r()],x.prototype,"defaultValue",2),v([u("disabled",{waitUntilFirstUpdate:!0})],x.prototype,"handleDisabledChange",1),v([u("rows",{waitUntilFirstUpdate:!0})],x.prototype,"handleRowsChange",1),v([u("value",{waitUntilFirstUpdate:!0})],x.prototype,"handleValueChange",1),x=v([s("sd-2-10-0-textarea")],x);export{x as default};

package/dist/versioned-components/es/tooltip.js

@@ -1,4 +1,4 @@
-import"./popup.js";import{c as t,s as e,a as s,w as o}from"./event.js";import{S as i,x as a,r as h,i as r,n as p,c as n}from"./solid-element.js";import{g as d,s as l}from"./animation-registry.js";import{L as c}from"./solid-components2.js";import{e as u}from"./query.js";import{w as m}from"./watch.js";import{t as w}from"./classix.js";import{I as y}from"./interactive.js";var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,b=(t,e,s,o)=>{for(var i,a=o>1?void 0:o?f(e,s):e,h=t.length-1;h>=0;h--)(i=t[h])&&(a=(o?i(e,s,a):i(a))||a);return o&&a&&v(e,s,a),a};let g=class extends i{constructor(){super(...arguments),this.localize=new c(this),this.content="",this.placement="top",this.size="lg",this.disabled=!1,this.open=!1,this.trigger="click focus",this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),this.updateComplete.then((()=>{this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)}))}firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("focus",this.handleFocus,!0),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut)}handleBlur(){this.hasTrigger("focus")&&this.hide()}handleClick(){this.hasTrigger("click")&&(this.open?this.hide():this.show())}handleFocus(){this.hasTrigger("focus")&&this.show()}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())}handleMouseOver(){if(this.hasTrigger("hover")){const e=t(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.show()),e)}}handleMouseOut(){if(this.hasTrigger("hover")){const e=t(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.hide()),e)}}hasTrigger(t){return this.trigger.split(" ").includes(t)}async handleOpenChange(){if(this.open){if(this.disabled)return;this.emit("sd-show"),await e(this.body),this.body.hidden=!1,this.popup.active=!0;const{keyframes:t,options:o}=d(this,"tooltip.show",{dir:this.localize.dir()});await s(this.popup.popup,t,o),this.emit("sd-after-show")}else{this.emit("sd-hide"),await e(this.body);const{keyframes:t,options:o}=d(this,"tooltip.hide",{dir:this.localize.dir()});await s(this.popup.popup,t,o),this.popup.active=!1,this.body.hidden=!0,this.emit("sd-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,o(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,o(this,"sd-after-hide")}render(){const t=this.placement.endsWith("-start"),e=this.placement.endsWith("-end");return a`<sd-2-9-3-popup part="base" exportparts="
+import"./popup.js";import{c as t,s as e,a as s,w as o}from"./event.js";import{S as i,x as a,r as h,i as r,n as p,c as n}from"./solid-element.js";import{g as d,s as l}from"./animation-registry.js";import{L as c}from"./solid-components2.js";import{e as u}from"./query.js";import{w as m}from"./watch.js";import{t as w}from"./classix.js";import{I as y}from"./interactive.js";var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,b=(t,e,s,o)=>{for(var i,a=o>1?void 0:o?f(e,s):e,h=t.length-1;h>=0;h--)(i=t[h])&&(a=(o?i(e,s,a):i(a))||a);return o&&a&&v(e,s,a),a};let g=class extends i{constructor(){super(...arguments),this.localize=new c(this),this.content="",this.placement="top",this.size="lg",this.disabled=!1,this.open=!1,this.trigger="click focus",this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),this.updateComplete.then((()=>{this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)}))}firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("focus",this.handleFocus,!0),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut)}handleBlur(){this.hasTrigger("focus")&&this.hide()}handleClick(){this.hasTrigger("click")&&(this.open?this.hide():this.show())}handleFocus(){this.hasTrigger("focus")&&this.show()}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())}handleMouseOver(){if(this.hasTrigger("hover")){const e=t(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.show()),e)}}handleMouseOut(){if(this.hasTrigger("hover")){const e=t(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.hide()),e)}}hasTrigger(t){return this.trigger.split(" ").includes(t)}async handleOpenChange(){if(this.open){if(this.disabled)return;this.emit("sd-show"),await e(this.body),this.body.hidden=!1,this.popup.active=!0;const{keyframes:t,options:o}=d(this,"tooltip.show",{dir:this.localize.dir()});await s(this.popup.popup,t,o),this.emit("sd-after-show")}else{this.emit("sd-hide"),await e(this.body);const{keyframes:t,options:o}=d(this,"tooltip.hide",{dir:this.localize.dir()});await s(this.popup.popup,t,o),this.popup.active=!1,this.body.hidden=!0,this.emit("sd-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,o(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,o(this,"sd-after-hide")}render(){const t=this.placement.endsWith("-start"),e=this.placement.endsWith("-end");return a`<sd-2-10-0-popup part="base" exportparts="
           popup:base__popup,
           arrow:base__arrow
-        " class="${w(this.open&&"tooltip--open")}" placement="${this.placement}" distance="10" skidding="${{start:2,end:-2,default:0}[t?"start":e?"end":"default"]*("sm"===this.size?-1:1)}" strategy="${this.hoist?"fixed":"absolute"}" flip shift arrow auto-size="vertical" arrow-padding="0"><slot slot="anchor" aria-describedby="tooltip" class="${w("lg"===this.size?"text-xl":"text-base")}"><button class="flex sd-interactive rounded-full"><sd-2-9-3-icon library="system" name="info-circle" class="${w(this.disabled&&"sd-interactive--disabled")}"></sd-2-9-3-icon></button></slot><slot name="content" part="body" id="tooltip" class="bg-primary text-white py-3 px-4 block rounded-none text-sm text-left" role="tooltip" aria-label="Tooltip" aria-live="${this.open?"polite":"off"}">${this.content}</slot></sd-2-9-3-popup>`}};g.styles=[i.styles,h(y),r`:host{--hide-delay:0ms;--show-delay:150ms;display:contents}sd-2-9-3-popup{--arrow-color:rgb(var(--sd-color-primary, 0 53 142) / 1);--arrow-size:10px}sd-2-9-3-popup::part(popup){pointer-events:none;z-index:10;--tw-shadow:var(--sd-shadow, 0px 1px 3px 0px rgb(81 81 81 / 75%));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-2-9-3-popup::part(arrow){--tw-shadow:var(--sd-shadow, 0px 1px 3px 0px rgb(81 81 81 / 75%));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-2-9-3-popup[placement^=top]::part(popup){transform-origin:bottom}sd-2-9-3-popup[placement^=bottom]::part(popup){transform-origin:top}#tooltip{max-width:var(--max-width)}::slotted([slot=content]){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`],b([u("slot:not([name])")],g.prototype,"defaultSlot",2),b([u("#tooltip")],g.prototype,"body",2),b([u("sd-2-9-3-popup")],g.prototype,"popup",2),b([p()],g.prototype,"content",2),b([p({reflect:!0})],g.prototype,"placement",2),b([p()],g.prototype,"size",2),b([p({type:Boolean,reflect:!0})],g.prototype,"disabled",2),b([p({type:Boolean,reflect:!0})],g.prototype,"open",2),b([p()],g.prototype,"trigger",2),b([p({type:Boolean})],g.prototype,"hoist",2),b([m("open",{waitUntilFirstUpdate:!0})],g.prototype,"handleOpenChange",1),b([m(["content","hoist","placement"])],g.prototype,"handleOptionsChange",1),b([m("disabled")],g.prototype,"handleDisabledChange",1),g=b([n("sd-2-9-3-tooltip")],g),l("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}}),l("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}});export{g as default};
+        " class="${w(this.open&&"tooltip--open")}" placement="${this.placement}" distance="10" skidding="${{start:2,end:-2,default:0}[t?"start":e?"end":"default"]*("sm"===this.size?-1:1)}" strategy="${this.hoist?"fixed":"absolute"}" flip shift arrow auto-size="vertical" arrow-padding="0"><slot slot="anchor" aria-describedby="tooltip" class="${w("lg"===this.size?"text-xl":"text-base")}"><button class="flex sd-interactive rounded-full"><sd-2-10-0-icon library="system" name="info-circle" class="${w(this.disabled&&"sd-interactive--disabled")}"></sd-2-10-0-icon></button></slot><slot name="content" part="body" id="tooltip" class="bg-primary text-white py-3 px-4 block rounded-none text-sm text-left" role="tooltip" aria-label="Tooltip" aria-live="${this.open?"polite":"off"}">${this.content}</slot></sd-2-10-0-popup>`}};g.styles=[i.styles,h(y),r`:host{--hide-delay:0ms;--show-delay:150ms;display:contents}sd-2-10-0-popup{--arrow-color:rgb(var(--sd-color-primary, 0 53 142) / 1);--arrow-size:10px}sd-2-10-0-popup::part(popup){pointer-events:none;z-index:10;--tw-shadow:var(--sd-shadow, 0px 1px 3px 0px rgb(81 81 81 / 75%));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-2-10-0-popup::part(arrow){--tw-shadow:var(--sd-shadow, 0px 1px 3px 0px rgb(81 81 81 / 75%));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-2-10-0-popup[placement^=top]::part(popup){transform-origin:bottom}sd-2-10-0-popup[placement^=bottom]::part(popup){transform-origin:top}#tooltip{max-width:var(--max-width)}::slotted([slot=content]){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`],b([u("slot:not([name])")],g.prototype,"defaultSlot",2),b([u("#tooltip")],g.prototype,"body",2),b([u("sd-2-10-0-popup")],g.prototype,"popup",2),b([p()],g.prototype,"content",2),b([p({reflect:!0})],g.prototype,"placement",2),b([p()],g.prototype,"size",2),b([p({type:Boolean,reflect:!0})],g.prototype,"disabled",2),b([p({type:Boolean,reflect:!0})],g.prototype,"open",2),b([p()],g.prototype,"trigger",2),b([p({type:Boolean})],g.prototype,"hoist",2),b([m("open",{waitUntilFirstUpdate:!0})],g.prototype,"handleOpenChange",1),b([m(["content","hoist","placement"])],g.prototype,"handleOptionsChange",1),b([m("disabled")],g.prototype,"handleDisabledChange",1),g=b([n("sd-2-10-0-tooltip")],g),l("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}}),l("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}});export{g as default};

package/dist/versioned-components/es/video.js

@@ -1 +1 @@
-import{S as t,x as e,i as s,n as o,c as i}from"./solid-element.js";import{H as a}from"./slot.js";import{e as l}from"./query.js";import{t as r}from"./classix.js";var n=Object.defineProperty,p=Object.getOwnPropertyDescriptor,y=(t,e,s,o)=>{for(var i,a=o>1?void 0:o?p(e,s):e,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(o?i(e,s,a):i(a))||a);return o&&a&&n(e,s,a),a};let c=class extends t{constructor(){super(...arguments),this.playing=!1,this.overlay=!1,this.isBelowBreakpoint=!1,this.hasSlotController=new a(this,"[default]","play-icon","poster")}get poster(){const t=this.shadowRoot.querySelector("slot[name=poster]");return(null==t?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}fadeoutPoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.opacity="0")}hidePoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.display="none")}play(){this.emit("sd-play"),this.playing=!0,this.fadeoutPoster()}handleKeydown(t){t instanceof KeyboardEvent&&("Enter"===t.key||" "===t.key)&&(this.play(),setTimeout((()=>{var t;null==(t=this.querySelector("video"))||t.focus()})))}handleButtonResize(){this.hostEl.clientWidth<=414&&!this.isBelowBreakpoint&&(this.isBelowBreakpoint=!0),this.hostEl.clientWidth>414&&this.isBelowBreakpoint&&(this.isBelowBreakpoint=!1)}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.handleButtonResize())),this.updateComplete.then((()=>{this.resizeObserver.observe(this.hostEl)}))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.hostEl)}render(){return e`<div part="base" aria-label="Video Player" class="cursor-pointer"><button part="play-button" aria-label="Play video" tabindex="0" @click="${this.play}" @keydown="${this.handleKeydown}" class="${r(this.playing&&"pointer-events-none","w-full h-full absolute top-0 left-0 z-30 text-primary hover:text-primary-500 sd-interactive sd-interactive--reset focus-visible:focus-outline")}"><div part="play-button-bg" class="${r(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 bg-opacity-75 rounded-full play-pause-transition")}"><slot name="play-icon" part="play-icon" class="${r(this.isBelowBreakpoint?"text-[2rem]":"text-[4rem]")}"><sd-2-9-3-icon id="default-play-icon" library="system" name="start"></sd-2-9-3-icon></slot></div></button> ${this.hasSlotController.test("poster")?e`<slot name="poster" role="presentation" @transitionend="${this.hidePoster}"></slot>`:null}<div part="overlay" id="overlay" role="presentation" class="${r(this.overlay&&!this.playing?"opacity-100":"opacity-0","bg-[rgba(0,0,0,0.65)] w-full h-full absolute top-0 left-0 pointer-events-none z-20 play-pause-transition")}"></div><slot></slot></div>`}};c.styles=[t.styles,s`:host{position:relative;display:inline-block;overflow:hidden}.play-pause-transition,::slotted([slot=poster]){transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}::slotted([slot=poster]){position:absolute;left:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);z-index:10;width:100%}#default-play-icon,::slotted([slot=play-icon]){position:absolute;left:50%;top:50%;--tw-translate-x:-50%!important;--tw-translate-y:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}`],y([l("[part=base]")],c.prototype,"hostEl",2),y([o({type:Boolean,reflect:!0})],c.prototype,"playing",2),y([o({type:Boolean,reflect:!0})],c.prototype,"overlay",2),y([o({type:Boolean})],c.prototype,"isBelowBreakpoint",2),c=y([i("sd-2-9-3-video")],c);export{c as default};
+import{S as t,x as e,i as s,n as o,c as i}from"./solid-element.js";import{H as a}from"./slot.js";import{e as l}from"./query.js";import{t as r}from"./classix.js";var n=Object.defineProperty,p=Object.getOwnPropertyDescriptor,y=(t,e,s,o)=>{for(var i,a=o>1?void 0:o?p(e,s):e,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(o?i(e,s,a):i(a))||a);return o&&a&&n(e,s,a),a};let c=class extends t{constructor(){super(...arguments),this.playing=!1,this.overlay=!1,this.isBelowBreakpoint=!1,this.hasSlotController=new a(this,"[default]","play-icon","poster")}get poster(){const t=this.shadowRoot.querySelector("slot[name=poster]");return(null==t?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}fadeoutPoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.opacity="0")}hidePoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.display="none")}play(){this.emit("sd-play"),this.playing=!0,this.fadeoutPoster()}handleKeydown(t){t instanceof KeyboardEvent&&("Enter"===t.key||" "===t.key)&&(this.play(),setTimeout((()=>{var t;null==(t=this.querySelector("video"))||t.focus()})))}handleButtonResize(){this.hostEl.clientWidth<=414&&!this.isBelowBreakpoint&&(this.isBelowBreakpoint=!0),this.hostEl.clientWidth>414&&this.isBelowBreakpoint&&(this.isBelowBreakpoint=!1)}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.handleButtonResize())),this.updateComplete.then((()=>{this.resizeObserver.observe(this.hostEl)}))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.hostEl)}render(){return e`<div part="base" aria-label="Video Player" class="cursor-pointer"><button part="play-button" aria-label="Play video" tabindex="0" @click="${this.play}" @keydown="${this.handleKeydown}" class="${r(this.playing&&"pointer-events-none","w-full h-full absolute top-0 left-0 z-30 text-primary hover:text-primary-500 sd-interactive sd-interactive--reset focus-visible:focus-outline")}"><div part="play-button-bg" class="${r(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 bg-opacity-75 rounded-full play-pause-transition")}"><slot name="play-icon" part="play-icon" class="${r(this.isBelowBreakpoint?"text-[2rem]":"text-[4rem]")}"><sd-2-10-0-icon id="default-play-icon" library="system" name="start"></sd-2-10-0-icon></slot></div></button> ${this.hasSlotController.test("poster")?e`<slot name="poster" role="presentation" @transitionend="${this.hidePoster}"></slot>`:null}<div part="overlay" id="overlay" role="presentation" class="${r(this.overlay&&!this.playing?"opacity-100":"opacity-0","bg-[rgba(0,0,0,0.65)] w-full h-full absolute top-0 left-0 pointer-events-none z-20 play-pause-transition")}"></div><slot></slot></div>`}};c.styles=[t.styles,s`:host{position:relative;display:inline-block;overflow:hidden}.play-pause-transition,::slotted([slot=poster]){transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}::slotted([slot=poster]){position:absolute;left:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);z-index:10;width:100%}#default-play-icon,::slotted([slot=play-icon]){position:absolute;left:50%;top:50%;--tw-translate-x:-50%!important;--tw-translate-y:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}`],y([l("[part=base]")],c.prototype,"hostEl",2),y([o({type:Boolean,reflect:!0})],c.prototype,"playing",2),y([o({type:Boolean,reflect:!0})],c.prototype,"overlay",2),y([o({type:Boolean})],c.prototype,"isBelowBreakpoint",2),c=y([i("sd-2-10-0-video")],c);export{c as default};

package/dist/versioned-package/_components/button-group/button-group.d.ts

@@ -14,6 +14,6 @@ export default class SdButtonGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-2-9-3-button-group': SdButtonGroup;
+        'sd-2-10-0-button-group': SdButtonGroup;
     }
 }

package/dist/versioned-package/_components/button-group/button-group.js

@@ -22,19 +22,19 @@ let SdButtonGroup = class extends SolidElement {
   }
   handleFocus(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-2-9-3-button-group__button--focus");
+    button == null ? void 0 : button.classList.add("sd-2-10-0-button-group__button--focus");
   }
   handleBlur(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-2-9-3-button-group__button--focus");
+    button == null ? void 0 : button.classList.remove("sd-2-10-0-button-group__button--focus");
   }
   handleMouseOver(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-2-9-3-button-group__button--hover");
+    button == null ? void 0 : button.classList.add("sd-2-10-0-button-group__button--hover");
   }
   handleMouseOut(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-2-9-3-button-group__button--hover");
+    button == null ? void 0 : button.classList.remove("sd-2-10-0-button-group__button--hover");
   }
   handleSlotChange() {
     const slottedElements = [...this.defaultSlot.assignedElements({ flatten: true })];
@@ -42,11 +42,11 @@ let SdButtonGroup = class extends SolidElement {
       const index = slottedElements.indexOf(el);
       const button = findButton(el);
       if (button !== null) {
-        button.classList.add("sd-2-9-3-button-group__button");
-        button.classList.toggle("sd-2-9-3-button-group__button--first", index === 0);
-        button.classList.toggle("sd-2-9-3-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
-        button.classList.toggle("sd-2-9-3-button-group__button--last", index === slottedElements.length - 1);
-        button.classList.toggle("sd-2-9-3-button-group__button--radio", button.tagName.toLowerCase() === "sd-2-9-3-radio-button");
+        button.classList.add("sd-2-10-0-button-group__button");
+        button.classList.toggle("sd-2-10-0-button-group__button--first", index === 0);
+        button.classList.toggle("sd-2-10-0-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
+        button.classList.toggle("sd-2-10-0-button-group__button--last", index === slottedElements.length - 1);
+        button.classList.toggle("sd-2-10-0-button-group__button--radio", button.tagName.toLowerCase() === "sd-2-10-0-radio-button");
       }
     });
   }
@@ -65,10 +65,10 @@ __decorateClass([
   property()
 ], SdButtonGroup.prototype, "label", 2);
 SdButtonGroup = __decorateClass([
-  customElement("sd-2-9-3-button-group")
+  customElement("sd-2-10-0-button-group")
 ], SdButtonGroup);
 function findButton(el) {
-  const selector = "sd-2-9-3-button, sd-2-9-3-radio-button";
+  const selector = "sd-2-10-0-button, sd-2-10-0-radio-button";
   return el.closest(selector) ?? el.querySelector(selector);
 }
 export {

package/dist/versioned-package/components/accordion/accordion.d.ts

@@ -18,6 +18,6 @@ export default class SdAccordion extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-2-9-3-accordion': SdAccordion;
+        'sd-2-10-0-accordion': SdAccordion;
     }
 }

package/dist/versioned-package/components/accordion/accordion.js

@@ -108,7 +108,7 @@ let SdAccordion = class extends SolidElement {
     )}"></div><slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot><span part="summary-icon" class="${cx(
       "flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-300 text-xl",
       this.open && "rotate-180"
-    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-2-9-3-icon library="system" name="chevron-down"></sd-2-9-3-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-2-9-3-icon library="system" name="chevron-down"></sd-2-9-3-icon></slot></span></header><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></div>`;
+    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-2-10-0-icon library="system" name="chevron-down"></sd-2-10-0-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-2-10-0-icon library="system" name="chevron-down"></sd-2-10-0-icon></slot></span></header><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></div>`;
   }
 };
 SdAccordion.styles = [
@@ -134,7 +134,7 @@ __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SdAccordion.prototype, "handleOpenChange", 1);
 SdAccordion = __decorateClass([
-  customElement("sd-2-9-3-accordion")
+  customElement("sd-2-10-0-accordion")
 ], SdAccordion);
 setDefaultAnimation("accordion.show", {
   keyframes: [

package/dist/versioned-package/components/accordion-group/accordion-group.d.ts

@@ -11,6 +11,6 @@ export default class SdAccordionGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-2-9-3-accordion-group': SdAccordionGroup;
+        'sd-2-10-0-accordion-group': SdAccordionGroup;
     }
 }

package/dist/versioned-package/components/accordion-group/accordion-group.js

@@ -48,16 +48,16 @@ let SdAccordionGroup = class extends SolidElement {
 SdAccordionGroup.styles = [
   componentStyles,
   SolidElement.styles,
-  css`:host{display:block}::slotted(sd-2-9-3-accordion:not(:first-of-type)){margin-top:-1px}`
+  css`:host{display:block}::slotted(sd-2-10-0-accordion:not(:first-of-type)){margin-top:-1px}`
 ];
 __decorateClass([
-  queryAssignedElements({ selector: "sd-2-9-3-accordion" })
+  queryAssignedElements({ selector: "sd-2-10-0-accordion" })
 ], SdAccordionGroup.prototype, "_accordionsInDefaultSlot", 2);
 __decorateClass([
   property({ attribute: "close-others", type: Boolean })
 ], SdAccordionGroup.prototype, "closeOthers", 2);
 SdAccordionGroup = __decorateClass([
-  customElement("sd-2-9-3-accordion-group")
+  customElement("sd-2-10-0-accordion-group")
 ], SdAccordionGroup);
 export {
   SdAccordionGroup as default

package/dist/versioned-package/components/badge/badge.d.ts

@@ -8,6 +8,6 @@ export default class SdBadge extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-2-9-3-badge': SdBadge;
+        'sd-2-10-0-badge': SdBadge;
     }
 }

package/dist/versioned-package/components/badge/badge.js

@@ -53,7 +53,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdBadge.prototype, "inverted", 2);
 SdBadge = __decorateClass([
-  customElement("sd-2-9-3-badge")
+  customElement("sd-2-10-0-badge")
 ], SdBadge);
 export {
   SdBadge as default

package/dist/versioned-package/components/brandshape/brandshape.d.ts

@@ -23,7 +23,7 @@ export default class SdBrandshape extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-2-9-3-brandshape': SdBrandshape;
+        'sd-2-10-0-brandshape': SdBrandshape;
     }
 }
 export {};

package/dist/versioned-package/components/brandshape/brandshape.js

@@ -123,7 +123,7 @@ __decorateClass([
   state()
 ], SdBrandshape.prototype, "componentBreakpoint", 2);
 SdBrandshape = __decorateClass([
-  customElement("sd-2-9-3-brandshape")
+  customElement("sd-2-10-0-brandshape")
 ], SdBrandshape);
 export {
   SdBrandshape as default

package/dist/versioned-package/components/button/button.d.ts

@@ -47,6 +47,6 @@ export default class SdButton extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-2-9-3-button': SdButton;
+        'sd-2-10-0-button': SdButton;
     }
 }