scb-wc-test 0.1.104 → 0.1.105

package/mvc/components/scb-select/scb-select-option.js

@@ -27,7 +27,7 @@ import{a as h,n as d,i as p,x as n,t as u}from"../../vendor/vendor.js";import"..
     .item.checked {
       background-color: var(--md-sys-color-secondary-container);
     }
-      md-icon.radio-checked{
-        color: var(--md-sys-color-primary);
-      }
+    md-icon.radio-checked{
+      color: var(--md-sys-color-primary);
+    }
       `;s([d({type:String})],t.prototype,"value",2);s([d({type:Boolean,reflect:!0})],t.prototype,"disabled",2);s([d({type:Boolean})],t.prototype,"showCheckbox",2);s([d({type:Boolean})],t.prototype,"checked",2);s([d({type:Boolean})],t.prototype,"showRadio",2);s([d({type:String})],t.prototype,"label",2);t=s([u("scb-select-option")],t);

package/mvc/components/scb-select/scb-select.js

@@ -126,17 +126,17 @@ import{a as h,n as r,i as p,x as d,t as u}from"../../vendor/vendor.js";import"./
 			.options::-webkit-scrollbar {
 				width: 12px;
 				background: var(--md-sys-color-surface);
-				border-radius: 8px;
+				border-radius: var(--md-sys-shape-corner-small);
 			}
 			.options::-webkit-scrollbar-thumb {
 				background: var(--md-sys-color-outline);
-				border-radius: 8px;
+				border-radius: var(--md-sys-shape-corner-small);
 				border: 4px solid var(--md-sys-color-surface);
 				
 			}
 			.options::-webkit-scrollbar-track {
 				background: var(--md-sys-color-surface);
-				border-radius: 8px;
+				border-radius: var(--md-sys-shape-corner-small);
 			}
 		:host([open]) .options {
 			max-height: 240px;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.104",
+    "version":  "0.1.105",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -337,5 +337,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "407566FE01A9AD5639DCFDB08835E7DA2C13A5B15B17A28125CBC73E4D45C40E"
+    "buildHash":  "F471BF0297C09631C7B212F431BB78DE6E04C544E36E5B3038379A15174EE4B8"
 }

package/scb-select/scb-select-option.js

@@ -45,9 +45,9 @@ e.styles = h`
     .item.checked {
       background-color: var(--md-sys-color-secondary-container);
     }
-      md-icon.radio-checked{
-        color: var(--md-sys-color-primary);
-      }
+    md-icon.radio-checked{
+      color: var(--md-sys-color-primary);
+    }
       `;
 o([
   s({ type: String })

package/scb-select/scb-select.js

@@ -1,8 +1,8 @@
 import { css as h, LitElement as p, html as d } from "lit";
-import { property as r, customElement as u } from "lit/decorators.js";
+import { property as n, customElement as u } from "lit/decorators.js";
 import "./scb-select-option.js";
 import "@material/web/focus/md-focus-ring.js";
-var b = Object.defineProperty, v = Object.getOwnPropertyDescriptor, n = (e, i, o, t) => {
+var b = Object.defineProperty, v = Object.getOwnPropertyDescriptor, r = (e, i, o, t) => {
   for (var s = t > 1 ? void 0 : t ? v(i, o) : i, c = e.length - 1, l; c >= 0; c--)
     (l = e[c]) && (s = (t ? l(i, o, s) : l(s)) || s);
   return t && s && b(i, o, s), s;
@@ -205,17 +205,17 @@ a.styles = h`
 			.options::-webkit-scrollbar {
 				width: 12px;
 				background: var(--md-sys-color-surface);
-				border-radius: 8px;
+				border-radius: var(--md-sys-shape-corner-small);
 			}
 			.options::-webkit-scrollbar-thumb {
 				background: var(--md-sys-color-outline);
-				border-radius: 8px;
+				border-radius: var(--md-sys-shape-corner-small);
 				border: 4px solid var(--md-sys-color-surface);
 				
 			}
 			.options::-webkit-scrollbar-track {
 				background: var(--md-sys-color-surface);
-				border-radius: 8px;
+				border-radius: var(--md-sys-shape-corner-small);
 			}
 		:host([open]) .options {
 			max-height: 240px;
@@ -239,37 +239,37 @@ a.styles = h`
 		}
 
 	`;
-n([
-  r({ type: String })
+r([
+  n({ type: String })
 ], a.prototype, "variant", 2);
-n([
-  r({ type: String })
+r([
+  n({ type: String })
 ], a.prototype, "value", 2);
-n([
-  r({ type: Array })
+r([
+  n({ type: Array })
 ], a.prototype, "values", 2);
-n([
-  r({ type: Boolean })
+r([
+  n({ type: Boolean })
 ], a.prototype, "disabled", 2);
-n([
-  r({ type: Boolean, reflect: !0 })
+r([
+  n({ type: Boolean, reflect: !0 })
 ], a.prototype, "open", 2);
-n([
-  r({ type: String })
+r([
+  n({ type: String })
 ], a.prototype, "label", 2);
-n([
-  r({ type: String })
+r([
+  n({ type: String })
 ], a.prototype, "name", 2);
-n([
-  r({ type: String })
+r([
+  n({ type: String })
 ], a.prototype, "placeholder", 2);
-n([
-  r({ type: String, attribute: "supporting-text" })
+r([
+  n({ type: String, attribute: "supporting-text" })
 ], a.prototype, "supportingText", 2);
-n([
-  r({ type: Boolean, attribute: "with-radiobuttons" })
+r([
+  n({ type: Boolean, attribute: "with-radiobuttons" })
 ], a.prototype, "withRadiobuttons", 2);
-a = n([
+a = r([
   u("scb-select")
 ], a);
 export {

package/scb-wc-test.bundle.js

@@ -7008,9 +7008,9 @@ ${this.value}</textarea
     .item.checked {
       background-color: var(--md-sys-color-secondary-container);
     }
-      md-icon.radio-checked{
-        color: var(--md-sys-color-primary);
-      }
+    md-icon.radio-checked{
+      color: var(--md-sys-color-primary);
+    }
       `,St([l({type:String})],a.ScbSelectOption.prototype,"value",2),St([l({type:Boolean,reflect:!0})],a.ScbSelectOption.prototype,"disabled",2),St([l({type:Boolean})],a.ScbSelectOption.prototype,"showCheckbox",2),St([l({type:Boolean})],a.ScbSelectOption.prototype,"checked",2),St([l({type:Boolean})],a.ScbSelectOption.prototype,"showRadio",2),St([l({type:String})],a.ScbSelectOption.prototype,"label",2),a.ScbSelectOption=St([g("scb-select-option")],a.ScbSelectOption);var qh=Object.defineProperty,Uh=Object.getOwnPropertyDescriptor,xe=(o,e,t,i)=>{for(var r=i>1?void 0:i?Uh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&qh(e,t,r),r};a.ScbSelect=class extends y{constructor(){super(),this._internals=null,this.focusedIndex=-1,this.variant="single-select",this.value="",this.values=[],this.disabled=!1,this.open=!1,this.label="",this.name="",this.placeholder="",this.supportingText="",this.withRadiobuttons=!1,this._onDocumentClick=e=>{if(!this.open)return;e.composedPath().includes(this)||(this.open=!1,this.removeAttribute("open"))},this._onSlotClick=e=>{var n;const t=(n=this.shadowRoot)==null?void 0:n.querySelector("slot");if(!t)return;const i=t.assignedElements({flatten:!0}).filter(h=>h.tagName.toLowerCase()==="scb-select-option"),r=e.composedPath(),s=i.find(h=>r.includes(h));s&&(this._selectOption(s),e.stopPropagation())},this._onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this._toggleOpen())},this._onOptionKeyDown=e=>{var t;if(e.key==="Enter"||e.key===" "){e.preventDefault();const i=(t=this.shadowRoot)==null?void 0:t.querySelector("slot");if(!i)return;const r=i.assignedElements({flatten:!0}).filter(h=>h.tagName.toLowerCase()==="scb-select-option"),s=e.composedPath(),n=r.find(h=>s.includes(h));n&&this._selectOption(n)}},"attachInternals"in this&&(this._internals=this.attachInternals())}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._onDocumentClick)}disconnectedCallback(){document.removeEventListener("mousedown",this._onDocumentClick),super.disconnectedCallback()}_toggleOpen(){this.disabled||(this.open=!this.open,this.open?(this.focusedIndex=0,this.requestUpdate()):this.focusedIndex=-1)}_selectOption(e){e.disabled||(this.variant==="multi-select"?(this.values.indexOf(e.value)>-1?this.values=this.values.filter(i=>i!==e.value):this.values=[...this.values,e.value],this.value=this.values.join(","),this.dispatchEvent(new CustomEvent("change",{detail:{values:this.values},bubbles:!0,composed:!0}))):this.variant==="single-select"&&this.withRadiobuttons?(this.value=e.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))):(this.value=e.value,this.open=!1,this.removeAttribute("open"),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))),this._updateOptionsChecked(),this.requestUpdate())}_getSelectedLabel(){var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector("slot");if(!e)return"";const t=e.assignedElements({flatten:!0}).filter(r=>r.tagName.toLowerCase()==="scb-select-option");if(this.variant==="multi-select"){const r=t.filter(s=>this.values.includes(s.value));return r&&r.length>0?r.map(s=>s.label).join(", "):""}else{const r=t.find(s=>s.value===this.value);return r?r.label:""}}firstUpdated(){this._updateOptionsChecked(),this._internals&&this._internals.setFormValue(this.value)}updated(){this._updateOptionsChecked(),this._internals&&this._internals.setFormValue(this.value)}_updateOptionsChecked(){var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector("slot");if(!e)return;e.assignedElements({flatten:!0}).filter(r=>r.tagName.toLowerCase()==="scb-select-option").forEach(r=>{this.variant==="multi-select"?(r.showCheckbox=!0,r.checked=this.values.includes(r.value),r.showRadio=!1):(r.showCheckbox=!1,r.checked=this.value===r.value,this.withRadiobuttons&&(r.showRadio=!0))})}render(){return c`
 			${this.label||this.supportingText?c`
 				<label class="select-label" id="scb-select-label-${this.name}">
@@ -7139,17 +7139,17 @@ ${this.value}</textarea
 			.options::-webkit-scrollbar {
 				width: 12px;
 				background: var(--md-sys-color-surface);
-				border-radius: 8px;
+				border-radius: var(--md-sys-shape-corner-small);
 			}
 			.options::-webkit-scrollbar-thumb {
 				background: var(--md-sys-color-outline);
-				border-radius: 8px;
+				border-radius: var(--md-sys-shape-corner-small);
 				border: 4px solid var(--md-sys-color-surface);
 				
 			}
 			.options::-webkit-scrollbar-track {
 				background: var(--md-sys-color-surface);
-				border-radius: 8px;
+				border-radius: var(--md-sys-shape-corner-small);
 			}
 		:host([open]) .options {
 			max-height: 240px;