@usecapsule/core-components 3.1.1 → 3.1.3
Sign up to get free protection for your applications and to get access to all the features.
- package/css/capsule-core.css +0 -26
- package/css/capsule-core.css.map +1 -1
- package/dist/capsule/capsule.esm.js +1 -1
- package/dist/capsule/{p-1474c545.entry.js → p-496b735b.entry.js} +3 -3
- package/dist/capsule/p-496b735b.entry.js.map +1 -0
- package/dist/cjs/cpsl-alert_33.cjs.entry.js +6 -6
- package/dist/cjs/cpsl-alert_33.cjs.entry.js.map +1 -1
- package/dist/collection/components/cpsl-input/cpsl-input.js +4 -4
- package/dist/collection/components/cpsl-input/cpsl-input.js.map +1 -1
- package/dist/collection/components/cpsl-spinner/cpsl-spinner.css +26 -0
- package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.css +0 -1
- package/dist/esm/cpsl-alert_33.entry.js +6 -6
- package/dist/esm/cpsl-alert_33.entry.js.map +1 -1
- package/package.json +2 -2
- package/dist/capsule/p-1474c545.entry.js.map +0 -1
|
@@ -5345,11 +5345,11 @@ const CpslInput = class {
|
|
|
5345
5345
|
ev.preventDefault();
|
|
5346
5346
|
const input = ev.target;
|
|
5347
5347
|
const pasteData = ((_a = ev.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) || '';
|
|
5348
|
-
input.value = pasteData;
|
|
5349
|
-
this.value = pasteData;
|
|
5348
|
+
input.value = input.value + pasteData;
|
|
5349
|
+
this.value = this.value + pasteData;
|
|
5350
5350
|
pasteData === '' ? this.disableSlots() : this.enableSlots();
|
|
5351
5351
|
this.cpslPaste.emit(ev);
|
|
5352
|
-
this.
|
|
5352
|
+
this.emitInputChange(ev);
|
|
5353
5353
|
};
|
|
5354
5354
|
this.focusInput = () => {
|
|
5355
5355
|
this.nativeInput.focus();
|
|
@@ -5445,7 +5445,7 @@ const CpslInput = class {
|
|
|
5445
5445
|
}
|
|
5446
5446
|
render() {
|
|
5447
5447
|
var _a;
|
|
5448
|
-
return (index.h(index.Host, { key: '
|
|
5448
|
+
return (index.h(index.Host, { key: '386f6dcb402f89fec401f9fd97d802069365c840', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value) } }, this.label && (index.h("label", { class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '219165b9464025e49770e628d8a93c6644aa8a21', class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, index.h("slot", { key: '3c45fbe557d8efdcabe761ca29c5e2ed25ea7eb3', name: "start" }), index.h("input", { key: 'd2e6d7830011be4ffc5e216c3176b4094cf5228b', class: "native-input", 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, spellcheck: this.spellcheck, type: this.type, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), index.h("slot", { key: '966e8497ec3797d7e5e69c7a052b486d665024c4', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", null, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
|
|
5449
5449
|
}
|
|
5450
5450
|
get el() { return index.getElement(this); }
|
|
5451
5451
|
static get watchers() { return {
|
|
@@ -15588,7 +15588,7 @@ const CpslSlideButton = class {
|
|
|
15588
15588
|
};
|
|
15589
15589
|
CpslSlideButton.style = CpslSlideButtonStyle0;
|
|
15590
15590
|
|
|
15591
|
-
const cpslSpinnerCss = ":host{--path-color:var(--cpsl-color-spinner-path);--circle-color:var(--cpsl-color-spinner-circle);display:flex;justify-content:center;align-items:center}:host path{stroke:var(--path-color)}:host circle{fill:var(--circle-color)}";
|
|
15591
|
+
const cpslSpinnerCss = ":host{--path-color:var(--cpsl-color-spinner-path);--circle-color:var(--cpsl-color-spinner-circle);display:flex;justify-content:center;align-items:center}:host path{stroke:var(--path-color)}:host circle{fill:var(--circle-color)}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}";
|
|
15592
15592
|
const CpslSpinnerStyle0 = cpslSpinnerCss;
|
|
15593
15593
|
|
|
15594
15594
|
const CpslSpinner = class {
|
|
@@ -15846,7 +15846,7 @@ const CpslText = class {
|
|
|
15846
15846
|
};
|
|
15847
15847
|
CpslText.style = CpslTextStyle0;
|
|
15848
15848
|
|
|
15849
|
-
const cpslTileButtonCss = ":host{--button-icon-color:var(--cpsl-color-text-primary);--button-border-radius:var(--cpsl-border-radius-tile-button);--button-background-color:var(--cpsl-color-tile-button-surface-default);--button-border-color:var(--cpsl-color-tile-button-border);--button-width:72px;--button-height:56px;--button-gap:4px
|
|
15849
|
+
const cpslTileButtonCss = ":host{--button-icon-color:var(--cpsl-color-text-primary);--button-border-radius:var(--cpsl-border-radius-tile-button);--button-background-color:var(--cpsl-color-tile-button-surface-default);--button-border-color:var(--cpsl-color-tile-button-border);--button-width:72px;--button-height:56px;--button-gap:4px}:host :hover{--button-background-color:var(--cpsl-color-tile-button-surface-hover)}:host :active{--button-background-color:var(--cpsl-color-tile-button-surface-pressed)}.button-native{border-radius:var(--button-border-radius);-webkit-padding-start:var(--button-padding-start);padding-inline-start:var(--button-padding-start);-webkit-padding-end:var(--button-padding-end);padding-inline-end:var(--button-padding-end);padding-top:var(--button-padding-top);padding-bottom:var(--button-padding-bottom);border:1px solid transparent;cursor:pointer;background:var(--button-background-color);border-color:var(--button-border-color);display:flex;flex-direction:column;gap:var(--button-gap);align-items:center;justify-content:center;width:var(--button-width);height:var(--button-height);box-shadow:var(--button-box-shadow)}.button-native cpsl-icon{--icon-color:var(--button-icon-color)}";
|
|
15850
15850
|
const CpslTileButtonStyle0 = cpslTileButtonCss;
|
|
15851
15851
|
|
|
15852
15852
|
const CpslTileButton = class {
|