@solid-design-system/components 4.2.4 → 4.2.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "4.2.4",
+  "version": "4.2.6",
   "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
   "author": "Union Investment",
   "license": "MIT",

package/cdn/chunks/chunk.2KVQZ6AF.js

@@ -1 +0,0 @@
-import{a as o}from"./chunk.HJGLYEWV.js";var r={$code:"en",$name:"English",$dir:"ltr",autoplay:"Autoplay",audioPlayer:"Audio Player",clearEntry:"Clear entry",close:"Close",comboboxDefaultPlaceholder:"Please search and select",copy:"Copy",carousel:"Carousel",currentValue:"Current value",goToSlide:(e,s)=>`Go to slide ${e} of ${s}`,hidePassword:"Hide password",loading:"Loading",mute:"Mute",nextSlide:"Next slide",noResults:"No results found",notifications:"Notifications",numOptionsSelected:e=>e===0?"":`Options Selected (${e})`,openTranscript:"Open transcript",pauseAudio:"Pause Audio",playAudio:"Play Audio",playbackSpeed:"Playback Speed",previousSlide:"Previous slide",progress:"Progress",remove:"Remove",removed:e=>`${e} removed`,resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",seekBar:"Seek bar",selectAColorFromTheScreen:"Select a color from the screen",selectDefaultPlaceholder:"Please select",showLess:"Show less",showMore:"Show more",showPassword:"Show password",slideNum:e=>`Slide ${e}`,tagsSelected:"Options selected",toggleColorFormat:"Toggle color format",transcriptIsOpen:"Transcript is open",unmute:"Unmute"};o(r);var t=r;export{t as a};

package/cdn/chunks/chunk.E5MVZNLH.js

@@ -1 +0,0 @@
-import{a as c}from"./chunk.6HO6CE4A.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as d,b as a,d as h,h as l}from"./chunk.VVV2SCQ6.js";import{b as p,e as r}from"./chunk.IRWHG2Q4.js";import{e as i}from"./chunk.TJOCV4DC.js";var e=class extends l{constructor(){super(...arguments);this.playing=!1;this.isBelowBreakpoint=!1;this.hasSlotController=new c(this,"[default]","play-icon","poster")}get poster(){let t=this.shadowRoot.querySelector("slot[name=poster]");return(t==null?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}get video(){return this.querySelector("video")}fadeoutPoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.opacity="0")}hidePoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.display="none")}setVideoInert(t){var s,n;t?(s=this.video)==null||s.setAttribute("inert",""):(n=this.video)==null||n.removeAttribute("inert")}play(){var t;this.emit("sd-play"),this.playing=!0,(t=this.video)==null||t.play(),this.fadeoutPoster(),this.setVideoInert(!1)}handleKeydown(t){t instanceof KeyboardEvent&&(t.key==="Enter"||t.key===" ")&&(this.play(),setTimeout(()=>{var s;(s=this.video)==null||s.focus()}))}handleButtonResize(){this.hostEl.clientWidth<=414&&!this.isBelowBreakpoint&&(this.isBelowBreakpoint=!0),this.hostEl.clientWidth>414&&this.isBelowBreakpoint&&(this.isBelowBreakpoint=!1)}connectedCallback(){super.connectedCallback(),this.setVideoInert(!0),this.resizeObserver=new ResizeObserver(()=>this.handleButtonResize()),this.updateComplete.then(()=>{this.resizeObserver.observe(this.hostEl)})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.hostEl)}render(){return r`<div part="base" aria-label="Video Player" class="cursor-pointer"><button part="play-button" aria-label="Play video" tabindex="0" @click="${this.play}" @keydown="${this.handleKeydown}" class="${o(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="${o(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="${o(this.isBelowBreakpoint?"text-[2rem]":"text-[4rem]")}"><sd-icon id="default-play-icon" library="system" name="start"></sd-icon></slot></div></button> ${this.hasSlotController.test("poster")?r`<slot name="poster" role="presentation" @transitionend="${this.hidePoster}"></slot>`:null}<slot></slot></div>`}};e.styles=[...l.styles,p`:host{display:inline-block;overflow:hidden;position:relative}.play-pause-transition,::slotted([slot=poster]){transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}::slotted([slot=poster]){left:var(--sd-spacing-0,0);position:absolute;top:var(--sd-spacing-0,0);width:100%;z-index:10}#default-play-icon,::slotted([slot=play-icon]){left:50%;position:absolute;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))}`],i([h("[part=base]")],e.prototype,"hostEl",2),i([a({type:Boolean,reflect:!0})],e.prototype,"playing",2),i([a({type:Boolean})],e.prototype,"isBelowBreakpoint",2),e=i([d("sd-video")],e);export{e as a};

package/cdn-versioned/chunks/chunk.2KVQZ6AF.js

@@ -1 +0,0 @@
-import{a as o}from"./chunk.HJGLYEWV.js";var r={$code:"en",$name:"English",$dir:"ltr",autoplay:"Autoplay",audioPlayer:"Audio Player",clearEntry:"Clear entry",close:"Close",comboboxDefaultPlaceholder:"Please search and select",copy:"Copy",carousel:"Carousel",currentValue:"Current value",goToSlide:(e,s)=>`Go to slide ${e} of ${s}`,hidePassword:"Hide password",loading:"Loading",mute:"Mute",nextSlide:"Next slide",noResults:"No results found",notifications:"Notifications",numOptionsSelected:e=>e===0?"":`Options Selected (${e})`,openTranscript:"Open transcript",pauseAudio:"Pause Audio",playAudio:"Play Audio",playbackSpeed:"Playback Speed",previousSlide:"Previous slide",progress:"Progress",remove:"Remove",removed:e=>`${e} removed`,resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",seekBar:"Seek bar",selectAColorFromTheScreen:"Select a color from the screen",selectDefaultPlaceholder:"Please select",showLess:"Show less",showMore:"Show more",showPassword:"Show password",slideNum:e=>`Slide ${e}`,tagsSelected:"Options selected",toggleColorFormat:"Toggle color format",transcriptIsOpen:"Transcript is open",unmute:"Unmute"};o(r);var t=r;export{t as a};

package/cdn-versioned/chunks/chunk.E5MVZNLH.js

@@ -1 +0,0 @@
-import{a as c}from"./chunk.6HO6CE4A.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as d,b as a,d as h,h as l}from"./chunk.VVV2SCQ6.js";import{b as p,e as r}from"./chunk.IRWHG2Q4.js";import{e as i}from"./chunk.TJOCV4DC.js";var e=class extends l{constructor(){super(...arguments);this.playing=!1;this.isBelowBreakpoint=!1;this.hasSlotController=new c(this,"[default]","play-icon","poster")}get poster(){let t=this.shadowRoot.querySelector("slot[name=poster]");return(t==null?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}get video(){return this.querySelector("video")}fadeoutPoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.opacity="0")}hidePoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.display="none")}setVideoInert(t){var s,n;t?(s=this.video)==null||s.setAttribute("inert",""):(n=this.video)==null||n.removeAttribute("inert")}play(){var t;this.emit("sd-play"),this.playing=!0,(t=this.video)==null||t.play(),this.fadeoutPoster(),this.setVideoInert(!1)}handleKeydown(t){t instanceof KeyboardEvent&&(t.key==="Enter"||t.key===" ")&&(this.play(),setTimeout(()=>{var s;(s=this.video)==null||s.focus()}))}handleButtonResize(){this.hostEl.clientWidth<=414&&!this.isBelowBreakpoint&&(this.isBelowBreakpoint=!0),this.hostEl.clientWidth>414&&this.isBelowBreakpoint&&(this.isBelowBreakpoint=!1)}connectedCallback(){super.connectedCallback(),this.setVideoInert(!0),this.resizeObserver=new ResizeObserver(()=>this.handleButtonResize()),this.updateComplete.then(()=>{this.resizeObserver.observe(this.hostEl)})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.hostEl)}render(){return r`<div part="base" aria-label="Video Player" class="cursor-pointer"><button part="play-button" aria-label="Play video" tabindex="0" @click="${this.play}" @keydown="${this.handleKeydown}" class="${o(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="${o(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="${o(this.isBelowBreakpoint?"text-[2rem]":"text-[4rem]")}"><sd-4-2-4-icon id="default-play-icon" library="system" name="start"></sd-4-2-4-icon></slot></div></button> ${this.hasSlotController.test("poster")?r`<slot name="poster" role="presentation" @transitionend="${this.hidePoster}"></slot>`:null}<slot></slot></div>`}};e.styles=[...l.styles,p`:host{display:inline-block;overflow:hidden;position:relative}.play-pause-transition,::slotted([slot=poster]){transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}::slotted([slot=poster]){left:var(--sd-spacing-0,0);position:absolute;top:var(--sd-spacing-0,0);width:100%;z-index:10}#default-play-icon,::slotted([slot=play-icon]){left:50%;position:absolute;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))}`],i([h("[part=base]")],e.prototype,"hostEl",2),i([a({type:Boolean,reflect:!0})],e.prototype,"playing",2),i([a({type:Boolean})],e.prototype,"isBelowBreakpoint",2),e=i([d("sd-4-2-4-video")],e);export{e as a};