smoothly 0.1.106 → 0.1.107
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_48.cjs.entry.js +2 -2
- package/dist/cjs/smoothly-input-date-range.cjs.entry.js +2 -2
- package/dist/collection/components/input-date-range/index.js +3 -3
- package/dist/collection/components/input-date-range/style.css +5 -1
- package/dist/custom-elements/index.js +2 -2
- package/dist/esm/smoothly-accordion_48.entry.js +2 -2
- package/dist/esm/smoothly-input-date-range.entry.js +2 -2
- package/dist/smoothly/{p-c43da6c0.entry.js → p-d14fb035.entry.js} +1 -1
- package/dist/smoothly/smoothly-input-date-range.entry.js +2 -2
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import { r as registerInstance, i as createEvent, h } from './index-02a70ac1.js'
|
|
|
2
2
|
import { d as dist } from './index-a5a08f46.js';
|
|
3
3
|
import './_commonjsHelpers-8fe71198.js';
|
|
4
4
|
|
|
5
|
-
const styleCss = ".sc-smoothly-input-date-range-h{position:relative;display:block}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-default-shade));max-width:22em}.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>.arrow.sc-smoothly-input-date-range{position:absolute;z-index:9;transform:translate(10em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-default-shade))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex}smoothly-input.sc-smoothly-input-date-range{border-radius:var(--border-radius, none);background-color:
|
|
5
|
+
const styleCss = ".sc-smoothly-input-date-range-h{position:relative;display:block;width:fit-content}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-default-shade));max-width:22em}.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>.arrow.sc-smoothly-input-date-range{position:absolute;z-index:9;transform:translate(10em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-default-shade))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;background-color:var(--background, transparent);border-radius:0.25rem;cursor:pointer}smoothly-input.sc-smoothly-input-date-range{border-radius:var(--border-radius, none);background-color:transparent;width:var(--input-width)}span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}";
|
|
6
6
|
|
|
7
7
|
let InputDateRange = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -29,7 +29,7 @@ let InputDateRange = class {
|
|
|
29
29
|
render() {
|
|
30
30
|
var _a;
|
|
31
31
|
return [
|
|
32
|
-
h("section",
|
|
32
|
+
h("section", { onClick: () => (this.open = !this.open) }, h("smoothly-input", { type: "date", value: this.start, showLabel: this.showLabel, onSmoothlyChanged: e => (this.start = e.detail.value) }, "from"), h("span", null, "\u2013"), h("smoothly-input", { type: "date", showLabel: this.showLabel, value: this.end, onSmoothlyChanged: e => (this.end = e.detail.value) }, "to")),
|
|
33
33
|
this.open ? h("div", { onClick: () => (this.open = false) }) : [],
|
|
34
34
|
this.open ? (h("nav", null, h("div", { class: "arrow" }), h("smoothly-calendar", { doubleInput: true, value: (_a = this.value) !== null && _a !== void 0 ? _a : dist.Date.now(), onValueChanged: event => {
|
|
35
35
|
this.value = event.detail;
|