scu-web-components 0.0.75 → 0.0.77

package/dist/chunks/chunk.2XEW7UAZ.js

@@ -0,0 +1,135 @@
+import{a,b as r,d as s,f as c}from"./chunk.5MDLYG3I.js";import{a as i}from"./chunk.G2G2TPJK.js";import{f as o}from"./chunk.PE5ZEEQ2.js";var d=a`
+.scw-accordion {
+  overflow: hidden;
+}
+.scw-accordion #header {
+  cursor: pointer;
+}
+.scw-accordion #content {
+  overflow: hidden;
+  transition: height 0.3s ease-in-out;
+  display: block;
+}
+
+:host([heading]) .scw-accordion {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 10px 10px 10px 10px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-09);
+  overflow: hidden;
+}
+:host([heading]) .scw-accordion > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+:host([heading]) .scw-accordion #header {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: var(--scw-spacing-2);
+  padding-right: var(--scw-spacing-2);
+  padding-top: var(--scw-spacing-2);
+  padding-bottom: var(--scw-spacing-2);
+  padding-left: var(--scw-spacing-2);
+  padding-right: var(--scw-spacing-2);
+  padding-top: var(--scw-spacing-2);
+  padding-bottom: var(--scw-spacing-2);
+  background-color: var(--scw-color-primary);
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--scw-color-primary);
+  align-self: stretch;
+  background-color: var(--scw-theme-color, var(--scw-color-primary));
+  border: none;
+  cursor: pointer;
+}
+:host([heading]) .scw-accordion #header > *:not(:last-child) {
+  margin-right: var(--scw-spacing-1);
+  --margin-right: var( --scw-spacing-1 );
+}
+:host([heading]) .scw-accordion #header .text {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-07-font);
+  color: var(--scw-color-grey-10);
+  flex: 1;
+  color: var(--scw-theme-color-inv, var(--scw-color-grey-10));
+}
+:host([heading]) .scw-accordion #header .icon {
+  width: 26px;
+  height: 26px;
+  --scw-icon-color: var(--scw-theme-color-inv, var(--scw-color-grey-10));
+}
+:host([heading]) .scw-accordion #header .icon scw-icon {
+  width: 26px;
+  height: 26px;
+  position: absolute;
+  transition: opacity 0.3s ease-in-out;
+}
+:host([heading]) .scw-accordion #content {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 0px 0px 10px 10px;
+  align-self: stretch;
+}
+:host([heading]) .scw-accordion #content .wrapper {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: flex-start;
+  padding-left: var(--scw-spacing-2);
+  padding-right: var(--scw-spacing-2);
+  padding-top: var(--scw-spacing-2);
+  padding-bottom: var(--scw-spacing-2);
+  padding-top: 0;
+  padding-bottom: 0;
+  border-top-style: solid;
+  border-top-width: 1px;
+  border-top-color: var(--scw-color-grey-09);
+}
+:host([heading]) .scw-accordion #content .wrapper > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+:host([heading]) .scw-accordion #content .wrapper slot {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-02);
+  align-self: stretch;
+}`;var t=class extends c{constructor(){super();this.open=!1;this.heading="";this.element="accordion",this.open?this.containerHeight="100%":this.containerHeight="0px"}static get styles(){return[super.styles,d]}async firstUpdated(){await new Promise(e=>setTimeout(e,0)),this.updateScrollHeight()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e=>this.handleKeypress(e))}disconnectedCallback(){this.removeEventListener("keydown",e=>this.handleKeypress(e)),super.disconnectedCallback()}toggleOpen(){this.open=!this.open,this.updateScrollHeight()}updateScrollHeight(){this.containerHeight=this.open?this.container.scrollHeight+"px":"0px",this.requestUpdate()}handleKeypress(e){let n=e.code;(n==="Enter"||n==="Space")&&(this.open=!this.open)}render(){return i`
+      <div class="scw-accordion">
+        <div
+          @click=${this.toggleOpen}
+          role="button"
+          tabindex="0"
+          aria-expanded="${this.open}"
+          id="header"
+          aria-controls="content">
+          <div class="text">
+            ${this.heading!==""?this.heading:i`<slot name="heading"></slot>`}
+          </div>
+          ${this.heading!==""?i` <div class="icon">
+                <scw-icon
+                  style="opacity:${this.open?"0":"1"};"
+                  icon="icon-plus">
+                </scw-icon>
+                <scw-icon icon="icon-minus"> </scw-icon>
+              </div>`:""}
+        </div>
+        <div
+          style="height:${this.containerHeight};"
+          id="content"
+          aria-labelledby="header"
+          aria-hidden="${!this.open}">
+          <div class="wrapper"><slot></slot></div>
+        </div>
+      </div>
+    `}};o([r({type:Boolean,attribute:"open",reflect:!0})],t.prototype,"open",2),o([r({type:String,attribute:"heading",reflect:!1})],t.prototype,"heading",2),o([s("#content")],t.prototype,"container",2);export{t as a};

package/dist/chunks/chunk.33463GZ4.js

@@ -0,0 +1,158 @@
+import{a as o,b as r,e as c,f as l}from"./chunk.5MDLYG3I.js";import{a as e}from"./chunk.G2G2TPJK.js";import{f as n}from"./chunk.PE5ZEEQ2.js";var s=o`
+.heading {
+  margin: 0;
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.heading > *:not(:last-child) {
+  margin-right: 0px;
+  --margin-right: 0px;
+}
+
+.content {
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.content > *:not(:last-child) {
+  margin-bottom: var(--scw-spacing-1);
+  --margin-bottom: var( --scw-spacing-1 );
+}
+
+h3 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-08-font);
+  color: var(--scw-color-grey-02);
+  color: var(--scw-theme-color, var(--scw-color-grey-02));
+}
+
+.body {
+  background-color: rgba(0, 0, 0, 0);
+}
+.body slot {
+  text-align: LEFT;
+  font: var(--scw-type-text-06-font);
+  color: var(--scw-color-grey-02);
+  color: var(--scw-theme-body-color, var(--scw-color-grey-02));
+}
+
+.default {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: flex-start;
+  padding-left: var(--scw-spacing-3);
+  padding-right: var(--scw-spacing-3);
+  padding-top: var(--scw-spacing-3);
+  padding-bottom: var(--scw-spacing-3);
+  background-color: var(--scw-color-primary-09);
+  border-radius: 10px 10px 10px 10px;
+  background-color: var(--scw-theme-color-light, var(--scw-color-primary-09));
+}
+.default > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+.default .links {
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.default .links > *:not(:last-child) {
+  margin-right: var(--scw-spacing-2);
+  --margin-right: var( --scw-spacing-2 );
+}
+
+.alignment-center {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: var(--scw-spacing-3);
+  padding-right: var(--scw-spacing-3);
+  padding-top: var(--scw-spacing-3);
+  padding-bottom: var(--scw-spacing-3);
+  background-color: var(--scw-color-primary-09);
+  border-radius: 10px 10px 10px 10px;
+  background-color: var(--scw-theme-color-light, var(--scw-color-primary-09));
+}
+.alignment-center > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+.alignment-center .links {
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.alignment-center .links > *:not(:last-child) {
+  margin-right: var(--scw-spacing-2);
+  --margin-right: var( --scw-spacing-2 );
+}
+.alignment-center .content {
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.alignment-center .content > *:not(:last-child) {
+  margin-bottom: var(--scw-spacing-1);
+  --margin-bottom: var( --scw-spacing-1 );
+}
+.alignment-center .body {
+  margin: auto;
+}
+.alignment-center .body slot {
+  text-align: center;
+}
+.alignment-center .heading {
+  text-align: center;
+  margin: auto;
+}`;var t=class extends l{constructor(){super();this.element=c.callout}static get styles(){return[super.styles,s]}renderLink(i,a,g="solid"){return i&&a?e`
+        <scw-link
+          href="${a}"
+          aria-label="${i}"
+          design="${g}">
+        </scw-link>
+      `:e``}render(){return e`
+      <div class="${this.align==="center"?"alignment-center":"default"}">
+        <div class="content">
+          <h3 class="heading">${this.heading}</h3>
+          <div class="body"><slot></slot></div>
+          <div class="links">
+            ${this.renderLink(this.primaryLabel,this.primaryLink)}
+            ${this.renderLink(this.secondaryLabel,this.secondaryLink,"outlined")}
+          </div>
+        </div>
+      </div>
+    `}};n([r({type:String,attribute:"heading",reflect:!0})],t.prototype,"heading",2),n([r({type:String,attribute:"alignment",reflect:!0})],t.prototype,"align",2),n([r({type:String,attribute:"primary-cta-link",reflect:!0})],t.prototype,"primaryLink",2),n([r({type:String,attribute:"primary-cta-label",reflect:!0})],t.prototype,"primaryLabel",2),n([r({type:String,attribute:"secondary-cta-link",reflect:!0})],t.prototype,"secondaryLink",2),n([r({type:String,attribute:"secondary-cta-label",reflect:!0})],t.prototype,"secondaryLabel",2);export{t as a};

package/dist/chunks/chunk.3NNE5ENI.js

@@ -0,0 +1,125 @@
+import{a as c}from"./chunk.QHUZYUAT.js";import{a as u,b as r,d as f,f as m}from"./chunk.5MDLYG3I.js";import{a as p}from"./chunk.G2G2TPJK.js";import{f as o}from"./chunk.PE5ZEEQ2.js";var b=u`
+:host {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+}
+
+.hidden {
+  display: none;
+}
+
+.slider {
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+  min-height: 100%;
+  position: relative;
+  gap: 0;
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none;
+  scroll-padding-inline: var(--tease);
+  padding-inline: var(--tease);
+  width: 100%;
+}
+
+.slider::-webkit-scrollbar {
+  display: none;
+}
+
+.icon-right {
+  right: 0;
+}
+
+::slotted(*) {
+  scroll-snap-align: start;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  display: inline-flex;
+  border: 0;
+  width: auto;
+}
+
+:host([nav-style=inline]) scw-link {
+  position: relative;
+}
+:host([nav-style=inline]) .slider {
+  flex-shrink: 1;
+}
+
+:host([nav-style=absolute]) scw-link {
+  position: absolute;
+  top: 50%;
+  transform: translate(0, -50%);
+}
+
+:host([nav-style=framed]) scw-link {
+  position: absolute;
+  top: 50%;
+  transform: translate(0, -50%);
+}
+:host([nav-style=framed]) .icon-right {
+  right: calc(var(--icon-offset) + (var(--tease)) - var(--icon-width) * 1px / 2);
+}
+:host([nav-style=framed]) .icon-left {
+  left: calc(var(--icon-offset) + (var(--tease)) - var(--icon-width) * 1px / 2);
+}
+
+scw-link {
+  width: var(--icon-width);
+  z-index: 1;
+}
+
+:host([scroll]) .slider {
+  overflow: auto;
+}
+
+:host([slides-shown]) .slider {
+  --slide-size: calc(
+    (100% - (var(--slides-shown) - 1) * var(--slide-gap)) /
+      var(--slides-shown)
+  );
+  gap: var(--slide-gap);
+}
+:host([slides-shown]) .slider ::slotted(*) {
+  flex-basis: var(--slide-size) !important;
+}
+
+:host([snap]) .slider {
+  scroll-snap-type: x mandatory;
+}`;var v=class{constructor(d,e){this.timerId=0;this.interval=0;this.paused=!1;this.stopped=!0;d.addController(this),this.host=d,this.playCallback=e}hostConnected(){this.host.addEventListener("mouseenter",this.pause.bind(this)),this.host.addEventListener("mouseleave",this.play.bind(this)),this.host.addEventListener("focusin",this.pause.bind(this)),this.host.addEventListener("focusout",this.play.bind(this)),this.host.addEventListener("touchstart",this.pause.bind(this)),this.host.addEventListener("touchend",this.play.bind(this))}hostDisconnected(){this.stop(),this.host.removeEventListener("mouseenter",this.pause.bind(this)),this.host.removeEventListener("mouseleave",this.play.bind(this)),this.host.removeEventListener("focusin",this.pause.bind(this)),this.host.removeEventListener("focusout",this.play.bind(this)),this.host.removeEventListener("touchstart",this.pause.bind(this)),this.host.removeEventListener("touchend",this.play.bind(this))}start(d){this.stop(),this.interval=d,this.stopped=!1,this.timerId=window.setInterval(()=>{this.paused||this.playCallback()},d)}stop(){clearInterval(this.timerId),this.stopped=!0}pause(){this.paused=!0,this.host.requestUpdate()}play(){clearTimeout(this.autoplayTimer),this.autoplayTimer=setTimeout(()=>{this.paused=!1,this.host.requestUpdate()},this.interval)}};var n=class extends m{constructor(){super();this.loop=!1;this.slidesShown=1;this.activeSlide=0;this.center=!1;this.navigation="none";this.drag=!1;this.scrollable=!1;this.tease="";this.gap="0px";this.autoplay=0;this.iconSize="medium";this.teaseOffset=0;this.scrollOffset=0;this.iconPx=0;this.isDown=!1;this.nextEnabled=!1;this.prevEnabled=!1;this.slideOffset="0%";this.intersectionObserverEntries=new Map;this.autoplayController=new v(this,()=>this.next());if(this.element="slider",!!1){this.slides=this.getElementsByTagName("scw-slider-item");let e=new IntersectionObserver(s=>{s.forEach(t=>{this.intersectionObserverEntries.set(t.target,t);let i=t.target;i.toggleAttribute("inert",!t.isIntersecting),i.classList.toggle("shown",t.isIntersecting),i.setAttribute("aria-hidden",t.isIntersecting?"false":"true")})},{root:this,threshold:.8});this.intersectionObserver=e,e.takeRecords().forEach(s=>{this.intersectionObserverEntries.set(s.target,s)})}this.slideOffset=100/this.slidesShown*Math.floor(this.slidesShown/2)+"%",this.setIconWidth(),this.boundSlideHandler=this.handleScroll.bind(this),this.boundResizeHandler=this.initializeSlides.bind(this)}static get styles(){return[super.styles,b]}async firstUpdated(){this.initializeSlides(),this.drag&&this.addDragListener()}connectedCallback(){window.addEventListener("resize",this.boundResizeHandler,!1),this.setIconWidth(),super.connectedCallback()}disconnectedCallback(){window.removeEventListener("resize",this.boundResizeHandler),this.removeScrollListener(),super.disconnectedCallback()}addDragListener(){let e=this.container,s=this.navLeft,t=this.navRight;this.isDown=!1;let i=0,h=0,a=!1;e.addEventListener("mousedown",l=>{this.isDown=!0,e.style.setProperty("scroll-snap-type","unset"),e.classList.add("mouse-active"),this.navigation!=="inline"&&this.navigation!=="none"&&(s.classList.add("hidden"),t.classList.add("hidden")),a=!1,i=l.pageX-e.offsetLeft,h=e.scrollLeft}),e.addEventListener("mouseleave",()=>{this.isDown&&(this.isDown=!1,a=!1,this.handleDragEnd())}),e.addEventListener("mouseup",()=>{this.isDown=!1,a&&(a=!1,this.handleDragEnd())}),e.addEventListener("mousemove",l=>{if(!this.isDown)return;l.preventDefault();let y=l.pageX-e.offsetLeft-i;this.container.scrollTo({left:h-y}),a=!0})}handleDragEnd(){let e=this.container,s=this.navLeft,t=this.navRight;this.navigation!=="inline"&&this.navigation!=="none"&&(s.classList.remove("hidden"),t.classList.remove("hidden"));let i=e.scrollLeft,h=e.scrollTop;e.style.removeProperty("scroll-snap-type");let a=e.scrollLeft,l=e.scrollTop;e.style.setProperty("scroll-snap-type","unset"),e.scrollTo({left:i,top:h,behavior:"auto"}),e.scrollTo({left:a,top:l,behavior:"smooth"}),e.classList.remove("mouse-active"),setTimeout(this.removeMouseActiveProperty.bind(this),300)}removeMouseActiveProperty(){this.container.style.removeProperty("scroll-snap-type")}addScrollListener(){this.container.addEventListener("scroll",this.boundSlideHandler,!1)}removeScrollListener(){this.container.removeEventListener("scroll",this.boundSlideHandler),clearTimeout(this.scrollEndTimer)}handleScroll(){clearTimeout(this.scrollEndTimer),this.scrollEndTimer=setTimeout(this.handleScrollEnd.bind(this),100)}handleScrollEnd(){let e=this.getSlides(),t=[...this.intersectionObserverEntries.values()].find(i=>i.isIntersecting);if(this.loop&&(t==null?void 0:t.target.hasAttribute("data-clone"))){let i=Number(t.target.getAttribute("data-clone"));this.goToSlide(i,"auto");return}t&&(this.activeSlide=e.indexOf(t.target)),this.setLabel()}setLabel(){let e=this.getSlides({excludeClones:!1}),s=this.loop?this.activeSlide+this.slidesShown+this.teaseOffset:this.activeSlide;e.forEach((t,i)=>{i===s+Math.floor(this.slidesShown/2)?t.classList.add("center"):t.classList.remove("center")})}getSlides({excludeClones:e=!0}={}){return this.slides?[...this.slides].filter(s=>!e||!s.hasAttribute("data-clone")):[]}previous(){this.prevEnabled&&this.goToSlide(this.activeSlide-1)}next(){this.nextEnabled&&this.goToSlide(this.activeSlide+1)}goToSlide(e,s="smooth"){let t=this.getSlides(),i=this.getSlides({excludeClones:!1}),h=(e+t.length)%t.length;this.activeSlide=h;let a=Math.min(Math.max(e+(this.loop?this.slidesShown+this.teaseOffset:0),0),i.length),l=i[a];this.container.scrollTo({left:l.offsetLeft+this.scrollOffset,top:l.offsetTop,behavior:s})}setIconWidth(){this.iconSize==="large"?this.iconPx=70:this.iconSize==="small"?this.iconPx=20:this.iconPx=50}handleTeasUpdate(){let e=this.tease===""?"0%":this.tease;this.container.style.setProperty("--tease",e),this.navLeft&&this.navRight&&(this.navLeft.style.setProperty("--tease",e),this.navRight.style.setProperty("--tease",e))}initializeSlides(){this.removeScrollListener(),this.setIconWidth(),this.navigation==="inline"&&(this.scrollOffset=-this.iconPx),this.slidesShown===0&&(this.loop=!1),this.tease!==""?this.teaseOffset=1:this.teaseOffset=0,this.autoplay>0&&(this.autoplayController.stop(),this.autoplay&&this.autoplayController.start(this.autoplay));let e=this.intersectionObserver;this.intersectionObserverEntries.clear();let s=this.getSlides({excludeClones:!1});if(e&&s.forEach(t=>{e.unobserve(t),t.hasAttribute("data-clone")&&t.remove()}),s=this.getSlides({excludeClones:!1}),this.loop){let t=s.slice(-this.slidesShown-this.teaseOffset),i=s.slice(0,this.slidesShown+this.teaseOffset);t.reverse().forEach((h,a)=>{let l=h.cloneNode(!0);l.setAttribute("data-clone",String(s.length-a-1)),this.prepend(l)}),i.forEach((h,a)=>{let l=h.cloneNode(!0);l.setAttribute("data-clone",String(a)),this.append(l)})}s=this.getSlides({excludeClones:!1}),e&&s.forEach(t=>{e.observe(t)}),this.goToSlide(this.activeSlide,"auto"),this.setLabel(),this.handleTeasUpdate(),this.nextEnabled=this.slides!==void 0&&(this.loop||this.activeSlide<this.slides.length-this.slidesShown),this.prevEnabled=this.loop||this.activeSlide>0,this.slideOffset=100/this.slidesShown*Math.floor(this.slidesShown/2)+"%",this.addScrollListener()}render(){return this.slideOffset=100/this.slidesShown*Math.floor(this.slidesShown/2)+"%",p` ${this.navigation!=="none"?p`<scw-link
+            class="icon-left"
+            design="plain"
+            aria-label="left"
+            aria-disabled="${!this.prevEnabled}"
+            style="--icon-offset: ${this.slideOffset};
+            --tease: ${this.tease===""?"0%":this.tease};
+            --icon-width:${this.iconPx};"
+            @click=${this.prevEnabled?()=>this.previous():null}>
+            <scw-icon
+              size="${this.iconPx}"
+              icon="icon-chevron-left">
+            </scw-icon>
+          </scw-link>`:""}
+      <div
+        style="--slides-shown: ${this.slidesShown};
+        --tease: ${this.tease===""?"0%":this.tease};
+        --slide-gap:${this.gap};"
+        class="slider ${this.center?"center-slider":""}">
+        <slot></slot>
+      </div>
+      ${this.navigation!=="none"?p`<scw-link
+            class="icon-right"
+            aria-label="right"
+            design="plain"
+            aria-disabled="${!this.nextEnabled}"
+            style="--icon-offset: ${this.slideOffset};
+            --tease: ${this.tease===""?"0%":this.tease};
+            --icon-width:${this.iconPx};"
+            @click=${this.nextEnabled?()=>this.next():null}>
+            <scw-icon
+              size="${this.iconPx}"
+              icon="icon-chevron-right">
+            </scw-icon>
+          </scw-link>`:""}`}};o([r({type:Boolean,attribute:"loop",reflect:!0})],n.prototype,"loop",2),o([r({type:Number,attribute:"slides-shown",reflect:!1})],n.prototype,"slidesShown",2),o([r({type:Number,attribute:"active-slide",reflect:!0})],n.prototype,"activeSlide",2),o([r({type:Boolean,attribute:"snap",reflect:!0})],n.prototype,"center",2),o([r({type:String,attribute:"nav-style",reflect:!0})],n.prototype,"navigation",2),o([r({type:Boolean,attribute:"drag",reflect:!0})],n.prototype,"drag",2),o([r({type:Boolean,attribute:"scroll",reflect:!0})],n.prototype,"scrollable",2),o([r({type:String,attribute:"tease",reflect:!1})],n.prototype,"tease",2),o([r({type:String,attribute:"gap",reflect:!0})],n.prototype,"gap",2),o([r({type:Number,attribute:"autoplay",reflect:!1})],n.prototype,"autoplay",2),o([r({type:String,attribute:"icon-size",reflect:!1})],n.prototype,"iconSize",2),o([f(".slider")],n.prototype,"container",2),o([f(".icon-left")],n.prototype,"navLeft",2),o([f(".icon-right")],n.prototype,"navRight",2),o([c("tease",{waitUntilFirstUpdate:!0})],n.prototype,"handleTeasUpdate",1),o([c("loop",{waitUntilFirstUpdate:!0}),c("slidesShown",{waitUntilFirstUpdate:!0}),c("navigation",{waitUntilFirstUpdate:!0}),c("iconSize",{waitUntilFirstUpdate:!0})],n.prototype,"initializeSlides",1);export{n as a};

package/dist/chunks/chunk.3XDBASRX.js

@@ -0,0 +1,70 @@
+import{a as I}from"./chunk.QHUZYUAT.js";import{a as w,b as V,c as R}from"./chunk.XKUXW432.js";import{a as $}from"./chunk.UXNK7KZZ.js";import{a as y}from"./chunk.WKH73SBC.js";import{a as D,b as u,d as A,f as T}from"./chunk.5MDLYG3I.js";import{a as x}from"./chunk.G2G2TPJK.js";import{f as l}from"./chunk.PE5ZEEQ2.js";var z=D`
+:host {
+  position: relative;
+  display: block;
+}
+:host .placeholder {
+  text-align: LEFT;
+  font: var(--scw-type-text-04-font);
+  color: var(--scw-color-grey);
+  flex: 1;
+  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  min-height: var(--scw-min-height, 32px);
+  box-sizing: border-box;
+  display: flex;
+  align-items: flex-end;
+}
+:host input {
+  text-align: LEFT;
+  font: var(--scw-type-text-04-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+  border: none;
+  background-color: rgba(0, 0, 0, 0);
+  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));
+  width: 100%;
+  box-sizing: border-box;
+  min-height: var(--scw-min-height, 32px);
+  position: relative;
+  z-index: 2;
+}
+:host input:focus, :host input:focus-visible {
+  outline: none;
+}
+
+:host([aria-disabled=true]) input {
+  text-align: LEFT;
+  font: var(--scw-type-text-04-font);
+  color: var(--scw-color-grey-07);
+  flex: 1;
+}`;function H(i,t,e){let a=e;if(i&&i.length>0){let s=i.replace(/[^\d]/g,"").substring(0,10),n=i.length<t.length,r="";return s.length>4?r=`${s.substring(0,2)}/${s.substring(2,4)}/${s.substring(4,8)}`:s.length>3&&!n?r=`${s.substring(0,2)}/${s.substring(2)}/`:s.length>2?r=`${s.substring(0,2)}/${s.substring(2)}`:s.length>1&&!n?r=`${s.substring(0)}/`:s.length>0&&(r=`${s.substring(0)}`),i.length===e?a=r.length:e===3?a=n?3:4:e===6&&(a=n?6:7),{value:s,display:r,selectionIndex:a}}else return{value:"",display:"",selectionIndex:a}}function S(i,t,e){let a=e;if(i&&i.length>0){let s=i.replace(/[^\d]/g,""),n="";if(s.length>6){let p=s.substring(0,3),h=`${s.substring(3,6)}-${s.substring(6)}`;n=`(${p}) ${h}`}else s.length>3?n=`(${s.substring(0,3)}) ${s.substring(3)}`:s.length>0&&(n=`(${s.substring(0)}`);let r=i.length<t.length;return i.length===e?a=n?n.length:0:e===1?a=r?1:2:e===5||e===6?a=r?5:7:e===9&&(a=r?9:10),{value:s,display:n,selectionIndex:a}}else return{value:"",display:"",selectionIndex:a}}function E(i,t){if(!i)return{value:"",display:"",selectionIndex:0};let e=i?i.replace(/[^\d]/g,""):"";return e.length<i.length&&t--,{value:e,display:e,selectionIndex:t||0}}var b=0,F=new Date;function B(i,t,e=!1,a){if(!i||i==="$")return{value:"",display:"",selectionIndex:0};b++;let s=new Date;if(b>20)return F=s,b=0,{value:"error",display:"error",selectionIndex:0};s.getTime()-F.getTime()>100&&(F=s,b=0);let n=i.replace(/[^\d|,|$|.]/g,"");n=n.replace(/^\$0+/g,"$");let r=n,p=r.split(".");if(p.length>2){let d=p.pop();r=`${p.join("")}.${d}`,p=r.split(".")}let h=p.length>1?p[p.length-1].length:0;h>2?(r=r.replace(/[^\d]/g,""),r=P(r,r.length-2,".")):h>0&&(r=r.replace(/[^\d/.]/g,"")),e&&(h===0?r=`${r.replace(/\./g,"")}.00`:h===1&&(r=`${r}0`));let v=r.split("."),c=v[0];c=c.replace(/[^\d]/g,""),c=c?`${parseInt(c)}`:"0",c=L(c,",",3),v[0]=c;let f=`$${v.join(".")}`,j=f.replace(/,|\$/g,""),g=t;if(f!==n){let d=n.substr(0,t),C=f.substr(0,t),k=(d.match(/,|\$/g)||[]).length,N=(C.match(/,|\$/g)||[]).length,O=f.substr(t);d===C&&O.indexOf(",")===0&&a===t?g++:g+=N-k}else n!==i&&(g+=n.length-i.length);return{value:j,display:f,selectionIndex:g||0}}function P(i,t,e){return i.substring(0,t)+e+i.substring(t)}function L(i,t,e){let a=0,s=i;for(let n=0;n<i.length;n++)n%e===0&&(a>0&&(s=P(s,i.length-n,t)),a++);return s}var m=class{constructor(t){this.lastSelectionStart=0,this.inputBase=t}autoFormat(t){if(this.inputBase.type==="telephone"){let e=S(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e)}else if(this.inputBase.type==="date"){let e=H(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e,!0)}else if(this.inputBase.type==="number"){let e=E(t,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e,!0)}else if(this.inputBase.type==="currency"){let e=B(t,this.inputBase.input&&this.inputBase.input.selectionStart||0,!1,this.lastSelectionStart);this.applyValues(e)}else this.inputBase.value=t,this.inputBase.valueDisplayed=this.inputBase.value;this.updateSelection()}autoFormatFinish(t){if(this.inputBase.type==="currency"){let e=B(t,this.inputBase.input&&this.inputBase.input.selectionStart||0,!0,this.lastSelectionStart);this.applyValues(e,!1,!1)}this.updateSelection()}applyValues(t,e=!1,a=!0){this.inputBase.value=e?t.display:t.value?t.value:"",this.inputBase.valueDisplayed=t.display,this.inputBase.input&&(this.inputBase.input.value=t.display,a&&this.inputBase.input.setSelectionRange(t.selectionIndex,t.selectionIndex))}updateSelection(){this.lastSelectionStart=this.inputBase.input&&this.inputBase.input.selectionStart||0}};var o=class extends T{constructor(){super();this.name="";this.value="";this.type="text";this.readOnly=!1;this.focused=!1;this.selectAllOnFocus=!1;this.inputmode="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.valueDisplayed="";this.element="input-field",this.autoFormatter=new m(this)}static get styles(){return[super.styles,z]}valueHandler(){this._formatValue()}_formatValue(){this.value!==this.lastFormattedValue&&(this.lastFormattedValue=this.value,this.autoFormatter.autoFormat(this.value),this.autoFormatter.autoFormatFinish(this.value))}handleChange(){this.value=this.input.value,this._formatValue(),this.valueChangeHandler()}handleInteraction(){this.autoFormatter.updateSelection()}connectedCallback(){super.connectedCallback(),this.autoFormatter=new m(this),this.autoFormatter.autoFormat(this.value),this.autoFormatter.autoFormatFinish(this.value)}focusHandler(){this.autoFormatter.updateSelection(),this.focused=!0,this.selectAllOnFocus&&this.input.setSelectionRange(0,this.input.value.length),y("scw-focus",this)}blurHandler(){this.autoFormatter.autoFormatFinish(this.value),this.focused=!1,y("scw-blur",this)}valueChangeHandler(){y("scw-value-change",this,{value:this.value,name:this.name,valueDisplayed:this.valueDisplayed})}invalidHandler(e){e.preventDefault()}render(){return x`
+      <!--label>${this.name}</label-->
+      <input
+        aria-label="${this.name}"
+        name="${this.name}"
+        .value="${this.valueDisplayed}"
+        ?readonly="${this.readOnly}"
+        type="${this.type==="password"?"password":"text"}"
+        inputmode="${this.inputmode}"
+        ?disabled="${this.ariaDisabled==="true"}"
+        autocapitalize="${this.autoCapitalize}"
+        autocomplete="${this.autoComplete}"
+        autocorrect="${this.autoCorrect}"
+        ?autofocus="${this.autoFocus}"
+        @input=${this.handleChange}
+        @keyup=${this.handleInteraction}
+        @click=${this.handleInteraction}
+        @focus=${this.focusHandler}
+        @blur=${this.blurHandler}
+        @invalid=${this.invalidHandler}>
+      </input>
+      ${this.value?"":x`
+        <div class="placeholder">
+          ${this.placeholder}
+        </div>`}
+      
+    `}};l([u({type:String})],o.prototype,"name",2),l([u({type:String})],o.prototype,"value",2),l([u({type:$})],o.prototype,"type",2),l([u({type:Boolean,attribute:"readonly"})],o.prototype,"readOnly",2),l([u({type:Boolean,reflect:!0})],o.prototype,"focused",2),l([u({type:Boolean,attribute:"select-all-on-focus"})],o.prototype,"selectAllOnFocus",2),l([u({type:String})],o.prototype,"inputmode",2),l([u({type:w,attribute:"autocapitalize"})],o.prototype,"autoCapitalize",2),l([u({type:V,attribute:"autocomplete"})],o.prototype,"autoComplete",2),l([u({type:R,attribute:"autocorrect"})],o.prototype,"autoCorrect",2),l([u({type:Boolean,attribute:"autofocus"})],o.prototype,"autoFocus",2),l([u({type:String})],o.prototype,"placeholder",2),l([A("input")],o.prototype,"input",2),l([I("value")],o.prototype,"valueHandler",1);export{o as a};

package/dist/chunks/chunk.5MDLYG3I.js

@@ -0,0 +1,39 @@
+import{a as U,c as R,f as L}from"./chunk.G2G2TPJK.js";import{f as h}from"./chunk.PE5ZEEQ2.js";var v=window,y=v.ShadowRoot&&(v.ShadyCSS===void 0||v.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,_=Symbol(),M=new WeakMap,f=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==_)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(y&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=M.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&M.set(e,t))}return t}toString(){return this.cssText}},T=i=>new f(typeof i=="string"?i:i+"",void 0,_),S=(i,...t)=>{let e=i.length===1?i[0]:t.reduce((r,o,n)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[n+1],i[0]);return new f(e,i,_)},$=(i,t)=>{y?i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{let r=document.createElement("style"),o=v.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=e.cssText,i.appendChild(r)})},b=y?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return T(e)})(i):i;var x,g=window,q=g.trustedTypes,I=q?q.emptyScript:"",z=g.reactiveElementPolyfillSupport,O={toAttribute(i,t){switch(t){case Boolean:i=i?I:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},C=(i,t)=>t!==i&&(t==t||i==i),k={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:C},c=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),((e=this.h)!==null&&e!==void 0?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();let t=[];return this.elementProperties.forEach((e,r)=>{let o=this._$Ep(r,e);o!==void 0&&(this._$Ev.set(o,r),t.push(o))}),t}static createProperty(t,e=k){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){let r=typeof t=="symbol"?Symbol():"__"+t,o=this.getPropertyDescriptor(t,r,e);o!==void 0&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,r){return{get(){return this[e]},set(o){let n=this[t];this[e]=o,this.requestUpdate(t,n,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||k}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;let t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){let e=this.properties,r=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(let o of r)this.createProperty(o,e[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let o of r)e.unshift(b(o))}else t!==void 0&&e.push(b(t));return e}static _$Ep(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,r;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((r=t.hostConnected)===null||r===void 0||r.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;let e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return $(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var r;return(r=e.hostConnected)===null||r===void 0?void 0:r.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var r;return(r=e.hostDisconnected)===null||r===void 0?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EO(t,e,r=k){var o;let n=this.constructor._$Ep(t,r);if(n!==void 0&&r.reflect===!0){let a=(((o=r.converter)===null||o===void 0?void 0:o.toAttribute)!==void 0?r.converter:O).toAttribute(e,r.type);this._$El=t,a==null?this.removeAttribute(n):this.setAttribute(n,a),this._$El=null}}_$AK(t,e){var r;let o=this.constructor,n=o._$Ev.get(t);if(n!==void 0&&this._$El!==n){let a=o.getPropertyOptions(n),E=typeof a.converter=="function"?{fromAttribute:a.converter}:((r=a.converter)===null||r===void 0?void 0:r.fromAttribute)!==void 0?a.converter:O;this._$El=n,this[n]=E.fromAttribute(e,a.type),this._$El=null}}requestUpdate(t,e,r){let o=!0;t!==void 0&&(((r=r||this.constructor.getPropertyOptions(t)).hasChanged||C)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),r.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,r))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((o,n)=>this[n]=o),this._$Ei=void 0);let e=!1,r=this._$AL;try{e=this.shouldUpdate(r),e?(this.willUpdate(r),(t=this._$ES)===null||t===void 0||t.forEach(o=>{var n;return(n=o.hostUpdate)===null||n===void 0?void 0:n.call(o)}),this.update(r)):this._$Ek()}catch(o){throw e=!1,this._$Ek(),o}e&&this._$AE(r)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(r=>{var o;return(o=r.hostUpdated)===null||o===void 0?void 0:o.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,r)=>this._$EO(r,this[r],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};c.finalized=!0,c.elementProperties=new Map,c.elementStyles=[],c.shadowRootOptions={mode:"open"},z==null||z({ReactiveElement:c}),((x=g.reactiveElementVersions)!==null&&x!==void 0?x:g.reactiveElementVersions=[]).push("1.6.1");var P,w;var d=class extends c{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;let r=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=r.firstChild),r}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=L(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return R}};d.finalized=!0,d._$litElement$=!0,(P=globalThis.litElementHydrateSupport)===null||P===void 0||P.call(globalThis,{LitElement:d});var D=globalThis.litElementPolyfillSupport;D==null||D({LitElement:d});((w=globalThis.litElementVersions)!==null&&w!==void 0?w:globalThis.litElementVersions=[]).push("3.3.0");var V=(i,t)=>t.kind==="method"&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(e){e.createProperty(t.key,i)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){typeof t.initializer=="function"&&(this[t.key]=t.initializer.call(this))},finisher(e){e.createProperty(t.key,i)}};function u(i){return(t,e)=>e!==void 0?((r,o,n)=>{o.constructor.createProperty(n,r)})(i,t,e):V(i,t)}function j(i){return u({...i,state:!0})}var p=({finisher:i,descriptor:t})=>(e,r)=>{var o;if(r===void 0){let n=(o=e.originalKey)!==null&&o!==void 0?o:e.key,a=t!=null?{kind:"method",placement:"prototype",key:n,descriptor:t(e.key)}:{...e,key:n};return i!=null&&(a.finisher=function(E){i(E,n)}),a}{let n=e.constructor;t!==void 0&&Object.defineProperty(e,r,t(r)),i==null||i(n,r)}};function pt(i,t){return p({descriptor:e=>{let r={get(){var o,n;return(n=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(i))!==null&&n!==void 0?n:null},enumerable:!0,configurable:!0};if(t){let o=typeof e=="symbol"?Symbol():"__"+e;r.get=function(){var n,a;return this[o]===void 0&&(this[o]=(a=(n=this.renderRoot)===null||n===void 0?void 0:n.querySelector(i))!==null&&a!==void 0?a:null),this[o]}}return r}})}var A,Et=((A=window.HTMLSlotElement)===null||A===void 0?void 0:A.prototype.assignedElements)!=null?(i,t)=>i.assignedElements(t):(i,t)=>i.assignedNodes(t).filter(e=>e.nodeType===Node.ELEMENT_NODE);var N=(s=>(s.button="button",s.card="card",s.component="component",s.formElement="form-element",s.inputField="input-field",s.inputLayout="input-layout",s.singleInputLayout="single-input-layout",s.input="input",s.singleInput="single-input",s.heading="heading",s.icon="icon",s.link="link",s.linkBase="link-base",s.menu="menu",s.menuItem="menu-item",s.nav="nav",s.image="image",s.responsive="responsive",s.validation="validation",s.validate="validate",s.elementComponent="element-component",s.centerComponent="center-component",s.flexHComponent="flex-h-component",s.flexVComponent="flex-v-component",s.floatComponent="float-component",s.paneComponent="pane-component",s.layoutComponent="layout-component",s.stackComponent="stack-component",s.form="form",s.alert="alert",s.pageAlert="pageAlert",s.textarea="textarea",s.stepper="stepper",s.test="test",s.richText="rich-text",s.slider="slider",s.sliderItem="slider-item",s.block="block",s.iconFeature="icon-feature",s.accordion="accordion",s.linkV2="link-v2",s))(N||{});var B=S`
+:host {
+  /* scw element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var(--margin-right, var(--gap-h-int, initial));
+  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));
+  display: block;
+}
+
+:host([warning]) {
+  outline: 2px solid red !important;
+}`;var m=class{constructor(t,e){this._element=t,this._callback=e,this.observe()}observe(){if(this.disconnect(),this._element){let t={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,t)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var l=class extends d{constructor(){super(...arguments);this.ariaLabel="";this.ariaDisabled="false";this.isLink=!1;this.dynamic=!1;this.element="component"}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect()}firstUpdated(e){super.firstUpdated(e),this.dynamic&&(this._lightDomMutationObserver=new m(this,()=>{this.domMutated()}))}domMutated(){}warn(e){this._lastWarning||(this._lastWarning=e,this.setAttribute("warning",e),this.setAttribute("title",`[ERROR]: ${e}`))}clearWarnings(){this._lastWarning=void 0,this.removeAttribute("warning"),this.removeAttribute("title")}render(){return U`
+      <slot></slot>
+    `}};l.styles=B,h([u({type:String,reflect:!0,attribute:"aria-label"})],l.prototype,"ariaLabel",2),h([u({type:String,attribute:"aria-disabled"})],l.prototype,"ariaDisabled",2),h([u({type:Boolean,reflect:!0,attribute:"is-link"})],l.prototype,"isLink",2),h([u({type:Boolean})],l.prototype,"dynamic",2),h([u({type:String,reflect:!0})],l.prototype,"element",2),h([j()],l.prototype,"_lastWarning",2);export{S as a,u as b,j as c,pt as d,N as e,l as f};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */

package/dist/chunks/chunk.6IKVQRTF.js

@@ -0,0 +1,48 @@
+import{a as o}from"./chunk.YBPGY7E7.js";import{a as d,b as f}from"./chunk.ZZNNPPOA.js";import{a as i,b as n,c as l,d as a,f as c}from"./chunk.5MDLYG3I.js";import{a as s}from"./chunk.G2G2TPJK.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var p=i`
+:host {
+  display: block;
+}
+
+.container {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.container > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 3.8);
+  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );
+}
+
+.circle {
+  background-color: var(--scw-color-grey-092);
+  border-radius: 50% 50% 50% 50%;
+  width: 10px;
+  height: 10px;
+}
+.circle.focused {
+  background-color: var(--scw-color-grey-07);
+  border-radius: 50% 50% 50% 50%;
+}
+
+.body p {
+  font-size: 42px;
+}`;var e=class extends c{constructor(){super();this.test="test";this.testState=0;this.contentRef=d();this.example="hello there";this.element="stepper"}static get styles(){return[super.styles,p]}firstUpdated(){this.attachContent()}attachContent(){let t=this.querySelector("#content");this.contentRef.value&&t&&this.contentRef.value.appendChild(t.content.cloneNode(!0))}renderStepItem(t=!1){return s`
+      <div class="circle ${t?"focused":""}"></div>
+    `}render(){let t;try{this.testJson&&(t=JSON.parse(decodeURIComponent(this.testJson)))}catch(m){console.error(m)}return s`
+      <div class="container" @click=${()=>console.log("hi")}>
+        ${this.renderStepItem()}
+        ${this.renderStepItem(!0)}
+        ${this.renderStepItem()}
+        ${o(t?JSON.stringify(t):"")}
+        ${o(this.testHtml?decodeURIComponent(this.testHtml):"")}
+        <div
+          class="body"
+          ${f(this.contentRef)}>
+        </div>
+      </div>
+    `}};r([n({type:String,attribute:"test-json",reflect:!0})],e.prototype,"testJson",2),r([n({type:String,attribute:"test-html",reflect:!0})],e.prototype,"testHtml",2),r([n({type:String,attribute:"test-attr",reflect:!0})],e.prototype,"testAttr",2),r([l()],e.prototype,"testState",2),r([a("#myBtn")],e.prototype,"first",2);export{e as a};