scu-web-components 0.0.112 → 0.0.113

package/dist/chunks/chunk.45SCSBRL.js

@@ -1,65 +0,0 @@
-import{a as i,b as o,f as l}from"./chunk.CONKFFEA.js";import{a}from"./chunk.G2G2TPJK.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var s=i`
-:host {
-  width: 100%;
-}
-
-a {
-  width: 100%;
-  display: block;
-  text-decoration: none;
-}
-
-.container {
-  background-color: rgba(0, 0, 0, 0);
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-09);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.5);
-  padding-right: calc(var(--scw-spacing-1) * 1.5);
-  padding-top: calc(var(--scw-spacing-1) * 1.5);
-  padding-bottom: calc(var(--scw-spacing-1) * 1.5);
-  border-bottom: 0;
-  border-left: 0;
-  border-right: 0;
-}
-.container > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.container .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-02);
-  flex: 1;
-}
-.container scw-icon {
-  width: 15px;
-  height: 15px;
-}
-
-:host([plain]) .container {
-  background-color: rgba(0, 0, 0, 0);
-  padding-top: 0;
-  padding-bottom: 0;
-  border: 0;
-}
-
-:host a:hover .container {
-  background-color: var(--scw-color-grey-095);
-}`;var n=class extends l{constructor(){super();this.icon=!0;this.href="";this.plain=!1;this.parentMenu=null;this.element="mobile-item"}static get styles(){return[super.styles,s]}connectedCallback(){let e=Promise.all([customElements.whenDefined("scw-mobile-nav")]);super.connectedCallback(),this.updateComplete.then(()=>{e.then(()=>{this.menu=this.getElementsByTagName("scw-mobile-nav"),this.parentMenu=this.closest("scw-mobile-nav"),this.requestUpdate()})})}openInnerNav(){if(this.menu&&this.menu.length!=0){let e=this.parentElement,t=this.menu[0];t.navIndex=e.navIndex+1,t.inner=!0,t.ariaLabel=this.ariaLabel,t.toggleOpen()}else this.parentMenu&&this.parentMenu.handleClose()}hasPopup(){let e=this.nextElementSibling;return!!(e&&e.nodeName.indexOf("scw-mobile-nav")===0)}render(){var t;return a`
-      <a
-        href="${this.href&&((t=this.menu)==null?void 0:t.length)===0?this.href:"javascript:void(0)"}"
-        @click="${this.openInnerNav}"
-        design="plain"
-        aria-label="${this.ariaLabel}">
-        <div class="container">
-          <div class="label">${this.ariaLabel}</div>
-          ${this.menu&&this.menu.length!==0?a`<scw-icon icon="icon-chevron-right"> </scw-icon>`:""}
-        </div>
-      </a>
-      <slot></slot>
-    `}};r([o({type:Boolean,attribute:"icon",reflect:!1})],n.prototype,"icon",2),r([o({type:String,attribute:"href",reflect:!1})],n.prototype,"href",2),r([o({type:Boolean,attribute:"plain",reflect:!1})],n.prototype,"plain",2);export{n as a};

package/dist/chunks/chunk.46DMXTE4.js

@@ -1,160 +0,0 @@
-import{a as p}from"./chunk.4SWKJDYZ.js";import{a as s}from"./chunk.QHUZYUAT.js";import{a as c,b as o,d as i,f as l}from"./chunk.CONKFFEA.js";import{a}from"./chunk.G2G2TPJK.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var n=c`
-.wrapper {
-  background-color: rgb(255, 255, 255);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.wrapper > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.5);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
-}
-.wrapper .checkbox {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  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;
-  cursor: pointer;
-}
-.wrapper .checkbox > *:not(:last-child) {
-  margin-right: var(--scw-spacing-1);
-  --margin-right: var( --scw-spacing-1 );
-}
-.wrapper .checkbox .box {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 12px 12px 12px 12px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  width: 20px;
-  height: 20px;
-  transition: color 350ms ease, border-color 350ms ease, box-shadow 350ms ease;
-}
-.wrapper .checkbox .box > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.wrapper .checkbox .box .icon {
-  transition: color 350ms ease, opacity 350ms ease;
-  opacity: 0;
-}
-.wrapper .checkbox .input-label {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-02);
-  align-self: stretch;
-  flex: 1;
-}
-.wrapper .input-feedback {
-  text-align: LEFT;
-  font: var(--scw-type-text-03-font);
-  color: var(--scw-color-grey-04);
-}
-
-.checked .checkbox .box {
-  background-color: var(--scw-color-grey-03);
-  border-radius: 12px 12px 12px 12px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-03);
-}
-.checked .checkbox .box .icon {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 12px 12px 12px 12px;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  width: 8px;
-  height: 8px;
-  opacity: 1;
-}
-.checked .checkbox .box .icon > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-
-.wrapper .checkbox .box:focus,
-.wrapper .checkbox .box:focus-visible {
-  outline: none;
-  border-color: var(--scw-color-credit-cards);
-  box-shadow: var(--scw-effect-focus-shadow);
-}
-
-:host([aria-disabled]) .checkbox {
-  cursor: default;
-}
-:host([aria-disabled]) .checkbox .box {
-  background-color: var(--scw-color-grey-095);
-  border-radius: 12px 12px 12px 12px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  box-shadow: none;
-}
-:host([aria-disabled]) .checkbox .box .icon {
-  opacity: 0;
-}
-:host([aria-disabled]) .checkbox .input-label {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-06);
-  align-self: stretch;
-  flex: 1;
-}
-
-.box:hover {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 12px 12px 12px 12px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-03);
-}
-
-.topAlign .checkbox {
-  align-items: flex-start;
-}
-.topAlign .checkbox .box {
-  position: relative;
-  top: 5px;
-}`;var e=class extends l{constructor(){super();this.value="";this.selected=!1;this.alignment="center";this.element="radio"}static get styles(){return[super.styles,n]}connectedCallback(){super.connectedCallback(),this.value||this.setAttribute("value",this.ariaLabel)}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleClick(t){t.preventDefault()}focus(){this.input.focus()}render(){let t={checked:this.selected,wrapper:!0,topAlign:this.alignment==="top"};return a`
-      <div class=${p(t)}>
-        <label class="checkbox">
-          
-          <div class="box"
-            role="radio"
-            aria-checked="${this.selected}"
-            tabindex="${this.selected?"0":"-1"}"
-            @click=${this.handleClick}>
-              <div class="icon"></div>
-          </div>
-          <div class="input-label">
-            ${this.ariaLabel}
-            <slot></slot>
-          </div>
-        </label>
-      </div>
-      `}};r([o({type:String,attribute:"value",reflect:!1})],e.prototype,"value",2),r([o({type:Boolean,attribute:"selected",reflect:!0})],e.prototype,"selected",2),r([o({type:String,reflect:!1,attribute:"alignment"})],e.prototype,"alignment",2),r([i(".box")],e.prototype,"input",2),r([s("selected")],e.prototype,"handleSelectedChange",1);export{e as a};

package/dist/chunks/chunk.4B3EEISE.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.CONKFFEA.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};

package/dist/chunks/chunk.4NDSU2Y6.js

@@ -1,13 +0,0 @@
-import{a as o,b as r,f as s}from"./chunk.CONKFFEA.js";import{a as i}from"./chunk.G2G2TPJK.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var l=o`
-:host {
-  display: inline-block;
-}
-:host sup {
-  font-size: 0.6em;
-  vertical-align: top;
-  position: relative;
-  top: -0.4em;
-  color: inherit;
-}`;var t=class extends s{constructor(){super();this.symbol="";this.location="";this.disclosure="";this.richText=!1;this.identifier="";this.element="disclosure-item"}static get styles(){return[super.styles,l]}render(){return i`
-     <sup>${this.symbol?this.symbol:"*"}</sup>
-    `}};e([r({type:String,attribute:"symbol",reflect:!1})],t.prototype,"symbol",2),e([r({type:String,attribute:"location",reflect:!1})],t.prototype,"location",2),e([r({type:String,attribute:"disclosure",reflect:!1})],t.prototype,"disclosure",2),e([r({type:Boolean,attribute:"is-rich-text",reflect:!1})],t.prototype,"richText",2),e([r({type:String,attribute:"identifier",reflect:!1})],t.prototype,"identifier",2);export{t as a};

package/dist/chunks/chunk.4SWKJDYZ.js

@@ -1,6 +0,0 @@
-import{a as d,b as h,c as l}from"./chunk.NBAHMDHF.js";import{c as a}from"./chunk.G2G2TPJK.js";var u=h(class extends l{constructor(s){var e;if(super(s),s.type!==d.ATTRIBUTE||s.name!=="class"||((e=s.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(e=>s[e]).join(" ")+" "}update(s,[e]){var i,n;if(this.nt===void 0){this.nt=new Set,s.strings!==void 0&&(this.st=new Set(s.strings.join(" ").split(/\s/).filter(t=>t!=="")));for(let t in e)e[t]&&!(!((i=this.st)===null||i===void 0)&&i.has(t))&&this.nt.add(t);return this.render(e)}let r=s.element.classList;this.nt.forEach(t=>{t in e||(r.remove(t),this.nt.delete(t))});for(let t in e){let o=!!e[t];o===this.nt.has(t)||((n=this.st)===null||n===void 0?void 0:n.has(t))||(o?(r.add(t),this.nt.add(t)):(r.remove(t),this.nt.delete(t)))}return a}});export{u as a};
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */