@getpara/core-components 2.11.0 → 2.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/capsule/capsule.esm.js +1 -1
- package/dist/capsule/capsule.esm.js.map +1 -1
- package/dist/capsule/{p-57592d1b.entry.js → p-a0ee9b3e.entry.js} +2 -2
- package/dist/capsule/p-a0ee9b3e.entry.js.map +1 -0
- package/dist/cjs/capsule.cjs.js +1 -1
- package/dist/cjs/cpsl-alert_34.cjs.entry.js +39 -7
- package/dist/cjs/cpsl-alert_34.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/cpsl-input/cpsl-input.js +52 -1
- package/dist/collection/components/cpsl-input/cpsl-input.js.map +1 -1
- package/dist/collection/components/cpsl-select/cpsl-select.js +4 -2
- package/dist/collection/components/cpsl-select/cpsl-select.js.map +1 -1
- package/dist/esm/capsule.js +1 -1
- package/dist/esm/cpsl-alert_34.entry.js +39 -7
- package/dist/esm/cpsl-alert_34.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/scripts/appendLoaderExports.js +1 -0
- package/dist/scripts/appendLoaderExports.js.map +1 -1
- package/dist/scripts/buildAssets.js +1 -0
- package/dist/scripts/buildAssets.js.map +1 -1
- package/dist/types/components/cpsl-input/cpsl-input.d.ts +5 -0
- package/dist/types/components.d.ts +4 -0
- package/package.json +2 -2
- package/dist/capsule/p-57592d1b.entry.js.map +0 -1
- /package/dist/types/Users/{norwood/para-repos → taylorbosch/Documents/GitHub/Capsule}/web-sdk/packages/core-components/.stencil/scripts/appendLoaderExports.d.ts +0 -0
- /package/dist/types/Users/{norwood/para-repos → taylorbosch/Documents/GitHub/Capsule}/web-sdk/packages/core-components/.stencil/scripts/buildAssets.d.ts +0 -0
|
@@ -13091,7 +13091,7 @@ CpslDropdown.style = CpslDropdownStyle0;
|
|
|
13091
13091
|
const cpslFileUploadCss = ":host{--container-box-shadow:none;--container-box-shadow-color:var(--cpsl-color-file-border-placeholder);--container-border-color:var(--cpsl-color-file-border-placeholder);--container-border-color-error:var(--cpsl-color-file-border-error);--container-background-color:var(--cpsl-color-file-surface-default);--container-background-color-disabled:var(--cpsl-color-file-surface-disabled);--container-background-color-drag:var(--cpsl-color-file-surface-drag);--container-border-width:1px;--container-border-radius:var(--cpsl-border-radius-file);--container-padding-top:12px;--container-padding-bottom:12px;--container-padding-end:12px;--container-padding-start:12px;--container-height:48px;--container-gap:8px;--optional-label-color:var(--cpsl-color-text-secondary);--label-color:var(--cpsl-color-text-primary);--label-font-size:var(--cpsl-font-size-body-s);--label-margin-bottom:0px;--helper-text-color:var(--cpsl-color-text-secondary);--helper-text-error-color:var(--cpsl-color-text-error);--helper-text-icon-color:var(--cpsl-color-text-secondary);--helper-text-icon-error-color:var(--cpsl-color-text-error);--helper-text-icon-size:16px;--helper-text-font-size:var(--cpsl-font-size-body-xs);--helper-text-margin-top:0px;--sample-img-height:40px;--sample-img-width:40px;--sample-img-border-radius:8px;display:flex;flex-direction:column;gap:4px;font-family:var(--cpsl-font-family, inherit)}.container{-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);display:flex;align-items:center;box-sizing:border-box;flex-wrap:wrap;width:100%;gap:var(--container-gap);cursor:pointer;position:relative;border-style:solid;border-width:var(--container-border-width);border-color:var(--container-border-color);border-radius:var(--container-border-radius);background:var(--container-background-color);box-shadow:var(--container-box-shadow)}.container.drag,.container:active{background:var(--container-background-color-drag)}.container.drag-error{cursor:no-drop}.container.error{border-color:var(--container-border-color-error)}input{position:absolute;width:100%;height:100%;top:0;left:0;margin:0px;opacity:0;cursor:pointer}.sample-img{height:var(--sample-img-height);width:var(--sample-img-width);border-radius:var(--sample-img-border-radius);object-fit:contain}.sample-image-name-container{display:flex;gap:4px;align-items:center;text-align:center}.sample-image-name-container cpsl-icon{z-index:10000;--height:16px;--width:16px}.inline-text{display:inline-block}.sample-image-name{display:inline-block;color:var(--cpsl-color-text-tertiary)}.label-container{flex:1}.file-container{display:flex;flex-direction:column;flex:0;min-width:33%;gap:8px;justify-content:center;align-items:center}.label{display:inline-block;color:var(--label-color);font-size:var(--label-font-size);font-weight:500;margin-bottom:var(--label-margin-bottom)}.optional-label{display:inline-block;color:var(--optional-label-color);font-size:var(--label-font-size);font-weight:500}.helper-text-container{display:flex;align-items:center;gap:4px;color:var(--helper-text-color);font-size:var(--helper-text-font-size);font-weight:500;margin-top:var(--helper-text-margin-top)}.helper-text-container cpsl-icon{--height:var(--helper-text-icon-size);--width:var(--helper-text-icon-size);--icon-color:var(--helper-text-icon-color)}.error-text{color:var(--helper-text-error-color)}.error-text cpsl-icon{--icon-color:var(--helper-text-icon-error-color)}";
|
|
13092
13092
|
const CpslFileUploadStyle0 = cpslFileUploadCss;
|
|
13093
13093
|
|
|
13094
|
-
var __awaiter$
|
|
13094
|
+
var __awaiter$3 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13095
13095
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
13096
13096
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
13097
13097
|
function fulfilled(value) { try {
|
|
@@ -13119,7 +13119,7 @@ const CpslFileUpload = class {
|
|
|
13119
13119
|
this.cpslFileChange = createEvent(this, "cpslFileChange", 7);
|
|
13120
13120
|
this.cpslFileRemoved = createEvent(this, "cpslFileRemoved", 7);
|
|
13121
13121
|
this.inputId = `cpsl-file-upload-${inputIds$2++}`;
|
|
13122
|
-
this.handleDrop = (ev) => __awaiter$
|
|
13122
|
+
this.handleDrop = (ev) => __awaiter$3(this, void 0, void 0, function* () {
|
|
13123
13123
|
var _a;
|
|
13124
13124
|
ev.preventDefault();
|
|
13125
13125
|
const item = (_a = Array.from(ev.dataTransfer.items)) === null || _a === void 0 ? void 0 : _a[0];
|
|
@@ -13147,7 +13147,7 @@ const CpslFileUpload = class {
|
|
|
13147
13147
|
this.dragError = false;
|
|
13148
13148
|
this.cpslOnDragLeave.emit(ev);
|
|
13149
13149
|
};
|
|
13150
|
-
this.handleInputChange = (ev) => __awaiter$
|
|
13150
|
+
this.handleInputChange = (ev) => __awaiter$3(this, void 0, void 0, function* () {
|
|
13151
13151
|
ev.preventDefault();
|
|
13152
13152
|
const input = this.inputEl;
|
|
13153
13153
|
if (input.files.length) {
|
|
@@ -13164,7 +13164,7 @@ const CpslFileUpload = class {
|
|
|
13164
13164
|
}
|
|
13165
13165
|
return true;
|
|
13166
13166
|
};
|
|
13167
|
-
this.addFile = (file) => __awaiter$
|
|
13167
|
+
this.addFile = (file) => __awaiter$3(this, void 0, void 0, function* () {
|
|
13168
13168
|
this.file = file;
|
|
13169
13169
|
this.cpslFileChange.emit(file);
|
|
13170
13170
|
this.uploadError = false;
|
|
@@ -17054,6 +17054,25 @@ const Inputmask = /*@__PURE__*/getDefaultExportFromCjs(inputmask.exports);
|
|
|
17054
17054
|
const cpslInputCss = ":host{--container-box-shadow:none;--container-box-shadow-color:none;--container-border-color:var(--cpsl-color-input-border-active);--container-border-error-color:var(--cpsl-color-input-border-error);--container-background-color:var(--cpsl-color-input-surface-default);--container-background-color-disabled:var(--cpsl-color-input-surface-disabled);--container-border-width:1px;--container-border-radius:var(--cpsl-border-radius-input);--container-padding-top:0px;--container-padding-bottom:0px;--container-padding-end:12px;--container-padding-start:12px;--container-height:48px;--container-gap:8px;--input-background-color:var(--cpsl-color-input-surface-default);--input-background-color-disabled:var(--cpsl-color-input-surface-disabled);--input-color:var(--cpsl-color-text-primary);--input-placeholder-color:var(--cpsl-color-text-secondary);--input-font-size:var(--cpsl-font-size-body-m);--input-font-weight:400;--optional-label-color:var(--cpsl-color-text-secondary);--label-color:var(--cpsl-color-text-primary);--label-font-size:var(--cpsl-font-size-body-s);--label-margin-bottom:0px;--helper-text-color:var(--cpsl-color-text-secondary);--helper-text-error-color:var(--cpsl-color-text-error);--helper-text-icon-color:var(--cpsl-color-text-secondary);--helper-text-icon-error-color:var(--cpsl-color-text-error);--helper-text-icon-size:16px;--helper-text-font-size:var(--cpsl-font-size-body-xs);--helper-text-margin-top:0px;--button-padding:8px;display:flex;flex-direction:column;gap:4px;font-family:var(--cpsl-font-family, inherit)}:host(.contrast-text){--input-color:var(--cpsl-color-contrast)}:host(:not(.has-value)){--container-border-color:var(--cpsl-color-input-border-placeholder);--input-color:var(--cpsl-color-text-secondary)}:host(.disabled){--container-background-color:var(--container-background-color-disabled);--input-background-color:var(--input-background-color-disabled);--input-color:var(--cpsl-color-text-disabled);--container-border-color:transparent}:host(:not(.disabled):not(.focused):hover){--container-background-color:var(--cpsl-color-input-surface-hover)}:host(.focused){--container-box-shadow:0px 0px 0px 2px var(--container-box-shadow-color);--container-border-color:var(--cpsl-color-input-border-active);--container-background-color:var(--cpsl-color-input-surface-default)}.input-container{-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);display:flex;align-items:center;box-sizing:border-box;height:var(--container-height);gap:var(--container-gap);border-style:var(--container-border-style, solid);border-width:var(--container-border-width);border-color:var(--container-border-color);border-radius:var(--container-border-radius);background:var(--container-background-color);box-shadow:var(--container-box-shadow)}.input-container.textarea{height:auto;min-height:var(--container-height)}.error-container{border-color:var(--container-border-error-color)}.native-input{flex:1;min-width:0;border:none;height:100%;box-sizing:border-box;font-size:var(--input-font-size);font-weight:var(--input-font-weight);color:var(--input-color);background:var(--input-background-color);width:var(--input-width, auto);text-align:var(--input-text-align, left);resize:none;font-family:var(--cpsl-font-family, inherit)}.native-input:focus,.native-input:focus-visible{outline:none}.native-input::placeholder{color:var(--input-placeholder-color);opacity:1;}.native-input::-moz-selection{color:var(--cpsl-color-text-inverted);background:var(--cpsl-color-background-64)}.native-input::selection{color:var(--cpsl-color-text-inverted);background:var(--cpsl-color-background-64)}.label{display:inline-block;color:var(--label-color);font-size:var(--label-font-size);font-weight:500;margin-bottom:var(--label-margin-bottom)}.optional-label{display:inline-block;color:var(--optional-label-color);font-size:var(--label-font-size);font-weight:500}.helper-text-container{display:flex;align-items:center;gap:4px;color:var(--helper-text-color);font-size:var(--helper-text-font-size);font-weight:500;margin-top:var(--helper-text-margin-top)}.helper-text-container cpsl-icon{--height:var(--helper-text-icon-size);--width:var(--helper-text-icon-size);--icon-color:var(--helper-text-icon-color)}.error-text{color:var(--helper-text-error-color)}.error-text cpsl-icon{--icon-color:var(--helper-text-icon-error-color)}:host ::slotted([slot=start]){flex:0 0 auto}:host ::slotted([slot=end]){flex:0 0 auto}:host ::slotted(cpsl-icon){--icon-color:var(--input-color)}:host ::slotted(cpsl-button){width:calc(var(--container-height) - var(--button-padding) * 2);height:calc(var(--container-height) - var(--button-padding) * 2);--button-border-radius:calc(var(--container-border-radius) - 4px);--button-padding-top:4px;--button-padding-start:4px;--button-padding-end:4px;--button-padding-bottom:4px}:host slot[name=end]::slotted(cpsl-button){margin-right:calc((var(--container-padding-end) - var(--button-padding)) * -1)}:host slot[name=start]::slotted(cpsl-button){margin-left:calc((var(--container-padding-end) - var(--button-padding)) * -1)}";
|
|
17055
17055
|
const CpslInputStyle0 = cpslInputCss;
|
|
17056
17056
|
|
|
17057
|
+
var __awaiter$2 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
17058
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
17059
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
17060
|
+
function fulfilled(value) { try {
|
|
17061
|
+
step(generator.next(value));
|
|
17062
|
+
}
|
|
17063
|
+
catch (e) {
|
|
17064
|
+
reject(e);
|
|
17065
|
+
} }
|
|
17066
|
+
function rejected(value) { try {
|
|
17067
|
+
step(generator["throw"](value));
|
|
17068
|
+
}
|
|
17069
|
+
catch (e) {
|
|
17070
|
+
reject(e);
|
|
17071
|
+
} }
|
|
17072
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
17073
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
17074
|
+
});
|
|
17075
|
+
};
|
|
17057
17076
|
const CpslInput = class {
|
|
17058
17077
|
constructor(hostRef) {
|
|
17059
17078
|
registerInstance(this, hostRef);
|
|
@@ -17250,12 +17269,23 @@ const CpslInput = class {
|
|
|
17250
17269
|
get startEl() {
|
|
17251
17270
|
return this.el.querySelector('[slot="start"]');
|
|
17252
17271
|
}
|
|
17272
|
+
/**
|
|
17273
|
+
* Sets focus on the native `input` or `textarea` in `cpsl-input`. Use this method instead of the global
|
|
17274
|
+
* `input.focus()`.
|
|
17275
|
+
*/
|
|
17276
|
+
setFocus() {
|
|
17277
|
+
return __awaiter$2(this, void 0, void 0, function* () {
|
|
17278
|
+
if (this.nativeInput) {
|
|
17279
|
+
this.nativeInput.focus();
|
|
17280
|
+
}
|
|
17281
|
+
});
|
|
17282
|
+
}
|
|
17253
17283
|
get endEl() {
|
|
17254
17284
|
return this.el.querySelector('[slot="end"]');
|
|
17255
17285
|
}
|
|
17256
17286
|
render() {
|
|
17257
17287
|
var _a, _b, _c, _d;
|
|
17258
|
-
return (h(Host, { key: '
|
|
17288
|
+
return (h(Host, { key: '90773219d066a616cf00f1f8518ccb49de5cdd18', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText } }, this.label && (h("label", { key: '114ac974216a8556490123fc4de6b077a094db3d', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: 'c61bb328d7b537bd9fdfcf593c520596b10a6237', class: { 'input-container': true, 'error-container': Boolean(this.errorText), 'textarea': this.as === 'textarea' } }, h("slot", { key: '8989e633ecb36a320294d375922eb3a7b4486f06', name: "start" }), h(this.as, { key: 'ea2aaeeb45b685344139e81bac131ddb6caf49c0', part: "native-input", class: { 'native-input': true }, ref: input => (this.nativeInput = input), id: this.inputId, disabled: this.disabled, 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, size: this.fitContent ? ((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 1) : undefined, spellcheck: this.spellcheck, type: this.type, value: (_c = this.value) !== null && _c !== void 0 ? _c : '', rows: this.rows, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), h("slot", { key: '1722db5077feffeb1fa7f16ddb4a5c89496e83f4', name: "end" })), (this.errorText || this.helperText) && (h("div", { key: 'd06fd3d3adf5a3484ca542fa5f93205a77b596c2', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: 'aaa045fe06a76762ea3d163f588258231a0319e1' }, (_d = this.errorText) !== null && _d !== void 0 ? _d : this.helperText)))));
|
|
17259
17289
|
}
|
|
17260
17290
|
get el() { return getElement(this); }
|
|
17261
17291
|
static get watchers() { return {
|
|
@@ -21882,6 +21912,7 @@ const CpslSelect = class {
|
|
|
21882
21912
|
this.inputId = `cpsl-select-${inputIds++}`;
|
|
21883
21913
|
this.onBlur = (ev) => {
|
|
21884
21914
|
this.hasFocus = false;
|
|
21915
|
+
// eslint-disable-next-line @typescript-eslint/no-floating-promises -- fire-and-forget: close popover on blur
|
|
21885
21916
|
this.popoverEl.closePopover();
|
|
21886
21917
|
this.cpslBlur.emit(ev);
|
|
21887
21918
|
};
|
|
@@ -21966,6 +21997,7 @@ const CpslSelect = class {
|
|
|
21966
21997
|
}
|
|
21967
21998
|
onValueChange() {
|
|
21968
21999
|
if (!this.multiple) {
|
|
22000
|
+
// eslint-disable-next-line @typescript-eslint/no-floating-promises -- fire-and-forget: close popover on value change
|
|
21969
22001
|
this.popoverEl.closePopover();
|
|
21970
22002
|
}
|
|
21971
22003
|
}
|
|
@@ -21989,10 +22021,10 @@ const CpslSelect = class {
|
|
|
21989
22021
|
render() {
|
|
21990
22022
|
var _a, _b, _c, _d, _e;
|
|
21991
22023
|
const selectedValueAsString = Array.isArray(this.selectedValue) ? this.selectedValue.join(', ') : this.selectedValue;
|
|
21992
|
-
return (h(Host, { key: '
|
|
22024
|
+
return (h(Host, { key: '1e4dc20d7f2dc7844dd956c110cc5a2757ddb752', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': this.hasSelectedItem } }, this.label && (h("label", { key: '4af1f907313f9e095c706fbab2c236c8e9d47237', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: '98558fb18b2bfc48b5bf23021a46f9755decaaaf', part: "select-container", id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onClick: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && h("slot", { key: 'dd8f8e9e87137bdd3cd4607d869e616eb7c9b9c4', name: "selected-item" }), h("div", { key: 'b9ec417b3f67037837f948792511f80e842df799', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (h("cpsl-text", { key: '62dd60c821f9d94c00fddf30af34e64de2e345c8', class: { 'selected-text': true, 'placeholder': !this.selectedValue }, part: "selected-text", color: this.selectedItemColor, variant: this.selectedItemVariant, weight: this.selectedItemWeight }, !this.selectedValue ? ((_a = this.placeholder) !== null && _a !== void 0 ? _a : 'Select') : ((_c = (_b = this.formatValue) === null || _b === void 0 ? void 0 : _b.call(this, this.selectedValue)) !== null && _c !== void 0 ? _c : selectedValueAsString)))), this.icon && this.icon !== null && (h("cpsl-icon", { key: '56c75234d0ba048b23a3bf41d751f70a23f85041', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': this.hasSelectedItem }, icon: this.icon })), h("input", { key: '65b85ee9df8fbb62b82470c0991428bdf67d5437', id: this.inputId, disabled: this.disabled, class: { disabled: this.disabled }, value: this.selectedValue, onFocus: this.onFocus, onBlur: this.onBlur, onKeyPress: this.handleEnterPress, inputmode: "none" }), h("cpsl-popover", { key: '751bfe385c3ca95cae0fe2eef9c03a779d6125b1', part: "popover", autoWidth: this.autoWidth, alignCenter: this.alignCenter, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, h("div", { key: '0b6913238a58fe19a918d1eac7ee09b2f7570ec3', part: "dropdown", class: "dropdown" }, this.showSearch && (h("div", { key: '388d404c0ebbbfb922056f052511fdfc99f3d702', class: "search-container" }, h("cpsl-input", { key: 'e254975df404b4216c3318d5e626468e6350620c', onClick: e => e.stopPropagation(), placeholder: (_d = this.searchPlaceholder) !== null && _d !== void 0 ? _d : 'Search', value: "", onCpslInput: e => {
|
|
21993
22025
|
e.stopPropagation();
|
|
21994
22026
|
this.cpslSearchChange.emit(e.detail.value);
|
|
21995
|
-
} }))), h("div", { key: '
|
|
22027
|
+
} }))), h("div", { key: 'b847a13c07e671d596eaa728e431423f7d3c2e4b', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, h("slot", { key: 'b6bafa1999a354a717a008a918ceccc67faeb9c2', name: "items" }))))), (this.errorText || this.helperText) && (h("div", { key: 'cfe5b3c706560be4de6e59916e554c95de461e92', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: '7bff30a43bedaed3df56de1f826f33957163a6ef' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
|
|
21996
22028
|
}
|
|
21997
22029
|
get el() { return getElement(this); }
|
|
21998
22030
|
static get watchers() { return {
|