scu-web-components 0.0.68 → 0.0.69

package/dist/chunks/chunk.REY5CSRB.js

@@ -0,0 +1,259 @@
+import{a as p}from"./chunk.UT774HON.js";import{a as g}from"./chunk.ZE3NRSEF.js";import{a as n}from"./chunk.YBPGY7E7.js";import{a as i,b as l,c as d}from"./chunk.KX2Y5SBY.js";import{a as t}from"./chunk.G2G2TPJK.js";import{f as o}from"./chunk.PE5ZEEQ2.js";var w=i`
+:host .label {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}`;var h=i`
+:host([design=text]) {
+  display: inline-block;
+}
+
+:host([design=text]) .scw-link-base {
+  outline: none;
+  display: inline;
+}
+:host([design=text]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-06-font);
+  color: var(--scw-color-primary-04);
+  text-decoration: underline;
+}
+
+:host([design=text]:hover) a.scw-link-base .label,
+:host([design=text][hover]) a.scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-06-font);
+  color: var(--scw-color-primary-01);
+}
+
+:host([design=text][aria-disabled=true]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-06-font);
+  color: var(--scw-color-grey-07);
+}`;var f=i`
+:host([design=solid]) .scw-link-base {
+  outline: none;
+  user-select: none;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.6);
+  padding-right: calc(var(--scw-spacing-1) * 1.6);
+  padding-top: calc(var(--scw-spacing-1) * 0.6);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.6);
+  background-color: var(--scw-theme-color, var(--scw-color-primary));
+  border-radius: 6px 6px 6px 6px;
+  display: inline-flex;
+}
+:host([design=solid]) .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=solid]) .scw-link-base .label {
+  font: var(--scw-type-text-bold-condensed-06-font);
+  color: var(--scw-theme-color-inv, var(--scw-color-grey-10));
+  min-height: 27px;
+}
+:host([design=solid]) .scw-link-base .icon {
+  width: 24px;
+  height: 24px;
+}
+:host([design=solid]) .scw-link-base .icon svg {
+  box-sizing: border-box;
+  vertical-align: top;
+  width: 100%;
+  height: 100%;
+  fill: var(--scw-theme-color-inv, var(--scw-color-grey-10));
+}
+:host([design=solid]) .scw-link-base .icon svg * {
+  fill: var(--scw-theme-color-inv, var(--scw-color-grey-10));
+}
+
+:host([design=solid][icon][icon-side=left]) .scw-link-base {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.2);
+  padding-right: calc(var(--scw-spacing-1) * 1.6);
+  padding-top: calc(var(--scw-spacing-1) * 0.6);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.6);
+  display: inline-flex;
+}
+:host([design=solid][icon][icon-side=left]) .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=solid][icon][icon-side=right]) .scw-link-base {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.6);
+  padding-right: calc(var(--scw-spacing-1) * 1.2);
+  padding-top: calc(var(--scw-spacing-1) * 0.6);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.6);
+  display: inline-flex;
+}
+:host([design=solid][icon][icon-side=right]) .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=solid]:hover) a.scw-link-base,
+:host([design=solid][hover]) a.scw-link-base {
+  background-color: var(--scw-theme-color-hover, var(--scw-color-primary-01));
+}
+:host([design=solid]:hover) a.scw-link-base .label,
+:host([design=solid][hover]) a.scw-link-base .label {
+  font: var(--scw-type-text-bold-condensed-06-font);
+  color: var(--scw-theme-color-hover-inv, var(--scw-color-grey-10));
+}
+
+:host([design=solid][aria-disabled=true]) .scw-link-base {
+  background-color: var(--scw-color-grey-095);
+  border-radius: 6px 6px 6px 6px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-095);
+}
+:host([design=solid][aria-disabled=true]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-06-font);
+  color: var(--scw-color-grey-07);
+}
+:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg {
+  fill: var(--scw-color-grey-07);
+}
+:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg * {
+  fill: var(--scw-color-grey-07);
+}`;var v=i`
+:host([design=outlined]) .scw-link-base {
+  outline: none;
+  user-select: none;
+  background-color: var(--scw-color-grey-10);
+  border-radius: 6px 6px 6px 6px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-primary);
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.6);
+  padding-right: calc(var(--scw-spacing-1) * 1.6);
+  padding-top: calc(var(--scw-spacing-1) * 0.6);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.6);
+  display: inline-flex;
+}
+:host([design=outlined]) .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=outlined]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-06-font);
+  color: var(--scw-color-primary);
+  min-height: 27px;
+}
+:host([design=outlined]) .scw-link-base .icon {
+  width: 24px;
+  height: 24px;
+}
+:host([design=outlined]) .scw-link-base .icon svg {
+  box-sizing: border-box;
+  vertical-align: top;
+  width: 100%;
+  height: 100%;
+  fill: var(--scw-color-primary);
+}
+:host([design=outlined]) .scw-link-base .icon svg * {
+  fill: var(--scw-color-primary);
+}
+
+:host([design=outlined][icon][icon-side=left]) .scw-link-base {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.2);
+  padding-right: calc(var(--scw-spacing-1) * 1.6);
+  padding-top: calc(var(--scw-spacing-1) * 0.6);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.6);
+  display: inline-flex;
+}
+:host([design=outlined][icon][icon-side=left]) .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=outlined][icon][icon-side=right]) .scw-link-base {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.6);
+  padding-right: calc(var(--scw-spacing-1) * 1.2);
+  padding-top: calc(var(--scw-spacing-1) * 0.6);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.6);
+  display: inline-flex;
+}
+:host([design=outlined][icon][icon-side=right]) .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=outlined]:hover) a.scw-link-base,
+:host([design=outlined][hover]) a.scw-link-base {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 6px 6px 6px 6px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-primary-01);
+}
+:host([design=outlined]:hover) a.scw-link-base .label,
+:host([design=outlined][hover]) a.scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-06-font);
+  color: var(--scw-color-primary-01);
+}
+
+:host([design=outlined][aria-disabled=true]) .scw-link-base {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 6px 6px 6px 6px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-09);
+}
+:host([design=outlined][aria-disabled=true]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-06-font);
+  color: var(--scw-color-grey-07);
+}
+:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg {
+  fill: var(--scw-color-grey-07);
+}
+:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg * {
+  fill: var(--scw-color-grey-07);
+}`;var b=i`
+:host([design=plain]) .scw-link-base {
+  outline: none;
+  display: inline-block;
+}`;var a=(c=>(c.solid="solid",c.outlined="outlined",c.text="text",c.plain="plain",c))(a||{});var e=class extends p{constructor(){super();this.iconSide="left";this.design="solid";this._svgInfo="";this.element="link"}static get styles(){return[super.styles,w]}set icon(s){let r=this._icon;this._icon=s,this.requestUpdate("icon",r),this.refreshIcon()}get icon(){return this._icon}refreshIcon(){this.clearWarnings(),g(this.icon,s=>{s===!1?this.warn(`scw-icon could not find ${this.icon}`):this._svgInfo=s})}validDesigns(){return a}doShowIcon(){return!!(this.icon&&this.design!=="plain"&&this.design!=="text")}renderContent(){let s=this.doShowIcon(),r=`<style>${this.findStyle().cssText}</style>`;return this.design==="plain"?t`
+        ${n(r)}
+        <slot></slot>
+      `:t`
+      ${s&&this.iconSide==="left"?t`
+        <div class="icon">
+          ${n(this._svgInfo)}
+        </div>`:""}
+        ${n(r)}
+        <div class="label">
+          ${this.ariaLabel}
+        </div>
+      ${s&&this.iconSide==="right"?t`
+        <div class="icon">
+          ${n(this._svgInfo)}
+        </div>`:""}`}findStyle(){switch(this.design){case"solid":return f;case"outlined":return v;case"text":return h;case"plain":default:return b}}render(){return this.renderLink(this.renderContent())}};o([l({type:String,reflect:!0})],e.prototype,"icon",1),o([l({type:String,reflect:!0,attribute:"icon-side"})],e.prototype,"iconSide",2),o([l({type:String,reflect:!0})],e.prototype,"design",2),o([d()],e.prototype,"_svgInfo",2);export{e as a};

package/dist/chunks/chunk.RLGR4TVX.js

@@ -0,0 +1,190 @@
+import{a as R}from"./chunk.YBPGY7E7.js";import{a as K,b as I,e as H}from"./chunk.KX2Y5SBY.js";import{a as o}from"./chunk.G2G2TPJK.js";import{b as d,d as v,f as B}from"./chunk.PE5ZEEQ2.js";var f=d(p=>{"use strict";Object.defineProperty(p,"__esModule",{value:!0});p.BLOCKS=void 0;var X;(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"})(X=p.BLOCKS||(p.BLOCKS={}))});var O=d(b=>{"use strict";Object.defineProperty(b,"__esModule",{value:!0});b.INLINES=void 0;var F;(function(e){e.HYPERLINK="hyperlink",e.ENTRY_HYPERLINK="entry-hyperlink",e.ASSET_HYPERLINK="asset-hyperlink",e.EMBEDDED_ENTRY="embedded-entry-inline"})(F=b.INLINES||(b.INLINES={}))});var A=d(D=>{"use strict";Object.defineProperty(D,"__esModule",{value:!0});var m;(function(e){e.BOLD="bold",e.ITALIC="italic",e.UNDERLINE="underline",e.CODE="code",e.SUPERSCRIPT="superscript",e.SUBSCRIPT="subscript"})(m||(m={}));D.default=m});var M=d(i=>{"use strict";var z=i&&i.__spreadArray||function(e,n,r){if(r||arguments.length===2)for(var l=0,s=n.length,L;l<s;l++)(L||!(l in n))&&(L||(L=Array.prototype.slice.call(n,0,l)),L[l]=n[l]);return e.concat(L||Array.prototype.slice.call(n))},Z=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=Z(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=z([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 G=d(w=>{"use strict";Object.defineProperty(w,"__esModule",{value:!0})});var k=d(x=>{"use strict";Object.defineProperty(x,"__esModule",{value:!0})});var j=d(g=>{"use strict";Object.defineProperty(g,"__esModule",{value:!0});var $=f(),ee={nodeType:$.BLOCKS.DOCUMENT,data:{},content:[{nodeType:$.BLOCKS.PARAGRAPH,data:{},content:[{nodeType:"text",value:"",marks:[],data:{}}]}]};g.default=ee});var Y=d(_=>{"use strict";Object.defineProperty(_,"__esModule",{value:!0});_.isText=_.isBlock=_.isInline=void 0;var te=f(),re=O();function U(e,n){for(var r=0,l=Object.keys(e);r<l.length;r++){var s=l[r];if(n===e[s])return!0}return!1}function ne(e){return U(re.INLINES,e.nodeType)}_.isInline=ne;function oe(e){return U(te.BLOCKS,e.nodeType)}_.isBlock=oe;function ie(e){return e.nodeType==="text"}_.isText=ie});var N=d(a=>{"use strict";var q=a&&a.__createBinding||(Object.create?function(e,n,r,l){l===void 0&&(l=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,l,s)}:function(e,n,r,l){l===void 0&&(l=r),e[l]=n[r]}),ae=a&&a.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),C=a&&a.__exportStar||function(e,n){for(var r in e)r!=="default"&&!Object.prototype.hasOwnProperty.call(n,r)&&q(n,e,r)},le=a&&a.__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 ae(n,e),n},V=a&&a.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(a,"__esModule",{value:!0});a.helpers=a.EMPTY_DOCUMENT=a.MARKS=a.INLINES=a.BLOCKS=void 0;var ce=f();Object.defineProperty(a,"BLOCKS",{enumerable:!0,get:function(){return ce.BLOCKS}});var se=O();Object.defineProperty(a,"INLINES",{enumerable:!0,get:function(){return se.INLINES}});var ue=A();Object.defineProperty(a,"MARKS",{enumerable:!0,get:function(){return V(ue).default}});C(M(),a);C(G(),a);C(k(),a);var Ee=j();Object.defineProperty(a,"EMPTY_DOCUMENT",{enumerable:!0,get:function(){return V(Ee).default}});var de=le(Y());a.helpers=de});var P=K`
+@charset "UTF-8";
+:host {
+  display: block;
+}
+
+h1 {
+  font: var(--scw-type-text-bold-condensed-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-primary));
+}
+
+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-primary));
+  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-primary));
+  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-primary));
+}
+
+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-primary));
+}
+th p {
+  font-weight: bold;
+  color: var(--scw-color-grey-10);
+}
+
+tr:nth-child(even) {
+  background-color: var(--scw-color-grey-095);
+}`;var W=v(N(),1);var c=v(N(),1);function y(e){return e?u(e.content):o`homer`}function u(e){return o`${e.map(n=>_e(n))}`}function _e(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`${Q(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`${J(e)}`;case c.INLINES.EMBEDDED_ENTRY:return o`${Q(e)}`;case"text":return Le(e);default:return o`<p>not implemented: ${e.nodeType}</p>`}}function Le(e){let n=new RegExp(/\n/g),r=o`${R(e.value.replace(n,"<br />"))}`;return e.marks.map(l=>{switch(l.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 Q(e){let n={},r=e.data.target.sys.contentType.sys.id;switch(r){case"link":n=J(e.data);break;case"image":n=pe(e.data);break;default:n=o`<i>${r} : Not implemented!</i>`}return n}function J(e){var l,s;let n=(l=e.target.fields)==null?void 0:l.url,r=(s=e.target.fields)==null?void 0:s.label;return n?o`<scw-link 
+                design="text"
+                href="${n.fields.slug}" 
+                aria-label="${r}"> 
+              </scw-link>`:o`Missing Url`}function pe(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}"></img>`:o`Missing asset`}var S=class extends H{constructor(){super();this.element="rich-text"}static get styles(){return[super.styles,P]}render(){let r;try{if(this.contentJson){let s=JSON.parse(decodeURIComponent(this.contentJson));s&&s.nodeType===W.BLOCKS.DOCUMENT&&(r=s)}}catch(s){console.error(`RichText parse error: "${this.contentJson}"`,s)}return o`
+      <div class="container">
+        ${r?y(r):""}
+      </div>
+    `}};B([I({type:String,attribute:"content-json",reflect:!0})],S.prototype,"contentJson",2),B([I({type:String,attribute:"content-html",reflect:!0})],S.prototype,"contentHtml",2);export{S as a};

package/dist/chunks/chunk.RRBMFB3V.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,e as u}from"./chunk.KX2Y5SBY.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.U6BP5BH2.js

@@ -0,0 +1,28 @@
+import{c as r}from"./chunk.HZLIIBNH.js";import{a as s,b as l}from"./chunk.K5LAHA72.js";import{a as u}from"./chunk.4AJTBTEU.js";import{a as n,b as d,c as m}from"./chunk.XKUXW432.js";import{a as p}from"./chunk.UXNK7KZZ.js";import{a as c}from"./chunk.WKH73SBC.js";import{a as i,b as o}from"./chunk.KX2Y5SBY.js";import{f as a}from"./chunk.PE5ZEEQ2.js";var h=i`
+:host {
+  display: block;
+}`;var t=class extends r{constructor(){super();this.type="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.element="input";let e=u();this.scwInputField=s(`scw-${"input-field"}${e}`),this.scwInputLayout=s(`scw-${"input-layout"}${e}`)}static get styles(){return[super.styles,h]}_focusHandler(){this.focused=!0}_blurHandler(){this.focused=!1,this.validate()}_valueChangeHandler(e){this.value=e.detail.value}checkForSubmit(e){e.key==="Enter"&&c("scw-submit-intent",this)}render(){return l`
+      <${this.scwInputLayout}
+        .label=${this.ariaLabel}
+        .feedback=${this.feedback}
+         aria-disabled=${this.ariaDisabled==="true"?"true":"false"}
+        ?focused=${this.focused}
+        ?invalid=${this.invalid}>
+        <${this.scwInputField}
+          .value=${this.value}
+          .type=${this.type}
+          .placeholder=${this.placeholder}
+          aria-disabled=${this.ariaDisabled==="true"?"true":"false"}
+          autocapitalize=${this.autoCapitalize}
+          autocomplete=${this.autoComplete}
+          autocorrect=${this.autoCorrect}
+          ?autofocus=${this.autoFocus}
+          ?readonly="${this.readOnly}"
+          @keyup=${this.checkForSubmit}
+          @scw-focus=${this._focusHandler}
+          @scw-blur=${this._blurHandler}
+          @scw-value-change=${this._valueChangeHandler}>
+        </${this.scwInputField}>
+      </${this.scwInputLayout}>
+      <slot name="validation"></slot>
+    `}};a([o({type:p})],t.prototype,"type",2),a([o({type:n,attribute:"autocapitalize"})],t.prototype,"autoCapitalize",2),a([o({type:d,attribute:"autocomplete"})],t.prototype,"autoComplete",2),a([o({type:m,attribute:"autocorrect"})],t.prototype,"autoCorrect",2),a([o({type:Boolean,attribute:"autofocus"})],t.prototype,"autoFocus",2);export{t as a};

package/dist/chunks/chunk.U6VKUVBB.js

@@ -0,0 +1,48 @@
+import{a as o}from"./chunk.YBPGY7E7.js";import{a as d,b as f}from"./chunk.ZZNNPPOA.js";import{a as i,b as n,c as l,d as a,e as c}from"./chunk.KX2Y5SBY.js";import{a as s}from"./chunk.G2G2TPJK.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var p=i`
+:host {
+  display: block;
+}
+
+.container {
+  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;
+}
+.container > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 3.8);
+  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );
+}
+
+.circle {
+  background-color: var(--scw-color-grey-092);
+  border-radius: 50% 50% 50% 50%;
+  width: 10px;
+  height: 10px;
+}
+.circle.focused {
+  background-color: var(--scw-color-grey-07);
+  border-radius: 50% 50% 50% 50%;
+}
+
+.body p {
+  font-size: 42px;
+}`;var e=class extends c{constructor(){super();this.test="test";this.testState=0;this.contentRef=d();this.example="hello there";this.element="stepper"}static get styles(){return[super.styles,p]}firstUpdated(){this.attachContent()}attachContent(){let t=this.querySelector("#content");this.contentRef.value&&t&&this.contentRef.value.appendChild(t.content.cloneNode(!0))}renderStepItem(t=!1){return s`
+      <div class="circle ${t?"focused":""}"></div>
+    `}render(){let t;try{this.testJson&&(t=JSON.parse(decodeURIComponent(this.testJson)))}catch(m){console.error(m)}return s`
+      <div class="container" @click=${()=>console.log("hi")}>
+        ${this.renderStepItem()}
+        ${this.renderStepItem(!0)}
+        ${this.renderStepItem()}
+        ${o(t?JSON.stringify(t):"")}
+        ${o(this.testHtml?decodeURIComponent(this.testHtml):"")}
+        <div
+          class="body"
+          ${f(this.contentRef)}>
+        </div>
+      </div>
+    `}};r([n({type:String,attribute:"test-json",reflect:!0})],e.prototype,"testJson",2),r([n({type:String,attribute:"test-html",reflect:!0})],e.prototype,"testHtml",2),r([n({type:String,attribute:"test-attr",reflect:!0})],e.prototype,"testAttr",2),r([l()],e.prototype,"testState",2),r([a("#myBtn")],e.prototype,"first",2);export{e as a};

package/dist/chunks/chunk.UT774HON.js

@@ -0,0 +1,26 @@
+import{a as n}from"./chunk.NRBAPPP6.js";import{a,b as i,d as l,e as c}from"./chunk.KX2Y5SBY.js";import{a as s}from"./chunk.G2G2TPJK.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var f=a`
+.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 c{constructor(){super();this.element="link-base",this.isLink=!0}static get styles(){return[super.styles,f]}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,o){return this.ariaDisabled!=="true"?s`
+        <a
+          class="scw-link-base"
+          style="${n(o)}"
+          href="${this.href?this.href:"javascript:"}"
+          target="${this.target?this.target:"_self"}"
+          aria-label="${this.ariaLabel}">
+          ${t}
+        </a>`:s`
+        <div class="scw-link-base"
+          style="${n(o)}">
+          ${t}
+        </div>`}render(){return this.renderLink(s`${this._lastWarning?this._lastWarning:this.ariaLabel}`)}};r([i({type:String,reflect:!0})],e.prototype,"href",2),r([i({type:String,reflect:!0})],e.prototype,"target",2),r([l("a.scw-link-base")],e.prototype,"linkAnchor",2);export{e as a};