@sellmate/design-system 1.0.72 → 1.0.73
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.
- package/dist/cjs/sd-form.cjs.entry.js +15 -18
- package/dist/collection/components/sd-form/sd-form.js +17 -20
- package/dist/components/sd-form.js +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/p-17cd3a33.entry.js +1 -0
- package/dist/esm/sd-form.entry.js +15 -18
- package/dist/types/components/sd-form/sd-form.d.ts +4 -1
- package/dist/types/components.d.ts +2 -2
- package/hydrate/index.js +15 -18
- package/hydrate/index.mjs +15 -18
- package/package.json +1 -1
- package/dist/design-system/p-8f66586f.entry.js +0 -1
|
@@ -48,22 +48,19 @@ const SdForm = class {
|
|
|
48
48
|
}
|
|
49
49
|
this.fields = this.fields.filter(field => field !== fieldOrName);
|
|
50
50
|
}
|
|
51
|
-
async
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}));
|
|
59
|
-
const isInValid = fieldValidationResults.find(result => {
|
|
60
|
-
return !result.valid;
|
|
61
|
-
});
|
|
62
|
-
if (isInValid) {
|
|
63
|
-
isInValid.field.sdFocus();
|
|
64
|
-
isInValid.field.sdScrollIntoView?.();
|
|
51
|
+
async runValidation() {
|
|
52
|
+
const results = await Promise.all(this.fields.map(async (field) => ({ field, valid: await field.sdValidate() })));
|
|
53
|
+
const invalidFields = results.filter(r => !r.valid).map(r => r.field);
|
|
54
|
+
if (invalidFields.length > 0) {
|
|
55
|
+
const first = invalidFields[0];
|
|
56
|
+
first.sdFocus();
|
|
57
|
+
first.sdScrollIntoView?.();
|
|
65
58
|
}
|
|
66
|
-
return
|
|
59
|
+
return { valid: invalidFields.length === 0, invalidFields };
|
|
60
|
+
}
|
|
61
|
+
async sdValidate() {
|
|
62
|
+
const { valid } = await this.runValidation();
|
|
63
|
+
return valid;
|
|
67
64
|
}
|
|
68
65
|
async sdReset() {
|
|
69
66
|
this.fields.forEach(f => f.sdReset());
|
|
@@ -73,15 +70,15 @@ const SdForm = class {
|
|
|
73
70
|
}
|
|
74
71
|
async onSubmit(e) {
|
|
75
72
|
e.preventDefault();
|
|
76
|
-
const valid = await this.
|
|
73
|
+
const { valid, invalidFields } = await this.runValidation();
|
|
77
74
|
if (!valid) {
|
|
78
|
-
this.sdValidationError.emit();
|
|
75
|
+
this.sdValidationError.emit({ names: invalidFields.map(f => f.name) });
|
|
79
76
|
return;
|
|
80
77
|
}
|
|
81
78
|
this.sdSubmit.emit();
|
|
82
79
|
}
|
|
83
80
|
render() {
|
|
84
|
-
return (index.h("form", { key: '
|
|
81
|
+
return (index.h("form", { key: 'c3fafb4169bddbd6911914ebc694a977fa11b511', onSubmit: e => this.onSubmit(e), class: this.formClass }, index.h("slot", { key: '5be1d23c35c052fdf5d8fb961fa931074eb59ee6' })));
|
|
85
82
|
}
|
|
86
83
|
};
|
|
87
84
|
|
|
@@ -40,22 +40,19 @@ export class SdForm {
|
|
|
40
40
|
}
|
|
41
41
|
this.fields = this.fields.filter(field => field !== fieldOrName);
|
|
42
42
|
}
|
|
43
|
-
async
|
|
44
|
-
const
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}));
|
|
51
|
-
const isInValid = fieldValidationResults.find(result => {
|
|
52
|
-
return !result.valid;
|
|
53
|
-
});
|
|
54
|
-
if (isInValid) {
|
|
55
|
-
isInValid.field.sdFocus();
|
|
56
|
-
isInValid.field.sdScrollIntoView?.();
|
|
43
|
+
async runValidation() {
|
|
44
|
+
const results = await Promise.all(this.fields.map(async (field) => ({ field, valid: await field.sdValidate() })));
|
|
45
|
+
const invalidFields = results.filter(r => !r.valid).map(r => r.field);
|
|
46
|
+
if (invalidFields.length > 0) {
|
|
47
|
+
const first = invalidFields[0];
|
|
48
|
+
first.sdFocus();
|
|
49
|
+
first.sdScrollIntoView?.();
|
|
57
50
|
}
|
|
58
|
-
return
|
|
51
|
+
return { valid: invalidFields.length === 0, invalidFields };
|
|
52
|
+
}
|
|
53
|
+
async sdValidate() {
|
|
54
|
+
const { valid } = await this.runValidation();
|
|
55
|
+
return valid;
|
|
59
56
|
}
|
|
60
57
|
async sdReset() {
|
|
61
58
|
this.fields.forEach(f => f.sdReset());
|
|
@@ -65,15 +62,15 @@ export class SdForm {
|
|
|
65
62
|
}
|
|
66
63
|
async onSubmit(e) {
|
|
67
64
|
e.preventDefault();
|
|
68
|
-
const valid = await this.
|
|
65
|
+
const { valid, invalidFields } = await this.runValidation();
|
|
69
66
|
if (!valid) {
|
|
70
|
-
this.sdValidationError.emit();
|
|
67
|
+
this.sdValidationError.emit({ names: invalidFields.map(f => f.name) });
|
|
71
68
|
return;
|
|
72
69
|
}
|
|
73
70
|
this.sdSubmit.emit();
|
|
74
71
|
}
|
|
75
72
|
render() {
|
|
76
|
-
return (h("form", { key: '
|
|
73
|
+
return (h("form", { key: 'c3fafb4169bddbd6911914ebc694a977fa11b511', onSubmit: e => this.onSubmit(e), class: this.formClass }, h("slot", { key: '5be1d23c35c052fdf5d8fb961fa931074eb59ee6' })));
|
|
77
74
|
}
|
|
78
75
|
static get is() { return "sd-form"; }
|
|
79
76
|
static get properties() {
|
|
@@ -127,8 +124,8 @@ export class SdForm {
|
|
|
127
124
|
"text": ""
|
|
128
125
|
},
|
|
129
126
|
"complexType": {
|
|
130
|
-
"original": "
|
|
131
|
-
"resolved": "
|
|
127
|
+
"original": "{ names: string[] }",
|
|
128
|
+
"resolved": "{ names: string[]; }",
|
|
132
129
|
"references": {}
|
|
133
130
|
}
|
|
134
131
|
}];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as s,H as t,c as
|
|
1
|
+
import{p as s,H as t,c as i,h as e,t as d}from"./p-CNAzAL53.js";const a=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.sdSubmit=i(this,"sdSubmit",7),this.sdValidationError=i(this,"sdValidationError",7)}formClass="";fields=[];sdSubmit;sdValidationError;sortFieldsByDomOrder(){this.fields.sort(((s,t)=>{const i=s.el,e=t.el;if(!i||!e)return 0;if(i===e)return 0;const d=i.compareDocumentPosition(e);return d&Node.DOCUMENT_POSITION_FOLLOWING?-1:d&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}async sdRegisterField(s){s.name?this.fields.includes(s)||(this.fields.push(s),this.sortFieldsByDomOrder()):console.warn("[sd-form] field.name is required")}async sdUnregisterField(s){if("string"!=typeof s)this.fields=this.fields.filter((t=>t!==s));else{const t=this.fields.findIndex((t=>t.name===s));-1!==t&&this.fields.splice(t,1)}}async runValidation(){const s=(await Promise.all(this.fields.map((async s=>({field:s,valid:await s.sdValidate()}))))).filter((s=>!s.valid)).map((s=>s.field));if(s.length>0){const t=s[0];t.sdFocus(),t.sdScrollIntoView?.()}return{valid:0===s.length,invalidFields:s}}async sdValidate(){const{valid:s}=await this.runValidation();return s}async sdReset(){this.fields.forEach((s=>s.sdReset()))}async sdResetValidation(){this.fields.forEach((s=>s.sdResetValidation()))}async onSubmit(s){s.preventDefault();const{valid:t,invalidFields:i}=await this.runValidation();t?this.sdSubmit.emit():this.sdValidationError.emit({names:i.map((s=>s.name))})}render(){return e("form",{key:"c3fafb4169bddbd6911914ebc694a977fa11b511",onSubmit:s=>this.onSubmit(s),class:this.formClass},e("slot",{key:"5be1d23c35c052fdf5d8fb961fa931074eb59ee6"}))}},[772,"sd-form",{formClass:[1,"form-class"],sdRegisterField:[64],sdUnregisterField:[64],sdValidate:[64],sdReset:[64],sdResetValidation:[64]}]),n=a,r=function(){"undefined"!=typeof customElements&&["sd-form"].forEach((s=>{"sd-form"===s&&(customElements.get(d(s))||customElements.define(d(s),a))}))};export{n as SdForm,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,g as l,b as a}from"./p-Bp7ytJz5.js";export{s as setNonce}from"./p-Bp7ytJz5.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await l(),a(JSON.parse('[["p-bb492ba7",[[512,"sd-button-v2",{"name":[1],"label":[1],"icon":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1]}],[512,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]],["p-dc07d618",[[769,"sd-table",{"tableId":[513,"table-id"],"columns":[16],"rows":[16],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"useVirtualScroll":[4,"use-virtual-scroll"],"rowHeight":[2,"row-height"],"virtualBuffer":[2,"virtual-buffer"],"virtualEndThreshold":[2,"virtual-end-threshold"],"rowsPerPageOption":[16],"resolvedNoDataLabel":[32],"currentPage":[32],"innerRowsPerPage":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32],"rowCount":[32],"loadingScrollTop":[32],"isRowSelected":[64],"updateRowSelect":[64],"toggleSelectAll":[64],"getIsAllChecked":[64],"getStickyStyle":[64],"setRowCount":[64],"getPaginationInfo":[64]},null,{"isLoading":[{"handleIsLoadingChange":0}],"useVirtualScroll":[{"handleUseVirtualScrollChange":0}],"columns":[{"handleColumnsChange":0}],"rows":[{"handleRowsChange":0}],"tableId":[{"handleTableIdChange":0}],"noDataLabel":[{"handleNoDataLabelChange":0}],"selectable":[{"handleConfigChange":0}],"resizable":[{"handleConfigChange":0}],"stickyColumn":[{"handleConfigChange":0}],"stickyHeader":[{"handleConfigChange":0}],"selected":[{"handleSelectedChange":0}],"pagination":[{"handlePaginationChange":0}]}]]],["p-f637919e",[[512,"sd-select",{"value":[1032],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"autoFocus":[4,"auto-focus"],"disabled":[4],"clearable":[4],"searchable":[4],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"isOpen":[{"isOpenChanged":0}]}]]],["p-4114eea3",[[512,"sd-select-multiple",{"value":[1040],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"autoFocus":[4,"auto-focus"],"disabled":[4],"clearable":[4],"searchable":[4],"useAll":[4,"use-all"],"useCheckbox":[4,"use-checkbox"],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"isOpen":[{"isOpenChanged":0}]}]]],["p-0883bb11",[[772,"sd-select-group",{"value":[1032],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"autoFocus":[4,"auto-focus"],"disabled":[4],"clearable":[4],"searchable":[4],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[4],"containerStyle":[16],"triggerStyle":[16],"dropdownStyle":[16],"optionStyle":[16],"labelStyle":[16],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"isDropdownReady":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"options":[{"optionsChanged":0}],"searchText":[{"searchTextChanged":0}],"itemIndex":[{"itemIndexChanged":0}],"isOpen":[{"isOpenChanged":0}]}]]],["p-1573f415",[[772,"sd-select-multiple-group",{"value":[1040],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"useAll":[4,"use-all"],"allCheckedLabel":[1,"all-checked-label"],"allCheckOptionLabel":[1,"all-check-option-label"],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[4],"containerStyle":[16],"triggerStyle":[16],"dropdownStyle":[16],"optionStyle":[16],"labelStyle":[16],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"isDropdownReady":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"options":[{"optionsChanged":0}],"searchText":[{"searchTextChanged":0}],"itemIndex":[{"itemIndexChanged":0}],"isOpen":[{"isOpenChanged":0}]}]]],["p-5ef82428",[[512,"sd-date-picker",{"value":[1025],"size":[513],"placeholder":[513],"selectable":[16],"disabled":[516],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"fieldName":[1,"field-name"],"rules":[16],"error":[1028],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"isOpen":[32],"isAnimatingOut":[32],"focused":[32],"hovered":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"isOpen":[{"watchIsOpen":0}]}]]],["p-a0cf8a1d",[[512,"sd-date-range-picker",{"value":[1040],"size":[513],"placeholder":[513],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[516],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"fieldName":[1,"field-name"],"rules":[16],"error":[1028],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"isOpen":[32],"isAnimatingOut":[32],"focused":[32],"hovered":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"isOpen":[{"watchIsOpen":0}]}]]],["p-f8237991",[[512,"sd-modal-container",{"autoRemove":[4,"auto-remove"],"entry":[32],"isVisible":[32],"backdropVisible":[32],"open":[64],"openLoading":[64],"createCustom":[64],"dismissById":[64],"update":[64]}]]],["p-d788d842",[[772,"sd-barcode-input",{"value":[1032],"size":[1],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}]]],["p-4aeec574",[[512,"sd-file-picker",{"value":[1040],"placeholder":[513],"disabled":[516],"inline":[516],"multiple":[516],"accept":[1],"maxFileSize":[8,"max-file-size"],"maxTotalSize":[8,"max-total-size"],"maxFiles":[8,"max-files"],"name":[1],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"rules":[16],"error":[1028],"status":[1],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"focused":[1028],"hovered":[1028],"internalValue":[32],"showTooltip":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"value":[{"valueChanged":0}]}]]],["p-0069c4f6",[[512,"sd-number-input",{"size":[1],"min":[2],"max":[2],"step":[2],"useButton":[4,"use-button"],"useDecimal":[4,"use-decimal"],"value":[1032],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputPrefix":[1,"input-prefix"],"inputSuffix":[1,"input-suffix"],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"error":[1028],"focused":[1028],"hovered":[1028],"internalValue":[32],"displayValue":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64],"sdGetNativeElement":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}]]],["p-4145b7cc",[[512,"sd-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"readonly":[4],"autoFocus":[4,"auto-focus"],"textareaClass":[1,"textarea-class"],"textareaStyle":[16],"maxLength":[2,"max-length"],"rows":[2],"spellcheck":[4],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[1028],"status":[1],"focused":[1028],"hovered":[1028],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}]]],["p-7b77c65c",[[512,"sd-thead",{"columns":[16],"selectable":[4],"resizable":[4],"stickyColumn":[16],"stickyHeader":[4,"sticky-header"],"scrolledLeft":[4,"scrolled-left"],"scrolledRight":[4,"scrolled-right"],"rows":[16],"columnWidths":[1040],"tableId":[32],"_columns":[32],"_selectable":[32],"_resizable":[32],"_stickyColumn":[32],"_stickyHeader":[32],"_scrolledLeft":[32],"_scrolledRight":[32],"refreshConfig":[64],"setColumnWidths":[64],"refreshSelection":[64]},null,{"columns":[{"handleColumnsChange":0}]}]]],["p-2eb910ec",[[512,"sd-guide",{"type":[513],"label":[513],"message":[1],"url":[1],"popupTitle":[1,"popup-title"],"popupWidth":[2,"popup-width"],"popupShow":[32]}]]],["p-5f6379e9",[[512,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"menuTitle":[1,"menu-title"],"messages":[16],"buttons":[16],"menuClass":[1,"menu-class"],"useClose":[4,"use-close"]}]]],["p-3ca5c303",[[772,"sd-action-modal",{"modalTitle":[1,"modal-title"],"buttonProps":[16],"width":[8],"height":[8]}]]],["p-fdcfaa7c",[[512,"sd-toast-container",{"position":[1],"maxVisible":[2,"max-visible"],"defaultDuration":[2,"default-duration"],"zIndex":[2,"z-index"],"toasts":[32],"expanded":[32],"create":[64],"dismiss":[64],"dismissAll":[64]}]]],["p-a8bde8d9",[[514,"sd-calendar",{"value":[1537],"selectable":[16],"events":[16],"eventColors":[16],"currentYear":[32],"currentMonth":[32],"eventsRevision":[32]},null,{"value":[{"handleValueChange":0}],"events":[{"handleEventsChange":0}],"eventColors":[{"handleEventsChange":0}]}]]],["p-49f78122",[[512,"sd-chip",{"name":[1],"value":[1025],"error":[1028],"disabled":[4],"placeholder":[1],"rules":[16],"internalValue":[32],"isEditing":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdResetValidation":[64],"sdFocus":[64],"sdGetNativeElement":[64]},null,{"value":[{"valueChanged":0}]}]]],["p-5e300b77",[[512,"sd-dropdown-button",{"name":[1],"label":[1],"items":[16],"disabled":[4],"isOpen":[32],"isAnimatingOut":[32],"itemIndex":[32],"sdOpen":[64],"sdClose":[64]},null,{"isOpen":[{"handleOpenChange":0}]}]]],["p-05a1c092",[[512,"sd-tabs",{"value":[1537],"tabs":[1040],"size":[513],"isSub":[516,"is-sub"]},null,{"value":[{"valueChanged":0}]}]]],["p-be54d6bd",[[772,"sd-tr",{"columns":[16],"selectable":[4],"stickyColumn":[16],"rowKey":[1,"row-key"],"row":[16],"tableId":[32],"columnWidths":[32],"isVisible":[32],"_columns":[32],"_selectable":[32],"_stickyColumn":[32],"_scrolledLeft":[32],"_scrolledRight":[32],"refreshConfig":[64],"updateVisibility":[64],"setColumnWidths":[64],"refreshSelection":[64]}]]],["p-280dc548",[[512,"sd-loading-container",{"visible":[32],"message":[32],"show":[64],"hide":[64]}]]],["p-f4a00276",[[512,"sd-radio-group",{"value":[1032],"options":[1040],"direction":[1],"disabled":[4],"groupName":[1,"group-name"]},null,{"value":[{"valueChanged":0}]}]]],["p-16a15368",[[512,"sd-text-link",{"label":[1],"icon":[1],"iconColor":[1,"icon-color"],"labelClass":[1,"label-class"],"useArrow":[516,"use-arrow"],"underline":[516],"disabled":[516]}]]],["p-eb29dc9f",[[512,"sd-badge",{"color":[1],"label":[1]}]]],["p-07adda3c",[[772,"sd-card",{"bordered":[4],"sdClass":[1,"sd-class"]}]]],["p-8f66586f",[[772,"sd-form",{"formClass":[1,"form-class"],"sdRegisterField":[64],"sdUnregisterField":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64]}]]],["p-8ff967f7",[[512,"sd-linear-progress",{"indeterminate":[516],"value":[2],"type":[513],"label":[1]}]]],["p-9fee77f0",[[512,"sd-progress",{"type":[1],"error":[4],"percentage":[2],"size":[2],"strokeWidth":[2,"stroke-width"],"label":[1]}]]],["p-c3379a6e",[[512,"sd-radio-button",{"value":[1032],"options":[1040],"size":[1],"disabled":[4],"name":[1]}]]],["p-8200b5f2",[[512,"sd-switch",{"value":[1028],"label":[1],"disabled":[4]}]]],["p-380198bc",[[769,"sd-tbody",{"rows":[16],"tableId":[32],"topSpacerHeight":[32],"bottomSpacerHeight":[32]},null,{"rows":[{"handleRowsChange":0}]}]]],["p-8f88bd67",[[772,"sd-td",{"field":[1],"rowKey":[1,"row-key"],"align":[1]},null,{"field":[{"handleFieldChange":0}],"rowKey":[{"handleRowKeyChange":0}]}]]],["p-d1dfa0e1",[[512,"sd-toggle",{"value":[1540],"label":[1],"disabled":[4]}]]],["p-711c59fc",[[769,"table-test",{"columns":[16],"rows":[16],"bordered":[4],"striped":[4],"cellRenderers":[32],"headerRenderers":[32],"setCellRenderer":[64],"setHeaderRenderer":[64],"removeCellRenderer":[64],"clearAllRenderers":[64]},null,{"columns":[{"dataChanged":0}],"rows":[{"dataChanged":0}]}]]],["p-1cc7d81f",[[512,"sd-date-picker-calendar",{"value":[1],"selectable":[16],"currentYear":[32],"currentMonth":[32]},null,{"value":[{"handleValueChange":0}]}]]],["p-dad07e1a",[[512,"sd-date-range-picker-calendar",{"value":[16],"selectable":[16],"maxRange":[2,"max-range"],"currentYear":[32],"currentMonth":[32],"pendingStart":[32],"hoverDate":[32],"displayValue":[32]},null,{"value":[{"handleValueChange":0}]}]]],["p-ba5fea6f",[[512,"sd-toast",{"icon":[1],"message":[1],"link":[1],"linkLabel":[1,"link-label"],"useClose":[4,"use-close"],"type":[1]}]]],["p-a9fc2c21",[[514,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["p-ce3d0f9c",[[512,"sd-radio",{"value":[1032],"val":[8],"disabled":[4],"label":[1]},null,{"value":[{"valueChanged":0}]}]]],["p-f47fb87a",[[512,"sd-select-v2",{"name":[1],"value":[1032],"options":[16],"placeholder":[1],"maxDropdownWidth":[1,"max-dropdown-width"],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"error":[1028],"hint":[1],"errorMessage":[1,"error-message"],"fieldName":[1,"field-name"],"rules":[16],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"emitValue":[4,"emit-value"],"width":[8],"isOpen":[32],"isAnimatingOut":[32],"triggerWidth":[32],"resolvedDropdownHeight":[32],"resolvedMaxDropdownWidth":[32],"focused":[32],"hovered":[32],"sdFocus":[64],"sdOpen":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[512,"sd-pagination",{"currentPage":[1026,"current-page"],"lastPage":[2,"last-page"],"simple":[4]}]]],["p-00612047",[[512,"sd-circle-progress",{"indeterminate":[516],"value":[2],"type":[513],"label":[1]}]]],["p-109a10e4",[[772,"sd-confirm-modal",{"type":[1],"modalTitle":[1,"modal-title"],"titleClass":[1,"title-class"],"topMessage":[16],"bottomMessage":[16],"mainButtonName":[1,"main-button-name"],"mainButtonLabel":[1,"main-button-label"],"subButtonLabel":[1,"sub-button-label"],"tagPreset":[1,"tag-preset"],"tagLabel":[1,"tag-label"],"slotLabel":[1,"slot-label"],"tagContents":[16],"hasSlottedContent":[32]}],[512,"sd-loading-modal",{"state":[513],"message":[1],"useButton":[516,"use-button"],"buttonLabel":[1,"button-label"],"width":[8],"height":[8]}]]],["p-1b9f6cef",[[512,"sd-select-option-group",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"useIndicator":[4,"use-indicator"],"countInfo":[16],"isHovered":[32],"isDisabled":[64]}]]],["p-2cd2f2dd",[[512,"sd-date-picker-trigger",{"displayText":[1,"display-text"],"placeholder":[1],"disabled":[4],"size":[1]}]]],["p-33bec0e3",[[512,"sd-tag",{"name":[1],"label":[1],"icon":[1],"isLeft":[4,"is-left"]}]]],["p-d52f25c6",[[512,"sd-checkbox",{"value":[1028],"val":[8],"disabled":[516],"inverse":[516],"label":[1],"isChecked":[32]},null,{"value":[{"watchValueHandler":0}]}]]],["p-dbcbbf1e",[[772,"sd-select-dropdown",{"itemIndex":[1026,"item-index"],"value":[8],"options":[16],"width":[1],"dropdownHeight":[1,"dropdown-height"],"searchable":[4],"optionPlaceholder":[1,"option-placeholder"],"useCheckbox":[4,"use-checkbox"],"useAll":[4,"use-all"],"filteredOptions":[32],"searchText":[32],"isScrolled":[32],"isDropdownReady":[32]},null,{"filteredOptions":[{"filteredOptionsChanged":0}],"searchText":[{"searchTextChanged":0}],"itemIndex":[{"itemIndexChanged":0}]}],[512,"sd-select-option",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"isHovered":[32],"sdIsDisabled":[64]}]]],["p-f503a1ef",[[513,"sd-select-v2-listbox",{"name":[1],"options":[16],"value":[8],"emitValue":[4,"emit-value"],"triggerWidth":[1,"trigger-width"],"maxWidth":[1,"max-width"],"maxHeight":[1,"max-height"],"searchKeyword":[32],"isScrolled":[32],"focusedIndex":[32]},null,{"searchKeyword":[{"resetFocusOnFilter":0}]}],[512,"sd-select-v2-trigger",{"displayText":[1,"display-text"],"placeholder":[1],"disabled":[4],"isOpen":[4,"is-open"],"sdFocus":[64]}],[512,"sd-select-v2-list-item",{"option":[16],"depth":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"useCheckbox":[4,"use-checkbox"],"countInfo":[16]}],[512,"sd-select-v2-list-item-search",{"isScrolled":[4,"is-scrolled"],"searchText":[32],"sdFocus":[64]}]]],["p-3a9559ee",[[772,"sd-portal",{"to":[1],"parentRef":[16],"offset":[16],"viewportPadding":[2,"viewport-padding"],"zIndex":[2,"z-index"],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]],{"open":[{"handleOpenChange":0}]}]]],["p-6b537e2f",[[512,"sd-ghost-button",{"icon":[1],"size":[1],"intent":[1],"ariaLabel":[1,"aria-label"],"disabled":[4]}]]],["p-cc62c180",[[772,"sd-field",{"name":[1],"rules":[16],"error":[1028],"disabled":[1028],"hovered":[1028],"focused":[1028],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"size":[513],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"errorMsg":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64],"sdFocus":[64]}],[512,"sd-tooltip",{"trigger":[1],"placement":[1],"color":[1],"tooltipType":[1,"tooltip-type"],"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"buttonSize":[1,"button-size"],"buttonVariant":[1,"button-variant"],"noHover":[4,"no-hover"],"sdClass":[1,"sd-class"],"showTooltip":[32],"slotContentHTML":[32]}],[772,"sd-floating-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"placement":[1],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"],[8,"keydown","handleKeydown"]]],[512,"sd-button",{"variant":[1],"size":[1],"color":[1],"label":[1],"disabled":[4],"type":[1],"icon":[1],"iconColor":[1,"icon-color"],"iconSize":[2,"icon-size"],"iconRight":[1,"icon-right"],"noHover":[4,"no-hover"],"sdClass":[1,"sd-class"]}]]],["p-9349f176",[[512,"sd-select-search-input",{"isScrolled":[4,"is-scrolled"],"searchText":[1,"search-text"],"sdGetNativeElement":[64],"sdSearchInputFocus":[64]}],[772,"sd-input",{"value":[1032],"type":[1],"size":[1],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"autocomplete":[1],"maxlength":[2],"minlength":[2],"inputmode":[1],"enterkeyhint":[1],"spellcheck":[4],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"internalValue":[32],"passwordVisible":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}]]]]'),e))));
|
|
1
|
+
import{p as e,g as l,b as a}from"./p-Bp7ytJz5.js";export{s as setNonce}from"./p-Bp7ytJz5.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await l(),a(JSON.parse('[["p-bb492ba7",[[512,"sd-button-v2",{"name":[1],"label":[1],"icon":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1]}],[512,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]],["p-dc07d618",[[769,"sd-table",{"tableId":[513,"table-id"],"columns":[16],"rows":[16],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"useVirtualScroll":[4,"use-virtual-scroll"],"rowHeight":[2,"row-height"],"virtualBuffer":[2,"virtual-buffer"],"virtualEndThreshold":[2,"virtual-end-threshold"],"rowsPerPageOption":[16],"resolvedNoDataLabel":[32],"currentPage":[32],"innerRowsPerPage":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32],"rowCount":[32],"loadingScrollTop":[32],"isRowSelected":[64],"updateRowSelect":[64],"toggleSelectAll":[64],"getIsAllChecked":[64],"getStickyStyle":[64],"setRowCount":[64],"getPaginationInfo":[64]},null,{"isLoading":[{"handleIsLoadingChange":0}],"useVirtualScroll":[{"handleUseVirtualScrollChange":0}],"columns":[{"handleColumnsChange":0}],"rows":[{"handleRowsChange":0}],"tableId":[{"handleTableIdChange":0}],"noDataLabel":[{"handleNoDataLabelChange":0}],"selectable":[{"handleConfigChange":0}],"resizable":[{"handleConfigChange":0}],"stickyColumn":[{"handleConfigChange":0}],"stickyHeader":[{"handleConfigChange":0}],"selected":[{"handleSelectedChange":0}],"pagination":[{"handlePaginationChange":0}]}]]],["p-f637919e",[[512,"sd-select",{"value":[1032],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"autoFocus":[4,"auto-focus"],"disabled":[4],"clearable":[4],"searchable":[4],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"isOpen":[{"isOpenChanged":0}]}]]],["p-4114eea3",[[512,"sd-select-multiple",{"value":[1040],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"autoFocus":[4,"auto-focus"],"disabled":[4],"clearable":[4],"searchable":[4],"useAll":[4,"use-all"],"useCheckbox":[4,"use-checkbox"],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"isOpen":[{"isOpenChanged":0}]}]]],["p-0883bb11",[[772,"sd-select-group",{"value":[1032],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"autoFocus":[4,"auto-focus"],"disabled":[4],"clearable":[4],"searchable":[4],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[4],"containerStyle":[16],"triggerStyle":[16],"dropdownStyle":[16],"optionStyle":[16],"labelStyle":[16],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"isDropdownReady":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"options":[{"optionsChanged":0}],"searchText":[{"searchTextChanged":0}],"itemIndex":[{"itemIndexChanged":0}],"isOpen":[{"isOpenChanged":0}]}]]],["p-1573f415",[[772,"sd-select-multiple-group",{"value":[1040],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"useAll":[4,"use-all"],"allCheckedLabel":[1,"all-checked-label"],"allCheckOptionLabel":[1,"all-check-option-label"],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[4],"containerStyle":[16],"triggerStyle":[16],"dropdownStyle":[16],"optionStyle":[16],"labelStyle":[16],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"isDropdownReady":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"options":[{"optionsChanged":0}],"searchText":[{"searchTextChanged":0}],"itemIndex":[{"itemIndexChanged":0}],"isOpen":[{"isOpenChanged":0}]}]]],["p-5ef82428",[[512,"sd-date-picker",{"value":[1025],"size":[513],"placeholder":[513],"selectable":[16],"disabled":[516],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"fieldName":[1,"field-name"],"rules":[16],"error":[1028],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"isOpen":[32],"isAnimatingOut":[32],"focused":[32],"hovered":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"isOpen":[{"watchIsOpen":0}]}]]],["p-a0cf8a1d",[[512,"sd-date-range-picker",{"value":[1040],"size":[513],"placeholder":[513],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[516],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"fieldName":[1,"field-name"],"rules":[16],"error":[1028],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"isOpen":[32],"isAnimatingOut":[32],"focused":[32],"hovered":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"isOpen":[{"watchIsOpen":0}]}]]],["p-f8237991",[[512,"sd-modal-container",{"autoRemove":[4,"auto-remove"],"entry":[32],"isVisible":[32],"backdropVisible":[32],"open":[64],"openLoading":[64],"createCustom":[64],"dismissById":[64],"update":[64]}]]],["p-d788d842",[[772,"sd-barcode-input",{"value":[1032],"size":[1],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}]]],["p-4aeec574",[[512,"sd-file-picker",{"value":[1040],"placeholder":[513],"disabled":[516],"inline":[516],"multiple":[516],"accept":[1],"maxFileSize":[8,"max-file-size"],"maxTotalSize":[8,"max-total-size"],"maxFiles":[8,"max-files"],"name":[1],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"rules":[16],"error":[1028],"status":[1],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"focused":[1028],"hovered":[1028],"internalValue":[32],"showTooltip":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"value":[{"valueChanged":0}]}]]],["p-0069c4f6",[[512,"sd-number-input",{"size":[1],"min":[2],"max":[2],"step":[2],"useButton":[4,"use-button"],"useDecimal":[4,"use-decimal"],"value":[1032],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputPrefix":[1,"input-prefix"],"inputSuffix":[1,"input-suffix"],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"error":[1028],"focused":[1028],"hovered":[1028],"internalValue":[32],"displayValue":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64],"sdGetNativeElement":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}]]],["p-4145b7cc",[[512,"sd-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"readonly":[4],"autoFocus":[4,"auto-focus"],"textareaClass":[1,"textarea-class"],"textareaStyle":[16],"maxLength":[2,"max-length"],"rows":[2],"spellcheck":[4],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[1028],"status":[1],"focused":[1028],"hovered":[1028],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}]]],["p-7b77c65c",[[512,"sd-thead",{"columns":[16],"selectable":[4],"resizable":[4],"stickyColumn":[16],"stickyHeader":[4,"sticky-header"],"scrolledLeft":[4,"scrolled-left"],"scrolledRight":[4,"scrolled-right"],"rows":[16],"columnWidths":[1040],"tableId":[32],"_columns":[32],"_selectable":[32],"_resizable":[32],"_stickyColumn":[32],"_stickyHeader":[32],"_scrolledLeft":[32],"_scrolledRight":[32],"refreshConfig":[64],"setColumnWidths":[64],"refreshSelection":[64]},null,{"columns":[{"handleColumnsChange":0}]}]]],["p-2eb910ec",[[512,"sd-guide",{"type":[513],"label":[513],"message":[1],"url":[1],"popupTitle":[1,"popup-title"],"popupWidth":[2,"popup-width"],"popupShow":[32]}]]],["p-5f6379e9",[[512,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"menuTitle":[1,"menu-title"],"messages":[16],"buttons":[16],"menuClass":[1,"menu-class"],"useClose":[4,"use-close"]}]]],["p-3ca5c303",[[772,"sd-action-modal",{"modalTitle":[1,"modal-title"],"buttonProps":[16],"width":[8],"height":[8]}]]],["p-fdcfaa7c",[[512,"sd-toast-container",{"position":[1],"maxVisible":[2,"max-visible"],"defaultDuration":[2,"default-duration"],"zIndex":[2,"z-index"],"toasts":[32],"expanded":[32],"create":[64],"dismiss":[64],"dismissAll":[64]}]]],["p-a8bde8d9",[[514,"sd-calendar",{"value":[1537],"selectable":[16],"events":[16],"eventColors":[16],"currentYear":[32],"currentMonth":[32],"eventsRevision":[32]},null,{"value":[{"handleValueChange":0}],"events":[{"handleEventsChange":0}],"eventColors":[{"handleEventsChange":0}]}]]],["p-49f78122",[[512,"sd-chip",{"name":[1],"value":[1025],"error":[1028],"disabled":[4],"placeholder":[1],"rules":[16],"internalValue":[32],"isEditing":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdResetValidation":[64],"sdFocus":[64],"sdGetNativeElement":[64]},null,{"value":[{"valueChanged":0}]}]]],["p-5e300b77",[[512,"sd-dropdown-button",{"name":[1],"label":[1],"items":[16],"disabled":[4],"isOpen":[32],"isAnimatingOut":[32],"itemIndex":[32],"sdOpen":[64],"sdClose":[64]},null,{"isOpen":[{"handleOpenChange":0}]}]]],["p-05a1c092",[[512,"sd-tabs",{"value":[1537],"tabs":[1040],"size":[513],"isSub":[516,"is-sub"]},null,{"value":[{"valueChanged":0}]}]]],["p-be54d6bd",[[772,"sd-tr",{"columns":[16],"selectable":[4],"stickyColumn":[16],"rowKey":[1,"row-key"],"row":[16],"tableId":[32],"columnWidths":[32],"isVisible":[32],"_columns":[32],"_selectable":[32],"_stickyColumn":[32],"_scrolledLeft":[32],"_scrolledRight":[32],"refreshConfig":[64],"updateVisibility":[64],"setColumnWidths":[64],"refreshSelection":[64]}]]],["p-280dc548",[[512,"sd-loading-container",{"visible":[32],"message":[32],"show":[64],"hide":[64]}]]],["p-f4a00276",[[512,"sd-radio-group",{"value":[1032],"options":[1040],"direction":[1],"disabled":[4],"groupName":[1,"group-name"]},null,{"value":[{"valueChanged":0}]}]]],["p-16a15368",[[512,"sd-text-link",{"label":[1],"icon":[1],"iconColor":[1,"icon-color"],"labelClass":[1,"label-class"],"useArrow":[516,"use-arrow"],"underline":[516],"disabled":[516]}]]],["p-eb29dc9f",[[512,"sd-badge",{"color":[1],"label":[1]}]]],["p-07adda3c",[[772,"sd-card",{"bordered":[4],"sdClass":[1,"sd-class"]}]]],["p-17cd3a33",[[772,"sd-form",{"formClass":[1,"form-class"],"sdRegisterField":[64],"sdUnregisterField":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64]}]]],["p-8ff967f7",[[512,"sd-linear-progress",{"indeterminate":[516],"value":[2],"type":[513],"label":[1]}]]],["p-9fee77f0",[[512,"sd-progress",{"type":[1],"error":[4],"percentage":[2],"size":[2],"strokeWidth":[2,"stroke-width"],"label":[1]}]]],["p-c3379a6e",[[512,"sd-radio-button",{"value":[1032],"options":[1040],"size":[1],"disabled":[4],"name":[1]}]]],["p-8200b5f2",[[512,"sd-switch",{"value":[1028],"label":[1],"disabled":[4]}]]],["p-380198bc",[[769,"sd-tbody",{"rows":[16],"tableId":[32],"topSpacerHeight":[32],"bottomSpacerHeight":[32]},null,{"rows":[{"handleRowsChange":0}]}]]],["p-8f88bd67",[[772,"sd-td",{"field":[1],"rowKey":[1,"row-key"],"align":[1]},null,{"field":[{"handleFieldChange":0}],"rowKey":[{"handleRowKeyChange":0}]}]]],["p-d1dfa0e1",[[512,"sd-toggle",{"value":[1540],"label":[1],"disabled":[4]}]]],["p-711c59fc",[[769,"table-test",{"columns":[16],"rows":[16],"bordered":[4],"striped":[4],"cellRenderers":[32],"headerRenderers":[32],"setCellRenderer":[64],"setHeaderRenderer":[64],"removeCellRenderer":[64],"clearAllRenderers":[64]},null,{"columns":[{"dataChanged":0}],"rows":[{"dataChanged":0}]}]]],["p-1cc7d81f",[[512,"sd-date-picker-calendar",{"value":[1],"selectable":[16],"currentYear":[32],"currentMonth":[32]},null,{"value":[{"handleValueChange":0}]}]]],["p-dad07e1a",[[512,"sd-date-range-picker-calendar",{"value":[16],"selectable":[16],"maxRange":[2,"max-range"],"currentYear":[32],"currentMonth":[32],"pendingStart":[32],"hoverDate":[32],"displayValue":[32]},null,{"value":[{"handleValueChange":0}]}]]],["p-ba5fea6f",[[512,"sd-toast",{"icon":[1],"message":[1],"link":[1],"linkLabel":[1,"link-label"],"useClose":[4,"use-close"],"type":[1]}]]],["p-a9fc2c21",[[514,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["p-ce3d0f9c",[[512,"sd-radio",{"value":[1032],"val":[8],"disabled":[4],"label":[1]},null,{"value":[{"valueChanged":0}]}]]],["p-f47fb87a",[[512,"sd-select-v2",{"name":[1],"value":[1032],"options":[16],"placeholder":[1],"maxDropdownWidth":[1,"max-dropdown-width"],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"error":[1028],"hint":[1],"errorMessage":[1,"error-message"],"fieldName":[1,"field-name"],"rules":[16],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"emitValue":[4,"emit-value"],"width":[8],"isOpen":[32],"isAnimatingOut":[32],"triggerWidth":[32],"resolvedDropdownHeight":[32],"resolvedMaxDropdownWidth":[32],"focused":[32],"hovered":[32],"sdFocus":[64],"sdOpen":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[512,"sd-pagination",{"currentPage":[1026,"current-page"],"lastPage":[2,"last-page"],"simple":[4]}]]],["p-00612047",[[512,"sd-circle-progress",{"indeterminate":[516],"value":[2],"type":[513],"label":[1]}]]],["p-109a10e4",[[772,"sd-confirm-modal",{"type":[1],"modalTitle":[1,"modal-title"],"titleClass":[1,"title-class"],"topMessage":[16],"bottomMessage":[16],"mainButtonName":[1,"main-button-name"],"mainButtonLabel":[1,"main-button-label"],"subButtonLabel":[1,"sub-button-label"],"tagPreset":[1,"tag-preset"],"tagLabel":[1,"tag-label"],"slotLabel":[1,"slot-label"],"tagContents":[16],"hasSlottedContent":[32]}],[512,"sd-loading-modal",{"state":[513],"message":[1],"useButton":[516,"use-button"],"buttonLabel":[1,"button-label"],"width":[8],"height":[8]}]]],["p-1b9f6cef",[[512,"sd-select-option-group",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"useIndicator":[4,"use-indicator"],"countInfo":[16],"isHovered":[32],"isDisabled":[64]}]]],["p-2cd2f2dd",[[512,"sd-date-picker-trigger",{"displayText":[1,"display-text"],"placeholder":[1],"disabled":[4],"size":[1]}]]],["p-33bec0e3",[[512,"sd-tag",{"name":[1],"label":[1],"icon":[1],"isLeft":[4,"is-left"]}]]],["p-d52f25c6",[[512,"sd-checkbox",{"value":[1028],"val":[8],"disabled":[516],"inverse":[516],"label":[1],"isChecked":[32]},null,{"value":[{"watchValueHandler":0}]}]]],["p-dbcbbf1e",[[772,"sd-select-dropdown",{"itemIndex":[1026,"item-index"],"value":[8],"options":[16],"width":[1],"dropdownHeight":[1,"dropdown-height"],"searchable":[4],"optionPlaceholder":[1,"option-placeholder"],"useCheckbox":[4,"use-checkbox"],"useAll":[4,"use-all"],"filteredOptions":[32],"searchText":[32],"isScrolled":[32],"isDropdownReady":[32]},null,{"filteredOptions":[{"filteredOptionsChanged":0}],"searchText":[{"searchTextChanged":0}],"itemIndex":[{"itemIndexChanged":0}]}],[512,"sd-select-option",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"isHovered":[32],"sdIsDisabled":[64]}]]],["p-f503a1ef",[[513,"sd-select-v2-listbox",{"name":[1],"options":[16],"value":[8],"emitValue":[4,"emit-value"],"triggerWidth":[1,"trigger-width"],"maxWidth":[1,"max-width"],"maxHeight":[1,"max-height"],"searchKeyword":[32],"isScrolled":[32],"focusedIndex":[32]},null,{"searchKeyword":[{"resetFocusOnFilter":0}]}],[512,"sd-select-v2-trigger",{"displayText":[1,"display-text"],"placeholder":[1],"disabled":[4],"isOpen":[4,"is-open"],"sdFocus":[64]}],[512,"sd-select-v2-list-item",{"option":[16],"depth":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"useCheckbox":[4,"use-checkbox"],"countInfo":[16]}],[512,"sd-select-v2-list-item-search",{"isScrolled":[4,"is-scrolled"],"searchText":[32],"sdFocus":[64]}]]],["p-3a9559ee",[[772,"sd-portal",{"to":[1],"parentRef":[16],"offset":[16],"viewportPadding":[2,"viewport-padding"],"zIndex":[2,"z-index"],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]],{"open":[{"handleOpenChange":0}]}]]],["p-6b537e2f",[[512,"sd-ghost-button",{"icon":[1],"size":[1],"intent":[1],"ariaLabel":[1,"aria-label"],"disabled":[4]}]]],["p-cc62c180",[[772,"sd-field",{"name":[1],"rules":[16],"error":[1028],"disabled":[1028],"hovered":[1028],"focused":[1028],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"size":[513],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"errorMsg":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64],"sdFocus":[64]}],[512,"sd-tooltip",{"trigger":[1],"placement":[1],"color":[1],"tooltipType":[1,"tooltip-type"],"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"buttonSize":[1,"button-size"],"buttonVariant":[1,"button-variant"],"noHover":[4,"no-hover"],"sdClass":[1,"sd-class"],"showTooltip":[32],"slotContentHTML":[32]}],[772,"sd-floating-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"placement":[1],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"],[8,"keydown","handleKeydown"]]],[512,"sd-button",{"variant":[1],"size":[1],"color":[1],"label":[1],"disabled":[4],"type":[1],"icon":[1],"iconColor":[1,"icon-color"],"iconSize":[2,"icon-size"],"iconRight":[1,"icon-right"],"noHover":[4,"no-hover"],"sdClass":[1,"sd-class"]}]]],["p-9349f176",[[512,"sd-select-search-input",{"isScrolled":[4,"is-scrolled"],"searchText":[1,"search-text"],"sdGetNativeElement":[64],"sdSearchInputFocus":[64]}],[772,"sd-input",{"value":[1032],"type":[1],"size":[1],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"autocomplete":[1],"maxlength":[2],"minlength":[2],"inputmode":[1],"enterkeyhint":[1],"spellcheck":[4],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"internalValue":[32],"passwordVisible":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}]]]]'),e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as i,h as t}from"./p-Bp7ytJz5.js";const e=class{constructor(t){s(this,t),this.sdSubmit=i(this,"sdSubmit",7),this.sdValidationError=i(this,"sdValidationError",7)}formClass="";fields=[];sdSubmit;sdValidationError;sortFieldsByDomOrder(){this.fields.sort(((s,i)=>{const t=s.el,e=i.el;if(!t||!e)return 0;if(t===e)return 0;const a=t.compareDocumentPosition(e);return a&Node.DOCUMENT_POSITION_FOLLOWING?-1:a&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}async sdRegisterField(s){s.name?this.fields.includes(s)||(this.fields.push(s),this.sortFieldsByDomOrder()):console.warn("[sd-form] field.name is required")}async sdUnregisterField(s){if("string"!=typeof s)this.fields=this.fields.filter((i=>i!==s));else{const i=this.fields.findIndex((i=>i.name===s));-1!==i&&this.fields.splice(i,1)}}async runValidation(){const s=(await Promise.all(this.fields.map((async s=>({field:s,valid:await s.sdValidate()}))))).filter((s=>!s.valid)).map((s=>s.field));if(s.length>0){const i=s[0];i.sdFocus(),i.sdScrollIntoView?.()}return{valid:0===s.length,invalidFields:s}}async sdValidate(){const{valid:s}=await this.runValidation();return s}async sdReset(){this.fields.forEach((s=>s.sdReset()))}async sdResetValidation(){this.fields.forEach((s=>s.sdResetValidation()))}async onSubmit(s){s.preventDefault();const{valid:i,invalidFields:t}=await this.runValidation();i?this.sdSubmit.emit():this.sdValidationError.emit({names:t.map((s=>s.name))})}render(){return t("form",{key:"c3fafb4169bddbd6911914ebc694a977fa11b511",onSubmit:s=>this.onSubmit(s),class:this.formClass},t("slot",{key:"5be1d23c35c052fdf5d8fb961fa931074eb59ee6"}))}};export{e as sd_form}
|
|
@@ -46,22 +46,19 @@ const SdForm = class {
|
|
|
46
46
|
}
|
|
47
47
|
this.fields = this.fields.filter(field => field !== fieldOrName);
|
|
48
48
|
}
|
|
49
|
-
async
|
|
50
|
-
const
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}));
|
|
57
|
-
const isInValid = fieldValidationResults.find(result => {
|
|
58
|
-
return !result.valid;
|
|
59
|
-
});
|
|
60
|
-
if (isInValid) {
|
|
61
|
-
isInValid.field.sdFocus();
|
|
62
|
-
isInValid.field.sdScrollIntoView?.();
|
|
49
|
+
async runValidation() {
|
|
50
|
+
const results = await Promise.all(this.fields.map(async (field) => ({ field, valid: await field.sdValidate() })));
|
|
51
|
+
const invalidFields = results.filter(r => !r.valid).map(r => r.field);
|
|
52
|
+
if (invalidFields.length > 0) {
|
|
53
|
+
const first = invalidFields[0];
|
|
54
|
+
first.sdFocus();
|
|
55
|
+
first.sdScrollIntoView?.();
|
|
63
56
|
}
|
|
64
|
-
return
|
|
57
|
+
return { valid: invalidFields.length === 0, invalidFields };
|
|
58
|
+
}
|
|
59
|
+
async sdValidate() {
|
|
60
|
+
const { valid } = await this.runValidation();
|
|
61
|
+
return valid;
|
|
65
62
|
}
|
|
66
63
|
async sdReset() {
|
|
67
64
|
this.fields.forEach(f => f.sdReset());
|
|
@@ -71,15 +68,15 @@ const SdForm = class {
|
|
|
71
68
|
}
|
|
72
69
|
async onSubmit(e) {
|
|
73
70
|
e.preventDefault();
|
|
74
|
-
const valid = await this.
|
|
71
|
+
const { valid, invalidFields } = await this.runValidation();
|
|
75
72
|
if (!valid) {
|
|
76
|
-
this.sdValidationError.emit();
|
|
73
|
+
this.sdValidationError.emit({ names: invalidFields.map(f => f.name) });
|
|
77
74
|
return;
|
|
78
75
|
}
|
|
79
76
|
this.sdSubmit.emit();
|
|
80
77
|
}
|
|
81
78
|
render() {
|
|
82
|
-
return (h("form", { key: '
|
|
79
|
+
return (h("form", { key: 'c3fafb4169bddbd6911914ebc694a977fa11b511', onSubmit: e => this.onSubmit(e), class: this.formClass }, h("slot", { key: '5be1d23c35c052fdf5d8fb961fa931074eb59ee6' })));
|
|
83
80
|
}
|
|
84
81
|
};
|
|
85
82
|
|
|
@@ -13,10 +13,13 @@ export declare class SdForm {
|
|
|
13
13
|
formClass: string;
|
|
14
14
|
private fields;
|
|
15
15
|
sdSubmit: EventEmitter<void>;
|
|
16
|
-
sdValidationError: EventEmitter<
|
|
16
|
+
sdValidationError: EventEmitter<{
|
|
17
|
+
names: string[];
|
|
18
|
+
}>;
|
|
17
19
|
private sortFieldsByDomOrder;
|
|
18
20
|
sdRegisterField(field: ValidatableField): Promise<void>;
|
|
19
21
|
sdUnregisterField(fieldOrName: FieldIdentifier): Promise<void>;
|
|
22
|
+
private runValidation;
|
|
20
23
|
sdValidate(): Promise<boolean>;
|
|
21
24
|
sdReset(): Promise<void>;
|
|
22
25
|
sdResetValidation(): Promise<void>;
|
|
@@ -2939,7 +2939,7 @@ declare global {
|
|
|
2939
2939
|
};
|
|
2940
2940
|
interface HTMLSdFormElementEventMap {
|
|
2941
2941
|
"sdSubmit": void;
|
|
2942
|
-
"sdValidationError":
|
|
2942
|
+
"sdValidationError": { names: string[] };
|
|
2943
2943
|
}
|
|
2944
2944
|
interface HTMLSdFormElement extends Components.SdForm, HTMLStencilElement {
|
|
2945
2945
|
addEventListener<K extends keyof HTMLSdFormElementEventMap>(type: K, listener: (this: HTMLSdFormElement, ev: SdFormCustomEvent<HTMLSdFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
@@ -4457,7 +4457,7 @@ declare namespace LocalJSX {
|
|
|
4457
4457
|
*/
|
|
4458
4458
|
"formClass"?: string;
|
|
4459
4459
|
"onSdSubmit"?: (event: SdFormCustomEvent<void>) => void;
|
|
4460
|
-
"onSdValidationError"?: (event: SdFormCustomEvent<
|
|
4460
|
+
"onSdValidationError"?: (event: SdFormCustomEvent<{ names: string[] }>) => void;
|
|
4461
4461
|
}
|
|
4462
4462
|
interface SdGhostButton {
|
|
4463
4463
|
/**
|
package/hydrate/index.js
CHANGED
|
@@ -9695,22 +9695,19 @@ class SdForm {
|
|
|
9695
9695
|
}
|
|
9696
9696
|
this.fields = this.fields.filter(field => field !== fieldOrName);
|
|
9697
9697
|
}
|
|
9698
|
-
async
|
|
9699
|
-
const
|
|
9700
|
-
|
|
9701
|
-
|
|
9702
|
-
|
|
9703
|
-
|
|
9704
|
-
|
|
9705
|
-
}));
|
|
9706
|
-
const isInValid = fieldValidationResults.find(result => {
|
|
9707
|
-
return !result.valid;
|
|
9708
|
-
});
|
|
9709
|
-
if (isInValid) {
|
|
9710
|
-
isInValid.field.sdFocus();
|
|
9711
|
-
isInValid.field.sdScrollIntoView?.();
|
|
9698
|
+
async runValidation() {
|
|
9699
|
+
const results = await Promise.all(this.fields.map(async (field) => ({ field, valid: await field.sdValidate() })));
|
|
9700
|
+
const invalidFields = results.filter(r => !r.valid).map(r => r.field);
|
|
9701
|
+
if (invalidFields.length > 0) {
|
|
9702
|
+
const first = invalidFields[0];
|
|
9703
|
+
first.sdFocus();
|
|
9704
|
+
first.sdScrollIntoView?.();
|
|
9712
9705
|
}
|
|
9713
|
-
return
|
|
9706
|
+
return { valid: invalidFields.length === 0, invalidFields };
|
|
9707
|
+
}
|
|
9708
|
+
async sdValidate() {
|
|
9709
|
+
const { valid } = await this.runValidation();
|
|
9710
|
+
return valid;
|
|
9714
9711
|
}
|
|
9715
9712
|
async sdReset() {
|
|
9716
9713
|
this.fields.forEach(f => f.sdReset());
|
|
@@ -9720,15 +9717,15 @@ class SdForm {
|
|
|
9720
9717
|
}
|
|
9721
9718
|
async onSubmit(e) {
|
|
9722
9719
|
e.preventDefault();
|
|
9723
|
-
const valid = await this.
|
|
9720
|
+
const { valid, invalidFields } = await this.runValidation();
|
|
9724
9721
|
if (!valid) {
|
|
9725
|
-
this.sdValidationError.emit();
|
|
9722
|
+
this.sdValidationError.emit({ names: invalidFields.map(f => f.name) });
|
|
9726
9723
|
return;
|
|
9727
9724
|
}
|
|
9728
9725
|
this.sdSubmit.emit();
|
|
9729
9726
|
}
|
|
9730
9727
|
render() {
|
|
9731
|
-
return (hAsync("form", { key: '
|
|
9728
|
+
return (hAsync("form", { key: 'c3fafb4169bddbd6911914ebc694a977fa11b511', onSubmit: e => this.onSubmit(e), class: this.formClass }, hAsync("slot", { key: '5be1d23c35c052fdf5d8fb961fa931074eb59ee6' })));
|
|
9732
9729
|
}
|
|
9733
9730
|
static get cmpMeta() { return {
|
|
9734
9731
|
"$flags$": 772,
|
package/hydrate/index.mjs
CHANGED
|
@@ -9693,22 +9693,19 @@ class SdForm {
|
|
|
9693
9693
|
}
|
|
9694
9694
|
this.fields = this.fields.filter(field => field !== fieldOrName);
|
|
9695
9695
|
}
|
|
9696
|
-
async
|
|
9697
|
-
const
|
|
9698
|
-
|
|
9699
|
-
|
|
9700
|
-
|
|
9701
|
-
|
|
9702
|
-
|
|
9703
|
-
}));
|
|
9704
|
-
const isInValid = fieldValidationResults.find(result => {
|
|
9705
|
-
return !result.valid;
|
|
9706
|
-
});
|
|
9707
|
-
if (isInValid) {
|
|
9708
|
-
isInValid.field.sdFocus();
|
|
9709
|
-
isInValid.field.sdScrollIntoView?.();
|
|
9696
|
+
async runValidation() {
|
|
9697
|
+
const results = await Promise.all(this.fields.map(async (field) => ({ field, valid: await field.sdValidate() })));
|
|
9698
|
+
const invalidFields = results.filter(r => !r.valid).map(r => r.field);
|
|
9699
|
+
if (invalidFields.length > 0) {
|
|
9700
|
+
const first = invalidFields[0];
|
|
9701
|
+
first.sdFocus();
|
|
9702
|
+
first.sdScrollIntoView?.();
|
|
9710
9703
|
}
|
|
9711
|
-
return
|
|
9704
|
+
return { valid: invalidFields.length === 0, invalidFields };
|
|
9705
|
+
}
|
|
9706
|
+
async sdValidate() {
|
|
9707
|
+
const { valid } = await this.runValidation();
|
|
9708
|
+
return valid;
|
|
9712
9709
|
}
|
|
9713
9710
|
async sdReset() {
|
|
9714
9711
|
this.fields.forEach(f => f.sdReset());
|
|
@@ -9718,15 +9715,15 @@ class SdForm {
|
|
|
9718
9715
|
}
|
|
9719
9716
|
async onSubmit(e) {
|
|
9720
9717
|
e.preventDefault();
|
|
9721
|
-
const valid = await this.
|
|
9718
|
+
const { valid, invalidFields } = await this.runValidation();
|
|
9722
9719
|
if (!valid) {
|
|
9723
|
-
this.sdValidationError.emit();
|
|
9720
|
+
this.sdValidationError.emit({ names: invalidFields.map(f => f.name) });
|
|
9724
9721
|
return;
|
|
9725
9722
|
}
|
|
9726
9723
|
this.sdSubmit.emit();
|
|
9727
9724
|
}
|
|
9728
9725
|
render() {
|
|
9729
|
-
return (hAsync("form", { key: '
|
|
9726
|
+
return (hAsync("form", { key: 'c3fafb4169bddbd6911914ebc694a977fa11b511', onSubmit: e => this.onSubmit(e), class: this.formClass }, hAsync("slot", { key: '5be1d23c35c052fdf5d8fb961fa931074eb59ee6' })));
|
|
9730
9727
|
}
|
|
9731
9728
|
static get cmpMeta() { return {
|
|
9732
9729
|
"$flags$": 772,
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c as t,h as i}from"./p-Bp7ytJz5.js";const e=class{constructor(i){s(this,i),this.sdSubmit=t(this,"sdSubmit",7),this.sdValidationError=t(this,"sdValidationError",7)}formClass="";fields=[];sdSubmit;sdValidationError;sortFieldsByDomOrder(){this.fields.sort(((s,t)=>{const i=s.el,e=t.el;if(!i||!e)return 0;if(i===e)return 0;const r=i.compareDocumentPosition(e);return r&Node.DOCUMENT_POSITION_FOLLOWING?-1:r&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}async sdRegisterField(s){s.name?this.fields.includes(s)||(this.fields.push(s),this.sortFieldsByDomOrder()):console.warn("[sd-form] field.name is required")}async sdUnregisterField(s){if("string"!=typeof s)this.fields=this.fields.filter((t=>t!==s));else{const t=this.fields.findIndex((t=>t.name===s));-1!==t&&this.fields.splice(t,1)}}async sdValidate(){const s=(await Promise.all(this.fields.map((async s=>{const t=await s.sdValidate();return{field:s,valid:t}})))).find((s=>!s.valid));return s&&(s.field.sdFocus(),s.field.sdScrollIntoView?.()),!s}async sdReset(){this.fields.forEach((s=>s.sdReset()))}async sdResetValidation(){this.fields.forEach((s=>s.sdResetValidation()))}async onSubmit(s){s.preventDefault(),await this.sdValidate()?this.sdSubmit.emit():this.sdValidationError.emit()}render(){return i("form",{key:"f8276276d117709062f263c1ebbf814f398ed06d",onSubmit:s=>this.onSubmit(s),class:this.formClass},i("slot",{key:"24a4bd4c3140c89b49d6763113068ce1fb03cc6e"}))}};export{e as sd_form}
|