scu-web-components 0.0.60 → 0.0.62

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

@@ -1,4 +1,4 @@
-var k=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&&k(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`
+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;
@@ -26,7 +26,7 @@ var k=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var i=(n,e,t,r
 :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 _=L`
+}`;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;
@@ -44,7 +44,7 @@ var k=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var i=(n,e,t,r
   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=_,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`
+    `}};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?`

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

@@ -1,4 +1,4 @@
-var k=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&&k(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`
+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;
@@ -26,7 +26,7 @@ var k=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var i=(n,e,t,s
 :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 _=L`
+}`;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;
@@ -44,7 +44,7 @@ var k=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var i=(n,e,t,s
   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=_,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`
+    `}};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?`

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

@@ -16,12 +16,12 @@ var F=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var c=(l,o)=>(
   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 y}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`
+    `}};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([y()],n.prototype,"feedback",2),r([y()],n.prototype,"focused",2),r([y()],n.prototype,"invalid",2)});import{css as Z}from"lit-element/lit-element.js";var B,W=c(()=>{"use strict";B=Z`
+    `}};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 k,j=c(()=>{"use strict";k=(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))(k||{})});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`
+}`});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}
@@ -45,4 +45,4 @@ var F=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var c=(l,o)=>(
         </${this.scwInputField}>
       </${this.scwInputLayout}>
       <slot name="validation"></slot>
-    `}};r([w({type:k})],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};
+    `}};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/scw-input-field.js

@@ -59,7 +59,7 @@ var S=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var o=(r,t,e,n
   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),p=`${i.substring(3,6)}-${i.substring(6)}`;a=`(${c}) ${p}`}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,D=new Date;function k(r,t,e=!1,n){if(!r||r==="$")return{value:"",display:"",selectionIndex:0};$++;let i=new Date;if($>20)return D=i,$=0,{value:"error",display:"error",selectionIndex:0};i.getTime()-D.getTime()>100&&(D=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 p=c.length>1?c[c.length-1].length:0;p>2?(s=s.replace(/[^\d]/g,""),s=W(s,s.length-2,".")):p>0&&(s=s.replace(/[^\d/.]/g,"")),e&&(p===0?s=`${s.replace(/\./g,"")}.00`:p===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 d=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=k(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=k(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 d(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 d(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`
+}`;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),p=`${i.substring(3,6)}-${i.substring(6)}`;a=`(${c}) ${p}`}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 p=c.length>1?c[c.length-1].length:0;p>2?(s=s.replace(/[^\d]/g,""),s=W(s,s.length-2,".")):p>0&&(s=s.replace(/[^\d/.]/g,"")),e&&(p===0?s=`${s.replace(/\./g,"")}.00`:p===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 d=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 d(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 d(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}"

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

@@ -1,4 +1,4 @@
-var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var t=(n,r,e,g)=>{for(var o=g>1?void 0:g?m(r,e):r,p=n.length-1,b;p>=0;p--)(b=n[p])&&(o=(g?b(r,e,o):b(o))||o);return g&&o&&h(r,e,o),o};import{html as d}from"lit";import{property as l}from"lit/decorators.js";import{LitElement as y,html as w}from"lit";import{property as c,state as k}from"lit/decorators.js";import{css as x}from"lit-element/lit-element.js";var u=x`
+var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var t=(n,r,e,g)=>{for(var o=g>1?void 0:g?m(r,e):r,p=n.length-1,b;p>=0;p--)(b=n[p])&&(o=(g?b(r,e,o):b(o))||o);return g&&o&&h(r,e,o),o};import{html as d}from"lit";import{property as l}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;
@@ -14,9 +14,9 @@ var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var t=(n,r,e,g
 
 :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 w`
+}`;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([k()],i.prototype,"_lastWarning",2);import{css as _}from"lit-element/lit-element.js";var f=_`
+    `}};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;

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

@@ -1,4 +1,4 @@
-var b=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(n,i,e,o)=>{for(var r=o>1?void 0:o?h(i,e):i,u=n.length-1,m;u>=0;u--)(m=n[u])&&(r=(o?m(i,e,r):m(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`
+var b=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(n,i,e,o)=>{for(var r=o>1?void 0:o?h(i,e):i,u=n.length-1,c;u>=0;u--)(c=n[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;
@@ -16,6 +16,6 @@ var b=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(n,i,e,o
   outline: 2px solid red !important;
 }`;var l=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 l(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 c=class extends t{constructor(){super(),this.element="layout-component",this.setAttribute("scw-layout-initial","")}render(){return y`
+    `}};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{c as default};
+    `}};export{m as default};

package/dist-node/scw-link-base/ScwLinkBase.js

@@ -1,4 +1,4 @@
-var g=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var i=(l,r,t,a)=>{for(var n=a>1?void 0:a?v(r,t):r,c=l.length-1,d;c>=0;c--)(d=l[c])&&(n=(a?d(r,t,n):d(n))||n);return a&&n&&g(r,t,n),n};import{html as f}from"lit";import{property as b,query as E}from"lit/decorators.js";import{ifDefined as p}from"lit/directives/if-defined.js";import{LitElement as _,html as x}from"lit";import{property as u,state as L}from"lit/decorators.js";import{css as k}from"lit-element/lit-element.js";var h=k`
+var g=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var i=(s,r,t,a)=>{for(var n=a>1?void 0:a?v(r,t):r,c=s.length-1,d;c>=0;c--)(d=s[c])&&(n=(a?d(r,t,n):d(n))||n);return a&&n&&g(r,t,n),n};import{html as f}from"lit";import{property as b,query as E}from"lit/decorators.js";import{ifDefined as p}from"lit/directives/if-defined.js";import{LitElement as _,html as x}from"lit";import{property as u,state as L}from"lit/decorators.js";import{css as k}from"lit-element/lit-element.js";var h=k`
 :host {
   /* scw element */
   position: relative;
@@ -29,7 +29,7 @@ var g=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var i=(l,r,t,a
 .scw-link-base:focus:not(:focus-visible) {
   outline: none;
   box-shadow: none;
-}`;var s=class extends e{constructor(){super();this.element="link-base",this.isLink=!0}static get styles(){return[super.styles,m]}updated(){this.ariaDisabled==="true"?this.addEventListener("click",this.cancelEvent,{capture:!0}):this.removeEventListener("click",this.cancelEvent,{capture:!0})}cancelEvent(t){t.preventDefault(),t.stopImmediatePropagation()}focus(){this.linkAnchor&&this.linkAnchor.focus()}renderLink(t,a){return this.ariaDisabled!=="true"?f`
+}`;var l=class extends e{constructor(){super();this.element="link-base",this.isLink=!0}static get styles(){return[super.styles,m]}updated(){this.ariaDisabled==="true"?this.addEventListener("click",this.cancelEvent,{capture:!0}):this.removeEventListener("click",this.cancelEvent,{capture:!0})}cancelEvent(t){t.preventDefault(),t.stopImmediatePropagation()}focus(){this.linkAnchor&&this.linkAnchor.focus()}renderLink(t,a){return this.ariaDisabled!=="true"?f`
         <a
           class="scw-link-base"
           style="${p(a)}"
@@ -41,4 +41,4 @@ var g=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var i=(l,r,t,a
         <div class="scw-link-base"
           style="${p(a)}">
           ${t}
-        </div>`}render(){return this.renderLink(f`${this._lastWarning?this._lastWarning:this.ariaLabel}`)}};i([b({type:String,reflect:!0})],s.prototype,"href",2),i([b({type:String,reflect:!0})],s.prototype,"target",2),i([E("a.scw-link-base")],s.prototype,"linkAnchor",2);export{s as default};
+        </div>`}render(){return this.renderLink(f`${this._lastWarning?this._lastWarning:this.ariaLabel}`)}};i([b({type:String,reflect:!0})],l.prototype,"href",2),i([b({type:String,reflect:!0})],l.prototype,"target",2),i([E("a.scw-link-base")],l.prototype,"linkAnchor",2);export{l as default};

package/dist-node/scw-link-base/scw-link-base.js

@@ -1,4 +1,4 @@
-var g=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var i=(l,r,t,n)=>{for(var s=n>1?void 0:n?v(r,t):r,c=l.length-1,d;c>=0;c--)(d=l[c])&&(s=(n?d(r,t,s):d(s))||s);return n&&s&&g(r,t,s),s};import{html as f}from"lit";import{property as b,query as O}from"lit/decorators.js";import{ifDefined as p}from"lit/directives/if-defined.js";import{LitElement as _,html as x}from"lit";import{property as u,state as L}from"lit/decorators.js";import{css as k}from"lit-element/lit-element.js";var m=k`
+var g=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var i=(l,r,t,n)=>{for(var s=n>1?void 0:n?v(r,t):r,u=l.length-1,d;u>=0;u--)(d=l[u])&&(s=(n?d(r,t,s):d(s))||s);return n&&s&&g(r,t,s),s};import{html as f}from"lit";import{property as b,query as O}from"lit/decorators.js";import{ifDefined as p}from"lit/directives/if-defined.js";import{LitElement as _,html as x}from"lit";import{property as c,state as L}from"lit/decorators.js";import{css as k}from"lit-element/lit-element.js";var m=k`
 :host {
   /* scw element */
   position: relative;
@@ -16,7 +16,7 @@ var g=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var i=(l,r,t,n
   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 e=class extends _{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 x`
       <slot></slot>
-    `}};e.styles=m,i([u({type:String,reflect:!0,attribute:"aria-label"})],e.prototype,"ariaLabel",2),i([u({type:String,attribute:"aria-disabled"})],e.prototype,"ariaDisabled",2),i([u({type:Boolean,reflect:!0,attribute:"is-link"})],e.prototype,"isLink",2),i([u({type:Boolean})],e.prototype,"dynamic",2),i([u({type:String,reflect:!0})],e.prototype,"element",2),i([L()],e.prototype,"_lastWarning",2);import{css as E}from"lit-element/lit-element.js";var h=E`
+    `}};e.styles=m,i([c({type:String,reflect:!0,attribute:"aria-label"})],e.prototype,"ariaLabel",2),i([c({type:String,attribute:"aria-disabled"})],e.prototype,"ariaDisabled",2),i([c({type:Boolean,reflect:!0,attribute:"is-link"})],e.prototype,"isLink",2),i([c({type:Boolean})],e.prototype,"dynamic",2),i([c({type:String,reflect:!0})],e.prototype,"element",2),i([L()],e.prototype,"_lastWarning",2);import{css as E}from"lit-element/lit-element.js";var h=E`
 .scw-link-base {
   display: block;
   text-decoration: none;

package/dist-node/scw-menu/keyboard/keyboardElements.js

@@ -1 +1 @@
-var o=["menu-item","icon","link","button","BUTTON","A"],E=["menu"];function T(e,t,n){let i=t;if(t||(i=s(e)),i){let u=r(e,i,n,!1,e===i);if(u)u.focus();else{let l=r(e,e,n);l&&l.focus()}}}function s(e){if(document.activeElement&&e.contains(document.activeElement))return document.activeElement}function M(e){let t=s(e);if(t)return r(e,t)}function g(e){let t=s(e);if(t)return r(e,t,"backwards")}function r(e,t,n="forwards",i=!1,u=!0){if(!t)return!1;if(i){if(t.element&&o.includes(t.element)){if(f(t))return t}else if(o.includes(t.nodeName)&&f(t))return t}if(u&&t.children){let a=!0;if(i&&E.includes(t.element)&&(a=!1),a){let d=Array.from(t.children);n==="backwards"&&d.reverse();let c=!1;if(d.find(m=>{let b=r(e,m,n,!0,!0);return b?(c=b,!0):!1}),f(c))return c}}let l=n==="forwards"?t.nextElementSibling:t.previousElementSibling;if(l){let a=r(e,l,n,!0,!0);if(f(a))return a}if(t.parentElement!=e){let a=r(e,t.parentElement,n,!0,!1);if(f(a))return a}return!1}function f(e){return!e||!e.offsetParent||window.getComputedStyle(e).visibility==="hidden"||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false"||e.hasAttribute("disabled")||e.getAttribute("tabindex")==="-1"||e.isLink===!1?!1:e}export{T as default,s as findActiveMenuElement,M as findNextTabbableEle,g as findPrevTabbableEle,r as findTabbableElement,f as isTabbleable};
+var o=["menu-item","icon","link","button","BUTTON","A"],E=["menu"];function T(e,t,n){let i=t;if(t||(i=s(e)),i){let u=r(e,i,n,!1,e===i);if(u)u.focus();else{let l=r(e,e,n);l&&l.focus()}}}function s(e){if(document.activeElement&&e.contains(document.activeElement))return document.activeElement}function k(e){let t=s(e);if(t)return r(e,t)}function M(e){let t=s(e);if(t)return r(e,t,"backwards")}function r(e,t,n="forwards",i=!1,u=!0){if(!t)return!1;if(i){if(t.element&&o.includes(t.element)){if(f(t))return t}else if(o.includes(t.nodeName)&&f(t))return t}if(u&&t.children){let a=!0;if(i&&E.includes(t.element)&&(a=!1),a){let b=Array.from(t.children);n==="backwards"&&b.reverse();let c=!1;if(b.find(m=>{let d=r(e,m,n,!0,!0);return d?(c=d,!0):!1}),f(c))return c}}let l=n==="forwards"?t.nextElementSibling:t.previousElementSibling;if(l){let a=r(e,l,n,!0,!0);if(f(a))return a}if(t.parentElement!=e){let a=r(e,t.parentElement,n,!0,!1);if(f(a))return a}return!1}function f(e){return!e||!e.offsetParent||window.getComputedStyle(e).visibility==="hidden"||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false"||e.hasAttribute("disabled")||e.getAttribute("tabindex")==="-1"||e.isLink===!1?!1:e}export{T as default,s as findActiveMenuElement,k as findNextTabbableEle,M as findPrevTabbableEle,r as findTabbableElement,f as isTabbleable};

package/dist-node/scw-menu/keyboard/scw-menu-keyboard.js

@@ -1 +1 @@
-function c(t,e,n={},i){let s=new CustomEvent(t,{bubbles:!0,cancelable:!1,composed:!0,detail:n,...i});return e.dispatchEvent(s),s}var E=["menu-item","icon","link","button","BUTTON","A"],k=["menu"];function o(t,e,n){let i=e;if(e||(i=b(t)),i){let s=l(t,i,n,!1,t===i);if(s)s.focus();else{let r=l(t,t,n);r&&r.focus()}}}function b(t){if(document.activeElement&&t.contains(document.activeElement))return document.activeElement}function l(t,e,n="forwards",i=!1,s=!0){if(!e)return!1;if(i){if(e.element&&E.includes(e.element)){if(u(e))return e}else if(E.includes(e.nodeName)&&u(e))return e}if(s&&e.children){let a=!0;if(i&&k.includes(e.element)&&(a=!1),a){let d=Array.from(e.children);n==="backwards"&&d.reverse();let f=!1;if(d.find(p=>{let h=l(t,p,n,!0,!0);return h?(f=h,!0):!1}),u(f))return f}}let r=n==="forwards"?e.nextElementSibling:e.previousElementSibling;if(r){let a=l(t,r,n,!0,!0);if(u(a))return a}if(e.parentElement!=t){let a=l(t,e.parentElement,n,!0,!1);if(u(a))return a}return!1}function u(t){return!t||!t.offsetParent||window.getComputedStyle(t).visibility==="hidden"||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"||t.hasAttribute("disabled")||t.getAttribute("tabindex")==="-1"||t.isLink===!1?!1:t}var m=class{constructor(e){this.tabbablelist=["menu-item","icon","link","button","BUTTON","A"];this.ignorelist=["scw-menu"];this.menu=e,this.handleKeydown=this.handleKeydown.bind(this),this.initKeyboard(),this.documentClickHandler=this.documentClickHandler.bind(this)}initKeyboard(){this.menu.addEventListener("focusin",e=>{e.target===this.menu&&this.focusOnNextTabbableElement(this.menu),this.menu.setAttribute("tabindex","-1"),c("scw-app-mode-on",this.menu),this.menu.isSubMenu()&&document.addEventListener("click",this.documentClickHandler)}),this.menu.addEventListener("focusout",e=>{e.relatedTarget&&this.menu.contains(e.relatedTarget)||(this.menu.setAttribute("tabindex","0"),c("scw-app-mode-off",this.menu))}),this.menu.addEventListener("keydown",e=>{this.handleKeydown(e)}),this.menu.addEventListener("click",e=>{this.clickHandler(e)})}documentClickHandler(e){let n=e.target;this.menu.contains(n)||this.closeMenu()}closeMenu(e=!1){if(this.menu.isSubMenu()&&(document.removeEventListener("click",this.documentClickHandler),this.menu.ariaHidden="true",this.menu.setAttribute("aria-hidden","true"),e)){let n=this.menu.previousElementSibling;n&&n.element==="menu-item"&&n.focus()}}clickHandler(e){let n=e.target;n&&n.element==="menu-item"&&(n.focus(),this.toggleSubMenu())}toggleSubMenu(){let e=this.findSubmenu();return e?(e.ariaHidden==="false"?(e.ariaHidden="true",e.setAttribute("aria-hidden","true")):(e.ariaHidden="false",e.setAttribute("aria-hidden","false"),setTimeout(()=>{e.focus()},0)),!0):!1}focusOnNextTabbableElement(e){o(this.menu,e,"forwards")}focusOnPreviousTabbableElement(e){o(this.menu,e,"backwards")}stopEvent(e){e.stopPropagation(),e.preventDefault()}handleKeydown(e){if(this.menu.isSubMenu()&&e.key==="Tab")if(e.shiftKey){this.focusOnPreviousTabbableElement(),this.stopEvent(e);return}else{this.focusOnNextTabbableElement(),this.stopEvent(e);return}switch(e.key){case"ArrowRight":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowDown":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowLeft":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"ArrowUp":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"Escape":this.closeMenu(!0),this.stopEvent(e);break;case"Home":this.focusOnNextTabbableElement(this.menu),this.stopEvent(e);break;case"End":this.focusOnPreviousTabbableElement(this.menu),this.stopEvent(e);break}}findSubmenu(){let e=b(this.menu);if(e){let n=e.nextElementSibling;if(n&&n.element==="menu")return n}}};export{m as default};
+function c(t,e,n={},i){let s=new CustomEvent(t,{bubbles:!0,cancelable:!1,composed:!0,detail:n,...i});return e.dispatchEvent(s),s}var E=["menu-item","icon","link","button","BUTTON","A"],M=["menu"];function o(t,e,n){let i=e;if(e||(i=b(t)),i){let s=l(t,i,n,!1,t===i);if(s)s.focus();else{let r=l(t,t,n);r&&r.focus()}}}function b(t){if(document.activeElement&&t.contains(document.activeElement))return document.activeElement}function l(t,e,n="forwards",i=!1,s=!0){if(!e)return!1;if(i){if(e.element&&E.includes(e.element)){if(u(e))return e}else if(E.includes(e.nodeName)&&u(e))return e}if(s&&e.children){let a=!0;if(i&&M.includes(e.element)&&(a=!1),a){let d=Array.from(e.children);n==="backwards"&&d.reverse();let f=!1;if(d.find(p=>{let h=l(t,p,n,!0,!0);return h?(f=h,!0):!1}),u(f))return f}}let r=n==="forwards"?e.nextElementSibling:e.previousElementSibling;if(r){let a=l(t,r,n,!0,!0);if(u(a))return a}if(e.parentElement!=t){let a=l(t,e.parentElement,n,!0,!1);if(u(a))return a}return!1}function u(t){return!t||!t.offsetParent||window.getComputedStyle(t).visibility==="hidden"||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"||t.hasAttribute("disabled")||t.getAttribute("tabindex")==="-1"||t.isLink===!1?!1:t}var m=class{constructor(e){this.tabbablelist=["menu-item","icon","link","button","BUTTON","A"];this.ignorelist=["scw-menu"];this.menu=e,this.handleKeydown=this.handleKeydown.bind(this),this.initKeyboard(),this.documentClickHandler=this.documentClickHandler.bind(this)}initKeyboard(){this.menu.addEventListener("focusin",e=>{e.target===this.menu&&this.focusOnNextTabbableElement(this.menu),this.menu.setAttribute("tabindex","-1"),c("scw-app-mode-on",this.menu),this.menu.isSubMenu()&&document.addEventListener("click",this.documentClickHandler)}),this.menu.addEventListener("focusout",e=>{e.relatedTarget&&this.menu.contains(e.relatedTarget)||(this.menu.setAttribute("tabindex","0"),c("scw-app-mode-off",this.menu))}),this.menu.addEventListener("keydown",e=>{this.handleKeydown(e)}),this.menu.addEventListener("click",e=>{this.clickHandler(e)})}documentClickHandler(e){let n=e.target;this.menu.contains(n)||this.closeMenu()}closeMenu(e=!1){if(this.menu.isSubMenu()&&(document.removeEventListener("click",this.documentClickHandler),this.menu.ariaHidden="true",this.menu.setAttribute("aria-hidden","true"),e)){let n=this.menu.previousElementSibling;n&&n.element==="menu-item"&&n.focus()}}clickHandler(e){let n=e.target;n&&n.element==="menu-item"&&(n.focus(),this.toggleSubMenu())}toggleSubMenu(){let e=this.findSubmenu();return e?(e.ariaHidden==="false"?(e.ariaHidden="true",e.setAttribute("aria-hidden","true")):(e.ariaHidden="false",e.setAttribute("aria-hidden","false"),setTimeout(()=>{e.focus()},0)),!0):!1}focusOnNextTabbableElement(e){o(this.menu,e,"forwards")}focusOnPreviousTabbableElement(e){o(this.menu,e,"backwards")}stopEvent(e){e.stopPropagation(),e.preventDefault()}handleKeydown(e){if(this.menu.isSubMenu()&&e.key==="Tab")if(e.shiftKey){this.focusOnPreviousTabbableElement(),this.stopEvent(e);return}else{this.focusOnNextTabbableElement(),this.stopEvent(e);return}switch(e.key){case"ArrowRight":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowDown":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowLeft":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"ArrowUp":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"Escape":this.closeMenu(!0),this.stopEvent(e);break;case"Home":this.focusOnNextTabbableElement(this.menu),this.stopEvent(e);break;case"End":this.focusOnPreviousTabbableElement(this.menu),this.stopEvent(e);break}}findSubmenu(){let e=b(this.menu);if(e){let n=e.nextElementSibling;if(n&&n.element==="menu")return n}}};export{m as default};

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

@@ -1,4 +1,4 @@
-var O=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var o=(i,e,t,r)=>{for(var n=r>1?void 0:r?H(e,t):e,u=i.length-1,a;u>=0;u--)(a=i[u])&&(n=(r?a(e,t,n):a(n))||n);return r&&n&&O(e,t,n),n};import{html as P}from"lit";import{property as T}from"lit/decorators.js";import{LitElement as A,html as _}from"lit";import{property as d,state as I}from"lit/decorators.js";import{css as S}from"lit-element/lit-element.js";var k=S`
+var O=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var o=(i,e,t,r)=>{for(var n=r>1?void 0:r?H(e,t):e,u=i.length-1,a;u>=0;u--)(a=i[u])&&(n=(r?a(e,t,n):a(n))||n);return r&&n&&O(e,t,n),n};import{html as P}from"lit";import{property as T}from"lit/decorators.js";import{LitElement as A,html as _}from"lit";import{property as d,state as I}from"lit/decorators.js";import{css as S}from"lit-element/lit-element.js";var w=S`
 :host {
   /* scw element */
   position: relative;
@@ -16,7 +16,7 @@ var O=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var o=(i,e,t,r
   outline: 2px solid red !important;
 }`;var m=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 s=class extends A{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 m(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>
-    `}};s.styles=k,o([d({type:String,reflect:!0,attribute:"aria-label"})],s.prototype,"ariaLabel",2),o([d({type:String,attribute:"aria-disabled"})],s.prototype,"ariaDisabled",2),o([d({type:Boolean,reflect:!0,attribute:"is-link"})],s.prototype,"isLink",2),o([d({type:Boolean})],s.prototype,"dynamic",2),o([d({type:String,reflect:!0})],s.prototype,"element",2),o([I()],s.prototype,"_lastWarning",2);import{css as D}from"lit-element/lit-element.js";var x=D`
+    `}};s.styles=w,o([d({type:String,reflect:!0,attribute:"aria-label"})],s.prototype,"ariaLabel",2),o([d({type:String,attribute:"aria-disabled"})],s.prototype,"ariaDisabled",2),o([d({type:Boolean,reflect:!0,attribute:"is-link"})],s.prototype,"isLink",2),o([d({type:Boolean})],s.prototype,"dynamic",2),o([d({type:String,reflect:!0})],s.prototype,"element",2),o([I()],s.prototype,"_lastWarning",2);import{css as D}from"lit-element/lit-element.js";var x=D`
 :host {
   /* scw element */
   position: relative;
@@ -50,7 +50,7 @@ var O=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var o=(i,e,t,r
   white-space: nowrap;
   width: 1px;
   margin: 0 !important;
-}`;function v(i,e,t={},r){let n=new CustomEvent(i,{bubbles:!0,cancelable:!1,composed:!0,detail:t,...r});return e.dispatchEvent(n),n}var y=["menu-item","icon","link","button","BUTTON","A"],N=["menu"];function h(i,e,t){let r=e;if(e||(r=E(i)),r){let n=b(i,r,t,!1,i===r);if(n)n.focus();else{let u=b(i,i,t);u&&u.focus()}}}function E(i){if(document.activeElement&&i.contains(document.activeElement))return document.activeElement}function b(i,e,t="forwards",r=!1,n=!0){if(!e)return!1;if(r){if(e.element&&y.includes(e.element)){if(c(e))return e}else if(y.includes(e.nodeName)&&c(e))return e}if(n&&e.children){let a=!0;if(r&&N.includes(e.element)&&(a=!1),a){let M=Array.from(e.children);t==="backwards"&&M.reverse();let p=!1;if(M.find(L=>{let w=b(i,L,t,!0,!0);return w?(p=w,!0):!1}),c(p))return p}}let u=t==="forwards"?e.nextElementSibling:e.previousElementSibling;if(u){let a=b(i,u,t,!0,!0);if(c(a))return a}if(e.parentElement!=i){let a=b(i,e.parentElement,t,!0,!1);if(c(a))return a}return!1}function c(i){return!i||!i.offsetParent||window.getComputedStyle(i).visibility==="hidden"||i.hasAttribute("aria-disabled")&&i.getAttribute("aria-disabled")!=="false"||i.hasAttribute("disabled")||i.getAttribute("tabindex")==="-1"||i.isLink===!1?!1:i}var f=class{constructor(e){this.tabbablelist=["menu-item","icon","link","button","BUTTON","A"];this.ignorelist=["scw-menu"];this.menu=e,this.handleKeydown=this.handleKeydown.bind(this),this.initKeyboard(),this.documentClickHandler=this.documentClickHandler.bind(this)}initKeyboard(){this.menu.addEventListener("focusin",e=>{e.target===this.menu&&this.focusOnNextTabbableElement(this.menu),this.menu.setAttribute("tabindex","-1"),v("scw-app-mode-on",this.menu),this.menu.isSubMenu()&&document.addEventListener("click",this.documentClickHandler)}),this.menu.addEventListener("focusout",e=>{e.relatedTarget&&this.menu.contains(e.relatedTarget)||(this.menu.setAttribute("tabindex","0"),v("scw-app-mode-off",this.menu))}),this.menu.addEventListener("keydown",e=>{this.handleKeydown(e)}),this.menu.addEventListener("click",e=>{this.clickHandler(e)})}documentClickHandler(e){let t=e.target;this.menu.contains(t)||this.closeMenu()}closeMenu(e=!1){if(this.menu.isSubMenu()&&(document.removeEventListener("click",this.documentClickHandler),this.menu.ariaHidden="true",this.menu.setAttribute("aria-hidden","true"),e)){let t=this.menu.previousElementSibling;t&&t.element==="menu-item"&&t.focus()}}clickHandler(e){let t=e.target;t&&t.element==="menu-item"&&(t.focus(),this.toggleSubMenu())}toggleSubMenu(){let e=this.findSubmenu();return e?(e.ariaHidden==="false"?(e.ariaHidden="true",e.setAttribute("aria-hidden","true")):(e.ariaHidden="false",e.setAttribute("aria-hidden","false"),setTimeout(()=>{e.focus()},0)),!0):!1}focusOnNextTabbableElement(e){h(this.menu,e,"forwards")}focusOnPreviousTabbableElement(e){h(this.menu,e,"backwards")}stopEvent(e){e.stopPropagation(),e.preventDefault()}handleKeydown(e){if(this.menu.isSubMenu()&&e.key==="Tab")if(e.shiftKey){this.focusOnPreviousTabbableElement(),this.stopEvent(e);return}else{this.focusOnNextTabbableElement(),this.stopEvent(e);return}switch(e.key){case"ArrowRight":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowDown":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowLeft":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"ArrowUp":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"Escape":this.closeMenu(!0),this.stopEvent(e);break;case"Home":this.focusOnNextTabbableElement(this.menu),this.stopEvent(e);break;case"End":this.focusOnPreviousTabbableElement(this.menu),this.stopEvent(e);break}}findSubmenu(){let e=E(this.menu);if(e){let t=e.nextElementSibling;if(t&&t.element==="menu")return t}}};var l=class extends s{constructor(){super();this.ariaHidden="false";this.keyboardDirection="either";this.element="menu",this.setAttribute("tabindex","0"),this.setAttribute("scw-flex-h-initial","")}static get styles(){return[super.styles,x]}firstUpdated(t){super.firstUpdated(t),this._keyboardManager=new f(this)}connectedCallback(){super.connectedCallback(),this._menuItem=this.findMenuItem(),this._menuItem&&this._menuItem.setAttribute("aria-expanded","false"),this.setAttribute("role",this.isSubMenu()?"menu":"menubar")}findMenuItem(){let t=this.previousElementSibling;if(t&&t.nodeName.indexOf("SCW-MENU-ITEM")===0)return t}isSubMenu(){return this._menuItem!==void 0}render(){return this.style&&(this.style.display=this.ariaHidden==="true"?"none":""),this.isSubMenu()&&this._menuItem&&this._menuItem.setAttribute("aria-expanded",this.ariaHidden==="true"?"false":"true"),P`
+}`;function v(i,e,t={},r){let n=new CustomEvent(i,{bubbles:!0,cancelable:!1,composed:!0,detail:t,...r});return e.dispatchEvent(n),n}var y=["menu-item","icon","link","button","BUTTON","A"],N=["menu"];function h(i,e,t){let r=e;if(e||(r=E(i)),r){let n=b(i,r,t,!1,i===r);if(n)n.focus();else{let u=b(i,i,t);u&&u.focus()}}}function E(i){if(document.activeElement&&i.contains(document.activeElement))return document.activeElement}function b(i,e,t="forwards",r=!1,n=!0){if(!e)return!1;if(r){if(e.element&&y.includes(e.element)){if(c(e))return e}else if(y.includes(e.nodeName)&&c(e))return e}if(n&&e.children){let a=!0;if(r&&N.includes(e.element)&&(a=!1),a){let M=Array.from(e.children);t==="backwards"&&M.reverse();let p=!1;if(M.find(L=>{let k=b(i,L,t,!0,!0);return k?(p=k,!0):!1}),c(p))return p}}let u=t==="forwards"?e.nextElementSibling:e.previousElementSibling;if(u){let a=b(i,u,t,!0,!0);if(c(a))return a}if(e.parentElement!=i){let a=b(i,e.parentElement,t,!0,!1);if(c(a))return a}return!1}function c(i){return!i||!i.offsetParent||window.getComputedStyle(i).visibility==="hidden"||i.hasAttribute("aria-disabled")&&i.getAttribute("aria-disabled")!=="false"||i.hasAttribute("disabled")||i.getAttribute("tabindex")==="-1"||i.isLink===!1?!1:i}var f=class{constructor(e){this.tabbablelist=["menu-item","icon","link","button","BUTTON","A"];this.ignorelist=["scw-menu"];this.menu=e,this.handleKeydown=this.handleKeydown.bind(this),this.initKeyboard(),this.documentClickHandler=this.documentClickHandler.bind(this)}initKeyboard(){this.menu.addEventListener("focusin",e=>{e.target===this.menu&&this.focusOnNextTabbableElement(this.menu),this.menu.setAttribute("tabindex","-1"),v("scw-app-mode-on",this.menu),this.menu.isSubMenu()&&document.addEventListener("click",this.documentClickHandler)}),this.menu.addEventListener("focusout",e=>{e.relatedTarget&&this.menu.contains(e.relatedTarget)||(this.menu.setAttribute("tabindex","0"),v("scw-app-mode-off",this.menu))}),this.menu.addEventListener("keydown",e=>{this.handleKeydown(e)}),this.menu.addEventListener("click",e=>{this.clickHandler(e)})}documentClickHandler(e){let t=e.target;this.menu.contains(t)||this.closeMenu()}closeMenu(e=!1){if(this.menu.isSubMenu()&&(document.removeEventListener("click",this.documentClickHandler),this.menu.ariaHidden="true",this.menu.setAttribute("aria-hidden","true"),e)){let t=this.menu.previousElementSibling;t&&t.element==="menu-item"&&t.focus()}}clickHandler(e){let t=e.target;t&&t.element==="menu-item"&&(t.focus(),this.toggleSubMenu())}toggleSubMenu(){let e=this.findSubmenu();return e?(e.ariaHidden==="false"?(e.ariaHidden="true",e.setAttribute("aria-hidden","true")):(e.ariaHidden="false",e.setAttribute("aria-hidden","false"),setTimeout(()=>{e.focus()},0)),!0):!1}focusOnNextTabbableElement(e){h(this.menu,e,"forwards")}focusOnPreviousTabbableElement(e){h(this.menu,e,"backwards")}stopEvent(e){e.stopPropagation(),e.preventDefault()}handleKeydown(e){if(this.menu.isSubMenu()&&e.key==="Tab")if(e.shiftKey){this.focusOnPreviousTabbableElement(),this.stopEvent(e);return}else{this.focusOnNextTabbableElement(),this.stopEvent(e);return}switch(e.key){case"ArrowRight":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowDown":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowLeft":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"ArrowUp":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"Escape":this.closeMenu(!0),this.stopEvent(e);break;case"Home":this.focusOnNextTabbableElement(this.menu),this.stopEvent(e);break;case"End":this.focusOnPreviousTabbableElement(this.menu),this.stopEvent(e);break}}findSubmenu(){let e=E(this.menu);if(e){let t=e.nextElementSibling;if(t&&t.element==="menu")return t}}};var l=class extends s{constructor(){super();this.ariaHidden="false";this.keyboardDirection="either";this.element="menu",this.setAttribute("tabindex","0"),this.setAttribute("scw-flex-h-initial","")}static get styles(){return[super.styles,x]}firstUpdated(t){super.firstUpdated(t),this._keyboardManager=new f(this)}connectedCallback(){super.connectedCallback(),this._menuItem=this.findMenuItem(),this._menuItem&&this._menuItem.setAttribute("aria-expanded","false"),this.setAttribute("role",this.isSubMenu()?"menu":"menubar")}findMenuItem(){let t=this.previousElementSibling;if(t&&t.nodeName.indexOf("SCW-MENU-ITEM")===0)return t}isSubMenu(){return this._menuItem!==void 0}render(){return this.style&&(this.style.display=this.ariaHidden==="true"?"none":""),this.isSubMenu()&&this._menuItem&&this._menuItem.setAttribute("aria-expanded",this.ariaHidden==="true"?"false":"true"),P`
       <nav
         aria-label="${this.ariaLabel} navigation"
         role="${this.isSubMenu()?"menu":"menubar"}">