wcs-core 2.11.0 → 2.12.0
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/{popper-5777994b.js → popper-8cf375ec.js} +130 -71
- package/dist/cjs/wcs-com-nav-category.cjs.entry.js +1 -1
- package/dist/cjs/wcs-com-nav-submenu.cjs.entry.js +2 -2
- package/dist/cjs/wcs-com-nav.cjs.entry.js +24 -2
- package/dist/cjs/wcs-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/wcs-galactic-menu.cjs.entry.js +1 -1
- package/dist/cjs/wcs-select_2.cjs.entry.js +2790 -2577
- package/dist/cjs/wcs-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/wcs.cjs.js +1 -1
- package/dist/collection/components/com-nav/com-nav.css +68 -10
- package/dist/collection/components/com-nav/com-nav.js +34 -5
- package/dist/collection/components/com-nav-category/com-nav-category.css +70 -45
- package/dist/collection/components/com-nav-submenu/com-nav-submenu.css +123 -72
- package/dist/collection/components/com-nav-submenu/com-nav-submenu.js +1 -1
- package/dist/collection/components/input/input.js +1 -1
- package/dist/collection/components/select/select.js +2 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{popper-5f42e560.js → popper-548df79b.js} +130 -71
- package/dist/esm/wcs-com-nav-category.entry.js +1 -1
- package/dist/esm/wcs-com-nav-submenu.entry.js +2 -2
- package/dist/esm/wcs-com-nav.entry.js +25 -3
- package/dist/esm/wcs-dropdown.entry.js +1 -1
- package/dist/esm/wcs-galactic-menu.entry.js +1 -1
- package/dist/esm/wcs-select_2.entry.js +2790 -2577
- package/dist/esm/wcs-tooltip.entry.js +1 -1
- package/dist/esm/wcs.js +1 -1
- package/dist/types/components/com-nav/com-nav.d.ts +7 -0
- package/dist/types/components/input/input-interface.d.ts +1 -1
- package/dist/wcs/p-055c20de.entry.js +1 -0
- package/dist/wcs/p-0bb5f03a.entry.js +1 -0
- package/dist/wcs/p-19e6600c.entry.js +15 -0
- package/dist/wcs/p-4f15e5f6.entry.js +1 -0
- package/dist/wcs/{p-3d1924c8.entry.js → p-600d4d99.entry.js} +1 -1
- package/dist/wcs/{p-4e9e226d.entry.js → p-b69840d6.entry.js} +1 -1
- package/dist/wcs/p-e4fdcd1f.js +1 -0
- package/dist/wcs/{p-0c397250.entry.js → p-f43213f5.entry.js} +1 -1
- package/dist/wcs/wcs.esm.js +1 -1
- package/package.json +9 -4
- package/CHANGELOG.md +0 -307
- package/dist/wcs/p-1f5aed36.entry.js +0 -1
- package/dist/wcs/p-8864a491.entry.js +0 -1
- package/dist/wcs/p-c7d6d3e1.entry.js +0 -15
- package/dist/wcs/p-d3c9a644.js +0 -1
- package/dist/wcs/p-db68379f.entry.js +0 -1
package/dist/cjs/wcs.cjs.js
CHANGED
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
|
-
return index.bootstrapLazy([["wcs-editable-field.cjs",[[1,"wcs-editable-field",{"type":[1],"label":[1],"readonly":[4],"value":[1032],"validateFn":[16],"formatFn":[16],"errorMsg":[1,"error-msg"],"currentState":[32],"isError":[32]},[[8,"click","onWindowClickEvent"]]]]],["wcs-grid.cjs",[[1,"wcs-grid",{"serverMode":[4,"server-mode"],"data":[16],"loading":[4],"selectionConfig":[1,"selection-config"],"selectedItems":[8,"selected-items"],"wcsGridPaginationId":[1,"wcs-grid-pagination-id"],"rowIdPath":[1,"row-id-path"],"columns":[32],"paginationEl":[32],"rows":[32]},[[0,"wcsHiddenChange","onHiddenColumnChange"],[0,"wcsSortChange","sortChangeEventHandler"],[0,"wcsGridPaginationChange","paginationChangeEventHandler"],[8,"wcsGridPaginationChange","paginationChangeEventHandlerOutside"]]]]],["wcs-grid-pagination.cjs",[[1,"wcs-grid-pagination",{"availablePageSizes":[16],"currentPage":[2,"current-page"],"pageSize":[2,"page-size"],"itemsCount":[2,"items-count"],"pageCount":[2,"page-count"]}]]],["wcs-horizontal-stepper.cjs",[[1,"wcs-horizontal-stepper",{"currentStep":[1026,"current-step"],"steps":[16],"mode":[1],"checkOnComplete":[4,"check-on-complete"],"buttonMode":[32],"internalCurrentStep":[32],"previous":[64],"next":[64]}]]],["wcs-modal.cjs",[[4,"wcs-modal",{"withoutBackdrop":[516,"without-backdrop"],"show":[516],"showCloseButton":[516,"show-close-button"],"size":[1],"hideActions":[516,"hide-actions"]},[[4,"keydown","onKeyDown"]]]]],["wcs-dropdown.cjs",[[1,"wcs-dropdown",{"noArrow":[4,"no-arrow"],"mode":[1],"shape":[1],"disabled":[4],"placement":[1],"expanded":[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"]]]]],["wcs-galactic-menu.cjs",[[1,"wcs-galactic-menu",{"text":[1],"showPopoverMenu":[32]},[[8,"click","onWindowClickEvent"]]]]],["wcs-input.cjs",[[1,"wcs-input",{"fireFocusEvents":[4,"fire-focus-events"],"accept":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"prefixLabel":[1,"prefix-label"],"suffixLabel":[1,"suffix-label"],"disabled":[4],"enterkeyhint":[1],"icon":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"state":[513],"step":[1],"size":[2],"type":[1],"value":[1032],"hasFocus":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64]}]]],["wcs-textarea.cjs",[[1,"wcs-textarea",{"fireFocusEvents":[4,"fire-focus-events"],"autocapitalize":[1],"autofocus":[4],"clearOnEdit":[1028,"clear-on-edit"],"debounce":[2],"disabled":[4],"icon":[1],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"state":[513],"cols":[2],"rows":[2],"wrap":[1],"autoGrow":[4,"auto-grow"],"value":[1025],"hasFocus":[32],"fitContent":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]}]]],["wcs-accordion.cjs",[[1,"wcs-accordion",null,[[0,"wcsOpenChange","wcsOpenChangeHandler"]]]]],["wcs-accordion-content.cjs",[[1,"wcs-accordion-content"]]],["wcs-accordion-header.cjs",[[1,"wcs-accordion-header"]]],["wcs-accordion-panel.cjs",[[1,"wcs-accordion-panel",{"open":[1540],"close":[64]}]]],["wcs-action-bar.cjs",[[1,"wcs-action-bar",{"gutter":[4],"hasTabs":[32]}]]],["wcs-app.cjs",[[1,"wcs-app"]]],["wcs-badge.cjs",[[1,"wcs-badge",{"shape":[1],"color":[1]}]]],["wcs-card.cjs",[[1,"wcs-card",{"mode":[1537]}]]],["wcs-card-body.cjs",[[1,"wcs-card-body"]]],["wcs-com-nav.cjs",[[1,"wcs-com-nav",{"appName":[1,"app-name"]}]]],["wcs-com-nav-category.cjs",[[1,"wcs-com-nav-category",{"label":[1],"categoryOpen":[32],"close":[64],"open":[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]]]],["wcs-com-nav-submenu.cjs",[[1,"wcs-com-nav-submenu",{"label":[1],"panelTitle":[1,"panel-title"],"panelDescription":[1,"panel-description"],"menuOpen":[32],"close":[64],"open":[64]},[[8,"click","onWindowClickEvent"],[8,"wcsSubmenuOpened","onSubmenuOpened"],[0,"wcsCategoryItemClicked","wcsCategoryItemClickedHandler"]]]]],["wcs-divider.cjs",[[1,"wcs-divider"]]],["wcs-dropdown-divider.cjs",[[1,"wcs-dropdown-divider"]]],["wcs-dropdown-header.cjs",[[1,"wcs-dropdown-header"]]],["wcs-dropdown-item.cjs",[[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"]]]]],["wcs-field.cjs",[[1,"wcs-field"]]],["wcs-field-content.cjs",[[1,"wcs-field-content"]]],["wcs-field-label.cjs",[[1,"wcs-field-label"]]],["wcs-footer.cjs",[[1,"wcs-footer"]]],["wcs-galactic.cjs",[[1,"wcs-galactic",{"text":[1],"show":[32]}]]],["wcs-grid-column.cjs",[[1,"wcs-grid-column",{"path":[1],"name":[1],"sort":[4],"sortFn":[16],"formatter":[16],"sortOrder":[1025,"sort-order"],"width":[1],"customCells":[4,"custom-cells"],"hidden":[4]}]]],["wcs-grid-custom-cell.cjs",[[1,"wcs-grid-custom-cell",{"columnId":[1,"column-id"],"rowId":[8,"row-id"]}]]],["wcs-header.cjs",[[1,"wcs-header"]]],["wcs-hint.cjs",[[1,"wcs-hint",{"small":[1540]}]]],["wcs-icon.cjs",[[0,"wcs-icon",{"icon":[1],"size":[1]}]]],["wcs-label.cjs",[[1,"wcs-label",{"required":[516]}]]],["wcs-list-item.cjs",[[1,"wcs-list-item",{"activated":[1028]}]]],["wcs-list-item-properties.cjs",[[1,"wcs-list-item-properties"]]],["wcs-list-item-property.cjs",[[1,"wcs-list-item-property"]]],["wcs-nav.cjs",[[1,"wcs-nav"]]],["wcs-nav-item.cjs",[[4,"wcs-nav-item",{"text":[513],"href":[513]}]]],["wcs-progress-radial.cjs",[[1,"wcs-progress-radial",{"size":[2],"showLabel":[4,"show-label"],"value":[2]}]]],["wcs-radio-group.cjs",[[1,"wcs-radio-group",{"value":[8],"name":[520],"mode":[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]]]],["wcs-switch.cjs",[[1,"wcs-switch",{"name":[1],"checked":[516],"labelAlignment":[513,"label-alignment"],"disabled":[4]}]]],["wcs-tab.cjs",[[1,"wcs-tab",{"header":[513],"itemKey":[8,"item-key"]}]]],["wcs-tabs.cjs",[[1,"wcs-tabs",{"align":[513],"selectedIndex":[2,"selected-index"],"selectedKey":[8,"selected-key"],"headersOnly":[4,"headers-only"],"gutter":[4],"headers":[32],"currentActiveTabIndex":[32]},[[0,"tabLoaded","onTabLoaded"]]]]],["wcs-tooltip.cjs",[[1,"wcs-tooltip",{"for":[1],"position":[513],"interactive":[4],"maxWidth":[8,"max-width"],"delay":[2],"duration":[2],"trigger":[1],"theme":[1],"content":[1],"hide":[64],"show":[64],"disable":[64],"enable":[64]}]]],["wcs-progress-bar.cjs",[[1,"wcs-progress-bar",{"small":[4],"showLabel":[4,"show-label"],"value":[2]}]]],["wcs-radio.cjs",[[1,"wcs-radio",{"mode":[513],"value":[1544],"label":[1537],"checked":[1540],"disabled":[1028]}]]],["wcs-select_2.cjs",[[4,"wcs-select-option",{"disabled":[1540],"selected":[1540],"value":[8],"chipColor":[1,"chip-color"],"chipBackgroundColor":[1,"chip-background-color"],"multiple":[1540]},[[1,"mousedown","onMouseDown"]]],[1,"wcs-select",{"value":[1032],"placeholder":[1537],"disabled":[1028],"multiple":[516],"chips":[516],"name":[1],"compareWith":[16],"expanded":[32],"hasLoaded":[32],"displayText":[32],"focused":[32],"overlayDirection":[32],"open":[64],"close":[64]},[[1,"mousedown","onMouseDown"],[8,"click","onWindowClickEvent"],[0,"wcsSelectOptionClick","selectedOptionChanged"]]]]],["wcs-error_2.cjs",[[1,"wcs-error"],[1,"wcs-form-field",{"isError":[1540,"is-error"],"hasPrefix":[32],"hasSuffix":[32],"spiedElement":[32]}]]],["wcs-spinner.cjs",[[1,"wcs-spinner",{"mode":[513]}]]],["wcs-button.cjs",[[1,"wcs-button",{"type":[1025],"href":[1],"disabled":[516],"ripple":[4],"shape":[513],"mode":[513]},[[0,"click","onClick"]]]]],["wcs-checkbox.cjs",[[1,"wcs-checkbox",{"name":[1],"indeterminate":[1540],"checked":[1540],"labelAlignment":[1537,"label-alignment"],"disabled":[4]}]]],["wcs-mat-icon.cjs",[[1,"wcs-mat-icon",{"icon":[1],"size":[1],"family":[1],"familyFile":[32],"familyClass":[32]}]]]], options);
|
|
18
|
+
return index.bootstrapLazy([["wcs-editable-field.cjs",[[1,"wcs-editable-field",{"type":[1],"label":[1],"readonly":[4],"value":[1032],"validateFn":[16],"formatFn":[16],"errorMsg":[1,"error-msg"],"currentState":[32],"isError":[32]},[[8,"click","onWindowClickEvent"]]]]],["wcs-grid.cjs",[[1,"wcs-grid",{"serverMode":[4,"server-mode"],"data":[16],"loading":[4],"selectionConfig":[1,"selection-config"],"selectedItems":[8,"selected-items"],"wcsGridPaginationId":[1,"wcs-grid-pagination-id"],"rowIdPath":[1,"row-id-path"],"columns":[32],"paginationEl":[32],"rows":[32]},[[0,"wcsHiddenChange","onHiddenColumnChange"],[0,"wcsSortChange","sortChangeEventHandler"],[0,"wcsGridPaginationChange","paginationChangeEventHandler"],[8,"wcsGridPaginationChange","paginationChangeEventHandlerOutside"]]]]],["wcs-grid-pagination.cjs",[[1,"wcs-grid-pagination",{"availablePageSizes":[16],"currentPage":[2,"current-page"],"pageSize":[2,"page-size"],"itemsCount":[2,"items-count"],"pageCount":[2,"page-count"]}]]],["wcs-horizontal-stepper.cjs",[[1,"wcs-horizontal-stepper",{"currentStep":[1026,"current-step"],"steps":[16],"mode":[1],"checkOnComplete":[4,"check-on-complete"],"buttonMode":[32],"internalCurrentStep":[32],"previous":[64],"next":[64]}]]],["wcs-modal.cjs",[[4,"wcs-modal",{"withoutBackdrop":[516,"without-backdrop"],"show":[516],"showCloseButton":[516,"show-close-button"],"size":[1],"hideActions":[516,"hide-actions"]},[[4,"keydown","onKeyDown"]]]]],["wcs-dropdown.cjs",[[1,"wcs-dropdown",{"noArrow":[4,"no-arrow"],"mode":[1],"shape":[1],"disabled":[4],"placement":[1],"expanded":[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"]]]]],["wcs-galactic-menu.cjs",[[1,"wcs-galactic-menu",{"text":[1],"showPopoverMenu":[32]},[[8,"click","onWindowClickEvent"]]]]],["wcs-input.cjs",[[1,"wcs-input",{"fireFocusEvents":[4,"fire-focus-events"],"accept":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"prefixLabel":[1,"prefix-label"],"suffixLabel":[1,"suffix-label"],"disabled":[4],"enterkeyhint":[1],"icon":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"state":[513],"step":[1],"size":[2],"type":[1],"value":[1032],"hasFocus":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64]}]]],["wcs-textarea.cjs",[[1,"wcs-textarea",{"fireFocusEvents":[4,"fire-focus-events"],"autocapitalize":[1],"autofocus":[4],"clearOnEdit":[1028,"clear-on-edit"],"debounce":[2],"disabled":[4],"icon":[1],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"state":[513],"cols":[2],"rows":[2],"wrap":[1],"autoGrow":[4,"auto-grow"],"value":[1025],"hasFocus":[32],"fitContent":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]}]]],["wcs-accordion.cjs",[[1,"wcs-accordion",null,[[0,"wcsOpenChange","wcsOpenChangeHandler"]]]]],["wcs-accordion-content.cjs",[[1,"wcs-accordion-content"]]],["wcs-accordion-header.cjs",[[1,"wcs-accordion-header"]]],["wcs-accordion-panel.cjs",[[1,"wcs-accordion-panel",{"open":[1540],"close":[64]}]]],["wcs-action-bar.cjs",[[1,"wcs-action-bar",{"gutter":[4],"hasTabs":[32]}]]],["wcs-app.cjs",[[1,"wcs-app"]]],["wcs-badge.cjs",[[1,"wcs-badge",{"shape":[1],"color":[1]}]]],["wcs-card.cjs",[[1,"wcs-card",{"mode":[1537]}]]],["wcs-card-body.cjs",[[1,"wcs-card-body"]]],["wcs-com-nav.cjs",[[1,"wcs-com-nav",{"appName":[1,"app-name"],"mobileMenuOpen":[32],"currentActiveSizing":[32]}]]],["wcs-com-nav-category.cjs",[[1,"wcs-com-nav-category",{"label":[1],"categoryOpen":[32],"close":[64],"open":[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]]]],["wcs-com-nav-submenu.cjs",[[1,"wcs-com-nav-submenu",{"label":[1],"panelTitle":[1,"panel-title"],"panelDescription":[1,"panel-description"],"menuOpen":[32],"close":[64],"open":[64]},[[8,"click","onWindowClickEvent"],[8,"wcsSubmenuOpened","onSubmenuOpened"],[0,"wcsCategoryItemClicked","wcsCategoryItemClickedHandler"]]]]],["wcs-divider.cjs",[[1,"wcs-divider"]]],["wcs-dropdown-divider.cjs",[[1,"wcs-dropdown-divider"]]],["wcs-dropdown-header.cjs",[[1,"wcs-dropdown-header"]]],["wcs-dropdown-item.cjs",[[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"]]]]],["wcs-field.cjs",[[1,"wcs-field"]]],["wcs-field-content.cjs",[[1,"wcs-field-content"]]],["wcs-field-label.cjs",[[1,"wcs-field-label"]]],["wcs-footer.cjs",[[1,"wcs-footer"]]],["wcs-galactic.cjs",[[1,"wcs-galactic",{"text":[1],"show":[32]}]]],["wcs-grid-column.cjs",[[1,"wcs-grid-column",{"path":[1],"name":[1],"sort":[4],"sortFn":[16],"formatter":[16],"sortOrder":[1025,"sort-order"],"width":[1],"customCells":[4,"custom-cells"],"hidden":[4]}]]],["wcs-grid-custom-cell.cjs",[[1,"wcs-grid-custom-cell",{"columnId":[1,"column-id"],"rowId":[8,"row-id"]}]]],["wcs-header.cjs",[[1,"wcs-header"]]],["wcs-hint.cjs",[[1,"wcs-hint",{"small":[1540]}]]],["wcs-icon.cjs",[[0,"wcs-icon",{"icon":[1],"size":[1]}]]],["wcs-label.cjs",[[1,"wcs-label",{"required":[516]}]]],["wcs-list-item.cjs",[[1,"wcs-list-item",{"activated":[1028]}]]],["wcs-list-item-properties.cjs",[[1,"wcs-list-item-properties"]]],["wcs-list-item-property.cjs",[[1,"wcs-list-item-property"]]],["wcs-nav.cjs",[[1,"wcs-nav"]]],["wcs-nav-item.cjs",[[4,"wcs-nav-item",{"text":[513],"href":[513]}]]],["wcs-progress-radial.cjs",[[1,"wcs-progress-radial",{"size":[2],"showLabel":[4,"show-label"],"value":[2]}]]],["wcs-radio-group.cjs",[[1,"wcs-radio-group",{"value":[8],"name":[520],"mode":[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]]]],["wcs-switch.cjs",[[1,"wcs-switch",{"name":[1],"checked":[516],"labelAlignment":[513,"label-alignment"],"disabled":[4]}]]],["wcs-tab.cjs",[[1,"wcs-tab",{"header":[513],"itemKey":[8,"item-key"]}]]],["wcs-tabs.cjs",[[1,"wcs-tabs",{"align":[513],"selectedIndex":[2,"selected-index"],"selectedKey":[8,"selected-key"],"headersOnly":[4,"headers-only"],"gutter":[4],"headers":[32],"currentActiveTabIndex":[32]},[[0,"tabLoaded","onTabLoaded"]]]]],["wcs-tooltip.cjs",[[1,"wcs-tooltip",{"for":[1],"position":[513],"interactive":[4],"maxWidth":[8,"max-width"],"delay":[2],"duration":[2],"trigger":[1],"theme":[1],"content":[1],"hide":[64],"show":[64],"disable":[64],"enable":[64]}]]],["wcs-progress-bar.cjs",[[1,"wcs-progress-bar",{"small":[4],"showLabel":[4,"show-label"],"value":[2]}]]],["wcs-radio.cjs",[[1,"wcs-radio",{"mode":[513],"value":[1544],"label":[1537],"checked":[1540],"disabled":[1028]}]]],["wcs-select_2.cjs",[[4,"wcs-select-option",{"disabled":[1540],"selected":[1540],"value":[8],"chipColor":[1,"chip-color"],"chipBackgroundColor":[1,"chip-background-color"],"multiple":[1540]},[[1,"mousedown","onMouseDown"]]],[1,"wcs-select",{"value":[1032],"placeholder":[1537],"disabled":[1028],"multiple":[516],"chips":[516],"name":[1],"compareWith":[16],"expanded":[32],"hasLoaded":[32],"displayText":[32],"focused":[32],"overlayDirection":[32],"open":[64],"close":[64]},[[1,"mousedown","onMouseDown"],[8,"click","onWindowClickEvent"],[0,"wcsSelectOptionClick","selectedOptionChanged"]]]]],["wcs-error_2.cjs",[[1,"wcs-error"],[1,"wcs-form-field",{"isError":[1540,"is-error"],"hasPrefix":[32],"hasSuffix":[32],"spiedElement":[32]}]]],["wcs-spinner.cjs",[[1,"wcs-spinner",{"mode":[513]}]]],["wcs-button.cjs",[[1,"wcs-button",{"type":[1025],"href":[1],"disabled":[516],"ripple":[4],"shape":[513],"mode":[513]},[[0,"click","onClick"]]]]],["wcs-checkbox.cjs",[[1,"wcs-checkbox",{"name":[1],"indeterminate":[1540],"checked":[1540],"labelAlignment":[1537,"label-alignment"],"disabled":[4]}]]],["wcs-mat-icon.cjs",[[1,"wcs-mat-icon",{"icon":[1],"size":[1],"family":[1],"familyFile":[32],"familyClass":[32]}]]]], options);
|
|
19
19
|
});
|
|
@@ -5,13 +5,12 @@
|
|
|
5
5
|
border-bottom: solid 1px var(--wcs-text-light);
|
|
6
6
|
}
|
|
7
7
|
:host .container {
|
|
8
|
-
margin: 0
|
|
8
|
+
margin: 0 calc(3 * var(--wcs-base-margin));
|
|
9
9
|
height: 100%;
|
|
10
10
|
display: flex;
|
|
11
11
|
align-items: center;
|
|
12
12
|
flex-direction: row;
|
|
13
13
|
justify-content: space-between;
|
|
14
|
-
max-width: var(--wcs-com-content-max-width);
|
|
15
14
|
}
|
|
16
15
|
:host .container-left {
|
|
17
16
|
display: flex;
|
|
@@ -19,22 +18,23 @@
|
|
|
19
18
|
align-items: center;
|
|
20
19
|
flex-direction: row;
|
|
21
20
|
}
|
|
21
|
+
:host .container-right {
|
|
22
|
+
display: flex;
|
|
23
|
+
align-items: center;
|
|
24
|
+
}
|
|
22
25
|
:host .app-name {
|
|
23
|
-
font-weight:
|
|
26
|
+
font-weight: 400;
|
|
24
27
|
font-size: 1.5rem;
|
|
25
28
|
line-height: 1.25;
|
|
26
29
|
color: var(--wcs-gray);
|
|
27
30
|
}
|
|
28
31
|
:host .menu-bar {
|
|
29
|
-
display:
|
|
30
|
-
align-items: center;
|
|
31
|
-
height: 100%;
|
|
32
|
-
margin-left: 50px;
|
|
33
|
-
}
|
|
34
|
-
:host .menu-bar ::slotted(*:not(:first-child)) {
|
|
35
|
-
margin-left: 40px;
|
|
32
|
+
display: none;
|
|
36
33
|
}
|
|
37
34
|
:host ::slotted(a) {
|
|
35
|
+
padding-top: calc(1.5 * var(--wcs-base-margin));
|
|
36
|
+
padding-bottom: calc(1.5 * var(--wcs-base-margin));
|
|
37
|
+
padding-left: calc(3 * var(--wcs-base-margin));
|
|
38
38
|
display: flex;
|
|
39
39
|
align-items: center;
|
|
40
40
|
height: 100%;
|
|
@@ -51,4 +51,62 @@
|
|
|
51
51
|
content: "\f107";
|
|
52
52
|
line-height: 1;
|
|
53
53
|
box-sizing: border-box;
|
|
54
|
+
}
|
|
55
|
+
:host #mobile-menu-icon {
|
|
56
|
+
height: 24px;
|
|
57
|
+
padding-left: calc(2 * var(--wcs-base-margin));
|
|
58
|
+
margin-left: var(--wcs-base-margin);
|
|
59
|
+
border-left: solid 1px var(--wcs-text-light);
|
|
60
|
+
}
|
|
61
|
+
:host #mobile-menu-icon:after {
|
|
62
|
+
font-family: icons;
|
|
63
|
+
font-size: 24px;
|
|
64
|
+
cursor: pointer;
|
|
65
|
+
content: "\f198";
|
|
66
|
+
line-height: 1;
|
|
67
|
+
box-sizing: border-box;
|
|
68
|
+
}
|
|
69
|
+
:host #mobile-menu-icon[data-mobile-open]:after {
|
|
70
|
+
content: "\f129";
|
|
71
|
+
}
|
|
72
|
+
:host .mobile-overlay {
|
|
73
|
+
display: none;
|
|
74
|
+
}
|
|
75
|
+
:host .mobile-overlay[data-mobile-open] {
|
|
76
|
+
padding-top: calc(2 * var(--wcs-base-margin));
|
|
77
|
+
padding-bottom: calc(2 * var(--wcs-base-margin));
|
|
78
|
+
position: relative;
|
|
79
|
+
top: 0;
|
|
80
|
+
left: 0;
|
|
81
|
+
right: 0;
|
|
82
|
+
display: block;
|
|
83
|
+
z-index: 9999;
|
|
84
|
+
background-color: var(--wcs-white);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
@media screen and (min-width: 576px) {
|
|
88
|
+
:host .container {
|
|
89
|
+
margin: 0 auto;
|
|
90
|
+
max-width: var(--wcs-com-content-max-width);
|
|
91
|
+
}
|
|
92
|
+
:host .menu-bar {
|
|
93
|
+
display: flex;
|
|
94
|
+
align-items: center;
|
|
95
|
+
height: 100%;
|
|
96
|
+
margin-left: 50px;
|
|
97
|
+
}
|
|
98
|
+
:host .menu-bar ::slotted(*:not(:first-child)) {
|
|
99
|
+
margin-left: 40px;
|
|
100
|
+
}
|
|
101
|
+
:host #mobile-menu-icon {
|
|
102
|
+
display: none;
|
|
103
|
+
}
|
|
104
|
+
:host .mobile-overlay {
|
|
105
|
+
display: none !important;
|
|
106
|
+
}
|
|
107
|
+
:host ::slotted(a) {
|
|
108
|
+
padding-top: unset;
|
|
109
|
+
padding-bottom: unset;
|
|
110
|
+
padding-left: unset;
|
|
111
|
+
}
|
|
54
112
|
}
|
|
@@ -1,5 +1,28 @@
|
|
|
1
|
-
import { Component, Host, h, Prop } from '@stencil/core';
|
|
1
|
+
import { Component, Host, h, Prop, Element, State } from '@stencil/core';
|
|
2
2
|
export class ComNav {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.mobileMenuOpen = true;
|
|
5
|
+
}
|
|
6
|
+
mobileMenuIconClick() {
|
|
7
|
+
this.mobileMenuOpen = !this.mobileMenuOpen;
|
|
8
|
+
}
|
|
9
|
+
disconnectedCallback() {
|
|
10
|
+
this.resizeObserver.disconnect();
|
|
11
|
+
}
|
|
12
|
+
componentWillLoad() {
|
|
13
|
+
this.resizeObserver = new ResizeObserver(entry => {
|
|
14
|
+
const cr = entry[0].contentRect;
|
|
15
|
+
const paddingRight = cr.right - cr.width;
|
|
16
|
+
const paddingLeft = cr.left;
|
|
17
|
+
if (cr.width < 576 - (paddingLeft + paddingRight)) {
|
|
18
|
+
this.currentActiveSizing = 'mobile';
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
this.currentActiveSizing = 'desktop';
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
this.resizeObserver.observe(document.body);
|
|
25
|
+
}
|
|
3
26
|
render() {
|
|
4
27
|
return (h(Host, null,
|
|
5
28
|
h("div", { class: "container" },
|
|
@@ -7,10 +30,11 @@ export class ComNav {
|
|
|
7
30
|
h("div", { class: "app-name" },
|
|
8
31
|
this.appName,
|
|
9
32
|
h("slot", { name: "app-name" })),
|
|
10
|
-
h("div", { class: "menu-bar" },
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
h("
|
|
33
|
+
h("div", { class: "menu-bar" }, this.currentActiveSizing === 'desktop' ? h("slot", null) : null)),
|
|
34
|
+
h("div", { class: "container-right" },
|
|
35
|
+
h("slot", { name: "actions" }),
|
|
36
|
+
h("span", { id: "mobile-menu-icon", "data-mobile-open": this.mobileMenuOpen, onClick: () => this.mobileMenuIconClick() }))),
|
|
37
|
+
h("div", { class: "mobile-overlay", "data-mobile-open": this.mobileMenuOpen }, this.currentActiveSizing === 'mobile' ? h("slot", null) : null)));
|
|
14
38
|
}
|
|
15
39
|
static get is() { return "wcs-com-nav"; }
|
|
16
40
|
static get encapsulation() { return "shadow"; }
|
|
@@ -39,4 +63,9 @@ export class ComNav {
|
|
|
39
63
|
"reflect": false
|
|
40
64
|
}
|
|
41
65
|
}; }
|
|
66
|
+
static get states() { return {
|
|
67
|
+
"mobileMenuOpen": {},
|
|
68
|
+
"currentActiveSizing": {}
|
|
69
|
+
}; }
|
|
70
|
+
static get elementRef() { return "el"; }
|
|
42
71
|
}
|
|
@@ -1,52 +1,13 @@
|
|
|
1
1
|
:host {
|
|
2
2
|
display: block;
|
|
3
|
-
|
|
4
|
-
:host .item-container:not([data-open]) {
|
|
5
|
-
display: none;
|
|
6
|
-
}
|
|
7
|
-
:host .label:after {
|
|
8
|
-
font-family: icons;
|
|
9
|
-
padding-left: var(--wcs-base-margin);
|
|
10
|
-
font-size: 0.6rem;
|
|
11
|
-
content: "\f107";
|
|
12
|
-
line-height: 1;
|
|
13
|
-
box-sizing: border-box;
|
|
3
|
+
padding-bottom: var(--wcs-padding);
|
|
14
4
|
}
|
|
15
5
|
:host .label-container {
|
|
16
|
-
cursor: pointer;
|
|
17
|
-
user-select: none;
|
|
18
|
-
display: flex;
|
|
19
|
-
align-items: center;
|
|
20
|
-
}
|
|
21
|
-
:host .label-container[data-open]:after {
|
|
22
|
-
position: absolute;
|
|
23
|
-
left: calc(50% + var(--wcs-com-content-max-width) / 8 - 0.5625rem);
|
|
24
|
-
z-index: 2;
|
|
25
6
|
display: block;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
content: "";
|
|
29
|
-
background-color: var(--wcs-primary);
|
|
30
|
-
transform: rotate(45deg);
|
|
31
|
-
}
|
|
32
|
-
:host .item-container[data-open] {
|
|
33
|
-
position: absolute;
|
|
34
|
-
left: calc(50% + var(--wcs-com-content-max-width) / 8);
|
|
35
|
-
top: 0;
|
|
36
|
-
right: 0;
|
|
37
|
-
padding: 50px 0 50px 50px;
|
|
38
|
-
background-blend-mode: multiply;
|
|
39
|
-
background-color: rgba(0, 0, 0, 0.15);
|
|
40
|
-
box-sizing: border-box;
|
|
41
|
-
height: 100%;
|
|
42
|
-
display: flex;
|
|
43
|
-
flex-direction: column;
|
|
44
|
-
align-items: start;
|
|
7
|
+
padding-left: calc(9 * var(--wcs-base-margin));
|
|
8
|
+
color: var(--wcs-gray);
|
|
45
9
|
}
|
|
46
|
-
:host
|
|
47
|
-
margin-top: 24px;
|
|
48
|
-
}
|
|
49
|
-
:host .item-container[data-open] ::slotted(a):after {
|
|
10
|
+
:host ::slotted(a):after {
|
|
50
11
|
font-family: icons;
|
|
51
12
|
padding-left: var(--wcs-base-margin);
|
|
52
13
|
font-size: 0.6rem;
|
|
@@ -54,9 +15,73 @@
|
|
|
54
15
|
line-height: 1;
|
|
55
16
|
box-sizing: border-box;
|
|
56
17
|
}
|
|
57
|
-
:host
|
|
18
|
+
:host ::slotted(a) {
|
|
19
|
+
display: block;
|
|
58
20
|
cursor: pointer;
|
|
59
21
|
text-decoration: none;
|
|
60
22
|
font-size: 16px;
|
|
61
|
-
color: var(--wcs-
|
|
23
|
+
color: var(--wcs-gray);
|
|
24
|
+
padding-left: calc(12 * var(--wcs-base-margin));
|
|
25
|
+
padding-top: calc(1.5 * var(--wcs-base-margin));
|
|
26
|
+
padding-bottom: calc(1.5 * var(--wcs-base-margin));
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@media screen and (min-width: 576px) {
|
|
30
|
+
:host {
|
|
31
|
+
padding-bottom: unset;
|
|
32
|
+
}
|
|
33
|
+
:host .item-container:not([data-open]) {
|
|
34
|
+
display: none;
|
|
35
|
+
}
|
|
36
|
+
:host .label:after {
|
|
37
|
+
font-family: icons;
|
|
38
|
+
padding-left: var(--wcs-base-margin);
|
|
39
|
+
font-size: 0.6rem;
|
|
40
|
+
content: "\f107";
|
|
41
|
+
line-height: 1;
|
|
42
|
+
box-sizing: border-box;
|
|
43
|
+
}
|
|
44
|
+
:host .label-container {
|
|
45
|
+
cursor: pointer;
|
|
46
|
+
user-select: none;
|
|
47
|
+
display: flex;
|
|
48
|
+
align-items: center;
|
|
49
|
+
padding-left: unset;
|
|
50
|
+
color: var(--wcs-white);
|
|
51
|
+
}
|
|
52
|
+
:host .label-container[data-open]:after {
|
|
53
|
+
position: absolute;
|
|
54
|
+
left: calc(50% + var(--wcs-com-content-max-width) / 8 - 0.5625rem);
|
|
55
|
+
z-index: 2;
|
|
56
|
+
display: block;
|
|
57
|
+
width: 1.125rem;
|
|
58
|
+
height: 1.125rem;
|
|
59
|
+
content: "";
|
|
60
|
+
background-color: var(--wcs-primary);
|
|
61
|
+
transform: rotate(45deg);
|
|
62
|
+
}
|
|
63
|
+
:host .item-container[data-open] {
|
|
64
|
+
position: absolute;
|
|
65
|
+
left: calc(50% + var(--wcs-com-content-max-width) / 8);
|
|
66
|
+
top: 0;
|
|
67
|
+
right: 0;
|
|
68
|
+
padding: 50px 0 50px 50px;
|
|
69
|
+
background-blend-mode: multiply;
|
|
70
|
+
background-color: rgba(0, 0, 0, 0.15);
|
|
71
|
+
box-sizing: border-box;
|
|
72
|
+
height: 100%;
|
|
73
|
+
display: flex;
|
|
74
|
+
flex-direction: column;
|
|
75
|
+
align-items: start;
|
|
76
|
+
}
|
|
77
|
+
:host .item-container[data-open] ::slotted(a:not(:first-child)) {
|
|
78
|
+
margin-top: 24px;
|
|
79
|
+
}
|
|
80
|
+
:host .item-container[data-open] ::slotted(a) {
|
|
81
|
+
display: unset;
|
|
82
|
+
color: var(--wcs-white);
|
|
83
|
+
padding-left: unset;
|
|
84
|
+
padding-top: unset;
|
|
85
|
+
padding-bottom: unset;
|
|
86
|
+
}
|
|
62
87
|
}
|
|
@@ -1,69 +1,34 @@
|
|
|
1
1
|
:host {
|
|
2
2
|
display: block;
|
|
3
|
-
|
|
3
|
+
padding-bottom: var(--wcs-padding);
|
|
4
4
|
}
|
|
5
5
|
:host .menu-button {
|
|
6
|
-
display:
|
|
7
|
-
align-items: center;
|
|
8
|
-
height: 100%;
|
|
9
|
-
cursor: pointer;
|
|
10
|
-
user-select: none;
|
|
11
|
-
}
|
|
12
|
-
:host .label {
|
|
13
|
-
font-size: 16px;
|
|
14
|
-
cursor: pointer;
|
|
6
|
+
display: block;
|
|
15
7
|
font-weight: 500;
|
|
16
|
-
|
|
17
|
-
text-decoration: none;
|
|
8
|
+
padding-left: calc(3 * var(--wcs-base-margin));
|
|
18
9
|
}
|
|
19
10
|
:host .arrow-icon {
|
|
20
|
-
display:
|
|
21
|
-
font-family: icons;
|
|
22
|
-
font-size: 0.6rem;
|
|
23
|
-
line-height: 1;
|
|
24
|
-
box-sizing: border-box;
|
|
25
|
-
}
|
|
26
|
-
:host .arrow-icon:not([data-open]) {
|
|
27
|
-
transform: rotate(90deg);
|
|
28
|
-
}
|
|
29
|
-
:host .arrow-icon[data-open] {
|
|
30
|
-
transform: rotate(-90deg);
|
|
11
|
+
display: none;
|
|
31
12
|
}
|
|
32
13
|
:host .arrow-container {
|
|
33
|
-
margin-left: var(--wcs-base-margin);
|
|
34
|
-
}
|
|
35
|
-
:host .drawer {
|
|
36
14
|
display: none;
|
|
37
|
-
position: absolute;
|
|
38
|
-
top: 75px;
|
|
39
|
-
z-index: 8888;
|
|
40
|
-
left: 0;
|
|
41
|
-
width: 100%;
|
|
42
|
-
box-sizing: border-box;
|
|
43
|
-
padding: 50px;
|
|
44
|
-
background-color: var(--wcs-primary);
|
|
45
|
-
color: var(--wcs-white);
|
|
46
|
-
}
|
|
47
|
-
:host .drawer-content {
|
|
48
|
-
display: flex;
|
|
49
|
-
justify-content: space-between;
|
|
50
|
-
max-width: 62.5%;
|
|
51
|
-
flex: 1;
|
|
52
15
|
}
|
|
53
|
-
:host .
|
|
54
|
-
|
|
16
|
+
:host .label {
|
|
17
|
+
text-transform: uppercase;
|
|
18
|
+
font-size: 16px;
|
|
19
|
+
cursor: unset;
|
|
20
|
+
font-weight: 500;
|
|
21
|
+
color: var(--wcs-gray);
|
|
22
|
+
text-decoration: none;
|
|
55
23
|
}
|
|
56
|
-
:host .drawer
|
|
57
|
-
|
|
24
|
+
:host .drawer {
|
|
25
|
+
display: contents;
|
|
58
26
|
}
|
|
59
|
-
:host .
|
|
60
|
-
|
|
61
|
-
display: flex;
|
|
62
|
-
flex-direction: column;
|
|
63
|
-
align-items: flex-end;
|
|
27
|
+
:host .drawer-container {
|
|
28
|
+
display: contents;
|
|
64
29
|
}
|
|
65
|
-
:host .
|
|
66
|
-
|
|
30
|
+
:host .drawer-description {
|
|
31
|
+
display: none;
|
|
67
32
|
}
|
|
68
33
|
:host .menu-items ::slotted(a):after {
|
|
69
34
|
font-family: icons;
|
|
@@ -78,26 +43,112 @@
|
|
|
78
43
|
cursor: pointer;
|
|
79
44
|
text-decoration: none;
|
|
80
45
|
font-size: 16px;
|
|
81
|
-
color: var(--wcs-
|
|
82
|
-
}
|
|
83
|
-
:host .drawer-container {
|
|
84
|
-
display: flex;
|
|
85
|
-
max-width: var(--wcs-com-content-max-width);
|
|
86
|
-
margin: 0 auto;
|
|
87
|
-
}
|
|
88
|
-
:host .drawer-container h3 {
|
|
89
|
-
margin: 0 0 24px 0;
|
|
90
|
-
font-size: 1.5rem;
|
|
91
|
-
line-height: 1.25;
|
|
92
|
-
font-weight: 400;
|
|
93
|
-
}
|
|
94
|
-
:host .drawer-container p {
|
|
95
|
-
margin-top: 0;
|
|
96
|
-
margin-bottom: 1rem;
|
|
46
|
+
color: var(--wcs-gray);
|
|
97
47
|
font-weight: 500;
|
|
98
|
-
font-size: 1rem;
|
|
99
|
-
line-height: 1.375;
|
|
100
|
-
}
|
|
101
|
-
:host .drawer[data-open] {
|
|
102
48
|
display: block;
|
|
49
|
+
padding-top: calc(1.5 * var(--wcs-base-margin));
|
|
50
|
+
padding-bottom: calc(1.5 * var(--wcs-base-margin));
|
|
51
|
+
padding-left: calc(6 * var(--wcs-base-margin));
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@media screen and (min-width: 576px) {
|
|
55
|
+
:host {
|
|
56
|
+
height: 100%;
|
|
57
|
+
padding-bottom: unset;
|
|
58
|
+
}
|
|
59
|
+
:host .menu-button {
|
|
60
|
+
display: flex;
|
|
61
|
+
align-items: center;
|
|
62
|
+
height: 100%;
|
|
63
|
+
cursor: pointer;
|
|
64
|
+
user-select: none;
|
|
65
|
+
font-weight: unset;
|
|
66
|
+
padding-left: unset;
|
|
67
|
+
}
|
|
68
|
+
:host .label {
|
|
69
|
+
text-transform: unset;
|
|
70
|
+
cursor: pointer;
|
|
71
|
+
}
|
|
72
|
+
:host .arrow-icon {
|
|
73
|
+
display: inline-block;
|
|
74
|
+
font-family: icons;
|
|
75
|
+
font-size: 0.6rem;
|
|
76
|
+
line-height: 1;
|
|
77
|
+
box-sizing: border-box;
|
|
78
|
+
}
|
|
79
|
+
:host .arrow-container {
|
|
80
|
+
display: unset;
|
|
81
|
+
margin-left: var(--wcs-base-margin);
|
|
82
|
+
}
|
|
83
|
+
:host .arrow-icon:not([data-open]) {
|
|
84
|
+
transform: rotate(90deg);
|
|
85
|
+
}
|
|
86
|
+
:host .arrow-icon[data-open] {
|
|
87
|
+
transform: rotate(-90deg);
|
|
88
|
+
}
|
|
89
|
+
:host .drawer {
|
|
90
|
+
display: none;
|
|
91
|
+
position: absolute;
|
|
92
|
+
top: 75px;
|
|
93
|
+
z-index: 8888;
|
|
94
|
+
left: 0;
|
|
95
|
+
width: 100%;
|
|
96
|
+
box-sizing: border-box;
|
|
97
|
+
padding: 50px;
|
|
98
|
+
background-color: var(--wcs-primary);
|
|
99
|
+
color: var(--wcs-white);
|
|
100
|
+
}
|
|
101
|
+
:host .drawer-content {
|
|
102
|
+
display: flex;
|
|
103
|
+
justify-content: space-between;
|
|
104
|
+
max-width: 62.5%;
|
|
105
|
+
flex: 1;
|
|
106
|
+
}
|
|
107
|
+
:host .drawer-content div:first-child {
|
|
108
|
+
flex: 0.8;
|
|
109
|
+
}
|
|
110
|
+
:host .drawer-content div {
|
|
111
|
+
max-width: 260px;
|
|
112
|
+
}
|
|
113
|
+
:host .menu-items {
|
|
114
|
+
padding: 0 80px 0 50px;
|
|
115
|
+
display: flex;
|
|
116
|
+
flex-direction: column;
|
|
117
|
+
align-items: flex-end;
|
|
118
|
+
}
|
|
119
|
+
:host .menu-items ::slotted(*:not(:first-child)) {
|
|
120
|
+
margin-top: 24px;
|
|
121
|
+
}
|
|
122
|
+
:host .menu-items ::slotted(a) {
|
|
123
|
+
color: var(--wcs-white);
|
|
124
|
+
font-weight: 400;
|
|
125
|
+
display: unset;
|
|
126
|
+
padding-top: unset;
|
|
127
|
+
padding-bottom: unset;
|
|
128
|
+
padding-left: unset;
|
|
129
|
+
}
|
|
130
|
+
:host .drawer-container {
|
|
131
|
+
display: flex;
|
|
132
|
+
max-width: var(--wcs-com-content-max-width);
|
|
133
|
+
margin: 0 auto;
|
|
134
|
+
}
|
|
135
|
+
:host .drawer-container h3 {
|
|
136
|
+
margin: 0 0 24px 0;
|
|
137
|
+
font-size: 1.5rem;
|
|
138
|
+
line-height: 1.25;
|
|
139
|
+
font-weight: 400;
|
|
140
|
+
}
|
|
141
|
+
:host .drawer-container p {
|
|
142
|
+
margin-top: 0;
|
|
143
|
+
margin-bottom: 1rem;
|
|
144
|
+
font-weight: 500;
|
|
145
|
+
font-size: 1rem;
|
|
146
|
+
line-height: 1.375;
|
|
147
|
+
}
|
|
148
|
+
:host .drawer[data-open] {
|
|
149
|
+
display: block;
|
|
150
|
+
}
|
|
151
|
+
:host .drawer-description {
|
|
152
|
+
display: block;
|
|
153
|
+
}
|
|
103
154
|
}
|
|
@@ -59,7 +59,7 @@ export class ComNavSubmenu {
|
|
|
59
59
|
h("div", { class: "drawer", "data-open": this.menuOpen },
|
|
60
60
|
h("div", { class: "drawer-container" },
|
|
61
61
|
h("div", { class: "drawer-content" },
|
|
62
|
-
h("div",
|
|
62
|
+
h("div", { class: "drawer-description" },
|
|
63
63
|
h("h3", null, this.panelTitle),
|
|
64
64
|
h("p", null, this.panelDescription)),
|
|
65
65
|
h("div", { class: "menu-items", onClick: (evt) => this.handleMenuItemsClick(evt) },
|
|
@@ -739,7 +739,7 @@ export class Input {
|
|
|
739
739
|
"mutable": false,
|
|
740
740
|
"complexType": {
|
|
741
741
|
"original": "TextFieldTypes",
|
|
742
|
-
"resolved": "\"date\" | \"datetime-local\" | \"email\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"",
|
|
742
|
+
"resolved": "\"date\" | \"datetime-local\" | \"email\" | \"file\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"",
|
|
743
743
|
"references": {
|
|
744
744
|
"TextFieldTypes": {
|
|
745
745
|
"location": "import",
|
|
@@ -119,6 +119,8 @@ export class Select {
|
|
|
119
119
|
this.optionsEl = this.el.shadowRoot.querySelector('.wcs-select-options');
|
|
120
120
|
this.controlEl = this.el.shadowRoot.querySelector('.wcs-select-control');
|
|
121
121
|
const stateMachine = Machine(SELECT_MACHINE_CONFIG, this.initMachineOptions());
|
|
122
|
+
// FIXME: type checking failed...
|
|
123
|
+
// @ts-ignore
|
|
122
124
|
this.stateService = interpret(stateMachine);
|
|
123
125
|
if (this.multiple) {
|
|
124
126
|
this.values = [];
|
package/dist/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["wcs-editable-field",[[1,"wcs-editable-field",{"type":[1],"label":[1],"readonly":[4],"value":[1032],"validateFn":[16],"formatFn":[16],"errorMsg":[1,"error-msg"],"currentState":[32],"isError":[32]},[[8,"click","onWindowClickEvent"]]]]],["wcs-grid",[[1,"wcs-grid",{"serverMode":[4,"server-mode"],"data":[16],"loading":[4],"selectionConfig":[1,"selection-config"],"selectedItems":[8,"selected-items"],"wcsGridPaginationId":[1,"wcs-grid-pagination-id"],"rowIdPath":[1,"row-id-path"],"columns":[32],"paginationEl":[32],"rows":[32]},[[0,"wcsHiddenChange","onHiddenColumnChange"],[0,"wcsSortChange","sortChangeEventHandler"],[0,"wcsGridPaginationChange","paginationChangeEventHandler"],[8,"wcsGridPaginationChange","paginationChangeEventHandlerOutside"]]]]],["wcs-grid-pagination",[[1,"wcs-grid-pagination",{"availablePageSizes":[16],"currentPage":[2,"current-page"],"pageSize":[2,"page-size"],"itemsCount":[2,"items-count"],"pageCount":[2,"page-count"]}]]],["wcs-horizontal-stepper",[[1,"wcs-horizontal-stepper",{"currentStep":[1026,"current-step"],"steps":[16],"mode":[1],"checkOnComplete":[4,"check-on-complete"],"buttonMode":[32],"internalCurrentStep":[32],"previous":[64],"next":[64]}]]],["wcs-modal",[[4,"wcs-modal",{"withoutBackdrop":[516,"without-backdrop"],"show":[516],"showCloseButton":[516,"show-close-button"],"size":[1],"hideActions":[516,"hide-actions"]},[[4,"keydown","onKeyDown"]]]]],["wcs-dropdown",[[1,"wcs-dropdown",{"noArrow":[4,"no-arrow"],"mode":[1],"shape":[1],"disabled":[4],"placement":[1],"expanded":[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"]]]]],["wcs-galactic-menu",[[1,"wcs-galactic-menu",{"text":[1],"showPopoverMenu":[32]},[[8,"click","onWindowClickEvent"]]]]],["wcs-input",[[1,"wcs-input",{"fireFocusEvents":[4,"fire-focus-events"],"accept":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"prefixLabel":[1,"prefix-label"],"suffixLabel":[1,"suffix-label"],"disabled":[4],"enterkeyhint":[1],"icon":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"state":[513],"step":[1],"size":[2],"type":[1],"value":[1032],"hasFocus":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64]}]]],["wcs-textarea",[[1,"wcs-textarea",{"fireFocusEvents":[4,"fire-focus-events"],"autocapitalize":[1],"autofocus":[4],"clearOnEdit":[1028,"clear-on-edit"],"debounce":[2],"disabled":[4],"icon":[1],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"state":[513],"cols":[2],"rows":[2],"wrap":[1],"autoGrow":[4,"auto-grow"],"value":[1025],"hasFocus":[32],"fitContent":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]}]]],["wcs-accordion",[[1,"wcs-accordion",null,[[0,"wcsOpenChange","wcsOpenChangeHandler"]]]]],["wcs-accordion-content",[[1,"wcs-accordion-content"]]],["wcs-accordion-header",[[1,"wcs-accordion-header"]]],["wcs-accordion-panel",[[1,"wcs-accordion-panel",{"open":[1540],"close":[64]}]]],["wcs-action-bar",[[1,"wcs-action-bar",{"gutter":[4],"hasTabs":[32]}]]],["wcs-app",[[1,"wcs-app"]]],["wcs-badge",[[1,"wcs-badge",{"shape":[1],"color":[1]}]]],["wcs-card",[[1,"wcs-card",{"mode":[1537]}]]],["wcs-card-body",[[1,"wcs-card-body"]]],["wcs-com-nav",[[1,"wcs-com-nav",{"appName":[1,"app-name"]}]]],["wcs-com-nav-category",[[1,"wcs-com-nav-category",{"label":[1],"categoryOpen":[32],"close":[64],"open":[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]]]],["wcs-com-nav-submenu",[[1,"wcs-com-nav-submenu",{"label":[1],"panelTitle":[1,"panel-title"],"panelDescription":[1,"panel-description"],"menuOpen":[32],"close":[64],"open":[64]},[[8,"click","onWindowClickEvent"],[8,"wcsSubmenuOpened","onSubmenuOpened"],[0,"wcsCategoryItemClicked","wcsCategoryItemClickedHandler"]]]]],["wcs-divider",[[1,"wcs-divider"]]],["wcs-dropdown-divider",[[1,"wcs-dropdown-divider"]]],["wcs-dropdown-header",[[1,"wcs-dropdown-header"]]],["wcs-dropdown-item",[[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"]]]]],["wcs-field",[[1,"wcs-field"]]],["wcs-field-content",[[1,"wcs-field-content"]]],["wcs-field-label",[[1,"wcs-field-label"]]],["wcs-footer",[[1,"wcs-footer"]]],["wcs-galactic",[[1,"wcs-galactic",{"text":[1],"show":[32]}]]],["wcs-grid-column",[[1,"wcs-grid-column",{"path":[1],"name":[1],"sort":[4],"sortFn":[16],"formatter":[16],"sortOrder":[1025,"sort-order"],"width":[1],"customCells":[4,"custom-cells"],"hidden":[4]}]]],["wcs-grid-custom-cell",[[1,"wcs-grid-custom-cell",{"columnId":[1,"column-id"],"rowId":[8,"row-id"]}]]],["wcs-header",[[1,"wcs-header"]]],["wcs-hint",[[1,"wcs-hint",{"small":[1540]}]]],["wcs-icon",[[0,"wcs-icon",{"icon":[1],"size":[1]}]]],["wcs-label",[[1,"wcs-label",{"required":[516]}]]],["wcs-list-item",[[1,"wcs-list-item",{"activated":[1028]}]]],["wcs-list-item-properties",[[1,"wcs-list-item-properties"]]],["wcs-list-item-property",[[1,"wcs-list-item-property"]]],["wcs-nav",[[1,"wcs-nav"]]],["wcs-nav-item",[[4,"wcs-nav-item",{"text":[513],"href":[513]}]]],["wcs-progress-radial",[[1,"wcs-progress-radial",{"size":[2],"showLabel":[4,"show-label"],"value":[2]}]]],["wcs-radio-group",[[1,"wcs-radio-group",{"value":[8],"name":[520],"mode":[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]]]],["wcs-switch",[[1,"wcs-switch",{"name":[1],"checked":[516],"labelAlignment":[513,"label-alignment"],"disabled":[4]}]]],["wcs-tab",[[1,"wcs-tab",{"header":[513],"itemKey":[8,"item-key"]}]]],["wcs-tabs",[[1,"wcs-tabs",{"align":[513],"selectedIndex":[2,"selected-index"],"selectedKey":[8,"selected-key"],"headersOnly":[4,"headers-only"],"gutter":[4],"headers":[32],"currentActiveTabIndex":[32]},[[0,"tabLoaded","onTabLoaded"]]]]],["wcs-tooltip",[[1,"wcs-tooltip",{"for":[1],"position":[513],"interactive":[4],"maxWidth":[8,"max-width"],"delay":[2],"duration":[2],"trigger":[1],"theme":[1],"content":[1],"hide":[64],"show":[64],"disable":[64],"enable":[64]}]]],["wcs-progress-bar",[[1,"wcs-progress-bar",{"small":[4],"showLabel":[4,"show-label"],"value":[2]}]]],["wcs-radio",[[1,"wcs-radio",{"mode":[513],"value":[1544],"label":[1537],"checked":[1540],"disabled":[1028]}]]],["wcs-select_2",[[4,"wcs-select-option",{"disabled":[1540],"selected":[1540],"value":[8],"chipColor":[1,"chip-color"],"chipBackgroundColor":[1,"chip-background-color"],"multiple":[1540]},[[1,"mousedown","onMouseDown"]]],[1,"wcs-select",{"value":[1032],"placeholder":[1537],"disabled":[1028],"multiple":[516],"chips":[516],"name":[1],"compareWith":[16],"expanded":[32],"hasLoaded":[32],"displayText":[32],"focused":[32],"overlayDirection":[32],"open":[64],"close":[64]},[[1,"mousedown","onMouseDown"],[8,"click","onWindowClickEvent"],[0,"wcsSelectOptionClick","selectedOptionChanged"]]]]],["wcs-error_2",[[1,"wcs-error"],[1,"wcs-form-field",{"isError":[1540,"is-error"],"hasPrefix":[32],"hasSuffix":[32],"spiedElement":[32]}]]],["wcs-spinner",[[1,"wcs-spinner",{"mode":[513]}]]],["wcs-button",[[1,"wcs-button",{"type":[1025],"href":[1],"disabled":[516],"ripple":[4],"shape":[513],"mode":[513]},[[0,"click","onClick"]]]]],["wcs-checkbox",[[1,"wcs-checkbox",{"name":[1],"indeterminate":[1540],"checked":[1540],"labelAlignment":[1537,"label-alignment"],"disabled":[4]}]]],["wcs-mat-icon",[[1,"wcs-mat-icon",{"icon":[1],"size":[1],"family":[1],"familyFile":[32],"familyClass":[32]}]]]], options);
|
|
13
|
+
return bootstrapLazy([["wcs-editable-field",[[1,"wcs-editable-field",{"type":[1],"label":[1],"readonly":[4],"value":[1032],"validateFn":[16],"formatFn":[16],"errorMsg":[1,"error-msg"],"currentState":[32],"isError":[32]},[[8,"click","onWindowClickEvent"]]]]],["wcs-grid",[[1,"wcs-grid",{"serverMode":[4,"server-mode"],"data":[16],"loading":[4],"selectionConfig":[1,"selection-config"],"selectedItems":[8,"selected-items"],"wcsGridPaginationId":[1,"wcs-grid-pagination-id"],"rowIdPath":[1,"row-id-path"],"columns":[32],"paginationEl":[32],"rows":[32]},[[0,"wcsHiddenChange","onHiddenColumnChange"],[0,"wcsSortChange","sortChangeEventHandler"],[0,"wcsGridPaginationChange","paginationChangeEventHandler"],[8,"wcsGridPaginationChange","paginationChangeEventHandlerOutside"]]]]],["wcs-grid-pagination",[[1,"wcs-grid-pagination",{"availablePageSizes":[16],"currentPage":[2,"current-page"],"pageSize":[2,"page-size"],"itemsCount":[2,"items-count"],"pageCount":[2,"page-count"]}]]],["wcs-horizontal-stepper",[[1,"wcs-horizontal-stepper",{"currentStep":[1026,"current-step"],"steps":[16],"mode":[1],"checkOnComplete":[4,"check-on-complete"],"buttonMode":[32],"internalCurrentStep":[32],"previous":[64],"next":[64]}]]],["wcs-modal",[[4,"wcs-modal",{"withoutBackdrop":[516,"without-backdrop"],"show":[516],"showCloseButton":[516,"show-close-button"],"size":[1],"hideActions":[516,"hide-actions"]},[[4,"keydown","onKeyDown"]]]]],["wcs-dropdown",[[1,"wcs-dropdown",{"noArrow":[4,"no-arrow"],"mode":[1],"shape":[1],"disabled":[4],"placement":[1],"expanded":[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"]]]]],["wcs-galactic-menu",[[1,"wcs-galactic-menu",{"text":[1],"showPopoverMenu":[32]},[[8,"click","onWindowClickEvent"]]]]],["wcs-input",[[1,"wcs-input",{"fireFocusEvents":[4,"fire-focus-events"],"accept":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"prefixLabel":[1,"prefix-label"],"suffixLabel":[1,"suffix-label"],"disabled":[4],"enterkeyhint":[1],"icon":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"state":[513],"step":[1],"size":[2],"type":[1],"value":[1032],"hasFocus":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64]}]]],["wcs-textarea",[[1,"wcs-textarea",{"fireFocusEvents":[4,"fire-focus-events"],"autocapitalize":[1],"autofocus":[4],"clearOnEdit":[1028,"clear-on-edit"],"debounce":[2],"disabled":[4],"icon":[1],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"state":[513],"cols":[2],"rows":[2],"wrap":[1],"autoGrow":[4,"auto-grow"],"value":[1025],"hasFocus":[32],"fitContent":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]}]]],["wcs-accordion",[[1,"wcs-accordion",null,[[0,"wcsOpenChange","wcsOpenChangeHandler"]]]]],["wcs-accordion-content",[[1,"wcs-accordion-content"]]],["wcs-accordion-header",[[1,"wcs-accordion-header"]]],["wcs-accordion-panel",[[1,"wcs-accordion-panel",{"open":[1540],"close":[64]}]]],["wcs-action-bar",[[1,"wcs-action-bar",{"gutter":[4],"hasTabs":[32]}]]],["wcs-app",[[1,"wcs-app"]]],["wcs-badge",[[1,"wcs-badge",{"shape":[1],"color":[1]}]]],["wcs-card",[[1,"wcs-card",{"mode":[1537]}]]],["wcs-card-body",[[1,"wcs-card-body"]]],["wcs-com-nav",[[1,"wcs-com-nav",{"appName":[1,"app-name"],"mobileMenuOpen":[32],"currentActiveSizing":[32]}]]],["wcs-com-nav-category",[[1,"wcs-com-nav-category",{"label":[1],"categoryOpen":[32],"close":[64],"open":[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]]]],["wcs-com-nav-submenu",[[1,"wcs-com-nav-submenu",{"label":[1],"panelTitle":[1,"panel-title"],"panelDescription":[1,"panel-description"],"menuOpen":[32],"close":[64],"open":[64]},[[8,"click","onWindowClickEvent"],[8,"wcsSubmenuOpened","onSubmenuOpened"],[0,"wcsCategoryItemClicked","wcsCategoryItemClickedHandler"]]]]],["wcs-divider",[[1,"wcs-divider"]]],["wcs-dropdown-divider",[[1,"wcs-dropdown-divider"]]],["wcs-dropdown-header",[[1,"wcs-dropdown-header"]]],["wcs-dropdown-item",[[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"]]]]],["wcs-field",[[1,"wcs-field"]]],["wcs-field-content",[[1,"wcs-field-content"]]],["wcs-field-label",[[1,"wcs-field-label"]]],["wcs-footer",[[1,"wcs-footer"]]],["wcs-galactic",[[1,"wcs-galactic",{"text":[1],"show":[32]}]]],["wcs-grid-column",[[1,"wcs-grid-column",{"path":[1],"name":[1],"sort":[4],"sortFn":[16],"formatter":[16],"sortOrder":[1025,"sort-order"],"width":[1],"customCells":[4,"custom-cells"],"hidden":[4]}]]],["wcs-grid-custom-cell",[[1,"wcs-grid-custom-cell",{"columnId":[1,"column-id"],"rowId":[8,"row-id"]}]]],["wcs-header",[[1,"wcs-header"]]],["wcs-hint",[[1,"wcs-hint",{"small":[1540]}]]],["wcs-icon",[[0,"wcs-icon",{"icon":[1],"size":[1]}]]],["wcs-label",[[1,"wcs-label",{"required":[516]}]]],["wcs-list-item",[[1,"wcs-list-item",{"activated":[1028]}]]],["wcs-list-item-properties",[[1,"wcs-list-item-properties"]]],["wcs-list-item-property",[[1,"wcs-list-item-property"]]],["wcs-nav",[[1,"wcs-nav"]]],["wcs-nav-item",[[4,"wcs-nav-item",{"text":[513],"href":[513]}]]],["wcs-progress-radial",[[1,"wcs-progress-radial",{"size":[2],"showLabel":[4,"show-label"],"value":[2]}]]],["wcs-radio-group",[[1,"wcs-radio-group",{"value":[8],"name":[520],"mode":[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]]]],["wcs-switch",[[1,"wcs-switch",{"name":[1],"checked":[516],"labelAlignment":[513,"label-alignment"],"disabled":[4]}]]],["wcs-tab",[[1,"wcs-tab",{"header":[513],"itemKey":[8,"item-key"]}]]],["wcs-tabs",[[1,"wcs-tabs",{"align":[513],"selectedIndex":[2,"selected-index"],"selectedKey":[8,"selected-key"],"headersOnly":[4,"headers-only"],"gutter":[4],"headers":[32],"currentActiveTabIndex":[32]},[[0,"tabLoaded","onTabLoaded"]]]]],["wcs-tooltip",[[1,"wcs-tooltip",{"for":[1],"position":[513],"interactive":[4],"maxWidth":[8,"max-width"],"delay":[2],"duration":[2],"trigger":[1],"theme":[1],"content":[1],"hide":[64],"show":[64],"disable":[64],"enable":[64]}]]],["wcs-progress-bar",[[1,"wcs-progress-bar",{"small":[4],"showLabel":[4,"show-label"],"value":[2]}]]],["wcs-radio",[[1,"wcs-radio",{"mode":[513],"value":[1544],"label":[1537],"checked":[1540],"disabled":[1028]}]]],["wcs-select_2",[[4,"wcs-select-option",{"disabled":[1540],"selected":[1540],"value":[8],"chipColor":[1,"chip-color"],"chipBackgroundColor":[1,"chip-background-color"],"multiple":[1540]},[[1,"mousedown","onMouseDown"]]],[1,"wcs-select",{"value":[1032],"placeholder":[1537],"disabled":[1028],"multiple":[516],"chips":[516],"name":[1],"compareWith":[16],"expanded":[32],"hasLoaded":[32],"displayText":[32],"focused":[32],"overlayDirection":[32],"open":[64],"close":[64]},[[1,"mousedown","onMouseDown"],[8,"click","onWindowClickEvent"],[0,"wcsSelectOptionClick","selectedOptionChanged"]]]]],["wcs-error_2",[[1,"wcs-error"],[1,"wcs-form-field",{"isError":[1540,"is-error"],"hasPrefix":[32],"hasSuffix":[32],"spiedElement":[32]}]]],["wcs-spinner",[[1,"wcs-spinner",{"mode":[513]}]]],["wcs-button",[[1,"wcs-button",{"type":[1025],"href":[1],"disabled":[516],"ripple":[4],"shape":[513],"mode":[513]},[[0,"click","onClick"]]]]],["wcs-checkbox",[[1,"wcs-checkbox",{"name":[1],"indeterminate":[1540],"checked":[1540],"labelAlignment":[1537,"label-alignment"],"disabled":[4]}]]],["wcs-mat-icon",[[1,"wcs-mat-icon",{"icon":[1],"size":[1],"family":[1],"familyFile":[32],"familyClass":[32]}]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|