smoothly 0.3.6 → 0.3.8
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_53.cjs.entry.js +25 -25
- package/dist/collection/components/input-demo/index.js +1 -1
- package/dist/collection/components/radio-button/item/style.css +1 -4
- package/dist/custom-elements/index.js +25 -25
- package/dist/esm/smoothly-accordion_53.entry.js +25 -25
- package/dist/smoothly/p-a2da6c33.entry.js +1 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/package.json +2 -2
- package/dist/smoothly/p-8ab82f55.entry.js +0 -1
|
@@ -12547,7 +12547,7 @@ class StateEditor {
|
|
|
12547
12547
|
if (typeof start == "string" && typeof end == "string") {
|
|
12548
12548
|
let s;
|
|
12549
12549
|
result = this;
|
|
12550
|
-
while ((s = result.value.
|
|
12550
|
+
while ((s = result.value.indexOf(start)) > -1)
|
|
12551
12551
|
result = result.replace(s, s + start.length, end);
|
|
12552
12552
|
}
|
|
12553
12553
|
else if (typeof start == "number" && typeof end == "number") {
|
|
@@ -12589,7 +12589,7 @@ class StateEditor {
|
|
|
12589
12589
|
else if (typeof start == "string") {
|
|
12590
12590
|
let s;
|
|
12591
12591
|
result = this;
|
|
12592
|
-
while ((s = result.value.
|
|
12592
|
+
while ((s = result.value.indexOf(start)) > -1)
|
|
12593
12593
|
result = result.delete(s, s + start.length);
|
|
12594
12594
|
}
|
|
12595
12595
|
else
|
|
@@ -31620,11 +31620,11 @@ exports.register = exports.Base = void 0;
|
|
|
31620
31620
|
|
|
31621
31621
|
|
|
31622
31622
|
class Base {
|
|
31623
|
-
constructor(
|
|
31624
|
-
this.
|
|
31623
|
+
constructor(separator) {
|
|
31624
|
+
this.separator = separator;
|
|
31625
31625
|
}
|
|
31626
|
-
unformat(
|
|
31627
|
-
return
|
|
31626
|
+
unformat(formatted) {
|
|
31627
|
+
return formatted.delete(this.separator);
|
|
31628
31628
|
}
|
|
31629
31629
|
daysInMonth(value) {
|
|
31630
31630
|
var _a;
|
|
@@ -31657,12 +31657,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
31657
31657
|
|
|
31658
31658
|
|
|
31659
31659
|
class Handler extends Base_1.Base {
|
|
31660
|
-
constructor(
|
|
31661
|
-
super(
|
|
31660
|
+
constructor(separator) {
|
|
31661
|
+
super(separator);
|
|
31662
31662
|
}
|
|
31663
31663
|
toString(data) {
|
|
31664
31664
|
return (data === null || data === void 0 ? void 0 : data.length) == 10
|
|
31665
|
-
? [data.substring(8, 10), data.substring(5, 7), data.substring(0, 4)].join(this.
|
|
31665
|
+
? [data.substring(8, 10), data.substring(5, 7), data.substring(0, 4)].join(this.separator)
|
|
31666
31666
|
: "";
|
|
31667
31667
|
}
|
|
31668
31668
|
fromString(value) {
|
|
@@ -31674,12 +31674,12 @@ class Handler extends Base_1.Base {
|
|
|
31674
31674
|
if (result.get(0, 1) > "3")
|
|
31675
31675
|
result = result.insert(0, "0");
|
|
31676
31676
|
if (result.value.length > 1)
|
|
31677
|
-
result = result.insert(2, this.
|
|
31677
|
+
result = result.insert(2, this.separator);
|
|
31678
31678
|
if (result.get(3, 1) > "1")
|
|
31679
31679
|
result = result.insert(3, "0");
|
|
31680
31680
|
if (result.value.length > 4)
|
|
31681
|
-
result = result.insert(5, this.
|
|
31682
|
-
return Object.assign(Object.assign({}, result), { type: "text", length: [0, 10], pattern: new RegExp(["^(0[1-9]|[12][0-9]|3[01])", "(0[1-9]|1[012])", "\\d{4}$"].join(this.
|
|
31681
|
+
result = result.insert(5, this.separator);
|
|
31682
|
+
return Object.assign(Object.assign({}, result), { type: "text", length: [0, 10], pattern: new RegExp(["^(0[1-9]|[12][0-9]|3[01])", "(0[1-9]|1[012])", "\\d{4}$"].join(this.separator)) });
|
|
31683
31683
|
}
|
|
31684
31684
|
allowed(symbol, state) {
|
|
31685
31685
|
return state.selection.start == 1 && state.value[0] == "3"
|
|
@@ -31710,12 +31710,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
31710
31710
|
|
|
31711
31711
|
|
|
31712
31712
|
class Handler extends Base_1.Base {
|
|
31713
|
-
constructor(
|
|
31714
|
-
super(
|
|
31713
|
+
constructor(separator) {
|
|
31714
|
+
super(separator);
|
|
31715
31715
|
}
|
|
31716
31716
|
toString(data) {
|
|
31717
31717
|
return (data === null || data === void 0 ? void 0 : data.length) == 10
|
|
31718
|
-
? [data.substring(5, 7), data.substring(8, 10), data.substring(0, 4)].join(this.
|
|
31718
|
+
? [data.substring(5, 7), data.substring(8, 10), data.substring(0, 4)].join(this.separator)
|
|
31719
31719
|
: "";
|
|
31720
31720
|
}
|
|
31721
31721
|
fromString(value) {
|
|
@@ -31727,12 +31727,12 @@ class Handler extends Base_1.Base {
|
|
|
31727
31727
|
if (result.get(0, 1) > "1")
|
|
31728
31728
|
result = result.insert(0, "0");
|
|
31729
31729
|
if (result.value.length > 1)
|
|
31730
|
-
result = result.insert(2, this.
|
|
31730
|
+
result = result.insert(2, this.separator);
|
|
31731
31731
|
if (result.get(3, 1) > (result.get(0, 2) == "02" ? "2" : "3"))
|
|
31732
31732
|
result = result.insert(3, "0");
|
|
31733
31733
|
if (result.value.length > 4)
|
|
31734
|
-
result = result.insert(5, this.
|
|
31735
|
-
return Object.assign(Object.assign({}, result), { type: "text", length: [0, 10], pattern: new RegExp(["^(0[1-9]|1[012])", "(0[1-9]|[12][0-9]|3[01])", "\\d{4}$"].join(this.
|
|
31734
|
+
result = result.insert(5, this.separator);
|
|
31735
|
+
return Object.assign(Object.assign({}, result), { type: "text", length: [0, 10], pattern: new RegExp(["^(0[1-9]|1[012])", "(0[1-9]|[12][0-9]|3[01])", "\\d{4}$"].join(this.separator)) });
|
|
31736
31736
|
}
|
|
31737
31737
|
allowed(symbol, state) {
|
|
31738
31738
|
const result = state.selection.start == 1 && state.value[0] == "1"
|
|
@@ -31758,8 +31758,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
31758
31758
|
|
|
31759
31759
|
|
|
31760
31760
|
class Handler extends Base_1.Base {
|
|
31761
|
-
constructor(
|
|
31762
|
-
super(
|
|
31761
|
+
constructor(separator) {
|
|
31762
|
+
super(separator);
|
|
31763
31763
|
}
|
|
31764
31764
|
toString(data) {
|
|
31765
31765
|
return typeof data != "string" ? "" : data;
|
|
@@ -31771,16 +31771,16 @@ class Handler extends Base_1.Base {
|
|
|
31771
31771
|
format(unformatted) {
|
|
31772
31772
|
let result = unformatted;
|
|
31773
31773
|
if (result.value.length > 3) {
|
|
31774
|
-
result = result.insert(4, this.
|
|
31774
|
+
result = result.insert(4, this.separator);
|
|
31775
31775
|
if (result.get(5, 1) > "1")
|
|
31776
31776
|
result = result.insert(5, "0");
|
|
31777
31777
|
if (result.value.length > 6) {
|
|
31778
|
-
result = result.insert(7, this.
|
|
31778
|
+
result = result.insert(7, this.separator);
|
|
31779
31779
|
if (result.get(8, 1) > this.daysInMonth(unformatted.value).toString().substring(0, 1))
|
|
31780
31780
|
result = result.insert(8, "0");
|
|
31781
31781
|
}
|
|
31782
31782
|
}
|
|
31783
|
-
return Object.assign(Object.assign({}, result), { type: "text", length: [0, 10], pattern: new RegExp(["^\\d{4}", "(0[1-9]|1[012])", "(0[1-9]|[12][0-9]|3[01])$"].join(this.
|
|
31783
|
+
return Object.assign(Object.assign({}, result), { type: "text", length: [0, 10], pattern: new RegExp(["^\\d{4}", "(0[1-9]|1[012])", "(0[1-9]|[12][0-9]|3[01])$"].join(this.separator)) });
|
|
31784
31784
|
}
|
|
31785
31785
|
allowed(symbol, state) {
|
|
31786
31786
|
const daysInMonth = this.daysInMonth(state.value);
|
|
@@ -33633,7 +33633,7 @@ const SmoothlyInputDemo = class {
|
|
|
33633
33633
|
}
|
|
33634
33634
|
render() {
|
|
33635
33635
|
return [
|
|
33636
|
-
h("form", { action: "done", style: { position: "relative" } }, h("header", null, h("h5", null, "Form")), h("main", null, h("fieldset", null, h("h2", null, "Smoothly Iput"), h("h3", null, "Card"), h("smoothly-input", { type: "text", name: "name", readonly: true, value: "Readonly", onSmoothlyBlur: () => console.log("smoothly blur") }, "Readonly"), h("smoothly-input", { type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, "Name"), h("smoothly-input", { type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Name"), h("smoothly-input-date", null), h("smoothly-input", { type: "date", name: "date" }, "Date"), h("smoothly-input", { type: "date-time", name: "date-time" }, "Date-Time"), h("smoothly-input", { type: "divisor", name: "divisor" }, "Divisor"), h("smoothly-input", { type: "text", name: "street", value: "street" }, "Street"), h("smoothly-input", { type: "card-number", name: "card" }, "Card #"), h("smoothly-input", { type: "card-expires", name: "card", style: { width: "calc(60% - 2px)" } }, "Expires"), h("smoothly-input", { type: "card-csc", name: "card", style: { width: "calc(40% - 1px)", borderLeft: "none" } }, "CVV/CVC"), h("h3", null, "Contact"), h("smoothly-input", { type: "postal-code", name: "zip", style: { width: "calc(60% - 2px)" } }, "ZipCode"), h("smoothly-input", { type: "text", name: "testing" }, "Texttest"), h("smoothly-input", { type: "password", name: "password" }, "Password"), h("smoothly-input", { type: "email", name: "email" }, "Email"), h("smoothly-input", { type: "price", currency: "SEK", name: "price" }, "Price"), h("smoothly-input", { type: "percent", name: "percent" }, "Percent"), h("smoothly-input", { type: "phone", name: "phone" }, "Phone"), h("smoothly-input-date", null, "Date")), h("fieldset", null, h("h2", null, "Smoothly Radio"), h("h3", null, "Deselectable Radio List with button"), h("smoothly-radio-button", { deselectable: true, decoration: "button" }, h("smoothly-radio-button-item", { value: { some: "content", yes: "sir" } }, h("span", null, "Option 1"), h("span", { slot: "expansion" }, "Some description.")), h("smoothly-radio-button-item", { value: { some: "thing", yes: "miss" } }, h("span", null, "Option 2"), h("span", { slot: "expansion" }, "Some other description.")), h("smoothly-radio-button-item", { value: { some: "one", yes: "kid" } }, h("span", null, "Option 3"))), h("h3", null, "Radio List with button"), h("smoothly-radio-button", { decoration: "button" }, h("smoothly-radio-button-item", { value: { some: "content", yes: "sir" } }, h("span", null, "Option 1"), h("span", { slot: "expansion" }, "Some description.")), h("smoothly-radio-button-item", { value: { some: "thing", yes: "miss" } }, h("span", null, "Option 2"), h("span", { slot: "expansion" }, "Some other description.")), h("smoothly-radio-button-item", { value: { some: "one", yes: "kid" } }, h("span", null, "Option 3"))), h("h3", null, "Radio List ", h("b", null, "without button")), h("smoothly-radio-button", null, h("smoothly-radio-button-item", { value: { some: "content", yes: "sir" }, selected: true, color: "
|
|
33636
|
+
h("form", { action: "done", style: { position: "relative" } }, h("header", null, h("h5", null, "Form")), h("main", null, h("fieldset", null, h("h2", null, "Smoothly Iput"), h("h3", null, "Card"), h("smoothly-input", { type: "text", name: "name", readonly: true, value: "Readonly", onSmoothlyBlur: () => console.log("smoothly blur") }, "Readonly"), h("smoothly-input", { type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, "Name"), h("smoothly-input", { type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Name"), h("smoothly-input-date", null), h("smoothly-input", { type: "date", name: "date" }, "Date"), h("smoothly-input", { type: "date-time", name: "date-time" }, "Date-Time"), h("smoothly-input", { type: "divisor", name: "divisor" }, "Divisor"), h("smoothly-input", { type: "text", name: "street", value: "street" }, "Street"), h("smoothly-input", { type: "card-number", name: "card" }, "Card #"), h("smoothly-input", { type: "card-expires", name: "card", style: { width: "calc(60% - 2px)" } }, "Expires"), h("smoothly-input", { type: "card-csc", name: "card", style: { width: "calc(40% - 1px)", borderLeft: "none" } }, "CVV/CVC"), h("h3", null, "Contact"), h("smoothly-input", { type: "postal-code", name: "zip", style: { width: "calc(60% - 2px)" } }, "ZipCode"), h("smoothly-input", { type: "text", name: "testing" }, "Texttest"), h("smoothly-input", { type: "password", name: "password" }, "Password"), h("smoothly-input", { type: "email", name: "email" }, "Email"), h("smoothly-input", { type: "price", currency: "SEK", name: "price" }, "Price"), h("smoothly-input", { type: "percent", name: "percent" }, "Percent"), h("smoothly-input", { type: "phone", name: "phone" }, "Phone"), h("smoothly-input-date", null, "Date")), h("fieldset", null, h("h2", null, "Smoothly Radio"), h("h3", null, "Deselectable Radio List with button"), h("smoothly-radio-button", { deselectable: true, decoration: "button" }, h("smoothly-radio-button-item", { value: { some: "content", yes: "sir" } }, h("span", null, "Option 1"), h("span", { slot: "expansion" }, "Some description.")), h("smoothly-radio-button-item", { value: { some: "thing", yes: "miss" } }, h("span", null, "Option 2"), h("span", { slot: "expansion" }, "Some other description.")), h("smoothly-radio-button-item", { value: { some: "one", yes: "kid" } }, h("span", null, "Option 3"))), h("h3", null, "Radio List with button"), h("smoothly-radio-button", { decoration: "button" }, h("smoothly-radio-button-item", { value: { some: "content", yes: "sir" } }, h("span", null, "Option 1"), h("span", { slot: "expansion" }, "Some description.")), h("smoothly-radio-button-item", { value: { some: "thing", yes: "miss" } }, h("span", null, "Option 2"), h("span", { slot: "expansion" }, "Some other description.")), h("smoothly-radio-button-item", { value: { some: "one", yes: "kid" } }, h("span", null, "Option 3"))), h("h3", null, "Radio List ", h("b", null, "without button")), h("smoothly-radio-button", null, h("smoothly-radio-button-item", { value: { some: "content", yes: "sir" }, selected: true, color: "light" }, h("span", null, "Option 1"), h("span", { slot: "expansion" }, "Some description.")), h("smoothly-radio-button-item", { value: { some: "thing", yes: "miss" }, color: "light" }, h("span", null, "Option 2"), h("span", { slot: "expansion" }, "Some other description.")), h("smoothly-radio-button-item", { value: { some: "one", yes: "kid" }, color: "light" }, h("span", null, "Option 3"))), h("smoothly-radio", { name: "option", value: "1" }, "option 1"), h("smoothly-radio", { name: "option", value: "2", checked: true }, "option 2"), h("smoothly-radio", { name: "option", value: "3" }, "option 3")), h("fieldset", null, h("h2", null, "Smoothly Accordion"), h("smoothly-accordion", null, h("smoothly-accordion-item", { name: "A", open: true }, h("smoothly-radio", { name: "a", value: "1" }, "a 1"), h("smoothly-radio", { name: "a", value: "2", checked: true }, "a 2"), h("smoothly-radio", { name: "a", value: "3" }, "a 3")), h("smoothly-accordion-item", { name: "B" }, h("smoothly-radio", { name: "b", value: "1" }, "b 1"), h("smoothly-radio", { name: "b", value: "2" }, "b 2"), h("smoothly-radio", { name: "b", value: "3" }, "b 3")))), h("fieldset", null, h("h2", null, "Smoothly checkbox"), h("smoothly-checkbox", { selectAll: true, intermediate: true }), h("smoothly-checkbox", null), h("smoothly-checkbox", { disabled: true })), h("fieldset", null, h("h2", null, "Smoothly addresses"), h("smoothly-address-display", { value: '{ "countryCode": "SE", "street": "Korkstigen 2", "zipCode": "654 31", "city": "Fejksala" }' }), h("smoothly-address", { editable: false, value: '{ "countryCode": "SE", "street": "Stigv\u00E4gen 34", "zipCode": "123 45", "city": "Hobbiton" }' }), h("smoothly-addresses", { allowed: "billing delivery visit", editable: true, value: '{ "billing": { "countryCode": "SE", "street": "Rundslingan 3", "zipCode": "987 65", "city": "Klotby" }, "visit": { "countryCode": "SE", "street": "G\u00E5ngbanan 34", "zipCode": "543 21", "city": "Trasktr\u00E4sk" } }' }))), h("footer", null, h("smoothly-submit", { expand: "block", onSubmit: (e) => alert(e), color: "success" }, "Submit"), h("smoothly-trigger", { expand: "block", color: "success", onClick: (e) => console.log(e.detail) }, "Trigger"))),
|
|
33637
33637
|
h("smoothly-backtotop", null),
|
|
33638
33638
|
];
|
|
33639
33639
|
}
|
|
@@ -34202,7 +34202,7 @@ const SmoothlyRadioButton = class {
|
|
|
34202
34202
|
};
|
|
34203
34203
|
SmoothlyRadioButton.style = styleCss$i;
|
|
34204
34204
|
|
|
34205
|
-
const styleCss$h = "smoothly-radio-button[decoration=radio] .sc-smoothly-radio-button-item-h{
|
|
34205
|
+
const styleCss$h = "smoothly-radio-button[decoration=radio] .sc-smoothly-radio-button-item-h{transition:0.2s}smoothly-radio-button[decoration=radio] .sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item{padding:0.5rem}smoothly-radio-button[decoration=radio] .sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item>smoothly-icon.sc-smoothly-radio-button-item{display:none}smoothly-radio-button[decoration=radio] [selected].sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item{color:rgb(var(--smoothly-secondary-contrast));background:rgb(var(--smoothly-secondary-color))}smoothly-radio-button[decoration=radio].sc-smoothly-radio-button-item-s>[slot=expansion]::before,smoothly-radio-button[decoration=radio] .sc-smoothly-radio-button-item-s>[slot=expansion]::before{content:unset}@media screen and (min-width: 900px){smoothly-radio-button[decoration=radio] .sc-smoothly-radio-button-item-h:hover{background:rgb(var(--smoothly-secondary-shade));cursor:pointer}}smoothly-radio-button[decoration=button] .sc-smoothly-radio-button-item-h{padding:0.3rem}smoothly-radio-button[decoration=button] .sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item>smoothly-icon.sc-smoothly-radio-button-item{margin-right:0.5rem;border-radius:100%;font-size:1.3rem;display:flex;background:rgb(var(--smoothly-light-color));transition:0.2s}smoothly-radio-button[decoration=button] [selected].sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item>smoothly-icon.sc-smoothly-radio-button-item{color:rgb(var(--smoothly-success-color));background:rgb(var(--smoothly-success-shade))}smoothly-radio-button[decoration=button].sc-smoothly-radio-button-item-s>[slot=expansion],smoothly-radio-button[decoration=button] .sc-smoothly-radio-button-item-s>[slot=expansion]{background:rgb(var(--smoothly-secondary-color));color:rgb(var(--smoothly-secondary-contrast));border-radius:5px;margin-top:0.5rem}smoothly-radio-button[decoration=button].sc-smoothly-radio-button-item-s>[slot=expansion]::before,smoothly-radio-button[decoration=button] .sc-smoothly-radio-button-item-s>[slot=expansion]::before{content:\"\\25B2\";position:absolute;top:-0.8rem;left:3rem;color:rgb(var(--smoothly-secondary-color))}@media screen and (min-width: 900px){smoothly-radio-button[decoration=button] .sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item:hover>smoothly-icon.sc-smoothly-radio-button-item{background:rgb(var(--smoothly-success-color));cursor:pointer}smoothly-radio-button[deselectable] [selected].sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item:hover>smoothly-icon.sc-smoothly-radio-button-item{background:rgb(var(--smoothly-warning-shade));color:rgb(var(--smoothly-warning-color));cursor:pointer}}.sc-smoothly-radio-button-item-h{display:block}.sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item{display:flex;align-items:center}.sc-smoothly-radio-button-item-s>[slot=expansion]{display:none;background:rgb(var(--smoothly-secondary-tint));color:rgb(var(--smoothly-secondary-contrast));padding:0;position:relative;transition:0.1s}[selected].sc-smoothly-radio-button-item-s>[slot=expansion]{display:block;padding:0.5rem}";
|
|
34206
34206
|
|
|
34207
34207
|
const SmoothlyRadioButtonItem = class {
|
|
34208
34208
|
constructor(hostRef) {
|