scb-wc-test 0.1.365 → 0.1.366
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"../../vendor/vendor-material.js";import{_ as g,b as f,g as b,h as s,v as d,y as r}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as
|
|
1
|
+
import"../../vendor/vendor-material.js";import{_ as g,b as f,g as b,h as s,v as d,y as r}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";import"../scb-textfield/scb-textfield.js";import"../scb-checkbox/scb-checkbox.js";import"../scb-radio-button/scb-radio-button.js";import"../scb-switch/scb-switch.js";import"../scb-chip/scb-chip.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,i,a){try{customElements.get(t)||e(t,i,a)}catch(c){var l=String(c||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var h,n=(h=class extends g{constructor(...e){super(...e),this.open=!1,this.inSb=!1,this.scrimClose=!0,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.variant="basic",this.label="",this.icon="",this.supportingText="",this.okButton="OK",this.cancelButton="Avbryt",this.deleteButton="Delete",this.confirmButton="Ta bort",this.denyButton="Avbryt",this.resetButton="Återställ",this.submitButton="Spara",this.formId="",this.formAction="",this.formMethod="",this.__lastTriggerEl=null,this.__onDocumentClick=t=>{this.__getActionFromEvent(t)==="toggle"&&(this.__setOpen(!this.open),t.stopPropagation())},this.__onDocumentKeydown=t=>{this.open&&t.key==="Escape"&&(this.__fire("esc"),this.__setOpen(!1))},this.__onScrimClick=()=>{this.scrimClose&&(this.__fire("scrim"),this.__setOpen(!1))},this.__onOk=()=>{this.__fire("ok"),this.__setOpen(!1)},this.__onCancel=()=>{this.__fire("cancel"),this.__setOpen(!1)},this.__onConfirm=()=>{this.__fire("confirm"),this.__setOpen(!1)},this.__onDeny=()=>{this.__fire("deny"),this.__setOpen(!1)},this.__onReset=()=>{const t=this.shadowRoot?.querySelector("form");t instanceof HTMLFormElement&&(this.__clearGeneratedFormValues(t),t.reset()),(this.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})??[]).forEach(i=>{const a=i.tagName;a==="SCB-TEXTFIELD"&&(i.value=""),a==="SCB-CHECKBOX"&&(i.checked=!1),a==="SCB-RADIO-BUTTON"&&(i.checked=!1),a==="SCB-SWITCH"&&(i.selected=!1),a==="SCB-CHIP"&&(i.selected=!1)}),this.__fire("reset")},this.__onSubmit=()=>{const t=this.shadowRoot?.querySelector("form");if(t instanceof HTMLFormElement){if(this.__syncSlottedFormValues(t),!this.__validateFormAndSlottedFields(t))return;t.requestSubmit()}this.__fire("submit"),this.__setOpen(!1)},this.__onKeydownTrap=t=>{if(!this.open||t.key!=="Tab")return;const i=Array.from(this.shadowRoot.querySelectorAll('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')).filter(c=>!c.hasAttribute("disabled"));if(!i.length)return;const a=i[0],l=i[i.length-1];t.shiftKey&&document.activeElement===a?(l.focus(),t.preventDefault()):!t.shiftKey&&document.activeElement===l&&(a.focus(),t.preventDefault())}}__getActionFromEvent(e){if(!this.id)return null;for(const t of e.composedPath())if(t instanceof Element){if(t.getAttribute("data-dialog-toggle")===this.id)return this.__lastTriggerEl=t,"toggle";if(t.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=t,"toggle"}return null}connectedCallback(){super.connectedCallback(),this.__applyZIndex(),this.__applyMaxSize(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),this.addEventListener("keydown",this.__onKeydownTrap)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.removeEventListener("keydown",this.__onKeydownTrap),super.disconnectedCallback()}__applyZIndex(){const e=typeof this.zIndex=="number"&&Number.isFinite(this.zIndex)?this.zIndex:void 0;if(e===void 0){this.style.removeProperty("--z-dialog-scrim"),this.style.removeProperty("--z-dialog");return}this.style.setProperty("--z-dialog-scrim",String(e)),this.style.setProperty("--z-dialog",String(e+1))}__applyMaxSize(){const e=(this.maxW??"").trim(),t=(this.maxH??"").trim();e?(this.style.setProperty("--scb-dialog-max-w",e),this.style.setProperty("--scb-dialog-width",`min(${e}, 90vw)`)):(this.style.removeProperty("--scb-dialog-max-w"),this.style.removeProperty("--scb-dialog-width")),t?this.style.setProperty("--scb-dialog-max-h",t):this.style.removeProperty("--scb-dialog-max-h")}updated(e){if(e.has("zIndex")&&this.__applyZIndex(),(e.has("maxW")||e.has("maxH"))&&this.__applyMaxSize(),e.has("open")){const t=e.get("open");this.__updateTriggersExpanded(),this.open&&!t?this.updateComplete.then(()=>{const i=this.shadowRoot?.querySelector('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])');i?i.focus():this.shadowRoot?.querySelector(".container")?.focus()}):!this.open&&t&&this.__lastTriggerEl?.focus?.(),this.__toggleScrollLock(this.open)}(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this.__applySpacing()}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-dialog-toggle="${this.id}"]`).forEach(e=>{e.hasAttribute("aria-controls")&&e.setAttribute("aria-expanded",String(this.open))})}__toggleScrollLock(e){if(this.inSb)return;const t=document.documentElement,i=document.body;if(e){const a=window.innerWidth-t.clientWidth;t.style.overflow="hidden",i.style.paddingRight=a>0?`${a}px`:"";return}t.style.overflow="",i.style.paddingRight=""}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,i=this.mapSpacingToken(this.spacingBottom)??e,a=this.mapSpacingToken(this.spacingLeft),l=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-dialog-spacing-block-start",t):this.style.removeProperty("--scb-dialog-spacing-block-start"),i?this.style.setProperty("--scb-dialog-spacing-block-end",i):this.style.removeProperty("--scb-dialog-spacing-block-end"),a?this.style.setProperty("--scb-dialog-spacing-inline-start",a):this.style.removeProperty("--scb-dialog-spacing-inline-start"),l?this.style.setProperty("--scb-dialog-spacing-inline-end",l):this.style.removeProperty("--scb-dialog-spacing-inline-end")}__setOpen(e){this.open=e,this.__fire(e?"open":"close")}__fire(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}__getSlottedElements(){const e=this.shadowRoot?.querySelector("slot");if(!(e instanceof HTMLSlotElement))return[];const t=e.assignedElements({flatten:!0}),i=[];for(const a of t)i.push(a,...Array.from(a.querySelectorAll("*")));return i}__appendHiddenFormValue(e,t,i){const a=document.createElement("input");a.type="hidden",a.name=t,a.value=i,a.setAttribute("data-scb-dialog-generated","true"),e.append(a)}__clearGeneratedFormValues(e){e.querySelectorAll('input[data-scb-dialog-generated="true"]').forEach(t=>t.remove())}__syncSlottedFormValues(e){this.__clearGeneratedFormValues(e),this.__getSlottedElements().forEach(t=>{if(!(t instanceof HTMLElement))return;const i=(t.getAttribute("name")??"").trim();if(i&&!(t.disabled===!0||t.hasAttribute("disabled"))){if(t instanceof HTMLInputElement){if(t.form===e)return;const a=(t.type||"").toLowerCase();if(a==="checkbox"||a==="radio"){t.checked&&this.__appendHiddenFormValue(e,i,t.value||"on");return}this.__appendHiddenFormValue(e,i,t.value??"");return}if(t instanceof HTMLTextAreaElement){if(t.form===e)return;this.__appendHiddenFormValue(e,i,t.value??"");return}if(t instanceof HTMLSelectElement){if(t.form===e)return;if(t.multiple){Array.from(t.selectedOptions).forEach(a=>{this.__appendHiddenFormValue(e,i,a.value)});return}this.__appendHiddenFormValue(e,i,t.value??"");return}switch(t.tagName){case"SCB-TEXTFIELD":this.__appendHiddenFormValue(e,i,String(t.value??""));return;case"SCB-CHECKBOX":t.checked&&this.__appendHiddenFormValue(e,i,String(t.value??t.getAttribute("value")??"on"));return;case"SCB-RADIO-BUTTON":t.checked&&this.__appendHiddenFormValue(e,i,String(t.value??t.getAttribute("value")??"on"));return;case"SCB-SWITCH":(t.selected||t.checked)&&this.__appendHiddenFormValue(e,i,String(t.value??t.getAttribute("value")??"on"));return;case"SCB-CHIP":t.selected&&this.__appendHiddenFormValue(e,i,String(t.value??t.getAttribute("value")??"on"));return;default:"value"in t&&this.__appendHiddenFormValue(e,i,String(t.value??""))}}})}__validateFormAndSlottedFields(e){const t=c=>c.disabled===!0||c.hasAttribute("disabled");let i=e.reportValidity(),a=null;const l=new Set;return this.__getSlottedElements().forEach(c=>{if(!(c instanceof HTMLElement)||l.has(c)||t(c))return;l.add(c);const u=c;if(c.tagName==="SCB-TEXTFIELD"&&u.error===!0){a||(a=c),i=!1;return}if(typeof u.reportValidity=="function"){const m=!!u.reportValidity();!m&&!a&&(a=c),i=i&&m}}),!i&&a&&a.focus(),i}__slotIsEmpty(){const e=this.shadowRoot?.querySelector("slot");return e?e.assignedElements({flatten:!0}).length===0:!0}renderHeader(e){const t=this.variant==="form"||this.variant==="floating"||this.variant==="iframe";return r`
|
|
2
2
|
<div class="header">
|
|
3
3
|
<div class="title">
|
|
4
4
|
${this.icon?r`<md-icon class="dialog-icon">${this.icon}</md-icon>`:d}
|
|
@@ -217,7 +217,7 @@ import"../../vendor/vendor-material.js";import{_ as g,b as f,g as b,h as s,v as
|
|
|
217
217
|
inline-size: 100%;
|
|
218
218
|
block-size: var(--scb-dialog-iframe-height, min(70vh, 720px));
|
|
219
219
|
border: 0;
|
|
220
|
-
background: var(--md-sys-color-surface
|
|
220
|
+
background: var(--md-sys-color-surface);
|
|
221
221
|
}
|
|
222
222
|
|
|
223
223
|
.actions {
|
|
@@ -262,4 +262,4 @@ import"../../vendor/vendor-material.js";import{_ as g,b as f,g as b,h as s,v as
|
|
|
262
262
|
to { opacity: 0; }
|
|
263
263
|
}
|
|
264
264
|
|
|
265
|
-
`,h);
|
|
265
|
+
`,h);o([s({type:Boolean,reflect:!0})],n.prototype,"open",void 0);o([s({type:String,attribute:"max-w",reflect:!0})],n.prototype,"maxW",void 0);o([s({type:String,attribute:"max-h",reflect:!0})],n.prototype,"maxH",void 0);o([s({type:Number,attribute:"z-index",reflect:!0})],n.prototype,"zIndex",void 0);o([s({type:Boolean,attribute:!1})],n.prototype,"inSb",void 0);o([s({type:Boolean,attribute:"scrim-close"})],n.prototype,"scrimClose",void 0);o([s({type:String,reflect:!0})],n.prototype,"spacing",void 0);o([s({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);o([s({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);o([s({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);o([s({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);o([s({type:String})],n.prototype,"variant",void 0);o([s({type:String})],n.prototype,"label",void 0);o([s({type:String})],n.prototype,"icon",void 0);o([s({type:String,attribute:"supporting-text"})],n.prototype,"supportingText",void 0);o([s({type:String,attribute:"ok-button"})],n.prototype,"okButton",void 0);o([s({type:String,attribute:"cancel-button"})],n.prototype,"cancelButton",void 0);o([s({type:String,attribute:"delete-button"})],n.prototype,"deleteButton",void 0);o([s({type:String,attribute:"confirm-button"})],n.prototype,"confirmButton",void 0);o([s({type:String,attribute:"deny-button"})],n.prototype,"denyButton",void 0);o([s({type:String,attribute:"reset-button"})],n.prototype,"resetButton",void 0);o([s({type:String,attribute:"submit-button"})],n.prototype,"submitButton",void 0);o([s({type:String,attribute:"form-id"})],n.prototype,"formId",void 0);o([s({type:String,attribute:"form-action"})],n.prototype,"formAction",void 0);o([s({type:String,attribute:"form-method"})],n.prototype,"formMethod",void 0);n=o([b("scb-dialog")],n);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc-test",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.366",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -436,5 +436,5 @@
|
|
|
436
436
|
},
|
|
437
437
|
"./mvc/*": "./mvc/*"
|
|
438
438
|
},
|
|
439
|
-
"buildHash": "
|
|
439
|
+
"buildHash": "6A4E29FD10E012D3303FE986637ADF6CEA6A1F94BF922D3863E10337A372BE54"
|
|
440
440
|
}
|
package/scb-dialog/scb-dialog.js
CHANGED
|
@@ -214,7 +214,7 @@ var s = class extends t {
|
|
|
214
214
|
inline-size: 100%;
|
|
215
215
|
block-size: var(--scb-dialog-iframe-height, min(70vh, 720px));
|
|
216
216
|
border: 0;
|
|
217
|
-
background: var(--md-sys-color-surface
|
|
217
|
+
background: var(--md-sys-color-surface);
|
|
218
218
|
}
|
|
219
219
|
|
|
220
220
|
.actions {
|
package/scb-wc-test.bundle.js
CHANGED
|
@@ -4251,7 +4251,7 @@
|
|
|
4251
4251
|
inline-size: 100%;
|
|
4252
4252
|
block-size: var(--scb-dialog-iframe-height, min(70vh, 720px));
|
|
4253
4253
|
border: 0;
|
|
4254
|
-
background: var(--md-sys-color-surface
|
|
4254
|
+
background: var(--md-sys-color-surface);
|
|
4255
4255
|
}
|
|
4256
4256
|
|
|
4257
4257
|
.actions {
|