smoothly 1.1.1-alpha.44 → 1.1.1-alpha.45
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-app_99.cjs.entry.js +8 -8
- package/dist/cjs/smoothly-app_99.cjs.entry.js.map +1 -1
- package/dist/collection/components/calendar/style.css +1 -1
- package/dist/collection/components/input/date/index.js +1 -1
- package/dist/collection/components/input/date/index.js.map +1 -1
- package/dist/collection/components/input/date/range/index.js +6 -8
- package/dist/collection/components/input/date/range/index.js.map +1 -1
- package/dist/collection/components/input/date/range/style.css +4 -3
- package/dist/collection/components/input/date/style.css +4 -3
- package/dist/components/{p-83101f70.js → p-199fba79.js} +4 -4
- package/dist/components/p-199fba79.js.map +1 -0
- package/dist/components/{p-a4264241.js → p-4246158b.js} +7 -7
- package/dist/components/p-4246158b.js.map +1 -0
- package/dist/components/{p-54dd952a.js → p-9af66871.js} +2 -2
- package/dist/components/p-9af66871.js.map +1 -0
- package/dist/components/{p-c11d50bf.js → p-c1ce7f02.js} +4 -4
- package/dist/components/{p-c11d50bf.js.map → p-c1ce7f02.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +4 -4
- package/dist/components/smoothly-calendar.js +1 -1
- package/dist/components/smoothly-input-date-range.js +1 -1
- package/dist/components/smoothly-input-date.js +1 -1
- package/dist/components/smoothly-input-demo.js +1 -1
- package/dist/esm/smoothly-app_99.entry.js +8 -8
- package/dist/esm/smoothly-app_99.entry.js.map +1 -1
- package/dist/smoothly/p-b598dbaf.entry.js +2 -0
- package/dist/smoothly/p-b598dbaf.entry.js.map +1 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-54dd952a.js.map +0 -1
- package/dist/components/p-83101f70.js.map +0 -1
- package/dist/components/p-a4264241.js.map +0 -1
- package/dist/smoothly/p-12d11e19.entry.js +0 -2
- package/dist/smoothly/p-12d11e19.entry.js.map +0 -1
|
@@ -1816,7 +1816,7 @@ function years(current) {
|
|
|
1816
1816
|
return result;
|
|
1817
1817
|
}
|
|
1818
1818
|
|
|
1819
|
-
const styleCss$1m = ".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5rem;
|
|
1819
|
+
const styleCss$1m = ".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5rem;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{width:calc(100% - 1em)}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));cursor:pointer;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-danger-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-danger-color), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.selected,.dateRange).sc-smoothly-calendar:not(:hover).today{background:rgb(var(--smoothly-medium-tint));color:rgb(var(--smoothly-medium-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;background-color:rgba(var(--smoothly-input-background), 0.5);color:rgba(var(--smoothly-default-contrast), 0.5)}";
|
|
1820
1820
|
const SmoothlyCalendarStyle0 = styleCss$1m;
|
|
1821
1821
|
|
|
1822
1822
|
const Calendar = class {
|
|
@@ -9097,7 +9097,7 @@ const SmoothlyInputColor = class {
|
|
|
9097
9097
|
};
|
|
9098
9098
|
SmoothlyInputColor.style = SmoothlyInputColorStyle0;
|
|
9099
9099
|
|
|
9100
|
-
const styleCss$14 = ".sc-smoothly-input-date-h{box-sizing:border-box}.sc-smoothly-input-date-h[looks=\"border\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-h[looks=\"line\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-h[looks=\"grid\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-date-h{border:none}[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h{position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background))}[looks=transparent].sc-smoothly-input-date-h smoothly-input.sc-smoothly-input-date{outline:none}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:
|
|
9100
|
+
const styleCss$14 = ".sc-smoothly-input-date-h{box-sizing:border-box}.sc-smoothly-input-date-h[looks=\"border\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-h[looks=\"line\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-h[looks=\"grid\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-date-h{border:none}[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h{position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background))}[looks=transparent].sc-smoothly-input-date-h smoothly-input.sc-smoothly-input-date{outline:none}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));min-width:18em}.sc-smoothly-input-date-h>div.sc-smoothly-input-date{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>div.arrow.sc-smoothly-input-date{position:absolute;z-index:9;transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}@media screen and (min-width: 400px){.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em}}";
|
|
9101
9101
|
const SmoothlyInputDateStyle0 = styleCss$14;
|
|
9102
9102
|
|
|
9103
9103
|
const InputDate = class {
|
|
@@ -9143,7 +9143,7 @@ const InputDate = class {
|
|
|
9143
9143
|
render() {
|
|
9144
9144
|
var _a;
|
|
9145
9145
|
return [
|
|
9146
|
-
index.h("smoothly-input", { key: '
|
|
9146
|
+
index.h("smoothly-input", { key: 'cde5823d5a92329972bcda29bcd4439afabee641', color: this.color, name: this.name, onFocus: () => (this.open = !this.open), onClick: () => (this.open = !this.open), disabled: this.disabled, type: "date", value: this.value, showLabel: this.showLabel, onSmoothlyInput: e => (this.value = e.detail[this.name]) }, index.h("slot", { key: '23e32161bd073d591938f20ca4394527e690f71a' })),
|
|
9147
9147
|
this.open && !this.disabled
|
|
9148
9148
|
? [
|
|
9149
9149
|
index.h("div", { onClick: () => (this.open = false) }),
|
|
@@ -9162,7 +9162,7 @@ const InputDate = class {
|
|
|
9162
9162
|
};
|
|
9163
9163
|
InputDate.style = SmoothlyInputDateStyle0;
|
|
9164
9164
|
|
|
9165
|
-
const styleCss$13 = ".sc-smoothly-input-date-range-h{box-sizing:border-box}.sc-smoothly-input-date-range-h[looks=\"border\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-range-h[looks=\"line\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-range-h[looks=\"grid\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-date-range-h{border:none}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h{position:relative;display:block;width:fit-content;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h:focus-within smoothly-input.sc-smoothly-input-date-range{outline:none}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:
|
|
9165
|
+
const styleCss$13 = ".sc-smoothly-input-date-range-h{box-sizing:border-box}.sc-smoothly-input-date-range-h[looks=\"border\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-range-h[looks=\"line\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-range-h[looks=\"grid\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-date-range-h{border:none}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h{position:relative;display:block;width:fit-content;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h:focus-within smoothly-input.sc-smoothly-input-date-range{outline:none}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em;min-width:18em}.sc-smoothly-input-date-range-h>div.sc-smoothly-input-date-range{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>div.arrow.sc-smoothly-input-date-range{position:absolute;left:-7em;z-index:9;transform:translate(10em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{border-radius:var(--border-radius, none);background-color:transparent}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}";
|
|
9166
9166
|
const SmoothlyInputDateRangeStyle0 = styleCss$13;
|
|
9167
9167
|
|
|
9168
9168
|
const SmoothlyInputDateRange = class {
|
|
@@ -9175,8 +9175,8 @@ const SmoothlyInputDateRange = class {
|
|
|
9175
9175
|
this.color = undefined;
|
|
9176
9176
|
this.looks = "plain";
|
|
9177
9177
|
this.showLabel = true;
|
|
9178
|
-
this.start =
|
|
9179
|
-
this.end =
|
|
9178
|
+
this.start = undefined;
|
|
9179
|
+
this.end = undefined;
|
|
9180
9180
|
this.max = undefined;
|
|
9181
9181
|
this.min = undefined;
|
|
9182
9182
|
this.open = undefined;
|
|
@@ -9202,10 +9202,10 @@ const SmoothlyInputDateRange = class {
|
|
|
9202
9202
|
this.end = undefined;
|
|
9203
9203
|
}
|
|
9204
9204
|
render() {
|
|
9205
|
-
return (index.h(index.Host, { key: '
|
|
9205
|
+
return (index.h(index.Host, { key: 'c049251b9d79f97b70f0b7a106f1fe15de11773e', tabindex: 0 }, index.h("section", { key: '1928b7c8fa26e896573cc0d3c2d171d6a62da6bf', onClick: () => (this.open = !this.open) }, index.h("smoothly-input", { key: 'b136b1497e0a0e125d7ab48379ab6fdabf6cd0de', type: "text", name: "dateRangeInput", value: `${this.start ? this.start : "from "} - ${this.end ? this.end : " to"}`, showLabel: this.showLabel, onSmoothlyInput: e => {
|
|
9206
9206
|
e.stopPropagation();
|
|
9207
9207
|
this.inputHandler(e.detail);
|
|
9208
|
-
} })), this.open && index.h("div", { key: '
|
|
9208
|
+
} })), this.open && index.h("div", { key: '7081a15a4975db51d0b20b96baa6f8cfe8bad6e1', onClick: () => (this.open = false) }), this.open && (index.h("nav", { key: 'c064ca88d357433d6d11f2ff0ec6733d456b45f9' }, index.h("div", { key: '567ff987f35d8692fe717f5482ba270b240a1f11', class: "arrow" }), index.h("smoothly-calendar", { key: 'e2e2756475c425bf47f32fcaa76623dc3b1e0ced', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
|
|
9209
9209
|
e.stopPropagation();
|
|
9210
9210
|
this.start = e.detail;
|
|
9211
9211
|
}, onSmoothlyEndChange: e => {
|