sas-ui 0.8.97 → 0.8.98
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/loader.cjs.js +1 -1
- package/dist/cjs/{sas-autocomplete_17.cjs.entry.js → sas-autocomplete_18.cjs.entry.js} +23 -0
- package/dist/cjs/sas-dropdown.cjs.entry.js +5 -1
- package/dist/cjs/sas-ui.cjs.js +1 -1
- package/dist/collection/components/sas-details/sas-details.css +3 -0
- package/dist/collection/components/sas-details/sas-details.js +23 -1
- package/dist/collection/components/sas-dropdown/sas-dropdown.css +4 -0
- package/dist/collection/components/sas-dropdown/sas-dropdown.js +22 -0
- package/dist/custom-elements/index.js +13 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{sas-autocomplete_17.entry.js → sas-autocomplete_18.entry.js} +23 -1
- package/dist/esm/sas-dropdown.entry.js +5 -1
- package/dist/esm/sas-ui.js +1 -1
- package/dist/sas-ui/p-3d52f002.entry.js +1 -0
- package/dist/sas-ui/p-c6b1a375.entry.js +1 -0
- package/dist/sas-ui/sas-ui.esm.js +1 -1
- package/dist/types/components/sas-details/sas-details.d.ts +4 -0
- package/dist/types/components/sas-dropdown/sas-dropdown.d.ts +4 -0
- package/dist/types/components.d.ts +16 -0
- package/package.json +1 -1
- package/dist/cjs/sas-details.cjs.entry.js +0 -25
- package/dist/esm/sas-details.entry.js +0 -21
- package/dist/sas-ui/p-566eb377.entry.js +0 -1
- package/dist/sas-ui/p-808b032f.entry.js +0 -1
- package/dist/sas-ui/p-afab2ef9.entry.js +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -16,7 +16,7 @@ const patchEsm = () => {
|
|
|
16
16
|
const defineCustomElements = (win, options) => {
|
|
17
17
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
18
18
|
return patchEsm().then(() => {
|
|
19
|
-
return index.bootstrapLazy([["sas-
|
|
19
|
+
return index.bootstrapLazy([["sas-autocomplete_18.cjs",[[1,"sas-multiselect",{"type":[513],"search":[516],"noMatchTip":[513,"no-match-tip"],"label":[513],"outside":[516],"required":[516],"disabled":[516],"clear":[516],"placeholder":[1537],"options":[1040],"name":[513],"values":[1040],"rawData":[1040],"min":[514],"max":[514],"maxChip":[514,"max-chip"],"selectAll":[4,"select-all"],"selectAllText":[1,"select-all-text"],"validity":[1040],"message":[1537],"value":[32],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"checkboxGroupUpdate","checkboxUpdateHandler"],[0,"chipUpdate","chipUpdateHandler"],[0,"inputClear","inputClearHandler"],[0,"inputContainerClick","inputContainerClickHandler"]]],[1,"sas-autocomplete",{"label":[513],"required":[516],"disabled":[516],"placeholder":[513],"options":[16],"value":[8],"text":[8],"update":[64]},[[0,"inputUpdate","inputUpdateHandler"],[0,"listUpdate","listUpdateHandler"]]],[1,"sas-select",{"label":[513],"outside":[516],"required":[516],"type":[513],"noMatchTip":[513,"no-match-tip"],"placeholder":[513],"disabled":[516],"clear":[516],"options":[16],"defaultValue":[520,"default-value"],"name":[513],"value":[1032],"rawData":[1032,"raw-data"],"text":[1032],"subtextPosition":[513,"subtext-position"],"validity":[1040],"message":[1537],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"listItemClicked","listItemClickedHandler"],[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"],[0,"inputUpdate","inputUpdateHandler"],[0,"inputClear","inputClearHandler"],[0,"inputFocus","inputFocusHandler"],[0,"inputBlur","inputBlurHandler"],[0,"inputContainerClick","inputContainerClickHandler"]]],[1,"sas-details",{"open":[516],"icon":[513]}],[1,"sas-container",{"gridTemplateColumns":[513,"grid-template-columns"],"gridTemplateRows":[513,"grid-template-rows"],"justifyItems":[513,"justify-items"],"alignItems":[513,"align-items"]}],[1,"sas-checkbox-group",{"name":[513],"values":[1040],"rawData":[1040],"max":[514],"options":[1040],"selectAll":[4,"select-all"],"selectAllText":[1,"select-all-text"],"update":[64]},[[0,"checkboxUpdate","checkboxUpdateHandler"]]],[1,"sas-chip",{"type":[513],"status":[513],"outlined":[516],"close":[516],"inside":[516],"text":[513],"uppercase":[516],"bold":[516]}],[1,"sas-checkbox",{"name":[513],"value":[8],"text":[1537],"index":[514],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"icon":[513],"error":[1540],"required":[516],"validity":[1040],"message":[1537],"exclusive":[1540],"updateErrorStatus":[64],"resetErrorStatus":[64]}],[1,"sas-checkbox-subgroup",{"value":[8],"text":[513],"checked":[1540],"disabled":[516],"icon":[1025],"status":[1025]},[[0,"checkboxUpdate","checkboxUpdateHandler"]]],[1,"sas-list",{"toggle":[516],"compact":[516],"border":[516],"subtextPosition":[513,"subtext-position"],"value":[1544],"rawData":[1032,"raw-data"],"text":[1544],"defaultValue":[520,"default-value"],"options":[16],"update":[64]},[[0,"listItemClicked","listItemClickedHandler"],[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-sublist",{"icon":[513],"value":[8],"text":[513],"subtext":[513],"iconRight":[513,"icon-right"],"toggle":[516],"compact":[516],"hideSub":[1540,"hide-sub"],"selected":[1540]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-button",{"type":[513],"size":[513],"text":[513],"iconLeft":[513,"icon-left"],"icon":[513],"iconPosition":[513,"icon-position"],"iconRight":[513,"icon-right"],"block":[516],"loading":[516],"disabled":[516],"href":[513],"target":[513],"tabindexNumber":[32]}],[1,"sas-list-item",{"icon":[513],"value":[8],"text":[513],"subtext":[513],"subtextPosition":[513,"subtext-position"],"iconRight":[513,"icon-right"],"selected":[516],"disabled":[516],"index":[514],"href":[513],"target":[513]}],[1,"sas-form-input-template",{"label":[513],"outside":[516],"required":[516],"placeholder":[1],"type":[1],"value":[1],"max":[513],"min":[513],"iconRight":[1,"icon-right"],"readonly":[4],"error":[516],"disabled":[516],"clear":[516],"show":[1540],"clickClose":[516,"click-close"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-input",{"type":[1537],"placeholder":[1537],"name":[1537],"value":[1537],"label":[1537],"outside":[1540],"required":[1540],"maxlength":[1538],"minlength":[1538],"max":[1537],"min":[1537],"iconLeft":[1537,"icon-left"],"iconRight":[1537,"icon-right"],"clear":[1540],"readonly":[1540],"disabled":[1540],"validity":[1032],"error":[1540],"message":[1537],"country":[1537],"placeholderNumberType":[513,"placeholder-number-type"],"isValidNumber":[1540,"is-valid-number"],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64],"setCustomValidity":[64]},[[0,"inputTelUpdate","inputTelUpdateHandler"],[0,"inputTextareaUpdate","inputTextareaUpdateHandler"]]],[1,"sas-input-tel",{"getValidity":[64],"setCountry":[64],"setPlaceholder":[64],"update":[64]}],[1,"sas-input-textarea",{"placeholder":[1537],"maxlength":[1538],"minlength":[1538],"value":[1537]}],[1,"sas-icon",{"type":[513],"size":[513],"status":[513],"icon":[513],"index":[2]}]]],["sas-date-range.cjs",[[1,"sas-date-range",{"label":[1537],"outside":[1540],"min":[1537],"max":[1537],"required":[516],"disabled":[516]}]]],["sas-time-field.cjs",[[1,"sas-time-field",{"label":[513],"outside":[516],"required":[516],"name":[513],"value":[1537],"max":[513],"min":[513],"disabled":[516],"clear":[516],"validity":[1040],"message":[1537],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"],[0,"inputContainerClick","inputContainerClickHandler"],[0,"listItemClicked","listItemClickedHandler"]]]]],["sas-menu-bar.cjs",[[1,"sas-menu-bar",{"sticky":[516]},[[9,"resize","handleResize"],[0,"selectUpdateEventUsedInternal","selectUpdateEventUsedInternalHandler"],[0,"multiselectUpdateEventUsedInternal","multiselectUpdateEventUsedInternalHandler"],[0,"dateFieldUpdateEventUsedInternal","dateFieldUpdateEventUsedInternalHandler"]]]]],["sas-user-card.cjs",[[1,"sas-user-card",{"name":[513],"position":[513],"status":[1537],"badge":[516],"attachment":[516],"src":[513]},[[0,"switchUpdate","switchUpdateHandler"]]]]],["sas-navigation-top.cjs",[[1,"sas-navigation-top",{"name":[513],"user":[513],"src":[513]}]]],["sas-stepper.cjs",[[1,"sas-stepper",{"type":[513],"total":[514],"current":[1538],"names":[16]},[[0,"buttonclicked","buttonclickedHandler"]]]]],["sas-card.cjs",[[1,"sas-card",{"src":[513],"scale":[513],"repair":[516],"attachment":[516],"disabled":[516],"cardTitle":[513,"card-title"]}]]],["sas-pagination.cjs",[[1,"sas-pagination",{"totalPage":[514,"total-page"],"totalIndex":[514,"total-index"],"currentPage":[1538,"current-page"]}]]],["sas-radio-group.cjs",[[1,"sas-radio-group",{"name":[513],"value":[1032],"defaultValue":[520,"default-value"],"text":[1544],"rawData":[1032,"raw-data"],"options":[16],"update":[64]},[[0,"radioupdate","radioUpdateHandler"]]]]],["sas-upload.cjs",[[1,"sas-upload",{"compact":[516],"inputOutside":[516,"input-outside"],"type":[513],"label":[1537],"name":[513],"max":[514],"size":[514],"accept":[513],"files":[1040],"removedFiles":[1040],"method":[513],"url":[513],"required":[516],"disabled":[516],"error":[1540],"validity":[1040],"message":[1537],"validate":[64],"submit":[64],"updateErrorStatus":[64],"resetErrorStatus":[64],"getFormData":[64],"checkFileUpdate":[64]}]]],["sas-alert.cjs",[[1,"sas-alert",{"type":[513],"show":[1540],"close":[516],"alertTitle":[1,"alert-title"],"content":[1]}]]],["sas-file-upload.cjs",[[1,"sas-file-upload",{"label":[32]}]]],["sas-navigation.cjs",[[1,"sas-navigation",{"name":[513]}]]],["sas-tooltip.cjs",[[1,"sas-tooltip",{"trigger":[513],"text":[513],"position":[32]}]]],["sas-avatar-group.cjs",[[1,"sas-avatar-group"]]],["sas-breadcrumb.cjs",[[1,"sas-breadcrumb",{"items":[16],"showAll":[32]}]]],["sas-button-group.cjs",[[1,"sas-button-group",{"values":[1040],"multiple":[516]},[[0,"buttonclicked","buttonclickedHandler"]]]]],["sas-dialog.cjs",[[1,"sas-dialog"]]],["sas-form.cjs",[[1,"sas-form",{"method":[513],"url":[513],"reset":[64],"validate":[64],"submit":[64]}]]],["sas-progress-bar.cjs",[[1,"sas-progress-bar",{"progress":[514]}]]],["sas-tab.cjs",[[1,"sas-tab",null,[[0,"tabItemClicked","tabItemClickedHandler"]]]]],["sas-tab-item.cjs",[[1,"sas-tab-item",{"value":[513],"text":[513]}]]],["sas-table.cjs",[[1,"sas-table",{"headers":[16],"items":[16],"sortedItems":[32]}]]],["sas-date-field.cjs",[[1,"sas-date-field",{"label":[513],"outside":[516],"required":[516],"name":[513],"value":[1537],"max":[513],"min":[513],"disabled":[516],"clear":[516],"icon":[513],"validity":[1040],"message":[1537],"localDate":[32],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"]]]]],["sas-radio.cjs",[[1,"sas-radio",{"name":[513],"value":[1032],"text":[513],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"tabindexNumber":[32],"updateErrorStatus":[64],"resetErrorStatus":[64]}]]],["sas-badge.cjs",[[1,"sas-badge",{"type":[513],"status":[513],"number":[514],"inline":[516]}]]],["sas-chat-bubble.cjs",[[1,"sas-chat-bubble",{"position":[513]}]]],["sas-divider.cjs",[[1,"sas-divider",{"type":[1]}]]],["sas-image.cjs",[[1,"sas-image",{"imageObject":[8,"image-object"],"src":[1]}]]],["sas-switch.cjs",[[1,"sas-switch",{"name":[513],"checked":[1540],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"updateErrorStatus":[64],"resetErrorStatus":[64]}]]],["sas-avatar.cjs",[[1,"sas-avatar",{"type":[513],"name":[513],"src":[513],"disabled":[516],"group":[516]}]]],["sas-dropdown.cjs",[[1,"sas-dropdown",{"block":[516],"clickClose":[516,"click-close"],"positionV":[1537,"position-v"],"positionH":[1537,"position-h"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]]]]], options);
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
22
|
|
|
@@ -1121,6 +1121,28 @@ const SasContainer = class {
|
|
|
1121
1121
|
};
|
|
1122
1122
|
SasContainer.style = sasContainerCss;
|
|
1123
1123
|
|
|
1124
|
+
const sasDetailsCss = ":host{display:block}:host summary{display:flex;cursor:pointer}:host .title{flex-grow:1}:host sas-icon{transition:0.25s transform ease}:host details[open] sas-icon{transform:rotate(180deg)}:host details>summary{list-style:none}:host details summary::-webkit-details-marker{display:none}:host details[open] ::slotted([slot=summary]){padding-bottom:15px}";
|
|
1125
|
+
|
|
1126
|
+
const SasDetails = class {
|
|
1127
|
+
constructor(hostRef) {
|
|
1128
|
+
index.registerInstance(this, hostRef);
|
|
1129
|
+
/**
|
|
1130
|
+
* Open
|
|
1131
|
+
*/
|
|
1132
|
+
this.open = false;
|
|
1133
|
+
/**
|
|
1134
|
+
* icon
|
|
1135
|
+
*/
|
|
1136
|
+
this.icon = 'fas fa-chevron-down';
|
|
1137
|
+
}
|
|
1138
|
+
render() {
|
|
1139
|
+
return (index.h(index.Host, null, index.h("details", { open: this.open }, index.h("summary", null, index.h("span", { class: "title" }, index.h("slot", { name: "summary" })), this.icon
|
|
1140
|
+
? index.h("sas-icon", { icon: this.icon })
|
|
1141
|
+
: null), index.h("slot", { name: "content" }))));
|
|
1142
|
+
}
|
|
1143
|
+
};
|
|
1144
|
+
SasDetails.style = sasDetailsCss;
|
|
1145
|
+
|
|
1124
1146
|
const sasFormInputTemplateCss = ":host{display:block;position:relative;height:100%}:host .hide{display:none}:host .container{box-shadow:0px 5px 10px #0000001A;border:1px solid #D0D9DE;border-radius:5px;overflow-y:auto;position:absolute;min-width:var(--form-input-template-container-min-width, 100%);max-width:var(--form-input-template-container-max-width, none);background-color:white;opacity:0;z-index:-15;pointer-events:none}:host .top{transform:translateY(-100%);top:0}:host(:focus){outline:none}:host(:focus-within)>.container{opacity:1;z-index:15;pointer-events:initial}:host(:not([label=\"\"])) .top{transform:translateY(-100%);top:0}:host(:not([label=\"\"])[outside]:not([outside=false])) .top{transform:translateY(calc(-100% + 30px));top:0}:host:after{content:attr(data-message);position:absolute;top:calc(100% + 5px);right:10px;color:var(--li-2);font-size:12px;text-align:right}";
|
|
1125
1147
|
|
|
1126
1148
|
const SasFormInputTemplate = class {
|
|
@@ -4911,6 +4933,7 @@ exports.sas_checkbox_group = SasCheckboxGroup;
|
|
|
4911
4933
|
exports.sas_checkbox_subgroup = SasCheckboxSubgroup;
|
|
4912
4934
|
exports.sas_chip = SasChip;
|
|
4913
4935
|
exports.sas_container = SasContainer;
|
|
4936
|
+
exports.sas_details = SasDetails;
|
|
4914
4937
|
exports.sas_form_input_template = SasFormInputTemplate;
|
|
4915
4938
|
exports.sas_icon = SasIcon;
|
|
4916
4939
|
exports.sas_input = SasInput;
|
|
@@ -4,11 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-05405262.js');
|
|
6
6
|
|
|
7
|
-
const sasDropdownCss = ":host{display:inline-flex}:host .container{display:inline-flex;position:relative}:host .control{cursor:pointer;flex-grow:1;display:flex;align-items:var(--dropdown-control-align-items, center)}:host .list{position:absolute;background-color:white;border:1px solid var(--s-300);border-radius:5px;box-shadow:0px 5px 10px #0000001A;opacity:0;z-index:-15;pointer-events:none}:host .hide{display:none}:host .top{bottom:calc(100% + 2px)}:host .bottom{top:calc(100% + 2px)}:host .left{right:0}:host .right{left:0}:host(:focus){outline:none}:host(:focus-within) .list{opacity:1;z-index:15;pointer-events:initial}::slotted([slot=control]){--icon-color:var(--s-400)}";
|
|
7
|
+
const sasDropdownCss = ":host{display:inline-flex}:host .container{display:inline-flex;position:relative}:host .control{cursor:pointer;flex-grow:1;display:flex;align-items:var(--dropdown-control-align-items, center)}:host .list{position:absolute;background-color:white;border:1px solid var(--s-300);border-radius:5px;box-shadow:0px 5px 10px #0000001A;opacity:0;z-index:-15;pointer-events:none}:host .hide{display:none}:host .top{bottom:calc(100% + 2px)}:host .bottom{top:calc(100% + 2px)}:host .left{right:0}:host .right{left:0}:host(:focus){outline:none}:host(:focus-within) .list{opacity:1;z-index:15;pointer-events:initial}:host([block]:not([block=false])) .container{width:100%}::slotted([slot=control]){--icon-color:var(--s-400)}";
|
|
8
8
|
|
|
9
9
|
const SasDropdown = class {
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
index.registerInstance(this, hostRef);
|
|
12
|
+
/**
|
|
13
|
+
* Display as block element
|
|
14
|
+
*/
|
|
15
|
+
this.block = false;
|
|
12
16
|
/**
|
|
13
17
|
* Close menu or not after click menu item
|
|
14
18
|
*/
|
package/dist/cjs/sas-ui.cjs.js
CHANGED
|
@@ -17,5 +17,5 @@ const patchBrowser = () => {
|
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(options => {
|
|
20
|
-
return index.bootstrapLazy([["sas-
|
|
20
|
+
return index.bootstrapLazy([["sas-autocomplete_18.cjs",[[1,"sas-multiselect",{"type":[513],"search":[516],"noMatchTip":[513,"no-match-tip"],"label":[513],"outside":[516],"required":[516],"disabled":[516],"clear":[516],"placeholder":[1537],"options":[1040],"name":[513],"values":[1040],"rawData":[1040],"min":[514],"max":[514],"maxChip":[514,"max-chip"],"selectAll":[4,"select-all"],"selectAllText":[1,"select-all-text"],"validity":[1040],"message":[1537],"value":[32],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"checkboxGroupUpdate","checkboxUpdateHandler"],[0,"chipUpdate","chipUpdateHandler"],[0,"inputClear","inputClearHandler"],[0,"inputContainerClick","inputContainerClickHandler"]]],[1,"sas-autocomplete",{"label":[513],"required":[516],"disabled":[516],"placeholder":[513],"options":[16],"value":[8],"text":[8],"update":[64]},[[0,"inputUpdate","inputUpdateHandler"],[0,"listUpdate","listUpdateHandler"]]],[1,"sas-select",{"label":[513],"outside":[516],"required":[516],"type":[513],"noMatchTip":[513,"no-match-tip"],"placeholder":[513],"disabled":[516],"clear":[516],"options":[16],"defaultValue":[520,"default-value"],"name":[513],"value":[1032],"rawData":[1032,"raw-data"],"text":[1032],"subtextPosition":[513,"subtext-position"],"validity":[1040],"message":[1537],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"listItemClicked","listItemClickedHandler"],[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"],[0,"inputUpdate","inputUpdateHandler"],[0,"inputClear","inputClearHandler"],[0,"inputFocus","inputFocusHandler"],[0,"inputBlur","inputBlurHandler"],[0,"inputContainerClick","inputContainerClickHandler"]]],[1,"sas-details",{"open":[516],"icon":[513]}],[1,"sas-container",{"gridTemplateColumns":[513,"grid-template-columns"],"gridTemplateRows":[513,"grid-template-rows"],"justifyItems":[513,"justify-items"],"alignItems":[513,"align-items"]}],[1,"sas-checkbox-group",{"name":[513],"values":[1040],"rawData":[1040],"max":[514],"options":[1040],"selectAll":[4,"select-all"],"selectAllText":[1,"select-all-text"],"update":[64]},[[0,"checkboxUpdate","checkboxUpdateHandler"]]],[1,"sas-chip",{"type":[513],"status":[513],"outlined":[516],"close":[516],"inside":[516],"text":[513],"uppercase":[516],"bold":[516]}],[1,"sas-checkbox",{"name":[513],"value":[8],"text":[1537],"index":[514],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"icon":[513],"error":[1540],"required":[516],"validity":[1040],"message":[1537],"exclusive":[1540],"updateErrorStatus":[64],"resetErrorStatus":[64]}],[1,"sas-checkbox-subgroup",{"value":[8],"text":[513],"checked":[1540],"disabled":[516],"icon":[1025],"status":[1025]},[[0,"checkboxUpdate","checkboxUpdateHandler"]]],[1,"sas-list",{"toggle":[516],"compact":[516],"border":[516],"subtextPosition":[513,"subtext-position"],"value":[1544],"rawData":[1032,"raw-data"],"text":[1544],"defaultValue":[520,"default-value"],"options":[16],"update":[64]},[[0,"listItemClicked","listItemClickedHandler"],[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-sublist",{"icon":[513],"value":[8],"text":[513],"subtext":[513],"iconRight":[513,"icon-right"],"toggle":[516],"compact":[516],"hideSub":[1540,"hide-sub"],"selected":[1540]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-button",{"type":[513],"size":[513],"text":[513],"iconLeft":[513,"icon-left"],"icon":[513],"iconPosition":[513,"icon-position"],"iconRight":[513,"icon-right"],"block":[516],"loading":[516],"disabled":[516],"href":[513],"target":[513],"tabindexNumber":[32]}],[1,"sas-list-item",{"icon":[513],"value":[8],"text":[513],"subtext":[513],"subtextPosition":[513,"subtext-position"],"iconRight":[513,"icon-right"],"selected":[516],"disabled":[516],"index":[514],"href":[513],"target":[513]}],[1,"sas-form-input-template",{"label":[513],"outside":[516],"required":[516],"placeholder":[1],"type":[1],"value":[1],"max":[513],"min":[513],"iconRight":[1,"icon-right"],"readonly":[4],"error":[516],"disabled":[516],"clear":[516],"show":[1540],"clickClose":[516,"click-close"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-input",{"type":[1537],"placeholder":[1537],"name":[1537],"value":[1537],"label":[1537],"outside":[1540],"required":[1540],"maxlength":[1538],"minlength":[1538],"max":[1537],"min":[1537],"iconLeft":[1537,"icon-left"],"iconRight":[1537,"icon-right"],"clear":[1540],"readonly":[1540],"disabled":[1540],"validity":[1032],"error":[1540],"message":[1537],"country":[1537],"placeholderNumberType":[513,"placeholder-number-type"],"isValidNumber":[1540,"is-valid-number"],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64],"setCustomValidity":[64]},[[0,"inputTelUpdate","inputTelUpdateHandler"],[0,"inputTextareaUpdate","inputTextareaUpdateHandler"]]],[1,"sas-input-tel",{"getValidity":[64],"setCountry":[64],"setPlaceholder":[64],"update":[64]}],[1,"sas-input-textarea",{"placeholder":[1537],"maxlength":[1538],"minlength":[1538],"value":[1537]}],[1,"sas-icon",{"type":[513],"size":[513],"status":[513],"icon":[513],"index":[2]}]]],["sas-date-range.cjs",[[1,"sas-date-range",{"label":[1537],"outside":[1540],"min":[1537],"max":[1537],"required":[516],"disabled":[516]}]]],["sas-time-field.cjs",[[1,"sas-time-field",{"label":[513],"outside":[516],"required":[516],"name":[513],"value":[1537],"max":[513],"min":[513],"disabled":[516],"clear":[516],"validity":[1040],"message":[1537],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"],[0,"inputContainerClick","inputContainerClickHandler"],[0,"listItemClicked","listItemClickedHandler"]]]]],["sas-menu-bar.cjs",[[1,"sas-menu-bar",{"sticky":[516]},[[9,"resize","handleResize"],[0,"selectUpdateEventUsedInternal","selectUpdateEventUsedInternalHandler"],[0,"multiselectUpdateEventUsedInternal","multiselectUpdateEventUsedInternalHandler"],[0,"dateFieldUpdateEventUsedInternal","dateFieldUpdateEventUsedInternalHandler"]]]]],["sas-user-card.cjs",[[1,"sas-user-card",{"name":[513],"position":[513],"status":[1537],"badge":[516],"attachment":[516],"src":[513]},[[0,"switchUpdate","switchUpdateHandler"]]]]],["sas-navigation-top.cjs",[[1,"sas-navigation-top",{"name":[513],"user":[513],"src":[513]}]]],["sas-stepper.cjs",[[1,"sas-stepper",{"type":[513],"total":[514],"current":[1538],"names":[16]},[[0,"buttonclicked","buttonclickedHandler"]]]]],["sas-card.cjs",[[1,"sas-card",{"src":[513],"scale":[513],"repair":[516],"attachment":[516],"disabled":[516],"cardTitle":[513,"card-title"]}]]],["sas-pagination.cjs",[[1,"sas-pagination",{"totalPage":[514,"total-page"],"totalIndex":[514,"total-index"],"currentPage":[1538,"current-page"]}]]],["sas-radio-group.cjs",[[1,"sas-radio-group",{"name":[513],"value":[1032],"defaultValue":[520,"default-value"],"text":[1544],"rawData":[1032,"raw-data"],"options":[16],"update":[64]},[[0,"radioupdate","radioUpdateHandler"]]]]],["sas-upload.cjs",[[1,"sas-upload",{"compact":[516],"inputOutside":[516,"input-outside"],"type":[513],"label":[1537],"name":[513],"max":[514],"size":[514],"accept":[513],"files":[1040],"removedFiles":[1040],"method":[513],"url":[513],"required":[516],"disabled":[516],"error":[1540],"validity":[1040],"message":[1537],"validate":[64],"submit":[64],"updateErrorStatus":[64],"resetErrorStatus":[64],"getFormData":[64],"checkFileUpdate":[64]}]]],["sas-alert.cjs",[[1,"sas-alert",{"type":[513],"show":[1540],"close":[516],"alertTitle":[1,"alert-title"],"content":[1]}]]],["sas-file-upload.cjs",[[1,"sas-file-upload",{"label":[32]}]]],["sas-navigation.cjs",[[1,"sas-navigation",{"name":[513]}]]],["sas-tooltip.cjs",[[1,"sas-tooltip",{"trigger":[513],"text":[513],"position":[32]}]]],["sas-avatar-group.cjs",[[1,"sas-avatar-group"]]],["sas-breadcrumb.cjs",[[1,"sas-breadcrumb",{"items":[16],"showAll":[32]}]]],["sas-button-group.cjs",[[1,"sas-button-group",{"values":[1040],"multiple":[516]},[[0,"buttonclicked","buttonclickedHandler"]]]]],["sas-dialog.cjs",[[1,"sas-dialog"]]],["sas-form.cjs",[[1,"sas-form",{"method":[513],"url":[513],"reset":[64],"validate":[64],"submit":[64]}]]],["sas-progress-bar.cjs",[[1,"sas-progress-bar",{"progress":[514]}]]],["sas-tab.cjs",[[1,"sas-tab",null,[[0,"tabItemClicked","tabItemClickedHandler"]]]]],["sas-tab-item.cjs",[[1,"sas-tab-item",{"value":[513],"text":[513]}]]],["sas-table.cjs",[[1,"sas-table",{"headers":[16],"items":[16],"sortedItems":[32]}]]],["sas-date-field.cjs",[[1,"sas-date-field",{"label":[513],"outside":[516],"required":[516],"name":[513],"value":[1537],"max":[513],"min":[513],"disabled":[516],"clear":[516],"icon":[513],"validity":[1040],"message":[1537],"localDate":[32],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"]]]]],["sas-radio.cjs",[[1,"sas-radio",{"name":[513],"value":[1032],"text":[513],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"tabindexNumber":[32],"updateErrorStatus":[64],"resetErrorStatus":[64]}]]],["sas-badge.cjs",[[1,"sas-badge",{"type":[513],"status":[513],"number":[514],"inline":[516]}]]],["sas-chat-bubble.cjs",[[1,"sas-chat-bubble",{"position":[513]}]]],["sas-divider.cjs",[[1,"sas-divider",{"type":[1]}]]],["sas-image.cjs",[[1,"sas-image",{"imageObject":[8,"image-object"],"src":[1]}]]],["sas-switch.cjs",[[1,"sas-switch",{"name":[513],"checked":[1540],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"updateErrorStatus":[64],"resetErrorStatus":[64]}]]],["sas-avatar.cjs",[[1,"sas-avatar",{"type":[513],"name":[513],"src":[513],"disabled":[516],"group":[516]}]]],["sas-dropdown.cjs",[[1,"sas-dropdown",{"block":[516],"clickClose":[516,"click-close"],"positionV":[1537,"position-v"],"positionH":[1537,"position-h"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]]]]], options);
|
|
21
21
|
});
|
|
@@ -5,6 +5,10 @@ import { Component, Host, h, Prop } from '@stencil/core';
|
|
|
5
5
|
*/
|
|
6
6
|
export class SasDetails {
|
|
7
7
|
constructor() {
|
|
8
|
+
/**
|
|
9
|
+
* Open
|
|
10
|
+
*/
|
|
11
|
+
this.open = false;
|
|
8
12
|
/**
|
|
9
13
|
* icon
|
|
10
14
|
*/
|
|
@@ -12,7 +16,7 @@ export class SasDetails {
|
|
|
12
16
|
}
|
|
13
17
|
render() {
|
|
14
18
|
return (h(Host, null,
|
|
15
|
-
h("details",
|
|
19
|
+
h("details", { open: this.open },
|
|
16
20
|
h("summary", null,
|
|
17
21
|
h("span", { class: "title" },
|
|
18
22
|
h("slot", { name: "summary" })),
|
|
@@ -30,6 +34,24 @@ export class SasDetails {
|
|
|
30
34
|
"$": ["sas-details.css"]
|
|
31
35
|
}; }
|
|
32
36
|
static get properties() { return {
|
|
37
|
+
"open": {
|
|
38
|
+
"type": "boolean",
|
|
39
|
+
"mutable": false,
|
|
40
|
+
"complexType": {
|
|
41
|
+
"original": "boolean",
|
|
42
|
+
"resolved": "boolean",
|
|
43
|
+
"references": {}
|
|
44
|
+
},
|
|
45
|
+
"required": false,
|
|
46
|
+
"optional": false,
|
|
47
|
+
"docs": {
|
|
48
|
+
"tags": [],
|
|
49
|
+
"text": "Open"
|
|
50
|
+
},
|
|
51
|
+
"attribute": "open",
|
|
52
|
+
"reflect": true,
|
|
53
|
+
"defaultValue": "false"
|
|
54
|
+
},
|
|
33
55
|
"icon": {
|
|
34
56
|
"type": "string",
|
|
35
57
|
"mutable": false,
|
|
@@ -7,6 +7,10 @@ Component, Host, Prop, h, Element, Listen, } from '@stencil/core';
|
|
|
7
7
|
*/
|
|
8
8
|
export class SasDropdown {
|
|
9
9
|
constructor() {
|
|
10
|
+
/**
|
|
11
|
+
* Display as block element
|
|
12
|
+
*/
|
|
13
|
+
this.block = false;
|
|
10
14
|
/**
|
|
11
15
|
* Close menu or not after click menu item
|
|
12
16
|
*/
|
|
@@ -104,6 +108,24 @@ export class SasDropdown {
|
|
|
104
108
|
"$": ["sas-dropdown.css"]
|
|
105
109
|
}; }
|
|
106
110
|
static get properties() { return {
|
|
111
|
+
"block": {
|
|
112
|
+
"type": "boolean",
|
|
113
|
+
"mutable": false,
|
|
114
|
+
"complexType": {
|
|
115
|
+
"original": "boolean",
|
|
116
|
+
"resolved": "boolean",
|
|
117
|
+
"references": {}
|
|
118
|
+
},
|
|
119
|
+
"required": false,
|
|
120
|
+
"optional": false,
|
|
121
|
+
"docs": {
|
|
122
|
+
"tags": [],
|
|
123
|
+
"text": "Display as block element"
|
|
124
|
+
},
|
|
125
|
+
"attribute": "block",
|
|
126
|
+
"reflect": true,
|
|
127
|
+
"defaultValue": "false"
|
|
128
|
+
},
|
|
107
129
|
"clickClose": {
|
|
108
130
|
"type": "boolean",
|
|
109
131
|
"mutable": false,
|
|
@@ -5349,20 +5349,24 @@ const SasDateRange$1 = class extends HTMLElement {
|
|
|
5349
5349
|
static get style() { return sasDateRangeCss; }
|
|
5350
5350
|
};
|
|
5351
5351
|
|
|
5352
|
-
const sasDetailsCss = ":host{display:block}:host summary{display:flex;cursor:pointer}:host .title{flex-grow:1}:host sas-icon{transition:0.25s transform ease}:host details[open] sas-icon{transform:rotate(180deg)}:host details>summary{list-style:none}:host details summary::-webkit-details-marker{display:none}";
|
|
5352
|
+
const sasDetailsCss = ":host{display:block}:host summary{display:flex;cursor:pointer}:host .title{flex-grow:1}:host sas-icon{transition:0.25s transform ease}:host details[open] sas-icon{transform:rotate(180deg)}:host details>summary{list-style:none}:host details summary::-webkit-details-marker{display:none}:host details[open] ::slotted([slot=summary]){padding-bottom:15px}";
|
|
5353
5353
|
|
|
5354
5354
|
const SasDetails$1 = class extends HTMLElement {
|
|
5355
5355
|
constructor() {
|
|
5356
5356
|
super();
|
|
5357
5357
|
this.__registerHost();
|
|
5358
5358
|
attachShadow(this);
|
|
5359
|
+
/**
|
|
5360
|
+
* Open
|
|
5361
|
+
*/
|
|
5362
|
+
this.open = false;
|
|
5359
5363
|
/**
|
|
5360
5364
|
* icon
|
|
5361
5365
|
*/
|
|
5362
5366
|
this.icon = 'fas fa-chevron-down';
|
|
5363
5367
|
}
|
|
5364
5368
|
render() {
|
|
5365
|
-
return (h(Host, null, h("details",
|
|
5369
|
+
return (h(Host, null, h("details", { open: this.open }, h("summary", null, h("span", { class: "title" }, h("slot", { name: "summary" })), this.icon
|
|
5366
5370
|
? h("sas-icon", { icon: this.icon })
|
|
5367
5371
|
: null), h("slot", { name: "content" }))));
|
|
5368
5372
|
}
|
|
@@ -5627,13 +5631,17 @@ const SasDivider$1 = class extends HTMLElement {
|
|
|
5627
5631
|
static get style() { return sasDividerCss; }
|
|
5628
5632
|
};
|
|
5629
5633
|
|
|
5630
|
-
const sasDropdownCss = ":host{display:inline-flex}:host .container{display:inline-flex;position:relative}:host .control{cursor:pointer;flex-grow:1;display:flex;align-items:var(--dropdown-control-align-items, center)}:host .list{position:absolute;background-color:white;border:1px solid var(--s-300);border-radius:5px;box-shadow:0px 5px 10px #0000001A;opacity:0;z-index:-15;pointer-events:none}:host .hide{display:none}:host .top{bottom:calc(100% + 2px)}:host .bottom{top:calc(100% + 2px)}:host .left{right:0}:host .right{left:0}:host(:focus){outline:none}:host(:focus-within) .list{opacity:1;z-index:15;pointer-events:initial}::slotted([slot=control]){--icon-color:var(--s-400)}";
|
|
5634
|
+
const sasDropdownCss = ":host{display:inline-flex}:host .container{display:inline-flex;position:relative}:host .control{cursor:pointer;flex-grow:1;display:flex;align-items:var(--dropdown-control-align-items, center)}:host .list{position:absolute;background-color:white;border:1px solid var(--s-300);border-radius:5px;box-shadow:0px 5px 10px #0000001A;opacity:0;z-index:-15;pointer-events:none}:host .hide{display:none}:host .top{bottom:calc(100% + 2px)}:host .bottom{top:calc(100% + 2px)}:host .left{right:0}:host .right{left:0}:host(:focus){outline:none}:host(:focus-within) .list{opacity:1;z-index:15;pointer-events:initial}:host([block]:not([block=false])) .container{width:100%}::slotted([slot=control]){--icon-color:var(--s-400)}";
|
|
5631
5635
|
|
|
5632
5636
|
const SasDropdown$1 = class extends HTMLElement {
|
|
5633
5637
|
constructor() {
|
|
5634
5638
|
super();
|
|
5635
5639
|
this.__registerHost();
|
|
5636
5640
|
attachShadow(this);
|
|
5641
|
+
/**
|
|
5642
|
+
* Display as block element
|
|
5643
|
+
*/
|
|
5644
|
+
this.block = false;
|
|
5637
5645
|
/**
|
|
5638
5646
|
* Close menu or not after click menu item
|
|
5639
5647
|
*/
|
|
@@ -13007,10 +13015,10 @@ const SasChip = /*@__PURE__*/proxyCustomElement(SasChip$1, [1,"sas-chip",{"type"
|
|
|
13007
13015
|
const SasContainer = /*@__PURE__*/proxyCustomElement(SasContainer$1, [1,"sas-container",{"gridTemplateColumns":[513,"grid-template-columns"],"gridTemplateRows":[513,"grid-template-rows"],"justifyItems":[513,"justify-items"],"alignItems":[513,"align-items"]}]);
|
|
13008
13016
|
const SasDateField = /*@__PURE__*/proxyCustomElement(SasDateField$1, [1,"sas-date-field",{"label":[513],"outside":[516],"required":[516],"name":[513],"value":[1537],"max":[513],"min":[513],"disabled":[516],"clear":[516],"icon":[513],"validity":[1040],"message":[1537],"localDate":[32]},[[0,"inputUpdate","inputUpdateHandler"]]]);
|
|
13009
13017
|
const SasDateRange = /*@__PURE__*/proxyCustomElement(SasDateRange$1, [1,"sas-date-range",{"label":[1537],"outside":[1540],"min":[1537],"max":[1537],"required":[516],"disabled":[516]}]);
|
|
13010
|
-
const SasDetails = /*@__PURE__*/proxyCustomElement(SasDetails$1, [1,"sas-details",{"icon":[513]}]);
|
|
13018
|
+
const SasDetails = /*@__PURE__*/proxyCustomElement(SasDetails$1, [1,"sas-details",{"open":[516],"icon":[513]}]);
|
|
13011
13019
|
const SasDialog = /*@__PURE__*/proxyCustomElement(SasDialog$1, [1,"sas-dialog"]);
|
|
13012
13020
|
const SasDivider = /*@__PURE__*/proxyCustomElement(SasDivider$1, [1,"sas-divider",{"type":[1]}]);
|
|
13013
|
-
const SasDropdown = /*@__PURE__*/proxyCustomElement(SasDropdown$1, [1,"sas-dropdown",{"clickClose":[516,"click-close"],"positionV":[1537,"position-v"],"positionH":[1537,"position-h"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]]);
|
|
13021
|
+
const SasDropdown = /*@__PURE__*/proxyCustomElement(SasDropdown$1, [1,"sas-dropdown",{"block":[516],"clickClose":[516,"click-close"],"positionV":[1537,"position-v"],"positionH":[1537,"position-h"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]]);
|
|
13014
13022
|
const SasFileUpload = /*@__PURE__*/proxyCustomElement(SasFileUpload$1, [1,"sas-file-upload",{"label":[32]}]);
|
|
13015
13023
|
const SasForm = /*@__PURE__*/proxyCustomElement(SasForm$1, [1,"sas-form",{"method":[513],"url":[513]}]);
|
|
13016
13024
|
const SasFormInputTemplate = /*@__PURE__*/proxyCustomElement(SasFormInputTemplate$1, [1,"sas-form-input-template",{"label":[513],"outside":[516],"required":[516],"placeholder":[1],"type":[1],"value":[1],"max":[513],"min":[513],"iconRight":[1,"icon-right"],"readonly":[4],"error":[516],"disabled":[516],"clear":[516],"show":[1540],"clickClose":[516,"click-close"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]]);
|
package/dist/esm/loader.js
CHANGED
|
@@ -12,7 +12,7 @@ const patchEsm = () => {
|
|
|
12
12
|
const defineCustomElements = (win, options) => {
|
|
13
13
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
14
14
|
return patchEsm().then(() => {
|
|
15
|
-
return bootstrapLazy([["sas-
|
|
15
|
+
return bootstrapLazy([["sas-autocomplete_18",[[1,"sas-multiselect",{"type":[513],"search":[516],"noMatchTip":[513,"no-match-tip"],"label":[513],"outside":[516],"required":[516],"disabled":[516],"clear":[516],"placeholder":[1537],"options":[1040],"name":[513],"values":[1040],"rawData":[1040],"min":[514],"max":[514],"maxChip":[514,"max-chip"],"selectAll":[4,"select-all"],"selectAllText":[1,"select-all-text"],"validity":[1040],"message":[1537],"value":[32],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"checkboxGroupUpdate","checkboxUpdateHandler"],[0,"chipUpdate","chipUpdateHandler"],[0,"inputClear","inputClearHandler"],[0,"inputContainerClick","inputContainerClickHandler"]]],[1,"sas-autocomplete",{"label":[513],"required":[516],"disabled":[516],"placeholder":[513],"options":[16],"value":[8],"text":[8],"update":[64]},[[0,"inputUpdate","inputUpdateHandler"],[0,"listUpdate","listUpdateHandler"]]],[1,"sas-select",{"label":[513],"outside":[516],"required":[516],"type":[513],"noMatchTip":[513,"no-match-tip"],"placeholder":[513],"disabled":[516],"clear":[516],"options":[16],"defaultValue":[520,"default-value"],"name":[513],"value":[1032],"rawData":[1032,"raw-data"],"text":[1032],"subtextPosition":[513,"subtext-position"],"validity":[1040],"message":[1537],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"listItemClicked","listItemClickedHandler"],[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"],[0,"inputUpdate","inputUpdateHandler"],[0,"inputClear","inputClearHandler"],[0,"inputFocus","inputFocusHandler"],[0,"inputBlur","inputBlurHandler"],[0,"inputContainerClick","inputContainerClickHandler"]]],[1,"sas-details",{"open":[516],"icon":[513]}],[1,"sas-container",{"gridTemplateColumns":[513,"grid-template-columns"],"gridTemplateRows":[513,"grid-template-rows"],"justifyItems":[513,"justify-items"],"alignItems":[513,"align-items"]}],[1,"sas-checkbox-group",{"name":[513],"values":[1040],"rawData":[1040],"max":[514],"options":[1040],"selectAll":[4,"select-all"],"selectAllText":[1,"select-all-text"],"update":[64]},[[0,"checkboxUpdate","checkboxUpdateHandler"]]],[1,"sas-chip",{"type":[513],"status":[513],"outlined":[516],"close":[516],"inside":[516],"text":[513],"uppercase":[516],"bold":[516]}],[1,"sas-checkbox",{"name":[513],"value":[8],"text":[1537],"index":[514],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"icon":[513],"error":[1540],"required":[516],"validity":[1040],"message":[1537],"exclusive":[1540],"updateErrorStatus":[64],"resetErrorStatus":[64]}],[1,"sas-checkbox-subgroup",{"value":[8],"text":[513],"checked":[1540],"disabled":[516],"icon":[1025],"status":[1025]},[[0,"checkboxUpdate","checkboxUpdateHandler"]]],[1,"sas-list",{"toggle":[516],"compact":[516],"border":[516],"subtextPosition":[513,"subtext-position"],"value":[1544],"rawData":[1032,"raw-data"],"text":[1544],"defaultValue":[520,"default-value"],"options":[16],"update":[64]},[[0,"listItemClicked","listItemClickedHandler"],[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-sublist",{"icon":[513],"value":[8],"text":[513],"subtext":[513],"iconRight":[513,"icon-right"],"toggle":[516],"compact":[516],"hideSub":[1540,"hide-sub"],"selected":[1540]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-button",{"type":[513],"size":[513],"text":[513],"iconLeft":[513,"icon-left"],"icon":[513],"iconPosition":[513,"icon-position"],"iconRight":[513,"icon-right"],"block":[516],"loading":[516],"disabled":[516],"href":[513],"target":[513],"tabindexNumber":[32]}],[1,"sas-list-item",{"icon":[513],"value":[8],"text":[513],"subtext":[513],"subtextPosition":[513,"subtext-position"],"iconRight":[513,"icon-right"],"selected":[516],"disabled":[516],"index":[514],"href":[513],"target":[513]}],[1,"sas-form-input-template",{"label":[513],"outside":[516],"required":[516],"placeholder":[1],"type":[1],"value":[1],"max":[513],"min":[513],"iconRight":[1,"icon-right"],"readonly":[4],"error":[516],"disabled":[516],"clear":[516],"show":[1540],"clickClose":[516,"click-close"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-input",{"type":[1537],"placeholder":[1537],"name":[1537],"value":[1537],"label":[1537],"outside":[1540],"required":[1540],"maxlength":[1538],"minlength":[1538],"max":[1537],"min":[1537],"iconLeft":[1537,"icon-left"],"iconRight":[1537,"icon-right"],"clear":[1540],"readonly":[1540],"disabled":[1540],"validity":[1032],"error":[1540],"message":[1537],"country":[1537],"placeholderNumberType":[513,"placeholder-number-type"],"isValidNumber":[1540,"is-valid-number"],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64],"setCustomValidity":[64]},[[0,"inputTelUpdate","inputTelUpdateHandler"],[0,"inputTextareaUpdate","inputTextareaUpdateHandler"]]],[1,"sas-input-tel",{"getValidity":[64],"setCountry":[64],"setPlaceholder":[64],"update":[64]}],[1,"sas-input-textarea",{"placeholder":[1537],"maxlength":[1538],"minlength":[1538],"value":[1537]}],[1,"sas-icon",{"type":[513],"size":[513],"status":[513],"icon":[513],"index":[2]}]]],["sas-date-range",[[1,"sas-date-range",{"label":[1537],"outside":[1540],"min":[1537],"max":[1537],"required":[516],"disabled":[516]}]]],["sas-time-field",[[1,"sas-time-field",{"label":[513],"outside":[516],"required":[516],"name":[513],"value":[1537],"max":[513],"min":[513],"disabled":[516],"clear":[516],"validity":[1040],"message":[1537],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"],[0,"inputContainerClick","inputContainerClickHandler"],[0,"listItemClicked","listItemClickedHandler"]]]]],["sas-menu-bar",[[1,"sas-menu-bar",{"sticky":[516]},[[9,"resize","handleResize"],[0,"selectUpdateEventUsedInternal","selectUpdateEventUsedInternalHandler"],[0,"multiselectUpdateEventUsedInternal","multiselectUpdateEventUsedInternalHandler"],[0,"dateFieldUpdateEventUsedInternal","dateFieldUpdateEventUsedInternalHandler"]]]]],["sas-user-card",[[1,"sas-user-card",{"name":[513],"position":[513],"status":[1537],"badge":[516],"attachment":[516],"src":[513]},[[0,"switchUpdate","switchUpdateHandler"]]]]],["sas-navigation-top",[[1,"sas-navigation-top",{"name":[513],"user":[513],"src":[513]}]]],["sas-stepper",[[1,"sas-stepper",{"type":[513],"total":[514],"current":[1538],"names":[16]},[[0,"buttonclicked","buttonclickedHandler"]]]]],["sas-card",[[1,"sas-card",{"src":[513],"scale":[513],"repair":[516],"attachment":[516],"disabled":[516],"cardTitle":[513,"card-title"]}]]],["sas-pagination",[[1,"sas-pagination",{"totalPage":[514,"total-page"],"totalIndex":[514,"total-index"],"currentPage":[1538,"current-page"]}]]],["sas-radio-group",[[1,"sas-radio-group",{"name":[513],"value":[1032],"defaultValue":[520,"default-value"],"text":[1544],"rawData":[1032,"raw-data"],"options":[16],"update":[64]},[[0,"radioupdate","radioUpdateHandler"]]]]],["sas-upload",[[1,"sas-upload",{"compact":[516],"inputOutside":[516,"input-outside"],"type":[513],"label":[1537],"name":[513],"max":[514],"size":[514],"accept":[513],"files":[1040],"removedFiles":[1040],"method":[513],"url":[513],"required":[516],"disabled":[516],"error":[1540],"validity":[1040],"message":[1537],"validate":[64],"submit":[64],"updateErrorStatus":[64],"resetErrorStatus":[64],"getFormData":[64],"checkFileUpdate":[64]}]]],["sas-alert",[[1,"sas-alert",{"type":[513],"show":[1540],"close":[516],"alertTitle":[1,"alert-title"],"content":[1]}]]],["sas-file-upload",[[1,"sas-file-upload",{"label":[32]}]]],["sas-navigation",[[1,"sas-navigation",{"name":[513]}]]],["sas-tooltip",[[1,"sas-tooltip",{"trigger":[513],"text":[513],"position":[32]}]]],["sas-avatar-group",[[1,"sas-avatar-group"]]],["sas-breadcrumb",[[1,"sas-breadcrumb",{"items":[16],"showAll":[32]}]]],["sas-button-group",[[1,"sas-button-group",{"values":[1040],"multiple":[516]},[[0,"buttonclicked","buttonclickedHandler"]]]]],["sas-dialog",[[1,"sas-dialog"]]],["sas-form",[[1,"sas-form",{"method":[513],"url":[513],"reset":[64],"validate":[64],"submit":[64]}]]],["sas-progress-bar",[[1,"sas-progress-bar",{"progress":[514]}]]],["sas-tab",[[1,"sas-tab",null,[[0,"tabItemClicked","tabItemClickedHandler"]]]]],["sas-tab-item",[[1,"sas-tab-item",{"value":[513],"text":[513]}]]],["sas-table",[[1,"sas-table",{"headers":[16],"items":[16],"sortedItems":[32]}]]],["sas-date-field",[[1,"sas-date-field",{"label":[513],"outside":[516],"required":[516],"name":[513],"value":[1537],"max":[513],"min":[513],"disabled":[516],"clear":[516],"icon":[513],"validity":[1040],"message":[1537],"localDate":[32],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"]]]]],["sas-radio",[[1,"sas-radio",{"name":[513],"value":[1032],"text":[513],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"tabindexNumber":[32],"updateErrorStatus":[64],"resetErrorStatus":[64]}]]],["sas-badge",[[1,"sas-badge",{"type":[513],"status":[513],"number":[514],"inline":[516]}]]],["sas-chat-bubble",[[1,"sas-chat-bubble",{"position":[513]}]]],["sas-divider",[[1,"sas-divider",{"type":[1]}]]],["sas-image",[[1,"sas-image",{"imageObject":[8,"image-object"],"src":[1]}]]],["sas-switch",[[1,"sas-switch",{"name":[513],"checked":[1540],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"updateErrorStatus":[64],"resetErrorStatus":[64]}]]],["sas-avatar",[[1,"sas-avatar",{"type":[513],"name":[513],"src":[513],"disabled":[516],"group":[516]}]]],["sas-dropdown",[[1,"sas-dropdown",{"block":[516],"clickClose":[516,"click-close"],"positionV":[1537,"position-v"],"positionH":[1537,"position-h"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]]]]], options);
|
|
16
16
|
});
|
|
17
17
|
};
|
|
18
18
|
|
|
@@ -1117,6 +1117,28 @@ const SasContainer = class {
|
|
|
1117
1117
|
};
|
|
1118
1118
|
SasContainer.style = sasContainerCss;
|
|
1119
1119
|
|
|
1120
|
+
const sasDetailsCss = ":host{display:block}:host summary{display:flex;cursor:pointer}:host .title{flex-grow:1}:host sas-icon{transition:0.25s transform ease}:host details[open] sas-icon{transform:rotate(180deg)}:host details>summary{list-style:none}:host details summary::-webkit-details-marker{display:none}:host details[open] ::slotted([slot=summary]){padding-bottom:15px}";
|
|
1121
|
+
|
|
1122
|
+
const SasDetails = class {
|
|
1123
|
+
constructor(hostRef) {
|
|
1124
|
+
registerInstance(this, hostRef);
|
|
1125
|
+
/**
|
|
1126
|
+
* Open
|
|
1127
|
+
*/
|
|
1128
|
+
this.open = false;
|
|
1129
|
+
/**
|
|
1130
|
+
* icon
|
|
1131
|
+
*/
|
|
1132
|
+
this.icon = 'fas fa-chevron-down';
|
|
1133
|
+
}
|
|
1134
|
+
render() {
|
|
1135
|
+
return (h(Host, null, h("details", { open: this.open }, h("summary", null, h("span", { class: "title" }, h("slot", { name: "summary" })), this.icon
|
|
1136
|
+
? h("sas-icon", { icon: this.icon })
|
|
1137
|
+
: null), h("slot", { name: "content" }))));
|
|
1138
|
+
}
|
|
1139
|
+
};
|
|
1140
|
+
SasDetails.style = sasDetailsCss;
|
|
1141
|
+
|
|
1120
1142
|
const sasFormInputTemplateCss = ":host{display:block;position:relative;height:100%}:host .hide{display:none}:host .container{box-shadow:0px 5px 10px #0000001A;border:1px solid #D0D9DE;border-radius:5px;overflow-y:auto;position:absolute;min-width:var(--form-input-template-container-min-width, 100%);max-width:var(--form-input-template-container-max-width, none);background-color:white;opacity:0;z-index:-15;pointer-events:none}:host .top{transform:translateY(-100%);top:0}:host(:focus){outline:none}:host(:focus-within)>.container{opacity:1;z-index:15;pointer-events:initial}:host(:not([label=\"\"])) .top{transform:translateY(-100%);top:0}:host(:not([label=\"\"])[outside]:not([outside=false])) .top{transform:translateY(calc(-100% + 30px));top:0}:host:after{content:attr(data-message);position:absolute;top:calc(100% + 5px);right:10px;color:var(--li-2);font-size:12px;text-align:right}";
|
|
1121
1143
|
|
|
1122
1144
|
const SasFormInputTemplate = class {
|
|
@@ -4900,4 +4922,4 @@ const SasSublist = class {
|
|
|
4900
4922
|
};
|
|
4901
4923
|
SasSublist.style = sasSublistCss;
|
|
4902
4924
|
|
|
4903
|
-
export { SasAutocomplete as sas_autocomplete, SasButton as sas_button, SasCheckbox as sas_checkbox, SasCheckboxGroup as sas_checkbox_group, SasCheckboxSubgroup as sas_checkbox_subgroup, SasChip as sas_chip, SasContainer as sas_container, SasFormInputTemplate as sas_form_input_template, SasIcon as sas_icon, SasInput as sas_input, SasInputTel as sas_input_tel, SasInputTextarea as sas_input_textarea, SasList as sas_list, SasListItem as sas_list_item, SasMultiselect as sas_multiselect, SasSelect as sas_select, SasSublist as sas_sublist };
|
|
4925
|
+
export { SasAutocomplete as sas_autocomplete, SasButton as sas_button, SasCheckbox as sas_checkbox, SasCheckboxGroup as sas_checkbox_group, SasCheckboxSubgroup as sas_checkbox_subgroup, SasChip as sas_chip, SasContainer as sas_container, SasDetails as sas_details, SasFormInputTemplate as sas_form_input_template, SasIcon as sas_icon, SasInput as sas_input, SasInputTel as sas_input_tel, SasInputTextarea as sas_input_textarea, SasList as sas_list, SasListItem as sas_list_item, SasMultiselect as sas_multiselect, SasSelect as sas_select, SasSublist as sas_sublist };
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-c85af01a.js';
|
|
2
2
|
|
|
3
|
-
const sasDropdownCss = ":host{display:inline-flex}:host .container{display:inline-flex;position:relative}:host .control{cursor:pointer;flex-grow:1;display:flex;align-items:var(--dropdown-control-align-items, center)}:host .list{position:absolute;background-color:white;border:1px solid var(--s-300);border-radius:5px;box-shadow:0px 5px 10px #0000001A;opacity:0;z-index:-15;pointer-events:none}:host .hide{display:none}:host .top{bottom:calc(100% + 2px)}:host .bottom{top:calc(100% + 2px)}:host .left{right:0}:host .right{left:0}:host(:focus){outline:none}:host(:focus-within) .list{opacity:1;z-index:15;pointer-events:initial}::slotted([slot=control]){--icon-color:var(--s-400)}";
|
|
3
|
+
const sasDropdownCss = ":host{display:inline-flex}:host .container{display:inline-flex;position:relative}:host .control{cursor:pointer;flex-grow:1;display:flex;align-items:var(--dropdown-control-align-items, center)}:host .list{position:absolute;background-color:white;border:1px solid var(--s-300);border-radius:5px;box-shadow:0px 5px 10px #0000001A;opacity:0;z-index:-15;pointer-events:none}:host .hide{display:none}:host .top{bottom:calc(100% + 2px)}:host .bottom{top:calc(100% + 2px)}:host .left{right:0}:host .right{left:0}:host(:focus){outline:none}:host(:focus-within) .list{opacity:1;z-index:15;pointer-events:initial}:host([block]:not([block=false])) .container{width:100%}::slotted([slot=control]){--icon-color:var(--s-400)}";
|
|
4
4
|
|
|
5
5
|
const SasDropdown = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
+
/**
|
|
9
|
+
* Display as block element
|
|
10
|
+
*/
|
|
11
|
+
this.block = false;
|
|
8
12
|
/**
|
|
9
13
|
* Close menu or not after click menu item
|
|
10
14
|
*/
|
package/dist/esm/sas-ui.js
CHANGED
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
|
-
return bootstrapLazy([["sas-
|
|
18
|
+
return bootstrapLazy([["sas-autocomplete_18",[[1,"sas-multiselect",{"type":[513],"search":[516],"noMatchTip":[513,"no-match-tip"],"label":[513],"outside":[516],"required":[516],"disabled":[516],"clear":[516],"placeholder":[1537],"options":[1040],"name":[513],"values":[1040],"rawData":[1040],"min":[514],"max":[514],"maxChip":[514,"max-chip"],"selectAll":[4,"select-all"],"selectAllText":[1,"select-all-text"],"validity":[1040],"message":[1537],"value":[32],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"checkboxGroupUpdate","checkboxUpdateHandler"],[0,"chipUpdate","chipUpdateHandler"],[0,"inputClear","inputClearHandler"],[0,"inputContainerClick","inputContainerClickHandler"]]],[1,"sas-autocomplete",{"label":[513],"required":[516],"disabled":[516],"placeholder":[513],"options":[16],"value":[8],"text":[8],"update":[64]},[[0,"inputUpdate","inputUpdateHandler"],[0,"listUpdate","listUpdateHandler"]]],[1,"sas-select",{"label":[513],"outside":[516],"required":[516],"type":[513],"noMatchTip":[513,"no-match-tip"],"placeholder":[513],"disabled":[516],"clear":[516],"options":[16],"defaultValue":[520,"default-value"],"name":[513],"value":[1032],"rawData":[1032,"raw-data"],"text":[1032],"subtextPosition":[513,"subtext-position"],"validity":[1040],"message":[1537],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"listItemClicked","listItemClickedHandler"],[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"],[0,"inputUpdate","inputUpdateHandler"],[0,"inputClear","inputClearHandler"],[0,"inputFocus","inputFocusHandler"],[0,"inputBlur","inputBlurHandler"],[0,"inputContainerClick","inputContainerClickHandler"]]],[1,"sas-details",{"open":[516],"icon":[513]}],[1,"sas-container",{"gridTemplateColumns":[513,"grid-template-columns"],"gridTemplateRows":[513,"grid-template-rows"],"justifyItems":[513,"justify-items"],"alignItems":[513,"align-items"]}],[1,"sas-checkbox-group",{"name":[513],"values":[1040],"rawData":[1040],"max":[514],"options":[1040],"selectAll":[4,"select-all"],"selectAllText":[1,"select-all-text"],"update":[64]},[[0,"checkboxUpdate","checkboxUpdateHandler"]]],[1,"sas-chip",{"type":[513],"status":[513],"outlined":[516],"close":[516],"inside":[516],"text":[513],"uppercase":[516],"bold":[516]}],[1,"sas-checkbox",{"name":[513],"value":[8],"text":[1537],"index":[514],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"icon":[513],"error":[1540],"required":[516],"validity":[1040],"message":[1537],"exclusive":[1540],"updateErrorStatus":[64],"resetErrorStatus":[64]}],[1,"sas-checkbox-subgroup",{"value":[8],"text":[513],"checked":[1540],"disabled":[516],"icon":[1025],"status":[1025]},[[0,"checkboxUpdate","checkboxUpdateHandler"]]],[1,"sas-list",{"toggle":[516],"compact":[516],"border":[516],"subtextPosition":[513,"subtext-position"],"value":[1544],"rawData":[1032,"raw-data"],"text":[1544],"defaultValue":[520,"default-value"],"options":[16],"update":[64]},[[0,"listItemClicked","listItemClickedHandler"],[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-sublist",{"icon":[513],"value":[8],"text":[513],"subtext":[513],"iconRight":[513,"icon-right"],"toggle":[516],"compact":[516],"hideSub":[1540,"hide-sub"],"selected":[1540]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-button",{"type":[513],"size":[513],"text":[513],"iconLeft":[513,"icon-left"],"icon":[513],"iconPosition":[513,"icon-position"],"iconRight":[513,"icon-right"],"block":[516],"loading":[516],"disabled":[516],"href":[513],"target":[513],"tabindexNumber":[32]}],[1,"sas-list-item",{"icon":[513],"value":[8],"text":[513],"subtext":[513],"subtextPosition":[513,"subtext-position"],"iconRight":[513,"icon-right"],"selected":[516],"disabled":[516],"index":[514],"href":[513],"target":[513]}],[1,"sas-form-input-template",{"label":[513],"outside":[516],"required":[516],"placeholder":[1],"type":[1],"value":[1],"max":[513],"min":[513],"iconRight":[1,"icon-right"],"readonly":[4],"error":[516],"disabled":[516],"clear":[516],"show":[1540],"clickClose":[516,"click-close"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-input",{"type":[1537],"placeholder":[1537],"name":[1537],"value":[1537],"label":[1537],"outside":[1540],"required":[1540],"maxlength":[1538],"minlength":[1538],"max":[1537],"min":[1537],"iconLeft":[1537,"icon-left"],"iconRight":[1537,"icon-right"],"clear":[1540],"readonly":[1540],"disabled":[1540],"validity":[1032],"error":[1540],"message":[1537],"country":[1537],"placeholderNumberType":[513,"placeholder-number-type"],"isValidNumber":[1540,"is-valid-number"],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64],"setCustomValidity":[64]},[[0,"inputTelUpdate","inputTelUpdateHandler"],[0,"inputTextareaUpdate","inputTextareaUpdateHandler"]]],[1,"sas-input-tel",{"getValidity":[64],"setCountry":[64],"setPlaceholder":[64],"update":[64]}],[1,"sas-input-textarea",{"placeholder":[1537],"maxlength":[1538],"minlength":[1538],"value":[1537]}],[1,"sas-icon",{"type":[513],"size":[513],"status":[513],"icon":[513],"index":[2]}]]],["sas-date-range",[[1,"sas-date-range",{"label":[1537],"outside":[1540],"min":[1537],"max":[1537],"required":[516],"disabled":[516]}]]],["sas-time-field",[[1,"sas-time-field",{"label":[513],"outside":[516],"required":[516],"name":[513],"value":[1537],"max":[513],"min":[513],"disabled":[516],"clear":[516],"validity":[1040],"message":[1537],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"],[0,"inputContainerClick","inputContainerClickHandler"],[0,"listItemClicked","listItemClickedHandler"]]]]],["sas-menu-bar",[[1,"sas-menu-bar",{"sticky":[516]},[[9,"resize","handleResize"],[0,"selectUpdateEventUsedInternal","selectUpdateEventUsedInternalHandler"],[0,"multiselectUpdateEventUsedInternal","multiselectUpdateEventUsedInternalHandler"],[0,"dateFieldUpdateEventUsedInternal","dateFieldUpdateEventUsedInternalHandler"]]]]],["sas-user-card",[[1,"sas-user-card",{"name":[513],"position":[513],"status":[1537],"badge":[516],"attachment":[516],"src":[513]},[[0,"switchUpdate","switchUpdateHandler"]]]]],["sas-navigation-top",[[1,"sas-navigation-top",{"name":[513],"user":[513],"src":[513]}]]],["sas-stepper",[[1,"sas-stepper",{"type":[513],"total":[514],"current":[1538],"names":[16]},[[0,"buttonclicked","buttonclickedHandler"]]]]],["sas-card",[[1,"sas-card",{"src":[513],"scale":[513],"repair":[516],"attachment":[516],"disabled":[516],"cardTitle":[513,"card-title"]}]]],["sas-pagination",[[1,"sas-pagination",{"totalPage":[514,"total-page"],"totalIndex":[514,"total-index"],"currentPage":[1538,"current-page"]}]]],["sas-radio-group",[[1,"sas-radio-group",{"name":[513],"value":[1032],"defaultValue":[520,"default-value"],"text":[1544],"rawData":[1032,"raw-data"],"options":[16],"update":[64]},[[0,"radioupdate","radioUpdateHandler"]]]]],["sas-upload",[[1,"sas-upload",{"compact":[516],"inputOutside":[516,"input-outside"],"type":[513],"label":[1537],"name":[513],"max":[514],"size":[514],"accept":[513],"files":[1040],"removedFiles":[1040],"method":[513],"url":[513],"required":[516],"disabled":[516],"error":[1540],"validity":[1040],"message":[1537],"validate":[64],"submit":[64],"updateErrorStatus":[64],"resetErrorStatus":[64],"getFormData":[64],"checkFileUpdate":[64]}]]],["sas-alert",[[1,"sas-alert",{"type":[513],"show":[1540],"close":[516],"alertTitle":[1,"alert-title"],"content":[1]}]]],["sas-file-upload",[[1,"sas-file-upload",{"label":[32]}]]],["sas-navigation",[[1,"sas-navigation",{"name":[513]}]]],["sas-tooltip",[[1,"sas-tooltip",{"trigger":[513],"text":[513],"position":[32]}]]],["sas-avatar-group",[[1,"sas-avatar-group"]]],["sas-breadcrumb",[[1,"sas-breadcrumb",{"items":[16],"showAll":[32]}]]],["sas-button-group",[[1,"sas-button-group",{"values":[1040],"multiple":[516]},[[0,"buttonclicked","buttonclickedHandler"]]]]],["sas-dialog",[[1,"sas-dialog"]]],["sas-form",[[1,"sas-form",{"method":[513],"url":[513],"reset":[64],"validate":[64],"submit":[64]}]]],["sas-progress-bar",[[1,"sas-progress-bar",{"progress":[514]}]]],["sas-tab",[[1,"sas-tab",null,[[0,"tabItemClicked","tabItemClickedHandler"]]]]],["sas-tab-item",[[1,"sas-tab-item",{"value":[513],"text":[513]}]]],["sas-table",[[1,"sas-table",{"headers":[16],"items":[16],"sortedItems":[32]}]]],["sas-date-field",[[1,"sas-date-field",{"label":[513],"outside":[516],"required":[516],"name":[513],"value":[1537],"max":[513],"min":[513],"disabled":[516],"clear":[516],"icon":[513],"validity":[1040],"message":[1537],"localDate":[32],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"]]]]],["sas-radio",[[1,"sas-radio",{"name":[513],"value":[1032],"text":[513],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"tabindexNumber":[32],"updateErrorStatus":[64],"resetErrorStatus":[64]}]]],["sas-badge",[[1,"sas-badge",{"type":[513],"status":[513],"number":[514],"inline":[516]}]]],["sas-chat-bubble",[[1,"sas-chat-bubble",{"position":[513]}]]],["sas-divider",[[1,"sas-divider",{"type":[1]}]]],["sas-image",[[1,"sas-image",{"imageObject":[8,"image-object"],"src":[1]}]]],["sas-switch",[[1,"sas-switch",{"name":[513],"checked":[1540],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"updateErrorStatus":[64],"resetErrorStatus":[64]}]]],["sas-avatar",[[1,"sas-avatar",{"type":[513],"name":[513],"src":[513],"disabled":[516],"group":[516]}]]],["sas-dropdown",[[1,"sas-dropdown",{"block":[516],"clickClose":[516,"click-close"],"positionV":[1537,"position-v"],"positionH":[1537,"position-h"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]]]]], options);
|
|
19
19
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as i,g as s}from"./p-01e4851e.js";const e=class{constructor(o){t(this,o),this.block=!1,this.clickClose=!0,this.positionV="bottom",this.positionH="right"}componentDidRender(){this.fixPosition()}listItemClickEventUsedInternalHandler(){this.hideList()}fixPosition(){const t=this.el.shadowRoot.querySelector(".list").getBoundingClientRect();t.top<0&&(this.positionV="bottom"),t.left<0&&(this.positionH="right")}toggleList(){const t=this.el.shadowRoot.querySelector(".list"),o=window.getComputedStyle(t);"block"===o.display&&"0"===o.opacity||t.classList.toggle("hide"),this.updatePosition()}updatePosition(){const t=this.el.shadowRoot.querySelector(".list").getBoundingClientRect();t.top<0?this.positionV="bottom":t.bottom>document.documentElement.clientHeight&&(this.positionV="top"),t.left<0?this.positionH="right":t.right>document.documentElement.clientWidth&&(this.positionH="left")}hideList(){this.el.shadowRoot.querySelector(".list").classList.add("hide")}clickEvent(t){t.stopPropagation()}render(){return o(i,{tabindex:0},o("div",{class:"container"},o("div",{class:"control",onMouseDown:()=>this.toggleList()},o("slot",{name:"control"})),o("div",{class:`list hide ${this.positionH} ${this.positionV}`,tabindex:0,onClick:t=>this.clickEvent(t)},o("slot",{name:"menu"}))))}get el(){return s(this)}};e.style=":host{display:inline-flex}:host .container{display:inline-flex;position:relative}:host .control{cursor:pointer;flex-grow:1;display:flex;align-items:var(--dropdown-control-align-items, center)}:host .list{position:absolute;background-color:white;border:1px solid var(--s-300);border-radius:5px;box-shadow:0px 5px 10px #0000001A;opacity:0;z-index:-15;pointer-events:none}:host .hide{display:none}:host .top{bottom:calc(100% + 2px)}:host .bottom{top:calc(100% + 2px)}:host .left{right:0}:host .right{left:0}:host(:focus){outline:none}:host(:focus-within) .list{opacity:1;z-index:15;pointer-events:initial}:host([block]:not([block=false])) .container{width:100%}::slotted([slot=control]){--icon-color:var(--s-400)}";export{e as sas_dropdown}
|