scu-web-components 0.0.30 → 0.0.33

package/dist/chunks/chunk.SCJX2KOP.js

@@ -0,0 +1,261 @@
+import{b as d}from"./chunk.I4ZVEUHX.js";import{a}from"./chunk.TE6ZDRYB.js";import{a as b}from"./chunk.MQ57PGFU.js";import{d as r}from"./chunk.3L2ZC5SN.js";import{a as i,b as e,c as o}from"./chunk.YITG6YRY.js";import{a as l}from"./chunk.IHVBWZ57.js";import{g as s}from"./chunk.5YJY6NT6.js";var p=i`
+:host .label {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWxpbmsvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmsuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHRTtFQUVFO0VBQ0E7RUFDQSJ9 */`;var L=i`
+: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-font);
+  color: var(--scw-color-03, var(--scw-color-primary-03));
+  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-font);
+  color: var(--scw-color-01, var(--scw-color-primary-01));
+}
+
+:host([design=text][aria-disabled=true]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-07);
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWxpbmsvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstdGV4dC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVzaWduLXRleHQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1ob3Zlci1kZXNpZ24tdGV4dC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi10ZXh0LWxhYmVsLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBO0VBQ0U7RUFDQTs7QUFDQTtFQ0xBO0VBQ0E7RUFFRTtFRElBOzs7QUFPRjtBQUFBO0VFZEE7RUFDQTtFQUVFOzs7QUZrQkY7RUdyQkE7RUFDQTtFQUlFIn0= */`;var v=i`
+:host([design=solid]) .scw-link-base {
+  outline: none;
+  user-select: none;
+  background-color: var(--scw-color-03, var(--scw-color-primary-03));
+  border-radius: 10px 10px 10px 10px;
+  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.5);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.5);
+  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 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-10);
+  min-height: 22px;
+}
+: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-color-grey-10);
+}
+:host([design=solid]) .scw-link-base .icon svg * {
+  fill: 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.4);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.4);
+  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.4);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.4);
+  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-color-01, var(--scw-color-primary-01));
+  border-radius: 10px 10px 10px 10px;
+}
+:host([design=solid]:hover) a.scw-link-base .label,
+:host([design=solid][hover]) a.scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-10);
+}
+
+:host([design=solid][aria-disabled=true]) .scw-link-base {
+  background-color: var(--scw-color-grey-095);
+  border-radius: 10px 10px 10px 10px;
+}
+:host([design=solid][aria-disabled=true]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-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);
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWxpbmsvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstc29saWQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2RlZmF1bHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZWZhdWx0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVmYXVsdC1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZWZhdWx0LWxlZnQtaWNvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tbGVmdC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tcmlnaHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1ob3Zlci1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWhvdmVyLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtZGlzYWJsZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1kaXNhYmxlZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWxhYmVsLXZhcnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQkE7RUFDRTtFQUNBO0VDWkU7RUFJRjtFQXdCQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VEbkJBOztBQ29CQTtFQUNNO0VBQ0E7O0FEcEJOO0VFcEJBO0VBQ0E7RUFJRTtFRmlCQSxZR2RLOztBSGlCUDtFSWZBO0VBQ0E7O0FKaUJFO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQSxNR2hDRTs7QUhpQ0Y7RUFDRSxNR2xDQTs7O0FId0NSO0VLWEU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTE1BOztBS0xBO0VBQ007RUFDQTs7O0FMS1I7RU1mRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VOVUE7O0FNVEE7RUFDTTtFQUNBOzs7QU5XUjtBQUFBO0VPakRJO0VBSUY7O0FQZ0RBO0FBQUE7RVF0REE7RUFDQTtFQUlFOzs7QVJ1REo7RVN4REk7RUFFRjs7QVR3REE7RVU5REE7RUFDQTtFQUlFOztBVjZEQTtFQUNFLE1XbEVFOztBWG1FRjtFQUNFLE1XcEVBIn0= */`;var g=i`
+:host([design=outlined]) .scw-link-base {
+  outline: none;
+  user-select: none;
+  background-color: var(--scw-color-grey-10);
+  border-radius: 10px 10px 10px 10px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-04, var(--scw-color-primary-04));
+  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.3);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.3);
+  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-06-font);
+  color: var(--scw-color-03, var(--scw-color-primary-03));
+  min-height: 22px;
+}
+: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-03);
+}
+:host([design=outlined]) .scw-link-base .icon svg * {
+  fill: var(--scw-color-primary-03);
+}
+
+: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.2);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.2);
+  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.2);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.2);
+  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: 10px 10px 10px 10px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-01, 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-06-font);
+  color: var(--scw-color-01, var(--scw-color-primary-01));
+}
+
+:host([design=outlined][aria-disabled=true]) .scw-link-base {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 10px 10px 10px 10px;
+  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-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);
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWxpbmsvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstb3V0bGluZWQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2Rlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2Rlc2lnbi1vdXRsaW5lZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2Rlc2lnbi1vdXRsaW5lZC1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbGVmdC1pY29uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9faWNvbi1sZWZ0LWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tcmlnaHQtZGVzaWduLW91dGxpbmVkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtaG92ZXItZGVzaWduLW91dGxpbmVkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtaG92ZXItZGVzaWduLW91dGxpbmVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtZGlzYWJsZWQtZGVzaWduLW91dGxpbmVkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtZGlzYWJsZWQtZGVzaWduLW91dGxpbmVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtZGlzYWJsZWQtZGVzaWduLW91dGxpbmVkLWxhYmVsLXZhcnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQkE7RUFDRTtFQUNBO0VDWEU7RUFFRjtFQUNBO0VBQ0E7RUFFRTtFQTJCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VEMUJBOztBQzJCQTtFQUNNO0VBQ0E7O0FEM0JOO0VFcEJBO0VBQ0E7RUFFRTtFRm1CQSxZR2RLOztBSGlCUDtFSWZBO0VBQ0E7O0FKaUJFO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQSxNR2hDRTs7QUhpQ0Y7RUFDRSxNR2xDQTs7O0FId0NSO0VLSkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTERBOztBS0VBO0VBQ007RUFDQTs7O0FMRFI7RU1URTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VOSUE7O0FNSEE7RUFDTTtFQUNBOzs7QU5LUjtBQUFBO0VPaERJO0VBRUY7RUFDQTtFQUNBO0VBRUU7O0FQNkNGO0FBQUE7RVF2REE7RUFDQTtFQUVFOzs7QVIwREo7RVN6REk7RUFFRjtFQUNBO0VBQ0E7RUFJRTs7QVRtREY7RVUvREE7RUFDQTtFQUlFOztBVjhEQTtFQUNFLE1XbkVFOztBWG9FRjtFQUNFLE1XckVBIn0= */`;var u=i`
+:host([design=plain]) .scw-link-base {
+  outline: none;
+  display: inline-block;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWxpbmsvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstcGxhaW4uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNFO0VBQ0EifQ== */`;var c=class extends r{constructor(){super();this.iconSide="left";this.design="solid";this._svgInfo="";this.element="link"}static get styles(){return[super.styles,p]}parseAndValidateLightDom(){super.parseAndValidateLightDom(),b(this.icon,t=>{t===!1?this.warn(`scw-icon could not find ${this.icon}`):this._svgInfo=t})}validDesigns(){return d}doShowIcon(){return!!(this.icon&&this.design!=="plain"&&this.design!=="text")}renderContent(){let t=this.doShowIcon(),n=`<style>${this.findStyle().cssText}</style>`;return this.design==="plain"?l`
+        ${a(n)}
+        <slot></slot>
+      `:l`
+      ${t&&this.iconSide==="left"?l`
+        <div class="icon">
+          ${a(this._svgInfo)}
+        </div>`:""}
+        ${a(n)}
+        <div class="label">
+          ${this.ariaLabel}
+        </div>
+      ${t&&this.iconSide==="right"?l`
+        <div class="icon">
+          ${a(this._svgInfo)}
+        </div>`:""}`}findStyle(){switch(this.design){case"solid":return v;case"outlined":return g;case"text":return L;case"plain":default:return u}}render(){return this.renderLink(this.renderContent())}};s([e({type:String,reflect:!0})],c.prototype,"icon",2),s([e({type:String,reflect:!0,attribute:"icon-side"})],c.prototype,"iconSide",2),s([e({type:String,reflect:!0})],c.prototype,"design",2),s([o()],c.prototype,"_svgInfo",2);export{c as a};
+//# sourceMappingURL=chunk.SCJX2KOP.js.map

package/dist/chunks/chunk.SCJX2KOP.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-link/scss/scw-link.scss", "../../src/scw-link/scss/scw-link-text.scss", "../../src/scw-link/scss/scw-link-solid.scss", "../../src/scw-link/scss/scw-link-outlined.scss", "../../src/scw-link/scss/scw-link-plain.scss", "../../src/scw-link/ScwLink.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host .label {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWxpbmsvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmsuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHRTtFQUVFO0VBQ0E7RUFDQSJ9 */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=text]) .scw-link-base {\n  outline: none;\n  display: inline;\n}\n:host([design=text]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  text-decoration: underline;\n}\n\n:host([design=text]:hover) a.scw-link-base .label,\n:host([design=text][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n\n:host([design=text][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWxpbmsvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstdGV4dC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVzaWduLXRleHQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1ob3Zlci1kZXNpZ24tdGV4dC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi10ZXh0LWxhYmVsLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBO0VBQ0U7RUFDQTs7QUFDQTtFQ0xBO0VBQ0E7RUFFRTtFRElBOzs7QUFPRjtBQUFBO0VFZEE7RUFDQTtFQUVFOzs7QUZrQkY7RUdyQkE7RUFDQTtFQUlFIn0= */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=solid]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  background-color: var(--scw-color-03, var(--scw-color-primary-03));\n  border-radius: 10px 10px 10px 10px;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.5);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.5);\n  display: inline-flex;\n}\n:host([design=solid]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=solid]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-10);\n  min-height: 22px;\n}\n:host([design=solid]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=solid]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-grey-10);\n}\n:host([design=solid]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([design=solid][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.4);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.4);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.4);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.4);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid]:hover) a.scw-link-base,\n:host([design=solid][hover]) a.scw-link-base {\n  background-color: var(--scw-color-01, var(--scw-color-primary-01));\n  border-radius: 10px 10px 10px 10px;\n}\n:host([design=solid]:hover) a.scw-link-base .label,\n:host([design=solid][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-10);\n}\n\n:host([design=solid][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 10px 10px 10px 10px;\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWxpbmsvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstc29saWQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2RlZmF1bHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZWZhdWx0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVmYXVsdC1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZWZhdWx0LWxlZnQtaWNvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tbGVmdC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tcmlnaHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1ob3Zlci1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWhvdmVyLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtZGlzYWJsZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1kaXNhYmxlZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWxhYmVsLXZhcnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQkE7RUFDRTtFQUNBO0VDWkU7RUFJRjtFQXdCQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VEbkJBOztBQ29CQTtFQUNNO0VBQ0E7O0FEcEJOO0VFcEJBO0VBQ0E7RUFJRTtFRmlCQSxZR2RLOztBSGlCUDtFSWZBO0VBQ0E7O0FKaUJFO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQSxNR2hDRTs7QUhpQ0Y7RUFDRSxNR2xDQTs7O0FId0NSO0VLWEU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTE1BOztBS0xBO0VBQ007RUFDQTs7O0FMS1I7RU1mRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VOVUE7O0FNVEE7RUFDTTtFQUNBOzs7QU5XUjtBQUFBO0VPakRJO0VBSUY7O0FQZ0RBO0FBQUE7RVF0REE7RUFDQTtFQUlFOzs7QVJ1REo7RVN4REk7RUFFRjs7QVR3REE7RVU5REE7RUFDQTtFQUlFOztBVjZEQTtFQUNFLE1XbEVFOztBWG1FRjtFQUNFLE1XcEVBIn0= */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=outlined]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-04, var(--scw-color-primary-04));\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.3);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.3);\n  display: inline-flex;\n}\n:host([design=outlined]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=outlined]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  min-height: 22px;\n}\n:host([design=outlined]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=outlined]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-primary-03);\n}\n:host([design=outlined]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-primary-03);\n}\n\n:host([design=outlined][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.2);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.2);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.2);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.2);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined]:hover) a.scw-link-base,\n:host([design=outlined][hover]) a.scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n:host([design=outlined]:hover) a.scw-link-base .label,\n:host([design=outlined][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n\n:host([design=outlined][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWxpbmsvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstb3V0bGluZWQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2Rlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2Rlc2lnbi1vdXRsaW5lZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2Rlc2lnbi1vdXRsaW5lZC1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbGVmdC1pY29uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9faWNvbi1sZWZ0LWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tcmlnaHQtZGVzaWduLW91dGxpbmVkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtaG92ZXItZGVzaWduLW91dGxpbmVkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtaG92ZXItZGVzaWduLW91dGxpbmVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtZGlzYWJsZWQtZGVzaWduLW91dGxpbmVkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtZGlzYWJsZWQtZGVzaWduLW91dGxpbmVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtZGlzYWJsZWQtZGVzaWduLW91dGxpbmVkLWxhYmVsLXZhcnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQkE7RUFDRTtFQUNBO0VDWEU7RUFFRjtFQUNBO0VBQ0E7RUFFRTtFQTJCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VEMUJBOztBQzJCQTtFQUNNO0VBQ0E7O0FEM0JOO0VFcEJBO0VBQ0E7RUFFRTtFRm1CQSxZR2RLOztBSGlCUDtFSWZBO0VBQ0E7O0FKaUJFO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQSxNR2hDRTs7QUhpQ0Y7RUFDRSxNR2xDQTs7O0FId0NSO0VLSkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTERBOztBS0VBO0VBQ007RUFDQTs7O0FMRFI7RU1URTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VOSUE7O0FNSEE7RUFDTTtFQUNBOzs7QU5LUjtBQUFBO0VPaERJO0VBRUY7RUFDQTtFQUNBO0VBRUU7O0FQNkNGO0FBQUE7RVF2REE7RUFDQTtFQUVFOzs7QVIwREo7RVN6REk7RUFFRjtFQUNBO0VBQ0E7RUFJRTs7QVRtREY7RVUvREE7RUFDQTtFQUlFOztBVjhEQTtFQUNFLE1XbkVFOztBWG9FRjtFQUNFLE1XckVBIn0= */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=plain]) .scw-link-base {\n  outline: none;\n  display: inline-block;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWxpbmsvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstcGxhaW4uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNFO0VBQ0EifQ== */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\nimport styles from './scss/scw-link.scss';\nimport stylesText from './scss/scw-link-text.scss';\nimport stylesSolid from './scss/scw-link-solid.scss';\nimport stylesOutline from './scss/scw-link-outlined.scss';\nimport stylesPlain from './scss/scw-link-plain.scss';\nimport {\n  ScwLinkSide,\n  ScwLinkDesigns,\n} from './scw-link-enums';\nimport getIconSvg from '../utils/getIconSvg';\nimport {Components} from '../utils/enums/Components';\nimport {ScwMenuItemDesigns} from '../scw-menu-item/scw-menu-item-enums';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\n\n/**\n * ScwLink\n * @class\n * @tag scw-link\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwLink extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwLink ==================================================\n  /**\n  * (ScwLink) Determines the icon to use with the text\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    icon: string | undefined;\n\n  /**\n  * (ScwLink) Determines which side the icon should show up on\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'icon-side'})\n    iconSide: ScwLinkSide = ScwLinkSide.left;\n\n  /**\n  * (ScwLink) The design style of the link.\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    design: ScwLinkDesigns | ScwMenuItemDesigns = ScwLinkDesigns.solid;\n\n  @state() _svgInfo : string = '';\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.link;\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(`scw-icon could not find ${this.icon}`);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * Way to extend valid design types...\n  * @return {object} object of valid designs relative to this object\n  */\n  validDesigns() : object {\n    return ScwLinkDesigns;\n  }\n\n  /**\n  * Way to extend valid design icon types...\n  * @return {boolean}\n  */\n  doShowIcon() : boolean {\n    if ( this.icon &&\n      this.design !== ScwLinkDesigns.plain &&\n      this.design !== ScwLinkDesigns.text ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * renderContent\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    const doShowIcon = this.doShowIcon();\n    // ssr is fighting injecting css this way...\n    const localCss = `<style>${this.findStyle().cssText}</style>`;\n\n    if (this.design === ScwLinkDesigns.plain) {\n      return html`\n        ${unsafeHTML(localCss)}\n        <slot></slot>\n      `;\n    }\n\n    return html`\n      ${doShowIcon && this.iconSide === ScwLinkSide.left ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}\n        ${unsafeHTML(localCss)}\n        <div class=\"label\">\n          ${this.ariaLabel}\n        </div>\n      ${doShowIcon && this.iconSide === ScwLinkSide.right ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}`;\n  }\n\n  /**\n   * find the style per design\n   * @return {object}\n   */\n  findStyle() {\n    switch (this.design) {\n      case ScwLinkDesigns.solid:\n        return stylesSolid;\n      case ScwLinkDesigns.outlined:\n        return stylesOutline;\n      case ScwLinkDesigns.text:\n        return stylesText;\n      case ScwLinkDesigns.plain:\n      default:\n        return stylesPlain;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n   render(): object {\n    return this.renderLink(\n      this.renderContent(),\n    );\n  }\n}\n"],
+  "mappings": "iSACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;6VCAf,IAAOC,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6xBCAf,IAAOC,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;y+DCAf,IAAOC,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;yuECAf,IAAOC,EAAQC;AAAA;AAAA;AAAA;AAAA;iWC2Bf,IAAqBC,EAArB,cAAqCC,CAAY,CAsC/C,aAAc,CACZ,MAAM,EAfN,qBAOA,oBAEO,cAAoB,GAO3B,KAAK,cACP,CArCA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAmCA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/BC,EAAW,KAAK,KAAOC,GAA6B,CAC9CA,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,MAAM,EAEhD,KAAK,SAAWA,CAEpB,CAAC,CACH,CAMA,cAAwB,CACtB,OAAOC,CACT,CAMA,YAAuB,CACrB,MAAK,QAAK,MACR,KAAK,kBACL,KAAK,gBAIT,CAMA,eAAwB,CACtB,IAAMC,EAAa,KAAK,WAAW,EAE7BC,EAAW,UAAU,KAAK,UAAU,EAAE,kBAE5C,OAAI,KAAK,iBACAC;AAAA,UACHC,EAAWF,CAAQ;AAAA;AAAA,QAKlBC;AAAA,QACHF,GAAc,KAAK,kBACrBE;AAAA;AAAA,YAEMC,EAAW,KAAK,QAAQ;AAAA,gBAClB;AAAA,UACRA,EAAWF,CAAQ;AAAA;AAAA,YAEjB,KAAK;AAAA;AAAA,QAETD,GAAc,KAAK,mBACrBE;AAAA;AAAA,YAEMC,EAAW,KAAK,QAAQ;AAAA,gBAClB,IAChB,CAMA,WAAY,CACV,OAAQ,KAAK,oBAET,OAAOC,iBAEP,OAAOC,aAEP,OAAOC,sBAGP,OAAOC,EAEb,CAMC,QAAiB,CAChB,OAAO,KAAK,WACV,KAAK,cAAc,CACrB,CACF,CACF,EAvHIC,EAAA,CADD,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBd,EAiBjB,oBAOAc,EAAA,CADD,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,WAAW,CAAC,GAvB5Cd,EAwBjB,wBAOAc,EAAA,CADD,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GA9BpBd,EA+BjB,sBAEOc,EAAA,CAARC,EAAM,GAjCYf,EAiCV",
+  "names": ["scw_link_default", "r", "scw_link_text_default", "r", "scw_link_solid_default", "r", "scw_link_outlined_default", "r", "scw_link_plain_default", "r", "ScwLink", "ScwLinkBase", "scw_link_default", "getIconSvg", "svgInfo", "ScwLinkDesigns", "doShowIcon", "localCss", "$", "o", "scw_link_solid_default", "scw_link_outlined_default", "scw_link_text_default", "scw_link_plain_default", "__decorateClass", "t"]
+}

package/dist/chunks/chunk.SEQBTVKR.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.5J7XN6VJ.js";customElements.define("scw-heading",e);
+//# sourceMappingURL=chunk.SEQBTVKR.js.map

package/dist/chunks/chunk.SEQBTVKR.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-heading/scw-heading.ts"],
+  "sourcesContent": ["import ScwHeading from './ScwHeading';\ncustomElements.define('scw-heading', ScwHeading );\n"],
+  "mappings": "wCACA,eAAe,OAAO,cAAeA,CAAW",
+  "names": ["ScwHeading"]
+}

package/dist/chunks/chunk.SFFDTOA3.js

@@ -0,0 +1,2 @@
+import{a as t}from"./chunk.Z2Y2EZM7.js";customElements.define("scw-button",t);
+//# sourceMappingURL=chunk.SFFDTOA3.js.map

package/dist/chunks/chunk.SFFDTOA3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-button/scw-button.ts"],
+  "sourcesContent": ["import ScwButton from './ScwButton.js';\ncustomElements.define('scw-button', ScwButton );\n"],
+  "mappings": "wCACA,eAAe,OAAO,aAAcA,CAAU",
+  "names": ["ScwButton"]
+}

package/dist/chunks/chunk.SHURDDW4.js

@@ -0,0 +1,2 @@
+import{b as f}from"./chunk.7C4BKIQF.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};
+//# sourceMappingURL=chunk.SHURDDW4.js.map

package/dist/chunks/chunk.SHURDDW4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/suffix.ts"],
+  "sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector: string = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
+  "mappings": "wCAOe,SAARA,EAA2BC,EAAoB,IAAK,CACzD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE",
+  "names": ["getSuffix", "connector", "config"]
+}

package/dist/chunks/chunk.SHVYXBPF.js

@@ -0,0 +1,59 @@
+import{a as p}from"./chunk.ZHMMWIFH.js";import{a as u}from"./chunk.A6Q2K43E.js";import{d as b}from"./chunk.HXCM7AVM.js";import{a as d,b as e,c as n}from"./chunk.YITG6YRY.js";import{a as l}from"./chunk.33FSL7Y7.js";import{b as c}from"./chunk.KVCUHP7N.js";import{a as r}from"./chunk.IHVBWZ57.js";import{g as i}from"./chunk.5YJY6NT6.js";var m=d`
+:host {
+  /* scw element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var(--margin-right, var(--gap-h-int, initial));
+  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));
+  display: block;
+}
+
+:host([warning]) {
+  outline: 2px solid red !important;
+}
+
+:host .scw-link-base {
+  display: block;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+:host .scw-link-base img {
+  display: block;
+  position: absolute;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWltYWdlL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctaW1hZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtBQ2tudEJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBOzs7QUR4bnRCRjtFQUNFOzs7QUVIQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBIn0= */`;var t=class extends b{constructor(){super();this.preload=!1;this.noLazyLoading=!1;this.resizeBreakpoints=`${"sm"}, ${"md"}, ${"lg"}`;this._isIntersecting=!1;this._hasIntersected=!1;this._resizeBreakpoints=[];this.element="image"}static get styles(){return[super.styles,m]}firstUpdated(s){super.firstUpdated(s),this._resizeHandler=this._resizeHandler.bind(this),this._intersectionHandler=this._intersectionHandler.bind(this),this.noLazyLoading?this._hasIntersected=!0:p.registerCallback(this,this._intersectionHandler),this.establishResizeBreakpoints()}parseAndValidateLightDom(){super.parseAndValidateLightDom(),u(this)}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect(),p.unregisterCallback(this,this._intersectionHandler),l.removeBreakpointListener(this._resizeBreakpoints,this._resizeHandler)}establishResizeBreakpoints(){if(this.srcset){let s=this.resizeBreakpoints.split(","),o=c();this._resizeBreakpoints=[],s.map(h=>{let a=o[h.trim()];a&&this._resizeBreakpoints.push(a)}),l.addBreakpointListener(this._resizeBreakpoints,this._resizeHandler),this._resizeHandler()}}_resizeHandler(){this._imageSize=this.clientWidth}_intersectionHandler(s){this._isIntersecting=s,this._hasIntersected=this._hasIntersected?!0:s}renderContainerCss(){if(this.aspectRatio){let s=this.aspectRatio.split(":"),o=parseFloat(s[0]);return`
+        display: block;
+        padding-bottom: ${parseFloat(s[1])/o*100}%;
+        height: 0;`}return""}renderImgCss(){return this.objectFit||this.objectPosition?`
+        position: absolute;
+        top: 0; left: 0;
+        width: 100%; height: 100%;
+        object-fit: ${this.objectFit?this.objectFit:"contain"};
+        object-position: ${this.objectPosition?this.objectPosition:"center"}`:""}renderPreload(){if(this.preload){if(this._imageSize&&this.srcset)return r`<link 
+        rel="preload"
+        as="image"
+        srcset="${this.srcset}"
+        sizes="${this._imageSize}px" />
+      `;if(this.src)return r`<link 
+          rel="preload"
+          as="image"
+          href="${this.src}" />
+        `}}renderContent(){return this._hasIntersected?this._imageSize&&this.srcset?r`
+          ${this.renderPreload()}
+          <img
+            style="${this.renderImgCss()}"
+            srcset="${this.srcset}"
+            sizes="${this._imageSize}px"
+            alt="${this.alt?this.alt:"NO ALT!"}" />`:r`
+          ${this.renderPreload()}
+          <img
+            style="${this.renderImgCss()}"
+            src="${this.src?this.src:!1}"
+            alt="${this.alt?this.alt:"NO ALT!"}" />`:r``}render(){return this.renderLink(this.renderContent(),this.renderContainerCss())}};i([e({type:String,attribute:"aspect-ratio"})],t.prototype,"aspectRatio",2),i([e({type:String,attribute:"object-fit"})],t.prototype,"objectFit",2),i([e({type:String,attribute:"object-position"})],t.prototype,"objectPosition",2),i([e({type:String})],t.prototype,"srcset",2),i([e({type:String})],t.prototype,"src",2),i([e({type:String})],t.prototype,"alt",2),i([e({type:Boolean})],t.prototype,"preload",2),i([e({type:Boolean,attribute:"no-lazy-loading"})],t.prototype,"noLazyLoading",2),i([e({type:String,attribute:"resize-breakpoints"})],t.prototype,"resizeBreakpoints",2),i([n()],t.prototype,"_imageSize",2),i([n()],t.prototype,"_isIntersecting",2),i([n()],t.prototype,"_hasIntersected",2);export{t as a};
+//# sourceMappingURL=chunk.SHVYXBPF.js.map

package/dist/chunks/chunk.SHVYXBPF.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-image/scss/scw-image.scss", "../../src/scw-image/ScwImage.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host .scw-link-base {\n  display: block;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n:host .scw-link-base img {\n  display: block;\n  position: absolute;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWltYWdlL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctaW1hZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtBQ2tudEJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBOzs7QUR4bnRCRjtFQUNFOzs7QUVIQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBIn0= */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport styles from './scss/scw-image.scss';\nimport {Components} from '../utils/enums/Components';\nimport mediaQueryListSingleton\n  from '../utils/observers/mediaQueryListSingleton';\nimport intersectionObserverSingleton\n  from '../utils/observers/intersectionObserverSingleton';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport validate from './scw-image-validate';\nimport {BreakpointNames, Breakpoint} from '../utils/responsive/BreakpointTypes';\nimport {breakpointLookup} from '../utils/responsive/breakpoints';\n\n/**\n * ScwImage\n * @class\n * @tag scw-image\n *\n * @slot [default=\"<img src alt />\"]\n    Base image to display. This is generally a LQIP (Low Quality Image\n      Placeholder)\n * @slot [default=\"<a href target><source /><img src alt /></a>\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target in\n    addition to size and label.\n */\nexport default class ScwImage extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwImage =================================================\n  /** (ScwImage) Width:Height ratio */\n  @property({type: String, attribute: 'aspect-ratio'})\n    aspectRatio: string | undefined;// = '2:1';\n\n  /** (ScwImage) Object Fit CSS */\n  @property({type: String, attribute: 'object-fit'})\n    objectFit: string | undefined;// = 'contain';\n\n  /** (ScwImage) Object Position CSS */\n  @property({type: String, attribute: 'object-position'})\n    objectPosition: string | undefined;// = 'center';\n\n  /** (ScwImage) srcset of image */\n  @property({type: String})\n    srcset: string | undefined;\n\n  /** (ScwImage) src of image */\n  @property({type: String})\n    src: string | undefined;// NOTE: \"#\" don't work in chrome w/ inline imgs\n\n  /** (ScwImage) alt of image */\n  @property({type: String})\n    alt: string | undefined;\n\n  /** (ScwImage) whether to preload image or not */\n  @property({type: Boolean})\n    preload: boolean = false;\n\n  /** (ScwImage) turn off lazy loading */\n  @property({type: Boolean, attribute: 'no-lazy-loading'})\n    noLazyLoading: boolean = false;\n\n  /** (ScwImage) establishes when (via the name of the breakpoint)\n   * the image figures out it's sizing for srcset */\n  @property({type: String, attribute: 'resize-breakpoints'})\n    resizeBreakpoints: string = `${\n      BreakpointNames.breakpointSM}, ${\n      BreakpointNames.breakpointMD}, ${\n      BreakpointNames.breakpointLG}`;\n\n  // ====== STATES =============================================================\n  /** (ScwImage) the image size derived from resize observer */\n  @state()\n  _imageSize : number | undefined;\n\n  /** (ScwImage) determines whether element is intersecting */\n  @state()\n  _isIntersecting : boolean = false;\n\n  /** (ScwImage) determines whether element has intersected once */\n  @state()\n  _hasIntersected : boolean = false;\n\n  _resizeBreakpoints: Breakpoint[] = [];\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.image;\n  }\n\n  /**\n   * first updated\n   * @param {Map<string | number | symbol, unknown>} changedProps\n   */\n  firstUpdated(changedProps: Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    this._resizeHandler = this._resizeHandler.bind(this);\n    this._intersectionHandler = this._intersectionHandler.bind(this);\n    if (!this.noLazyLoading) {\n      intersectionObserverSingleton.registerCallback(\n        this, this._intersectionHandler,\n      );\n    } else {\n      // resizeSingleton.registerCallback(this, this._resizeHandler);\n      this._hasIntersected = true;\n    }\n\n    this.establishResizeBreakpoints();\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    validate( this );\n  }\n\n  /**\n  * disconnect from dom\n  */\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n    intersectionObserverSingleton.unregisterCallback(\n      this, this._intersectionHandler,\n    );\n    mediaQueryListSingleton.removeBreakpointListener(\n      this._resizeBreakpoints,\n      this._resizeHandler,\n    );\n  }\n\n  /**\n   * Establish Resize Breakpoints\n   */\n  establishResizeBreakpoints() {\n    if (this.srcset) {\n      const resizeBreakpointsArr = this.resizeBreakpoints.split(',');\n      const bpLookup = breakpointLookup();\n      this._resizeBreakpoints = [];\n      resizeBreakpointsArr.map((bp) => {\n        const bpObj = bpLookup[bp.trim()];\n        if (bpObj) {\n          this._resizeBreakpoints.push(bpObj);\n        }\n      });\n      mediaQueryListSingleton.addBreakpointListener(\n        this._resizeBreakpoints,\n        this._resizeHandler,\n      );\n      this._resizeHandler();// need a first _imageSize\n    }\n  }\n\n  /**\n  * handle resize events\n  */\n  _resizeHandler() {\n    this._imageSize = this.clientWidth;\n  }\n\n  /**\n  * handle resize events\n  * @param {boolean} intersecting\n  * @param {number} ratio\n  */\n  _intersectionHandler(intersecting: boolean) {// }, ratio: number) {\n    this._isIntersecting = intersecting;\n    // images only render once...\n    this._hasIntersected = this._hasIntersected ? true : intersecting;\n  }\n\n  /**\n  * Translate aspect ration string to a number (percent)\n  * @return {string}\n  */\n  renderContainerCss() {\n    if ( this.aspectRatio) {\n      const aspectRatioArr = this.aspectRatio.split(':');\n      const w = parseFloat(aspectRatioArr[0]);\n      const h = parseFloat(aspectRatioArr[1]);\n      const percent = (h / w) * 100;\n      return `\n        display: block;\n        padding-bottom: ${percent}%;\n        height: 0;`;\n    }\n    return ``;\n  }\n\n  /**\n  * Css for image\n  * @return {string}\n  */\n  renderImgCss() : string {\n    if ( this.objectFit || this.objectPosition ) { // this.aspectRatio ) {\n      return `\n        position: absolute;\n        top: 0; left: 0;\n        width: 100%; height: 100%;\n        object-fit: ${this.objectFit ? this.objectFit : 'contain'};\n        object-position: ${this.objectPosition ?\n          this.objectPosition : 'center'}`;\n    } else {\n      return ``;\n    }\n  }\n\n  /**\n  * render preload link\n  * @return {object} component DOM\n  */\n  renderPreload() : object | undefined {\n    if (this.preload) {\n      if (this._imageSize && this.srcset) {\n        return html`<link \n        rel=\"preload\"\n        as=\"image\"\n        srcset=\"${this.srcset}\"\n        sizes=\"${this._imageSize}px\" />\n      `;\n      } else if (this.src) {\n        return html`<link \n          rel=\"preload\"\n          as=\"image\"\n          href=\"${this.src}\" />\n        `;\n      }\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    if (this._hasIntersected) {\n      if (this._imageSize && this.srcset) {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            srcset=\"${this.srcset}\"\n            sizes=\"${this._imageSize}px\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      } else {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            src=\"${this.src ? this.src : false}\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      }\n    } else {\n      return html``;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n      this.renderContent(),\n      this.renderContainerCss(),\n    );\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["scw_image_default", "r", "ScwImage", "ScwLinkBase", "scw_image_default", "changedProps", "intersectionObserverSingleton_default", "validate", "mediaQueryListSingleton_default", "resizeBreakpointsArr", "bpLookup", "breakpointLookup", "bp", "bpObj", "intersecting", "aspectRatioArr", "w", "$", "__decorateClass", "t"]
+}

package/dist/chunks/chunk.SHW6KJOF.js

@@ -0,0 +1,59 @@
+import{a as p}from"./chunk.ZHMMWIFH.js";import{a as u}from"./chunk.A6Q2K43E.js";import{d as b}from"./chunk.5RC2L6PL.js";import{a as d,b as e,c as n}from"./chunk.YITG6YRY.js";import{a as l}from"./chunk.33FSL7Y7.js";import{b as c}from"./chunk.KVCUHP7N.js";import{a as r}from"./chunk.IHVBWZ57.js";import{g as i}from"./chunk.5YJY6NT6.js";var m=d`
+:host {
+  /* scw element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var(--margin-right, var(--gap-h-int, initial));
+  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));
+  display: block;
+}
+
+:host([warning]) {
+  outline: 2px solid red !important;
+}
+
+:host .scw-link-base {
+  display: block;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+:host .scw-link-base img {
+  display: block;
+  position: absolute;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWltYWdlL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctaW1hZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtBQ2tudEJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBOzs7QUR4bnRCRjtFQUNFOzs7QUVIQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBIn0= */`;var t=class extends b{constructor(){super();this.preload=!1;this.noLazyLoading=!1;this.resizeBreakpoints=`${"sm"}, ${"md"}, ${"lg"}`;this._isIntersecting=!1;this._hasIntersected=!1;this._resizeBreakpoints=[];this.element="image"}static get styles(){return[super.styles,m]}firstUpdated(s){super.firstUpdated(s),this._resizeHandler=this._resizeHandler.bind(this),this._intersectionHandler=this._intersectionHandler.bind(this),this.noLazyLoading?this._hasIntersected=!0:p.registerCallback(this,this._intersectionHandler),this.establishResizeBreakpoints()}parseAndValidateLightDom(){super.parseAndValidateLightDom(),u(this)}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect(),p.unregisterCallback(this,this._intersectionHandler),l.removeBreakpointListener(this._resizeBreakpoints,this._resizeHandler)}establishResizeBreakpoints(){if(this.srcset){let s=this.resizeBreakpoints.split(","),o=c();this._resizeBreakpoints=[],s.map(h=>{let a=o[h.trim()];a&&this._resizeBreakpoints.push(a)}),l.addBreakpointListener(this._resizeBreakpoints,this._resizeHandler),this._resizeHandler()}}_resizeHandler(){this._imageSize=this.clientWidth}_intersectionHandler(s){this._isIntersecting=s,this._hasIntersected=this._hasIntersected?!0:s}renderContainerCss(){if(this.aspectRatio){let s=this.aspectRatio.split(":"),o=parseFloat(s[0]);return`
+        display: block;
+        padding-bottom: ${parseFloat(s[1])/o*100}%;
+        height: 0;`}return""}renderImgCss(){return this.objectFit||this.objectPosition?`
+        position: absolute;
+        top: 0; left: 0;
+        width: 100%; height: 100%;
+        object-fit: ${this.objectFit?this.objectFit:"contain"};
+        object-position: ${this.objectPosition?this.objectPosition:"center"}`:""}renderPreload(){if(this.preload){if(this._imageSize&&this.srcset)return r`<link 
+        rel="preload"
+        as="image"
+        srcset="${this.srcset}"
+        sizes="${this._imageSize}px" />
+      `;if(this.src)return r`<link 
+          rel="preload"
+          as="image"
+          href="${this.src}" />
+        `}}renderContent(){return this._hasIntersected?this._imageSize&&this.srcset?r`
+          ${this.renderPreload()}
+          <img
+            style="${this.renderImgCss()}"
+            srcset="${this.srcset}"
+            sizes="${this._imageSize}px"
+            alt="${this.alt?this.alt:"NO ALT!"}" />`:r`
+          ${this.renderPreload()}
+          <img
+            style="${this.renderImgCss()}"
+            src="${this.src?this.src:!1}"
+            alt="${this.alt?this.alt:"NO ALT!"}" />`:r``}render(){return this.renderLink(this.renderContent(),this.renderContainerCss())}};i([e({type:String,attribute:"aspect-ratio"})],t.prototype,"aspectRatio",2),i([e({type:String,attribute:"object-fit"})],t.prototype,"objectFit",2),i([e({type:String,attribute:"object-position"})],t.prototype,"objectPosition",2),i([e({type:String})],t.prototype,"srcset",2),i([e({type:String})],t.prototype,"src",2),i([e({type:String})],t.prototype,"alt",2),i([e({type:Boolean})],t.prototype,"preload",2),i([e({type:Boolean,attribute:"no-lazy-loading"})],t.prototype,"noLazyLoading",2),i([e({type:String,attribute:"resize-breakpoints"})],t.prototype,"resizeBreakpoints",2),i([n()],t.prototype,"_imageSize",2),i([n()],t.prototype,"_isIntersecting",2),i([n()],t.prototype,"_hasIntersected",2);export{t as a};
+//# sourceMappingURL=chunk.SHW6KJOF.js.map

package/dist/chunks/chunk.SHW6KJOF.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-image/scss/scw-image.scss", "../../src/scw-image/ScwImage.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host .scw-link-base {\n  display: block;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n:host .scw-link-base img {\n  display: block;\n  position: absolute;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWltYWdlL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctaW1hZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtBQ2tudEJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBOzs7QUR4bnRCRjtFQUNFOzs7QUVIQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBIn0= */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport styles from './scss/scw-image.scss';\nimport {Components} from '../utils/enums/Components';\nimport mediaQueryListSingleton\n  from '../utils/observers/mediaQueryListSingleton';\nimport intersectionObserverSingleton\n  from '../utils/observers/intersectionObserverSingleton';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport validate from './scw-image-validate';\nimport {BreakpointNames, Breakpoint} from '../utils/responsive/BreakpointTypes';\nimport {breakpointLookup} from '../utils/responsive/breakpoints';\n\n/**\n * ScwImage\n * @class\n * @tag scw-image\n *\n * @slot [default=\"<img src alt />\"]\n    Base image to display. This is generally a LQIP (Low Quality Image\n      Placeholder)\n * @slot [default=\"<a href target><source /><img src alt /></a>\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target in\n    addition to size and label.\n */\nexport default class ScwImage extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwImage =================================================\n  /** (ScwImage) Width:Height ratio */\n  @property({type: String, attribute: 'aspect-ratio'})\n    aspectRatio: string | undefined;// = '2:1';\n\n  /** (ScwImage) Object Fit CSS */\n  @property({type: String, attribute: 'object-fit'})\n    objectFit: string | undefined;// = 'contain';\n\n  /** (ScwImage) Object Position CSS */\n  @property({type: String, attribute: 'object-position'})\n    objectPosition: string | undefined;// = 'center';\n\n  /** (ScwImage) srcset of image */\n  @property({type: String})\n    srcset: string | undefined;\n\n  /** (ScwImage) src of image */\n  @property({type: String})\n    src: string | undefined;// NOTE: \"#\" don't work in chrome w/ inline imgs\n\n  /** (ScwImage) alt of image */\n  @property({type: String})\n    alt: string | undefined;\n\n  /** (ScwImage) whether to preload image or not */\n  @property({type: Boolean})\n    preload: boolean = false;\n\n  /** (ScwImage) turn off lazy loading */\n  @property({type: Boolean, attribute: 'no-lazy-loading'})\n    noLazyLoading: boolean = false;\n\n  /** (ScwImage) establishes when (via the name of the breakpoint)\n   * the image figures out it's sizing for srcset */\n  @property({type: String, attribute: 'resize-breakpoints'})\n    resizeBreakpoints: string = `${\n      BreakpointNames.breakpointSM}, ${\n      BreakpointNames.breakpointMD}, ${\n      BreakpointNames.breakpointLG}`;\n\n  // ====== STATES =============================================================\n  /** (ScwImage) the image size derived from resize observer */\n  @state()\n  _imageSize : number | undefined;\n\n  /** (ScwImage) determines whether element is intersecting */\n  @state()\n  _isIntersecting : boolean = false;\n\n  /** (ScwImage) determines whether element has intersected once */\n  @state()\n  _hasIntersected : boolean = false;\n\n  _resizeBreakpoints: Breakpoint[] = [];\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.image;\n  }\n\n  /**\n   * first updated\n   * @param {Map<string | number | symbol, unknown>} changedProps\n   */\n  firstUpdated(changedProps: Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    this._resizeHandler = this._resizeHandler.bind(this);\n    this._intersectionHandler = this._intersectionHandler.bind(this);\n    if (!this.noLazyLoading) {\n      intersectionObserverSingleton.registerCallback(\n        this, this._intersectionHandler,\n      );\n    } else {\n      // resizeSingleton.registerCallback(this, this._resizeHandler);\n      this._hasIntersected = true;\n    }\n\n    this.establishResizeBreakpoints();\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    validate( this );\n  }\n\n  /**\n  * disconnect from dom\n  */\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n    intersectionObserverSingleton.unregisterCallback(\n      this, this._intersectionHandler,\n    );\n    mediaQueryListSingleton.removeBreakpointListener(\n      this._resizeBreakpoints,\n      this._resizeHandler,\n    );\n  }\n\n  /**\n   * Establish Resize Breakpoints\n   */\n  establishResizeBreakpoints() {\n    if (this.srcset) {\n      const resizeBreakpointsArr = this.resizeBreakpoints.split(',');\n      const bpLookup = breakpointLookup();\n      this._resizeBreakpoints = [];\n      resizeBreakpointsArr.map((bp) => {\n        const bpObj = bpLookup[bp.trim()];\n        if (bpObj) {\n          this._resizeBreakpoints.push(bpObj);\n        }\n      });\n      mediaQueryListSingleton.addBreakpointListener(\n        this._resizeBreakpoints,\n        this._resizeHandler,\n      );\n      this._resizeHandler();// need a first _imageSize\n    }\n  }\n\n  /**\n  * handle resize events\n  */\n  _resizeHandler() {\n    this._imageSize = this.clientWidth;\n  }\n\n  /**\n  * handle resize events\n  * @param {boolean} intersecting\n  * @param {number} ratio\n  */\n  _intersectionHandler(intersecting: boolean) {// }, ratio: number) {\n    this._isIntersecting = intersecting;\n    // images only render once...\n    this._hasIntersected = this._hasIntersected ? true : intersecting;\n  }\n\n  /**\n  * Translate aspect ration string to a number (percent)\n  * @return {string}\n  */\n  renderContainerCss() {\n    if ( this.aspectRatio) {\n      const aspectRatioArr = this.aspectRatio.split(':');\n      const w = parseFloat(aspectRatioArr[0]);\n      const h = parseFloat(aspectRatioArr[1]);\n      const percent = (h / w) * 100;\n      return `\n        display: block;\n        padding-bottom: ${percent}%;\n        height: 0;`;\n    }\n    return ``;\n  }\n\n  /**\n  * Css for image\n  * @return {string}\n  */\n  renderImgCss() : string {\n    if ( this.objectFit || this.objectPosition ) { // this.aspectRatio ) {\n      return `\n        position: absolute;\n        top: 0; left: 0;\n        width: 100%; height: 100%;\n        object-fit: ${this.objectFit ? this.objectFit : 'contain'};\n        object-position: ${this.objectPosition ?\n          this.objectPosition : 'center'}`;\n    } else {\n      return ``;\n    }\n  }\n\n  /**\n  * render preload link\n  * @return {object} component DOM\n  */\n  renderPreload() : object | undefined {\n    if (this.preload) {\n      if (this._imageSize && this.srcset) {\n        return html`<link \n        rel=\"preload\"\n        as=\"image\"\n        srcset=\"${this.srcset}\"\n        sizes=\"${this._imageSize}px\" />\n      `;\n      } else if (this.src) {\n        return html`<link \n          rel=\"preload\"\n          as=\"image\"\n          href=\"${this.src}\" />\n        `;\n      }\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    if (this._hasIntersected) {\n      if (this._imageSize && this.srcset) {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            srcset=\"${this.srcset}\"\n            sizes=\"${this._imageSize}px\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      } else {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            src=\"${this.src ? this.src : false}\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      }\n    } else {\n      return html``;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n      this.renderContent(),\n      this.renderContainerCss(),\n    );\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["scw_image_default", "r", "ScwImage", "ScwLinkBase", "scw_image_default", "changedProps", "intersectionObserverSingleton_default", "validate", "mediaQueryListSingleton_default", "resizeBreakpointsArr", "bpLookup", "breakpointLookup", "bp", "bpObj", "intersecting", "aspectRatioArr", "w", "$", "__decorateClass", "t"]
+}

package/dist/chunks/chunk.SK55UKXE.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.77Q5T7NU.js";customElements.define("scw-alert",e);
+//# sourceMappingURL=chunk.SK55UKXE.js.map

package/dist/chunks/chunk.SK55UKXE.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-alert/scw-alert.ts"],
+  "sourcesContent": ["import ScwAlert from './ScwAlert.js';\ncustomElements.define('scw-alert', ScwAlert );\n"],
+  "mappings": "wCACA,eAAe,OAAO,YAAaA,CAAS",
+  "names": ["ScwAlert"]
+}

package/dist/chunks/chunk.SNSOKG54.js

@@ -0,0 +1,10 @@
+import{a as r,b as i,e as s}from"./chunk.2LAHOOSK.js";import{a as o}from"./chunk.IHVBWZ57.js";import{g as e}from"./chunk.5YJY6NT6.js";var t=class extends s{constructor(){super();this.name="hi";this.element="test",this.setAttribute("role","button")}static get styles(){return r`
+      :host {
+        display: block;
+        border: 1px solid red;
+      }
+    `}connectedCallback(){super.connectedCallback(),this.element="test"}clickHandler(){this.name=`hi ${Math.random()}`}render(){return o`
+      <div @click=${this.clickHandler}>ima ${this.name}</div>
+      <slot></slot>
+    `}};e([i({type:String,reflect:!0})],t.prototype,"name",2);export{t as a};
+//# sourceMappingURL=chunk.SNSOKG54.js.map

package/dist/chunks/chunk.SNSOKG54.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-test/ScwTest.ts"],
+  "sourcesContent": ["import {\n  // LitElement,\n  html,\n  css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport ScwComponent from '../scw-component/ScwComponent';\n\n/**\n * ScwTest\n * @class\n * @tag scw-test\n */\nexport default class ScwTest extends ScwComponent { // LitElement {\n  /**\n   * styles\n   */\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n        border: 1px solid red;\n      }\n    `;\n  }\n\n  /**\n  * a test variable\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    name: string = 'hi';\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.element = Components.test;\n  }\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.test;\n    this.setAttribute('role', 'button' );\n  }\n\n  /**\n  * Handle click from right icon.\n  */\n   clickHandler() {\n    this.name = `hi ${Math.random()}`;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n   render(): object {\n    return html`\n      <div @click=${this.clickHandler}>ima ${this.name}</div>\n      <slot></slot>\n    `;\n  }\n}\n"],
+  "mappings": "sIAaA,IAAqBA,EAArB,cAAqCC,CAAa,CA2BhD,aAAc,CACZ,MAAM,EAVN,UAAe,KAWf,KAAK,eACL,KAAK,aAAa,OAAQ,QAAS,CACrC,CA3BA,WAAW,QAAS,CAClB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,KAMT,CAUA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,cACP,CAYC,cAAe,CACd,KAAK,KAAO,MAAM,KAAK,OAAO,GAChC,CAMC,QAAiB,CAChB,OAAOC;AAAA,oBACS,KAAK,oBAAoB,KAAK;AAAA;AAAA,KAGhD,CACF,EAhCIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAjBpBJ,EAkBjB",
+  "names": ["ScwTest", "ScwComponent", "$", "__decorateClass", "e"]
+}

package/dist/chunks/chunk.SSNL7W5M.js

@@ -0,0 +1,2 @@
+import{a as r}from"./chunk.FNRTPL7N.js";import{a as m}from"./chunk.B7II36CO.js";import{b as i}from"./chunk.YITG6YRY.js";import{g as e}from"./chunk.5YJY6NT6.js";var t=class extends r{constructor(){super();this.submitType="submit";this.element="button",this.setAttribute("onclick","javascript:")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",()=>{this.submitType==="submit"&&m("scw-submit-intent",this)})}};e([i({type:String,reflect:!0,attribute:"submit-type"})],t.prototype,"submitType",2);export{t as a};
+//# sourceMappingURL=chunk.SSNL7W5M.js.map

package/dist/chunks/chunk.SSNL7W5M.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-button/ScwButton.ts"],
+  "sourcesContent": ["import {property} from 'lit/decorators.js';\nimport ScwLink from '../scw-link/ScwLink';\nimport {ScwFormComponentSubmitTypes}\n  from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport {ScwEvents} from '../utils/events/event';\nimport {emit} from '../utils/events/event';\n\n/**\n * ScwButton\n * @class\n * @tag scw-button\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwButton extends ScwLink {\n  /** <ScwFormComponent> the usage in a form (& scw-form a query target) */\n  @property({type: String, reflect: true, attribute: 'submit-type'})\n    submitType: ScwFormComponentSubmitTypes =\n        ScwFormComponentSubmitTypes.submit;\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener(\n      'click',\n      () => {\n        if (this.submitType === ScwFormComponentSubmitTypes.submit ) {\n          emit(\n            ScwEvents.submitIntent,\n            this,\n          );\n        }\n      },\n    );\n  }\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.button;\n    // need to tell scw-link-base to turn this into a link each time...\n    this.setAttribute('onclick', 'javascript:');\n  }\n}\n"],
+  "mappings": "gKAmBA,IAAqBA,EAArB,cAAuCC,CAAQ,CAuB7C,aAAc,CACZ,MAAM,EArBN,yBAsBA,KAAK,iBAEL,KAAK,aAAa,UAAW,aAAa,CAC5C,CArBA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,iBACH,QACA,IAAM,CACA,KAAK,uBACPC,sBAEE,IACF,CAEJ,CACF,CACF,CASF,EA1BIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,aAAa,CAAC,GAF9CJ,EAGjB",
+  "names": ["ScwButton", "ScwLink", "emit", "__decorateClass", "e"]
+}

package/dist/chunks/chunk.SYUNIRIT.js

@@ -0,0 +1,2 @@
+import{a as c}from"./chunk.MP5WW5IQ.js";customElements.define("scw-card",c);
+//# sourceMappingURL=chunk.SYUNIRIT.js.map