scu-web-components 0.0.75 → 0.0.77

package/dist/chunks/chunk.MUUPCU53.js

@@ -0,0 +1,78 @@
+import{a as r,d as l}from"./chunk.IXID3B4Y.js";import{a as u,b as c}from"./chunk.K5LAHA72.js";import{a as p,b as d,c as f}from"./chunk.XKUXW432.js";import{a as n}from"./chunk.UXNK7KZZ.js";import{a as o}from"./chunk.WKH73SBC.js";import{a as s,b as a}from"./chunk.5MDLYG3I.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var h=s`
+: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 textarea {
+  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));
+  resize: vertical;
+  width: 100%;
+  min-height: var(--scw-min-height, 56px);
+  box-sizing: border-box;
+  border: 0;
+  background-color: rgba(0, 0, 0, 0);
+  z-index: 2;
+  position: relative;
+}
+.input-field textarea: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 t=class extends l{constructor(){super();this.type="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.element="textarea";let i=r();this.scwInputLayout=u(`scw-${"input-layout"}${i}`)}static get styles(){return[super.styles,h]}_focusHandler(){this.focused=!0,o("scw-focus",this)}_blurHandler(){this.focused=!1,this.validate(),o("scw-blur",this)}_valueChangeHandler(i){i.target&&(this.value=i.target.value,o("scw-value-change",this))}render(){return c`
+      <${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">
+          <textarea
+            ?disabled=${this.ariaDisabled==="true"}
+            autocapitalize=${this.autoCapitalize}
+            autocomplete=${this.autoComplete}
+            autocorrect=${this.autoCorrect}
+            ?autofocus=${this.autoFocus}
+            ?readonly=${this.readOnly}
+            @focus=${this._focusHandler}
+            @blur=${this._blurHandler}
+            @input=${this._valueChangeHandler}
+            .value=${this.value}></textarea>
+          <div 
+            class="placeholder"
+            ?scw-hide=${!!this.value}>
+            ${this.placeholder}
+          </div>
+        </div>
+      </${this.scwInputLayout}>
+      <slot name="validation"></slot>
+    `}};e([a({type:n})],t.prototype,"type",2),e([a({type:p,attribute:"autocapitalize"})],t.prototype,"autoCapitalize",2),e([a({type:d,attribute:"autocomplete"})],t.prototype,"autoComplete",2),e([a({type:f,attribute:"autocorrect"})],t.prototype,"autoCorrect",2),e([a({type:Boolean,attribute:"autofocus"})],t.prototype,"autoFocus",2);export{t as a};

package/dist/chunks/chunk.NYYBLRFM.js

@@ -0,0 +1,195 @@
+import{a as w}from"./chunk.YBPGY7E7.js";import{a as R,b as g,f as P}from"./chunk.5MDLYG3I.js";import{a as o}from"./chunk.G2G2TPJK.js";import{b as d,d as H,f as B}from"./chunk.PE5ZEEQ2.js";var f=d(p=>{"use strict";Object.defineProperty(p,"__esModule",{value:!0});p.BLOCKS=void 0;var z;(function(e){e.DOCUMENT="document",e.PARAGRAPH="paragraph",e.HEADING_1="heading-1",e.HEADING_2="heading-2",e.HEADING_3="heading-3",e.HEADING_4="heading-4",e.HEADING_5="heading-5",e.HEADING_6="heading-6",e.OL_LIST="ordered-list",e.UL_LIST="unordered-list",e.LIST_ITEM="list-item",e.HR="hr",e.QUOTE="blockquote",e.EMBEDDED_ENTRY="embedded-entry-block",e.EMBEDDED_ASSET="embedded-asset-block",e.TABLE="table",e.TABLE_ROW="table-row",e.TABLE_CELL="table-cell",e.TABLE_HEADER_CELL="table-header-cell"})(z=p.BLOCKS||(p.BLOCKS={}))});var O=d(b=>{"use strict";Object.defineProperty(b,"__esModule",{value:!0});b.INLINES=void 0;var Z;(function(e){e.HYPERLINK="hyperlink",e.ENTRY_HYPERLINK="entry-hyperlink",e.ASSET_HYPERLINK="asset-hyperlink",e.EMBEDDED_ENTRY="embedded-entry-inline"})(Z=b.INLINES||(b.INLINES={}))});var A=d(D=>{"use strict";Object.defineProperty(D,"__esModule",{value:!0});var I;(function(e){e.BOLD="bold",e.ITALIC="italic",e.UNDERLINE="underline",e.CODE="code",e.SUPERSCRIPT="superscript",e.SUBSCRIPT="subscript"})(I||(I={}));D.default=I});var x=d(i=>{"use strict";var ee=i&&i.__spreadArray||function(e,n,r){if(r||arguments.length===2)for(var a=0,s=n.length,_;a<s;a++)(_||!(a in n))&&(_||(_=Array.prototype.slice.call(n,0,a)),_[a]=n[a]);return e.concat(_||Array.prototype.slice.call(n))},te=i&&i.__importDefault||function(e){return e&&e.__esModule?e:{default:e}},E;Object.defineProperty(i,"__esModule",{value:!0});i.V1_MARKS=i.V1_NODE_TYPES=i.TEXT_CONTAINERS=i.HEADINGS=i.CONTAINERS=i.VOID_BLOCKS=i.TABLE_BLOCKS=i.LIST_ITEM_BLOCKS=i.TOP_LEVEL_BLOCKS=void 0;var t=f(),h=O(),T=te(A());i.TOP_LEVEL_BLOCKS=[t.BLOCKS.PARAGRAPH,t.BLOCKS.HEADING_1,t.BLOCKS.HEADING_2,t.BLOCKS.HEADING_3,t.BLOCKS.HEADING_4,t.BLOCKS.HEADING_5,t.BLOCKS.HEADING_6,t.BLOCKS.OL_LIST,t.BLOCKS.UL_LIST,t.BLOCKS.HR,t.BLOCKS.QUOTE,t.BLOCKS.EMBEDDED_ENTRY,t.BLOCKS.EMBEDDED_ASSET,t.BLOCKS.TABLE];i.LIST_ITEM_BLOCKS=[t.BLOCKS.PARAGRAPH,t.BLOCKS.HEADING_1,t.BLOCKS.HEADING_2,t.BLOCKS.HEADING_3,t.BLOCKS.HEADING_4,t.BLOCKS.HEADING_5,t.BLOCKS.HEADING_6,t.BLOCKS.OL_LIST,t.BLOCKS.UL_LIST,t.BLOCKS.HR,t.BLOCKS.QUOTE,t.BLOCKS.EMBEDDED_ENTRY,t.BLOCKS.EMBEDDED_ASSET];i.TABLE_BLOCKS=[t.BLOCKS.TABLE,t.BLOCKS.TABLE_ROW,t.BLOCKS.TABLE_CELL,t.BLOCKS.TABLE_HEADER_CELL];i.VOID_BLOCKS=[t.BLOCKS.HR,t.BLOCKS.EMBEDDED_ENTRY,t.BLOCKS.EMBEDDED_ASSET];i.CONTAINERS=(E={},E[t.BLOCKS.OL_LIST]=[t.BLOCKS.LIST_ITEM],E[t.BLOCKS.UL_LIST]=[t.BLOCKS.LIST_ITEM],E[t.BLOCKS.LIST_ITEM]=i.LIST_ITEM_BLOCKS,E[t.BLOCKS.QUOTE]=[t.BLOCKS.PARAGRAPH],E[t.BLOCKS.TABLE]=[t.BLOCKS.TABLE_ROW],E[t.BLOCKS.TABLE_ROW]=[t.BLOCKS.TABLE_CELL,t.BLOCKS.TABLE_HEADER_CELL],E[t.BLOCKS.TABLE_CELL]=[t.BLOCKS.PARAGRAPH],E[t.BLOCKS.TABLE_HEADER_CELL]=[t.BLOCKS.PARAGRAPH],E);i.HEADINGS=[t.BLOCKS.HEADING_1,t.BLOCKS.HEADING_2,t.BLOCKS.HEADING_3,t.BLOCKS.HEADING_4,t.BLOCKS.HEADING_5,t.BLOCKS.HEADING_6];i.TEXT_CONTAINERS=ee([t.BLOCKS.PARAGRAPH],i.HEADINGS,!0);i.V1_NODE_TYPES=[t.BLOCKS.DOCUMENT,t.BLOCKS.PARAGRAPH,t.BLOCKS.HEADING_1,t.BLOCKS.HEADING_2,t.BLOCKS.HEADING_3,t.BLOCKS.HEADING_4,t.BLOCKS.HEADING_5,t.BLOCKS.HEADING_6,t.BLOCKS.OL_LIST,t.BLOCKS.UL_LIST,t.BLOCKS.LIST_ITEM,t.BLOCKS.HR,t.BLOCKS.QUOTE,t.BLOCKS.EMBEDDED_ENTRY,t.BLOCKS.EMBEDDED_ASSET,h.INLINES.HYPERLINK,h.INLINES.ENTRY_HYPERLINK,h.INLINES.ASSET_HYPERLINK,h.INLINES.EMBEDDED_ENTRY,"text"];i.V1_MARKS=[T.default.BOLD,T.default.CODE,T.default.ITALIC,T.default.UNDERLINE]});var k=d(G=>{"use strict";Object.defineProperty(G,"__esModule",{value:!0})});var j=d($=>{"use strict";Object.defineProperty($,"__esModule",{value:!0})});var Y=d(m=>{"use strict";Object.defineProperty(m,"__esModule",{value:!0});var U=f(),re={nodeType:U.BLOCKS.DOCUMENT,data:{},content:[{nodeType:U.BLOCKS.PARAGRAPH,data:{},content:[{nodeType:"text",value:"",marks:[],data:{}}]}]};m.default=re});var V=d(L=>{"use strict";Object.defineProperty(L,"__esModule",{value:!0});L.isText=L.isBlock=L.isInline=void 0;var ne=f(),oe=O();function q(e,n){for(var r=0,a=Object.keys(e);r<a.length;r++){var s=a[r];if(n===e[s])return!0}return!1}function ie(e){return q(oe.INLINES,e.nodeType)}L.isInline=ie;function le(e){return q(ne.BLOCKS,e.nodeType)}L.isBlock=le;function ae(e){return e.nodeType==="text"}L.isText=ae});var N=d(l=>{"use strict";var Q=l&&l.__createBinding||(Object.create?function(e,n,r,a){a===void 0&&(a=r);var s=Object.getOwnPropertyDescriptor(n,r);(!s||("get"in s?!n.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(e,a,s)}:function(e,n,r,a){a===void 0&&(a=r),e[a]=n[r]}),ce=l&&l.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),C=l&&l.__exportStar||function(e,n){for(var r in e)r!=="default"&&!Object.prototype.hasOwnProperty.call(n,r)&&Q(n,e,r)},se=l&&l.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r in e)r!=="default"&&Object.prototype.hasOwnProperty.call(e,r)&&Q(n,e,r);return ce(n,e),n},J=l&&l.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(l,"__esModule",{value:!0});l.helpers=l.EMPTY_DOCUMENT=l.MARKS=l.INLINES=l.BLOCKS=void 0;var ue=f();Object.defineProperty(l,"BLOCKS",{enumerable:!0,get:function(){return ue.BLOCKS}});var Ee=O();Object.defineProperty(l,"INLINES",{enumerable:!0,get:function(){return Ee.INLINES}});var de=A();Object.defineProperty(l,"MARKS",{enumerable:!0,get:function(){return J(de).default}});C(x(),l);C(k(),l);C(j(),l);var _e=Y();Object.defineProperty(l,"EMPTY_DOCUMENT",{enumerable:!0,get:function(){return J(_e).default}});var Le=se(V());l.helpers=Le});var M=R`
+@charset "UTF-8";
+:host {
+  display: block;
+}
+
+h1 {
+  font: var(--scw-type-text-bold-10-font);
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var(--scw-spacing-1);
+}
+
+h2 {
+  font: var(--scw-type-text-bold-09-font);
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var(--scw-spacing-1);
+}
+
+h3 {
+  font: var(--scw-type-text-bold-08-font);
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var(--scw-spacing-1);
+}
+
+h4 {
+  font: var(--scw-type-text-bold-06-font);
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var(--scw-spacing-1);
+}
+
+h5 {
+  font: var(--scw-type-text-bold-06-font);
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var(--scw-spacing-1);
+}
+
+h6 {
+  font: var(--scw-type-text-bold-06-font);
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var(--scw-spacing-1);
+}
+
+p {
+  font: var(--scw-type-text-06-font);
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: var(--scw-spacing-2);
+  color: var(--scw-theme-body-color, var(--scw-color-grey-02));
+}
+
+h1, h2, h3 {
+  color: var(--scw-theme-color, var(--scw-color-grey-02));
+}
+
+h4, h5, h6 {
+  color: var(--scw-theme-body-color, var(--scw-color-grey-02));
+}
+
+h1, h2, h3, h4, h5, h6, p {
+  padding: 0;
+  display: block;
+}
+
+ul {
+  list-style: none;
+}
+
+ul li::before {
+  content: "•";
+  vertical-align: top;
+  color: var(--scw-theme-color, var(--scw-color-grey-02));
+  font-weight: bold;
+  width: 1em;
+  display: inline-block;
+  margin-left: -1em;
+}
+
+li {
+  counter-increment: li;
+}
+
+ol {
+  list-style: none;
+  counter-reset: li;
+}
+
+ol li::before {
+  content: counter(li) ".  ";
+  vertical-align: top;
+  text-align: center;
+  color: var(--scw-theme-color, var(--scw-color-grey-02));
+  width: 2em;
+  display: inline-block;
+  margin-left: -2em;
+}
+
+li * {
+  display: inline-block;
+}
+
+img {
+  max-width: 500px;
+  margin-bottom: 20px;
+}
+
+table {
+  --border: 1px solid var(--scw-color-grey-092);
+  background-color: var(--scw-color-grey-10);
+  border-radius: 6px;
+  border-spacing: 0;
+  border-collapse: separate;
+  border: var(--border);
+  overflow: hidden;
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+table p {
+  margin: 0;
+  text-align: left;
+  color: var(--scw-color-grey-02);
+}
+
+table th:not(:last-child) {
+  --border-color: ;
+  border-right: 1px solid var(--scw-theme-border-color, var(--scw-color-grey-03));
+}
+
+table td:not(:last-child) {
+  border-right: 1px solid var(--scw-color-grey-092);
+}
+
+table > thead > tr:not(:last-child) > th,
+table > thead > tr:not(:last-child) > td,
+table > tbody > tr:not(:last-child) > th,
+table > tbody > tr:not(:last-child) > td,
+table > tfoot > tr:not(:last-child) > th,
+table > tfoot > tr:not(:last-child) > td,
+table > tr:not(:last-child) > td,
+table > tr:not(:last-child) > th,
+table > thead:not(:last-child),
+table > tbody:not(:last-child),
+table > tfoot:not(:last-child) {
+  border-bottom: var(--border);
+}
+
+th, td {
+  margin: 0;
+  padding: var(--scw-spacing-2);
+}
+
+th {
+  background-color: var(--scw-theme-color-dark, var(--scw-color-grey-03));
+}
+th p {
+  font-weight: bold;
+  color: var(--scw-color-grey-10);
+}
+
+tr:nth-child(even) {
+  background-color: var(--scw-color-grey-095);
+}
+
+blockquote {
+  border-left: 5px solid var(--scw-theme-border-color, var(--scw-color-grey-03));
+  padding-left: var(--scw-spacing-3);
+}`;var F=H(N(),1);var c=H(N(),1);function y(e){return e?u(e.content):o`homer`}function u(e){return o`${e.map(n=>pe(n))}`}function pe(e){switch(e.nodeType){case c.BLOCKS.PARAGRAPH:return o`<p>${u(e.content)}</p>`;case c.BLOCKS.HEADING_1:return o`<h1>${u(e.content)}</h1>`;case c.BLOCKS.HEADING_2:return o`<h2>${u(e.content)}</h2>`;case c.BLOCKS.HEADING_3:return o`<h3>${u(e.content)}</h3>`;case c.BLOCKS.HEADING_4:return o`<h4>${u(e.content)}</h4>`;case c.BLOCKS.HEADING_5:return o`<h5>${u(e.content)}</h5>`;case c.BLOCKS.HEADING_6:return o`<h6>${u(e.content)}</h6>`;case c.BLOCKS.OL_LIST:return o`<ol>${u(e.content)}</ol>`;case c.BLOCKS.UL_LIST:return o`<ul>${u(e.content)}</ul>`;case c.BLOCKS.LIST_ITEM:return o`<li>${u(e.content)}</li>`;case c.BLOCKS.HR:return o`<hr />`;case c.BLOCKS.QUOTE:return o`<blockquote>${u(e.content)}</blockquote>`;case c.BLOCKS.EMBEDDED_ENTRY:return o`${W(e)}`;case c.BLOCKS.EMBEDDED_ASSET:return o`<h6>${u(e.content)}</h6>`;case c.BLOCKS.TABLE:return o`<table>${u(e.content)}</table>`;case c.BLOCKS.TABLE_ROW:return o`<tr>${u(e.content)}</tr>`;case c.BLOCKS.TABLE_CELL:return o`<td>${u(e.content)}</td>`;case c.BLOCKS.TABLE_HEADER_CELL:return o`<th>${u(e.content)}</th>`;case c.INLINES.ENTRY_HYPERLINK:return o`${X(e)}`;case c.INLINES.EMBEDDED_ENTRY:return o`${W(e)}`;case"text":return fe(e);default:return o`<p>not implemented: ${e.nodeType}</p>`}}function fe(e){let n=new RegExp(/\n/g),r=o`${w(e.value.replace(n,"<br />"))}`;return e.marks.map(a=>{switch(a.type){case"underline":r=o`<u>${r}</u>`;break;case"bold":r=o`<b>${r}</b>`;break;case"italic":r=o`<i>${r}</i>`;break;case"superscript":r=o`<sup>${r}</sup>`;break;case"subscript":r=o`<sub>${r}</sub>`;break}}),o`${r}`}function W(e){let n={},r=e.data.target.sys.contentType.sys.id;switch(r){case"link":n=X(e.data);break;case"image":n=be(e.data);break;default:n=o`<i>${r} : Not implemented!</i>`}return n}function X(e){var s,_,v;let n,r=(s=e.target.fields)==null?void 0:s.url,a=(_=e.target.fields)==null?void 0:_.label;if(r)n=r.fields.slug;else{let K=(v=e.target.fields)==null?void 0:v.externalUrl;K&&(n=K)}return o`<scw-link 
+                design="text"
+                href="${n}"
+                aria-label="${a}"> 
+              </scw-link>`}function be(e){var r;let n=(r=e.target.fields)==null?void 0:r.asset;return n?o`<img style="max-width:500px" src="${n.fields.file.url}" 
+              alt="${n.fields.description}" />`:o`Missing asset`}var S=class extends P{constructor(){super();this.element="rich-text"}static get styles(){return[super.styles,M]}render(){let r;try{if(this.contentJson){let s=JSON.parse(decodeURIComponent(this.contentJson));s&&s.nodeType===F.BLOCKS.DOCUMENT&&(r=s)}}catch(s){console.error(`RichText parse error: "${this.contentJson}"`,s)}return o`
+      <div class="container">
+        ${r?y(r):""}
+      </div>
+    `}};B([g({type:String,attribute:"content-json",reflect:!0})],S.prototype,"contentJson",2),B([g({type:String,attribute:"content-html",reflect:!0})],S.prototype,"contentHtml",2);export{S as a};

package/dist/chunks/chunk.PSMB5BFO.js

@@ -0,0 +1,11 @@
+import{a as p}from"./chunk.FNZZPMTC.js";import{a as c}from"./chunk.WKH73SBC.js";import{a,b as m,f as l}from"./chunk.5MDLYG3I.js";import{a as r}from"./chunk.G2G2TPJK.js";import{f as i}from"./chunk.PE5ZEEQ2.js";var d=a`
+:host {
+  display: block;
+  --gap: initial;
+  --gap-h: var( --scw-spacing-2 );
+  --gap-v: var( --scw-spacing-1 );
+}
+
+:host(.read-only) {
+  --gap-v: var( --scw-spacing-3 );
+}`;var s=class extends l{constructor(){super();this.method="get";this.element="form",this.setAttribute("scw-stack-initial","")}static get styles(){return[super.styles,d]}connectedCallback(){super.connectedCallback(),this.addEventListener("scw-submit-intent",()=>{this.submit()}),this.addEventListener("scw-value-change",t=>{console.log("value changed",t)})}findFormElements(){let t=this.querySelectorAll("[form-type]");return Array.from(t)}processData(t){let n=t||this.findFormElements(),o={};return n.map(e=>{e.decorateValues(o)}),o}validate(t){let n=t||this.findFormElements(),o=[];return n.map(e=>{e.validate&&(o=[...o,...e.validate()])}),o}findInvalidElements(t){let n=t||this.findFormElements(),o=[];return n.map(e=>{e.invalid&&o.push(e)}),o}submit(){let t=this.findFormElements(),n=this.validate(t),o=this.processData(t),e=this.findInvalidElements(t);this.action&&p(this.action,o,this.method),c("scw-submit",this,{validation:n,invalidElements:e,data:o})}render(){return r`<slot></slot>`}};i([m({type:String})],s.prototype,"action",2),i([m({type:String})],s.prototype,"method",2);export{s as a};

package/dist/chunks/chunk.R2BOXSBU.js

@@ -0,0 +1,29 @@
+import{a as e,b as i,f as t}from"./chunk.5MDLYG3I.js";import{a as o}from"./chunk.G2G2TPJK.js";import{f as s}from"./chunk.PE5ZEEQ2.js";var n=e`
+:host {
+  display: block;
+}
+:host .scw-link-base {
+  display: block;
+  background-color: var(--scw-color-error-light);
+  padding-left: var(--scw-spacing-2);
+  padding-right: var(--scw-spacing-2);
+  padding-top: var(--scw-spacing-1);
+  padding-bottom: var(--scw-spacing-1);
+  text-align: center;
+}
+:host .message {
+  text-align: CENTER;
+  font: var(--scw-type-text-bold-font);
+  color: var(--scw-color-error-dark);
+  flex: 1;
+}
+:host .description {
+  text-align: CENTER;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-error-dark);
+  flex: 1;
+}`;var r=class extends t{constructor(){super();this.description="";this.element="alert",!1||this.addEventListener("click",()=>console.log("hi"))}static get styles(){return[t.styles,n]}render(){return o`
+      <span class="message">${this.description}</span>
+      <span class="description">${this.description}</span>
+      ${JSON.stringify(t.styles)}
+    `}};s([i({type:String})],r.prototype,"description",2);export{r as a};

package/dist/chunks/chunk.SATZCNFY.js

@@ -0,0 +1 @@
+var c=["icon-placeholder","icon-close","icon-instagram","icon-check","icon-download","icon-menu","icon-tester","icon-linkedin","icon-facebook","icon-tiktok","icon-location","icon-location-dot","icon-search","icon-visible","icon-hidden","icon-lock","icon-edit","icon-envelope","icon-external-link","icon-crosshairs","icon-message","icon-minus","icon-mobile","icon-pdf","icon-plus","icon-chevron-up","icon-chevron-down","icon-chevron-left","icon-chevron-right","icon-clock","icon-info","icon-user","icon-circle","icon-code","icon-print","icon-instant-issue","icon-night-deposit","icon-drive-through-video-teller","icon-drive-through","icon-safe-deposit-box","icon-smart-locker","icon-notary","icon-video-teller","icon-alert-warning","icon-card-group","icon-car","icon-chat-house","icon-checklist","icon-contactless-payment-2","icon-debit-card-rate","icon-hand-wave","icon-heart-outlines","icon-mobile-money-chat","icon-mobile-transfer","icon-resource-calculator","icon-resource-checklist","icon-resource-worksheet","icon-resources","icon-mobile-wallet","icon-no-check","icon-percentage","icon-mobile-phone","icon-mobile-phone-diagonal","icon-mobile-phone-location","icon-high-five","icon-magnifying-glass-secure","icon-mobile-deposit","icon-hands","icon-handshake","icon-heart-hand","icon-debit-card-stars","icon-graduation-hat","icon-graph","icon-contract","icon-credit-card","icon-debit-card","icon-computer-mortgage","icon-connection","icon-contactless-payment","icon-chat-summit","icon-cash-stack-large","icon-cash-stack-small","icon-chat-calculator","icon-atm","icon-branch","icon-calculator","icon-school","icon-testimonial","icon-women","icon-zelle-1","icon-zelle-2","icon-zelle-3","icon-alert-success","icon-alert-info","icon-alert-fail","icon-24-hr-atm","icon-coin-machine","icon-drive-through-teller","icon-slider","icon-document","icon-checkbox","icon-radio","icon-checkbox-selected","icon-radio-selected","icon-checkbox-hover","icon-radio-hover","icon-checkbox-selected-hover","icon-radio-selected-hover","icon-checkbox-disabled","icon-radio-disabled","icon-checkbox-selected-disabled","icon-radio-selected-disabled","icon-color-test","graphic-apple-app-store","graphic-logo","graphic-ncua","graphic-ehl","graphic-google-play-store"];async function o(e,i){if(!c.includes(e))return!1;let a;switch(e){case"icon-placeholder":a=(await import("./icon-placeholder.76TQSRWP.js")).default;break;case"icon-close":a=(await import("./icon-close.6K6YMU4L.js")).default;break;case"icon-instagram":a=(await import("./icon-instagram.WYCZFXQR.js")).default;break;case"icon-check":a=(await import("./icon-check.CKEAO6OZ.js")).default;break;case"icon-download":a=(await import("./icon-download.V5NZF5X7.js")).default;break;case"icon-menu":a=(await import("./icon-menu.F5KDKC3A.js")).default;break;case"icon-tester":a=(await import("./icon-tester.746TRAFX.js")).default;break;case"icon-linkedin":a=(await import("./icon-linkedin.BYVRFUPU.js")).default;break;case"icon-facebook":a=(await import("./icon-facebook.5IUU2U6T.js")).default;break;case"icon-tiktok":a=(await import("./icon-tiktok.LRBQFNTS.js")).default;break;case"icon-location":a=(await import("./icon-location.WT74YCRN.js")).default;break;case"icon-location-dot":a=(await import("./icon-location-dot.NUWA3YPX.js")).default;break;case"icon-search":a=(await import("./icon-search.JV64AOXG.js")).default;break;case"icon-visible":a=(await import("./icon-visible.FDJUY4XR.js")).default;break;case"icon-hidden":a=(await import("./icon-hidden.ESLNI5A5.js")).default;break;case"icon-lock":a=(await import("./icon-lock.22ZNNCGU.js")).default;break;case"icon-edit":a=(await import("./icon-edit.SLTRTD5V.js")).default;break;case"icon-envelope":a=(await import("./icon-envelope.SISRB4PU.js")).default;break;case"icon-external-link":a=(await import("./icon-external-link.IY3CAYFY.js")).default;break;case"icon-crosshairs":a=(await import("./icon-crosshairs.DWSEZTH6.js")).default;break;case"icon-message":a=(await import("./icon-message.3NHC5LMY.js")).default;break;case"icon-minus":a=(await import("./icon-minus.NHNIW2KP.js")).default;break;case"icon-mobile":a=(await import("./icon-mobile.URQA5JNR.js")).default;break;case"icon-pdf":a=(await import("./icon-pdf.U7M47CNV.js")).default;break;case"icon-plus":a=(await import("./icon-plus.NI4XIXVX.js")).default;break;case"icon-chevron-up":a=(await import("./icon-chevron-up.BKZ4PO5L.js")).default;break;case"icon-chevron-down":a=(await import("./icon-chevron-down.UO72Z7SQ.js")).default;break;case"icon-chevron-left":a=(await import("./icon-chevron-left.M5DCGI2Y.js")).default;break;case"icon-chevron-right":a=(await import("./icon-chevron-right.CSJECGZH.js")).default;break;case"icon-clock":a=(await import("./icon-clock.TR7U6PTA.js")).default;break;case"icon-info":a=(await import("./icon-info.RTJHWRKG.js")).default;break;case"icon-user":a=(await import("./icon-user.IARSAO62.js")).default;break;case"icon-circle":a=(await import("./icon-circle.H4R3WJFC.js")).default;break;case"icon-code":a=(await import("./icon-code.NL7ZOQWC.js")).default;break;case"icon-print":a=(await import("./icon-print.WRA4DYQQ.js")).default;break;case"icon-instant-issue":a=(await import("./icon-instant-issue.P3LRGSUA.js")).default;break;case"icon-night-deposit":a=(await import("./icon-night-deposit.6CYNQKTK.js")).default;break;case"icon-drive-through-video-teller":a=(await import("./icon-drive-through-video-teller.62WXDSU4.js")).default;break;case"icon-drive-through":a=(await import("./icon-drive-through.O3VNMI3H.js")).default;break;case"icon-safe-deposit-box":a=(await import("./icon-safe-deposit-box.AJEQKIXB.js")).default;break;case"icon-smart-locker":a=(await import("./icon-smart-locker.ATWIEOIH.js")).default;break;case"icon-notary":a=(await import("./icon-notary.GFH3MKFV.js")).default;break;case"icon-video-teller":a=(await import("./icon-video-teller.DBRMNTUF.js")).default;break;case"icon-alert-warning":a=(await import("./icon-alert-warning.SQDYOIY4.js")).default;break;case"icon-card-group":a=(await import("./icon-card-group.NU77PJQH.js")).default;break;case"icon-car":a=(await import("./icon-car.FOP3TBEZ.js")).default;break;case"icon-chat-house":a=(await import("./icon-chat-house.VSP4EOTU.js")).default;break;case"icon-checklist":a=(await import("./icon-checklist.VZZHSIFZ.js")).default;break;case"icon-contactless-payment-2":a=(await import("./icon-contactless-payment-2.CCF5NDEY.js")).default;break;case"icon-debit-card-rate":a=(await import("./icon-debit-card-rate.3KGVHOMR.js")).default;break;case"icon-hand-wave":a=(await import("./icon-hand-wave.BDUKWYZY.js")).default;break;case"icon-heart-outlines":a=(await import("./icon-heart-outlines.SRPUWMZB.js")).default;break;case"icon-mobile-money-chat":a=(await import("./icon-mobile-money-chat.37IYGFY4.js")).default;break;case"icon-mobile-transfer":a=(await import("./icon-mobile-transfer.WW37H3W4.js")).default;break;case"icon-resource-calculator":a=(await import("./icon-resource-calculator.2VE5Y22W.js")).default;break;case"icon-resource-checklist":a=(await import("./icon-resource-checklist.ZIPCEAYO.js")).default;break;case"icon-resource-worksheet":a=(await import("./icon-resource-worksheet.M5MWAH3I.js")).default;break;case"icon-resources":a=(await import("./icon-resources.Y5J3AWGO.js")).default;break;case"icon-mobile-wallet":a=(await import("./icon-mobile-wallet.RH342O7X.js")).default;break;case"icon-no-check":a=(await import("./icon-no-check.JGEBSMRJ.js")).default;break;case"icon-percentage":a=(await import("./icon-percentage.MGO5WJMY.js")).default;break;case"icon-mobile-phone":a=(await import("./icon-mobile-phone.QGZ3MMMH.js")).default;break;case"icon-mobile-phone-diagonal":a=(await import("./icon-mobile-phone-diagonal.7DSQ2YUC.js")).default;break;case"icon-mobile-phone-location":a=(await import("./icon-mobile-phone-location.GCUKLKTL.js")).default;break;case"icon-high-five":a=(await import("./icon-high-five.ATZIIH3U.js")).default;break;case"icon-magnifying-glass-secure":a=(await import("./icon-magnifying-glass-secure.IDFMSGRU.js")).default;break;case"icon-mobile-deposit":a=(await import("./icon-mobile-deposit.FXYEW2K3.js")).default;break;case"icon-hands":a=(await import("./icon-hands.MRSGMYF2.js")).default;break;case"icon-handshake":a=(await import("./icon-handshake.BKLPQLR4.js")).default;break;case"icon-heart-hand":a=(await import("./icon-heart-hand.FAUHVKAM.js")).default;break;case"icon-debit-card-stars":a=(await import("./icon-debit-card-stars.E6EVNJDC.js")).default;break;case"icon-graduation-hat":a=(await import("./icon-graduation-hat.ZY2DZGN3.js")).default;break;case"icon-graph":a=(await import("./icon-graph.LKZNDBQR.js")).default;break;case"icon-contract":a=(await import("./icon-contract.BNXWW3NU.js")).default;break;case"icon-credit-card":a=(await import("./icon-credit-card.VC2KPH6V.js")).default;break;case"icon-debit-card":a=(await import("./icon-debit-card.5LZ36CNP.js")).default;break;case"icon-computer-mortgage":a=(await import("./icon-computer-mortgage.Z2NF7YE4.js")).default;break;case"icon-connection":a=(await import("./icon-connection.RXJHUGKG.js")).default;break;case"icon-contactless-payment":a=(await import("./icon-contactless-payment.4QU3PFGU.js")).default;break;case"icon-chat-summit":a=(await import("./icon-chat-summit.RCKH2UG2.js")).default;break;case"icon-cash-stack-large":a=(await import("./icon-cash-stack-large.T2N5XUVS.js")).default;break;case"icon-cash-stack-small":a=(await import("./icon-cash-stack-small.7KDGWKHG.js")).default;break;case"icon-chat-calculator":a=(await import("./icon-chat-calculator.YMH5R4G4.js")).default;break;case"icon-atm":a=(await import("./icon-atm.YXLBR7US.js")).default;break;case"icon-branch":a=(await import("./icon-branch.2LWCWSXG.js")).default;break;case"icon-calculator":a=(await import("./icon-calculator.2CA2QIQI.js")).default;break;case"icon-school":a=(await import("./icon-school.V4SYCX5F.js")).default;break;case"icon-testimonial":a=(await import("./icon-testimonial.J5QFD5VV.js")).default;break;case"icon-women":a=(await import("./icon-women.DZATMUCU.js")).default;break;case"icon-zelle-1":a=(await import("./icon-zelle-1.VV62FZO3.js")).default;break;case"icon-zelle-2":a=(await import("./icon-zelle-2.WEWF3MA2.js")).default;break;case"icon-zelle-3":a=(await import("./icon-zelle-3.L3X2VARZ.js")).default;break;case"icon-alert-success":a=(await import("./icon-alert-success.MOGVZWVU.js")).default;break;case"icon-alert-info":a=(await import("./icon-alert-info.U3IEBCHX.js")).default;break;case"icon-alert-fail":a=(await import("./icon-alert-fail.KFBUJKMY.js")).default;break;case"icon-24-hr-atm":a=(await import("./icon-24-hr-atm.DUUVSF2W.js")).default;break;case"icon-coin-machine":a=(await import("./icon-coin-machine.OXVCKGFH.js")).default;break;case"icon-drive-through-teller":a=(await import("./icon-drive-through-teller.WR4ASANG.js")).default;break;case"icon-slider":a=(await import("./icon-slider.AAU7YDKQ.js")).default;break;case"icon-document":a=(await import("./icon-document.UICWIKVU.js")).default;break;case"icon-checkbox":a=(await import("./icon-checkbox.PUQG7UCS.js")).default;break;case"icon-radio":a=(await import("./icon-radio.QMEGFG4M.js")).default;break;case"icon-checkbox-selected":a=(await import("./icon-checkbox-selected.FLHBNQZO.js")).default;break;case"icon-radio-selected":a=(await import("./icon-radio-selected.Q3J65NGB.js")).default;break;case"icon-checkbox-hover":a=(await import("./icon-checkbox-hover.C7RRHJ7T.js")).default;break;case"icon-radio-hover":a=(await import("./icon-radio-hover.VARVLHQA.js")).default;break;case"icon-checkbox-selected-hover":a=(await import("./icon-checkbox-selected-hover.G3B7575A.js")).default;break;case"icon-radio-selected-hover":a=(await import("./icon-radio-selected-hover.24QEQ42W.js")).default;break;case"icon-checkbox-disabled":a=(await import("./icon-checkbox-disabled.UUB2QDKJ.js")).default;break;case"icon-radio-disabled":a=(await import("./icon-radio-disabled.VROOJLSV.js")).default;break;case"icon-checkbox-selected-disabled":a=(await import("./icon-checkbox-selected-disabled.4PD4GGWP.js")).default;break;case"icon-radio-selected-disabled":a=(await import("./icon-radio-selected-disabled.XGGCA5KF.js")).default;break;case"icon-color-test":a=(await import("./icon-color-test.Y5RM636P.js")).default;break;case"graphic-apple-app-store":a=(await import("./graphic-apple-app-store.XFG5WB4B.js")).default;break;case"graphic-logo":a=(await import("./graphic-logo.HIOYMA53.js")).default;break;case"graphic-ncua":a=(await import("./graphic-ncua.G7J2GISB.js")).default;break;case"graphic-ehl":a=(await import("./graphic-ehl.RNP3RL2S.js")).default;break;case"graphic-google-play-store":a=(await import("./graphic-google-play-store.QIOOPSAS.js")).default;break}return i===!0?`url('data:image/svg+xml;utf8,${a.replace(/#/g,"%23")}')`:a}function r(e,i){if(e){let a=e;e.indexOf("icon-")!==0&&(a=`icon-${e}`),o(a).then(t=>{i(t)})}}export{r as a};

package/dist/chunks/chunk.T7RCLFU6.js

@@ -0,0 +1,77 @@
+import{a as i,b as r,f as n}from"./chunk.5MDLYG3I.js";import{a as s}from"./chunk.G2G2TPJK.js";import{f as o}from"./chunk.PE5ZEEQ2.js";var e=i`
+:host {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 4px 4px 4px 4px;
+  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: calc(var(--scw-spacing-1) * 1.5);
+  padding-bottom: calc(var(--scw-spacing-1) * 1.5);
+}
+:host > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.8);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.8 );
+}
+:host .icon {
+  background-color: var(--scw-color-success-light);
+  border-radius: 48px 48px 48px 48px;
+}
+:host .content {
+  background-color: rgba(0, 0, 0, 0);
+  flex: 1;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+:host .content > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+:host .content .title {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-font);
+  color: var(--scw-color-grey-02);
+  align-self: stretch;
+}
+:host .content .description {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-02);
+  align-self: stretch;
+}
+
+:host([type=warning]) .icon {
+  background-color: var(--scw-color-information-light);
+}
+
+:host([link]) {
+  cursor: pointer;
+}
+
+:host([link]:hover) {
+  background-color: var(--scw-color-primary-095);
+}
+
+:host([link]:focus-visible) {
+  box-shadow: var(--scw-effect-focus-shadow);
+}`;var a=(c=>(c.basic="basic",c.warning="warning",c))(a||{}),t=class extends n{constructor(){super();this.title="";this.description="";this.type="basic";this.element="pageAlert"}static get styles(){return[super.styles,e]}connectedCallback(){super.connectedCallback()}render(){return s`
+      <scw-icon
+        icon="icon-placeholder"
+        class="icon"
+        size="30"></scw-icon>
+      <div class="content">
+        <div class="title">
+          ${this.title}
+        </div>
+        <div class="description">
+          ${this.description}
+        </div>
+      </div>`}};o([r({type:String})],t.prototype,"title",2),o([r({type:String})],t.prototype,"description",2),o([r({type:a})],t.prototype,"type",2);export{a,t as b};

package/dist/chunks/chunk.UHDGKIAJ.js

@@ -0,0 +1,31 @@
+import{a as c,b as n,d as f,f as u}from"./chunk.5MDLYG3I.js";import{a as i,d as l}from"./chunk.G2G2TPJK.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var o=s=>s!=null?s:l;var h=c`
+.scw-link-base {
+  display: block;
+  text-decoration: none;
+}
+.scw-link-base:focus-visible {
+  outline: none;
+  box-shadow: var(--scw-effect-focus-shadow);
+  border-radius: 4px;
+}
+.scw-link-base:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
+}`;var e=class extends u{constructor(){super();this.element="link-base",this.isLink=!0}static get styles(){return[super.styles,h]}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"?i`
+        <a
+          class="scw-link-base"
+          style="${o(a)}"
+          href="${this.href?this.href:"javascript:"}"
+          target="${this.target?this.target:"_self"}"
+          aria-label="${this.ariaLabel}">
+          ${t}
+        </a>`:i`
+        <div class="scw-link-base"
+          style="${o(a)}">
+          ${t}
+        </div>`}render(){return this.renderLink(i`${this._lastWarning?this._lastWarning:this.ariaLabel}`)}};r([n({type:String,reflect:!0})],e.prototype,"href",2),r([n({type:String,reflect:!0})],e.prototype,"target",2),r([f("a.scw-link-base")],e.prototype,"linkAnchor",2);export{e as a};
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */