scb-wc 0.1.7 → 0.1.8

package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-select/scb-select.js

@@ -1,284 +0,0 @@
-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);export{i as ScbSelect};

package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-skeleton/scb-skeleton.js

@@ -1,38 +0,0 @@
-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);export{i as ScbSkeleton};

package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-slider/scb-slider.js

@@ -1,27 +0,0 @@
-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 i=customElements.define.bind(customElements);customElements.define=function(r,d,p){try{customElements.get(r)||i(r,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(...i){super(...i),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(i){const r=i.target;this.range?(this.valueStart=r.valueStart,this.valueEnd=r.valueEnd):this.value=r.value,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}_onChange(i){const r=i.target;this.range?(this.valueStart=r.valueStart,this.valueEnd=r.valueEnd):this.value=r.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}render(){const i=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=${i}
-            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);export{e as ScbSlider};

package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-snackbar/scb-snackbar.js

@@ -1,128 +0,0 @@
-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);export{s as ScbSnackbar};

package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-status-pill/scb-status-pill.js

@@ -1,45 +0,0 @@
-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 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(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 l,i=(l=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>
-    `}},l.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);
-    }
-  `,l);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);export{i as ScbStatusPill};