scb-wc 0.1.11 → 0.1.13

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

@@ -1 +1,284 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-select/scb-select-option.js";import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-select/scb-select.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(e,o,c){try{customElements.get(e)||r(e,o,c)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();
+import"../../vendor/vendor-material.js";import{_ as h,b as u,g as b,h as a,s as g,y as d}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as l}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";import"./scb-select-option.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,s,o){try{customElements.get(t)||e(t,s,o)}catch(r){var n=String(r||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var c,i=(c=class extends h{constructor(){super(),this._optionsObserver=null,this._internals=null,this.focusedIndex=-1,this.variant="single-select",this.value="",this.values=[],this.disabled=!1,this.required=!1,this.open=!1,this.label="",this.name="",this.placeholder="",this.supportingText="",this.withRadiobuttons=!1,this.noHighlightSelected=!1,this.size="large",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.zIndex=void 0,this._form=null,this._formResetHandler=null,this._formSubmitHandler=null,this._initialValue="",this._initialValues=[],this._customValidationMessage="",this._onDocumentClick=e=>{this.open&&(e.composedPath().includes(this)||this._setOpen(!1))},this._onSlotClick=e=>{const t=this.shadowRoot?.querySelector("slot");if(!t)return;const s=t.assignedElements({flatten:!0}).filter(r=>r.tagName.toLowerCase()==="scb-select-option"),o=e.composedPath(),n=s.find(r=>o.includes(r));n&&(this._selectOption(n),e.stopPropagation())},this._onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this._toggleOpen())},this._onOptionKeyDown=e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();const t=this.shadowRoot?.querySelector("slot");if(!t)return;const s=t.assignedElements({flatten:!0}).filter(r=>r.tagName.toLowerCase()==="scb-select-option"),o=e.composedPath(),n=s.find(r=>o.includes(r));n&&this._selectOption(n)}},"attachInternals"in this&&(this._internals=this.attachInternals())}_syncDensityForSize(){this.size==="extra-small"?this.setAttribute("data-density","-5"):this.size==="small"?this.setAttribute("data-density","-4"):this.size==="medium"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._onDocumentClick),this._optionsObserver=new MutationObserver(()=>{this.requestUpdate()}),this._optionsObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label","value","disabled"]}),this._syncDensityForSize(),this._initialValue=this.value,this._initialValues=Array.isArray(this.values)?[...this.values]:[],this._form=this.closest("form"),this._form&&(this._formResetHandler=()=>{this.value=this._initialValue,this.values=Array.isArray(this._initialValues)?[...this._initialValues]:[],this._syncFormValue(),this._syncValidity(),this.requestUpdate()},this._formSubmitHandler=e=>{this.reportValidity()||(e.preventDefault(),e.stopPropagation())},this._form.addEventListener("reset",this._formResetHandler,!0),this._form.addEventListener("submit",this._formSubmitHandler,!0))}disconnectedCallback(){document.removeEventListener("mousedown",this._onDocumentClick),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0),this._form&&this._formSubmitHandler&&this._form.removeEventListener("submit",this._formSubmitHandler,!0),this._optionsObserver?.disconnect(),this._optionsObserver=null,super.disconnectedCallback()}_getMultiValues(){return Array.isArray(this.values)&&this.values.length>0?this.values:this.value?this.value.split(",").map(e=>e.trim()).filter(Boolean):[]}_mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_applySpacing(){const e=this._mapSpacingToken(this.spacing),t=this._mapSpacingToken(this.spacingTop)??e,s=this._mapSpacingToken(this.spacingBottom)??e,o=this._mapSpacingToken(this.spacingLeft),n=this._mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-select-spacing-block-start",t):this.style.removeProperty("--scb-select-spacing-block-start"),s?this.style.setProperty("--scb-select-spacing-block-end",s):this.style.removeProperty("--scb-select-spacing-block-end"),o?this.style.setProperty("--scb-select-spacing-inline-start",o):this.style.removeProperty("--scb-select-spacing-inline-start"),n?this.style.setProperty("--scb-select-spacing-inline-end",n):this.style.removeProperty("--scb-select-spacing-inline-end")}_setOpen(e){this.open!==e&&(this.open=e,e?(this.focusedIndex=0,this.requestUpdate()):this.focusedIndex=-1)}_toggleOpen(){this.disabled||this._setOpen(!this.open)}_hasMoreThanFourOptions(){const e=this.shadowRoot?.querySelector("slot");if(!e)return!1;const t=e.assignedElements({flatten:!0}).filter(s=>s.tagName.toLowerCase()==="scb-select-option");return["extra-small","small","medium"].includes(this.size)?t.length>5:t.length>4}_selectOption(e){if(!e.disabled){if(this.variant==="multi-select"){const t=this._getMultiValues();t.indexOf(e.value)>-1?this.values=t.filter(s=>s!==e.value):this.values=[...t,e.value],this.value=this.values.join(","),this.dispatchEvent(new CustomEvent("change",{detail:{values:this.values},bubbles:!0,composed:!0}))}else 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._setOpen(!1),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0})));this._updateOptionsChecked(),this.requestUpdate()}}_getSelectedLabel(){const e=this.shadowRoot?.querySelector("slot");if(!e)return"";const t=e.assignedElements({flatten:!0}).filter(s=>s.tagName.toLowerCase()==="scb-select-option");if(this.variant==="multi-select"){const s=this._getMultiValues(),o=t.filter(n=>s.includes(n.value));return o&&o.length>0?o.map(n=>n.label).join(", "):""}else{const s=t.find(o=>o.value===this.value);return s?s.label:""}}firstUpdated(){this._updateOptionsChecked(),this._syncFormValue(),this._syncValidity(),this._applySpacing()}updated(e){this._updateOptionsChecked(),this._syncFormValue(),this._syncValidity(),e.has("size")&&this._syncDensityForSize(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this._applySpacing()}_syncFormValue(){if(this._internals){if(this.disabled||!this.name){this._internals.setFormValue(null);return}if(this.variant==="multi-select"){const e=this._getMultiValues();if(e.length===0){this._internals.setFormValue(null);return}const t=new FormData;e.forEach(s=>t.append(this.name,s)),this._internals.setFormValue(t);return}this._internals.setFormValue(this.value||null)}}_getValidationMessage(){return this._customValidationMessage?this._customValidationMessage:this.required&&!(this.variant==="multi-select"?this._getMultiValues().length>0:this.value)?"Välj ett alternativ.":""}_syncValidity(){if(!this._internals)return;const e=this.disabled?"":this._getValidationMessage(),t=this.shadowRoot?.querySelector(".selected-value");if(!e){this._internals.setValidity({}),this.removeAttribute("aria-invalid"),t&&t.setCustomValidity("");return}t&&t.setCustomValidity(e),this._internals.setValidity({valueMissing:!0},e,t??void 0),this.setAttribute("aria-invalid","true")}checkValidity(){return!this._getValidationMessage()}reportValidity(){return this._syncValidity(),this._internals?this._internals.reportValidity():this.checkValidity()}setCustomValidity(e){this._customValidationMessage=e,this._syncValidity()}get validity(){return this._internals?.validity}get validationMessage(){return this._internals?.validationMessage??this._getValidationMessage()}get willValidate(){return this._internals?.willValidate??!0}_updateOptionsChecked(){const e=this.shadowRoot?.querySelector("slot");e&&e.assignedElements({flatten:!0}).filter(t=>t.tagName.toLowerCase()==="scb-select-option").forEach(t=>{if(this.noHighlightSelected?t.setAttribute("no-highlight-selected",""):t.removeAttribute("no-highlight-selected"),this.variant==="multi-select"){const s=this._getMultiValues();t.showCheckbox=!0,t.checked=s.includes(t.value),t.showRadio=!1}else t.showCheckbox=!1,t.checked=this.value===t.value,this.withRadiobuttons&&(t.showRadio=!0)})}render(){return d`
+			${this.label?d`
+				<label
+					class="select-label ${this.supportingText?"":"select-label--without-supporting"}"
+					id="scb-select-label-${this.name}"
+				>
+					${this.label}
+				</label>
+			`:""}
+			${this.supportingText?d`
+				<span class="select-sub-label">${this.supportingText}</span>
+			`:""}
+				<div class="select">
+					<div class="selected-value-container" tabindex="0" @click="${this._toggleOpen}" @keydown="${this._onKeyDown}">
+					<md-focus-ring inward></md-focus-ring>
+						<md-ripple></md-ripple>
+						<input
+							tabindex="-1"
+							class="selected-value"
+							type="text"
+							readonly
+							.value="${this._getSelectedLabel()||this.placeholder}"
+							name="${this.name}"
+							?required=${this.required}
+							aria-required="${this.required?"true":"false"}"
+							aria-labelledby="${this.label?`scb-select-label-${this.name}`:""}"
+							aria-label="${!this.label&&this.placeholder?this.placeholder:""}"
+							title="${!this.label&&this.placeholder?this.placeholder:""}"
+							placeholder="${this.placeholder}"
+						/>
+						<span class="arrow">
+							<scb-chevron .open=${this.open}></scb-chevron>
+						</span>
+					</div>
+					<div
+						class="${this._hasMoreThanFourOptions()?"options options--scroll":"options"}"
+						style=${g(this.zIndex?`z-index: ${this.zIndex};`:void 0)}
+						@click=${this._onSlotClick}
+						@keydown=${this._onOptionKeyDown}
+					>
+						<slot @slotchange="${()=>{this.requestUpdate()}}"></slot>
+					</div>
+				</div>
+			`}},c.formAssociated=!0,c.styles=u`
+		:host {
+			display: flex;
+			flex-direction: column;
+			color: var(--md-sys-color-on-surface);
+			font-family: var(--brand-font);
+			--scb-select-max-width: 400px;
+			--scb-select-padding-x: var(--spacing-5);
+			--scb-select-padding-y: var(--spacing-2);
+			--scb-select-min-height: 56px;
+			--scb-select-font-size: var(--md-sys-typescale-body-large-size);
+			--scb-select-line-height: var(--md-sys-typescale-body-large-line-height);
+			--scb-select-letter-spacing: var(--md-sys-typescale-body-large-tracking);
+			--scb-select-label-font-size: var(--md-sys-typescale-label-medium-size);
+			--scb-select-label-line-height: var(--md-sys-typescale-label-medium-line-height);
+			--scb-select-label-letter-spacing: var(--md-sys-typescale-label-medium-tracking);
+			--scb-select-supporting-font-size: var(--md-sys-typescale-body-medium-size);
+			--scb-select-supporting-line-height: var(--md-sys-typescale-body-medium-line-height);
+			--scb-select-supporting-letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+			--scb-select-label-gap: var(--spacing-3);
+			max-width: var(--scb-select-max-width);
+			width: 100%;
+			margin-block-start: var(--scb-select-spacing-block-start, 0);
+			margin-block-end: var(--scb-select-spacing-block-end, 0);
+			margin-inline-start: var(--scb-select-spacing-inline-start, 0);
+			margin-inline-end: var(--scb-select-spacing-inline-end, 0);
+		}
+		:host([disabled]) {
+			pointer-events: none;
+			opacity: 0.38;
+		}
+			:host([size='medium']) {
+				--scb-select-padding-x: var(--spacing-4);
+				--scb-select-padding-y: var(--spacing-3);
+				--scb-select-min-height: 48px;
+				--scb-select-font-size: var(--md-sys-typescale-body-medium-size);
+				--scb-select-line-height: var(--md-sys-typescale-body-medium-line-height);
+				--scb-select-letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+				--scb-select-label-font-size: var(--md-sys-typescale-label-small-size);
+				--scb-select-label-line-height: var(--md-sys-typescale-label-small-line-height);
+				--scb-select-label-letter-spacing: var(--md-sys-typescale-label-small-tracking);
+				--scb-select-supporting-font-size: var(--md-sys-typescale-body-small-size);
+				--scb-select-supporting-line-height: var(--md-sys-typescale-body-small-line-height);
+				--scb-select-supporting-letter-spacing: var(--md-sys-typescale-body-small-tracking);
+				--scb-select-option-padding-y: var(--spacing-2);
+				--scb-select-option-padding-x: var(--spacing-4);
+				--scb-select-option-gap: var(--spacing-3);
+				--scb-select-option-min-height: 40px;
+
+				--scb-select-option-font-size: var(--md-sys-typescale-body-medium-size);
+				--scb-select-option-line-height: var(--md-sys-typescale-body-medium-line-height);
+				--scb-select-option-letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+				--scb-select-option-icon-size: var(--icon-size-small, 20px);
+			}
+			:host([size='small']) {
+				--scb-select-padding-x: var(--spacing-4);
+				--scb-select-padding-y: var(--spacing-3);
+				--scb-select-min-height: 40px;
+				--scb-select-font-size: var(--md-sys-typescale-body-small-size);
+				--scb-select-line-height: var(--md-sys-typescale-body-small-line-height);
+				--scb-select-letter-spacing: var(--md-sys-typescale-body-small-tracking);
+				--scb-select-label-font-size: var(--md-sys-typescale-label-small-size);
+				--scb-select-label-line-height: var(--md-sys-typescale-label-small-line-height);
+				--scb-select-label-letter-spacing: var(--md-sys-typescale-label-small-tracking);
+				--scb-select-supporting-font-size: var(--md-sys-typescale-body-small-size);
+				--scb-select-supporting-line-height: var(--md-sys-typescale-body-small-line-height);
+				--scb-select-supporting-letter-spacing: var(--md-sys-typescale-body-small-tracking);
+				--scb-select-option-padding-y: var(--spacing-2);
+				--scb-select-option-padding-x: var(--spacing-4);
+				--scb-select-option-gap: var(--spacing-3);
+				--scb-select-option-min-height: 40px;
+
+				--scb-select-option-font-size: var(--md-sys-typescale-body-small-size);
+				--scb-select-option-line-height: var(--md-sys-typescale-body-small-line-height);
+				--scb-select-option-letter-spacing: var(--md-sys-typescale-body-small-tracking);
+				--scb-select-option-icon-size: var(--icon-size-small, 20px);
+			}
+			:host([size='extra-small']) {
+				--scb-select-padding-x: var(--spacing-3);
+				--scb-select-padding-y: var(--spacing-2);
+				--scb-select-min-height: 32px;
+				--scb-select-font-size: var(--md-sys-typescale-body-small-size);
+				--scb-select-line-height: var(--md-sys-typescale-body-small-line-height);
+				--scb-select-letter-spacing: var(--md-sys-typescale-body-small-tracking);
+				--scb-select-label-font-size: var(--md-sys-typescale-label-small-size);
+				--scb-select-label-line-height: var(--md-sys-typescale-label-small-line-height);
+				--scb-select-label-letter-spacing: var(--md-sys-typescale-label-small-tracking);
+				--scb-select-supporting-font-size: var(--md-sys-typescale-body-small-size);
+				--scb-select-supporting-line-height: var(--md-sys-typescale-body-small-line-height);
+				--scb-select-supporting-letter-spacing: var(--md-sys-typescale-body-small-tracking);
+				--scb-select-option-padding-y: var(--spacing-2);
+				--scb-select-option-padding-x: var(--spacing-3);
+				--scb-select-option-gap: var(--spacing-2);
+				--scb-select-option-min-height: 32px;
+
+				--scb-select-option-font-size: var(--md-sys-typescale-body-small-size);
+				--scb-select-option-line-height: var(--md-sys-typescale-body-small-line-height);
+				--scb-select-option-letter-spacing: var(--md-sys-typescale-body-small-tracking);
+				--scb-select-option-icon-size: var(--icon-size-extra-small, 16px);
+			}
+		   .select {
+			   position: relative;
+
+			   background: var(--md-sys-color-surface);
+			   cursor: pointer;
+			   border-radius: var(--md-sys-shape-corner-small);
+			   border: 1px solid var(--md-sys-color-outline);
+			   outline: 1px solid transparent;
+			   transition: border 0.2s;
+			   
+		   }
+		   :host .select:hover, :host([open]) .select {
+			   outline: 1px solid var(--md-sys-color-outline);
+		   }
+		   
+		   .selected-value {
+			   flex: 1 1 auto;
+			   min-width: 0;
+			   overflow: hidden;
+			   text-overflow: ellipsis;
+			   white-space: nowrap;
+			   display: block;
+			   border: none;
+			   background: transparent;
+			   font: inherit;
+			   color: inherit;
+			   padding: 0;
+			   outline: none;
+			   cursor: pointer;
+					font-size: var(--scb-select-font-size);
+					line-height: var(--scb-select-line-height);
+					letter-spacing: var(--scb-select-letter-spacing);
+		   }
+		   .selected-value-container:focus-within {
+			   outline: none;
+		   }
+		   .select-label{
+			display: block;
+			font-size: var(--scb-select-label-font-size);
+			font-weight: var(--weight-semibold);
+			line-height: var(--scb-select-label-line-height);
+			letter-spacing: var(--scb-select-label-letter-spacing);
+		   }
+		   .select-label--without-supporting {
+			margin-bottom: var(--scb-select-label-gap);
+		   }
+		   .select-sub-label{
+			display: block;
+			font-size: var(--scb-select-supporting-font-size);
+			line-height: var(--scb-select-supporting-line-height);
+			letter-spacing: var(--scb-select-supporting-letter-spacing);
+			font-weight: var(--weight-regular);
+			margin-bottom: var(--scb-select-label-gap);
+			color: var(--md-sys-color-on-surface-variant);
+		   }
+		   md-focus-ring {
+			position:absolute;
+			border-radius: 8px;
+		   }
+		   
+		.arrow {
+			position: absolute;
+			right: 8px;
+			top: 50%;
+			transform: translateY(-50%);
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			pointer-events: none;
+		}
+		.options {
+			position: absolute;
+			left: 0;
+			right: 0;
+			top: calc(100% + 3px);
+			z-index: 10;
+			max-height: 0;
+			overflow-y: hidden;
+			transition:
+				max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+				opacity 0.15s linear 0.15s,
+				visibility 0s linear 0.3s;
+			visibility: hidden;
+			opacity: 0;
+			pointer-events: none;
+			border-radius: var(--md-sys-shape-corner-small);
+			background: var(--md-sys-color-surface);
+			padding: 8px 0;
+			/* Drop Shadow/2 */
+			box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
+		}
+			.options::-webkit-scrollbar {
+				width: 12px;
+				background: var(--md-sys-color-surface);
+				border-radius: var(--md-sys-shape-corner-small);
+			}
+			.options::-webkit-scrollbar-thumb {
+				background: var(--md-sys-color-outline);
+				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: var(--md-sys-shape-corner-small);
+			}
+		:host([open]) .options {
+			max-height: 240px;
+			visibility: visible;
+			opacity: 1;
+			pointer-events: auto;
+			transition:
+				max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+				opacity 0s linear 0s,
+				visibility 0s linear 0s;
+			opacity: 1;
+		}
+		.options.options--scroll {
+			overflow-y: auto;
+		}
+		.option[aria-selected="true"] {
+			background: #e6f0fa;
+		}
+		.option[aria-disabled="true"] {
+			color: #aaa;
+			pointer-events: none;
+		}
+		.selected-value-container {
+			height: 100%;
+			min-height: var(--scb-select-min-height);
+			box-sizing: border-box;
+			position: relative;
+			display: flex;
+			align-items: center;
+			padding: var(--scb-select-padding-y) 52px var(--scb-select-padding-y) var(--scb-select-padding-x);
+		}
+			:host([size='extra-small']) .selected-value-container {
+				padding-right: 44px;
+			}
+
+	`,c);l([a({type:String})],i.prototype,"variant",void 0);l([a({type:String})],i.prototype,"value",void 0);l([a({type:Array})],i.prototype,"values",void 0);l([a({type:Boolean})],i.prototype,"disabled",void 0);l([a({type:Boolean,reflect:!0})],i.prototype,"required",void 0);l([a({type:Boolean,reflect:!0})],i.prototype,"open",void 0);l([a({type:String})],i.prototype,"label",void 0);l([a({type:String})],i.prototype,"name",void 0);l([a({type:String})],i.prototype,"placeholder",void 0);l([a({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",void 0);l([a({type:Boolean,attribute:"with-radiobuttons"})],i.prototype,"withRadiobuttons",void 0);l([a({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],i.prototype,"noHighlightSelected",void 0);l([a({type:String,reflect:!0})],i.prototype,"size",void 0);l([a({type:String,reflect:!0})],i.prototype,"spacing",void 0);l([a({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",void 0);l([a({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",void 0);l([a({type:String,attribute:"spacing-left",reflect:!0})],i.prototype,"spacingLeft",void 0);l([a({type:String,attribute:"spacing-right",reflect:!0})],i.prototype,"spacingRight",void 0);l([a({type:String,attribute:"z-index"})],i.prototype,"zIndex",void 0);i=l([b("scb-select")],i);

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

@@ -1 +1,38 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-skeleton/scb-skeleton.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(e,r,c){try{customElements.get(e)||o(e,r,c)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();
+import{_ as d,b as g,g as h,h as r,y as b}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,o,a){try{customElements.get(e)||t(e,o,a)}catch(l){var n=String(l||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var c,i=(c=class extends d{constructor(...t){super(...t),this.variant="rectangular",this.width="100%",this.height="100%",this.borderSize="small",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}applySpacing(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,o=this.mapSpacingToken(this.spacingBottom)??t,a=this.mapSpacingToken(this.spacingLeft),n=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-skeleton-spacing-block-start",e):this.style.removeProperty("--scb-skeleton-spacing-block-start"),o?this.style.setProperty("--scb-skeleton-spacing-block-end",o):this.style.removeProperty("--scb-skeleton-spacing-block-end"),a?this.style.setProperty("--scb-skeleton-spacing-inline-start",a):this.style.removeProperty("--scb-skeleton-spacing-inline-start"),n?this.style.setProperty("--scb-skeleton-spacing-inline-end",n):this.style.removeProperty("--scb-skeleton-spacing-inline-end")}firstUpdated(t){super.firstUpdated(t),this.applySpacing()}updated(t){super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.applySpacing()}render(){return this.style.setProperty("--scb-skeleton-width",this.width),this.style.setProperty("--scb-skeleton-height",this.height),this.variant==="rounded"&&this.style.setProperty("--scb-skeleton-border-size",this.borderSize==="small"?"8px":this.borderSize==="medium"?"16px":this.borderSize==="large"?"24px":"8px"),b`
+      <div
+        class="skeleton${this.variant==="circular"?" circle":""} ${this.variant==="rounded"?" rounded":""}"
+      ><slot></slot></div>
+    `}},c.styles=g`
+    :host {
+      display: inline-block;
+      max-width: var(--scb-skeleton-width);
+      width: 100%;
+      height: var(--scb-skeleton-height);
+
+      margin-block-start: var(--scb-skeleton-spacing-block-start, 0);
+      margin-block-end: var(--scb-skeleton-spacing-block-end, 0);
+      margin-inline-start: var(--scb-skeleton-spacing-inline-start, 0);
+      margin-inline-end: var(--scb-skeleton-spacing-inline-end, 0);
+    }
+    .skeleton {
+      background: linear-gradient(90deg, var(--md-sys-color-surface-container-high) 25%, var(--md-sys-color-surface-container-highest) 50%, var(--md-sys-color-surface-container-high) 75%);
+      background-size: 200% 100%;
+      animation: skeleton-loading 3.2s infinite linear;
+      width: 100%;
+      height: 100%;
+    }
+    .rounded {
+      border-radius: var(--scb-skeleton-border-size);
+    }
+    .circle {
+      border-radius: 50%;
+    }
+    @keyframes skeleton-loading {
+      0% {
+        background-position: 200% 0;
+      }
+      100% {
+        background-position: -200% 0;
+      }
+    }
+  `,c);s([r({type:String})],i.prototype,"variant",void 0);s([r({type:String})],i.prototype,"width",void 0);s([r({type:String})],i.prototype,"height",void 0);s([r({type:String,attribute:"border-size"})],i.prototype,"borderSize",void 0);s([r({type:String,reflect:!0})],i.prototype,"spacing",void 0);s([r({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",void 0);s([r({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",void 0);s([r({type:String,attribute:"spacing-left",reflect:!0})],i.prototype,"spacingLeft",void 0);s([r({type:String,attribute:"spacing-right",reflect:!0})],i.prototype,"spacingRight",void 0);i=s([h("scb-skeleton")],i);

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

@@ -1 +1,27 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-slider/scb-slider.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(e,d,o){try{customElements.get(e)||r(e,d,o)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();
+import"../../vendor/vendor-material.js";import{_ as v,b,g as h,h as a,v as u,y as c}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t}from"../../vendor/decorate.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(i,d,p){try{customElements.get(i)||r(i,d,p)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var s,e=(s=class extends v{constructor(...r){super(...r),this.ticks=!1,this.step=5,this.value=20,this.range=!1,this.valueStart=0,this.valueEnd=100,this.min=0,this.max=100,this.labeled=!0,this.disabled=!1,this.name=""}_onInput(r){const i=r.target;this.range?(this.valueStart=i.valueStart,this.valueEnd=i.valueEnd):this.value=i.value,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}_onChange(r){const i=r.target;this.range?(this.valueStart=i.valueStart,this.valueEnd=i.valueEnd):this.value=i.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}render(){const r=this.labeled?u:this.ariaLabel||u;return c`
+          <md-slider
+            ?ticks=${this.ticks}
+            .value=${this.value}
+            .step=${this.step}
+            ?range=${this.range}
+            .valueStart=${this.valueStart}
+            .valueEnd=${this.valueEnd}
+            .min=${this.min}
+            .max=${this.max}
+            ?labeled=${this.labeled}  
+            .valueLabel=${this.valueLabel}
+            .valueLabelStart=${this.valueLabelStart}
+            .valueLabelEnd=${this.valueLabelEnd}
+            ?disabled=${this.disabled}
+            aria-label=${r}
+            name=${this.name}
+            name-start=${this.nameStart}
+            name-end=${this.nameEnd}
+            @input=${this._onInput}
+            @change=${this._onChange}
+          ></md-slider>
+        `}},s.styles=b`
+    :host {
+      display: block;
+    }
+    `,s);t([a({type:Boolean})],e.prototype,"ticks",void 0);t([a({type:Number})],e.prototype,"step",void 0);t([a({type:Number,reflect:!0})],e.prototype,"value",void 0);t([a({type:Boolean})],e.prototype,"range",void 0);t([a({type:Number,attribute:"value-start"})],e.prototype,"valueStart",void 0);t([a({type:Number,attribute:"value-end"})],e.prototype,"valueEnd",void 0);t([a({type:Number,reflect:!0})],e.prototype,"min",void 0);t([a({type:Number,reflect:!0})],e.prototype,"max",void 0);t([a({type:Boolean})],e.prototype,"labeled",void 0);t([a({type:String,attribute:"value-label"})],e.prototype,"valueLabel",void 0);t([a({type:String,attribute:"value-label-start"})],e.prototype,"valueLabelStart",void 0);t([a({type:String,attribute:"value-label-end"})],e.prototype,"valueLabelEnd",void 0);t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0);t([a({type:String,reflect:!0})],e.prototype,"name",void 0);t([a({type:String,attribute:"name-start",reflect:!0})],e.prototype,"nameStart",void 0);t([a({type:String,attribute:"name-end",reflect:!0})],e.prototype,"nameEnd",void 0);e=t([h("scb-slider")],e);

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

@@ -1 +1,128 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-snackbar/scb-snackbar.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(e,c,o){try{customElements.get(e)||r(e,c,o)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();
+import{_ as d,b as h,g as m,h as i,y as n}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as o}from"../../vendor/decorate.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,a,c){try{customElements.get(e)||t(e,a,c)}catch(b){var r=String(b||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var p,s=(p=class extends d{constructor(...t){super(...t),this.message="",this.open=!1,this.actionText="",this.showClose=!1,this.fixed=!1,this.fadeout=!1,this.withLongerAction=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}applySpacing(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,a=this.mapSpacingToken(this.spacingBottom)??t,c=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-snackbar-spacing-block-start",e):this.style.removeProperty("--scb-snackbar-spacing-block-start"),a?this.style.setProperty("--scb-snackbar-spacing-block-end",a):this.style.removeProperty("--scb-snackbar-spacing-block-end"),c?this.style.setProperty("--scb-snackbar-spacing-inline-start",c):this.style.removeProperty("--scb-snackbar-spacing-inline-start"),r?this.style.setProperty("--scb-snackbar-spacing-inline-end",r):this.style.removeProperty("--scb-snackbar-spacing-inline-end")}connectedCallback(){super.connectedCallback(),this.applySpacing()}handleAction(){this.dispatchEvent(new CustomEvent("snackbar-action",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("snackbaraction",{bubbles:!0,composed:!0})),this.open=!1}handleClose(){this.open=!1}updated(t){super.updated(t),t.has("open")&&(this.open?(this.dispatchEvent(new CustomEvent("snackbar-open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("snackbaropen",{bubbles:!0,composed:!0}))):(this.dispatchEvent(new CustomEvent("snackbar-close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("snackbarclose",{bubbles:!0,composed:!0})))),(t.has("open")||t.has("fadeout"))&&(this.open&&this.fadeout?(window.clearTimeout(this._fadeoutTimer),this._fadeoutTimer=window.setTimeout(()=>{this.open=!1},5e3)):window.clearTimeout(this._fadeoutTimer)),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.applySpacing()}render(){const t=!!this.actionText,e=!!this.showClose;let a="snackbar";return!t&&!e&&(a+=" no-actions"),this.withLongerAction&&(a+=" longer-action"),n`
+      <div class="${a}" ?hidden=${!this.open}>
+        ${this.withLongerAction?n`
+              <div class="message">${this.message}</div>
+              <div class="actions">
+                ${t?n`
+                      <scb-button
+                        variant="text"
+                        label=${this.actionText}
+                        @click=${this.handleAction}
+                      ></scb-button>
+                    `:""}
+                ${e?n`
+                      <scb-icon-button
+                        icon="close"
+                        @click=${this.handleClose}
+                        aria-label="Stäng"
+                      ></scb-icon-button>
+                    `:""}
+              </div>
+            `:n`
+              <span class="message">${this.message}</span>
+              ${t?n`
+                    <scb-button
+                      variant="text"
+                      label=${this.actionText}
+                      @click=${this.handleAction}
+                    ></scb-button>
+                  `:""}
+              ${e?n`
+                    <scb-icon-button
+                      icon="close"
+                      @click=${this.handleClose}
+                      aria-label="Stäng"
+                    ></scb-icon-button>
+                  `:""}
+            `}
+      </div>
+    `}},p.styles=h`
+    :host {
+      position: relative;
+      display: block;
+      min-width: 312px;
+      max-width: 560px;
+      font-family: var(--brand-font, 'Inter', sans-serif);
+
+      margin-block-start: var(--scb-snackbar-spacing-block-start, 0);
+      margin-block-end: var(--scb-snackbar-spacing-block-end, 0);
+      margin-inline-start: var(--scb-snackbar-spacing-inline-start, 0);
+      margin-inline-end: var(--scb-snackbar-spacing-inline-end, 0);
+    }
+    :host([fixed]) {
+      position: fixed;
+      z-index: 9999;
+      left: 50%;
+      bottom: 24px;
+      transform: translateX(-50%);
+    }
+    .snackbar {
+      background: var(--md-sys-color-inverse-surface);
+      color: var(--md-sys-color-inverse-on-surface);
+      border-radius: var(--md-sys-shape-corner-extra-small);
+      box-shadow:
+        0 4px 8px 3px rgba(0, 0, 0, 0.15),
+        0 1px 3px 0 rgba(0, 0, 0, 0.3);
+      display: flex;
+      align-items: center;
+      padding: 14px var(--spacing-5);
+      opacity: 0;
+      transition: opacity 0.3s, bottom 0.3s;
+      pointer-events: auto;
+      position: relative;
+    }
+    .snackbar.longer-action {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    .snackbar .actions {
+      display: flex;
+      margin-top: 10px;
+      width: 100%;
+      justify-content: flex-end;
+    }
+    .message.no-actions {
+      margin-right: 0;
+    }
+    :host([open]) .snackbar {
+      opacity: 1;
+      pointer-events: auto;
+    }
+    .message {
+      flex: 1 1 auto;
+      margin-right: var(--spacing-2);
+      font-size: var(--md-sys-typescale-body-medium-size);
+      line-height: var(--md-sys-typescale-body-medium-line-height);
+      letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+    }
+    .snackbar scb-icon-button {
+      --md-icon-button-icon-color: var(--md-sys-color-inverse-on-surface);
+      --md-icon-button-hover-icon-color: var(--md-sys-color-inverse-on-surface);
+      --md-icon-button-hover-state-layer-color: var(
+        --md-sys-color-surface-container
+      );
+      --md-icon-button-focus-icon-color: var(
+        --md-sys-color-inverse-on-surface
+      );
+      --md-icon-button-pressed-icon-color: var(
+        --md-sys-color-inverse-on-surface
+      );
+      --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
+    }
+    .snackbar scb-button {
+      --md-text-button-label-text-color: var(--md-sys-color-inverse-primary);
+      --md-text-button-hover-label-text-color: var(
+        --md-sys-color-inverse-primary
+      );
+      --md-text-button-hover-state-layer-color: var(
+        --md-sys-color-surface-container
+      );
+      --md-text-button-focus-label-text-color: var(
+        --md-sys-color-inverse-primary
+      );
+      --md-text-button-pressed-label-text-color: var(
+        --md-sys-color-inverse-primary
+      );
+      --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
+    }
+  `,p);o([i({type:String})],s.prototype,"message",void 0);o([i({type:Boolean,reflect:!0})],s.prototype,"open",void 0);o([i({type:String,attribute:"action-text"})],s.prototype,"actionText",void 0);o([i({type:Boolean,attribute:"show-close"})],s.prototype,"showClose",void 0);o([i({type:Boolean,reflect:!0})],s.prototype,"fixed",void 0);o([i({type:Boolean})],s.prototype,"fadeout",void 0);o([i({type:Boolean,attribute:"with-longer-action"})],s.prototype,"withLongerAction",void 0);o([i({type:String,reflect:!0})],s.prototype,"spacing",void 0);o([i({type:String,attribute:"spacing-top",reflect:!0})],s.prototype,"spacingTop",void 0);o([i({type:String,attribute:"spacing-bottom",reflect:!0})],s.prototype,"spacingBottom",void 0);o([i({type:String,attribute:"spacing-left",reflect:!0})],s.prototype,"spacingLeft",void 0);o([i({type:String,attribute:"spacing-right",reflect:!0})],s.prototype,"spacingRight",void 0);s=o([m("scb-snackbar")],s);

package/mvc/components/scb-status-pill/scb-status-pill.js

@@ -1 +1,45 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-status-pill/scb-status-pill.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(e,o,c){try{customElements.get(e)||r(e,o,c)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();
+import"../../vendor/vendor-material.js";import{_ as d,b as u,g as h,h as a,y as c}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as e}from"../../vendor/decorate.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,r,o){try{customElements.get(s)||t(s,r,o)}catch(g){var n=String(g||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw g}}}}catch{}})();var p,i=(p=class extends d{constructor(...t){super(...t),this.status="",this.label="",this.showIcon=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}mapSpacingToken(t){if(!t)return;const s=String(t).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}applySpacing(){const t=this.mapSpacingToken(this.spacing),s=this.mapSpacingToken(this.spacingTop)??t,r=this.mapSpacingToken(this.spacingBottom)??t,o=this.mapSpacingToken(this.spacingLeft),n=this.mapSpacingToken(this.spacingRight);s?this.style.setProperty("--scb-status-pill-spacing-block-start",s):this.style.removeProperty("--scb-status-pill-spacing-block-start"),r?this.style.setProperty("--scb-status-pill-spacing-block-end",r):this.style.removeProperty("--scb-status-pill-spacing-block-end"),o?this.style.setProperty("--scb-status-pill-spacing-inline-start",o):this.style.removeProperty("--scb-status-pill-spacing-inline-start"),n?this.style.setProperty("--scb-status-pill-spacing-inline-end",n):this.style.removeProperty("--scb-status-pill-spacing-inline-end")}connectedCallback(){super.connectedCallback(),this.applySpacing()}updated(t){super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.applySpacing()}render(){return c`
+      ${this.showIcon?this.status==="success"?c`<md-icon>check_circle</md-icon>`:this.status==="warning"?c`<md-icon>warning</md-icon>`:this.status==="error"?c`<md-icon>error</md-icon>`:"":""}
+      <span class="label">${this.label}</span>
+    `}},p.styles=u`
+    :host {
+      display: inline-block;
+      border-radius: var(--md-sys-shape-corner-full);
+      padding: 6px var(--spacing-5);
+      border: none;
+      box-sizing: border-box;
+      user-select: none;
+      display: flex;
+      align-items: center;
+      gap: var(--spacing-3);
+      width: fit-content;
+      font-family: var(--brand-font);
+
+      margin-block-start: var(--scb-status-pill-spacing-block-start, 0);
+      margin-block-end: var(--scb-status-pill-spacing-block-end, 0);
+      margin-inline-start: var(--scb-status-pill-spacing-inline-start, 0);
+      margin-inline-end: var(--scb-status-pill-spacing-inline-end, 0);
+    }
+
+    .label {
+      font-size: var(--md-sys-typescale-label-medium-size);
+      line-height: var(--md-sys-typescale-label-medium-line-height);
+      font-weight: var(--md-sys-typescale-label-medium-weight);
+      letter-spacing: var(--md-sys-typescale-label-medium-tracking);
+    }
+
+    :host([status='success']) {
+      background: var(--md-sys-color-success-container);
+      color: var(--md-sys-color-on-success-container);
+    }
+
+    :host([status='warning']) {
+      background: var(--md-sys-color-warning-container);
+      color: var(--md-sys-color-on-warning-container);
+    }
+
+    :host([status='error']) {
+      background: var(--md-sys-color-error-container);
+      color: var(--md-sys-color-on-error-container);
+    }
+  `,p);e([a({type:String})],i.prototype,"status",void 0);e([a({type:String})],i.prototype,"label",void 0);e([a({type:Boolean,attribute:"show-icon"})],i.prototype,"showIcon",void 0);e([a({type:String,reflect:!0})],i.prototype,"spacing",void 0);e([a({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",void 0);e([a({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",void 0);e([a({type:String,attribute:"spacing-left",reflect:!0})],i.prototype,"spacingLeft",void 0);e([a({type:String,attribute:"spacing-right",reflect:!0})],i.prototype,"spacingRight",void 0);i=e([h("scb-status-pill")],i);