scu-web-components 0.0.98 → 0.0.99

package/dist/chunks/chunk.OKCQTJRH.js

@@ -1,220 +0,0 @@
-import{a as s}from"./chunk.QHUZYUAT.js";import{a as n,b as o,d as i,f as c}from"./chunk.MEEX2KI7.js";import{a as r}from"./chunk.G2G2TPJK.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var l=n`
-:host([type=button]) {
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: var(--scw-spacing-2);
-  padding-bottom: var(--scw-spacing-2);
-}
-:host([type=button]) > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-:host([type=button]) .container {
-  z-index: 2;
-  background-color: rgba(0, 0, 0, 0);
-  border-width: 1px;
-  border-style: solid;
-  border-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-}
-:host([type=button]) .container .wrapper {
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-:host([type=button]) .container .wrapper > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-:host([type=button]) .container .label {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.8);
-  padding-right: calc(var(--scw-spacing-1) * 1.8);
-  padding-top: var(--scw-spacing-1);
-  padding-bottom: var(--scw-spacing-1);
-  text-align: CENTER;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-}
-:host([type=button]) .container .label > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.4);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
-}
-:host([type=button]) .container .image {
-  --scw-icon-color: var(--scw-color-grey-02);
-}
-:host([type=button]) .container:focus,
-:host([type=button]) .container:focus-visible {
-  background-color: var(--scw-color-grey-095);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-095);
-}
-
-:host([type=button][size=small]) {
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 0.5);
-  padding-right: calc(var(--scw-spacing-1) * 0.5);
-  padding-top: var(--scw-spacing-2);
-  padding-bottom: var(--scw-spacing-2);
-}
-:host([type=button][size=small]) > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-:host([type=button][size=small]) .container {
-  background-color: rgba(0, 0, 0, 0);
-}
-:host([type=button][size=small]) .container .label {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.4);
-  padding-right: calc(var(--scw-spacing-1) * 1.4);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.8);
-  text-align: CENTER;
-  font: var(--scw-type-text-03-font);
-  color: var(--scw-color-grey-02);
-}
-:host([type=button][size=small]) .container .label > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 0.4);
-  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
-}
-
-:host([type=button][active]) .container {
-  background-color: var(--scw-color-grey-03);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-03);
-}
-:host([type=button][active]) .container .label {
-  color: var(--scw-color-grey-10);
-}
-:host([type=button][active]) .container .image {
-  --scw-icon-color: var(--scw-color-grey-092);
-}
-
-:host([type=tab]) {
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  padding: 2px 0;
-}
-:host([type=tab]) > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-:host([type=tab]) .container {
-  background-color: rgba(0, 0, 0, 0);
-}
-:host([type=tab]) .container .wrapper {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-:host([type=tab]) .container .wrapper > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-:host([type=tab]) .container .label {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: var(--scw-spacing-3);
-  padding-right: var(--scw-spacing-3);
-  padding-top: 0px;
-  padding-bottom: 0px;
-  text-align: CENTER;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-}
-:host([type=tab]) .container .label > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.4);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
-}
-:host([type=tab]) .container .image {
-  --scw-icon-color: var(--scw-color-grey-02);
-}
-:host([type=tab]) .container:focus,
-:host([type=tab]) .container:focus-visible {
-  background-color: var(--scw-color-grey-095);
-  box-shadow: var(--scw-effect-focus-shadow);
-}
-
-:host([type=tab][active]) .container .label {
-  text-align: CENTER;
-  font: var(--scw-type-text-bold-font);
-  color: var(--scw-color-grey-02);
-}
-
-:host([type=tab][size=small]) .container .label {
-  text-align: CENTER;
-  font: var(--scw-type-text-03-font);
-  color: var(--scw-color-grey-02);
-}
-
-:host([type=tab][active][size=small]) .container .label {
-  text-align: CENTER;
-  font: var(--scw-type-text-semibold-03-font);
-  color: var(--scw-color-grey-02);
-}
-
-:host([image]) .container {
-  height: auto;
-}
-:host([image]) .container .wrapper .label {
-  font: inherit;
-  color: var(--scw-color-grey-03);
-}
-:host([image]) .container .wrapper .image {
-  display: block;
-}
-
-.label {
-  white-space: nowrap;
-}`;var d=0,t=class extends c{constructor(){super();this.attrId=++d;this.componentId=`scw-horizontal-nav-item-${this.attrId}`;this.href="";this.type="button";this.size="medium";this.tab=!1;this.active=!1;this.panel="";this.element="horizontal-nav-item"}static get styles(){return[super.styles,l]}connectedCallback(){super.connectedCallback(),this.tab&&this.setAttribute("role","tab")}firstUpdated(){this.href.includes(window.location.pathname)&&(this.active=!0)}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}focus(a){this.link.focus(a)}blur(){this.link.blur()}handleClick(a){this.tab&&a.preventDefault()}render(){!1||(this.id=this.id.length>0?this.id:this.componentId);let a=r` <div class="label">${this.ariaLabel}</div>`;return r`
-            <scw-link
-              @click=${this.handleClick}
-              class="container"
-              design="plain"
-              href="${this.href}">
-              <div class="wrapper">
-                <slot class="image"></slot>
-                ${a}
-                </div>
-            </scw-link>
-          `}};e([o({type:String,attribute:"href",reflect:!0})],t.prototype,"href",2),e([o({type:String,attribute:"type",reflect:!0})],t.prototype,"type",2),e([o({type:String,attribute:"size",reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,attribute:"tab",reflect:!0})],t.prototype,"tab",2),e([o({type:Boolean,attribute:"active",reflect:!0})],t.prototype,"active",2),e([o({reflect:!0})],t.prototype,"panel",2),e([i("scw-link")],t.prototype,"link",2),e([s("active")],t.prototype,"handleActiveChange",1);export{t as a};

package/dist/chunks/chunk.P6VUJ6MW.js

@@ -1,91 +0,0 @@
-import{a as i,b as r,f as n}from"./chunk.MEEX2KI7.js";import{a as e}from"./chunk.G2G2TPJK.js";import{f as o}from"./chunk.PE5ZEEQ2.js";var c=i`
-:host {
-  display: inline-block;
-  z-index: 5;
-}
-
-.container {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 10px 10px 10px 10px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-10);
-  box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.09);
-}
-
-.container:hover {
-  background-color: var(--scw-color-grey-092);
-  border-radius: 10px 10px 10px 10px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-09);
-  box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.09);
-}
-
-.content {
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: var(--scw-spacing-1);
-  padding-bottom: var(--scw-spacing-1);
-  box-sizing: border-box;
-  width: var(--button-width);
-  height: var(--button-height);
-}
-.content > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.5);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
-}
-.content scw-icon {
-  --scw-icon-color: var(--scw-color-grey-02);
-  --scw-theme-color-05: var(--scw-color-grey-02);
-}
-.content .label {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  text-align: CENTER;
-  font: var(--scw-type-text-semibold-01-font);
-  color: var(--scw-color-grey-02);
-  align-self: stretch;
-}
-.content .label > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-
-@media (max-width: 576px) {
-  .content {
-    width: min-content;
-    height: min-content;
-  }
-  .content > *:not(:last-child) {
-    margin-bottom: 0;
-  }
-  .content .label {
-    display: none;
-  }
-}`;var t=class extends n{constructor(){super();this.icon="placeholder";this.width="auto";this.height="auto";this.element="floating-button"}static get styles(){return[super.styles,c]}render(){return e`<scw-link
-      class="container"
-      design="plain"
-      style="
-        --button-width: ${this.width};
-        --button-height: ${this.height};
-      ">
-      <div class="content">
-        <scw-icon
-          size="30"
-          icon="${this.icon}"></scw-icon>
-        <div class="label">${this.ariaLabel}</div>
-      </div>
-    </scw-link>`}};o([r({type:String,attribute:"icon"})],t.prototype,"icon",2),o([r({type:String,attribute:"width"})],t.prototype,"width",2),o([r({type:String,attribute:"height"})],t.prototype,"height",2);export{t as a};

package/dist/chunks/chunk.PIGKH3MO.js

@@ -1,159 +0,0 @@
-import{a as o,b as r,f as c}from"./chunk.MEEX2KI7.js";import{a as e}from"./chunk.G2G2TPJK.js";import{f as n}from"./chunk.PE5ZEEQ2.js";var l=o`
-.heading {
-  margin: 0;
-  background-color: rgba(0, 0, 0, 0);
-  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;
-}
-.heading > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-
-.content {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.content > *:not(:last-child) {
-  margin-bottom: var(--scw-spacing-1);
-  --margin-bottom: var( --scw-spacing-1 );
-}
-
-h3 {
-  text-align: LEFT;
-  font: var(--scw-type-text-extrabold-07-font);
-  color: var(--scw-color-grey-02);
-  color: var(--scw-theme-color, var(--scw-color-grey-02));
-}
-
-.body {
-  background-color: rgba(0, 0, 0, 0);
-}
-.body slot {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-03);
-  color: var(--scw-theme-body-color, var(--scw-color-grey-02));
-}
-
-.default {
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: flex-start;
-  padding-left: var(--scw-spacing-3);
-  padding-right: var(--scw-spacing-3);
-  padding-top: var(--scw-spacing-3);
-  padding-bottom: var(--scw-spacing-3);
-  background-color: var(--scw-color-primary-095);
-  border-radius: 10px 10px 10px 10px;
-  background-color: var(--scw-theme-color-light, var(--scw-color-primary-095));
-}
-.default > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-.default .links {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.default .links > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 1.5);
-  --margin-right: calc( var( --scw-spacing-1 ) * 1.5 );
-}
-
-.alignment-center {
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: var(--scw-spacing-3);
-  padding-right: var(--scw-spacing-3);
-  padding-top: var(--scw-spacing-3);
-  padding-bottom: var(--scw-spacing-3);
-  background-color: var(--scw-color-primary-095);
-  border-radius: 10px 10px 10px 10px;
-  background-color: var(--scw-theme-color-light, var(--scw-color-primary-095));
-}
-.alignment-center > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-.alignment-center .links {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.alignment-center .links > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 1.5);
-  --margin-right: calc( var( --scw-spacing-1 ) * 1.5 );
-}
-.alignment-center .content {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.alignment-center .content > *:not(:last-child) {
-  margin-bottom: var(--scw-spacing-1);
-  --margin-bottom: var( --scw-spacing-1 );
-}
-.alignment-center .body {
-  margin: auto;
-}
-.alignment-center .body slot {
-  text-align: center;
-}
-.alignment-center .heading {
-  text-align: center;
-  margin: auto;
-}`;var t=class extends c{constructor(){super();this.element="callout"}static get styles(){return[super.styles,l]}renderLink(i,a,s="solid"){return i&&a?e`
-        <scw-link
-          href="${a}"
-          aria-label="${i}"
-          design="${s}">
-        </scw-link>
-      `:e``}render(){return e`
-      <div class="${this.align==="center"?"alignment-center":"default"}">
-        <div class="content">
-          <h3 class="heading">${this.heading}
-          <slot name="disclosure"></slot></h3>
-          <div class="body"><slot></slot></div>
-          <div class="links">
-            ${this.renderLink(this.primaryLabel,this.primaryLink)}
-            ${this.renderLink(this.secondaryLabel,this.secondaryLink,"outlined")}
-          </div>
-        </div>
-      </div>
-    `}};n([r({type:String,attribute:"heading",reflect:!0})],t.prototype,"heading",2),n([r({type:String,attribute:"alignment",reflect:!0})],t.prototype,"align",2),n([r({type:String,attribute:"primary-cta-link",reflect:!0})],t.prototype,"primaryLink",2),n([r({type:String,attribute:"primary-cta-label",reflect:!0})],t.prototype,"primaryLabel",2),n([r({type:String,attribute:"secondary-cta-link",reflect:!0})],t.prototype,"secondaryLink",2),n([r({type:String,attribute:"secondary-cta-label",reflect:!0})],t.prototype,"secondaryLabel",2);export{t as a};

package/dist/chunks/chunk.Q2OD5OZM.js

@@ -1,225 +0,0 @@
-import{a as u}from"./chunk.4SWKJDYZ.js";import{a as p}from"./chunk.KILRDKGP.js";import{a as m}from"./chunk.QHUZYUAT.js";import{a as f,b as n,d as h,f as g}from"./chunk.MEEX2KI7.js";import{a as l}from"./chunk.G2G2TPJK.js";import{f as a}from"./chunk.PE5ZEEQ2.js";var b=f`
-:host {
-  z-index: 10;
-}
-
-.modal-wrapper {
-  display: none;
-  align-items: center;
-  justify-content: center;
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.modal-wrapper.open {
-  display: flex;
-}
-
-.modal-background {
-  height: 100%;
-  width: 100%;
-  position: relative;
-  background: rgba(0, 0, 0, 0.3);
-}
-
-.modal {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 20px 20px 20px 20px;
-  box-shadow: 0px 2px 26px 0px rgba(0, 0, 0, 0.11);
-  align-self: stretch;
-  flex: 1;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: var(--scw-spacing-2);
-  padding-right: var(--scw-spacing-2);
-  padding-top: var(--scw-spacing-2);
-  padding-bottom: var(--scw-spacing-2);
-  width: var(--modal-width);
-  max-width: 90%;
-  height: var(--modal-height);
-  max-height: 90%;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.modal > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-
-.modal-header {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.modal-header > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.modal-header .label-left {
-  text-align: LEFT;
-  font: var(--scw-type-text-semibold-font);
-  color: var(--scw-color-grey-02);
-  flex: 1;
-}
-.modal-header .heading {
-  text-align: CENTER;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-grey-02);
-}
-.modal-header .label-right {
-  text-align: RIGHT;
-  font: var(--scw-type-text-semibold-font);
-  color: var(--scw-color-grey-02);
-  flex: 1;
-}
-
-.content {
-  background-color: rgb(255, 255, 255);
-  align-self: stretch;
-  flex: 1;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: var(--scw-spacing-2);
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-03);
-  flex: 1;
-  overflow-y: auto;
-}
-.content > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-
-.modal-footer {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  gap: var(--scw-spacing-1);
-}
-.modal-footer > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.modal-footer ::slotted(:first-child) {
-  background-color: rgba(0, 0, 0, 0);
-  flex: 1;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  gap: var(--scw-spacing-1);
-}
-.modal-footer ::slotted(:first-child) > *:not(:last-child) {
-  margin-right: var(--scw-spacing-1);
-  --margin-right: var( --scw-spacing-1 );
-}
-.modal-footer ::slotted(:last-child) {
-  background-color: rgba(0, 0, 0, 0);
-  flex: 1;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-end;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  gap: var(--scw-spacing-1);
-}
-.modal-footer ::slotted(:last-child) > *:not(:last-child) {
-  margin-right: var(--scw-spacing-1);
-  --margin-right: var( --scw-spacing-1 );
-}
-
-@media (max-width: 576px) {
-  .modal-footer {
-    flex-direction: column;
-  }
-  .modal-footer ::slotted(*) {
-    width: 100%;
-    justify-content: center !important;
-  }
-}`;function x(e){let s=e.tagName.toLowerCase();if(!e.offsetParent||window.getComputedStyle(e).visibility==="hidden"||e.getAttribute("tabindex")==="-1"||e.hasAttribute("disabled")||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false")return!1;if((s==="audio"||s==="video")&&e.hasAttribute("controls")||e.hasAttribute("contenteditable")&&e.getAttribute("contenteditable")!=="false")return!0;let t=["button","input","select","textarea","a","audio","video","summary"].includes(s);return!t&&e.isLink===!0?!0:t}function w(e){let s=[];function t(i){i instanceof HTMLElement&&(s.push(i),i.shadowRoot&&i.shadowRoot.mode==="open"&&t(i.shadowRoot)),[...i.querySelectorAll("*")].map(r=>t(r))}t(e);let d=s.find(i=>x(i))||null,c=s.reverse().find(i=>x(i))||null;return{start:d,end:c}}var v=(t=>(t.close="close",t.back="back",t))(v||{}),o=class extends g{constructor(){super();this.heading="";this.open=!1;this.closeIcon=!1;this.backIcon=!1;this.height="400px";this.width="600px";this.closeLabel="Close";this.backLabel="";this.ignoreOutsideClick=!1;this.originalTrigger=null;this.tabDirection="forward";this.handleDocumentFocusIn=t=>{let d=t.composedPath();if(this&&!d.includes(this)){let{start:c,end:i}=w(this),r=this.tabDirection==="forward"?c:i;typeof(r==null?void 0:r.focus)=="function"&&r.focus()}};this.handleDocumentKeyDown=t=>{t.key==="Tab"&&t.shiftKey&&(this.tabDirection="backward",setTimeout(()=>this.tabDirection="forward"))};this.handleDocumentMouseDown=t=>{let d=t.composedPath();!this.ignoreOutsideClick&&this.modal&&!d.includes(this.modal)&&(this.open=!1)};this.element="modal"}static get styles(){return[super.styles,b]}async firstUpdated(){this.handleOpenChange()}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}disconnectedCallback(){this.removeOpenListeners(),super.disconnectedCallback()}handleClose(){this.open=!1,p("scw-action",this,{action:"close"})}handleBack(){p("scw-action",this,{action:"back"})}async handleOpenChange(){if(this.open&&this.ariaDisabled==="false")this.originalTrigger=document.activeElement,this.addOpenListeners();else{this.removeOpenListeners();let t=this.originalTrigger;t&&typeof t.focus=="function"&&setTimeout(()=>t.focus())}}render(){return l`
-    <div class="${u({"modal-wrapper":!0,open:this.open})}">
-      <div class="modal-background"></div>
-      <div
-        class="modal"
-        style="
-          --modal-width: ${this.width};
-          --modal-height: ${this.height};
-        ">
-        <div class="modal-header">
-          ${this.backLabel!==""?l` 
-            <div class="label-left">
-              <scw-link
-                @click=${this.handleBack}
-                aria-label=${this.backLabel}
-                design=${this.backIcon?"plain":"block"}>
-                ${this.backIcon?l`
-                  <scw-icon
-                    size="30"
-                    icon="chevron-left"></scw-icon>
-                `:this.backLabel}
-              </scw-link>
-            </div> 
-          `:""}
-          <div class="heading">
-            ${this.heading}
-          </div>
-          ${this.closeLabel!==""?l` 
-            <div class="label-right">
-              <scw-link
-                @click=${this.handleClose}
-                aria-label=${this.closeLabel}
-                design=${this.closeIcon?"plain":"block"}>
-                ${this.closeIcon?l`
-                  <scw-icon
-                    size="30"
-                    icon="close"></scw-icon>
-                `:this.closeLabel}
-              </scw-link>
-            </div> 
-          `:""}
-        </div>
-        <div class="content">
-          <slot></slot>
-        </div>
-        <div class="modal-footer">
-          <slot name="left-footer"></slot>
-          <slot name="right-footer"></slot>
-        </div>
-      </div>
-    </div>    
-    `}};a([n({type:String,attribute:"heading",reflect:!1})],o.prototype,"heading",2),a([n({type:Boolean,attribute:"open",reflect:!0})],o.prototype,"open",2),a([n({type:Boolean,attribute:"close-icon",reflect:!1})],o.prototype,"closeIcon",2),a([n({type:Boolean,attribute:"back-icon",reflect:!1})],o.prototype,"backIcon",2),a([n({type:String,attribute:"height",reflect:!1})],o.prototype,"height",2),a([n({type:String,attribute:"width",reflect:!1})],o.prototype,"width",2),a([n({type:String,attribute:"close-label",reflect:!1})],o.prototype,"closeLabel",2),a([n({type:String,attribute:"back-label",reflect:!1})],o.prototype,"backLabel",2),a([n({type:String,attribute:"ignore-outside-click",reflect:!1})],o.prototype,"ignoreOutsideClick",2),a([h(".modal")],o.prototype,"modal",2),a([m("open",{waitUntilFirstUpdate:!0})],o.prototype,"handleOpenChange",1);export{v as a,o as b};