wcs-core 2.14.0 → 2.16.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.
Files changed (83) hide show
  1. package/README.md +7 -38
  2. package/dist/cjs/{helpers-6abce594.js → helpers-3ce2b83e.js} +20 -0
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/{select-arrow-18088ced.js → select-arrow-54b3e7b8.js} +1 -1
  5. package/dist/cjs/wcs-accordion-panel.cjs.entry.js +3 -3
  6. package/dist/cjs/wcs-button.cjs.entry.js +6 -2
  7. package/dist/cjs/wcs-com-nav.cjs.entry.js +18 -0
  8. package/dist/cjs/wcs-dropdown-item.cjs.entry.js +8 -2
  9. package/dist/cjs/wcs-dropdown.cjs.entry.js +38 -2
  10. package/dist/cjs/wcs-galactic-menu.cjs.entry.js +1 -1
  11. package/dist/cjs/wcs-grid.cjs.entry.js +9 -6
  12. package/dist/cjs/wcs-input.cjs.entry.js +2 -2
  13. package/dist/cjs/wcs-label.cjs.entry.js +1 -1
  14. package/dist/cjs/wcs-select_2.cjs.entry.js +4 -3
  15. package/dist/cjs/wcs-tabs.cjs.entry.js +6 -6
  16. package/dist/cjs/wcs-textarea.cjs.entry.js +1 -1
  17. package/dist/cjs/wcs.cjs.js +1 -1
  18. package/dist/collection/components/accordion-panel/accordion-panel.css +9 -0
  19. package/dist/collection/components/accordion-panel/accordion-panel.js +3 -3
  20. package/dist/collection/components/button/button.js +5 -1
  21. package/dist/collection/components/com-nav/com-nav.js +18 -0
  22. package/dist/collection/components/dropdown/dropdown.js +40 -1
  23. package/dist/collection/components/dropdown-item/dropdown-item.css +1 -1
  24. package/dist/collection/components/dropdown-item/dropdown-item.js +13 -1
  25. package/dist/collection/components/grid/grid.js +9 -6
  26. package/dist/collection/components/input/input.js +2 -2
  27. package/dist/collection/components/label/label.css +3 -1
  28. package/dist/collection/components/select/select-arrow.js +1 -1
  29. package/dist/collection/components/select/select.js +2 -1
  30. package/dist/collection/components/tabs/tabs.js +6 -6
  31. package/dist/collection/utils/accessibility.js +3 -0
  32. package/dist/collection/utils/helpers.js +15 -0
  33. package/dist/esm/{helpers-e2993152.js → helpers-374df0ea.js} +16 -1
  34. package/dist/esm/loader.js +1 -1
  35. package/dist/esm/{select-arrow-66a47b7a.js → select-arrow-f24031e4.js} +1 -1
  36. package/dist/esm/wcs-accordion-panel.entry.js +3 -3
  37. package/dist/esm/wcs-button.entry.js +6 -2
  38. package/dist/esm/wcs-com-nav.entry.js +18 -0
  39. package/dist/esm/wcs-dropdown-item.entry.js +8 -2
  40. package/dist/esm/wcs-dropdown.entry.js +38 -2
  41. package/dist/esm/wcs-galactic-menu.entry.js +1 -1
  42. package/dist/esm/wcs-grid.entry.js +9 -6
  43. package/dist/esm/wcs-input.entry.js +2 -2
  44. package/dist/esm/wcs-label.entry.js +1 -1
  45. package/dist/esm/wcs-select_2.entry.js +4 -3
  46. package/dist/esm/wcs-tabs.entry.js +6 -6
  47. package/dist/esm/wcs-textarea.entry.js +1 -1
  48. package/dist/esm/wcs.js +1 -1
  49. package/dist/types/components/button/button.d.ts +1 -0
  50. package/dist/types/components/com-nav/com-nav.d.ts +3 -0
  51. package/dist/types/components/dropdown/dropdown.d.ts +4 -0
  52. package/dist/types/components/dropdown-item/dropdown-item.d.ts +1 -0
  53. package/dist/types/components/grid/grid.d.ts +2 -1
  54. package/dist/types/components/select/select-arrow.d.ts +1 -0
  55. package/dist/types/utils/accessibility.d.ts +1 -0
  56. package/dist/types/utils/helpers.d.ts +5 -0
  57. package/dist/wcs/p-1b8330aa.entry.js +1 -0
  58. package/dist/wcs/p-28822f1f.entry.js +1 -0
  59. package/dist/wcs/p-557e3aa0.entry.js +1 -0
  60. package/dist/wcs/{p-5924d21b.entry.js → p-6585b5f3.entry.js} +1 -1
  61. package/dist/wcs/p-67005182.entry.js +1 -0
  62. package/dist/wcs/p-716ca1ac.entry.js +1 -0
  63. package/dist/wcs/p-8a000290.entry.js +1 -0
  64. package/dist/wcs/{p-a4f8a6b7.entry.js → p-96ee68db.entry.js} +1 -1
  65. package/dist/wcs/p-9f3976ac.entry.js +1 -0
  66. package/dist/wcs/p-a0ec21b0.entry.js +1 -0
  67. package/dist/wcs/p-c09e5b82.js +1 -0
  68. package/dist/wcs/{p-23e6c574.entry.js → p-cfbb66c6.entry.js} +2 -2
  69. package/dist/wcs/p-f5529a4f.js +1 -0
  70. package/dist/wcs/p-f79a36b2.entry.js +1 -0
  71. package/dist/wcs/wcs.esm.js +1 -1
  72. package/package.json +1 -1
  73. package/dist/wcs/p-1421429d.js +0 -1
  74. package/dist/wcs/p-174e238e.entry.js +0 -1
  75. package/dist/wcs/p-1a901934.entry.js +0 -1
  76. package/dist/wcs/p-1cc7a22c.entry.js +0 -1
  77. package/dist/wcs/p-80aafdd9.entry.js +0 -1
  78. package/dist/wcs/p-83651b14.entry.js +0 -1
  79. package/dist/wcs/p-ae70c0ce.entry.js +0 -1
  80. package/dist/wcs/p-b07c8dc4.entry.js +0 -1
  81. package/dist/wcs/p-ba608aa0.entry.js +0 -1
  82. package/dist/wcs/p-cf4d7a83.js +0 -1
  83. package/dist/wcs/p-d639802e.entry.js +0 -1
@@ -1,8 +1,12 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-2a90353f.js';
2
- import { S as SelectArrow } from './select-arrow-66a47b7a.js';
3
- import { c as clickTargetIsElementOrChildren } from './helpers-e2993152.js';
2
+ import { S as SelectArrow } from './select-arrow-f24031e4.js';
3
+ import { c as clickTargetIsElementOrChildren, i as isKeydown, a as isKeyup, b as isEscapeKey } from './helpers-374df0ea.js';
4
4
  import { c as createPopper } from './popper-548df79b.js';
5
5
 
6
+ function isElementFocused(element) {
7
+ return element === document.activeElement;
8
+ }
9
+
6
10
  const dropdownCss = ":host{display:flex}wcs-button{--wcs-button-padding:8px 10px 8px 16px !important}:host([no-arrow]) wcs-button{--wcs-button-padding:8px 16px 8px 16px !important}:host([shape=small]) wcs-button{--wcs-button-padding:2px 10px 2px 16px !important}:host([shape=small][no-arrow]) wcs-button{--wcs-button-padding:2px 16px 2px 16px !important}.wcs-button-content-wrapper{display:flex}.popover{display:none;border:1px solid #d7d7d7;border-radius:var(--wcs-border-radius);background-color:var(--wcs-white);z-index:9999}.show{display:block}.container{border-radius:inherit;overflow:hidden;padding:calc(var(--wcs-padding) / 2) 0;background-color:var(--wcs-white)}#arrow,#arrow::before{position:absolute;width:8px;height:8px;background:inherit;border:solid 1px #d7d7d7}#arrow{visibility:hidden;z-index:-1}#arrow::before{visibility:visible;content:\"\";transform:rotate(45deg)}.popover[data-popper-placement^=top]>#arrow{bottom:-5px}.popover[data-popper-placement^=bottom]>#arrow{top:-6px}.popover[data-popper-placement^=left]>#arrow{right:-4px}.popover[data-popper-placement^=right]>#arrow{left:-6px}";
7
11
 
8
12
  let Dropdown = class {
@@ -67,6 +71,38 @@ let Dropdown = class {
67
71
  dropdownItemClick(_) {
68
72
  this.expanded = false;
69
73
  }
74
+ onKeyDown(evt) {
75
+ if (this.expanded && (isKeydown(evt) || isKeyup(evt))) {
76
+ const items = Array.from(this.el.querySelectorAll('wcs-dropdown-item'));
77
+ const currentFocusedItemIndex = items.findIndex(item => isElementFocused(item));
78
+ // If the dropdown is expended by the user, but no item is focused and the keydown is pressed
79
+ if (currentFocusedItemIndex === -1 && isKeydown(evt)) {
80
+ this.focusFirstItemIfPresent(items);
81
+ }
82
+ else {
83
+ this.moveFocusedItemByDirection(items, currentFocusedItemIndex, isKeydown(evt) ? 'down' : 'up');
84
+ }
85
+ }
86
+ if (this.expanded && isEscapeKey(evt)) {
87
+ this.closeOverlayAndFocusButton();
88
+ }
89
+ }
90
+ focusFirstItemIfPresent(items) {
91
+ if (items[0]) {
92
+ items[0].focus();
93
+ }
94
+ }
95
+ moveFocusedItemByDirection(items, currentFocusedItemIndex, direction) {
96
+ const itemToFocus = items[(currentFocusedItemIndex) + (direction === 'down' ? 1 : -1)];
97
+ if (itemToFocus) {
98
+ itemToFocus.focus();
99
+ }
100
+ }
101
+ closeOverlayAndFocusButton() {
102
+ this.expanded = !this.expanded;
103
+ const wcsButton = this.el.shadowRoot.querySelector('wcs-button');
104
+ wcsButton.focus();
105
+ }
70
106
  componentDidRender() {
71
107
  if (this.popper) {
72
108
  this.popper.update();
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-2a90353f.js';
2
- import { a as clickInsideElement } from './helpers-e2993152.js';
2
+ import { f as clickInsideElement } from './helpers-374df0ea.js';
3
3
  import { c as createPopper } from './popper-548df79b.js';
4
4
 
5
5
  const galacticMenuCss = "#menu{background-color:var(--wcs-gray);color:white;display:none;padding:var(--wcs-padding)}#menu[data-show]{display:block;z-index:9999}#menu[data-popper-placement^=top]>#arrow{bottom:-4px}#menu[data-popper-placement^=bottom]>#arrow{top:-4px}#menu[data-popper-placement^=left]>#arrow{right:-4px}#menu[data-popper-placement^=right]>#arrow{left:-4px}:host{display:flex;align-items:center;height:32px;padding-left:var(--wcs-padding);background-color:var(--wcs-gray-light)}#toggle-menu-icon{cursor:pointer;padding:0 var(--wcs-padding);user-select:none}#arrow,#arrow::before{position:absolute;width:8px;height:8px;background:inherit}#arrow{visibility:hidden}#arrow::before{visibility:visible;content:\"\";transform:rotate(45deg)}";
@@ -106,6 +106,7 @@ let Grid = class {
106
106
  }
107
107
  onDataChange(newValue) {
108
108
  this.updateGridRows(newValue);
109
+ this.refreshSort(false);
109
110
  }
110
111
  onSelectedItemsPropertyChange(newValue) {
111
112
  this.updateSelectionWithValues(newValue);
@@ -170,19 +171,21 @@ let Grid = class {
170
171
  if (this.selectedItems) {
171
172
  this.updateSelectionWithValues(this.selectedItems);
172
173
  }
173
- this.applyInitialSortConfig();
174
+ this.refreshSort(true);
174
175
  }
175
176
  /**
176
177
  * Handle existing column's filters (defined before the grid is instantiated)
177
178
  * @private
178
179
  */
179
- applyInitialSortConfig() {
180
+ refreshSort(refreshOthersColmumnsSortOrderState) {
180
181
  const [first, ...other] = this.columns.filter(c => c.sortOrder !== 'none');
181
- // We keep only one active sorted column
182
- other === null || other === void 0 ? void 0 : other.forEach(o => o.sortOrder = 'none');
183
182
  if (first && !this.serverMode) {
184
183
  this.sortBy(first);
185
184
  }
185
+ refreshOthersColmumnsSortOrderState && this.disableSortOrderForColumns(other);
186
+ }
187
+ disableSortOrderForColumns(columns) {
188
+ columns === null || columns === void 0 ? void 0 : columns.forEach(c => c.sortOrder = 'none');
186
189
  }
187
190
  getGridColumnsFromTemplate() {
188
191
  const slotted = this.el.shadowRoot.querySelector('slot[name="grid-column"]');
@@ -196,7 +199,7 @@ let Grid = class {
196
199
  if (event.detail.order === 'none')
197
200
  return;
198
201
  // We keep only one active sort column
199
- this.columns.filter(c => c !== event.detail.column).forEach(c => c.sortOrder = 'none');
202
+ this.disableSortOrderForColumns(this.columns.filter(c => c !== event.detail.column));
200
203
  if (this.serverMode)
201
204
  return;
202
205
  this.sortBy(event.detail.column);
@@ -225,7 +228,7 @@ let Grid = class {
225
228
  */
226
229
  updatePageIndex() {
227
230
  if (!this.serverMode && this.paginationEl) {
228
- if (this.paginationEl.currentPage + 1 > this.paginationEl.pageCount) {
231
+ if (this.paginationEl.pageCount > 0 && this.paginationEl.currentPage + 1 > this.paginationEl.pageCount) {
229
232
  this.paginationEl.currentPage = this.paginationEl.pageCount - 1;
230
233
  }
231
234
  this.paginationEl.itemsCount = this.data.length;
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2a90353f.js';
2
- import { d as debounceEvent, i as inheritAttributes, f as findItemLabel } from './helpers-e2993152.js';
2
+ import { g as debounceEvent, h as inheritAttributes, j as findItemLabel } from './helpers-374df0ea.js';
3
3
 
4
4
  const inputCss = ":host{--wcs-input-icon-color:var(--wcs-text-medium);--wcs-internal-input-border-radius-left:var(--wcs-input-border-radius-left, var(--wcs-border-radius));--wcs-internal-input-border-radius-right:var(--wcs-input-border-radius-right, var(--wcs-border-radius));display:flex;width:100%;border-radius:var(--wcs-internal-input-border-radius-left) var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-left);background-color:var(--wcs-light);border:1px solid var(--wcs-light);background-clip:padding-box}:host ::placeholder{font-weight:400;font-style:italic}:host input{overflow:hidden;box-sizing:border-box;min-height:24px;width:100%;background-color:transparent;font-family:var(--wcs-font-sans-serif);color:var(--wcs-primary);font-weight:var(--wcs-font-weight-form-value) !important;border:none;padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);font-size:1rem;line-height:1.5}:host input:focus{box-shadow:none;outline:0}:host wcs-mat-icon{position:relative;margin-left:8px;margin-right:-8px}:host .toggle_password{cursor:pointer;margin-left:-8px;margin-right:8px}:host .prefix,:host .suffix{color:var(--wcs-white);display:flex;white-space:nowrap;align-items:center;padding:0 calc(var(--wcs-padding) / 2);font-weight:var(--wcs-font-weight-form-value) !important;background-color:var(--wcs-text-disabled)}:host .prefix{border-radius:var(--wcs-internal-input-border-radius-left) 0 0 var(--wcs-internal-input-border-radius-left);margin:-1px 0 -1px -1px;border-left:solid 1px transparent;border-top:solid 1px transparent;border-bottom:solid 1px transparent}:host .suffix{border-radius:0 var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) 0;margin:-1px -1px -1px 0px;border-right:solid 1px transparent;border-top:solid 1px transparent;border-bottom:solid 1px transparent}:host([state=error]){border-color:var(--wcs-red) !important}:host([data-has-prefix]) input{padding-left:calc(var(--wcs-padding) / 2)}:host([data-has-suffix]) input{padding-left:calc(var(--wcs-padding) / 2)}:host([disabled]) input{color:var(--wcs-text-disabled)}:host([disabled]) .prefix,:host([disabled]) .suffix{color:var(--wcs-light)}:host(:focus-within){border:solid 1px var(--wcs-primary)}:host(:focus-within) .prefix{border-left:solid 1px var(--wcs-primary);border-top:solid 1px var(--wcs-primary);border-bottom:solid 1px var(--wcs-primary)}:host(:focus-within) .suffix{border-right:solid 1px var(--wcs-primary);border-top:solid 1px var(--wcs-primary);border-bottom:solid 1px var(--wcs-primary)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-primary)}";
5
5
 
@@ -218,7 +218,7 @@ let Input = class {
218
218
  if (label) {
219
219
  label.id = labelId;
220
220
  }
221
- return (h(Host, { "aria-disabled": this.disabled ? 'true' : null, "data-has-prefix": !!this.prefixLabel, "data-has-suffix": !!this.suffixLabel }, this.prefixLabel ? (h("span", { class: "prefix" }, this.prefixLabel)) : null, this.icon ? (h("wcs-mat-icon", { icon: this.icon, size: "m" })) : null, h("input", Object.assign({ class: "native-input", ref: input => this.nativeInput = input, "aria-labelledby": label ? labelId : null, disabled: this.disabled, accept: this.accept, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.passwordReveal ? 'text' : this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown }, this.inheritedAttributes)), this.type === "password" ? (h("wcs-mat-icon", { class: "toggle_password", icon: this.iconPassword, size: "m", onClick: () => this.passwordRevealIconClick() })) : null, this.suffixLabel ? (h("span", { class: "suffix" }, this.suffixLabel)) : null));
221
+ return (h(Host, { "aria-disabled": this.disabled ? 'true' : null, "data-has-prefix": !!this.prefixLabel, "data-has-suffix": !!this.suffixLabel }, this.prefixLabel ? (h("span", { class: "prefix", part: "prefix" }, this.prefixLabel)) : null, this.icon ? (h("wcs-mat-icon", { icon: this.icon, size: "m" })) : null, h("input", Object.assign({ class: "native-input", ref: input => this.nativeInput = input, "aria-labelledby": label ? labelId : null, disabled: this.disabled, accept: this.accept, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.passwordReveal ? 'text' : this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown }, this.inheritedAttributes)), this.type === "password" ? (h("wcs-mat-icon", { class: "toggle_password", icon: this.iconPassword, size: "m", onClick: () => this.passwordRevealIconClick() })) : null, this.suffixLabel ? (h("span", { class: "suffix", part: "suffix" }, this.suffixLabel)) : null));
222
222
  }
223
223
  get el() { return getElement(this); }
224
224
  static get watchers() { return {
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-2a90353f.js';
2
2
 
3
- const labelCss = ":host{font-weight:500;margin-bottom:8px}:host([required])::after{font-weight:500;color:var(--wcs-red);content:\"*\"}label{display:inline-flex;align-items:center}label ::slotted(wcs-mat-icon){margin-left:calc(var(--wcs-base-margin) / 2)}";
3
+ const labelCss = ":host{font-weight:500;margin-bottom:8px}:host([required])::after{font-weight:500;color:var(--wcs-red);content:\" *\"}label{display:inline-flex;align-items:center}label ::slotted(wcs-mat-icon){display:inline;vertical-align:middle;margin-left:calc(var(--wcs-base-margin) / 2)}";
4
4
 
5
5
  let Label = class {
6
6
  constructor(hostRef) {
@@ -1,7 +1,7 @@
1
1
  import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-2a90353f.js';
2
2
  import { l as lodash } from './lodash-d6d9d079.js';
3
- import { S as SelectArrow } from './select-arrow-66a47b7a.js';
4
- import { b as isElement } from './helpers-e2993152.js';
3
+ import { S as SelectArrow } from './select-arrow-f24031e4.js';
4
+ import { k as isElement } from './helpers-374df0ea.js';
5
5
  import { M as MDCRipple } from './component-6b4d470f.js';
6
6
 
7
7
  /*! *****************************************************************************
@@ -5008,7 +5008,8 @@ let Select = class {
5008
5008
  onMouseDown(event) {
5009
5009
  const clickOnScroll = isElement(event.target)
5010
5010
  && (event.offsetX > event.target.clientWidth
5011
- || event.offsetY > event.target.clientHeight);
5011
+ || event.offsetY > event.target.clientHeight // If the click il located bellow the component height the click happen in the overlay
5012
+ || event.offsetY < 0); // If the click is made above the component
5012
5013
  const clickOnRemoveChip = event.composedPath()
5013
5014
  .filter(x => {
5014
5015
  const el = x;
@@ -72,6 +72,7 @@ let Tabs = class {
72
72
  }
73
73
  }
74
74
  handleKeyDown(ev, tabIndex) {
75
+ var _a, _b;
75
76
  const target = ev.target;
76
77
  switch (ev.key) {
77
78
  case ' ':
@@ -82,16 +83,14 @@ let Tabs = class {
82
83
  break;
83
84
  }
84
85
  case 'ArrowLeft': {
85
- if (target.previousElementSibling
86
- && target.previousElementSibling.classList.contains('wcs-tab-header')) {
86
+ if ((_a = target.previousElementSibling) === null || _a === void 0 ? void 0 : _a.classList.contains('wcs-tab-header')) {
87
87
  target.previousElementSibling.focus();
88
88
  ev.preventDefault();
89
89
  }
90
90
  break;
91
91
  }
92
92
  case 'ArrowRight': {
93
- if (target.nextElementSibling
94
- && target.nextElementSibling.classList.contains('wcs-tab-header')) {
93
+ if ((_b = target.nextElementSibling) === null || _b === void 0 ? void 0 : _b.classList.contains('wcs-tab-header')) {
95
94
  target.nextElementSibling.focus();
96
95
  ev.preventDefault();
97
96
  }
@@ -107,13 +106,14 @@ let Tabs = class {
107
106
  });
108
107
  }
109
108
  get tabs() {
109
+ var _a;
110
110
  const tabsEl = this.el.shadowRoot.querySelector('.wcs-tabs');
111
111
  // FIXME: problem with this selector being too greedy in ff < 63
112
112
  const tabs = this.el.shadowRoot.querySelectorAll('.wcs-tabs > wcs-tab');
113
113
  return tabs.length !== 0
114
114
  ? tabs
115
- : tabsEl.querySelector('slot')
116
- ? tabsEl.querySelector('slot').assignedElements()
115
+ : (tabsEl === null || tabsEl === void 0 ? void 0 : tabsEl.querySelector('slot'))
116
+ ? (_a = tabsEl === null || tabsEl === void 0 ? void 0 : tabsEl.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedElements()
117
117
  : [];
118
118
  }
119
119
  selectTabAndEmitChangeEvent(index) {
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, a as readTask, h, H as Host, g as getElement } from './index-2a90353f.js';
2
- import { d as debounceEvent, i as inheritAttributes, r as raf, f as findItemLabel } from './helpers-e2993152.js';
2
+ import { g as debounceEvent, h as inheritAttributes, r as raf, j as findItemLabel } from './helpers-374df0ea.js';
3
3
 
4
4
  const textareaCss = ":host{--wcs-textarea-icon-color:var(--wcs-text-medium);--wcs-internal-textarea-border-radius-left:var(--wcs-textarea-border-radius-left, var(--wcs-border-radius));--wcs-internal-textarea-border-radius-right:var(--wcs-textarea-border-radius-right, var(--wcs-border-radius));display:flex;flex-direction:row;width:100%;border-radius:var(--wcs-internal-textarea-border-radius-left) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-left);background-color:var(--wcs-light);border:1px solid var(--wcs-light);background-clip:padding-box}:host ::placeholder{font-weight:400;font-style:italic}:host textarea{overflow:auto;flex:1;width:100%;box-sizing:border-box;min-height:24px;background-color:transparent;font-family:var(--wcs-font-sans-serif);color:var(--wcs-primary);font-weight:var(--wcs-font-weight-form-value) !important;border:none;padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);font-size:1rem;line-height:1.5}:host textarea:focus{box-shadow:none;outline:0}:host wcs-mat-icon{position:relative;margin-top:7px;margin-left:8px;margin-right:-8px}:host([disabled]) textarea{color:var(--wcs-text-disabled)}:host([state=error]){border-color:var(--wcs-red) !important}:host(:focus-within){border:solid 1px var(--wcs-primary)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-primary)}";
5
5
 
package/dist/esm/wcs.js CHANGED
@@ -13,5 +13,5 @@ const patchBrowser = () => {
13
13
  };
14
14
 
15
15
  patchBrowser().then(options => {
16
- 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],"passwordReveal":[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",{"hideActionText":[516,"hide-action-text"],"highlight":[516],"groupContentWithHeader":[516,"group-content-with-header"]},[[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],"hideActionText":[516,"hide-action-text"],"highlight":[516],"groupContentWithHeader":[516,"group-content-with-header"],"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]},[[0,"wcsClickOnFinalAction","onClickOnFinalAction"],[0,"wcsCategoryItemClicked","onClickOnFinalActionCat"]]]]],["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);
16
+ 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"],[0,"keydown","onKeyDown"]]]]],["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],"passwordReveal":[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",{"hideActionText":[516,"hide-action-text"],"highlight":[516],"groupContentWithHeader":[516,"group-content-with-header"]},[[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],"hideActionText":[516,"hide-action-text"],"highlight":[516],"groupContentWithHeader":[516,"group-content-with-header"],"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]},[[0,"wcsClickOnFinalAction","onClickOnFinalAction"],[0,"wcsCategoryItemClicked","onClickOnFinalActionCat"]]]]],["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"],[0,"keydown","onKeyDown"]]]]],["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);
17
17
  });
@@ -36,6 +36,7 @@ export declare class Button implements ComponentInterface {
36
36
  componentDidLoad(): void;
37
37
  private enabledRippleEffect;
38
38
  private disabledRippleEffect;
39
+ private getTagName;
39
40
  onRippleChange(): void;
40
41
  render(): any;
41
42
  }
@@ -6,9 +6,12 @@ export declare class ComNav implements ComponentInterface {
6
6
  mobileMenuOpen: boolean;
7
7
  currentActiveSizing: 'desktop' | 'mobile';
8
8
  resizeObserver: ResizeObserver;
9
+ private hasAlreadyRegisteredClickHandlerOnSlottedLink;
9
10
  private mobileMenuIconClick;
10
11
  disconnectedCallback(): void;
11
12
  componentWillLoad(): Promise<void> | void;
13
+ componentDidRender(): void;
14
+ private registerHandlerToCloseMobileMenuOnClickOnSlottedLinkTag;
12
15
  onClickOnFinalAction(): void;
13
16
  onClickOnFinalActionCat(): void;
14
17
  render(): any;
@@ -22,6 +22,10 @@ export declare class Dropdown implements ComponentInterface {
22
22
  private onButtonClick;
23
23
  onWindowClickEvent(event: MouseEvent): void;
24
24
  dropdownItemClick(_: CustomEvent<void>): void;
25
+ onKeyDown(evt: KeyboardEvent): void;
26
+ private focusFirstItemIfPresent;
27
+ private moveFocusedItemByDirection;
28
+ private closeOverlayAndFocusButton;
25
29
  componentDidRender(): void;
26
30
  render(): any;
27
31
  }
@@ -2,5 +2,6 @@ import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
2
2
  export declare class DropdownItem implements ComponentInterface {
3
3
  wcsDropdownItemClick: EventEmitter<void>;
4
4
  onMouseDown(_: MouseEvent): void;
5
+ onKeyDown(evt: KeyboardEvent): void;
5
6
  render(): any;
6
7
  }
@@ -50,7 +50,8 @@ export declare class Grid implements ComponentInterface, ComponentDidLoad {
50
50
  * Handle existing column's filters (defined before the grid is instantiated)
51
51
  * @private
52
52
  */
53
- private applyInitialSortConfig;
53
+ private refreshSort;
54
+ private disableSortOrderForColumns;
54
55
  private getGridColumnsFromTemplate;
55
56
  private getGridPaginationsFromTemplate;
56
57
  sortChangeEventHandler(event: CustomEvent<WcsGridColumnSortChangeEventDetails>): void;
@@ -1,4 +1,5 @@
1
1
  import { FunctionalComponent } from '../../stencil-public-runtime';
2
2
  export declare const SelectArrow: FunctionalComponent<{
3
3
  up: boolean;
4
+ ariaLabel?: string;
4
5
  }>;
@@ -0,0 +1 @@
1
+ export declare function isElementFocused(element: HTMLElement): boolean;
@@ -27,3 +27,8 @@ export declare const raf: (h: any) => any;
27
27
  */
28
28
  export declare const clickInsideElement: (event: MouseEvent, element: HTMLElement) => boolean;
29
29
  export declare const clickTargetIsElementOrChildren: (mouseEvent: MouseEvent, element: HTMLElement) => boolean;
30
+ export declare function isKeyup(evt: KeyboardEvent): boolean;
31
+ export declare function isKeydown(evt: KeyboardEvent): boolean;
32
+ export declare function isEscapeKey(evt: KeyboardEvent): boolean;
33
+ export declare function isSpaceKey(evt: KeyboardEvent): boolean;
34
+ export declare function isEnterKey(evt: KeyboardEvent): boolean;
@@ -0,0 +1 @@
1
+ import{r as o,c as t,h as e,H as r}from"./p-255365bc.js";import{S as s}from"./p-c09e5b82.js";let n=class{constructor(e){o(this,e),this.wcsOpenChange=t(this,"wcsOpenChange",7),this.open=!1,this.hideActionText=!1,this.highlight=!1,this.groupContentWithHeader=!1}openChange(o){this.wcsOpenChange.emit(o)}async close(){this.open=!1}render(){return e(r,null,e("button",{"aria-expanded":this.open?"true":"false","aria-controls":"content",class:"header",onClick:()=>this.open=!this.open},e("slot",{name:"header"}),e("span",{class:"header-action"},!this.hideActionText&&e("span",null,this.open?"Fermez":"Ouvrez"),e(s,{up:this.open}))),e("div",{class:"content",id:"content"},e("slot",{name:"content"})))}static get watchers(){return{open:["openChange"]}}};n.style=":host{display:flex;flex-direction:column;cursor:pointer;margin-bottom:16px}:host .header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-radius:7px;font-weight:500;font-size:16px;color:var(--wcs-primary);background-color:var(--wcs-light);border:none}@media (forced-colors: active){:host .header{border:1px solid ButtonBorder}}:host .header:focus-visible{outline:2px solid var(--wcs-primary)}:host .header-action{display:flex;align-items:center;user-select:none}:host .header-action .arrow{fill:var(--wcs-primary)}:host .content{display:none}:host([open]){margin-bottom:0}:host([open]) .content{display:block}:host([open]):host([group-content-with-header]) .header{border-radius:7px 7px 0 0;padding-bottom:0}:host([open]):host([group-content-with-header]) .content{border-radius:0 0 7px 7px;margin-bottom:14px;background-color:var(--wcs-light)}:host([open]):host([highlight]) .header{background-color:var(--wcs-primary);color:var(--wcs-light)}:host([open]):host([highlight]) .arrow{fill:var(--wcs-light)}:host([open]):host([highlight]):host([group-content-with-header]) .content{background-color:var(--wcs-primary);color:var(--wcs-light)}";export{n as wcs_accordion_panel}
@@ -0,0 +1 @@
1
+ import{r as t,c as s,f as i,h as e,H as n,g as o}from"./p-255365bc.js";import{l as r}from"./p-adef7aaf.js";function h(t){switch(t){case"asc":return 1;case"desc":return-1}}var a,l=new Uint8Array(16);function c(){if(!a&&!(a="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return a(l)}const d=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function u(t){return"string"==typeof t&&d.test(t)}for(var g=[],p=0;p<256;++p)g.push((p+256).toString(16).substr(1));function f(t,s,i){var e=(t=t||{}).random||(t.rng||c)();if(e[6]=15&e[6]|64,e[8]=63&e[8]|128,s){i=i||0;for(var n=0;n<16;++n)s[i+n]=e[n];return s}return function(t){var s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=(g[t[s+0]]+g[t[s+1]]+g[t[s+2]]+g[t[s+3]]+"-"+g[t[s+4]]+g[t[s+5]]+"-"+g[t[s+6]]+g[t[s+7]]+"-"+g[t[s+8]]+g[t[s+9]]+"-"+g[t[s+10]]+g[t[s+11]]+g[t[s+12]]+g[t[s+13]]+g[t[s+14]]+g[t[s+15]]).toLowerCase();if(!u(i))throw TypeError("Stringified UUID is invalid");return i}(e)}let m=class{constructor(i){t(this,i),this.wcsGridSelectionChange=s(this,"wcsGridSelectionChange",7),this.wcsGridAllSelectionChange=s(this,"wcsGridAllSelectionChange",7),this.selectionConfig="none",this.selectedItems=[],this.rows=[]}onDataChange(t){this.updateGridRows(t),this.refreshSort(!1)}onSelectedItemsPropertyChange(t){this.updateSelectionWithValues(t)}onHiddenColumnChange(){i(this)}updateSelectionWithValues(t){if("single"===this.selectionConfig){this.rows.map((t=>t.selected=!1));for(const s of this.rows)if(r.isEqual(s.data,t)){s.selected=!0;break}}else if("multiple"===this.selectionConfig){this.rows.map((t=>t.selected=!1));for(const s of this.rows)t.find((t=>r.isEqual(t,s.data)))&&(s.selected=!0)}this.rows=r.cloneDeep(this.rows)}wcsGridRowToWcsGridRowData(t){return{selected:t.selected,page:t.page,data:t.data}}updateGridRows(t){const s=[];if(t&&this.columns){for(let i=0;i<t.length;i++){const e={uuid:f(),data:t[i],selected:!1,cells:[]};for(const s of this.columns)e.cells.push({content:r.get(t[i],s.path),column:s,formatter:s.formatter});s.push(e)}this.rows=s,this.updatePageIndex()}}componentDidLoad(){this.columns=this.getGridColumnsFromTemplate(),this.paginationEl=this.wcsGridPaginationId?document.getElementById(this.wcsGridPaginationId):this.getGridPaginationsFromTemplate()[0],this.updateGridRows(this.data),this.selectedItems&&this.updateSelectionWithValues(this.selectedItems),this.refreshSort(!0)}refreshSort(t){const[s,...i]=this.columns.filter((t=>"none"!==t.sortOrder));s&&!this.serverMode&&this.sortBy(s),t&&this.disableSortOrderForColumns(i)}disableSortOrderForColumns(t){null==t||t.forEach((t=>t.sortOrder="none"))}getGridColumnsFromTemplate(){return this.el.shadowRoot.querySelector('slot[name="grid-column"]').assignedElements()}getGridPaginationsFromTemplate(){return this.el.shadowRoot.querySelector('slot[name="grid-pagination"]').assignedElements()}sortChangeEventHandler(t){"none"!==t.detail.order&&(this.disableSortOrderForColumns(this.columns.filter((s=>s!==t.detail.column))),this.serverMode||(this.sortBy(t.detail.column),this.updatePageIndex()))}sortBy(t){this.rows=t.sortFn?r.cloneDeep(this.rows).sort(((s,i)=>t.sortFn(s.data,i.data,t)*h(t.sortOrder))):r.cloneDeep(this.rows).sort(((s,i)=>{const e=t.path;return(r.get(s.data,e)<r.get(i.data,e)?-1:r.get(s.data,e)>r.get(i.data,e)?1:0)*h(t.sortOrder)}))}updatePageIndex(){if(!this.serverMode&&this.paginationEl){this.paginationEl.pageCount>0&&this.paginationEl.currentPage+1>this.paginationEl.pageCount&&(this.paginationEl.currentPage=this.paginationEl.pageCount-1),this.paginationEl.itemsCount=this.data.length,this.paginationEl.pageCount=Math.ceil(this.data.length/this.paginationEl.pageSize);const t=r.cloneDeep(this.rows);t.forEach(((t,s)=>t.page=Math.floor(s/this.paginationEl.pageSize))),this.rows=[...t]}}paginationChangeEventHandler(){this.onPaginationChange()}paginationChangeEventHandlerOutside(t){this.wcsGridPaginationId&&this.wcsGridPaginationId===t.target.id&&this.onPaginationChange()}onPaginationChange(){this.serverMode||this.updatePageIndex()}onRowSelection(t){"single"===this.selectionConfig&&this.rows.filter((s=>s.uuid!==t.uuid)).map((t=>t.selected=!1)),t.selected=!t.selected,("single"!==this.selectionConfig||t.selected)&&this.wcsGridSelectionChange.emit({row:this.wcsGridRowToWcsGridRowData(t)}),this.rows=r.cloneDeep(this.rows)}selectAllRows(){const t=this.getRowsForCurrentPage(),s=!this.allRowsAreSelected();t.map((t=>t.selected=s)),this.wcsGridAllSelectionChange.emit({rows:s?t.map((t=>this.wcsGridRowToWcsGridRowData(t))):[]}),this.rows=r.cloneDeep(this.rows)}allRowsAreSelected(){const t=this.getRowsForCurrentPage();return t.length>0&&t.filter((t=>t.selected)).length===t.length}getRowsForCurrentPage(){return this.paginationEl?this.rows.filter((t=>t.page===this.paginationEl.currentPage)):this.rows}renderSelectionColumn(t){switch(this.selectionConfig){case"none":return;case"single":return e("td",null,e("wcs-radio",{checked:t.selected,onClick:this.onRowSelection.bind(this,t)}));case"multiple":return e("td",null,e("wcs-checkbox",{checked:t.selected,onWcsChange:this.onRowSelection.bind(this,t)}))}}getCellContent(t,s){return s.formatter?s.formatter(e,s.column,this.wcsGridRowToWcsGridRowData(t)):s.content}totalColumnCount(){return this.columns?this.columns.length+("none"===this.selectionConfig?0:1):0}render(){var t;return e(n,null,e("table",null,e("thead",null,"none"===this.selectionConfig?"":e("th",{class:"wcs-grid-selection-column"},"single"===this.selectionConfig?"":e("wcs-checkbox",{checked:this.allRowsAreSelected(),onWcsChange:this.selectAllRows.bind(this)})),e("slot",{name:"grid-column"})),e("tbody",null,this.loading?e("tr",null,e("td",{colSpan:this.totalColumnCount(),class:"loading"},e("wcs-spinner",null))):null===(t=this.rows)||void 0===t?void 0:t.filter((t=>this.serverMode||!this.paginationEl||t.page===this.paginationEl.currentPage)).map((t=>this.renderRow(t))))),e("slot",{name:"grid-pagination"}))}renderRow(t){var s;return e("tr",{class:t.selected?"selected":""},this.renderSelectionColumn(t),null===(s=t.cells)||void 0===s?void 0:s.map((s=>{if(!s.column.hidden)return s.column.customCells?e("td",null,e("slot",{name:s.column.id+"-"+t.data[this.rowIdPath]})):e("td",{part:s.column.path+"-column"},this.getCellContent(t,s))})))}get el(){return o(this)}static get watchers(){return{data:["onDataChange"],selectedItems:["onSelectedItemsPropertyChange"]}}};m.style=":host{display:block;--wcs-grid-highlight-color:var(--wcs-light)}:host th{background-color:var(--wcs-light)}:host th:not(:first-child){border-left:solid 1px var(--wcs-text-light)}:host ::slotted([slot=grid-column]:first-child){--wcs-grid-column-border-left:none}:host table{width:100%;border-spacing:0}:host td{color:var(--wcs-gray-light);margin:0;padding:calc(var(--wcs-padding) / 2) var(--wcs-padding)}:host tr:not(:last-child) td{border-bottom:solid 1px var(--wcs-text-light)}:host .wcs-grid-selection-column{padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);width:40px}:host tr.selected{background-color:var(--wcs-grid-highlight-color)}:host .loading{text-align:center}:host([selection]) ::slotted([slot=grid-column]:first-child){--wcs-grid-column-border-left:solid 1px var(--wcs-text-light) !important}";export{m as wcs_grid}
@@ -0,0 +1 @@
1
+ import{r as t,h as o,H as s,g as i}from"./p-255365bc.js";import{S as r}from"./p-c09e5b82.js";import{c as e,i as n,a as p,b as a}from"./p-f5529a4f.js";import{c as d}from"./p-e4fdcd1f.js";let c=class{constructor(o){t(this,o),this.noArrow=!1,this.mode="stroked",this.shape="normal",this.disabled=!1,this.placement="bottom-end",this.expanded=!1}placementChange(){this.popper.setOptions(Object.assign(Object.assign({},this.popper.state.options),{placement:this.placement})).then((()=>this.popper.update()))}componentDidLoad(){const t=this.el.shadowRoot.querySelector("wcs-button"),o=t.shadowRoot.querySelector("button");this.buttonTextColor=window.getComputedStyle(o).color;const s=this.el.shadowRoot.querySelector(".popover");this.popper=d(t,s,{placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,8]}}]}),this.noArrow||(this.el.shadowRoot.querySelector(".arrow").style.fill=this.buttonTextColor),this.fixForFirefoxBelow63()}fixForFirefoxBelow63(){const t=this.el.querySelectorAll("wcs-dropdown-item"),o=this.el.querySelector(".container");t.length>0&&o&&t.forEach((t=>{this.el.removeChild(t),o.appendChild(t)}))}onButtonClick(t){this.expanded=!this.expanded}onWindowClickEvent(t){const o=e(t,this.el);this.expanded&&!o&&(this.expanded=!1)}dropdownItemClick(t){this.expanded=!1}onKeyDown(t){if(this.expanded&&(n(t)||p(t))){const o=Array.from(this.el.querySelectorAll("wcs-dropdown-item")),s=o.findIndex((t=>t===document.activeElement));-1===s&&n(t)?this.focusFirstItemIfPresent(o):this.moveFocusedItemByDirection(o,s,n(t)?"down":"up")}this.expanded&&a(t)&&this.closeOverlayAndFocusButton()}focusFirstItemIfPresent(t){t[0]&&t[0].focus()}moveFocusedItemByDirection(t,o,s){const i=t[o+("down"===s?1:-1)];i&&i.focus()}closeOverlayAndFocusButton(){this.expanded=!this.expanded,this.el.shadowRoot.querySelector("wcs-button").focus()}componentDidRender(){this.popper&&this.popper.update(),this.noArrow||(this.el.shadowRoot.querySelector(".arrow").style.fill=this.buttonTextColor)}render(){return o(s,null,o("wcs-button",{mode:this.mode,shape:this.shape,disabled:this.disabled,onClick:t=>this.onButtonClick(t)},o("div",{class:"wcs-button-content-wrapper"},o("slot",{name:"placeholder"}),this.noArrow?null:o(r,{up:this.expanded}))),o("div",{class:(this.expanded?"show ":"")+"popover"},o("div",{id:"arrow","data-popper-arrow":!0}),o("div",{class:"container"},o("slot",{name:"item"}))))}get el(){return i(this)}static get watchers(){return{placement:["placementChange"]}}};c.style=':host{display:flex}wcs-button{--wcs-button-padding:8px 10px 8px 16px !important}:host([no-arrow]) wcs-button{--wcs-button-padding:8px 16px 8px 16px !important}:host([shape=small]) wcs-button{--wcs-button-padding:2px 10px 2px 16px !important}:host([shape=small][no-arrow]) wcs-button{--wcs-button-padding:2px 16px 2px 16px !important}.wcs-button-content-wrapper{display:flex}.popover{display:none;border:1px solid #d7d7d7;border-radius:var(--wcs-border-radius);background-color:var(--wcs-white);z-index:9999}.show{display:block}.container{border-radius:inherit;overflow:hidden;padding:calc(var(--wcs-padding) / 2) 0;background-color:var(--wcs-white)}#arrow,#arrow::before{position:absolute;width:8px;height:8px;background:inherit;border:solid 1px #d7d7d7}#arrow{visibility:hidden;z-index:-1}#arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.popover[data-popper-placement^=top]>#arrow{bottom:-5px}.popover[data-popper-placement^=bottom]>#arrow{top:-6px}.popover[data-popper-placement^=left]>#arrow{right:-4px}.popover[data-popper-placement^=right]>#arrow{left:-6px}';export{c as wcs_dropdown}
@@ -1 +1 @@
1
- import{r as t,h as o,H as e,g as i}from"./p-255365bc.js";import{a as r}from"./p-cf4d7a83.js";import{c as a}from"./p-e4fdcd1f.js";let n=class{constructor(o){t(this,o),this.showPopoverMenu=!1}componentDidLoad(){this.menu=this.el.shadowRoot.getElementById("toggle-menu-icon"),this.tooltip=this.el.shadowRoot.getElementById("menu"),this.popper=a(this.menu,this.tooltip,{placement:"bottom-end",modifiers:[{name:"offset",options:{offset:[0,8]}}]})}onWindowClickEvent(t){r(t,this.tooltip)||r(t,this.menu)||this.showPopoverMenu&&this.toogleMenu()}toogleMenu(){this.showPopoverMenu=!this.showPopoverMenu}componentDidRender(){this.popper&&this.popper.update()}render(){return o(e,null,o("span",null,this.text),o("wcs-mat-icon",{id:"toggle-menu-icon",icon:"more_horiz",size:"m",onClick:()=>{this.toogleMenu()}}),o("span",{id:"menu","data-show":this.showPopoverMenu},o("div",{id:"arrow","data-popper-arrow":!0}),o("slot",null)))}get el(){return i(this)}};n.style='#menu{background-color:var(--wcs-gray);color:white;display:none;padding:var(--wcs-padding)}#menu[data-show]{display:block;z-index:9999}#menu[data-popper-placement^=top]>#arrow{bottom:-4px}#menu[data-popper-placement^=bottom]>#arrow{top:-4px}#menu[data-popper-placement^=left]>#arrow{right:-4px}#menu[data-popper-placement^=right]>#arrow{left:-4px}:host{display:flex;align-items:center;height:32px;padding-left:var(--wcs-padding);background-color:var(--wcs-gray-light)}#toggle-menu-icon{cursor:pointer;padding:0 var(--wcs-padding);user-select:none}#arrow,#arrow::before{position:absolute;width:8px;height:8px;background:inherit}#arrow{visibility:hidden}#arrow::before{visibility:visible;content:"";transform:rotate(45deg)}';export{n as wcs_galactic_menu}
1
+ import{r as t,h as o,H as e,g as i}from"./p-255365bc.js";import{f as r}from"./p-f5529a4f.js";import{c as a}from"./p-e4fdcd1f.js";let n=class{constructor(o){t(this,o),this.showPopoverMenu=!1}componentDidLoad(){this.menu=this.el.shadowRoot.getElementById("toggle-menu-icon"),this.tooltip=this.el.shadowRoot.getElementById("menu"),this.popper=a(this.menu,this.tooltip,{placement:"bottom-end",modifiers:[{name:"offset",options:{offset:[0,8]}}]})}onWindowClickEvent(t){r(t,this.tooltip)||r(t,this.menu)||this.showPopoverMenu&&this.toogleMenu()}toogleMenu(){this.showPopoverMenu=!this.showPopoverMenu}componentDidRender(){this.popper&&this.popper.update()}render(){return o(e,null,o("span",null,this.text),o("wcs-mat-icon",{id:"toggle-menu-icon",icon:"more_horiz",size:"m",onClick:()=>{this.toogleMenu()}}),o("span",{id:"menu","data-show":this.showPopoverMenu},o("div",{id:"arrow","data-popper-arrow":!0}),o("slot",null)))}get el(){return i(this)}};n.style='#menu{background-color:var(--wcs-gray);color:white;display:none;padding:var(--wcs-padding)}#menu[data-show]{display:block;z-index:9999}#menu[data-popper-placement^=top]>#arrow{bottom:-4px}#menu[data-popper-placement^=bottom]>#arrow{top:-4px}#menu[data-popper-placement^=left]>#arrow{right:-4px}#menu[data-popper-placement^=right]>#arrow{left:-4px}:host{display:flex;align-items:center;height:32px;padding-left:var(--wcs-padding);background-color:var(--wcs-gray-light)}#toggle-menu-icon{cursor:pointer;padding:0 var(--wcs-padding);user-select:none}#arrow,#arrow::before{position:absolute;width:8px;height:8px;background:inherit}#arrow{visibility:hidden}#arrow::before{visibility:visible;content:"";transform:rotate(45deg)}';export{n as wcs_galactic_menu}
@@ -0,0 +1 @@
1
+ import{r as t,c as s,h as e,H as a,g as i}from"./p-255365bc.js";let n=class{constructor(e){t(this,e),this.tabChange=s(this,"tabChange",7),this.align="start",this.selectedIndex=0,this.headersOnly=!1,this.headers=[],this.currentActiveTabIndex=0}selectedIndexChanged(t){this.currentActiveTabIndex=t}selectedTabkeyChanged(t){this.updateCurrentActiveIndexByTabKey(t)}emitActiveTabChange(){this.tabChange.emit({tabName:this.headers[this.currentActiveTabIndex],tabIndex:this.currentActiveTabIndex,selectedKey:this.tabs[this.currentActiveTabIndex].itemKey})}updateCurrentActiveIndexByTabKey(t){for(let s=0;s<this.tabs.length;s++)this.tabs[s].itemKey===t&&(this.currentActiveTabIndex=s)}onTabLoaded(){this.refreshHeaders()}componentDidLoad(){this.putTabsInCorrectDivIfTheyAreNot(),this.refreshHeaders(),this.selectedIndex&&(this.currentActiveTabIndex=this.selectedIndex),this.selectedKey&&this.updateCurrentActiveIndexByTabKey(this.selectedKey)}putTabsInCorrectDivIfTheyAreNot(){const t=this.el.shadowRoot.querySelector(".wcs-tabs");null===t.querySelector("slot")&&Array.from(this.el.querySelectorAll("wcs-tab")).filter((s=>s.parentNode!==t)).forEach((s=>{s.parentElement.isEqualNode(this.el)&&(this.el.removeChild(s),t.appendChild(s))}))}handleKeyDown(t,s){var e,a;const i=t.target;switch(t.key){case" ":case"Enter":this.currentActiveTabIndex=s,this.emitActiveTabChange(),t.preventDefault();break;case"ArrowLeft":(null===(e=i.previousElementSibling)||void 0===e?void 0:e.classList.contains("wcs-tab-header"))&&(i.previousElementSibling.focus(),t.preventDefault());break;case"ArrowRight":(null===(a=i.nextElementSibling)||void 0===a?void 0:a.classList.contains("wcs-tab-header"))&&(i.nextElementSibling.focus(),t.preventDefault())}}refreshHeaders(){this.headers=[],this.tabs.forEach((t=>{this.headers.push(t.getAttribute("header"))}))}get tabs(){var t;const s=this.el.shadowRoot.querySelector(".wcs-tabs"),e=this.el.shadowRoot.querySelectorAll(".wcs-tabs > wcs-tab");return 0!==e.length?e:(null==s?void 0:s.querySelector("slot"))?null===(t=null==s?void 0:s.querySelector("slot"))||void 0===t?void 0:t.assignedElements():[]}selectTabAndEmitChangeEvent(t){this.currentActiveTabIndex=t,this.emitActiveTabChange()}componentWillUpdate(){this.headersOnly?this.hideAllTabsContent():this.updateTabVisibility()}updateTabVisibility(){this.tabs.forEach(((t,s)=>{t.setAttribute("style",s!==this.currentActiveTabIndex?"display: none;":"display: block;")}))}hideAllTabsContent(){this.tabs.forEach((t=>t.setAttribute("style","display: none;")))}render(){return e(a,null,e("div",{class:"wcs-tabs-headers"},this.headers.map(((t,s)=>e("div",{class:"wcs-tab-header "+(this.currentActiveTabIndex===s?"active":""),onClick:()=>this.selectTabAndEmitChangeEvent(s),onKeyDown:t=>this.handleKeyDown(t,s),tabIndex:s},e("span",null,t))))),e("div",{class:"wcs-tabs"},e("slot",{name:"wcs-tab"})))}get el(){return i(this)}static get watchers(){return{selectedIndex:["selectedIndexChanged"],selectedKey:["selectedTabkeyChanged"]}}};n.style=':host{--wcs-tabs-padding-bottom:16px}:host([align=start]) .wcs-tabs-headers{justify-content:start}:host([align=end]) .wcs-tabs-headers{justify-content:end}:host([align=center]) .wcs-tabs-headers{justify-content:center}.wcs-tabs-headers{padding-top:4px;overflow-x:auto;display:flex;position:relative}:host([gutter]) .wcs-tabs-headers{border-bottom:var(--wcs-tabs-headers-border-bottom)}.wcs-tab-header{padding:8px 24px 16px 0;display:flex;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer;outline:none}.wcs-tab-header span{text-align:center;color:var(--wcs-text-disabled);font-size:1rem;font-weight:400}.wcs-tab-header:focus span,.wcs-tab-header:hover span{color:var(--wcs-primary)}.active span{font-weight:500;color:var(--wcs-primary);position:relative}.active span::after{position:absolute;bottom:calc(var(--wcs-tabs-padding-bottom) * -1);left:0;width:100%;height:0.3125rem;content:"";background-color:var(--wcs-primary);border-radius:3px}';export{n as wcs_tabs}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as s,H as r,g as a}from"./p-255365bc.js";import{g as e,h as o,j as h}from"./p-f5529a4f.js";let n=class{constructor(s){t(this,s),this.wcsInput=i(this,"wcsInput",7),this.wcsChange=i(this,"wcsChange",7),this.wcsBlur=i(this,"wcsBlur",7),this.wcsFocus=i(this,"wcsFocus",7),this.inputId="wcs-input-"+d++,this.didBlurAfterEdit=!1,this.inheritedAttributes={},this.iconPassword="visibility",this.fireFocusEvents=!0,this.hasFocus=!1,this.passwordReveal=!1,this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.clearInput=!1,this.debounce=0,this.disabled=!1,this.name=this.inputId,this.readonly=!1,this.required=!1,this.spellcheck=!1,this.state="initial",this.type="text",this.value="",this.onInput=t=>{const i=t.target;i&&(this.value=i.value||""),this.wcsInput.emit(t)},this.onBlur=t=>{this.hasFocus=!1,this.focusChanged(),this.fireFocusEvents&&this.wcsBlur.emit(t)},this.onFocus=t=>{this.hasFocus=!0,this.focusChanged(),this.fireFocusEvents&&this.wcsFocus.emit(t)},this.onKeydown=t=>{this.shouldClearOnEdit()&&(this.didBlurAfterEdit&&this.hasValue()&&"Enter"!==t.key&&this.clearTextInput(),this.didBlurAfterEdit=!1)},this.clearTextInput=t=>{this.clearInput&&!this.readonly&&!this.disabled&&t&&(t.preventDefault(),t.stopPropagation(),this.setFocus()),this.value="",this.nativeInput&&(this.nativeInput.value="")}}debounceChanged(){this.wcsChange=e(this.wcsChange,this.debounce)}valueChanged(){var t;this.wcsChange.emit({value:null===(t=this.value)||void 0===t?void 0:t.toString()})}componentWillLoad(){this.inheritedAttributes=o(this.el,["aria-label","tabindex","title"])}connectedCallback(){this.debounceChanged(),document.dispatchEvent(new CustomEvent("wcsInputDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("wcsInputDidUnload",{detail:this.el}))}async setFocus(){this.nativeInput&&this.nativeInput.focus()}async setBlur(){this.nativeInput&&this.nativeInput.blur()}getInputElement(){return Promise.resolve(this.nativeInput)}shouldClearOnEdit(){const{type:t,clearOnEdit:i}=this;return void 0===i?"password"===t:i}getValue(){return"number"==typeof this.value?this.value.toString():(this.value||"").toString()}focusChanged(){!this.hasFocus&&this.shouldClearOnEdit()&&this.hasValue()&&(this.didBlurAfterEdit=!0)}hasValue(){return this.getValue().length>0}passwordRevealIconClick(){this.passwordReveal=!this.passwordReveal}onPasswordRevealChange(){this.iconPassword=this.passwordReveal?"visibility_off":"visibility"}render(){const t=this.getValue(),i=this.inputId+"-lbl",a=h(this.el);return a&&(a.id=i),s(r,{"aria-disabled":this.disabled?"true":null,"data-has-prefix":!!this.prefixLabel,"data-has-suffix":!!this.suffixLabel},this.prefixLabel?s("span",{class:"prefix",part:"prefix"},this.prefixLabel):null,this.icon?s("wcs-mat-icon",{icon:this.icon,size:"m"}):null,s("input",Object.assign({class:"native-input",ref:t=>this.nativeInput=t,"aria-labelledby":a?i:null,disabled:this.disabled,accept:this.accept,autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,multiple:this.multiple,name:this.name,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,step:this.step,size:this.size,type:this.passwordReveal?"text":this.type,value:t,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeydown},this.inheritedAttributes)),"password"===this.type?s("wcs-mat-icon",{class:"toggle_password",icon:this.iconPassword,size:"m",onClick:()=>this.passwordRevealIconClick()}):null,this.suffixLabel?s("span",{class:"suffix",part:"suffix"},this.suffixLabel):null)}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"],passwordReveal:["onPasswordRevealChange"]}}},d=0;n.style=":host{--wcs-input-icon-color:var(--wcs-text-medium);--wcs-internal-input-border-radius-left:var(--wcs-input-border-radius-left, var(--wcs-border-radius));--wcs-internal-input-border-radius-right:var(--wcs-input-border-radius-right, var(--wcs-border-radius));display:flex;width:100%;border-radius:var(--wcs-internal-input-border-radius-left) var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-left);background-color:var(--wcs-light);border:1px solid var(--wcs-light);background-clip:padding-box}:host ::placeholder{font-weight:400;font-style:italic}:host input{overflow:hidden;box-sizing:border-box;min-height:24px;width:100%;background-color:transparent;font-family:var(--wcs-font-sans-serif);color:var(--wcs-primary);font-weight:var(--wcs-font-weight-form-value) !important;border:none;padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);font-size:1rem;line-height:1.5}:host input:focus{box-shadow:none;outline:0}:host wcs-mat-icon{position:relative;margin-left:8px;margin-right:-8px}:host .toggle_password{cursor:pointer;margin-left:-8px;margin-right:8px}:host .prefix,:host .suffix{color:var(--wcs-white);display:flex;white-space:nowrap;align-items:center;padding:0 calc(var(--wcs-padding) / 2);font-weight:var(--wcs-font-weight-form-value) !important;background-color:var(--wcs-text-disabled)}:host .prefix{border-radius:var(--wcs-internal-input-border-radius-left) 0 0 var(--wcs-internal-input-border-radius-left);margin:-1px 0 -1px -1px;border-left:solid 1px transparent;border-top:solid 1px transparent;border-bottom:solid 1px transparent}:host .suffix{border-radius:0 var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) 0;margin:-1px -1px -1px 0px;border-right:solid 1px transparent;border-top:solid 1px transparent;border-bottom:solid 1px transparent}:host([state=error]){border-color:var(--wcs-red) !important}:host([data-has-prefix]) input{padding-left:calc(var(--wcs-padding) / 2)}:host([data-has-suffix]) input{padding-left:calc(var(--wcs-padding) / 2)}:host([disabled]) input{color:var(--wcs-text-disabled)}:host([disabled]) .prefix,:host([disabled]) .suffix{color:var(--wcs-light)}:host(:focus-within){border:solid 1px var(--wcs-primary)}:host(:focus-within) .prefix{border-left:solid 1px var(--wcs-primary);border-top:solid 1px var(--wcs-primary);border-bottom:solid 1px var(--wcs-primary)}:host(:focus-within) .suffix{border-right:solid 1px var(--wcs-primary);border-top:solid 1px var(--wcs-primary);border-bottom:solid 1px var(--wcs-primary)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-primary)}";export{n as wcs_input}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as i,g as n}from"./p-255365bc.js";let o=class{constructor(e){t(this,e),this.mobileMenuOpen=!1,this.hasAlreadyRegisteredClickHandlerOnSlottedLink=!1}mobileMenuIconClick(){this.mobileMenuOpen=!this.mobileMenuOpen}disconnectedCallback(){this.resizeObserver.disconnect()}componentWillLoad(){this.resizeObserver=new ResizeObserver((t=>{const e=t[0].contentRect;this.currentActiveSizing=e.width<576-(e.left+(e.right-e.width))?"mobile":"desktop"})),this.resizeObserver.observe(document.body)}componentDidRender(){this.registerHandlerToCloseMobileMenuOnClickOnSlottedLinkTag()}registerHandlerToCloseMobileMenuOnClickOnSlottedLinkTag(){if(this.hasAlreadyRegisteredClickHandlerOnSlottedLink)return;const t=this.el.shadowRoot.querySelector("slot:not([name])");t&&(this.hasAlreadyRegisteredClickHandlerOnSlottedLink=!0,t.assignedElements().filter((t=>"A"===t.tagName)).forEach((t=>{t.addEventListener("click",(()=>{this.mobileMenuOpen=!1}))})))}onClickOnFinalAction(){this.mobileMenuOpen=!1}onClickOnFinalActionCat(){this.mobileMenuOpen=!1}render(){return e(i,null,e("div",{class:"container"},e("div",{class:"container-left"},e("div",{class:"app-name"},this.appName,e("slot",{name:"app-name"})),e("div",{class:"menu-bar"},"desktop"===this.currentActiveSizing?e("slot",null):null)),e("div",{class:"container-right"},e("slot",{name:"actions"}),e("span",{id:"mobile-menu-icon","data-mobile-open":this.mobileMenuOpen,onClick:()=>this.mobileMenuIconClick()}))),e("div",{class:"mobile-overlay","data-mobile-open":this.mobileMenuOpen},"mobile"===this.currentActiveSizing?e("slot",null):null))}get el(){return n(this)}};o.style=':host{display:block;position:relative;height:75px;border-bottom:solid 1px var(--wcs-text-light)}:host .container{padding:0 var(--wcs-padding);height:100%;display:flex;align-items:center;flex-direction:row;justify-content:space-between}:host .container-left{display:flex;height:100%;align-items:center;flex-direction:row}:host .container-right{display:flex;align-items:center}:host .app-name{font-weight:400;font-size:1.5rem;line-height:1.25;color:var(--wcs-gray)}:host .menu-bar{display:none}:host ::slotted(a){padding-top:calc(1.5 * var(--wcs-base-margin));padding-bottom:calc(1.5 * var(--wcs-base-margin));padding-left:calc(3 * var(--wcs-base-margin));display:flex;align-items:center;height:100%;font-size:16px;cursor:pointer;font-weight:500;color:var(--wcs-gray);text-decoration:none}:host ::slotted(a):after{font-family:icons;padding-left:var(--wcs-base-margin);font-size:0.6rem;content:"\\f107";line-height:1;box-sizing:border-box}:host #mobile-menu-icon{height:24px;padding-left:calc(2 * var(--wcs-base-margin));margin-left:var(--wcs-base-margin);border-left:solid 1px var(--wcs-text-light)}:host #mobile-menu-icon:after{font-family:icons;font-size:24px;cursor:pointer;content:"\\f198";line-height:1;box-sizing:border-box}:host #mobile-menu-icon[data-mobile-open]:after{content:"\\f129"}:host .mobile-overlay{display:none}:host .mobile-overlay[data-mobile-open]{padding-top:calc(2 * var(--wcs-base-margin));padding-bottom:calc(2 * var(--wcs-base-margin));position:relative;top:0;left:0;right:0;display:block;z-index:9999;background-color:var(--wcs-white)}@media screen and (min-width: 576px){:host .container{margin:0 auto;max-width:var(--wcs-com-content-max-width)}:host .menu-bar{display:flex;align-items:center;height:100%;margin-left:50px}:host .menu-bar ::slotted(*:not(:first-child)){margin-left:40px}:host #mobile-menu-icon{display:none}:host .mobile-overlay{display:none !important}:host ::slotted(a){padding-top:unset;padding-bottom:unset;padding-left:unset}}';export{o as wcs_com_nav}
@@ -1 +1 @@
1
- import{r as t,c as s,a as i,h as e,H as r,g as a}from"./p-255365bc.js";import{d as h,i as o,r as n,f as c}from"./p-cf4d7a83.js";let d=class{constructor(i){t(this,i),this.wcsChange=s(this,"wcsChange",7),this.wcsInput=s(this,"wcsInput",7),this.wcsBlur=s(this,"wcsBlur",7),this.wcsFocus=s(this,"wcsFocus",7),this.inputId="wcs-textarea-"+l++,this.didBlurAfterEdit=!1,this.inheritedAttributes={},this.fireFocusEvents=!0,this.hasFocus=!1,this.autocapitalize="none",this.autofocus=!1,this.clearOnEdit=!1,this.debounce=0,this.disabled=!1,this.name=this.inputId,this.readonly=!1,this.required=!1,this.spellcheck=!1,this.state="initial",this.autoGrow=!1,this.value="",this.onInput=t=>{this.nativeInput&&(this.value=this.nativeInput.value),this.wcsInput.emit(t)},this.onFocus=t=>{this.hasFocus=!0,this.focusChange(),this.fireFocusEvents&&this.wcsFocus.emit(t)},this.onBlur=t=>{this.hasFocus=!1,this.focusChange(),this.fireFocusEvents&&this.wcsBlur.emit(t)},this.onKeyDown=()=>{this.checkClearOnEdit()}}debounceChanged(){this.wcsChange=h(this.wcsChange,this.debounce)}valueChanged(){const t=this.nativeInput,s=this.getValue();t&&t.value!==s&&(t.value=s),this.runAutoGrow(),this.wcsChange.emit({value:s})}connectedCallback(){this.debounceChanged(),document.dispatchEvent(new CustomEvent("wcsInputDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("wcsInputDidUnload",{detail:this.el}))}componentWillLoad(){this.inheritedAttributes=o(this.el,["title"])}componentDidLoad(){n((()=>this.runAutoGrow()))}runAutoGrow(){const t=this.nativeInput;t&&this.autoGrow&&i((()=>{t.style.height="auto",t.style.height=t.scrollHeight+"px"}))}async fitContent(){n((()=>this.runAutoGrow()))}async setFocus(){this.nativeInput&&this.nativeInput.focus()}async setBlur(){this.nativeInput&&this.nativeInput.blur()}getInputElement(){return Promise.resolve(this.nativeInput)}checkClearOnEdit(){this.clearOnEdit&&(this.didBlurAfterEdit&&this.hasValue()&&(this.value=""),this.didBlurAfterEdit=!1)}focusChange(){this.clearOnEdit&&!this.hasFocus&&this.hasValue()&&(this.didBlurAfterEdit=!0)}hasValue(){return""!==this.getValue()}getValue(){return this.value||""}render(){const t=this.getValue(),s=this.inputId+"-lbl",i=c(this.el);return i&&(i.id=s),e(r,{"aria-disabled":this.disabled?"true":null},this.icon?e("wcs-mat-icon",{icon:this.icon,size:"m"}):null,e("textarea",Object.assign({class:"native-textarea","aria-labelledby":i?s:null,ref:t=>this.nativeInput=t,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,disabled:this.disabled,maxLength:this.maxlength,minLength:this.minlength,name:this.name,placeholder:this.placeholder||"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeyDown},this.inheritedAttributes),t))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}},l=0;d.style=":host{--wcs-textarea-icon-color:var(--wcs-text-medium);--wcs-internal-textarea-border-radius-left:var(--wcs-textarea-border-radius-left, var(--wcs-border-radius));--wcs-internal-textarea-border-radius-right:var(--wcs-textarea-border-radius-right, var(--wcs-border-radius));display:flex;flex-direction:row;width:100%;border-radius:var(--wcs-internal-textarea-border-radius-left) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-left);background-color:var(--wcs-light);border:1px solid var(--wcs-light);background-clip:padding-box}:host ::placeholder{font-weight:400;font-style:italic}:host textarea{overflow:auto;flex:1;width:100%;box-sizing:border-box;min-height:24px;background-color:transparent;font-family:var(--wcs-font-sans-serif);color:var(--wcs-primary);font-weight:var(--wcs-font-weight-form-value) !important;border:none;padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);font-size:1rem;line-height:1.5}:host textarea:focus{box-shadow:none;outline:0}:host wcs-mat-icon{position:relative;margin-top:7px;margin-left:8px;margin-right:-8px}:host([disabled]) textarea{color:var(--wcs-text-disabled)}:host([state=error]){border-color:var(--wcs-red) !important}:host(:focus-within){border:solid 1px var(--wcs-primary)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-primary)}";export{d as wcs_textarea}
1
+ import{r as t,c as s,a as i,h as e,H as r,g as a}from"./p-255365bc.js";import{g as h,h as o,r as n,j as c}from"./p-f5529a4f.js";let l=class{constructor(i){t(this,i),this.wcsChange=s(this,"wcsChange",7),this.wcsInput=s(this,"wcsInput",7),this.wcsBlur=s(this,"wcsBlur",7),this.wcsFocus=s(this,"wcsFocus",7),this.inputId="wcs-textarea-"+d++,this.didBlurAfterEdit=!1,this.inheritedAttributes={},this.fireFocusEvents=!0,this.hasFocus=!1,this.autocapitalize="none",this.autofocus=!1,this.clearOnEdit=!1,this.debounce=0,this.disabled=!1,this.name=this.inputId,this.readonly=!1,this.required=!1,this.spellcheck=!1,this.state="initial",this.autoGrow=!1,this.value="",this.onInput=t=>{this.nativeInput&&(this.value=this.nativeInput.value),this.wcsInput.emit(t)},this.onFocus=t=>{this.hasFocus=!0,this.focusChange(),this.fireFocusEvents&&this.wcsFocus.emit(t)},this.onBlur=t=>{this.hasFocus=!1,this.focusChange(),this.fireFocusEvents&&this.wcsBlur.emit(t)},this.onKeyDown=()=>{this.checkClearOnEdit()}}debounceChanged(){this.wcsChange=h(this.wcsChange,this.debounce)}valueChanged(){const t=this.nativeInput,s=this.getValue();t&&t.value!==s&&(t.value=s),this.runAutoGrow(),this.wcsChange.emit({value:s})}connectedCallback(){this.debounceChanged(),document.dispatchEvent(new CustomEvent("wcsInputDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("wcsInputDidUnload",{detail:this.el}))}componentWillLoad(){this.inheritedAttributes=o(this.el,["title"])}componentDidLoad(){n((()=>this.runAutoGrow()))}runAutoGrow(){const t=this.nativeInput;t&&this.autoGrow&&i((()=>{t.style.height="auto",t.style.height=t.scrollHeight+"px"}))}async fitContent(){n((()=>this.runAutoGrow()))}async setFocus(){this.nativeInput&&this.nativeInput.focus()}async setBlur(){this.nativeInput&&this.nativeInput.blur()}getInputElement(){return Promise.resolve(this.nativeInput)}checkClearOnEdit(){this.clearOnEdit&&(this.didBlurAfterEdit&&this.hasValue()&&(this.value=""),this.didBlurAfterEdit=!1)}focusChange(){this.clearOnEdit&&!this.hasFocus&&this.hasValue()&&(this.didBlurAfterEdit=!0)}hasValue(){return""!==this.getValue()}getValue(){return this.value||""}render(){const t=this.getValue(),s=this.inputId+"-lbl",i=c(this.el);return i&&(i.id=s),e(r,{"aria-disabled":this.disabled?"true":null},this.icon?e("wcs-mat-icon",{icon:this.icon,size:"m"}):null,e("textarea",Object.assign({class:"native-textarea","aria-labelledby":i?s:null,ref:t=>this.nativeInput=t,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,disabled:this.disabled,maxLength:this.maxlength,minLength:this.minlength,name:this.name,placeholder:this.placeholder||"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeyDown},this.inheritedAttributes),t))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}},d=0;l.style=":host{--wcs-textarea-icon-color:var(--wcs-text-medium);--wcs-internal-textarea-border-radius-left:var(--wcs-textarea-border-radius-left, var(--wcs-border-radius));--wcs-internal-textarea-border-radius-right:var(--wcs-textarea-border-radius-right, var(--wcs-border-radius));display:flex;flex-direction:row;width:100%;border-radius:var(--wcs-internal-textarea-border-radius-left) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-left);background-color:var(--wcs-light);border:1px solid var(--wcs-light);background-clip:padding-box}:host ::placeholder{font-weight:400;font-style:italic}:host textarea{overflow:auto;flex:1;width:100%;box-sizing:border-box;min-height:24px;background-color:transparent;font-family:var(--wcs-font-sans-serif);color:var(--wcs-primary);font-weight:var(--wcs-font-weight-form-value) !important;border:none;padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);font-size:1rem;line-height:1.5}:host textarea:focus{box-shadow:none;outline:0}:host wcs-mat-icon{position:relative;margin-top:7px;margin-left:8px;margin-right:-8px}:host([disabled]) textarea{color:var(--wcs-text-disabled)}:host([state=error]){border-color:var(--wcs-red) !important}:host(:focus-within){border:solid 1px var(--wcs-primary)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-primary)}";export{l as wcs_textarea}
@@ -0,0 +1 @@
1
+ import{r as e,h as r,g as t}from"./p-255365bc.js";import{l as i}from"./p-f5529a4f.js";import{M as o}from"./p-16dfbae8.js";let a=class{constructor(r){e(this,r),this.type="button",this.disabled=!1,this.ripple=!0,this.shape="normal",this.mode="plain"}onClick(e){if(this.disabled&&e.stopImmediatePropagation(),"button"!==this.type&&i(this.el)){const r=this.el.closest("form");if(r){e.preventDefault();const t=window.document.createElement("button");t.type=this.type,t.style.display="none",r.appendChild(t),t.click(),t.remove()}}}componentDidLoad(){this.mdcRipple=new o(this.el.shadowRoot.querySelector(".wcs-inner-button")),this.el.focus=()=>this.el.shadowRoot.querySelector(this.getTagName()).focus()}enabledRippleEffect(){this.mdcRipple.disabled=!1}disabledRippleEffect(){this.mdcRipple.disabled=!0}getTagName(){return void 0!==this.href?"a":"button"}onRippleChange(){this.ripple?this.enabledRippleEffect():this.disabledRippleEffect()}render(){const e=this.getTagName();return r(e,Object.assign({},void 0!==this.href?{href:this.href,role:"button"}:{type:this.type},{class:"wcs-inner-button"},!0===this.disabled?{disabled:!0}:null),r("slot",null))}get el(){return t(this)}static get watchers(){return{ripple:["onRippleChange"]}}};a.style='@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:host{display:inline-block;--wcs-button-padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);--wcs-button-color:var(--wcs-contrast, var(--wcs-white, white));--wcs-button-background-color:var(--wcs-base, var(--wcs-primary, #0088CE));--wcs-button-ripple-color:var(--wcs-contrast, var(--wcs-white, white));--wcs-button-border-radius:var(--wcs-border-radius);--wcs-button-border-color:var(--wcs-base)}:host([mode=clear]){--wcs-button-border-color:transparent}:host([mode=clear]) .wcs-inner-button{box-shadow:none}:host([mode=clear]),:host([mode=stroked]){--wcs-button-color:var(--wcs-base);--wcs-button-background-color:transparent}:host([mode=clear]) .wcs-inner-button::before,:host([mode=clear]) .wcs-inner-button::after,:host([mode=stroked]) .wcs-inner-button::before,:host([mode=stroked]) .wcs-inner-button::after{--wcs-button-ripple-color:var(--wcs-base)}:host([shape=small]){--wcs-button-padding:2px 16px}:host([shape=small]) .wcs-inner-button{min-width:var(--wcs-button-min-width, unset);min-height:var(--wcs-button-min-height, unset)}:host([shape=round]){--wcs-button-padding:0;--wcs-button-border-radius:50%}:host([shape=round]) .wcs-inner-button{min-width:var(--wcs-button-min-width, 42px);min-height:var(--wcs-button-min-height, 42px)}:host([shape=square]){--wcs-button-padding:0}:host([shape=square]) .wcs-inner-button{min-width:var(--wcs-button-min-width, 42px);min-height:var(--wcs-button-min-height, 42px)}:host([shape=normal]){--wcs-button-padding:calc(var(--wcs-padding) / 2 + 1px) calc(var(--wcs-padding))}:host([shape=normal]) .wcs-inner-button{min-width:var(--wcs-button-min-width, unset);min-height:var(--wcs-button-min-height, unset)}:host([mode=stroked]) .wcs-inner-button{box-shadow:inset 0 0 0 1px var(--wcs-button-border-color)}:host([disabled]){--wcs-button-color:var(--wcs-text-disabled);--wcs-button-background-color:var(--wcs-light)}:host([disabled]) .wcs-inner-button{--wcs-button-border-color:var(--wcs-light);opacity:1;cursor:default;pointer-events:none}:host([disabled]):host([mode=clear]),:host([disabled]):host([disabled]){--wcs-button-background-color:transparent}.wcs-inner-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;display:flex;align-items:center;justify-content:center;width:100%;font-family:var(--wcs-font-sans-serif);background-color:var(--wcs-button-background-color);color:var(--wcs-button-color);padding:var(--wcs-button-padding);border-radius:var(--wcs-button-border-radius);border:none;overflow:hidden;outline:0;text-transform:none;margin:0;cursor:pointer;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;font-size:1rem;line-height:1.5;transition:color 175ms ease-in-out, background-color 175ms ease-in-out, box-shadow 175ms cubic-bezier(0.4, 0, 0.2, 1)}.wcs-inner-button::before,.wcs-inner-button::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.wcs-inner-button::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.wcs-inner-button::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.wcs-inner-button.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.wcs-inner-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.wcs-inner-button.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.wcs-inner-button.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button::before,.wcs-inner-button::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.wcs-inner-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.wcs-inner-button:hover::before,.wcs-inner-button.mdc-ripple-surface--hover::before{opacity:0.1;opacity:var(--mdc-ripple-hover-opacity, 0.1)}.wcs-inner-button.mdc-ripple-upgraded--background-focused::before,.wcs-inner-button:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.wcs-inner-button:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.wcs-inner-button:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.3;opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:white;background-color:var(--mdc-ripple-color, white)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:var(--wcs-button-ripple-color)}.wcs-inner-button:focus{box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2)}.wcs-inner-button:hover{box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2)}a{text-decoration:none;box-sizing:border-box}button::-moz-focus-inner,a::-moz-focus-inner{border:0}';export{a as wcs_button}
@@ -0,0 +1 @@
1
+ import{r as o,c as s,h as r,H as t}from"./p-255365bc.js";import{d as i,e}from"./p-f5529a4f.js";let c=class{constructor(r){o(this,r),this.wcsDropdownItemClick=s(this,"wcsDropdownItemClick",7)}onMouseDown(o){this.wcsDropdownItemClick.emit()}onKeyDown(o){(i(o)||e(o))&&this.wcsDropdownItemClick.emit()}render(){return r(t,{slot:"item",tabindex:"0"},r("slot",null))}};c.style="wcs-dropdown-item{display:block;padding:0 var(--wcs-padding);font-weight:500;cursor:pointer;height:42px;line-height:42px}wcs-dropdown-item:hover,wcs-dropdown-item:focus{color:var(--wcs-primary);background-color:var(--wcs-light)}";export{c as wcs_dropdown_item}
@@ -0,0 +1 @@
1
+ import{h as n}from"./p-255365bc.js";const r=({up:r,ariaLabel:a})=>n("svg",{"aria-hidden":!a&&"true",role:"img","aria-label":a||!1,style:{marginLeft:"auto"},xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},n("style",{type:"text/css"},"\n .arrow-group {\n transform-origin: 50% 50%;\n transition: transform 175ms ease-in-out;\n }\n .up {\n transform: scaleY(1);\n }\n .down {\n transform: scaleY(-1);\n }\n "),n("g",{fill:"none",class:(r?"up":"down")+" arrow-group"},n("path",{class:"arrow",fill:"black",d:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"}),n("path",{d:"M0 0h24v24H0z",fill:"none"})));export{r as S}