smoothly 0.1.93 → 0.1.94
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/smoothly-accordion_47.cjs.entry.js +5 -1
- package/dist/cjs/smoothly-input.cjs.entry.js +5 -1
- package/dist/collection/components/input/index.js +6 -0
- package/dist/custom-elements/index.js +5 -1
- package/dist/esm/smoothly-accordion_47.entry.js +5 -1
- package/dist/esm/smoothly-input.entry.js +5 -1
- package/dist/smoothly/{p-39db800c.entry.js → p-eea1f7db.entry.js} +1 -1
- package/dist/smoothly/smoothly-input.entry.js +5 -1
- package/dist/types/components/input/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -39681,6 +39681,9 @@ let SmoothlyInput = class {
|
|
|
39681
39681
|
if (value != before)
|
|
39682
39682
|
this.smoothlyChanged.emit({ name: this.name, value });
|
|
39683
39683
|
}
|
|
39684
|
+
onCurrency() {
|
|
39685
|
+
this.state = Object.assign(Object.assign({}, this.state), { value: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).value });
|
|
39686
|
+
}
|
|
39684
39687
|
componentWillLoad() {
|
|
39685
39688
|
const value = this.formatter.toString(this.value) || "";
|
|
39686
39689
|
const start = value.length;
|
|
@@ -39821,7 +39824,8 @@ let SmoothlyInput = class {
|
|
|
39821
39824
|
return (index.h(index.Host, { class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" } }, index.h("input", { name: this.name, type: (_c = this.state) === null || _c === void 0 ? void 0 : _c.type, placeholder: this.placeholder, required: this.required, autocomplete: this.autocomplete ? (_d = this.state) === null || _d === void 0 ? void 0 : _d.autocomplete : "off", disabled: this.disabled, pattern: ((_e = this.state) === null || _e === void 0 ? void 0 : _e.pattern) && ((_f = this.state) === null || _f === void 0 ? void 0 : _f.pattern.source), value: (_g = this.state) === null || _g === void 0 ? void 0 : _g.value, onInput: (e) => this.onInput(e), onFocus: e => this.onFocus(e), onClick: e => this.onClick(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeyDown(e), ref: (el) => (this.inputElement = el), onPaste: e => this.onPaste(e) }), index.h("smoothly-icon", { name: "alert-circle", color: "danger", fill: "clear", size: "small" }), index.h("label", { htmlFor: this.name }, index.h("slot", null))));
|
|
39822
39825
|
}
|
|
39823
39826
|
static get watchers() { return {
|
|
39824
|
-
"value": ["valueWatcher"]
|
|
39827
|
+
"value": ["valueWatcher"],
|
|
39828
|
+
"currency": ["onCurrency"]
|
|
39825
39829
|
}; }
|
|
39826
39830
|
};
|
|
39827
39831
|
function getLocale() {
|
|
@@ -45,6 +45,9 @@ let SmoothlyInput = class {
|
|
|
45
45
|
if (value != before)
|
|
46
46
|
this.smoothlyChanged.emit({ name: this.name, value });
|
|
47
47
|
}
|
|
48
|
+
onCurrency() {
|
|
49
|
+
this.state = Object.assign(Object.assign({}, this.state), { value: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).value });
|
|
50
|
+
}
|
|
48
51
|
componentWillLoad() {
|
|
49
52
|
const value = this.formatter.toString(this.value) || "";
|
|
50
53
|
const start = value.length;
|
|
@@ -185,7 +188,8 @@ let SmoothlyInput = class {
|
|
|
185
188
|
return (index.h(index.Host, { class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" } }, index.h("input", { name: this.name, type: (_c = this.state) === null || _c === void 0 ? void 0 : _c.type, placeholder: this.placeholder, required: this.required, autocomplete: this.autocomplete ? (_d = this.state) === null || _d === void 0 ? void 0 : _d.autocomplete : "off", disabled: this.disabled, pattern: ((_e = this.state) === null || _e === void 0 ? void 0 : _e.pattern) && ((_f = this.state) === null || _f === void 0 ? void 0 : _f.pattern.source), value: (_g = this.state) === null || _g === void 0 ? void 0 : _g.value, onInput: (e) => this.onInput(e), onFocus: e => this.onFocus(e), onClick: e => this.onClick(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeyDown(e), ref: (el) => (this.inputElement = el), onPaste: e => this.onPaste(e) }), index.h("smoothly-icon", { name: "alert-circle", color: "danger", fill: "clear", size: "small" }), index.h("label", { htmlFor: this.name }, index.h("slot", null))));
|
|
186
189
|
}
|
|
187
190
|
static get watchers() { return {
|
|
188
|
-
"value": ["valueWatcher"]
|
|
191
|
+
"value": ["valueWatcher"],
|
|
192
|
+
"currency": ["onCurrency"]
|
|
189
193
|
}; }
|
|
190
194
|
};
|
|
191
195
|
function getLocale() {
|
|
@@ -35,6 +35,9 @@ export class SmoothlyInput {
|
|
|
35
35
|
if (value != before)
|
|
36
36
|
this.smoothlyChanged.emit({ name: this.name, value });
|
|
37
37
|
}
|
|
38
|
+
onCurrency() {
|
|
39
|
+
this.state = Object.assign(Object.assign({}, this.state), { value: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).value });
|
|
40
|
+
}
|
|
38
41
|
componentWillLoad() {
|
|
39
42
|
const value = this.formatter.toString(this.value) || "";
|
|
40
43
|
const start = value.length;
|
|
@@ -479,6 +482,9 @@ export class SmoothlyInput {
|
|
|
479
482
|
static get watchers() { return [{
|
|
480
483
|
"propName": "value",
|
|
481
484
|
"methodName": "valueWatcher"
|
|
485
|
+
}, {
|
|
486
|
+
"propName": "currency",
|
|
487
|
+
"methodName": "onCurrency"
|
|
482
488
|
}]; }
|
|
483
489
|
}
|
|
484
490
|
function getLocale() {
|
|
@@ -42649,6 +42649,9 @@ let SmoothlyInput$1 = class extends HTMLElement {
|
|
|
42649
42649
|
if (value != before)
|
|
42650
42650
|
this.smoothlyChanged.emit({ name: this.name, value });
|
|
42651
42651
|
}
|
|
42652
|
+
onCurrency() {
|
|
42653
|
+
this.state = Object.assign(Object.assign({}, this.state), { value: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).value });
|
|
42654
|
+
}
|
|
42652
42655
|
componentWillLoad() {
|
|
42653
42656
|
const value = this.formatter.toString(this.value) || "";
|
|
42654
42657
|
const start = value.length;
|
|
@@ -42789,7 +42792,8 @@ let SmoothlyInput$1 = class extends HTMLElement {
|
|
|
42789
42792
|
return (h(Host, { class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" } }, h("input", { name: this.name, type: (_c = this.state) === null || _c === void 0 ? void 0 : _c.type, placeholder: this.placeholder, required: this.required, autocomplete: this.autocomplete ? (_d = this.state) === null || _d === void 0 ? void 0 : _d.autocomplete : "off", disabled: this.disabled, pattern: ((_e = this.state) === null || _e === void 0 ? void 0 : _e.pattern) && ((_f = this.state) === null || _f === void 0 ? void 0 : _f.pattern.source), value: (_g = this.state) === null || _g === void 0 ? void 0 : _g.value, onInput: (e) => this.onInput(e), onFocus: e => this.onFocus(e), onClick: e => this.onClick(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeyDown(e), ref: (el) => (this.inputElement = el), onPaste: e => this.onPaste(e) }), h("smoothly-icon", { name: "alert-circle", color: "danger", fill: "clear", size: "small" }), h("label", { htmlFor: this.name }, h("slot", null))));
|
|
42790
42793
|
}
|
|
42791
42794
|
static get watchers() { return {
|
|
42792
|
-
"value": ["valueWatcher"]
|
|
42795
|
+
"value": ["valueWatcher"],
|
|
42796
|
+
"currency": ["onCurrency"]
|
|
42793
42797
|
}; }
|
|
42794
42798
|
static get style() { return styleCss$v; }
|
|
42795
42799
|
};
|
|
@@ -39677,6 +39677,9 @@ let SmoothlyInput = class {
|
|
|
39677
39677
|
if (value != before)
|
|
39678
39678
|
this.smoothlyChanged.emit({ name: this.name, value });
|
|
39679
39679
|
}
|
|
39680
|
+
onCurrency() {
|
|
39681
|
+
this.state = Object.assign(Object.assign({}, this.state), { value: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).value });
|
|
39682
|
+
}
|
|
39680
39683
|
componentWillLoad() {
|
|
39681
39684
|
const value = this.formatter.toString(this.value) || "";
|
|
39682
39685
|
const start = value.length;
|
|
@@ -39817,7 +39820,8 @@ let SmoothlyInput = class {
|
|
|
39817
39820
|
return (h(Host, { class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" } }, h("input", { name: this.name, type: (_c = this.state) === null || _c === void 0 ? void 0 : _c.type, placeholder: this.placeholder, required: this.required, autocomplete: this.autocomplete ? (_d = this.state) === null || _d === void 0 ? void 0 : _d.autocomplete : "off", disabled: this.disabled, pattern: ((_e = this.state) === null || _e === void 0 ? void 0 : _e.pattern) && ((_f = this.state) === null || _f === void 0 ? void 0 : _f.pattern.source), value: (_g = this.state) === null || _g === void 0 ? void 0 : _g.value, onInput: (e) => this.onInput(e), onFocus: e => this.onFocus(e), onClick: e => this.onClick(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeyDown(e), ref: (el) => (this.inputElement = el), onPaste: e => this.onPaste(e) }), h("smoothly-icon", { name: "alert-circle", color: "danger", fill: "clear", size: "small" }), h("label", { htmlFor: this.name }, h("slot", null))));
|
|
39818
39821
|
}
|
|
39819
39822
|
static get watchers() { return {
|
|
39820
|
-
"value": ["valueWatcher"]
|
|
39823
|
+
"value": ["valueWatcher"],
|
|
39824
|
+
"currency": ["onCurrency"]
|
|
39821
39825
|
}; }
|
|
39822
39826
|
};
|
|
39823
39827
|
function getLocale() {
|
|
@@ -41,6 +41,9 @@ let SmoothlyInput = class {
|
|
|
41
41
|
if (value != before)
|
|
42
42
|
this.smoothlyChanged.emit({ name: this.name, value });
|
|
43
43
|
}
|
|
44
|
+
onCurrency() {
|
|
45
|
+
this.state = Object.assign(Object.assign({}, this.state), { value: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).value });
|
|
46
|
+
}
|
|
44
47
|
componentWillLoad() {
|
|
45
48
|
const value = this.formatter.toString(this.value) || "";
|
|
46
49
|
const start = value.length;
|
|
@@ -181,7 +184,8 @@ let SmoothlyInput = class {
|
|
|
181
184
|
return (h(Host, { class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" } }, h("input", { name: this.name, type: (_c = this.state) === null || _c === void 0 ? void 0 : _c.type, placeholder: this.placeholder, required: this.required, autocomplete: this.autocomplete ? (_d = this.state) === null || _d === void 0 ? void 0 : _d.autocomplete : "off", disabled: this.disabled, pattern: ((_e = this.state) === null || _e === void 0 ? void 0 : _e.pattern) && ((_f = this.state) === null || _f === void 0 ? void 0 : _f.pattern.source), value: (_g = this.state) === null || _g === void 0 ? void 0 : _g.value, onInput: (e) => this.onInput(e), onFocus: e => this.onFocus(e), onClick: e => this.onClick(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeyDown(e), ref: (el) => (this.inputElement = el), onPaste: e => this.onPaste(e) }), h("smoothly-icon", { name: "alert-circle", color: "danger", fill: "clear", size: "small" }), h("label", { htmlFor: this.name }, h("slot", null))));
|
|
182
185
|
}
|
|
183
186
|
static get watchers() { return {
|
|
184
|
-
"value": ["valueWatcher"]
|
|
187
|
+
"value": ["valueWatcher"],
|
|
188
|
+
"currency": ["onCurrency"]
|
|
185
189
|
}; }
|
|
186
190
|
};
|
|
187
191
|
function getLocale() {
|