scu-web-components 0.0.60 → 0.0.62

package/dist/utils/enums/Components.d.ts

@@ -33,5 +33,6 @@ export declare enum Components {
     textarea = "textarea",
     stepper = "stepper",
     test = "test",
-    richText = "rich-text"
+    richText = "rich-text",
+    block = "block"
 }

package/dist/utils/enums/Components.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.764KJJCG.js";import"../../chunks/chunk.KRGVR4EU.js";export{a as Components};
+import{a}from"../../chunks/chunk.OILKYWO5.js";import"../../chunks/chunk.KRGVR4EU.js";export{a as Components};

package/dist/utils/getIconSvg.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.SP7IQ4G4.js";import"../chunks/chunk.KRGVR4EU.js";export{a as default};
+import{a}from"../chunks/chunk.DEJ3MG2H.js";import"../chunks/chunk.KRGVR4EU.js";export{a as default};

package/dist/utils/suffix.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.LWGMZ3MJ.js";import"../chunks/chunk.JLBWYOIN.js";import"../chunks/chunk.W4CRIA2R.js";import"../chunks/chunk.NBAHMDHF.js";import"../chunks/chunk.G2G2TPJK.js";import"../chunks/chunk.KRGVR4EU.js";export{a as default};
+import{a}from"../chunks/chunk.Y5NX6VVV.js";import"../chunks/chunk.GN23PSWE.js";import"../chunks/chunk.W4CRIA2R.js";import"../chunks/chunk.NBAHMDHF.js";import"../chunks/chunk.G2G2TPJK.js";import"../chunks/chunk.KRGVR4EU.js";export{a as default};

package/dist-node/scw-alert/ScwAlert.js

@@ -1,4 +1,4 @@
-var g=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var r=(n,i,e,o)=>{for(var a=o>1?void 0:o?f(i,e):i,d=n.length-1,u;d>=0;d--)(u=n[d])&&(a=(o?u(i,e,a):u(a))||a);return o&&a&&g(i,e,a),a};import{html as _,isServer as O}from"lit";import{property as w}from"lit/decorators.js";import{css as h}from"lit-element/lit-element.js";var m=h`
+var g=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var r=(n,i,e,o)=>{for(var a=o>1?void 0:o?f(i,e):i,d=n.length-1,u;d>=0;d--)(u=n[d])&&(a=(o?u(i,e,a):u(a))||a);return o&&a&&g(i,e,a),a};import{html as _,isServer as O}from"lit";import{property as w}from"lit/decorators.js";import{css as b}from"lit-element/lit-element.js";var m=b`
 :host {
   display: block;
 }
@@ -22,7 +22,7 @@ var g=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var r=(n,i,e,o
   font: var(--scw-type-text-font);
   color: var(--scw-color-error-dark);
   flex: 1;
-}`;import{LitElement as y,html as x}from"lit";import{property as l,state as k}from"lit/decorators.js";import{css as b}from"lit-element/lit-element.js";var p=b`
+}`;import{LitElement as y,html as x}from"lit";import{property as l,state as k}from"lit/decorators.js";import{css as h}from"lit-element/lit-element.js";var p=h`
 :host {
   /* scw element */
   position: relative;

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

@@ -1,4 +1,4 @@
-var f=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(s,i,e,c)=>{for(var a=c>1?void 0:c?g(i,e):i,d=s.length-1,m;d>=0;d--)(m=s[d])&&(a=(c?m(i,e,a):m(a))||a);return c&&a&&f(i,e,a),a};import{html as _,isServer as O}from"lit";import{property as w}from"lit/decorators.js";import{css as h}from"lit-element/lit-element.js";var u=h`
+var f=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(s,i,e,c)=>{for(var a=c>1?void 0:c?g(i,e):i,d=s.length-1,u;d>=0;d--)(u=s[d])&&(a=(c?u(i,e,a):u(a))||a);return c&&a&&f(i,e,a),a};import{html as _,isServer as O}from"lit";import{property as w}from"lit/decorators.js";import{css as b}from"lit-element/lit-element.js";var m=b`
 :host {
   display: block;
 }
@@ -22,7 +22,7 @@ var f=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(s,i,e,c
   font: var(--scw-type-text-font);
   color: var(--scw-color-error-dark);
   flex: 1;
-}`;import{LitElement as y,html as x}from"lit";import{property as o,state as k}from"lit/decorators.js";import{css as b}from"lit-element/lit-element.js";var p=b`
+}`;import{LitElement as y,html as x}from"lit";import{property as o,state as k}from"lit/decorators.js";import{css as h}from"lit-element/lit-element.js";var p=h`
 :host {
   /* scw element */
   position: relative;
@@ -40,7 +40,7 @@ var f=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(s,i,e,c
   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 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 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 x`
       <slot></slot>
-    `}};t.styles=p,r([o({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),r([o({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),r([o({type:Boolean,reflect:!0,attribute:"is-link"})],t.prototype,"isLink",2),r([o({type:Boolean})],t.prototype,"dynamic",2),r([o({type:String,reflect:!0})],t.prototype,"element",2),r([k()],t.prototype,"_lastWarning",2);var n=class extends t{constructor(){super();this.description="";this.element="alert",O||this.addEventListener("click",()=>console.log("hi"))}static get styles(){return[t.styles,u]}render(){return _`
+    `}};t.styles=p,r([o({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),r([o({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),r([o({type:Boolean,reflect:!0,attribute:"is-link"})],t.prototype,"isLink",2),r([o({type:Boolean})],t.prototype,"dynamic",2),r([o({type:String,reflect:!0})],t.prototype,"element",2),r([k()],t.prototype,"_lastWarning",2);var n=class extends t{constructor(){super();this.description="";this.element="alert",O||this.addEventListener("click",()=>console.log("hi"))}static get styles(){return[t.styles,m]}render(){return _`
       <span class="message">${this.description}</span>
       <span class="description">${this.description}</span>
       ${JSON.stringify(t.styles)}

package/dist-node/scw-block/ScwBlock.js

@@ -0,0 +1,189 @@
+var m=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var e=(d,r,t,s)=>{for(var l=s>1?void 0:s?b(r,t):r,p=d.length-1,f;p>=0;p--)(f=d[p])&&(l=(s?f(r,t,l):f(l))||l);return s&&l&&m(r,t,l),l};import{html as a}from"lit";import{property as o}from"lit/decorators.js";import{LitElement as v,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 h=x`
+:host {
+  /* scw element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var(--margin-right, var(--gap-h-int, initial));
+  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));
+  display: block;
+}
+
+:host([warning]) {
+  outline: 2px solid red !important;
+}`;var g=class{constructor(r,t){this._element=r,this._callback=t,this.observe()}observe(){if(this.disconnect(),this._element){let r={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,r)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var i=class extends v{constructor(){super(...arguments);this.ariaLabel="";this.ariaDisabled="false";this.isLink=!1;this.dynamic=!1;this.element="component"}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect()}firstUpdated(t){super.firstUpdated(t),this.dynamic&&(this._lightDomMutationObserver=new g(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 w`
+      <slot></slot>
+    `}};i.styles=h,e([c({type:String,reflect:!0,attribute:"aria-label"})],i.prototype,"ariaLabel",2),e([c({type:String,attribute:"aria-disabled"})],i.prototype,"ariaDisabled",2),e([c({type:Boolean,reflect:!0,attribute:"is-link"})],i.prototype,"isLink",2),e([c({type:Boolean})],i.prototype,"dynamic",2),e([c({type:String,reflect:!0})],i.prototype,"element",2),e([k()],i.prototype,"_lastWarning",2);import{css as L}from"lit-element/lit-element.js";var u=L`
+.heading {
+  margin: 0;
+  background-color: rgb(255, 255, 255);
+  align-self: stretch;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var(--scw-spacing-1);
+}
+.heading > *:not(:last-child) {
+  margin-right: 0px;
+  --margin-right: 0px;
+}
+
+h1 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-10-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+h2 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-09-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+h3 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-08-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+h4 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+h5 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+h6 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+.body {
+  background-color: rgb(255, 255, 255);
+  align-self: stretch;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var(--scw-spacing-2);
+}
+.body > *:not(:last-child) {
+  margin-right: 0px;
+  --margin-right: 0px;
+}
+.body slot {
+  text-align: LEFT;
+  font: var(--scw-type-text-06-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+.default {
+  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;
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+}
+.default > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+.default .links {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.default .links > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.8);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.8 );
+}
+
+.alignment-center {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+}
+.alignment-center > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+.alignment-center .links {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.alignment-center .links > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.8);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.8 );
+}
+.alignment-center .body {
+  margin: auto;
+}
+.alignment-center .heading {
+  text-align: center;
+  margin: auto;
+}`;var n=class extends i{constructor(){super();this.headingLevel="h2";this.element="block"}static get styles(){return[super.styles,u]}renderLink(t,s,l="solid"){return t&&s?a`
+        <scw-link
+          href="${s}"
+          aria-label="${t}"
+          design="${l}">
+        </scw-link>
+      `:a``}renderHeading(){if(this.heading)switch(this.headingLevel){case"h2":return a` <h2 class="heading">${this.heading}</h2>`;case"h3":return a` <h3 class="heading">${this.heading}</h3>`;case"h4":return a` <h4 class="heading">${this.heading}</h4>`;case"h5":return a` <h5 class="heading">${this.heading}</h5>`;case"h6":return a` <h6 class="heading">${this.heading}</h6>`;default:return a` <h1 class="heading">${this.heading}</h1>`}return a``}render(){return a`
+      <div class="${this.align==="center"?"alignment-center":"default"}">
+        ${this.renderHeading()}
+        <div class="body"><slot></slot></div>
+        <div class="links">
+          ${this.renderLink(this.primaryLabel,this.primaryLink)}
+          ${this.renderLink(this.secondaryLabel,this.secondaryLink,"outlined")}
+        </div>
+      </div>
+    `}};e([o({type:String,attribute:"heading-level",reflect:!1})],n.prototype,"headingLevel",2),e([o({type:String,attribute:"heading",reflect:!0})],n.prototype,"heading",2),e([o({type:String,attribute:"alignment",reflect:!0})],n.prototype,"align",2),e([o({type:String,attribute:"primary-cta-link",reflect:!0})],n.prototype,"primaryLink",2),e([o({type:String,attribute:"primary-cta-label",reflect:!0})],n.prototype,"primaryLabel",2),e([o({type:String,attribute:"secondary-cta-link",reflect:!0})],n.prototype,"secondaryLink",2),e([o({type:String,attribute:"secondary-cta-label",reflect:!0})],n.prototype,"secondaryLabel",2);export{n as default};

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

@@ -0,0 +1,189 @@
+var m=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var e=(d,a,t,s)=>{for(var l=s>1?void 0:s?b(a,t):a,p=d.length-1,f;p>=0;p--)(f=d[p])&&(l=(s?f(a,t,l):f(l))||l);return s&&l&&m(a,t,l),l};import{html as n}from"lit";import{property as o}from"lit/decorators.js";import{LitElement as v,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 h=x`
+:host {
+  /* scw element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var(--margin-right, var(--gap-h-int, initial));
+  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));
+  display: block;
+}
+
+:host([warning]) {
+  outline: 2px solid red !important;
+}`;var g=class{constructor(a,t){this._element=a,this._callback=t,this.observe()}observe(){if(this.disconnect(),this._element){let a={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,a)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var i=class extends v{constructor(){super(...arguments);this.ariaLabel="";this.ariaDisabled="false";this.isLink=!1;this.dynamic=!1;this.element="component"}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect()}firstUpdated(t){super.firstUpdated(t),this.dynamic&&(this._lightDomMutationObserver=new g(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 w`
+      <slot></slot>
+    `}};i.styles=h,e([c({type:String,reflect:!0,attribute:"aria-label"})],i.prototype,"ariaLabel",2),e([c({type:String,attribute:"aria-disabled"})],i.prototype,"ariaDisabled",2),e([c({type:Boolean,reflect:!0,attribute:"is-link"})],i.prototype,"isLink",2),e([c({type:Boolean})],i.prototype,"dynamic",2),e([c({type:String,reflect:!0})],i.prototype,"element",2),e([k()],i.prototype,"_lastWarning",2);import{css as L}from"lit-element/lit-element.js";var u=L`
+.heading {
+  margin: 0;
+  background-color: rgb(255, 255, 255);
+  align-self: stretch;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var(--scw-spacing-1);
+}
+.heading > *:not(:last-child) {
+  margin-right: 0px;
+  --margin-right: 0px;
+}
+
+h1 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-10-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+h2 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-09-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+h3 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-08-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+h4 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+h5 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+h6 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+.body {
+  background-color: rgb(255, 255, 255);
+  align-self: stretch;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var(--scw-spacing-2);
+}
+.body > *:not(:last-child) {
+  margin-right: 0px;
+  --margin-right: 0px;
+}
+.body slot {
+  text-align: LEFT;
+  font: var(--scw-type-text-06-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+
+.default {
+  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;
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+}
+.default > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+.default .links {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.default .links > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.8);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.8 );
+}
+
+.alignment-center {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+}
+.alignment-center > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+.alignment-center .links {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.alignment-center .links > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.8);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.8 );
+}
+.alignment-center .body {
+  margin: auto;
+}
+.alignment-center .heading {
+  text-align: center;
+  margin: auto;
+}`;var r=class extends i{constructor(){super();this.headingLevel="h2";this.element="block"}static get styles(){return[super.styles,u]}renderLink(t,s,l="solid"){return t&&s?n`
+        <scw-link
+          href="${s}"
+          aria-label="${t}"
+          design="${l}">
+        </scw-link>
+      `:n``}renderHeading(){if(this.heading)switch(this.headingLevel){case"h2":return n` <h2 class="heading">${this.heading}</h2>`;case"h3":return n` <h3 class="heading">${this.heading}</h3>`;case"h4":return n` <h4 class="heading">${this.heading}</h4>`;case"h5":return n` <h5 class="heading">${this.heading}</h5>`;case"h6":return n` <h6 class="heading">${this.heading}</h6>`;default:return n` <h1 class="heading">${this.heading}</h1>`}return n``}render(){return n`
+      <div class="${this.align==="center"?"alignment-center":"default"}">
+        ${this.renderHeading()}
+        <div class="body"><slot></slot></div>
+        <div class="links">
+          ${this.renderLink(this.primaryLabel,this.primaryLink)}
+          ${this.renderLink(this.secondaryLabel,this.secondaryLink,"outlined")}
+        </div>
+      </div>
+    `}};e([o({type:String,attribute:"heading-level",reflect:!1})],r.prototype,"headingLevel",2),e([o({type:String,attribute:"heading",reflect:!0})],r.prototype,"heading",2),e([o({type:String,attribute:"alignment",reflect:!0})],r.prototype,"align",2),e([o({type:String,attribute:"primary-cta-link",reflect:!0})],r.prototype,"primaryLink",2),e([o({type:String,attribute:"primary-cta-label",reflect:!0})],r.prototype,"primaryLabel",2),e([o({type:String,attribute:"secondary-cta-link",reflect:!0})],r.prototype,"secondaryLink",2),e([o({type:String,attribute:"secondary-cta-label",reflect:!0})],r.prototype,"secondaryLabel",2);customElements.define("scw-block",r);

package/dist-node/scw-card/ScwCard.js

@@ -230,7 +230,7 @@ var F=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var a=(r,i)=>(
   outline: 2px solid red !important;
 }`});var m,z=a(()=>{"use strict";m=class{constructor(i,t){this._element=i,this._callback=t,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()}}});import{LitElement as B,html as A}from"lit";import{property as p,state as D}from"lit/decorators.js";var n,L=a(()=>{"use strict";b();$();z();n=class extends B{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 A`
       <slot></slot>
-    `}};n.styles=k,e([p({type:String,reflect:!0,attribute:"aria-label"})],n.prototype,"ariaLabel",2),e([p({type:String,attribute:"aria-disabled"})],n.prototype,"ariaDisabled",2),e([p({type:Boolean,reflect:!0,attribute:"is-link"})],n.prototype,"isLink",2),e([p({type:Boolean})],n.prototype,"dynamic",2),e([p({type:String,reflect:!0})],n.prototype,"element",2),e([D()],n.prototype,"_lastWarning",2)});var _=a(()=>{"use strict"});import"lit-element/experimental-hydrate-support.js";var g,E=a(()=>{"use strict"});function x(r="-"){return g&&g.suffix?`${r}${g.suffix}`:""}var O=a(()=>{"use strict";E()});import{property as s}from"lit/decorators.js";import{html as l}from"lit/static-html.js";import{unsafeStatic as w}from"lit/static-html.js";import{ifDefined as f}from"lit/directives/if-defined.js";var o,j=a(()=>{y();L();_();b();O();o=class extends n{constructor(){super();this.preload=!1;this.size="large";this.action="none";this.element="card",this.clickHandler=this.clickHandler.bind(this);let t=x();this.headerNodeName=w(`scw-${"heading"}${t}`),this.imageNodeName=w(`scw-${"image"}${t}`),this.linkNodeName=w(`scw-${"link"}${t}`)}static get styles(){return[super.styles,v]}clickHandler(t){t.stopPropagation(),this.click()}warn(t){this.heading=`error: ${t}`,n.prototype.warn.call(this,t)}renderImage(){if((this.src||this.srcset)&&this.alt)return l`
+    `}};n.styles=k,e([p({type:String,reflect:!0,attribute:"aria-label"})],n.prototype,"ariaLabel",2),e([p({type:String,attribute:"aria-disabled"})],n.prototype,"ariaDisabled",2),e([p({type:Boolean,reflect:!0,attribute:"is-link"})],n.prototype,"isLink",2),e([p({type:Boolean})],n.prototype,"dynamic",2),e([p({type:String,reflect:!0})],n.prototype,"element",2),e([D()],n.prototype,"_lastWarning",2)});var _=a(()=>{"use strict"});import"lit-element/experimental-hydrate-support.js";var g,E=a(()=>{"use strict"});function w(r="-"){return g&&g.suffix?`${r}${g.suffix}`:""}var O=a(()=>{"use strict";E()});import{property as s}from"lit/decorators.js";import{html as l}from"lit/static-html.js";import{unsafeStatic as x}from"lit/static-html.js";import{ifDefined as f}from"lit/directives/if-defined.js";var o,j=a(()=>{y();L();_();b();O();o=class extends n{constructor(){super();this.preload=!1;this.size="large";this.action="none";this.element="card",this.clickHandler=this.clickHandler.bind(this);let t=w();this.headerNodeName=x(`scw-${"heading"}${t}`),this.imageNodeName=x(`scw-${"image"}${t}`),this.linkNodeName=x(`scw-${"link"}${t}`)}static get styles(){return[super.styles,v]}clickHandler(t){t.stopPropagation(),this.click()}warn(t){this.heading=`error: ${t}`,n.prototype.warn.call(this,t)}renderImage(){if((this.src||this.srcset)&&this.alt)return l`
         <scw-image
           class="image-box"
           src="${f(this.src)}"

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

@@ -1,4 +1,4 @@
-var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var a=(s,i,e,o)=>{for(var r=o>1?void 0:o?b(i,e):i,u=s.length-1,c;u>=0;u--)(c=s[u])&&(r=(o?c(i,e,r):c(r))||r);return o&&r&&d(i,e,r),r};import{LitElement as h,html as g}from"lit";import{property as l,state as p}from"lit/decorators.js";import{css as f}from"lit-element/lit-element.js";var m=f`
+var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var a=(s,i,e,o)=>{for(var r=o>1?void 0:o?b(i,e):i,u=s.length-1,c;u>=0;u--)(c=s[u])&&(r=(o?c(i,e,r):c(r))||r);return o&&r&&d(i,e,r),r};import{LitElement as h,html as g}from"lit";import{property as l,state as v}from"lit/decorators.js";import{css as f}from"lit-element/lit-element.js";var m=f`
 :host {
   /* scw element */
   position: relative;
@@ -16,4 +16,4 @@ var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var a=(s,i,e,o
   outline: 2px solid red !important;
 }`;var n=class{constructor(i,e){this._element=i,this._callback=e,this.observe()}observe(){if(this.disconnect(),this._element){let i={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,i)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var t=class extends h{constructor(){super(...arguments);this.ariaLabel="";this.ariaDisabled="false";this.isLink=!1;this.dynamic=!1;this.element="component"}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect()}firstUpdated(e){super.firstUpdated(e),this.dynamic&&(this._lightDomMutationObserver=new n(this,()=>{this.domMutated()}))}domMutated(){}warn(e){this._lastWarning||(this._lastWarning=e,this.setAttribute("warning",e),this.setAttribute("title",`[ERROR]: ${e}`))}clearWarnings(){this._lastWarning=void 0,this.removeAttribute("warning"),this.removeAttribute("title")}render(){return g`
       <slot></slot>
-    `}};t.styles=m,a([l({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),a([l({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),a([l({type:Boolean,reflect:!0,attribute:"is-link"})],t.prototype,"isLink",2),a([l({type:Boolean})],t.prototype,"dynamic",2),a([l({type:String,reflect:!0})],t.prototype,"element",2),a([p()],t.prototype,"_lastWarning",2);customElements.define("scw-component",t);
+    `}};t.styles=m,a([l({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),a([l({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),a([l({type:Boolean,reflect:!0,attribute:"is-link"})],t.prototype,"isLink",2),a([l({type:Boolean})],t.prototype,"dynamic",2),a([l({type:String,reflect:!0})],t.prototype,"element",2),a([v()],t.prototype,"_lastWarning",2);customElements.define("scw-component",t);