scu-web-components 0.0.75 → 0.0.77

package/dist/chunks/chunk.DN377PHI.js

@@ -0,0 +1,226 @@
+import{a as n}from"./chunk.6ZEYGAU4.js";import{a as s,b as a}from"./chunk.5MDLYG3I.js";import{a as o}from"./chunk.G2G2TPJK.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var c=s`
+:host([design=main]) {
+  outline: none;
+  background-color: rgba(0, 0, 0, 0);
+  padding-left: var(--scw-spacing-1);
+  padding-right: var(--scw-spacing-1);
+  padding-top: calc(var(--scw-spacing-1) * 0.8);
+  padding-bottom: var(--scw-spacing-1);
+  display: inline-flex;
+}
+:host([design=main]) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-07-font);
+  color: var(--scw-color-grey-02);
+}
+
+:host([inherit]) .label {
+  font: inherit;
+}
+
+:host([design=main]:focus-visible) {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 4px 4px 4px 4px;
+  box-shadow: var(--scw-effect-focus-shadow);
+  padding-left: var(--scw-spacing-1);
+  padding-right: var(--scw-spacing-1);
+  padding-top: calc(var(--scw-spacing-1) * 0.8);
+  padding-bottom: var(--scw-spacing-1);
+}
+:host([design=main]:focus-visible) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-07-font);
+  color: var(--scw-color-grey-02);
+}
+
+:host([inherit]:focus-visible) .label {
+  font: inherit;
+}
+
+:host([design=main]:hover) {
+  background-color: rgba(0, 0, 0, 0);
+  padding-left: var(--scw-spacing-1);
+  padding-right: var(--scw-spacing-1);
+  padding-top: calc(var(--scw-spacing-1) * 0.8);
+  padding-bottom: var(--scw-spacing-1);
+  cursor: pointer;
+}
+:host([design=main]:hover) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-07-font);
+  color: var(--scw-color-primary-03);
+}
+
+:host([inherit]:hover) .label {
+  font: inherit;
+}
+
+:host([design=main][aria-selected=true]) {
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: var(--scw-spacing-1);
+  padding-right: var(--scw-spacing-1);
+  padding-top: calc(var(--scw-spacing-1) * 0.8);
+  padding-bottom: 0px;
+}
+:host([design=main][aria-selected=true]) > *:not(:last-child) {
+  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
+  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
+}
+:host([design=main][aria-selected=true]) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-07-font);
+  color: var(--scw-color-grey-02);
+  align-self: stretch;
+  flex: 1;
+}
+:host([design=main][aria-selected=true]) .selected {
+  background-color: var(--scw-color-primary-03);
+  align-self: stretch;
+  height: 2px;
+}
+
+:host([inherit] [aria-selected=true]) .label {
+  font: inherit;
+}
+
+:host([design=main][aria-disabled=true]) {
+  background-color: rgba(0, 0, 0, 0);
+  padding-left: var(--scw-spacing-1);
+  padding-right: var(--scw-spacing-1);
+  padding-top: calc(var(--scw-spacing-1) * 0.8);
+  padding-bottom: var(--scw-spacing-1);
+  cursor: auto;
+  pointer-events: none;
+}
+:host([design=main][aria-disabled=true]) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-07-font);
+  color: var(--scw-color-grey-08);
+}
+:host([design=main][aria-disabled=true]) .icon svg {
+  fill: var(--scw-color-grey-08);
+}
+:host([design=main][aria-disabled=true]) .icon svg * {
+  fill: var(--scw-color-grey-08);
+}
+
+:host([inherit] [aria-disabled=true]) .label {
+  font: inherit;
+}
+
+:host([design=utility]) .scw-link-base {
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: var(--scw-spacing-1);
+  padding-right: var(--scw-spacing-1);
+  padding-top: 0px;
+  padding-bottom: 0px;
+  display: inline-flex;
+}
+:host([design=utility]) .scw-link-base > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.4);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
+}
+:host([design=utility]) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-02);
+  min-height: 24px;
+}
+:host([design=utility]) .icon {
+  width: 24px;
+  height: 24px;
+}
+:host([design=utility]) .icon svg {
+  box-sizing: border-box;
+  vertical-align: top;
+  width: 100%;
+  height: 100%;
+  fill: var(--scw-color-grey-02);
+}
+:host([design=utility]) .icon svg * {
+  fill: var(--scw-color-grey-02);
+}
+
+:host([design=utility]:focus-visible) {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 4px 4px 4px 4px;
+  box-shadow: var(--scw-effect-focus-shadow);
+}
+:host([design=utility]:focus-visible) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-02);
+}
+:host([design=utility]:focus-visible) .icon svg {
+  fill: var(--scw-color-grey-02);
+}
+:host([design=utility]:focus-visible) .icon svg * {
+  fill: var(--scw-color-grey-02);
+}
+
+:host([design=utility]:hover) {
+  background-color: rgba(0, 0, 0, 0);
+  cursor: pointer;
+}
+:host([design=utility]:hover) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-primary-03);
+}
+:host([design=utility]:hover) .icon svg {
+  fill: var(--scw-color-primary-04);
+}
+:host([design=utility]:hover) .icon svg * {
+  fill: var(--scw-color-primary-04);
+}
+
+:host([design=utility][aria-selected=true]) {
+  background-color: rgba(0, 0, 0, 0);
+  cursor: pointer;
+}
+:host([design=utility][aria-selected=true]) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-primary-03);
+}
+:host([design=utility][aria-selected=true]) .icon svg {
+  fill: var(--scw-color-primary);
+}
+:host([design=utility][aria-selected=true]) .icon svg * {
+  fill: var(--scw-color-primary);
+}
+
+:host([design=utility][aria-disabled=true]) {
+  cursor: auto;
+  pointer-events: none;
+  background-color: rgba(0, 0, 0, 0);
+}
+:host([design=utility][aria-disabled=true]) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-07);
+}
+:host([design=utility][aria-disabled=true]) .icon svg {
+  fill: var(--scw-color-grey-07);
+}
+:host([design=utility][aria-disabled=true]) .icon svg * {
+  fill: var(--scw-color-grey-07);
+}
+
+:host {
+  white-space: nowrap;
+}
+:host .label {
+  white-space: nowrap;
+}`;var e=(t=>(t.main="main",t.utility="utility",t))(e||{});var i=class extends n{constructor(){super();this.ariaSelected="false";this.element="menu-item",this.setAttribute("role","menuitem")}static get styles(){return[super.styles,c]}hasPopup(){let t=this.nextElementSibling;return!!(t&&t.nodeName.indexOf("SCW-MENU")===0)}doShowIcon(){return!!(super.doShowIcon()&&this.design!=="main")}validDesigns(){return{...super.validDesigns(),...e}}connectedCallback(){super.connectedCallback(),this.hasPopup()&&this.setAttribute("aria-haspopup","true")}renderContent(){return this.design==="main"&&this.ariaSelected==="true"?(this.setAttribute("aria-current","page"),o`
+          <div>${super.renderContent()}</div>
+          <div class="selected"></div>
+        `):(this.removeAttribute("aria-current"),super.renderContent())}render(){return this.renderLink(this.renderContent())}};r([a({type:String,attribute:"aria-selected"})],i.prototype,"ariaSelected",2);export{i as a};

package/dist/chunks/chunk.DPXW5M4S.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.6ZEYGAU4.js";import{a as r}from"./chunk.WKH73SBC.js";import{b as i}from"./chunk.5MDLYG3I.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var t=class extends m{constructor(){super();this.submitType="submit";this.element="button",this.href="javascript:"}connectedCallback(){super.connectedCallback(),this.addEventListener("click",()=>{this.submitType==="submit"&&r("scw-submit-intent",this)})}};e([i({type:String,reflect:!0,attribute:"submit-type"})],t.prototype,"submitType",2);export{t as a};

package/dist/chunks/chunk.E3PTJLTX.js

@@ -0,0 +1,57 @@
+import{a as t,b as o,f as s}from"./chunk.5MDLYG3I.js";import{a as r}from"./chunk.G2G2TPJK.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var h=t`
+a.scw-link-base h1:hover, a.scw-link-base h2:hover, a.scw-link-base h3:hover, a.scw-link-base h4:hover, a.scw-link-base h5:hover {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+a.scw-link-base[aria-disabled=true] h1, a.scw-link-base[aria-disabled=true] h2, a.scw-link-base[aria-disabled=true] h3, a.scw-link-base[aria-disabled=true] h4, a.scw-link-base[aria-disabled=true] h5,
+:host([anchor][aria-disabled=true]) h1,
+:host([anchor][aria-disabled=true]) h2,
+:host([anchor][aria-disabled=true]) h3,
+:host([anchor][aria-disabled=true]) h4,
+:host([anchor][aria-disabled=true]) h5 {
+  color: var(--scw-color-primary-08);
+}
+a.scw-link-base[aria-disabled=true] h1:hover, a.scw-link-base[aria-disabled=true] h2:hover, a.scw-link-base[aria-disabled=true] h3:hover, a.scw-link-base[aria-disabled=true] h4:hover, a.scw-link-base[aria-disabled=true] h5:hover,
+:host([anchor][aria-disabled=true]) h1:hover,
+:host([anchor][aria-disabled=true]) h2:hover,
+:host([anchor][aria-disabled=true]) h3:hover,
+:host([anchor][aria-disabled=true]) h4:hover,
+:host([anchor][aria-disabled=true]) h5:hover {
+  cursor: auto;
+  text-decoration: initial;
+}
+
+:host a {
+  text-decoration: none;
+}
+:host h1 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-10-font);
+  color: var(--scw-color-primary);
+}
+:host h2 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-09-font);
+  color: var(--scw-color-primary);
+}
+:host h3 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-08-font);
+  color: var(--scw-color-grey-02);
+}
+:host h4 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-07-font);
+  color: var(--scw-color-grey-02);
+}
+:host h5 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-02);
+}
+:host h1, :host h2, :host h3, :host h4, :host h5 {
+  margin: 0;
+  padding: 0;
+  color: var(--scw-color-04, var(--scw-color-grey-02));
+}`;var a=class extends s{constructor(){super();this.size="H1";this.element="heading"}static get styles(){return[super.styles,h]}renderHeading(){switch(this.size.toUpperCase()){case"H5":return r`<h5>${this.ariaLabel}</h5>`;case"H4":return r`<h4>${this.ariaLabel}</h4>`;case"H3":return r`<h3>${this.ariaLabel}</h3>`;case"H2":return r`<h2>${this.ariaLabel}</h2>`;case"H1":default:return r`<h1>${this.ariaLabel}</h1>`}}render(){return this.renderHeading()}};e([o({type:String,reflect:!0})],a.prototype,"size",2);export{a};

package/dist/chunks/chunk.HMHIBHLM.js

@@ -0,0 +1,16 @@
+import{a as b,b as g,c as x}from"./chunk.W4CRIA2R.js";import{a as h}from"./chunk.NBAHMDHF.js";import{c as f,e as w,f as y}from"./chunk.G2G2TPJK.js";var{D:A,R:v,V:R,I:u,B:T}=w,E=(l,i,a={})=>{if(i._$litPart$!==void 0)throw Error("container already contains a live render");let n,r,s,t=[],e=document.createTreeWalker(i,NodeFilter.SHOW_COMMENT,null,!1),o;for(;(o=e.nextNode())!==null;){let c=o.data;if(c.startsWith("lit-part")){if(t.length===0&&n!==void 0)throw Error(`There must be only one root part per container. Found a part marker (${o}) when we already have a root part marker (${r})`);s=S(l,o,t,a),n!=null||(n=s),r!=null||(r=o)}else if(c.startsWith("lit-node"))C(o,t,a);else if(c.startsWith("/lit-part")){if(t.length===1&&s!==n)throw Error("internal error");s=I(o,s,t)}}if(n===void 0){let c=i instanceof ShadowRoot?"{container.host.localName}'s shadow root":i instanceof DocumentFragment?"DocumentFragment":i.localName;console.error(`There should be exactly one root part in a render container, but we didn't find any in ${c}.`)}i._$litPart$=n},S=(l,i,a,n)=>{let r,s;if(a.length===0)s=new u(i,null,void 0,n),r=l;else{let t=a[a.length-1];if(t.type==="template-instance")s=new u(i,null,t.instance,n),t.instance.u.push(s),r=t.result.values[t.instancePartIndex++],t.templatePartIndex++;else if(t.type==="iterable"){s=new u(i,null,t.part,n);let e=t.iterator.next();if(e.done)throw r=void 0,t.done=!0,Error("Unhandled shorter than expected iterable");r=e.value,t.part._$AH.push(s)}else s=new u(i,null,t.part,n)}if(r=R(s,r),r===f)a.push({part:s,type:"leaf"});else if(b(r))a.push({part:s,type:"leaf"}),s._$AH=r;else if(g(r)){let t="lit-part "+P(r);if(i.data!==t)throw Error("Hydration value mismatch: Unexpected TemplateResult rendered to part");{let e=u.prototype._$AC(r),o=new A(e,s);a.push({type:"template-instance",instance:o,part:s,templatePartIndex:0,instancePartIndex:0,result:r}),s._$AH=o}}else v(r)?(a.push({part:s,type:"iterable",value:r,iterator:r[Symbol.iterator](),done:!1}),s._$AH=[]):(a.push({part:s,type:"leaf"}),s._$AH=r==null?"":r);return s},I=(l,i,a)=>{if(i===void 0)throw Error("unbalanced part marker");i._$AB=l;let n=a.pop();if(n.type==="iterable"&&!n.iterator.next().done)throw Error("unexpected longer than expected iterable");if(a.length>0)return a[a.length-1].part},C=(l,i,a)=>{let n=/lit-node (\d+)/.exec(l.data),r=parseInt(n[1]),s=l.nextElementSibling;if(s===null)throw Error("could not find node for attribute parts");s.removeAttribute("defer-hydration");let t=i[i.length-1];if(t.type!=="template-instance")throw Error("internal error");{let e=t.instance;for(;;){let o=e._$AD.parts[t.templatePartIndex];if(o===void 0||o.type!==h.ATTRIBUTE&&o.type!==h.ELEMENT||o.index!==r)break;if(o.type===h.ATTRIBUTE){let c=new o.ctor(s,o.name,o.strings,t.instance,a),p=x(c)?t.result.values[t.instancePartIndex]:t.result.values,m=!(c.type===h.EVENT||c.type===h.PROPERTY);c._$AI(p,c,t.instancePartIndex,m),t.instancePartIndex+=o.strings.length-1,e.u.push(c)}else{let c=new T(s,t.instance,a);R(c,t.result.values[t.instancePartIndex++]),e.u.push(c)}t.templatePartIndex++}}},P=l=>{let i=new Uint32Array(2).fill(5381);for(let n of l.strings)for(let r=0;r<n.length;r++)i[r%2]=33*i[r%2]^n.charCodeAt(r);let a=String.fromCharCode(...new Uint8Array(i.buffer));return btoa(a)};var d="hydrate-internals-";var M=class{constructor(){this.__definitions=new Map}define(i,a){var n;if(this.__definitions.has(i))throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the name "${i}" has already been used with this registry`);this.__definitions.set(i,{ctor:a,observedAttributes:(n=a.observedAttributes)!=null?n:[]})}get(i){let a=this.__definitions.get(i);return a==null?void 0:a.ctor}},k=M;var j=new k;globalThis.litElementHydrateSupport=({LitElement:l})=>{let i=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(l),"observedAttributes").get;Object.defineProperty(l,"observedAttributes",{get(){return[...i.call(this),"defer-hydration"]}});let a=l.prototype.attributeChangedCallback;l.prototype.attributeChangedCallback=function(t,e,o){t==="defer-hydration"&&o===null&&n.call(this),a.call(this,t,e,o)};let n=l.prototype.connectedCallback;l.prototype.connectedCallback=function(){this.hasAttribute("defer-hydration")||n.call(this)};let r=l.prototype.createRenderRoot;l.prototype.createRenderRoot=function(){return this.shadowRoot?(this._$AG=!0,this.shadowRoot):r.call(this)};let s=Object.getPrototypeOf(l.prototype).update;l.prototype.update=function(t){let e=this.render();if(s.call(this,t),this._$AG){this._$AG=!1;for(let o=0;o<this.attributes.length;o++){let c=this.attributes[o];if(c.name.startsWith(d)){let p=c.name.slice(d.length);this.removeAttribute(p),this.removeAttribute(c.name)}}E(e,this.renderRoot,this.renderOptions)}else y(e,this.renderRoot,this.renderOptions)}};var _={},$;async function J(l={}){let{components:i=!1,suffix:a=!1}=l;$={suffix:a};let n=!i,r=a?`-${a}`:"",s=[];function t(o,c){s.push((async()=>{let p=`${o}${r}`;if(!_[p]){_[p]=!0;try{customElements.define(p,(await c).default)}catch(m){console.error(p,m)}}})())}function e(o){if(n)return!0;if(Array.isArray(i))return i?i.includes(o):!1}return e("scw-component")&&t("scw-component",import("./ScwComponent.EQCA4QO2.js")),e("scw-form-component")&&t("scw-form-component",import("./scw-form-component.GAANTAA6.js")),e("scw-card")&&t("scw-card",import("./ScwCard.NU6FMYT3.js")),e("scw-input-field")&&t("scw-input-field",import("./scw-input-field.QSNADO3Z.js")),e("scw-input-layout")&&t("scw-input-layout",import("./scw-input-layout.5QALLGUB.js")),e("scw-input")&&t("scw-input",import("./scw-input.F7JJK642.js")),e("scw-single-input")&&t("scw-single-input",import("./scw-single-input.QG2XR6QW.js")),e("scw-single-input-layout")&&t("scw-single-input-layout",import("./scw-single-input-layout.BBIWF5KW.js")),e("scw-form")&&t("scw-form",import("./scw-form.EFQ2Q4AY.js")),e("scw-validation")&&t("scw-validation",import("./scw-validation.45PGUDEI.js")),e("scw-validate")&&t("scw-validate",import("./scw-validate.A2BXZYN6.js")),e("scw-textarea")&&t("scw-textarea",import("./scw-textarea.HXPW3ESJ.js")),e("scw-select")&&t("scw-select",import("./scw-select.ZC5FE4QF.js")),e("scw-link")&&t("scw-link",import("./ScwLink.O6OTLEFY.js")),e("scw-button")&&t("scw-button",import("./ScwButton.QG2YDDKO.js")),e("scw-menu")&&t("scw-menu",import("./ScwMenu.YHBZ3WUP.js")),e("scw-menu-item")&&t("scw-menu-item",import("./ScwMenuItem.CUCY36WC.js")),e("scw-icon")&&t("scw-icon",import("./ScwIcon.WHDV3BSV.js")),e("scw-heading")&&t("scw-heading",import("./ScwHeading.2TZHKDFI.js")),e("scw-image")&&t("scw-image",import("./ScwImage.NPR2UUYH.js")),e("scw-page-alert")&&t("scw-page-alert",import("./scw-page-alert.2Y2AOIGO.js")),e("scw-link-base")&&t("scw-link-base",import("./ScwLinkBase.AUTM5M3R.js")),e("scw-alert")&&t("scw-alert",import("./ScwAlert.4UVEMWPX.js")),e("scw-stepper")&&t("scw-stepper",import("./ScwStepper.GYV5ONTI.js")),e("scw-rich-text")&&t("scw-rich-text",import("./ScwRichText.K35OLXOT.js")),e("scw-slider")&&t("scw-slider",import("./ScwSlider.DLQK6DLG.js")),e("scw-slider-item")&&t("scw-slider-item",import("./ScwSliderItem.O44KIDOX.js")),e("scw-block")&&t("scw-block",import("./ScwBlock.QUE6K7IO.js")),e("scw-icon-feature")&&t("scw-icon-feature",import("./ScwIconFeature.HV45L7LR.js")),e("scw-accordion")&&t("scw-accordion",import("./ScwAccordion.JKYRQBI5.js")),e("scw-callout")&&t("scw-callout",import("./ScwCallout.GK47NUR2.js")),e("scw-link-v2")&&t("scw-link-v2",import("./ScwLinkV2.4S7ZYFJE.js")),Promise.all(s)}export{$ as a,J as b};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */

package/dist/chunks/chunk.HZLY2XEI.js

@@ -0,0 +1,83 @@
+import{a as p,d as u}from"./chunk.IXID3B4Y.js";import{a as d,b as s}from"./chunk.K5LAHA72.js";import{a as f}from"./chunk.UXNK7KZZ.js";import{a as o}from"./chunk.WKH73SBC.js";import{a as n,b as l,c}from"./chunk.5MDLYG3I.js";import{f as i}from"./chunk.PE5ZEEQ2.js";var h=n`
+:host {
+  display: block;
+}
+
+.input-field {
+  width: 100%;
+  position: relative;
+}
+.input-field .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));
+  z-index: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.input-field .placeholder[scw-hide] {
+  display: none;
+}
+.input-field select {
+  text-align: LEFT;
+  font: var(--scw-type-text-04-font);
+  color: var(--scw-color-grey-02);
+  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));
+  width: calc( 100% - calc(var(--scw-spacing-1) * 1.5) );
+  min-height: var(--scw-min-height, 32px);
+  box-sizing: border-box;
+  border: 0;
+  background-color: rgba(0, 0, 0, 0);
+  z-index: 2;
+  position: relative;
+}
+.input-field select:focus {
+  outline: none;
+}
+
+:host([aria-disabled=true]) textarea {
+  text-align: LEFT;
+  font: var(--scw-type-text-04-font);
+  color: var(--scw-color-grey-07);
+  flex: 1;
+}`;var e=class extends u{constructor(){super();this._options=[];this.type="text";this.element="input";let t=p();this.scwInputLayout=d(`scw-${"input-layout"}${t}`),this.processOptions()}static get styles(){return[super.styles,h]}connectedCallback(){super.connectedCallback()}domMutated(){super.domMutated(),this.processOptions()}processOptions(){let t=this.querySelectorAll(":scope > option"),v=Array.from(t).map(a=>{let r=a.value;return s`
+          <option
+            value=${r}
+            ?selected=${r===this.value}>
+            ${a.textContent}
+          </option>`});this._options=[s`
+      <option
+        value=""
+        ?selected=${this.value===""}>
+      </option>`,...v]}_focusHandler(){this.focused=!0}_blurHandler(){this.focused=!1,this.validate()}_valueChangeHandler(t){t.target&&(this.value=t.target.value,o("scw-value-change",this))}checkForSubmit(t){t.key==="Enter"&&o("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}>
+        <div 
+          class="input-field">
+          <select
+            ?readonly=${this.readOnly}
+            @keyup=${this.checkForSubmit}
+            @focus=${this._focusHandler}
+            @blur=${this._blurHandler}
+            @change=${this._valueChangeHandler}>
+            ${this._options}
+          </select>
+          <div 
+            class="placeholder"
+            ?scw-hide=${!!this.value}>
+            ${this.placeholder}
+          </div>
+        </div>
+      </${this.scwInputLayout}>
+      <slot name="validation"></slot>
+    `}};i([c()],e.prototype,"_options",2),i([l({type:f})],e.prototype,"type",2);export{e as a};

package/dist/chunks/chunk.I3HH4XH2.js

@@ -0,0 +1,12 @@
+import{a as m}from"./chunk.VIF6YT55.js";import{a as d}from"./chunk.QHUZYUAT.js";import{a,b as n,f as u}from"./chunk.5MDLYG3I.js";import{a as s}from"./chunk.G2G2TPJK.js";import{f as l}from"./chunk.PE5ZEEQ2.js";var c=a`
+:host {
+  display: block;
+}`;var o=class extends u{constructor(){super();this.value="";this.element="validation"}static get styles(){return[super.styles,c]}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","validation")}valueHandler(){this.validate(this.value)}validate(t){let r=this.getValidationRules(),e=[];return r.map(i=>{i.validate(t,e)}),e}isRequired(){let t=this.getValidationRules(),r=!1;return t.find(e=>e.type==="required"?(r=!0,!0):!1),r}getValidationRules(){let t=[];return Array.from(this.children).map(e=>{let i=e;i.element&&i.element==="validate"&&t.push(i)}),t}render(){return m(this,"--debug")?s`
+        <div 
+          id="root">
+          <div>
+            Validation
+          </div>
+          <slot></slot>
+        </div>
+      `:s``}};l([n({type:String})],o.prototype,"value",2),l([d("value")],o.prototype,"valueHandler",1);export{o as a};

package/dist/chunks/chunk.IXID3B4Y.js

@@ -0,0 +1,3 @@
+import{a as s}from"./chunk.HMHIBHLM.js";import{b as n,c as r,f as h}from"./chunk.5MDLYG3I.js";import{a as c}from"./chunk.G2G2TPJK.js";import{f as a}from"./chunk.PE5ZEEQ2.js";function u(o="-"){return s&&s.suffix?`${o}${s.suffix}`:""}var p=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(p||{}),V=(i=>(i.submit="submit",i.cancel="cancel",i))(V||{}),t=class extends h{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(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType==="boolean"?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(d=>d.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${"validate"}${u()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${"validation"}${u()}`),this.prepend(e)),Array.from(e.children).find(f=>f.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let d=this.createValidateRule();d.setAttribute("type",i),e&&d.setAttribute("feedback",e),this.addValidationRule(d)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let l=Array.from(e.children).find(f=>f.type===i);l&&l.parentNode&&l.parentNode.removeChild(l)}render(){return c`
+      scw-form-component
+    `}};a([n({type:p,reflect:!0,attribute:"form-type"})],t.prototype,"formType",2),a([n({type:String})],t.prototype,"name",2),a([n({type:String})],t.prototype,"value",2),a([n({type:String})],t.prototype,"placeholder",2),a([n({type:String})],t.prototype,"selected",2),a([n({type:Boolean,attribute:"read-only"})],t.prototype,"readOnly",2),a([n({type:Boolean})],t.prototype,"required",2),a([n({type:String,attribute:"required-label"})],t.prototype,"requiredLabel",2),a([n({type:String,attribute:"required-feedback"})],t.prototype,"requiredFeedback",2),a([r()],t.prototype,"feedback",2),a([r()],t.prototype,"focused",2),a([r()],t.prototype,"invalid",2);export{u as a,p as b,V as c,t as d};

package/dist/chunks/chunk.JLS2NZHI.js

@@ -0,0 +1,40 @@
+import{a as h}from"./chunk.WKH73SBC.js";import{a as g,b as c,f as k}from"./chunk.5MDLYG3I.js";import{a as M}from"./chunk.G2G2TPJK.js";import{f as b}from"./chunk.PE5ZEEQ2.js";var v=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;
+}
+
+:host {
+  display: inline-flex;
+}
+:host nav {
+  display: inline-block;
+  width: 100%;
+}
+:host .heading-label {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+  margin: 0 !important;
+}`;var T=["menu-item","icon","link","button","BUTTON","A"],y=["menu"];function f(n,e,t){let s=e;if(e||(s=p(n)),s){let m=o(n,s,t,!1,n===s);if(m)m.focus();else{let r=o(n,n,t);r&&r.focus()}}}function p(n){if(document.activeElement&&n.contains(document.activeElement))return document.activeElement}function o(n,e,t="forwards",s=!1,m=!0){if(!e)return!1;if(s){if(e.element&&T.includes(e.element)){if(a(e))return e}else if(T.includes(e.nodeName)&&a(e))return e}if(m&&e.children){let i=!0;if(s&&y.includes(e.element)&&(i=!1),i){let E=Array.from(e.children);t==="backwards"&&E.reverse();let d=!1;if(E.find(x=>{let w=o(n,x,t,!0,!0);return w?(d=w,!0):!1}),a(d))return d}}let r=t==="forwards"?e.nextElementSibling:e.previousElementSibling;if(r){let i=o(n,r,t,!0,!0);if(a(i))return i}if(e.parentElement!=n){let i=o(n,e.parentElement,t,!0,!1);if(a(i))return i}return!1}function a(n){return!n||!n.offsetParent||window.getComputedStyle(n).visibility==="hidden"||n.hasAttribute("aria-disabled")&&n.getAttribute("aria-disabled")!=="false"||n.hasAttribute("disabled")||n.getAttribute("tabindex")==="-1"||n.isLink===!1?!1:n}var u=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"),h("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"),h("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){f(this.menu,e,"forwards")}focusOnPreviousTabbableElement(e){f(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=p(this.menu);if(e){let t=e.nextElementSibling;if(t&&t.element==="menu")return t}}};var l=class extends k{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,v]}firstUpdated(t){super.firstUpdated(t),this._keyboardManager=new u(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"),M`
+      <nav
+        aria-label="${this.ariaLabel} navigation"
+        role="${this.isSubMenu()?"menu":"menubar"}">
+        <slot></slot>
+      </nav>`}};b([c({type:String,attribute:"aria-hidden"})],l.prototype,"ariaHidden",2),b([c({type:String,attribute:"keyboard-direction"})],l.prototype,"keyboardDirection",2);export{l as a};

package/dist/chunks/chunk.MGYWQ4MF.js

@@ -0,0 +1,115 @@
+import{a}from"./chunk.SATZCNFY.js";import{a as c}from"./chunk.YBPGY7E7.js";import{a as i,b as t,c as l,f as h}from"./chunk.5MDLYG3I.js";import{a as s}from"./chunk.G2G2TPJK.js";import{a as f,c as m,e as d,f as e}from"./chunk.PE5ZEEQ2.js";var g={};m(g,{validationWarnings:()=>w});var w,v=f(()=>{"use strict";w={ariaLabelWarning:"link without a label",noIconWarning:"could not find the icon"}});var n=i`
+:host {
+  outline: none;
+  user-select: none;
+  display: inline-flex;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+:host svg {
+  box-sizing: border-box;
+  vertical-align: top;
+  width: 100%;
+  height: 100%;
+}
+
+:host {
+  width: 30px;
+  height: 30px;
+}
+:host svg, :host svg * {
+  fill: var(--scw-icon-color, var(--scw-theme-body-color, var(--scw-color-grey-02)));
+}
+:host svg .color-00 {
+  fill: var(--scw-theme-color-00, var(--scw-color-grey-00));
+}
+:host svg .color-01 {
+  fill: var(--scw-theme-color-01, var(--scw-color-grey-01));
+}
+:host svg .color-02 {
+  fill: var(--scw-theme-color-02, var(--scw-color-grey-02));
+}
+:host svg .color-03 {
+  fill: var(--scw-theme-color-03, var(--scw-color-grey-03));
+}
+:host svg .color-04 {
+  fill: var(--scw-theme-color-04, var(--scw-color-grey-04));
+}
+:host svg .color-05,
+:host svg .color {
+  fill: var(--scw-theme-color-05, var(--scw-color-grey-05));
+}
+:host svg .color-06 {
+  fill: var(--scw-theme-color-06, var(--scw-color-grey-06));
+}
+:host svg .color-07 {
+  fill: var(--scw-theme-color-07, var(--scw-color-grey-07));
+}
+:host svg .color-08 {
+  fill: var(--scw-theme-color-08, var(--scw-color-grey-08));
+}
+:host svg .color-09 {
+  fill: var(--scw-theme-color-09, var(--scw-color-grey-09));
+}
+:host svg .color-092 {
+  fill: var(--scw-theme-color-092, var(--scw-color-grey-09));
+}
+:host svg .color-095 {
+  fill: var(--scw-theme-color-095, var(--scw-color-grey-09));
+}
+:host svg .color-10 {
+  fill: var(--scw-theme-color-10, var(--scw-color-grey-10));
+}
+
+:host([size="10"]) {
+  width: 10px;
+  height: 10px;
+}
+
+:host([size="20"]) {
+  width: 20px;
+  height: 20px;
+}
+
+:host([size="30"]) {
+  width: 30px;
+  height: 30px;
+}
+
+:host([size="40"]) {
+  width: 40px;
+  height: 40px;
+}
+
+:host([size="50"]) {
+  width: 50px;
+  height: 50px;
+}
+
+:host([size="60"]) {
+  width: 60px;
+  height: 60px;
+}
+
+:host([size="70"]) {
+  width: 70px;
+  height: 70px;
+}
+
+:host([size="80"]) {
+  width: 80px;
+  height: 80px;
+}
+
+:host([size="90"]) {
+  width: 90px;
+  height: 90px;
+}
+
+:host([size="100"]) {
+  width: 100px;
+  height: 100px;
+}`;var{validationWarnings:x}=(v(),d(g)),o=class extends h{constructor(){super();this.size="50";this._svgInfo="";this.element="icon"}static get styles(){return[super.styles,n]}set icon(r){let p=this._icon;this._icon=r,this.requestUpdate("icon",p),this.refreshIcon()}get icon(){return this._icon}connectedCallback(){super.connectedCallback()}refreshIcon(){this.clearWarnings(),a(this.icon,r=>{r===!1?this.warn(x.noIconWarning):this._svgInfo=r})}render(){return s`
+      ${c(this._svgInfo)}
+    `}};e([t({type:String,reflect:!0})],o.prototype,"icon",1),e([t({type:String,reflect:!0})],o.prototype,"size",2),e([l()],o.prototype,"_svgInfo",2);export{o as a};