scu-web-components 0.0.67 → 0.0.69

package/dist-node/scw-slider/ScwSlider.js

@@ -1,143 +0,0 @@
-var w=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var n=(u,a,t,i)=>{for(var e=i>1?void 0:i?x(a,t):a,s=u.length-1,l;s>=0;s--)(l=u[s])&&(e=(i?l(a,t,e):l(e))||e);return i&&e&&w(a,t,e),e};import{html as b,isServer as z}from"lit";import{property as c,query as g}from"lit/decorators.js";import{LitElement as S,html as T}from"lit";import{property as p,state as M}from"lit/decorators.js";import{css as O}from"lit-element/lit-element.js";var y=O`
-: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 f=class{constructor(a,t){this._element=a,this._callback=t,this.observe()}observe(){if(this.disconnect(),this._element){let a={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,a)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var d=class extends S{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(t){super.firstUpdated(t),this.dynamic&&(this._lightDomMutationObserver=new f(this,()=>{this.domMutated()}))}domMutated(){}warn(t){this._lastWarning||(this._lastWarning=t,this.setAttribute("warning",t),this.setAttribute("title",`[ERROR]: ${t}`))}clearWarnings(){this._lastWarning=void 0,this.removeAttribute("warning"),this.removeAttribute("title")}render(){return T`
-      <slot></slot>
-    `}};d.styles=y,n([p({type:String,reflect:!0,attribute:"aria-label"})],d.prototype,"ariaLabel",2),n([p({type:String,attribute:"aria-disabled"})],d.prototype,"ariaDisabled",2),n([p({type:Boolean,reflect:!0,attribute:"is-link"})],d.prototype,"isLink",2),n([p({type:Boolean})],d.prototype,"dynamic",2),n([p({type:String,reflect:!0})],d.prototype,"element",2),n([M()],d.prototype,"_lastWarning",2);import{css as I}from"lit-element/lit-element.js";var L=I`
-: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: 10;
-}
-
-: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;
-}`;function v(u,a){return(t,i)=>{let{update:e}=t;a=Object.assign({waitUntilFirstUpdate:!1},a),t.update=function(s){if(s.has(u)){let l=s.get(u),o=this[u];l!==o&&a&&(!a.waitUntilFirstUpdate||this.hasUpdated)&&this[i].call(this,l,o)}e.call(this,s)}}}var m=class{constructor(a,t){this.timerId=0;this.interval=0;this.paused=!1;this.stopped=!0;a.addController(this),this.host=a,this.playCallback=t}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(a){this.stop(),this.interval=a,this.stopped=!1,this.timerId=window.setInterval(()=>{this.paused||this.playCallback()},a)}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 r=class extends d{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.intersectionObserverEntries=new Map;this.autoplayController=new m(this,()=>this.next());if(this.element="slider",!z){this.slides=this.getElementsByTagName("scw-slider-item");let t=new IntersectionObserver(i=>{i.forEach(e=>{this.intersectionObserverEntries.set(e.target,e);let s=e.target;s.toggleAttribute("inert",!e.isIntersecting),s.classList.toggle("shown",e.isIntersecting),s.setAttribute("aria-hidden",e.isIntersecting?"false":"true")})},{root:this,threshold:.8});this.intersectionObserver=t,t.takeRecords().forEach(i=>{this.intersectionObserverEntries.set(i.target,i)})}this.boundSlideHandler=this.handleScroll.bind(this),this.boundResizeHandler=this.initializeSlides.bind(this)}static get styles(){return[super.styles,L]}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 t=this.container,i=this.navLeft,e=this.navRight;this.isDown=!1;let s=0,l=0,o=!1;t.addEventListener("mousedown",h=>{this.isDown=!0,t.style.setProperty("scroll-snap-type","unset"),t.classList.add("mouse-active"),this.navigation!=="inline"&&this.navigation!=="none"&&(i.classList.add("hidden"),e.classList.add("hidden")),o=!1,s=h.pageX-t.offsetLeft,l=t.scrollLeft}),t.addEventListener("mouseleave",()=>{this.isDown&&(this.isDown=!1,o=!1,this.handleDragEnd())}),t.addEventListener("mouseup",()=>{this.isDown=!1,o&&(o=!1,this.handleDragEnd())}),t.addEventListener("mousemove",h=>{if(!this.isDown)return;h.preventDefault();let E=h.pageX-t.offsetLeft-s;this.container.scrollTo({left:l-E}),o=!0})}handleDragEnd(){let t=this.container,i=this.navLeft,e=this.navRight;this.navigation!=="inline"&&this.navigation!=="none"&&(i.classList.remove("hidden"),e.classList.remove("hidden"));let s=t.scrollLeft,l=t.scrollTop;t.style.removeProperty("scroll-snap-type");let o=t.scrollLeft,h=t.scrollTop;t.style.setProperty("scroll-snap-type","unset"),t.scrollTo({left:s,top:l,behavior:"auto"}),t.scrollTo({left:o,top:h,behavior:"smooth"}),t.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 t=this.getSlides(),e=[...this.intersectionObserverEntries.values()].find(s=>s.isIntersecting);if(this.loop&&(e==null?void 0:e.target.hasAttribute("data-clone"))){let s=Number(e.target.getAttribute("data-clone"));this.goToSlide(s,"auto");return}e&&(this.activeSlide=t.indexOf(e.target)),this.setLabel()}setLabel(){let t=this.getSlides({excludeClones:!1}),i=this.loop?this.activeSlide+this.slidesShown+this.teaseOffset:this.activeSlide;t.forEach((e,s)=>{s===i+Math.floor(this.slidesShown/2)?e.classList.add("center"):e.classList.remove("center")})}getSlides({excludeClones:t=!0}={}){return this.slides?[...this.slides].filter(i=>!t||!i.hasAttribute("data-clone")):[]}previous(){(this.loop||this.activeSlide>0)&&this.goToSlide(this.activeSlide-1)}next(){this.slides&&(this.loop||this.activeSlide<this.slides.length-this.slidesShown)&&this.goToSlide(this.activeSlide+1)}goToSlide(t,i="smooth"){let e=this.getSlides(),s=this.getSlides({excludeClones:!1}),l=(t+e.length)%e.length;this.activeSlide=l;let o=Math.min(Math.max(t+(this.loop?this.slidesShown+this.teaseOffset:0),0),s.length),h=s[o];this.container.scrollTo({left:h.offsetLeft+this.scrollOffset,top:h.offsetTop,behavior:i})}setIconWidth(){this.iconSize==="large"?this.iconPx=70:this.iconSize==="small"?this.iconPx=20:this.iconPx=50}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 t=this.intersectionObserver;this.intersectionObserverEntries.clear();let i=this.getSlides({excludeClones:!1});if(t&&i.forEach(e=>{t.unobserve(e),e.hasAttribute("data-clone")&&e.remove()}),i=this.getSlides({excludeClones:!1}),this.loop){let e=i.slice(-this.slidesShown-this.teaseOffset),s=i.slice(0,this.slidesShown+this.teaseOffset);e.reverse().forEach((l,o)=>{let h=l.cloneNode(!0);h.setAttribute("data-clone",String(i.length-o-1)),this.prepend(h)}),s.forEach((l,o)=>{let h=l.cloneNode(!0);h.setAttribute("data-clone",String(o)),this.append(h)})}i=this.getSlides({excludeClones:!1}),t&&i.forEach(e=>{t.observe(e)}),this.goToSlide(this.activeSlide,"auto"),this.setLabel(),this.addScrollListener()}render(){let t=this.loop||this.activeSlide>0,i=this.slides&&(this.loop||this.activeSlide<this.slides.length-this.slidesShown),e=100/this.slidesShown*Math.floor(this.slidesShown/2)+"%";return b` ${this.navigation!=="none"?b`<scw-link
-            class="icon-left"
-            design="plain"
-            aria-label="left"
-            aria-disabled="${!t}"
-            style="--icon-offset: ${e};
-            --tease: ${this.tease===""?"0%":this.tease};
-            --icon-width:${this.iconPx};"
-            @click=${t?()=>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"?b`<scw-link
-            class="icon-right"
-            aria-label="right"
-            design="plain"
-            aria-disabled="${!i}"
-            style="--icon-offset: ${e};
-            --tease: ${this.tease===""?"0%":this.tease};
-            --icon-width:${this.iconPx};"
-            @click=${i?()=>this.next():null}>
-            <scw-icon
-              size="${this.iconPx}"
-              icon="icon-chevron-right">
-            </scw-icon>
-          </scw-link>`:""}`}};n([c({type:Boolean,attribute:"loop",reflect:!0})],r.prototype,"loop",2),n([c({type:Number,attribute:"slides-shown",reflect:!1})],r.prototype,"slidesShown",2),n([c({type:Number,attribute:"active-slide",reflect:!0})],r.prototype,"activeSlide",2),n([c({type:Boolean,attribute:"snap",reflect:!0})],r.prototype,"center",2),n([c({type:String,attribute:"nav-style",reflect:!0})],r.prototype,"navigation",2),n([c({type:Boolean,attribute:"drag",reflect:!0})],r.prototype,"drag",2),n([c({type:Boolean,attribute:"scroll",reflect:!0})],r.prototype,"scrollable",2),n([c({type:String,attribute:"tease",reflect:!0})],r.prototype,"tease",2),n([c({type:String,attribute:"gap",reflect:!0})],r.prototype,"gap",2),n([c({type:Number,attribute:"autoplay",reflect:!1})],r.prototype,"autoplay",2),n([c({type:String,attribute:"icon-size",reflect:!1})],r.prototype,"iconSize",2),n([g(".slider")],r.prototype,"container",2),n([g(".icon-left")],r.prototype,"navLeft",2),n([g(".icon-right")],r.prototype,"navRight",2),n([v("loop",{waitUntilFirstUpdate:!0}),v("slidesShown",{waitUntilFirstUpdate:!0}),v("navigation",{waitUntilFirstUpdate:!0}),v("iconSize",{waitUntilFirstUpdate:!0})],r.prototype,"initializeSlides",1);export{r as default};

package/dist-node/scw-slider/autoplay-controller.js

@@ -1 +0,0 @@
-var e=class{constructor(t,s){this.timerId=0;this.interval=0;this.paused=!1;this.stopped=!0;t.addController(this),this.host=t,this.playCallback=s}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(t){this.stop(),this.interval=t,this.stopped=!1,this.timerId=window.setInterval(()=>{this.paused||this.playCallback()},t)}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)}};export{e as AutoplayController};

package/dist-node/scw-slider/scw-slider.js

@@ -1,143 +0,0 @@
-var E=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var n=(f,a,t,i)=>{for(var e=i>1?void 0:i?x(a,t):a,s=f.length-1,l;s>=0;s--)(l=f[s])&&(e=(i?l(a,t,e):l(e))||e);return i&&e&&E(a,t,e),e};import{html as b,isServer as z}from"lit";import{property as c,query as g}from"lit/decorators.js";import{LitElement as k,html as T}from"lit";import{property as p,state as M}from"lit/decorators.js";import{css as O}from"lit-element/lit-element.js";var y=O`
-: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 u=class{constructor(a,t){this._element=a,this._callback=t,this.observe()}observe(){if(this.disconnect(),this._element){let a={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,a)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var d=class extends k{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(t){super.firstUpdated(t),this.dynamic&&(this._lightDomMutationObserver=new u(this,()=>{this.domMutated()}))}domMutated(){}warn(t){this._lastWarning||(this._lastWarning=t,this.setAttribute("warning",t),this.setAttribute("title",`[ERROR]: ${t}`))}clearWarnings(){this._lastWarning=void 0,this.removeAttribute("warning"),this.removeAttribute("title")}render(){return T`
-      <slot></slot>
-    `}};d.styles=y,n([p({type:String,reflect:!0,attribute:"aria-label"})],d.prototype,"ariaLabel",2),n([p({type:String,attribute:"aria-disabled"})],d.prototype,"ariaDisabled",2),n([p({type:Boolean,reflect:!0,attribute:"is-link"})],d.prototype,"isLink",2),n([p({type:Boolean})],d.prototype,"dynamic",2),n([p({type:String,reflect:!0})],d.prototype,"element",2),n([M()],d.prototype,"_lastWarning",2);import{css as I}from"lit-element/lit-element.js";var L=I`
-: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: 10;
-}
-
-: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;
-}`;function v(f,a){return(t,i)=>{let{update:e}=t;a=Object.assign({waitUntilFirstUpdate:!1},a),t.update=function(s){if(s.has(f)){let l=s.get(f),o=this[f];l!==o&&a&&(!a.waitUntilFirstUpdate||this.hasUpdated)&&this[i].call(this,l,o)}e.call(this,s)}}}var m=class{constructor(a,t){this.timerId=0;this.interval=0;this.paused=!1;this.stopped=!0;a.addController(this),this.host=a,this.playCallback=t}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(a){this.stop(),this.interval=a,this.stopped=!1,this.timerId=window.setInterval(()=>{this.paused||this.playCallback()},a)}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 r=class extends d{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.intersectionObserverEntries=new Map;this.autoplayController=new m(this,()=>this.next());if(this.element="slider",!z){this.slides=this.getElementsByTagName("scw-slider-item");let t=new IntersectionObserver(i=>{i.forEach(e=>{this.intersectionObserverEntries.set(e.target,e);let s=e.target;s.toggleAttribute("inert",!e.isIntersecting),s.classList.toggle("shown",e.isIntersecting),s.setAttribute("aria-hidden",e.isIntersecting?"false":"true")})},{root:this,threshold:.8});this.intersectionObserver=t,t.takeRecords().forEach(i=>{this.intersectionObserverEntries.set(i.target,i)})}this.boundSlideHandler=this.handleScroll.bind(this),this.boundResizeHandler=this.initializeSlides.bind(this)}static get styles(){return[super.styles,L]}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 t=this.container,i=this.navLeft,e=this.navRight;this.isDown=!1;let s=0,l=0,o=!1;t.addEventListener("mousedown",h=>{this.isDown=!0,t.style.setProperty("scroll-snap-type","unset"),t.classList.add("mouse-active"),this.navigation!=="inline"&&this.navigation!=="none"&&(i.classList.add("hidden"),e.classList.add("hidden")),o=!1,s=h.pageX-t.offsetLeft,l=t.scrollLeft}),t.addEventListener("mouseleave",()=>{this.isDown&&(this.isDown=!1,o=!1,this.handleDragEnd())}),t.addEventListener("mouseup",()=>{this.isDown=!1,o&&(o=!1,this.handleDragEnd())}),t.addEventListener("mousemove",h=>{if(!this.isDown)return;h.preventDefault();let w=h.pageX-t.offsetLeft-s;this.container.scrollTo({left:l-w}),o=!0})}handleDragEnd(){let t=this.container,i=this.navLeft,e=this.navRight;this.navigation!=="inline"&&this.navigation!=="none"&&(i.classList.remove("hidden"),e.classList.remove("hidden"));let s=t.scrollLeft,l=t.scrollTop;t.style.removeProperty("scroll-snap-type");let o=t.scrollLeft,h=t.scrollTop;t.style.setProperty("scroll-snap-type","unset"),t.scrollTo({left:s,top:l,behavior:"auto"}),t.scrollTo({left:o,top:h,behavior:"smooth"}),t.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 t=this.getSlides(),e=[...this.intersectionObserverEntries.values()].find(s=>s.isIntersecting);if(this.loop&&(e==null?void 0:e.target.hasAttribute("data-clone"))){let s=Number(e.target.getAttribute("data-clone"));this.goToSlide(s,"auto");return}e&&(this.activeSlide=t.indexOf(e.target)),this.setLabel()}setLabel(){let t=this.getSlides({excludeClones:!1}),i=this.loop?this.activeSlide+this.slidesShown+this.teaseOffset:this.activeSlide;t.forEach((e,s)=>{s===i+Math.floor(this.slidesShown/2)?e.classList.add("center"):e.classList.remove("center")})}getSlides({excludeClones:t=!0}={}){return this.slides?[...this.slides].filter(i=>!t||!i.hasAttribute("data-clone")):[]}previous(){(this.loop||this.activeSlide>0)&&this.goToSlide(this.activeSlide-1)}next(){this.slides&&(this.loop||this.activeSlide<this.slides.length-this.slidesShown)&&this.goToSlide(this.activeSlide+1)}goToSlide(t,i="smooth"){let e=this.getSlides(),s=this.getSlides({excludeClones:!1}),l=(t+e.length)%e.length;this.activeSlide=l;let o=Math.min(Math.max(t+(this.loop?this.slidesShown+this.teaseOffset:0),0),s.length),h=s[o];this.container.scrollTo({left:h.offsetLeft+this.scrollOffset,top:h.offsetTop,behavior:i})}setIconWidth(){this.iconSize==="large"?this.iconPx=70:this.iconSize==="small"?this.iconPx=20:this.iconPx=50}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 t=this.intersectionObserver;this.intersectionObserverEntries.clear();let i=this.getSlides({excludeClones:!1});if(t&&i.forEach(e=>{t.unobserve(e),e.hasAttribute("data-clone")&&e.remove()}),i=this.getSlides({excludeClones:!1}),this.loop){let e=i.slice(-this.slidesShown-this.teaseOffset),s=i.slice(0,this.slidesShown+this.teaseOffset);e.reverse().forEach((l,o)=>{let h=l.cloneNode(!0);h.setAttribute("data-clone",String(i.length-o-1)),this.prepend(h)}),s.forEach((l,o)=>{let h=l.cloneNode(!0);h.setAttribute("data-clone",String(o)),this.append(h)})}i=this.getSlides({excludeClones:!1}),t&&i.forEach(e=>{t.observe(e)}),this.goToSlide(this.activeSlide,"auto"),this.setLabel(),this.addScrollListener()}render(){let t=this.loop||this.activeSlide>0,i=this.slides&&(this.loop||this.activeSlide<this.slides.length-this.slidesShown),e=100/this.slidesShown*Math.floor(this.slidesShown/2)+"%";return b` ${this.navigation!=="none"?b`<scw-link
-            class="icon-left"
-            design="plain"
-            aria-label="left"
-            aria-disabled="${!t}"
-            style="--icon-offset: ${e};
-            --tease: ${this.tease===""?"0%":this.tease};
-            --icon-width:${this.iconPx};"
-            @click=${t?()=>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"?b`<scw-link
-            class="icon-right"
-            aria-label="right"
-            design="plain"
-            aria-disabled="${!i}"
-            style="--icon-offset: ${e};
-            --tease: ${this.tease===""?"0%":this.tease};
-            --icon-width:${this.iconPx};"
-            @click=${i?()=>this.next():null}>
-            <scw-icon
-              size="${this.iconPx}"
-              icon="icon-chevron-right">
-            </scw-icon>
-          </scw-link>`:""}`}};n([c({type:Boolean,attribute:"loop",reflect:!0})],r.prototype,"loop",2),n([c({type:Number,attribute:"slides-shown",reflect:!1})],r.prototype,"slidesShown",2),n([c({type:Number,attribute:"active-slide",reflect:!0})],r.prototype,"activeSlide",2),n([c({type:Boolean,attribute:"snap",reflect:!0})],r.prototype,"center",2),n([c({type:String,attribute:"nav-style",reflect:!0})],r.prototype,"navigation",2),n([c({type:Boolean,attribute:"drag",reflect:!0})],r.prototype,"drag",2),n([c({type:Boolean,attribute:"scroll",reflect:!0})],r.prototype,"scrollable",2),n([c({type:String,attribute:"tease",reflect:!0})],r.prototype,"tease",2),n([c({type:String,attribute:"gap",reflect:!0})],r.prototype,"gap",2),n([c({type:Number,attribute:"autoplay",reflect:!1})],r.prototype,"autoplay",2),n([c({type:String,attribute:"icon-size",reflect:!1})],r.prototype,"iconSize",2),n([g(".slider")],r.prototype,"container",2),n([g(".icon-left")],r.prototype,"navLeft",2),n([g(".icon-right")],r.prototype,"navRight",2),n([v("loop",{waitUntilFirstUpdate:!0}),v("slidesShown",{waitUntilFirstUpdate:!0}),v("navigation",{waitUntilFirstUpdate:!0}),v("iconSize",{waitUntilFirstUpdate:!0})],r.prototype,"initializeSlides",1);customElements.define("scw-slider",r);

package/dist-node/scw-slider-item/ScwSliderItem.js

@@ -1,35 +0,0 @@
-var f=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var a=(l,i,e,o)=>{for(var r=o>1?void 0:o?b(i,e):i,u=l.length-1,c;u>=0;u--)(c=l[u])&&(r=(o?c(i,e,r):c(r))||r);return o&&r&&f(i,e,r),r};import{html as k}from"lit";import{LitElement as v,html as y}from"lit";import{property as s,state as x}from"lit/decorators.js";import{css as p}from"lit-element/lit-element.js";var d=p`
-: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 n=class{constructor(i,e){this._element=i,this._callback=e,this.observe()}observe(){if(this.disconnect(),this._element){let i={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,i)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var t=class extends v{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 n(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 y`
-      <slot></slot>
-    `}};t.styles=d,a([s({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),a([s({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),a([s({type:Boolean,reflect:!0,attribute:"is-link"})],t.prototype,"isLink",2),a([s({type:Boolean})],t.prototype,"dynamic",2),a([s({type:String,reflect:!0})],t.prototype,"element",2),a([x()],t.prototype,"_lastWarning",2);import{css as _}from"lit-element/lit-element.js";var h=_`
-:host {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  width: 100%;
-  max-height: 100%;
-  scroll-snap-align: start;
-  scroll-snap-stop: normal;
-}
-
-::slotted(*) {
-  width: 100%;
-  height: 100%;
-  display: block;
-}`;var m=class extends t{static get styles(){return[super.styles,h]}constructor(){super(),this.element="slider-item"}render(){return k` <slot></slot> `}};export{m as default};

package/dist-node/scw-slider-item/scw-slider-item.js

@@ -1,35 +0,0 @@
-var h=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var a=(l,i,e,u)=>{for(var r=u>1?void 0:u?b(i,e):i,c=l.length-1,m;c>=0;c--)(m=l[c])&&(r=(u?m(i,e,r):m(r))||r);return u&&r&&h(i,e,r),r};import{html as k}from"lit";import{LitElement as v,html as y}from"lit";import{property as s,state as x}from"lit/decorators.js";import{css as p}from"lit-element/lit-element.js";var d=p`
-: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 n=class{constructor(i,e){this._element=i,this._callback=e,this.observe()}observe(){if(this.disconnect(),this._element){let i={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,i)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var t=class extends v{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 n(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 y`
-      <slot></slot>
-    `}};t.styles=d,a([s({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),a([s({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),a([s({type:Boolean,reflect:!0,attribute:"is-link"})],t.prototype,"isLink",2),a([s({type:Boolean})],t.prototype,"dynamic",2),a([s({type:String,reflect:!0})],t.prototype,"element",2),a([x()],t.prototype,"_lastWarning",2);import{css as _}from"lit-element/lit-element.js";var f=_`
-:host {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  width: 100%;
-  max-height: 100%;
-  scroll-snap-align: start;
-  scroll-snap-stop: normal;
-}
-
-::slotted(*) {
-  width: 100%;
-  height: 100%;
-  display: block;
-}`;var o=class extends t{static get styles(){return[super.styles,f]}constructor(){super(),this.element="slider-item"}render(){return k` <slot></slot> `}};customElements.define("scw-slider-item",o);

package/dist-node/scw-stack-component/scw-stack-component.js

@@ -1,21 +0,0 @@
-var f=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(l,i,e,u)=>{for(var r=u>1?void 0:u?h(i,e):i,c=l.length-1,m;c>=0;c--)(m=l[c])&&(r=(u?m(i,e,r):m(r))||r);return u&&r&&f(i,e,r),r};import{html as _}from"lit";import{LitElement as v,html as x}from"lit";import{property as s,state as y}from"lit/decorators.js";import{css as g}from"lit-element/lit-element.js";var b=g`
-: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 n=class{constructor(i,e){this._element=i,this._callback=e,this.observe()}observe(){if(this.disconnect(),this._element){let i={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,i)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var t=class extends v{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 n(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 x`
-      <slot></slot>
-    `}};t.styles=b,a([s({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),a([s({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),a([s({type:Boolean,reflect:!0,attribute:"is-link"})],t.prototype,"isLink",2),a([s({type:Boolean})],t.prototype,"dynamic",2),a([s({type:String,reflect:!0})],t.prototype,"element",2),a([y()],t.prototype,"_lastWarning",2);var o=class extends t{constructor(){super(),this.element="layout-component",this.setAttribute("scw-layout-initial","")}render(){return _`
-      <slot></slot>
-    `}};var d=class extends o{};export{d as default};

package/dist-node/scw-stepper/ScwStepper.js

@@ -1,66 +0,0 @@
-var b=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var e=(s,r,t,l)=>{for(var n=l>1?void 0:l?v(r,t):r,d=s.length-1,u;d>=0;d--)(u=s[d])&&(n=(l?u(r,t,n):u(n))||n);return l&&n&&b(r,t,n),n};import{html as p}from"lit";import{property as m,state as M,query as I}from"lit/decorators.js";import{unsafeHTML as g}from"lit-html/directives/unsafe-html.js";import{ref as R,createRef as E}from"lit/directives/ref.js";import{LitElement as k,html as _}from"lit";import{property as c,state as O}from"lit/decorators.js";import{css as y}from"lit-element/lit-element.js";var f=y`
-: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 o=class{constructor(r,t){this._element=r,this._callback=t,this.observe()}observe(){if(this.disconnect(),this._element){let r={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,r)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var i=class extends k{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(t){super.firstUpdated(t),this.dynamic&&(this._lightDomMutationObserver=new o(this,()=>{this.domMutated()}))}domMutated(){}warn(t){this._lastWarning||(this._lastWarning=t,this.setAttribute("warning",t),this.setAttribute("title",`[ERROR]: ${t}`))}clearWarnings(){this._lastWarning=void 0,this.removeAttribute("warning"),this.removeAttribute("title")}render(){return _`
-      <slot></slot>
-    `}};i.styles=f,e([c({type:String,reflect:!0,attribute:"aria-label"})],i.prototype,"ariaLabel",2),e([c({type:String,attribute:"aria-disabled"})],i.prototype,"ariaDisabled",2),e([c({type:Boolean,reflect:!0,attribute:"is-link"})],i.prototype,"isLink",2),e([c({type:Boolean})],i.prototype,"dynamic",2),e([c({type:String,reflect:!0})],i.prototype,"element",2),e([O()],i.prototype,"_lastWarning",2);import{css as L}from"lit-element/lit-element.js";var h=L`
-: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 a=class extends i{constructor(){super();this.test="test";this.testState=0;this.contentRef=E();this.example="hello there";this.element="stepper"}static get styles(){return[super.styles,h]}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 p`
-      <div class="circle ${t?"focused":""}"></div>
-    `}render(){let t;try{this.testJson&&(t=JSON.parse(decodeURIComponent(this.testJson)))}catch(n){console.error(n)}return p`
-      <div class="container" @click=${()=>console.log("hi")}>
-        ${this.renderStepItem()}
-        ${this.renderStepItem(!0)}
-        ${this.renderStepItem()}
-        ${g(t?JSON.stringify(t):"")}
-        ${g(this.testHtml?decodeURIComponent(this.testHtml):"")}
-        <div
-          class="body"
-          ${R(this.contentRef)}>
-        </div>
-      </div>
-    `}};e([m({type:String,attribute:"test-json",reflect:!0})],a.prototype,"testJson",2),e([m({type:String,attribute:"test-html",reflect:!0})],a.prototype,"testHtml",2),e([m({type:String,attribute:"test-attr",reflect:!0})],a.prototype,"testAttr",2),e([M()],a.prototype,"testState",2),e([I("#myBtn")],a.prototype,"first",2);export{a as default};

package/dist-node/scw-stepper/scw-stepper.js

@@ -1,66 +0,0 @@
-var b=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var e=(s,r,t,l)=>{for(var a=l>1?void 0:l?v(r,t):r,d=s.length-1,u;d>=0;d--)(u=s[d])&&(a=(l?u(r,t,a):u(a))||a);return l&&a&&b(r,t,a),a};import{html as h}from"lit";import{property as m,state as M,query as I}from"lit/decorators.js";import{unsafeHTML as g}from"lit-html/directives/unsafe-html.js";import{ref as R,createRef as E}from"lit/directives/ref.js";import{LitElement as k,html as _}from"lit";import{property as c,state as O}from"lit/decorators.js";import{css as y}from"lit-element/lit-element.js";var f=y`
-: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 o=class{constructor(r,t){this._element=r,this._callback=t,this.observe()}observe(){if(this.disconnect(),this._element){let r={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,r)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var i=class extends k{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(t){super.firstUpdated(t),this.dynamic&&(this._lightDomMutationObserver=new o(this,()=>{this.domMutated()}))}domMutated(){}warn(t){this._lastWarning||(this._lastWarning=t,this.setAttribute("warning",t),this.setAttribute("title",`[ERROR]: ${t}`))}clearWarnings(){this._lastWarning=void 0,this.removeAttribute("warning"),this.removeAttribute("title")}render(){return _`
-      <slot></slot>
-    `}};i.styles=f,e([c({type:String,reflect:!0,attribute:"aria-label"})],i.prototype,"ariaLabel",2),e([c({type:String,attribute:"aria-disabled"})],i.prototype,"ariaDisabled",2),e([c({type:Boolean,reflect:!0,attribute:"is-link"})],i.prototype,"isLink",2),e([c({type:Boolean})],i.prototype,"dynamic",2),e([c({type:String,reflect:!0})],i.prototype,"element",2),e([O()],i.prototype,"_lastWarning",2);import{css as L}from"lit-element/lit-element.js";var p=L`
-: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 n=class extends i{constructor(){super();this.test="test";this.testState=0;this.contentRef=E();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 h`
-      <div class="circle ${t?"focused":""}"></div>
-    `}render(){let t;try{this.testJson&&(t=JSON.parse(decodeURIComponent(this.testJson)))}catch(a){console.error(a)}return h`
-      <div class="container" @click=${()=>console.log("hi")}>
-        ${this.renderStepItem()}
-        ${this.renderStepItem(!0)}
-        ${this.renderStepItem()}
-        ${g(t?JSON.stringify(t):"")}
-        ${g(this.testHtml?decodeURIComponent(this.testHtml):"")}
-        <div
-          class="body"
-          ${R(this.contentRef)}>
-        </div>
-      </div>
-    `}};e([m({type:String,attribute:"test-json",reflect:!0})],n.prototype,"testJson",2),e([m({type:String,attribute:"test-html",reflect:!0})],n.prototype,"testHtml",2),e([m({type:String,attribute:"test-attr",reflect:!0})],n.prototype,"testAttr",2),e([M()],n.prototype,"testState",2),e([I("#myBtn")],n.prototype,"first",2);customElements.define("scw-stepper",n);

package/dist-node/scw-test/ScwTest.js

@@ -1,27 +0,0 @@
-var b=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var r=(l,i,e,o)=>{for(var a=o>1?void 0:o?h(i,e):i,u=l.length-1,d;u>=0;u--)(d=l[u])&&(a=(o?d(i,e,a):d(a))||a);return o&&a&&b(i,e,a),a};import{html as y,css as _}from"lit";import{property as x}from"lit/decorators.js";import{LitElement as g,html as v}from"lit";import{property as s,state as k}from"lit/decorators.js";import{css as f}from"lit-element/lit-element.js";var m=f`
-: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 n=class{constructor(i,e){this._element=i,this._callback=e,this.observe()}observe(){if(this.disconnect(),this._element){let i={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,i)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var t=class extends g{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 n(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 v`
-      <slot></slot>
-    `}};t.styles=m,r([s({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),r([s({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),r([s({type:Boolean,reflect:!0,attribute:"is-link"})],t.prototype,"isLink",2),r([s({type:Boolean})],t.prototype,"dynamic",2),r([s({type:String,reflect:!0})],t.prototype,"element",2),r([k()],t.prototype,"_lastWarning",2);var c=class extends t{constructor(){super();this.name="hi";this.element="test",this.setAttribute("role","button")}static get styles(){return _`
-      :host {
-        display: block;
-        border: 1px solid red;
-      }
-    `}connectedCallback(){super.connectedCallback(),this.element="test"}clickHandler(){this.name=`hi ${Math.random()}`}render(){return y`
-      <div @click=${this.clickHandler}>ima ${this.name}</div>
-      <slot></slot>
-    `}};r([x({type:String,reflect:!0})],c.prototype,"name",2);export{c as default};

package/dist-node/scw-test/scw-test.js

@@ -1,27 +0,0 @@
-var b=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var r=(n,i,e,c)=>{for(var a=c>1?void 0:c?h(i,e):i,u=n.length-1,m;u>=0;u--)(m=n[u])&&(a=(c?m(i,e,a):m(a))||a);return c&&a&&b(i,e,a),a};import{html as y,css as _}from"lit";import{property as x}from"lit/decorators.js";import{LitElement as g,html as v}from"lit";import{property as o,state as k}from"lit/decorators.js";import{css as f}from"lit-element/lit-element.js";var d=f`
-: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 s=class{constructor(i,e){this._element=i,this._callback=e,this.observe()}observe(){if(this.disconnect(),this._element){let i={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,i)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var t=class extends g{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 s(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 v`
-      <slot></slot>
-    `}};t.styles=d,r([o({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),r([o({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),r([o({type:Boolean,reflect:!0,attribute:"is-link"})],t.prototype,"isLink",2),r([o({type:Boolean})],t.prototype,"dynamic",2),r([o({type:String,reflect:!0})],t.prototype,"element",2),r([k()],t.prototype,"_lastWarning",2);var l=class extends t{constructor(){super();this.name="hi";this.element="test",this.setAttribute("role","button")}static get styles(){return _`
-      :host {
-        display: block;
-        border: 1px solid red;
-      }
-    `}connectedCallback(){super.connectedCallback(),this.element="test"}clickHandler(){this.name=`hi ${Math.random()}`}render(){return y`
-      <div @click=${this.clickHandler}>ima ${this.name}</div>
-      <slot></slot>
-    `}};r([x({type:String,reflect:!0})],l.prototype,"name",2);customElements.define("scw-test",l);