@usecapsule/core-components 3.1.1 → 3.1.3
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/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 {
|