@solid-design-system/components 3.24.0 → 4.0.0-next.0

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

@@ -1 +0,0 @@
-import{S as t,x as e,t as a,c as l,i as s,e as i,n as o,a as r}from"./solid-components2.js";import{d as h}from"./default-value.js";import{F as n}from"./form.js";import{H as d}from"./slot.js";import{o as p}from"./if-defined.js";import{l as u}from"./live.js";import{r as c}from"./state.js";import{w as y}from"./watch.js";var m=Object.defineProperty,b=Object.getOwnPropertyDescriptor,f=(t,e,a,l)=>{for(var s,i=l>1?void 0:l?b(e,a):e,o=t.length-1;o>=0;o--)(s=t[o])&&(i=(l?s(e,a,i):s(i))||i);return l&&i&&m(e,a,i),i};let v=class extends t{constructor(){super(...arguments),this.formControlController=new n(this),this.hasSlotController=new d(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-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"),l=this.hasSlotController.test("help-text"),s=!!this.label||!!t,i=!!this.helpText||!!l,o=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",r="sm"===this.size?"text-sm":"text-base",h={sm:"text-base ml-1",md:"text-lg ml-2",lg:"text-xl ml-2"}[this.size];return e`<div part="form-control" class="flex flex-col h-full text-left"><div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${a(s?"inline-block":"hidden",r)}" for="input" aria-hidden="${s?"false":"true"}"><slot name="label">${this.label}</slot></label><slot name="tooltip"></slot></div><div part="form-control-input" class="${a("relative h-full w-full",this.disabled&&"cursor-not-allowed")}"><div part="border" class="${a("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"}[o])}"></div><div part="base" class="${a("textarea h-full px-4 flex items-top rounded-default group",{sm:"textarea-sm py-1",md:"textarea-md py-1",lg:"textarea-lg py-2"}[this.size],this.disabled||this.readonly?"":"hover:bg-neutral-200",this.readonly?"bg-neutral-100":"bg-white","disabled"===o?"text-neutral-500":"text-black")}"><textarea part="textarea" id="input" class="${a("flex-grow focus:outline-none bg-transparent placeholder-neutral-700 resize-none",this.disabled&&"cursor-not-allowed",r)}" title="${this.title}" name="${p(this.name)}" .value="${u(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${p(this.placeholder)}" minlength="${p(this.minlength)}" maxlength="${p(this.maxlength)}" rows="${p(this.rows)}" autocapitalize="${p(this.autocapitalize)}" autocorrect="${p(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${p(this.spellcheck)}" enterkeyhint="${p(this.enterkeyhint)}" inputmode="${p(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?e`<sd-3-24-0-icon class="${a("text-error absolute right-4 bg-white group-hover:bg-neutral-200",h)}" library="system" name="risk" part="invalid-icon"></sd-3-24-0-icon>`:""} ${this.styleOnValid&&this.showValidStyle?e`<sd-3-24-0-icon class="${a("text-success absolute right-4 bg-white group-hover:bg-neutral-200",h)}" library="system" name="status-check" part="valid-icon"></sd-3-24-0-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${a("text-sm text-neutral-700",i?"block":"hidden")}" aria-hidden="${i?"false":"true"}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};v.styles=[l,t.styles,s`:host{display:block;height:100%}:host([required]) #label::after{content:' *'}.no-scrollbar::-webkit-scrollbar{display:none}`],f([i("#input")],v.prototype,"textarea",2),f([i("#invalid-message")],v.prototype,"invalidMessage",2),f([c()],v.prototype,"hasFocus",2),f([c()],v.prototype,"showValidStyle",2),f([c()],v.prototype,"showInvalidStyle",2),f([o()],v.prototype,"title",2),f([o()],v.prototype,"name",2),f([o()],v.prototype,"value",2),f([o({reflect:!0})],v.prototype,"size",2),f([o()],v.prototype,"label",2),f([o({attribute:"help-text"})],v.prototype,"helpText",2),f([o()],v.prototype,"placeholder",2),f([o({type:Number})],v.prototype,"rows",2),f([o({type:Boolean,reflect:!0})],v.prototype,"disabled",2),f([o({type:Boolean,reflect:!0})],v.prototype,"readonly",2),f([o({reflect:!0})],v.prototype,"form",2),f([o({type:Boolean,reflect:!0})],v.prototype,"required",2),f([o({type:Number})],v.prototype,"minlength",2),f([o({type:Number})],v.prototype,"maxlength",2),f([o()],v.prototype,"autocapitalize",2),f([o()],v.prototype,"autocorrect",2),f([o()],v.prototype,"autocomplete",2),f([o({type:Boolean})],v.prototype,"autofocus",2),f([o()],v.prototype,"enterkeyhint",2),f([o({type:Boolean,reflect:!0,attribute:"style-on-valid"})],v.prototype,"styleOnValid",2),f([o({type:Boolean,converter:{fromAttribute:t=>!(!t||"false"===t),toAttribute:t=>t?"true":"false"}})],v.prototype,"spellcheck",2),f([o()],v.prototype,"inputmode",2),f([h()],v.prototype,"defaultValue",2),f([y("disabled",{waitUntilFirstUpdate:!0})],v.prototype,"handleDisabledChange",1),f([y("rows",{waitUntilFirstUpdate:!0})],v.prototype,"handleRowsChange",1),f([y("value",{waitUntilFirstUpdate:!0})],v.prototype,"handleValueChange",1),v=f([r("sd-3-24-0-textarea")],v);export{v as default};

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

@@ -1,4 +0,0 @@
-import{S as t,L as e,x as s,t as i,r as o,i as a,e as h,n as r,a as n}from"./solid-components2.js";import{c as p,s as d,a as l}from"./animate.js";import{g as c,s as u}from"./animation-registry.js";import{w as m}from"./event.js";import{w}from"./watch.js";import{I as y}from"./interactive.js";var v=Object.defineProperty,g=Object.getOwnPropertyDescriptor,f=(t,e,s,i)=>{for(var o,a=i>1?void 0:i?g(e,s):e,h=t.length-1;h>=0;h--)(o=t[h])&&(a=(i?o(e,s,a):o(a))||a);return i&&a&&v(e,s,a),a};let b=class extends t{constructor(){super(...arguments),this.isFocusTriggered=!1,this.localize=new e(this),this.size="lg",this.content="",this.placement="top",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(){if(this.hasTrigger("click")){if(this.isFocusTriggered)return void(this.isFocusTriggered=!1);this.open?this.hide():this.show()}}handleFocus(){this.hasTrigger("focus")&&(this.isFocusTriggered=!0,this.show())}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())}handleMouseOver(){if(this.hasTrigger("hover")){const t=p(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.show()),t)}}handleMouseOut(){if(this.hasTrigger("hover")){const t=p(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.hide()),t)}}hasTrigger(t){return this.trigger.split(" ").includes(t)}async handleOpenChange(){if(this.open){if(this.disabled)return;this.emit("sd-show"),await d(this.body),this.body.hidden=!1,this.popup.active=!0;const{keyframes:t,options:e}=c(this,"tooltip.show",{dir:this.localize.dir()});await l(this.popup.popup,t,e),this.emit("sd-after-show")}else{this.emit("sd-hide"),await d(this.body);const{keyframes:t,options:e}=c(this,"tooltip.hide",{dir:this.localize.dir()});await l(this.popup.popup,t,e),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,m(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,m(this,"sd-after-hide")}render(){const t=this.placement.endsWith("-start"),e=this.placement.endsWith("-end");return s`<sd-3-24-0-popup part="base" exportparts="
-          popup:base__popup,
-          arrow:base__arrow
-        " class="${i(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="${i("lg"===this.size?"text-xl":"text-base")}"><button class="flex sd-interactive rounded-full"><sd-3-24-0-icon library="system" name="info-circle" class="${i(this.disabled&&"sd-interactive--disabled")}"></sd-3-24-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-3-24-0-popup>`}};b.styles=[t.styles,o(y),a`:host{--hide-delay:0ms;--show-delay:150ms;display:contents}sd-3-24-0-popup{--arrow-color:rgb(var(--sd-color-primary, 0 53 142) / 1);--arrow-size:10px}sd-3-24-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-3-24-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-3-24-0-popup[placement^=top]::part(popup){transform-origin:bottom}sd-3-24-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}`],f([h("slot:not([name])")],b.prototype,"defaultSlot",2),f([h("#tooltip")],b.prototype,"body",2),f([h("sd-3-24-0-popup")],b.prototype,"popup",2),f([r()],b.prototype,"size",2),f([r()],b.prototype,"content",2),f([r({reflect:!0})],b.prototype,"placement",2),f([r({type:Boolean,reflect:!0})],b.prototype,"disabled",2),f([r({type:Boolean,reflect:!0})],b.prototype,"open",2),f([r()],b.prototype,"trigger",2),f([r({type:Boolean})],b.prototype,"hoist",2),f([w("open",{waitUntilFirstUpdate:!0})],b.prototype,"handleOpenChange",1),f([w(["content","hoist","placement"])],b.prototype,"handleOptionsChange",1),f([w("disabled")],b.prototype,"handleDisabledChange",1),b=f([n("sd-3-24-0-tooltip")],b),u("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}}),u("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}});export{b as default};

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

@@ -1 +0,0 @@
-const e=e=>Array.from(e.assignedElements({flatten:!0})),o=e=>"sd-3-24-0-option"===e.tagName.toLocaleLowerCase()?e:Array.from(e.querySelectorAll(":scope > sd-3-24-0-option")),t=e=>"sd-3-24-0-optgroup"===e.tagName.toLocaleLowerCase(),s=e=>e.map(o),a=e=>e.filter(t),r=e=>e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase();export{a as filterOnlyOptgroups,s as getAllOptions,e as getAssignedElementsForSlot,o as getOptionOrNestedOptions,t as isOptgroup,r as normalizeString};

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

@@ -1 +0,0 @@
-import{S as t,x as e,t as s,i as o,e as i,n as a,a as l}from"./solid-components2.js";import{H as r}from"./slot.js";var n=Object.defineProperty,p=Object.getOwnPropertyDescriptor,d=(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 h=class extends t{constructor(){super(...arguments),this.playing=!1,this.overlay=!1,this.isBelowBreakpoint=!1,this.hasSlotController=new r(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}get video(){return this.querySelector("video")}fadeoutPoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.opacity="0")}hidePoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.display="none")}setVideoInert(t){var e,s;t?null==(e=this.video)||e.setAttribute("inert",""):null==(s=this.video)||s.removeAttribute("inert")}play(){var t;this.emit("sd-play"),this.playing=!0,null==(t=this.video)||t.play(),this.fadeoutPoster(),this.setVideoInert(!1)}handleKeydown(t){t instanceof KeyboardEvent&&("Enter"===t.key||" "===t.key)&&(this.play(),setTimeout((()=>{var t;null==(t=this.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.setVideoInert(!0),this.resizeObserver=new ResizeObserver((()=>this.handleButtonResize())),this.updateComplete.then((()=>{this.resizeObserver.observe(this.hostEl)}))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.hostEl)}render(){return 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="${s(this.playing&&"pointer-events-none","group 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="${s(this.playing?"opacity-0":"opacity-100",this.isBelowBreakpoint?"w-[48px] h-[48px]":"w-[96px] h-[96px]","absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white bg-opacity-75 rounded-full play-pause-transition outline-2 outline-offset-2 group-focus-visible:outline")}"><slot name="play-icon" part="play-icon" class="${s(this.isBelowBreakpoint?"text-[2rem]":"text-[4rem]")}"><sd-3-24-0-icon id="default-play-icon" library="system" name="start"></sd-3-24-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="${s(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>`}};h.styles=[t.styles,o`: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))}`],d([i("[part=base]")],h.prototype,"hostEl",2),d([a({type:Boolean,reflect:!0})],h.prototype,"playing",2),d([a({type:Boolean,reflect:!0})],h.prototype,"overlay",2),d([a({type:Boolean})],h.prototype,"isBelowBreakpoint",2),h=d([l("sd-3-24-0-video")],h);export{h as default};

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

@@ -1 +0,0 @@
-function t(t,a){const i={waitUntilFirstUpdate:!1,...a};return(a,s)=>{const{update:n}=a,r=Array.isArray(t)?t:[t];a.update=function(t){r.forEach((a=>{const n=a;if(t.has(n)){const a=t.get(n),r=this[n];a!==r&&(!i.waitUntilFirstUpdate||this.hasUpdated)&&this[s](a,r)}})),n.call(this,t)}}}export{t as w};

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

@@ -1 +0,0 @@
-class t{constructor(t){this.fixedEnd=!0,this.fixedStart=!0,this.gradient=!1,this.outline=!1,this.map=(t,i,s,h,e)=>(t-i)*(e-h)/(s-i)+h,this.damp=(t,i,s)=>2*(1-i/t)*(i/t)*s,this.canvas=t.canvas,this.frequency=t.frequency,this.phase=t.phase,this.amplitude=t.amplitude,this.color=t.color,this.shift=t.shift,this.lineWidth=2,this.damping=t.damping,this.context=this.canvas.getContext("2d"),this.paused=!0,this.playbackSpeed=1,this.origin={x:0,y:this.canvas.height}}drawPoint(t,i,s){if(!this.context)return;const h=this.lineWidth/2;if(this.context.beginPath(),this.outline&&(this.context.fillStyle=s,this.context.lineWidth=2,this.context.arc(t,i,h,0,2*Math.PI),this.context.fill()),this.gradient){const t=this.context.createLinearGradient(0,0,0,this.canvas.height);t.addColorStop(.1,s),t.addColorStop(1,"transparent"),this.context.fillStyle=t}else this.context.fillStyle=s;this.context.fillRect(t-h,i-h,h,this.canvas.height-i+h)}buildSine(t,i,s,h,e){for(let a=this.origin.x,n=this.origin.x+t;a<n;a+=1){const t=h*Math.sin(e*(a+i));this.fixedStart&&this.fixedEnd?this.drawPoint(a,this.origin.y+this.damp(n,a,this.damping)*t,s):this.fixedStart?this.drawPoint(a,this.origin.y+this.map(a,this.origin.x,n,0,this.damping)*t,s):this.fixedEnd?this.drawPoint(a,this.origin.y+(this.damping-this.map(a,this.origin.x,n,0,this.damping))*t,s):this.drawPoint(a,this.origin.y+t,s)}}redraw(){this.phase+=this.shift*(this.paused?1:2*this.playbackSpeed),this.buildSine(this.canvas.width,this.phase,this.color,this.amplitude,this.frequency)}setPlay(){this.paused=!1}setPause(){this.paused=!0}setPlaybackSpeed(t){this.playbackSpeed=t}}export{t as Wave};

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

@@ -1,19 +0,0 @@
-import SolidElement from '../../internal/solid-element';
-import type { CSSResultGroup } from 'lit';
-export default class SdButtonGroup extends SolidElement {
-    static styles: CSSResultGroup;
-    defaultSlot: HTMLSlotElement;
-    disableRole: boolean;
-    label: string;
-    private handleFocus;
-    private handleBlur;
-    private handleMouseOver;
-    private handleMouseOut;
-    private handleSlotChange;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sd-3-24-0-button-group': SdButtonGroup;
-    }
-}

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

@@ -1,75 +0,0 @@
-import { customElement } from "../../internal/register-custom-element.js";
-import { query, state, property } from "lit/decorators.js";
-import { html } from "lit";
-import SolidElement from "../../internal/solid-element.js";
-import styles from "./button-group.styles.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let SdButtonGroup = class extends SolidElement {
-  constructor() {
-    super(...arguments);
-    this.disableRole = false;
-    this.label = "";
-  }
-  handleFocus(event) {
-    const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-3-24-0-button-group__button--focus");
-  }
-  handleBlur(event) {
-    const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-3-24-0-button-group__button--focus");
-  }
-  handleMouseOver(event) {
-    const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-3-24-0-button-group__button--hover");
-  }
-  handleMouseOut(event) {
-    const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-3-24-0-button-group__button--hover");
-  }
-  handleSlotChange() {
-    const slottedElements = [...this.defaultSlot.assignedElements({ flatten: true })];
-    slottedElements.forEach((el) => {
-      const index = slottedElements.indexOf(el);
-      const button = findButton(el);
-      if (button !== null) {
-        button.classList.add("sd-3-24-0-button-group__button");
-        button.classList.toggle("sd-3-24-0-button-group__button--first", index === 0);
-        button.classList.toggle("sd-3-24-0-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
-        button.classList.toggle("sd-3-24-0-button-group__button--last", index === slottedElements.length - 1);
-        button.classList.toggle("sd-3-24-0-button-group__button--radio", button.tagName.toLowerCase() === "sd-3-24-0-radio-button");
-      }
-    });
-  }
-  render() {
-    return html`<slot part="base" class="button-group" role="${this.disableRole ? "presentation" : "group"}" aria-label="${this.label}" @focusout="${this.handleBlur}" @focusin="${this.handleFocus}" @mouseover="${this.handleMouseOver}" @mouseout="${this.handleMouseOut}" @slotchange="${this.handleSlotChange}"></slot>`;
-  }
-};
-SdButtonGroup.styles = styles;
-__decorateClass([
-  query("slot")
-], SdButtonGroup.prototype, "defaultSlot", 2);
-__decorateClass([
-  state()
-], SdButtonGroup.prototype, "disableRole", 2);
-__decorateClass([
-  property()
-], SdButtonGroup.prototype, "label", 2);
-SdButtonGroup = __decorateClass([
-  customElement("sd-3-24-0-button-group")
-], SdButtonGroup);
-function findButton(el) {
-  const selector = "sd-3-24-0-button, sd-3-24-0-radio-button";
-  return el.closest(selector) ?? el.querySelector(selector);
-}
-export {
-  SdButtonGroup as default
-};

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

@@ -1,6 +0,0 @@
-import { css } from "lit";
-import componentStyles from "../../styles/component.styles.js";
-const styles = css`${componentStyles}:host{display:inline-block}.button-group{display:flex;flex-wrap:nowrap}`;
-export {
-  styles as default
-};

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

@@ -1,24 +0,0 @@
-import '../icon/icon';
-import { LocalizeController } from '../../utilities/localize';
-import SolidElement from '../../internal/solid-element';
-export default class SdAccordion extends SolidElement {
-    localize: LocalizeController;
-    accordion: HTMLElement;
-    header: HTMLElement;
-    body: HTMLElement;
-    open: boolean;
-    summary: string;
-    firstUpdated(): void;
-    protected handleSummaryClick(): void;
-    protected handleSummaryKeyDown(event: KeyboardEvent): void;
-    handleOpenChange(): Promise<void>;
-    show(): Promise<void>;
-    hide(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
-    static styles: import("lit").CSSResultGroup[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sd-3-24-0-accordion': SdAccordion;
-    }
-}

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

@@ -1,153 +0,0 @@
-import "../icon/icon.js";
-import { stopAnimations, animateTo, shimKeyframesHeightAuto } from "../../internal/animate.js";
-import { css, html } from "lit";
-import { customElement } from "../../internal/register-custom-element.js";
-import { setDefaultAnimation, getAnimation } from "../../utilities/animation-registry.js";
-import { LocalizeController } from "../../utilities/localize.js";
-import { query, property } from "lit/decorators.js";
-import { waitForEvent } from "../../internal/event.js";
-import { watch } from "../../internal/watch.js";
-import cx from "classix";
-import SolidElement from "../../internal/solid-element.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let SdAccordion = class extends SolidElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.open = false;
-  }
-  firstUpdated() {
-    this.body.hidden = !this.open;
-    this.body.style.height = this.open ? "auto" : "0";
-  }
-  handleSummaryClick() {
-    if (this.open) {
-      this.hide();
-    } else {
-      this.show();
-    }
-  }
-  handleSummaryKeyDown(event) {
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      if (this.open) {
-        this.hide();
-      } else {
-        this.show();
-      }
-    }
-    if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
-      event.preventDefault();
-      this.hide();
-    }
-    if (event.key === "ArrowDown" || event.key === "ArrowRight") {
-      event.preventDefault();
-      this.show();
-    }
-  }
-  async handleOpenChange() {
-    if (this.open) {
-      const slShow = this.emit("sd-show", { cancelable: true });
-      if (slShow.defaultPrevented) {
-        this.open = false;
-        return;
-      }
-      await stopAnimations(this.body);
-      this.body.hidden = false;
-      const { keyframes, options } = getAnimation(this, "accordion.show", { dir: this.localize.dir() });
-      await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);
-      this.body.style.height = "auto";
-      this.emit("sd-after-show");
-    } else {
-      const slHide = this.emit("sd-hide", { cancelable: true });
-      if (slHide.defaultPrevented) {
-        this.open = true;
-        return;
-      }
-      await stopAnimations(this.body);
-      const { keyframes, options } = getAnimation(this, "accordion.hide", { dir: this.localize.dir() });
-      await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);
-      this.body.hidden = true;
-      this.body.style.height = "auto";
-      this.emit("sd-after-hide");
-    }
-  }
-  /** Shows the accordion. */
-  async show() {
-    if (this.open) {
-      return void 0;
-    }
-    this.open = true;
-    return waitForEvent(this, "sd-after-show");
-  }
-  /** Hides the accordion */
-  async hide() {
-    if (!this.open) {
-      return void 0;
-    }
-    this.open = false;
-    return waitForEvent(this, "sd-after-hide");
-  }
-  render() {
-    return html`<div part="base" class="border-y border-neutral-400"><header part="header" id="header" class="${cx(
-      "flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 py-3 focus-visible:focus-outline text-primary hover:bg-neutral-200 relative group"
-    )}" role="button" aria-expanded="${this.open ? "true" : "false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><div part="summary-border" class="${cx(
-      !this.open && "opacity-0",
-      "w-1 bg-accent absolute left-0 transition-all h-[calc(100%-16px)] group-hover:h-full"
-    )}"></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-3-24-0-icon library="system" name="chevron-down"></sd-3-24-0-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-3-24-0-icon library="system" name="chevron-down"></sd-3-24-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 = [
-  SolidElement.styles,
-  css`:host{display:block}`
-];
-__decorateClass([
-  query('[part="base"]')
-], SdAccordion.prototype, "accordion", 2);
-__decorateClass([
-  query('[part="header"]')
-], SdAccordion.prototype, "header", 2);
-__decorateClass([
-  query('[part="content"]')
-], SdAccordion.prototype, "body", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SdAccordion.prototype, "open", 2);
-__decorateClass([
-  property()
-], SdAccordion.prototype, "summary", 2);
-__decorateClass([
-  watch("open", { waitUntilFirstUpdate: true })
-], SdAccordion.prototype, "handleOpenChange", 1);
-SdAccordion = __decorateClass([
-  customElement("sd-3-24-0-accordion")
-], SdAccordion);
-setDefaultAnimation("accordion.show", {
-  keyframes: [
-    { height: "0", opacity: "0" },
-    { height: "auto", opacity: "1" }
-  ],
-  options: { duration: 300, easing: "ease" }
-});
-setDefaultAnimation("accordion.hide", {
-  keyframes: [
-    { height: "auto", opacity: "1" },
-    { height: "0", opacity: "0" }
-  ],
-  options: { duration: 300, easing: "ease" }
-});
-export {
-  SdAccordion as default
-};

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

@@ -1,16 +0,0 @@
-import '../accordion/accordion';
-import SolidElement from '../../internal/solid-element';
-export default class SdAccordionGroup extends SolidElement {
-    _accordionsInDefaultSlot: HTMLElement[];
-    closeOthers: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private handleAccordionShow;
-    render(): import("lit").TemplateResult<1>;
-    static styles: import("lit").CSSResultGroup[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sd-3-24-0-accordion-group': SdAccordionGroup;
-    }
-}

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

@@ -1,63 +0,0 @@
-import "../accordion/accordion.js";
-import { css, html } from "lit";
-import { customElement } from "../../internal/register-custom-element.js";
-import { queryAssignedElements, property } from "lit/decorators.js";
-import componentStyles from "../../styles/component.styles.js";
-import SolidElement from "../../internal/solid-element.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let SdAccordionGroup = class extends SolidElement {
-  constructor() {
-    super(...arguments);
-    this.closeOthers = false;
-    this.handleAccordionShow = (event) => {
-      if (this.closeOthers) {
-        this._accordionsInDefaultSlot.forEach((accordionElement) => {
-          if (accordionElement === event.target) {
-            return;
-          }
-          if (accordionElement.parentNode !== event.target.parentNode) {
-            return;
-          }
-          accordionElement.removeAttribute("open");
-        });
-      }
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener("sd-show", this.handleAccordionShow);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("sd-show", this.handleAccordionShow);
-  }
-  render() {
-    return html`<div part="base"><slot></slot></div>`;
-  }
-};
-SdAccordionGroup.styles = [
-  componentStyles,
-  SolidElement.styles,
-  css`:host{display:block}::slotted(sd-3-24-0-accordion:not(:first-of-type)){margin-top:-1px}`
-];
-__decorateClass([
-  queryAssignedElements({ selector: "sd-3-24-0-accordion" })
-], SdAccordionGroup.prototype, "_accordionsInDefaultSlot", 2);
-__decorateClass([
-  property({ attribute: "close-others", type: Boolean })
-], SdAccordionGroup.prototype, "closeOthers", 2);
-SdAccordionGroup = __decorateClass([
-  customElement("sd-3-24-0-accordion-group")
-], SdAccordionGroup);
-export {
-  SdAccordionGroup as default
-};

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

@@ -1,55 +0,0 @@
-import { Wave } from './wave';
-import SolidElement from '../../internal/solid-element';
-import type SdDrawer from '../drawer/drawer';
-export default class SdAudio extends SolidElement {
-    private readonly localize;
-    private readonly hasSlotController;
-    reversedLayout: boolean;
-    hideTimestamps: boolean;
-    animated: boolean;
-    inverted: boolean;
-    speed: number;
-    currentTime: string;
-    duration: string;
-    isPlaying: boolean;
-    isMuted: boolean;
-    progress: number;
-    progressSlider: HTMLInputElement;
-    audioPlayerContainer: HTMLElement;
-    drawer: SdDrawer;
-    canvas: HTMLCanvasElement;
-    context: CanvasRenderingContext2D;
-    waveList: Wave[];
-    constructor();
-    firstUpdated(): void;
-    updated(changedProperties: Map<string | number | symbol, unknown>): void;
-    private get audioElement();
-    private setAudioProgress;
-    private updateCurrentTime;
-    private updateAudioDuration;
-    playAudio(): void;
-    pauseAudio(): void;
-    handleAudioEnd(): void;
-    private toggleMute;
-    private toggleMuteKeydown;
-    togglePlaybackSpeed(): void;
-    private togglePlaybackSpeedKeydown;
-    private formatTime;
-    private handleAudioProgress;
-    private handleAudioProgressKeydown;
-    private showTranscript;
-    private showTranscriptKeydown;
-    private rgbToHex;
-    private initAnimation;
-    private drawStillWaves;
-    private stopAnimation;
-    private clear;
-    draw(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
-    static styles: import("lit").CSSResultGroup[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sd-3-24-0-audio': SdAudio;
-    }
-}