scu-web-components 0.0.67 → 0.0.69

package/dist-node/scw-image/ScwImage.js

@@ -1,78 +0,0 @@
-var _=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var i=(n,e,t,r)=>{for(var o=r>1?void 0:r?y(e,t):e,c=n.length-1,u;c>=0;c--)(u=n[c])&&(o=(r?u(e,t,o):u(o))||o);return r&&o&&_(e,t,o),o};import{html as d}from"lit";import{property as l,state as g}from"lit/decorators.js";import{css as x}from"lit-element/lit-element.js";var v=x`
-: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;
-}
-
-:host .scw-link-base {
-  display: block;
-  overflow: hidden;
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-:host .scw-link-base img {
-  display: block;
-  position: absolute;
-}`;import{isServer as O}from"lit";var p=class{constructor(){this.callbacks=new WeakMap;this._totalWatched=0;this._intersectionCallback=this._intersectionCallback.bind(this);let e={rootMargin:"0px 0px 200px 0px"};!O&&IntersectionObserver&&(this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,e))}_intersectionCallback(e){e.map(async t=>{this.callbacks.get(t.target).map(o=>{o(t.isIntersecting,t.intersectionRatio)})})}registerCallback(e,t){if(!this.callbacks.has(e)&&this.intersectionObserver)this.callbacks.set(e,[t]),this.intersectionObserver.observe(e),this._totalWatched++;else{let r=this.callbacks.get(e);r.indexOf(t)===-1&&r.push(t)}}unregisterCallback(e,t){if(this.callbacks.has(e)&&this.intersectionObserver){let r=[];this.callbacks.get(e).map(c=>{c!==t&&r.push(c)}),r.length===0?(this._totalWatched--,this.callbacks.delete(e),this.intersectionObserver.unobserve(e)):this.callbacks.set(e,r)}}},m=new p;function f(n){n.alt||n.warn("alt not found on scw-image"),!n.src&&!n.srcset&&n.warn("no image(s) found on scw-image")}import{LitElement as M,html as j}from"lit";import{property as b,state as z}from"lit/decorators.js";import{css as L}from"lit-element/lit-element.js";var k=L`
-: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 h=class{constructor(e,t){this._element=e,this._callback=t,this.observe()}observe(){if(this.disconnect(),this._element){let e={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,e)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var a=class extends M{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 h(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 j`
-      <slot></slot>
-    `}};a.styles=k,i([b({type:String,reflect:!0,attribute:"aria-label"})],a.prototype,"ariaLabel",2),i([b({type:String,attribute:"aria-disabled"})],a.prototype,"ariaDisabled",2),i([b({type:Boolean,reflect:!0,attribute:"is-link"})],a.prototype,"isLink",2),i([b({type:Boolean})],a.prototype,"dynamic",2),i([b({type:String,reflect:!0})],a.prototype,"element",2),i([z()],a.prototype,"_lastWarning",2);var s=class extends a{constructor(){super();this.preload=!1;this.noLazyLoading=!1;this._isIntersecting=!1;this._hasIntersected=!1;this.element="image"}static get styles(){return[super.styles,v]}firstUpdated(t){super.firstUpdated(t),this._resizeHandler=this._resizeHandler.bind(this),this._intersectionHandler=this._intersectionHandler.bind(this),this.noLazyLoading?this._hasIntersected=!0:m.registerCallback(this,this._intersectionHandler)}disconnectedCallback(){super.disconnectedCallback(),m.unregisterCallback(this,this._intersectionHandler)}domMutated(){super.domMutated(),f(this)}_resizeHandler(){this._imageSize=this.clientWidth}_intersectionHandler(t){this._isIntersecting=t,this._hasIntersected=this._hasIntersected?!0:t}renderContainerCss(){if(this.aspectRatio){let t=this.aspectRatio.split(":"),r=parseFloat(t[0]);return`
-        display: block;
-        padding-bottom: ${parseFloat(t[1])/r*100}%;
-        height: 0;`}return""}renderImgCss(){return this.objectFit||this.objectPosition?`
-        position: absolute;
-        top: 0; left: 0;
-        width: 100%; height: 100%;
-        object-fit: ${this.objectFit?this.objectFit:"contain"};
-        object-position: ${this.objectPosition?this.objectPosition:"center"}`:""}renderPreload(){if(this.preload){if(this._imageSize&&this.srcset)return d`<link 
-        rel="preload"
-        as="image"
-        srcset="${this.srcset}"
-        sizes="${this._imageSize}px" />
-      `;if(this.src)return d`<link 
-          rel="preload"
-          as="image"
-          href="${this.src}" />
-        `}}renderContent(){return this._hasIntersected?this._imageSize&&this.srcset?d`
-          ${this.renderPreload()}
-          <img
-            style="${this.renderImgCss()}"
-            srcset="${this.srcset}"
-            sizes="${this._imageSize}px"
-            alt="${this.alt?this.alt:"NO ALT!"}" />`:d`
-          ${this.renderPreload()}
-          <img
-            style="${this.renderImgCss()}"
-            src="${this.src?this.src:!1}"
-            alt="${this.alt?this.alt:"NO ALT!"}" />`:d``}render(){return d`
-      ${this.renderContent()}
-      ${this.renderContainerCss()}
-    `}};i([l({type:String,attribute:"aspect-ratio"})],s.prototype,"aspectRatio",2),i([l({type:String,attribute:"object-fit"})],s.prototype,"objectFit",2),i([l({type:String,attribute:"object-position"})],s.prototype,"objectPosition",2),i([l({type:String})],s.prototype,"srcset",2),i([l({type:String})],s.prototype,"src",2),i([l({type:String})],s.prototype,"alt",2),i([l({type:Boolean})],s.prototype,"preload",2),i([l({type:Boolean,attribute:"no-lazy-loading"})],s.prototype,"noLazyLoading",2),i([g()],s.prototype,"_imageSize",2),i([g()],s.prototype,"_isIntersecting",2),i([g()],s.prototype,"_hasIntersected",2);export{s as default};

package/dist-node/scw-image/scw-image-src-parser.js

@@ -1 +0,0 @@
-function s(e){let i=[];for(let t=0;t<e.attributes.length;t++){let r=e.attributes[t];if(r.name.indexOf("src-")===0){let n=r.name.split("-");i.push(`${r.value} ${n[1]}`)}}return i.join(", ")}export{s as default};

package/dist-node/scw-image/scw-image-validate.js

@@ -1 +0,0 @@
-function o(n){n.alt||n.warn("alt not found on scw-image"),!n.src&&!n.srcset&&n.warn("no image(s) found on scw-image")}export{o as default};

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

@@ -1,78 +0,0 @@
-var _=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var i=(n,e,t,s)=>{for(var o=s>1?void 0:s?y(e,t):e,c=n.length-1,u;c>=0;c--)(u=n[c])&&(o=(s?u(e,t,o):u(o))||o);return s&&o&&_(e,t,o),o};import{html as d}from"lit";import{property as l,state as g}from"lit/decorators.js";import{css as x}from"lit-element/lit-element.js";var v=x`
-: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;
-}
-
-:host .scw-link-base {
-  display: block;
-  overflow: hidden;
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-:host .scw-link-base img {
-  display: block;
-  position: absolute;
-}`;import{isServer as O}from"lit";var m=class{constructor(){this.callbacks=new WeakMap;this._totalWatched=0;this._intersectionCallback=this._intersectionCallback.bind(this);let e={rootMargin:"0px 0px 200px 0px"};!O&&IntersectionObserver&&(this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,e))}_intersectionCallback(e){e.map(async t=>{this.callbacks.get(t.target).map(o=>{o(t.isIntersecting,t.intersectionRatio)})})}registerCallback(e,t){if(!this.callbacks.has(e)&&this.intersectionObserver)this.callbacks.set(e,[t]),this.intersectionObserver.observe(e),this._totalWatched++;else{let s=this.callbacks.get(e);s.indexOf(t)===-1&&s.push(t)}}unregisterCallback(e,t){if(this.callbacks.has(e)&&this.intersectionObserver){let s=[];this.callbacks.get(e).map(c=>{c!==t&&s.push(c)}),s.length===0?(this._totalWatched--,this.callbacks.delete(e),this.intersectionObserver.unobserve(e)):this.callbacks.set(e,s)}}},p=new m;function f(n){n.alt||n.warn("alt not found on scw-image"),!n.src&&!n.srcset&&n.warn("no image(s) found on scw-image")}import{LitElement as M,html as j}from"lit";import{property as b,state as z}from"lit/decorators.js";import{css as L}from"lit-element/lit-element.js";var k=L`
-: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 h=class{constructor(e,t){this._element=e,this._callback=t,this.observe()}observe(){if(this.disconnect(),this._element){let e={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,e)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var a=class extends M{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 h(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 j`
-      <slot></slot>
-    `}};a.styles=k,i([b({type:String,reflect:!0,attribute:"aria-label"})],a.prototype,"ariaLabel",2),i([b({type:String,attribute:"aria-disabled"})],a.prototype,"ariaDisabled",2),i([b({type:Boolean,reflect:!0,attribute:"is-link"})],a.prototype,"isLink",2),i([b({type:Boolean})],a.prototype,"dynamic",2),i([b({type:String,reflect:!0})],a.prototype,"element",2),i([z()],a.prototype,"_lastWarning",2);var r=class extends a{constructor(){super();this.preload=!1;this.noLazyLoading=!1;this._isIntersecting=!1;this._hasIntersected=!1;this.element="image"}static get styles(){return[super.styles,v]}firstUpdated(t){super.firstUpdated(t),this._resizeHandler=this._resizeHandler.bind(this),this._intersectionHandler=this._intersectionHandler.bind(this),this.noLazyLoading?this._hasIntersected=!0:p.registerCallback(this,this._intersectionHandler)}disconnectedCallback(){super.disconnectedCallback(),p.unregisterCallback(this,this._intersectionHandler)}domMutated(){super.domMutated(),f(this)}_resizeHandler(){this._imageSize=this.clientWidth}_intersectionHandler(t){this._isIntersecting=t,this._hasIntersected=this._hasIntersected?!0:t}renderContainerCss(){if(this.aspectRatio){let t=this.aspectRatio.split(":"),s=parseFloat(t[0]);return`
-        display: block;
-        padding-bottom: ${parseFloat(t[1])/s*100}%;
-        height: 0;`}return""}renderImgCss(){return this.objectFit||this.objectPosition?`
-        position: absolute;
-        top: 0; left: 0;
-        width: 100%; height: 100%;
-        object-fit: ${this.objectFit?this.objectFit:"contain"};
-        object-position: ${this.objectPosition?this.objectPosition:"center"}`:""}renderPreload(){if(this.preload){if(this._imageSize&&this.srcset)return d`<link 
-        rel="preload"
-        as="image"
-        srcset="${this.srcset}"
-        sizes="${this._imageSize}px" />
-      `;if(this.src)return d`<link 
-          rel="preload"
-          as="image"
-          href="${this.src}" />
-        `}}renderContent(){return this._hasIntersected?this._imageSize&&this.srcset?d`
-          ${this.renderPreload()}
-          <img
-            style="${this.renderImgCss()}"
-            srcset="${this.srcset}"
-            sizes="${this._imageSize}px"
-            alt="${this.alt?this.alt:"NO ALT!"}" />`:d`
-          ${this.renderPreload()}
-          <img
-            style="${this.renderImgCss()}"
-            src="${this.src?this.src:!1}"
-            alt="${this.alt?this.alt:"NO ALT!"}" />`:d``}render(){return d`
-      ${this.renderContent()}
-      ${this.renderContainerCss()}
-    `}};i([l({type:String,attribute:"aspect-ratio"})],r.prototype,"aspectRatio",2),i([l({type:String,attribute:"object-fit"})],r.prototype,"objectFit",2),i([l({type:String,attribute:"object-position"})],r.prototype,"objectPosition",2),i([l({type:String})],r.prototype,"srcset",2),i([l({type:String})],r.prototype,"src",2),i([l({type:String})],r.prototype,"alt",2),i([l({type:Boolean})],r.prototype,"preload",2),i([l({type:Boolean,attribute:"no-lazy-loading"})],r.prototype,"noLazyLoading",2),i([g()],r.prototype,"_imageSize",2),i([g()],r.prototype,"_isIntersecting",2),i([g()],r.prototype,"_hasIntersected",2);customElements.define("scw-image",r);

package/dist-node/scw-image/tests/imageExamples.js

@@ -1 +0,0 @@
-var I="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIGZpbGw9IiNDNEM0QzQiLz4KPC9zdmc+Cg==",i="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTIuNSAwTDI1IDI1SDBMMTIuNSAwWiIgZmlsbD0iI0M0QzRDNCIvPgo8L3N2Zz4K",a="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2IiBmaWxsPSJ3aGl0ZSIvPgo8Y2lyY2xlIGN4PSIxMyIgY3k9IjEzIiByPSIxMyIgZmlsbD0iI0M0QzRDNCIvPgo8L3N2Zz4K";export{a as circle,I as square,i as triangle};

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

@@ -1,48 +0,0 @@
-var F=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var c=(l,o)=>()=>(l&&(o=l(l=0)),o);var r=(l,o,e,t)=>{for(var a=t>1?void 0:t?K(o,e):o,s=l.length-1,m;s>=0;s--)(m=l[s])&&(a=(t?m(o,e,a):m(a))||a);return t&&a&&F(o,e,a),a};var g=c(()=>{"use strict"});import{css as G}from"lit-element/lit-element.js";var A,O=c(()=>{"use strict";A=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 h,M=c(()=>{"use strict";h=class{constructor(o,e){this._element=o,this._callback=e,this.observe()}observe(){if(this.disconnect(),this._element){let o={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,o)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}}});import{LitElement as J,html as Q}from"lit";import{property as b,state as X}from"lit/decorators.js";var u,q=c(()=>{"use strict";g();O();M();u=class extends J{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 h(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 Q`
-      <slot></slot>
-    `}};u.styles=A,r([b({type:String,reflect:!0,attribute:"aria-label"})],u.prototype,"ariaLabel",2),r([b({type:String,attribute:"aria-disabled"})],u.prototype,"ariaDisabled",2),r([b({type:Boolean,reflect:!0,attribute:"is-link"})],u.prototype,"isLink",2),r([b({type:Boolean})],u.prototype,"dynamic",2),r([b({type:String,reflect:!0})],u.prototype,"element",2),r([X()],u.prototype,"_lastWarning",2)});var E=c(()=>{"use strict"});import"lit-element/experimental-hydrate-support.js";var v,D=c(()=>{"use strict"});function p(l="-"){return v&&v.suffix?`${l}${v.suffix}`:""}var x=c(()=>{"use strict";D()});import{html as Y}from"lit";import{property as d,state as k}from"lit/decorators.js";var H,n,N=c(()=>{"use strict";q();g();E();x();H=(t=>(t.text="text",t.boolean="boolean",t.submit="submit",t))(H||{}),n=class extends u{constructor(){super(...arguments);this.formType="text";this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule("required",this.requiredFeedback)}decorateValues(e){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType==="boolean"?e[this.name]=this.selected:e[this.name]=this.value}findIfRequired(){let e=this.findValidationRules();return e?e.isRequired():!1}findValidationRules(){return Array.from(this.children).find(a=>a.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let e=this.findValidationRules(),t=[];return e&&(t=e.validate(this.value)),this.invalid=t.length>0,this.invalid?this.feedback=t[0].feedback:this.feedback="",t}createValidateRule(){return document.createElement(`scw-${"validate"}${p()}`)}addValidationRule(e){let t=this.findValidationRules();t||(t=document.createElement(`scw-${"validation"}${p()}`),this.prepend(t)),Array.from(t.children).find(m=>m.getAttribute("type")===e.type)||t.appendChild(e)}createAndAddValidationRule(e,t){let a=this.createValidateRule();a.setAttribute("type",e),t&&a.setAttribute("feedback",t),this.addValidationRule(a)}removeValidationRule(e){let t=this.findValidationRules();if(!t)return;let s=Array.from(t.children).find(m=>m.type===e);s&&s.parentNode&&s.parentNode.removeChild(s)}render(){return Y`
-      scw-form-component
-    `}};r([d({type:H,reflect:!0,attribute:"form-type"})],n.prototype,"formType",2),r([d({type:String})],n.prototype,"name",2),r([d({type:String})],n.prototype,"value",2),r([d({type:String})],n.prototype,"placeholder",2),r([d({type:String})],n.prototype,"selected",2),r([d({type:Boolean,attribute:"read-only"})],n.prototype,"readOnly",2),r([d({type:Boolean})],n.prototype,"required",2),r([d({type:String,attribute:"required-label"})],n.prototype,"requiredLabel",2),r([d({type:String,attribute:"required-feedback"})],n.prototype,"requiredFeedback",2),r([k()],n.prototype,"feedback",2),r([k()],n.prototype,"focused",2),r([k()],n.prototype,"invalid",2)});import{css as Z}from"lit-element/lit-element.js";var B,W=c(()=>{"use strict";B=Z`
-:host {
-  display: block;
-}`});var y,j=c(()=>{"use strict";y=(i=>(i.button="button",i.color="color",i.datetimeLocal="datetimeLocal",i.file="file",i.hidden="hidden",i.image="image",i.month="month",i.number="number",i.range="range",i.reset="reset",i.search="search",i.select="select",i.submit="submit",i.tel="tel",i.time="time",i.url="url",i.week="week",i.fieldset="fieldset",i.date="date",i.checkbox="checkbox",i.email="email",i.password="password",i.radio="radio",i.text="text",i.telephone="telephone",i.currency="currency",i))(y||{})});function P(l,o,e={},t){let a=new CustomEvent(l,{bubbles:!0,cancelable:!1,composed:!0,detail:e,...t});return o.dispatchEvent(a),a}var $=c(()=>{"use strict"});var _,R,L,z=c(()=>{"use strict";_=(s=>(s.none="none",s.sentences="sentences",s.words="words",s.characters="characters",s.default="none",s))(_||{}),R=(t=>(t.off="off",t.on="on",t.default="on",t))(R||{}),L=(t=>(t.off="off",t.on="on",t.default="off",t))(L||{})});import{html as S}from"lit/static-html.js";import{unsafeStatic as U}from"lit/static-html.js";import{property as w}from"lit/decorators.js";var f,I=c(()=>{N();g();W();j();$();$();x();z();f=class extends n{constructor(){super();this.type="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.element="input";let e=p();this.scwInputField=U(`scw-${"input-field"}${e}`),this.scwInputLayout=U(`scw-${"input-layout"}${e}`)}static get styles(){return[super.styles,B]}_focusHandler(){this.focused=!0}_blurHandler(){this.focused=!1,this.validate()}_valueChangeHandler(e){this.value=e.detail.value}checkForSubmit(e){e.key==="Enter"&&P("scw-submit-intent",this)}render(){return S`
-      <${this.scwInputLayout}
-        .label=${this.ariaLabel}
-        .feedback=${this.feedback}
-         aria-disabled=${this.ariaDisabled==="true"?"true":"false"}
-        ?focused=${this.focused}
-        ?invalid=${this.invalid}>
-        <${this.scwInputField}
-          .value=${this.value}
-          .type=${this.type}
-          .placeholder=${this.placeholder}
-          aria-disabled=${this.ariaDisabled==="true"?"true":"false"}
-          autocapitalize=${this.autoCapitalize}
-          autocomplete=${this.autoComplete}
-          autocorrect=${this.autoCorrect}
-          ?autofocus=${this.autoFocus}
-          ?readonly="${this.readOnly}"
-          @keyup=${this.checkForSubmit}
-          @scw-focus=${this._focusHandler}
-          @scw-blur=${this._blurHandler}
-          @scw-value-change=${this._valueChangeHandler}>
-        </${this.scwInputField}>
-      </${this.scwInputLayout}>
-      <slot name="validation"></slot>
-    `}};r([w({type:y})],f.prototype,"type",2),r([w({type:_,attribute:"autocapitalize"})],f.prototype,"autoCapitalize",2),r([w({type:R,attribute:"autocomplete"})],f.prototype,"autoComplete",2),r([w({type:L,attribute:"autocorrect"})],f.prototype,"autoCorrect",2),r([w({type:Boolean,attribute:"autofocus"})],f.prototype,"autoFocus",2)});I();export{f as default};

package/dist-node/scw-input-field/autoformatters/autoFormat.js

@@ -1 +0,0 @@
-function d(i,t,e){let l=e;if(i&&i.length>0){let n=i.replace(/[^\d]/g,"").substring(0,10),s=i.length<t.length,r="";return n.length>4?r=`${n.substring(0,2)}/${n.substring(2,4)}/${n.substring(4,8)}`:n.length>3&&!s?r=`${n.substring(0,2)}/${n.substring(2)}/`:n.length>2?r=`${n.substring(0,2)}/${n.substring(2)}`:n.length>1&&!s?r=`${n.substring(0)}/`:n.length>0&&(r=`${n.substring(0)}`),i.length===e?l=r.length:e===3?l=s?3:4:e===6&&(l=s?6:7),{value:n,display:r,selectionIndex:l}}else return{value:"",display:"",selectionIndex:l}}function b(i,t,e){let l=e;if(i&&i.length>0){let n=i.replace(/[^\d]/g,""),s="";if(n.length>6){let o=n.substring(0,3),u=`${n.substring(3,6)}-${n.substring(6)}`;s=`(${o}) ${u}`}else n.length>3?s=`(${n.substring(0,3)}) ${n.substring(3)}`:n.length>0&&(s=`(${n.substring(0)}`);let r=i.length<t.length;return i.length===e?l=s?s.length:0:e===1?l=r?1:2:e===5||e===6?l=r?5:7:e===9&&(l=r?9:10),{value:n,display:s,selectionIndex:l}}else return{value:"",display:"",selectionIndex:l}}function x(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 m=0,$=new Date;function h(i,t,e=!1,l){if(!i||i==="$")return{value:"",display:"",selectionIndex:0};m++;let n=new Date;if(m>20)return $=n,m=0,{value:"error",display:"error",selectionIndex:0};n.getTime()-$.getTime()>100&&($=n,m=0);let s=i.replace(/[^\d|,|$|.]/g,"");s=s.replace(/^\$0+/g,"$");let r=s,o=r.split(".");if(o.length>2){let g=o.pop();r=`${o.join("")}.${g}`,o=r.split(".")}let u=o.length>1?o[o.length-1].length:0;u>2?(r=r.replace(/[^\d]/g,""),r=S(r,r.length-2,".")):u>0&&(r=r.replace(/[^\d/.]/g,"")),e&&(u===0?r=`${r.replace(/\./g,"")}.00`:u===1&&(r=`${r}0`));let p=r.split("."),a=p[0];a=a.replace(/[^\d]/g,""),a=a?`${parseInt(a)}`:"0",a=w(a,",",3),p[0]=a;let c=`$${p.join(".")}`,D=c.replace(/,|\$/g,""),f=t;if(c!==s){let g=s.substr(0,t),B=c.substr(0,t),v=(g.match(/,|\$/g)||[]).length,y=(B.match(/,|\$/g)||[]).length,R=c.substr(t);g===B&&R.indexOf(",")===0&&l===t?f++:f+=y-v}else s!==i&&(f+=s.length-i.length);return{value:D,display:c,selectionIndex:f||0}}function S(i,t,e){return i.substring(0,t)+e+i.substring(t)}function w(i,t,e){let l=0,n=i;for(let s=0;s<i.length;s++)s%e===0&&(l>0&&(n=S(n,i.length-s,t)),l++);return n}var F=class{constructor(t){this.lastSelectionStart=0,this.inputBase=t}autoFormat(t){if(this.inputBase.type==="telephone"){let e=b(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e)}else if(this.inputBase.type==="date"){let e=d(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e,!0)}else if(this.inputBase.type==="number"){let e=x(t,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e,!0)}else if(this.inputBase.type==="currency"){let e=h(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=h(t,this.inputBase.input&&this.inputBase.input.selectionStart||0,!0,this.lastSelectionStart);this.applyValues(e,!1,!1)}this.updateSelection()}applyValues(t,e=!1,l=!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,l&&this.inputBase.input.setSelectionRange(t.selectionIndex,t.selectionIndex))}updateSelection(){this.lastSelectionStart=this.inputBase.input&&this.inputBase.input.selectionStart||0}};function H(i,t){return i==="telephone"?b(t,"",0).display:i==="date"?d(t,"",0).display:i==="number"?x(t,0).display:i==="currency"?h(t,0,!0,void 0).display:t}export{H as autoFormatResult,F as default};

package/dist-node/scw-input-field/autoformatters/currencyFormatter.js

@@ -1 +0,0 @@
-var d=0,p=new Date;function y(t,r,o=!1,a){if(!t||t==="$")return{value:"",display:"",selectionIndex:0};d++;let i=new Date;if(d>20)return p=i,d=0,{value:"error",display:"error",selectionIndex:0};i.getTime()-p.getTime()>100&&(p=i,d=0);let n=t.replace(/[^\d|,|$|.]/g,"");n=n.replace(/^\$0+/g,"$");let e=n,s=e.split(".");if(s.length>2){let f=s.pop();e=`${s.join("")}.${f}`,s=e.split(".")}let g=s.length>1?s[s.length-1].length:0;g>2?(e=e.replace(/[^\d]/g,""),e=$(e,e.length-2,".")):g>0&&(e=e.replace(/[^\d/.]/g,"")),o&&(g===0?e=`${e.replace(/\./g,"")}.00`:g===1&&(e=`${e}0`));let m=e.split("."),l=m[0];l=l.replace(/[^\d]/g,""),l=l?`${parseInt(l)}`:"0",l=w(l,",",3),m[0]=l;let c=`$${m.join(".")}`,b=c.replace(/,|\$/g,""),u=r;if(c!==n){let f=n.substr(0,r),h=c.substr(0,r),x=(f.match(/,|\$/g)||[]).length,I=(h.match(/,|\$/g)||[]).length,P=c.substr(r);f===h&&P.indexOf(",")===0&&a===r?u++:u+=I-x}else n!==t&&(u+=n.length-t.length);return{value:b,display:c,selectionIndex:u||0}}function $(t,r,o){return t.substring(0,r)+o+t.substring(r)}function w(t,r,o){let a=0,i=t;for(let n=0;n<t.length;n++)n%o===0&&(a>0&&(i=$(i,t.length-n,r)),a++);return i}export{y as currencyAutoFormatter};

package/dist-node/scw-input-field/autoformatters/dateAutoFormatter.js

@@ -1 +0,0 @@
-function g(t){return isFinite(t.getTime())}function a(t,e,r){let i=r;if(t&&t.length>0){let n=t.replace(/[^\d]/g,"").substring(0,10),o=t.length<e.length,s="";return n.length>4?s=`${n.substring(0,2)}/${n.substring(2,4)}/${n.substring(4,8)}`:n.length>3&&!o?s=`${n.substring(0,2)}/${n.substring(2)}/`:n.length>2?s=`${n.substring(0,2)}/${n.substring(2)}`:n.length>1&&!o?s=`${n.substring(0)}/`:n.length>0&&(s=`${n.substring(0)}`),t.length===r?i=s.length:r===3?i=o?3:4:r===6&&(i=o?6:7),{value:n,display:s,selectionIndex:i}}else return{value:"",display:"",selectionIndex:i}}function f(t){if(t)if(t instanceof Date){let e=u(t);if(e!=="")return e}else{if(t&&t.length<=10)return t;{let e=new Date(t),r=u(e);return r!==""?r:t}}else return"";return""}function l(t){if(t&&t.length===10){let e=t.split("/"),r=new Date(parseInt(e[2]),parseInt(e[0])-1,parseInt(e[1]));if(g(r))return r}return null}function m(t){let e=l(t);return e?e.toString():""}function u(t){if(g(t)){let e=new Intl.DateTimeFormat("en",{year:"numeric"}).format(t),r=new Intl.DateTimeFormat("en",{month:"2-digit"}).format(t),i=new Intl.DateTimeFormat("en",{day:"2-digit"}).format(t);return`${r}/${i}/${e}`}return""}export{a as dateAutoFormatter,f as dateStrToFormattedStr,u as dateToFormattedStr,l as formattedStringToDate,m as formattedStringToDateStr,g as isValidDate};

package/dist-node/scw-input-field/autoformatters/numberFormatter.js

@@ -1 +0,0 @@
-function n(r,e){if(!r)return{value:"",display:"",selectionIndex:0};let t=r?r.replace(/[^\d]/g,""):"";return t.length<r.length&&e--,{value:t,display:t,selectionIndex:e||0}}export{n as numberFormatter};

package/dist-node/scw-input-field/autoformatters/phoneNumberAutoFormatter.js

@@ -1 +0,0 @@
-function o(r,l,n){let s=n;if(r&&r.length>0){let e=r.replace(/[^\d]/g,""),t="";if(e.length>6){let i=e.substring(0,3),u=`${e.substring(3,6)}-${e.substring(6)}`;t=`(${i}) ${u}`}else e.length>3?t=`(${e.substring(0,3)}) ${e.substring(3)}`:e.length>0&&(t=`(${e.substring(0)}`);let g=r.length<l.length;return r.length===n?s=t?t.length:0:n===1?s=g?1:2:n===5||n===6?s=g?5:7:n===9&&(s=g?9:10),{value:e,display:t,selectionIndex:s}}else return{value:"",display:"",selectionIndex:s}}export{o as phoneNumberAutoFormatter};

package/dist-node/scw-input-field/inputTypes.js

@@ -1 +0,0 @@
-var r=(e=>(e.button="button",e.color="color",e.datetimeLocal="datetimeLocal",e.file="file",e.hidden="hidden",e.image="image",e.month="month",e.number="number",e.range="range",e.reset="reset",e.search="search",e.select="select",e.submit="submit",e.tel="tel",e.time="time",e.url="url",e.week="week",e.fieldset="fieldset",e.date="date",e.checkbox="checkbox",e.email="email",e.password="password",e.radio="radio",e.text="text",e.telephone="telephone",e.currency="currency",e))(r||{});export{r as InputTypes};

package/dist-node/scw-input-field/scw-input-field.js

@@ -1,88 +0,0 @@
-var S=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var o=(r,t,e,n)=>{for(var i=n>1?void 0:n?G(t,e):t,a=r.length-1,s;a>=0;a--)(s=r[a])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&S(t,e,i),i};import{html as z}from"lit";import{property as m,query as T}from"lit/decorators.js";import{LitElement as Q,html as X}from"lit";import{property as x,state as Y}from"lit/decorators.js";import{css as J}from"lit-element/lit-element.js";var R=J`
-: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 v=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 h=class extends Q{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 v(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>
-    `}};h.styles=R,o([x({type:String,reflect:!0,attribute:"aria-label"})],h.prototype,"ariaLabel",2),o([x({type:String,attribute:"aria-disabled"})],h.prototype,"ariaDisabled",2),o([x({type:Boolean,reflect:!0,attribute:"is-link"})],h.prototype,"isLink",2),o([x({type:Boolean})],h.prototype,"dynamic",2),o([x({type:String,reflect:!0})],h.prototype,"element",2),o([Y()],h.prototype,"_lastWarning",2);import{css as Z}from"lit-element/lit-element.js";var A=Z`
-: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(r,t){return(e,n)=>{let{update:i}=e;t=Object.assign({waitUntilFirstUpdate:!1},t),e.update=function(a){if(a.has(r)){let s=a.get(r),c=this[r];s!==c&&t&&(!t.waitUntilFirstUpdate||this.hasUpdated)&&this[n].call(this,s,c)}i.call(this,a)}}}function E(r,t,e){let n=e;if(r&&r.length>0){let i=r.replace(/[^\d]/g,"").substring(0,10),a=r.length<t.length,s="";return i.length>4?s=`${i.substring(0,2)}/${i.substring(2,4)}/${i.substring(4,8)}`:i.length>3&&!a?s=`${i.substring(0,2)}/${i.substring(2)}/`:i.length>2?s=`${i.substring(0,2)}/${i.substring(2)}`:i.length>1&&!a?s=`${i.substring(0)}/`:i.length>0&&(s=`${i.substring(0)}`),r.length===e?n=s.length:e===3?n=a?3:4:e===6&&(n=a?6:7),{value:i,display:s,selectionIndex:n}}else return{value:"",display:"",selectionIndex:n}}function U(r,t,e){let n=e;if(r&&r.length>0){let i=r.replace(/[^\d]/g,""),a="";if(i.length>6){let c=i.substring(0,3),d=`${i.substring(3,6)}-${i.substring(6)}`;a=`(${c}) ${d}`}else i.length>3?a=`(${i.substring(0,3)}) ${i.substring(3)}`:i.length>0&&(a=`(${i.substring(0)}`);let s=r.length<t.length;return r.length===e?n=a?a.length:0:e===1?n=s?1:2:e===5||e===6?n=s?5:7:e===9&&(n=s?9:10),{value:i,display:a,selectionIndex:n}}else return{value:"",display:"",selectionIndex:n}}function j(r,t){if(!r)return{value:"",display:"",selectionIndex:0};let e=r?r.replace(/[^\d]/g,""):"";return e.length<r.length&&t--,{value:e,display:e,selectionIndex:t||0}}var $=0,k=new Date;function D(r,t,e=!1,n){if(!r||r==="$")return{value:"",display:"",selectionIndex:0};$++;let i=new Date;if($>20)return k=i,$=0,{value:"error",display:"error",selectionIndex:0};i.getTime()-k.getTime()>100&&(k=i,$=0);let a=r.replace(/[^\d|,|$|.]/g,"");a=a.replace(/^\$0+/g,"$");let s=a,c=s.split(".");if(c.length>2){let y=c.pop();s=`${c.join("")}.${y}`,c=s.split(".")}let d=c.length>1?c[c.length-1].length:0;d>2?(s=s.replace(/[^\d]/g,""),s=W(s,s.length-2,".")):d>0&&(s=s.replace(/[^\d/.]/g,"")),e&&(d===0?s=`${s.replace(/\./g,"")}.00`:d===1&&(s=`${s}0`));let w=s.split("."),f=w[0];f=f.replace(/[^\d]/g,""),f=f?`${parseInt(f)}`:"0",f=I(f,",",3),w[0]=f;let g=`$${w.join(".")}`,V=g.replace(/,|\$/g,""),b=t;if(g!==a){let y=a.substr(0,t),M=g.substr(0,t),P=(y.match(/,|\$/g)||[]).length,N=(M.match(/,|\$/g)||[]).length,q=g.substr(t);y===M&&q.indexOf(",")===0&&n===t?b++:b+=N-P}else a!==r&&(b+=a.length-r.length);return{value:V,display:g,selectionIndex:b||0}}function W(r,t,e){return r.substring(0,t)+e+r.substring(t)}function I(r,t,e){let n=0,i=r;for(let a=0;a<r.length;a++)a%e===0&&(n>0&&(i=W(i,r.length-a,t)),n++);return i}var F=(l=>(l.button="button",l.color="color",l.datetimeLocal="datetimeLocal",l.file="file",l.hidden="hidden",l.image="image",l.month="month",l.number="number",l.range="range",l.reset="reset",l.search="search",l.select="select",l.submit="submit",l.tel="tel",l.time="time",l.url="url",l.week="week",l.fieldset="fieldset",l.date="date",l.checkbox="checkbox",l.email="email",l.password="password",l.radio="radio",l.text="text",l.telephone="telephone",l.currency="currency",l))(F||{});var p=class{constructor(t){this.lastSelectionStart=0,this.inputBase=t}autoFormat(t){if(this.inputBase.type==="telephone"){let e=U(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e)}else if(this.inputBase.type==="date"){let e=E(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e,!0)}else if(this.inputBase.type==="number"){let e=j(t,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e,!0)}else if(this.inputBase.type==="currency"){let e=D(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=D(t,this.inputBase.input&&this.inputBase.input.selectionStart||0,!0,this.lastSelectionStart);this.applyValues(e,!1,!1)}this.updateSelection()}applyValues(t,e=!1,n=!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,n&&this.inputBase.input.setSelectionRange(t.selectionIndex,t.selectionIndex))}updateSelection(){this.lastSelectionStart=this.inputBase.input&&this.inputBase.input.selectionStart||0}};function B(r,t,e={},n){let i=new CustomEvent(r,{bubbles:!0,cancelable:!1,composed:!0,detail:e,...n});return t.dispatchEvent(i),i}var O=(a=>(a.none="none",a.sentences="sentences",a.words="words",a.characters="characters",a.default="none",a))(O||{}),_=(n=>(n.off="off",n.on="on",n.default="on",n))(_||{}),L=(n=>(n.off="off",n.on="on",n.default="off",n))(L||{});var u=class extends h{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 p(this)}static get styles(){return[super.styles,A]}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 p(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),B("scw-focus",this)}blurHandler(){this.autoFormatter.autoFormatFinish(this.value),this.focused=!1,B("scw-blur",this)}valueChangeHandler(){B("scw-value-change",this,{value:this.value,name:this.name,valueDisplayed:this.valueDisplayed})}invalidHandler(e){e.preventDefault()}render(){return z`
-      <!--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?"":z`
-        <div class="placeholder">
-          ${this.placeholder}
-        </div>`}
-      
-    `}};o([m({type:String})],u.prototype,"name",2),o([m({type:String})],u.prototype,"value",2),o([m({type:F})],u.prototype,"type",2),o([m({type:Boolean,attribute:"readonly"})],u.prototype,"readOnly",2),o([m({type:Boolean,reflect:!0})],u.prototype,"focused",2),o([m({type:Boolean,attribute:"select-all-on-focus"})],u.prototype,"selectAllOnFocus",2),o([m({type:String})],u.prototype,"inputmode",2),o([m({type:O,attribute:"autocapitalize"})],u.prototype,"autoCapitalize",2),o([m({type:_,attribute:"autocomplete"})],u.prototype,"autoComplete",2),o([m({type:L,attribute:"autocorrect"})],u.prototype,"autoCorrect",2),o([m({type:Boolean,attribute:"autofocus"})],u.prototype,"autoFocus",2),o([m({type:String})],u.prototype,"placeholder",2),o([T("input")],u.prototype,"input",2),o([H("value")],u.prototype,"valueHandler",1);export{u as default};

package/dist-node/scw-input-layout/scw-input-layout.js

@@ -1,166 +0,0 @@
-var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var t=(n,r,e,g)=>{for(var l=g>1?void 0:g?m(r,e):r,p=n.length-1,b;p>=0;p--)(b=n[p])&&(l=(g?b(r,e,l):b(l))||l);return g&&l&&h(r,e,l),l};import{html as d}from"lit";import{property as o}from"lit/decorators.js";import{LitElement as y,html as k}from"lit";import{property as c,state as w}from"lit/decorators.js";import{css as x}from"lit-element/lit-element.js";var u=x`
-: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(r,e){this._element=r,this._callback=e,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 y{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 k`
-      <slot></slot>
-    `}};i.styles=u,t([c({type:String,reflect:!0,attribute:"aria-label"})],i.prototype,"ariaLabel",2),t([c({type:String,attribute:"aria-disabled"})],i.prototype,"ariaDisabled",2),t([c({type:Boolean,reflect:!0,attribute:"is-link"})],i.prototype,"isLink",2),t([c({type:Boolean})],i.prototype,"dynamic",2),t([c({type:String,reflect:!0})],i.prototype,"element",2),t([w()],i.prototype,"_lastWarning",2);import{css as _}from"lit-element/lit-element.js";var f=_`
-:host {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-:host > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.6);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
-}
-:host .input-label {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-}
-:host .input-field {
-  background-color: rgba(0, 0, 0, 0);
-  border-radius: 6px 6px 6px 6px;
-  align-self: stretch;
-  flex: 1;
-}
-:host .input-feedback {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-error);
-}
-
-:host .input-field {
-  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: var(--scw-spacing-1);
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-:host .input-field > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-:host .input-field .input-text {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  flex: 1;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: calc(var(--scw-spacing-1) * 1.5);
-  padding-right: calc(var(--scw-spacing-1) * 1.5);
-  padding-top: calc(var(--scw-spacing-1) * 0.9);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.9);
-  padding: 0;
-}
-:host .input-field .input-text > *:not(:last-child) {
-  margin-bottom: var(--scw-spacing-1);
-  --margin-bottom: var( --scw-spacing-1 );
-}
-:host .input-field .right-icon-2 {
-  background-color: rgba(0, 0, 0, 0);
-}
-:host .input-field .right-icon {
-  background-color: rgba(0, 0, 0, 0);
-}
-
-:host .input-field {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 6px 6px 6px 6px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-09);
-  align-self: stretch;
-}
-
-:host([aria-disabled=true]) .input-field {
-  background-color: var(--scw-color-grey-092);
-  border-radius: 6px 6px 6px 6px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-09);
-  align-self: stretch;
-}
-
-:host([invalid]) .input-field {
-  background-color: var(--scw-color-grey-095);
-  border-radius: 6px 6px 6px 6px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-error);
-  align-self: stretch;
-}
-
-:host([focused]) .input-field {
-  background-color: var(--scw-color-grey-095);
-  border-radius: 6px 6px 6px 6px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-08);
-  box-shadow: var(--scw-effect-focus-shadow);
-  align-self: stretch;
-}
-
-::slotted(*) {
-  width: 100%;
-}`;var a=class extends i{constructor(){super();this.hideLabel=!1;this.hideFeedback=!1;this.element="input-layout"}static get styles(){return[super.styles,f]}render(){return d`
-      ${this.hideLabel?"":d`
-            <div class="input-label">
-              ${this.label}
-            </div>`}
-      <div class="input-field">
-        <div class="input-text">
-          <slot></slot>
-        </div>
-        ${this.right2Icon?d`
-            <scw-icon
-              class="right-icon-2"
-              .icon="${this.right2Icon}"
-              size="32"
-              aria-label="Clear Input"
-              link>
-            </scw-icon>`:""}
-        ${this.rightIcon?d`
-            <scw-icon
-              class="right-icon"
-              .icon="${this.rightIcon}"
-              size="32"
-              aria-label="Show Password"
-              link>
-            </scw-icon>`:""}
-      </div>
-      ${this.hideFeedback?"":d`
-            <div class="input-feedback">
-              ${this.feedback}&nbsp;
-            </div>`}
-    `}};t([o({type:String})],a.prototype,"label",2),t([o({type:String})],a.prototype,"feedback",2),t([o({type:String,attribute:"hide-label"})],a.prototype,"hideLabel",2),t([o({type:String,attribute:"hide-feedback"})],a.prototype,"hideFeedback",2),t([o({type:String,attribute:"right-icon"})],a.prototype,"rightIcon",2),t([o({type:String,attribute:"right-2-icon"})],a.prototype,"right2Icon",2);export{a as default};

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

@@ -1,21 +0,0 @@
-var b=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(l,i,e,o)=>{for(var r=o>1?void 0:o?h(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&&b(i,e,r),r};import{html as y}from"lit";import{LitElement as p,html as v}from"lit";import{property as s,state as _}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 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 p{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=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([_()],t.prototype,"_lastWarning",2);var m=class extends t{constructor(){super(),this.element="layout-component",this.setAttribute("scw-layout-initial","")}render(){return y`
-      <slot></slot>
-    `}};export{m as default};