smoothly 1.1.1-alpha.111 → 1.1.1-alpha.113
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/loader.cjs.js +1 -1
- package/dist/cjs/smoothly-app_101.cjs.entry.js +95 -102
- package/dist/cjs/smoothly-app_101.cjs.entry.js.map +1 -1
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/components/app/room/index.js +1 -1
- package/dist/collection/components/app/room/index.js.map +1 -1
- package/dist/collection/components/app/room/style.css +28 -0
- package/dist/collection/components/load-more/index.js +2 -33
- package/dist/collection/components/load-more/index.js.map +1 -1
- package/dist/collection/components/load-more/isScrollable.js +2 -2
- package/dist/collection/components/load-more/isScrollable.js.map +1 -1
- package/dist/components/{p-de9caac8.js → p-27253486.js} +3 -3
- package/dist/components/{p-de9caac8.js.map → p-27253486.js.map} +1 -1
- package/dist/components/{p-2d28c49a.js → p-41a76edb.js} +3 -3
- package/dist/components/{p-2d28c49a.js.map → p-41a76edb.js.map} +1 -1
- package/dist/components/{p-f53410cf.js → p-6cd54807.js} +5 -5
- package/dist/components/{p-f53410cf.js.map → p-6cd54807.js.map} +1 -1
- package/dist/components/{p-bca99e7f.js → p-90315f5e.js} +2 -2
- package/dist/components/{p-bca99e7f.js.map → p-90315f5e.js.map} +1 -1
- package/dist/components/{p-a7f34b72.js → p-a8d94c7b.js} +5 -5
- package/dist/components/{p-a7f34b72.js.map → p-a8d94c7b.js.map} +1 -1
- package/dist/components/{p-08962e3a.js → p-b73dcfdc.js} +5 -13
- package/dist/components/p-b73dcfdc.js.map +1 -0
- package/dist/components/{p-6ec72818.js → p-d1f75493.js} +3 -3
- package/dist/components/{p-6ec72818.js.map → p-d1f75493.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +7 -7
- package/dist/components/smoothly-app-room.js +1 -1
- package/dist/components/smoothly-lazy.js +1 -1
- package/dist/components/smoothly-load-more.js +1 -1
- package/dist/components/smoothly-next-demo-colspan.js +1 -1
- package/dist/components/smoothly-next-demo-group.js +1 -1
- package/dist/components/smoothly-next-demo.js +1 -1
- package/dist/components/smoothly-table-demo.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/smoothly-app_101.entry.js +95 -102
- package/dist/esm/smoothly-app_101.entry.js.map +1 -1
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/{p-aa60fbc6.entry.js → p-03fe43ce.entry.js} +2 -2
- package/dist/smoothly/p-03fe43ce.entry.js.map +1 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/smoothly/smoothly.esm.js.map +1 -1
- package/dist/types/components/load-more/index.d.ts +0 -1
- package/dist/types/components.d.ts +0 -2
- package/package.json +1 -1
- package/dist/collection/components/load-more/style.css +0 -5
- package/dist/components/p-08962e3a.js.map +0 -1
- package/dist/smoothly/p-aa60fbc6.entry.js.map +0 -1
|
@@ -19,8 +19,8 @@ function any(name) {
|
|
|
19
19
|
return new IslyAny(name ?? "any");
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
const styleCss$
|
|
23
|
-
const SmoothlyAppStyle0 = styleCss$
|
|
22
|
+
const styleCss$1o = "smoothly-app{--header-height:5rem;display:block}smoothly-app>smoothly-notifier>main{height:calc(100dvh - var(--header-height))}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{height:100%;background:none}header:has(smoothly-burger[visible])>nav>ul smoothly-app-room{width:100%;height:4em}smoothly-app>smoothly-notifier>header{position:sticky;top:0;z-index:5;width:100%;height:var(--header-height);display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade))}smoothly-app>smoothly-notifier>header>nav{width:100%;flex-shrink:2;height:100%}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{display:flex;margin:0}smoothly-app>smoothly-notifier>header>h1{margin-left:1rem;margin-bottom:0.8em;display:flex;height:100%}smoothly-app>smoothly-notifier>header>h1>a{display:inline-block;align-self:center;size:100%;background-position-y:center;text-decoration:none;white-space:nowrap}smoothly-app>smoothly-notifier>header>nav>ul{width:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container{display:flex;align-items:center;height:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{display:flex;align-items:center;height:100%;margin-left:auto;margin-right:1rem}smoothly-app>smoothly-notifier>header>nav>ul>[slot=\"nav-end\"]{width:fit-content;align-self:center;height:fit-content;margin-left:10rem}smoothly-app>smoothly-notifier>header>nav>ul li a{display:flex;height:2.3rem;text-decoration:none;align-items:center;align-self:center}@media screen and (max-width: 900px){smoothly-app>smoothly-notifier>header>nav{width:fit-content;max-width:100%;top:100%;position:absolute;max-height:calc(100dvh - var(--header-height));overflow-y:scroll;right:0;height:auto}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{flex-direction:column;background-color:rgba(var(--smoothly-color))}smoothly-app>smoothly-notifier>header>nav>ul{padding:1.5rem;box-sizing:border-box}smoothly-app>smoothly-notifier>header>nav>ul li{margin-right:0;width:100%}smoothly-app>smoothly-notifier>header>smoothly-burger{position:absolute;top:0;right:0}smoothly-app>smoothly-notifier>header>nav>ul>[slot=\"nav-start\"]{display:none}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container,smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{flex-direction:column;margin:0;align-items:start;justify-content:center}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child{margin-bottom:1em}}smoothly-app>smoothly-notifier>header>nav:not(.menu-open){display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}";
|
|
23
|
+
const SmoothlyAppStyle0 = styleCss$1o;
|
|
24
24
|
|
|
25
25
|
const SmoothlyApp = class {
|
|
26
26
|
constructor(hostRef) {
|
|
@@ -1524,8 +1524,8 @@ if (!globalThis.URLPattern) {
|
|
|
1524
1524
|
globalThis.URLPattern = URLPattern$1;
|
|
1525
1525
|
}
|
|
1526
1526
|
|
|
1527
|
-
const styleCss$
|
|
1528
|
-
const SmoothlyAppRoomStyle0 = styleCss$
|
|
1527
|
+
const styleCss$1n = ".sc-smoothly-app-room-h{display:flex;justify-content:center;text-align:center;cursor:pointer;height:100%;position:relative}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{overflow-y:auto;height:100%}:not([label].sc-smoothly-app-room-h,[icon]).sc-smoothly-app-room-h,[disabled].sc-smoothly-app-room-h{display:none}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{display:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room{height:100%;list-style:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0 1.5em;height:100%}[selected].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{display:flex;color:rgb(var(--smoothly-color-contrast));background:rgb(var(--smoothly-color-shade))}.sc-smoothly-app-room-h:hover>li.sc-smoothly-app-room>a.sc-smoothly-app-room{color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));transition:0.2s}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>smoothly-icon.sc-smoothly-app-room{align-self:inherit}[icon].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>.label.sc-smoothly-app-room{display:none}[icon][label].sc-smoothly-app-room-h:hover::before,[icon][label].sc-smoothly-app-room-h:hover::after{position:absolute;color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));border-radius:0.25rem;pointer-events:none}[icon][label].sc-smoothly-app-room-h:hover::before{content:\"\";bottom:-1.75rem;transform:rotate(45deg);width:1.25em;height:1.25em}[icon][label].sc-smoothly-app-room-h:hover::after{content:attr(label);white-space:nowrap;bottom:-3.25rem;padding:.5rem 1rem;border-radius:.25rem}@media screen and (max-width: 900px){.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0}[icon].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>.label.sc-smoothly-app-room{display:unset;padding:0 1rem}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}[icon][label].sc-smoothly-app-room-h:hover::before,[icon][label].sc-smoothly-app-room-h:hover::after{content:unset}}";
|
|
1528
|
+
const SmoothlyAppRoomStyle0 = styleCss$1n;
|
|
1529
1529
|
|
|
1530
1530
|
const SmoothlyAppRoom = class {
|
|
1531
1531
|
constructor(hostRef) {
|
|
@@ -1558,13 +1558,13 @@ const SmoothlyAppRoom = class {
|
|
|
1558
1558
|
}
|
|
1559
1559
|
}
|
|
1560
1560
|
render() {
|
|
1561
|
-
return (index.h(index.Host, { key: '93da1b4b300f1b0396728f5444a8a981e6d1425f' }, index.h("li", { key: '0b6645c615a84eaf5d6e5ba8f350fa3db90803cd' }, index.h("a", { key: 'd83193c534723258a3bdb29ab05038c1026e98a0', href: typeof this.path == "string" ? this.path : this.path.pathname, onClick: e => this.clickHandler(e) }, this.icon && index.h("smoothly-icon", { key: '
|
|
1561
|
+
return (index.h(index.Host, { key: '93da1b4b300f1b0396728f5444a8a981e6d1425f' }, index.h("li", { key: '0b6645c615a84eaf5d6e5ba8f350fa3db90803cd' }, index.h("a", { key: 'd83193c534723258a3bdb29ab05038c1026e98a0', href: typeof this.path == "string" ? this.path : this.path.pathname, onClick: e => this.clickHandler(e) }, this.icon && index.h("smoothly-icon", { key: '50d2c4ac01eb620da6a4204ec2a284ff17da29b0', name: this.icon }), this.label && index.h("span", { key: '21dd0bb3420ed70032e50bf6c74670c460e755f4', class: "label" }, this.label))), index.h("div", { key: '9b0dc738eac230d977acb7d01355da522ac93f3d', ref: e => (this.contentElement = e) }, this.content && index.h("smoothly-lazy", { key: '1fb792b58a7d80af417bfbcf35fec947774f04fb', content: this.content }), index.h("slot", { key: '4170ffef92b594ba50ed127cc468e4e5493cb37a' }))));
|
|
1562
1562
|
}
|
|
1563
1563
|
};
|
|
1564
1564
|
SmoothlyAppRoom.style = SmoothlyAppRoomStyle0;
|
|
1565
1565
|
|
|
1566
|
-
const styleCss$
|
|
1567
|
-
const SmoothlyBackToTopStyle0 = styleCss$
|
|
1566
|
+
const styleCss$1m = ".sc-smoothly-back-to-top-h{background-color:rgba(var(--smoothly-default-color), 1);opacity:var(--opacity);pointer-events:var(--pointer-events);transition:opacity 400ms;z-index:3;border-radius:50%;box-shadow:var(--smoothly-shadow);height:3rem;width:3rem;position:fixed;bottom:var(--bottom);right:var(--right);outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center}";
|
|
1567
|
+
const SmoothlyBackToTopStyle0 = styleCss$1m;
|
|
1568
1568
|
|
|
1569
1569
|
const SmoothlyBackToTop = class {
|
|
1570
1570
|
constructor(hostRef) {
|
|
@@ -1595,8 +1595,8 @@ const SmoothlyBackToTop = class {
|
|
|
1595
1595
|
};
|
|
1596
1596
|
SmoothlyBackToTop.style = SmoothlyBackToTopStyle0;
|
|
1597
1597
|
|
|
1598
|
-
const styleCss$
|
|
1599
|
-
const SmoothlyBurgerStyle0 = styleCss$
|
|
1598
|
+
const styleCss$1l = "[visible].sc-smoothly-burger-h{display:flex;justify-content:center;align-items:center;height:100%}[visible].sc-smoothly-burger-h .burger.sc-smoothly-burger smoothly-icon.sc-smoothly-burger{font-size:1.7em;cursor:pointer;margin-right:1em}.sc-smoothly-burger-h:not([visible]){display:none}.sc-smoothly-burger-h:not([open]) smoothly-icon.sc-smoothly-burger{transform:rotate(0deg);transition:transform 100ms ease-in-out}[open].sc-smoothly-burger-h smoothly-icon.sc-smoothly-burger{transform:rotate(-90deg);transition:transform 100ms ease-in-out}";
|
|
1599
|
+
const SmoothlyBurgerStyle0 = styleCss$1l;
|
|
1600
1600
|
|
|
1601
1601
|
const SmoothlyBurger = class {
|
|
1602
1602
|
constructor(hostRef) {
|
|
@@ -1679,8 +1679,8 @@ function local(path) {
|
|
|
1679
1679
|
return new URL(path, window.location.origin).origin == window.location.origin;
|
|
1680
1680
|
}
|
|
1681
1681
|
|
|
1682
|
-
const styleCss$
|
|
1683
|
-
const SmoothlyButtonStyle0 = styleCss$
|
|
1682
|
+
const styleCss$1k = "[color=default].sc-smoothly-button{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-button{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-button{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-button{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-button{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-button{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-button{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-button{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-button{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-button{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-button-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none;position:relative}[type=link].sc-smoothly-button-h{display:inline;border:none}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-h>a.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-button-h>button.sc-smoothly-button{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-button-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-button{padding:0.8em;min-width:8em}.sc-smoothly-button-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-button{padding:0.6em}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{padding:0.5em}[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button,[shape=rounded].sc-smoothly-button-h{border-radius:2rem}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-button-h>button.sc-smoothly-button{font-size:100%}[size=large].sc-smoothly-button-h>button.sc-smoothly-button{font-size:130%}.sc-smoothly-button-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-button-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-button-h>button.sc-smoothly-button{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-button-h{width:100%}[expand=full].sc-smoothly-button-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-button-h,[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button::before{border-radius:2rem}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border:1px solid rgb(var(--smoothly-button-foreground))}.sc-smoothly-button-h:not([fill=clear])>button.sc-smoothly-button:hover,.sc-smoothly-button-h>button.sc-smoothly-button:focus-visible,[fill=outline].sc-smoothly-button-h:active>button.sc-smoothly-button::before{border:solid 1px rgb(var(--smoothly-button-focus-border))}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button:hover::before,[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button:focus-within::before,[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px}.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-button-h>button.sc-smoothly-button,.sc-smoothly-button-h.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-button-h{display:none}";
|
|
1683
|
+
const SmoothlyButtonStyle0 = styleCss$1k;
|
|
1684
1684
|
|
|
1685
1685
|
const SmoothlyButton = class {
|
|
1686
1686
|
constructor(hostRef) {
|
|
@@ -1700,8 +1700,8 @@ const SmoothlyButton = class {
|
|
|
1700
1700
|
};
|
|
1701
1701
|
SmoothlyButton.style = SmoothlyButtonStyle0;
|
|
1702
1702
|
|
|
1703
|
-
const styleCss$
|
|
1704
|
-
const SmoothlyButtonConfirmStyle0 = styleCss$
|
|
1703
|
+
const styleCss$1j = ".sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}";
|
|
1704
|
+
const SmoothlyButtonConfirmStyle0 = styleCss$1j;
|
|
1705
1705
|
|
|
1706
1706
|
const SmoothlyButtonConfirm = class {
|
|
1707
1707
|
constructor(hostRef) {
|
|
@@ -1737,8 +1737,8 @@ const SmoothlyButtonConfirm = class {
|
|
|
1737
1737
|
};
|
|
1738
1738
|
SmoothlyButtonConfirm.style = SmoothlyButtonConfirmStyle0;
|
|
1739
1739
|
|
|
1740
|
-
const styleCss$
|
|
1741
|
-
const SmoothlyButtonDemoStyle0 = styleCss$
|
|
1740
|
+
const styleCss$1i = "smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}";
|
|
1741
|
+
const SmoothlyButtonDemoStyle0 = styleCss$1i;
|
|
1742
1742
|
|
|
1743
1743
|
const SmoothlyButtonDemo = class {
|
|
1744
1744
|
constructor(hostRef) {
|
|
@@ -1812,8 +1812,8 @@ function years(current) {
|
|
|
1812
1812
|
return result;
|
|
1813
1813
|
}
|
|
1814
1814
|
|
|
1815
|
-
const styleCss$
|
|
1816
|
-
const SmoothlyCalendarStyle0 = styleCss$
|
|
1815
|
+
const styleCss$1h = ".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5em;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{padding:0 0.5em}.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;opacity:0.5}";
|
|
1816
|
+
const SmoothlyCalendarStyle0 = styleCss$1h;
|
|
1817
1817
|
|
|
1818
1818
|
const Calendar = class {
|
|
1819
1819
|
constructor(hostRef) {
|
|
@@ -1905,8 +1905,8 @@ const Calendar = class {
|
|
|
1905
1905
|
};
|
|
1906
1906
|
Calendar.style = SmoothlyCalendarStyle0;
|
|
1907
1907
|
|
|
1908
|
-
const styleCss$
|
|
1909
|
-
const SmoothlyDialogStyle0 = styleCss$
|
|
1908
|
+
const styleCss$1g = ".sc-smoothly-dialog-h{display:block;position:fixed;top:55%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog{margin-top:var(--smoothly-dialog-margin-top)}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) div.header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header])>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog>smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}";
|
|
1909
|
+
const SmoothlyDialogStyle0 = styleCss$1g;
|
|
1910
1910
|
|
|
1911
1911
|
const SmoothlyDialog = class {
|
|
1912
1912
|
constructor(hostRef) {
|
|
@@ -3663,8 +3663,8 @@ class Handler {
|
|
|
3663
3663
|
}
|
|
3664
3664
|
add$5("hex-color", () => new Handler());
|
|
3665
3665
|
|
|
3666
|
-
const styleCss$
|
|
3667
|
-
const SmoothlyDisplayStyle0 = styleCss$
|
|
3666
|
+
const styleCss$1f = ".sc-smoothly-display-h{display:block;white-space:wrap}[hidden].sc-smoothly-display-h{display:none}.sc-smoothly-display-h>div.sc-smoothly-display{opacity:0.6;font-size:.8rem}";
|
|
3667
|
+
const SmoothlyDisplayStyle0 = styleCss$1f;
|
|
3668
3668
|
|
|
3669
3669
|
const SmoothlyDisplay = class {
|
|
3670
3670
|
constructor(hostRef) {
|
|
@@ -3720,8 +3720,8 @@ function getLocale$1() {
|
|
|
3720
3720
|
}
|
|
3721
3721
|
SmoothlyDisplay.style = SmoothlyDisplayStyle0;
|
|
3722
3722
|
|
|
3723
|
-
const styleCss$
|
|
3724
|
-
const SmoothlyDisplayAmountStyle0 = styleCss$
|
|
3723
|
+
const styleCss$1e = ".sc-smoothly-display-amount-h{display:block}[hidden].sc-smoothly-display-amount-h{display:none}";
|
|
3724
|
+
const SmoothlyDisplayAmountStyle0 = styleCss$1e;
|
|
3725
3725
|
|
|
3726
3726
|
const SmoothlyDisplayAmount = class {
|
|
3727
3727
|
constructor(hostRef) {
|
|
@@ -3874,8 +3874,8 @@ const JsonValue = ({ value }) => {
|
|
|
3874
3874
|
return Submit.object().is(value) || Array.isArray(value) ? (index.h("smoothly-display-json-object", { value: value })) : (index.h("smoothly-display-json-primitive", { value: value }));
|
|
3875
3875
|
};
|
|
3876
3876
|
|
|
3877
|
-
const styleCss$
|
|
3878
|
-
const SmoothlyDisplayJsonStyle0 = styleCss$
|
|
3877
|
+
const styleCss$1d = ".sc-smoothly-display-json-h{font-family:monospace}";
|
|
3878
|
+
const SmoothlyDisplayJsonStyle0 = styleCss$1d;
|
|
3879
3879
|
|
|
3880
3880
|
const SmoothlyDisplayJson = class {
|
|
3881
3881
|
constructor(hostRef) {
|
|
@@ -3888,8 +3888,8 @@ const SmoothlyDisplayJson = class {
|
|
|
3888
3888
|
};
|
|
3889
3889
|
SmoothlyDisplayJson.style = SmoothlyDisplayJsonStyle0;
|
|
3890
3890
|
|
|
3891
|
-
const styleCss$
|
|
3892
|
-
const SmoothlyDisplayJsonObjectStyle0 = styleCss$
|
|
3891
|
+
const styleCss$1c = ".sc-smoothly-display-json-object-h{font-family:monospace;position:relative}[hidden].sc-smoothly-display-json-object-h{display:none}.indent.sc-smoothly-display-json-object{padding-left:1rem;border-left:1px solid rgb(var(--smoothly-light-shade))}.sc-smoothly-display-json-object-h:not([open]) .content.sc-smoothly-display-json-object{display:none}.open-bracket.sc-smoothly-display-json-object::after{background-color:rgb(var(--smoothly-light-color));color:rgb(var(--smoothly-light-shade));white-space:pre;border-radius:0.25rem;font-weight:bold;font-size:0.8em}.sc-smoothly-display-json-object-h:not([open]):not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:\" ▶-◀ \"}[open].sc-smoothly-display-json-object-h:not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:\" ▼ \"}";
|
|
3892
|
+
const SmoothlyDisplayJsonObjectStyle0 = styleCss$1c;
|
|
3893
3893
|
|
|
3894
3894
|
const SmoothlyDisplayJsonObject = class {
|
|
3895
3895
|
constructor(hostRef) {
|
|
@@ -3921,8 +3921,8 @@ const SmoothlyDisplayJsonObject = class {
|
|
|
3921
3921
|
};
|
|
3922
3922
|
SmoothlyDisplayJsonObject.style = SmoothlyDisplayJsonObjectStyle0;
|
|
3923
3923
|
|
|
3924
|
-
const styleCss$
|
|
3925
|
-
const SmoothlyDisplayJsonPrimitiveStyle0 = styleCss$
|
|
3924
|
+
const styleCss$1b = ".sc-smoothly-display-json-primitive-h{font-family:monospace;display:inline}[hidden].sc-smoothly-display-json-primitive-h{display:none}.string.sc-smoothly-display-json-primitive-h,.number.sc-smoothly-display-json-primitive-h,.boolean.sc-smoothly-display-json-primitive-h{font-weight:bold}.string.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-primary-color))}.number.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-secondary-color))}.boolean.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-tertiary-color))}.null.sc-smoothly-display-json-primitive-h,.undefined.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-medium-color))}";
|
|
3925
|
+
const SmoothlyDisplayJsonPrimitiveStyle0 = styleCss$1b;
|
|
3926
3926
|
|
|
3927
3927
|
const SmoothlyDisplayJsonPrimitive = class {
|
|
3928
3928
|
constructor(hostRef) {
|
|
@@ -3935,8 +3935,8 @@ const SmoothlyDisplayJsonPrimitive = class {
|
|
|
3935
3935
|
};
|
|
3936
3936
|
SmoothlyDisplayJsonPrimitive.style = SmoothlyDisplayJsonPrimitiveStyle0;
|
|
3937
3937
|
|
|
3938
|
-
const styleCss$
|
|
3939
|
-
const SmoothlyDisplayJsonRecordKeyStyle0 = styleCss$
|
|
3938
|
+
const styleCss$1a = ".sc-smoothly-display-json-record-key-h{font-family:monospace;display:inline;color:rgb(var(--smoothly-default-contrast))}[hidden].sc-smoothly-display-json-record-key-h{display:none}";
|
|
3939
|
+
const SmoothlyDisplayJsonRecordKeyStyle0 = styleCss$1a;
|
|
3940
3940
|
|
|
3941
3941
|
const SmoothlyDisplayJsonRecordKey = class {
|
|
3942
3942
|
constructor(hostRef) {
|
|
@@ -6933,8 +6933,8 @@ var Filter;
|
|
|
6933
6933
|
});
|
|
6934
6934
|
})(Filter || (Filter = {}));
|
|
6935
6935
|
|
|
6936
|
-
const styleCss$
|
|
6937
|
-
const SmoothlyFilterStyle0 = styleCss$
|
|
6936
|
+
const styleCss$19 = ".sc-smoothly-filter-h {\n\tposition: relative;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tmargin-left: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmargin-right: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n.sc-smoothly-filter-h>div.sc-smoothly-filter-s > [slot=detail] {\n\tz-index: 5;\n}\n\n.sc-smoothly-filter-h.sc-smoothly-filter-s > [slot=bar] {\n\tpointer-events: auto;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\n\t&>[looks=\"plain\"] {\n\t\tdisplay: flex;\n\t\talign-self: stretch;\n\t\talign-items: center;\n\t}\n}\n\n.sc-smoothly-filter-h > div.sc-smoothly-filter:empty + smoothly-icon.sc-smoothly-filter {\n\tdisplay: none;\n}\n\n.sc-smoothly-filter-h > smoothly-icon.sc-smoothly-filter {\n\tcursor: pointer;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\tflex-shrink: 0;\n}\n\n.sc-smoothly-filter-h > div.close.sc-smoothly-filter {\n\tposition: fixed;\n\tz-index: 3;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100dvw;\n\theight: 100dvh;\n\tbackground: transparent;\n}\n\n.sc-smoothly-filter-h > div.hidden.sc-smoothly-filter {\n\tdisplay: none;\n}\n\n.sc-smoothly-filter-h > .container.sc-smoothly-filter {\n\tpadding: 2em;\n\tposition: absolute;\n\tright: 0.35em;\n\twidth: fit-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 100%;\n\twidth: fit-content;\n\tz-index: 4;\n\tbackground-color: rgb(var(--smoothly-color));\n\tmargin: 0.8em -2em;\n}\n\n\n.sc-smoothly-filter-h > div.container.sc-smoothly-filter:before {\n\tcontent: \"\";\n\twidth: 0.6em;\n\theight: 0.6em;\n\ttransform: rotate(45deg);\n\tborder-top: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-left: 1px solid rgb(var(--smoothly-medium-tint));\n\tbackground-color: rgb(var(--smoothly-color));\n\tposition: absolute;\n\tz-index: 3;\n}\n\n\n.sc-smoothly-filter-h > div.container.arrow-top.sc-smoothly-filter:before {\n\tleft: calc(91%);\n\ttop: -5px;\n}\n\n.sc-smoothly-filter-h div.container.sc-smoothly-filter:after {\n\tcontent: \"\";\n\theight: 100%;\n\twidth: 100%;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-radius: 0.25em;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}";
|
|
6937
|
+
const SmoothlyFilterStyle0 = styleCss$19;
|
|
6938
6938
|
|
|
6939
6939
|
const SmoothlyFilter = class {
|
|
6940
6940
|
constructor(hostRef) {
|
|
@@ -6982,8 +6982,8 @@ const SmoothlyFilter = class {
|
|
|
6982
6982
|
};
|
|
6983
6983
|
SmoothlyFilter.style = SmoothlyFilterStyle0;
|
|
6984
6984
|
|
|
6985
|
-
const styleCss$
|
|
6986
|
-
const SmoothlyFilterFieldStyle0 = styleCss$
|
|
6985
|
+
const styleCss$18 = ".sc-smoothly-filter-field-h{flex-grow:5}";
|
|
6986
|
+
const SmoothlyFilterFieldStyle0 = styleCss$18;
|
|
6987
6987
|
|
|
6988
6988
|
const SmoothlyFilterField = class {
|
|
6989
6989
|
constructor(hostRef) {
|
|
@@ -7010,8 +7010,8 @@ const SmoothlyFilterField = class {
|
|
|
7010
7010
|
};
|
|
7011
7011
|
SmoothlyFilterField.style = SmoothlyFilterFieldStyle0;
|
|
7012
7012
|
|
|
7013
|
-
const styleCss$
|
|
7014
|
-
const SmoothlyFilterInputStyle0 = styleCss$
|
|
7013
|
+
const styleCss$17 = ".sc-smoothly-filter-input-h{display:contents}.sc-smoothly-filter-input-h>smoothly-input.sc-smoothly-filter-input{flex-grow:1;min-width:10em;flex-basis:40%}";
|
|
7014
|
+
const SmoothlyFilterInputStyle0 = styleCss$17;
|
|
7015
7015
|
|
|
7016
7016
|
const SmoothlyFilterInput = class {
|
|
7017
7017
|
constructor(hostRef) {
|
|
@@ -7084,8 +7084,8 @@ const SmoothlyFilterInput = class {
|
|
|
7084
7084
|
};
|
|
7085
7085
|
SmoothlyFilterInput.style = SmoothlyFilterInputStyle0;
|
|
7086
7086
|
|
|
7087
|
-
const styleCss$
|
|
7088
|
-
const SmoothlyFilterSelectStyle0 = styleCss$
|
|
7087
|
+
const styleCss$16 = ".sc-smoothly-filter-select-h{display:contents}.sc-smoothly-filter-select-h>smoothly-input-select.sc-smoothly-filter-select{flex-grow:1;width:12.5em}.options.sc-smoothly-filter-select{border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}";
|
|
7088
|
+
const SmoothlyFilterSelectStyle0 = styleCss$16;
|
|
7089
7089
|
|
|
7090
7090
|
const SmoothlyFilterSelect = class {
|
|
7091
7091
|
constructor(hostRef) {
|
|
@@ -7194,8 +7194,8 @@ const SmoothlyFilterSelect = class {
|
|
|
7194
7194
|
};
|
|
7195
7195
|
SmoothlyFilterSelect.style = SmoothlyFilterSelectStyle0;
|
|
7196
7196
|
|
|
7197
|
-
const styleCss$
|
|
7198
|
-
const SmoothlyFilterToggleStyle0 = styleCss$
|
|
7197
|
+
const styleCss$15 = ".sc-smoothly-filter-toggle-h{position:relative;display:inline-block;cursor:pointer}.sc-smoothly-filter-toggle-h:hover>smoothly-icon.sc-smoothly-filter-toggle{stroke:rgb(var(--smoothly-success-tint));color:rgb(var(--smoothly-success-tint));fill:rgb(var(--smoothly-success-tint))}[flip].sc-smoothly-filter-toggle-h{transform:scaleX(-1)}";
|
|
7198
|
+
const SmoothlyFilterToggleStyle0 = styleCss$15;
|
|
7199
7199
|
|
|
7200
7200
|
const SmoothlyFilterToggle = class {
|
|
7201
7201
|
constructor(hostRef) {
|
|
@@ -8097,8 +8097,8 @@ var Input;
|
|
|
8097
8097
|
Input.is = Input.type.is;
|
|
8098
8098
|
})(Input || (Input = {}));
|
|
8099
8099
|
|
|
8100
|
-
const styleCss$
|
|
8101
|
-
const SmoothlyFormStyle0 = styleCss$
|
|
8100
|
+
const styleCss$14 = "smoothly-form{display:block;position:relative}smoothly-form>form{position:relative;min-width:15em}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:10em;flex-basis:40%}smoothly-form[looks=\"line\"]>form>fieldset,smoothly-form[looks=\"border\"]>form>fieldset,smoothly-form[looks=\"transparent\"]>form>fieldset{gap:2em}smoothly-form>form>div:not(:empty){display:flex;justify-content:end;gap:1em;margin-top:0.5rem}";
|
|
8101
|
+
const SmoothlyFormStyle0 = styleCss$14;
|
|
8102
8102
|
|
|
8103
8103
|
const SmoothlyForm = class {
|
|
8104
8104
|
constructor(hostRef) {
|
|
@@ -8268,8 +8268,8 @@ const SmoothlyForm = class {
|
|
|
8268
8268
|
};
|
|
8269
8269
|
SmoothlyForm.style = SmoothlyFormStyle0;
|
|
8270
8270
|
|
|
8271
|
-
const styleCss$
|
|
8272
|
-
const SmoothlyFormDemoStyle0 = styleCss$
|
|
8271
|
+
const styleCss$13 = ".sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:50%}";
|
|
8272
|
+
const SmoothlyFormDemoStyle0 = styleCss$13;
|
|
8273
8273
|
|
|
8274
8274
|
const SmoothlyFormDemo = class {
|
|
8275
8275
|
constructor(hostRef) {
|
|
@@ -8375,8 +8375,8 @@ var Contact;
|
|
|
8375
8375
|
});
|
|
8376
8376
|
})(Contact || (Contact = {}));
|
|
8377
8377
|
|
|
8378
|
-
const styleCss$
|
|
8379
|
-
const SmoothlyFormDemoTypedStyle0 = styleCss$
|
|
8378
|
+
const styleCss$12 = "";
|
|
8379
|
+
const SmoothlyFormDemoTypedStyle0 = styleCss$12;
|
|
8380
8380
|
|
|
8381
8381
|
const SmoothlyFormDemoTyped = class {
|
|
8382
8382
|
constructor(hostRef) {
|
|
@@ -8388,8 +8388,8 @@ const SmoothlyFormDemoTyped = class {
|
|
|
8388
8388
|
};
|
|
8389
8389
|
SmoothlyFormDemoTyped.style = SmoothlyFormDemoTypedStyle0;
|
|
8390
8390
|
|
|
8391
|
-
const styleCss$
|
|
8392
|
-
const SmoothlyFrameStyle0 = styleCss$
|
|
8391
|
+
const styleCss$11 = ".sc-smoothly-frame-h{display:block;width:100%;height:100%}[hidden].sc-smoothly-frame-h{display:none}.sc-smoothly-frame-h>iframe.sc-smoothly-frame{border:none;padding:none;margin:none}";
|
|
8392
|
+
const SmoothlyFrameStyle0 = styleCss$11;
|
|
8393
8393
|
|
|
8394
8394
|
const SmoothlyFrame = class {
|
|
8395
8395
|
constructor(hostRef) {
|
|
@@ -8436,8 +8436,8 @@ const SmoothlyFrame = class {
|
|
|
8436
8436
|
};
|
|
8437
8437
|
SmoothlyFrame.style = SmoothlyFrameStyle0;
|
|
8438
8438
|
|
|
8439
|
-
const styleCss$
|
|
8440
|
-
const SmoothlyIconStyle0 = styleCss$
|
|
8439
|
+
const styleCss$10 = "[size].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:block}[rotate].sc-smoothly-icon-h{--rotate:rotate(var(--rotation, 0deg));transform:var(--rotate)}[flip=x].sc-smoothly-icon-h{--flip:scaleX(-1);transform:var(--flip)}[flip=y].sc-smoothly-icon-h{--flip:scaleY(-1);transform:var(--flip)}[rotate][flip].sc-smoothly-icon-h{transform:var(--rotate)var(--flip)}[hidden].sc-smoothly-icon-h{display:none}[size=tiny].sc-smoothly-icon-h{width:1.2em;height:1.2em}[size=small].sc-smoothly-icon-h{width:1.4em;height:1.4em}[size=medium].sc-smoothly-icon-h{width:1.8em;height:1.8em}[size=large].sc-smoothly-icon-h{width:2.8em;height:2.8em}[size=xlarge].sc-smoothly-icon-h{width:4em;height:4em}";
|
|
8440
|
+
const SmoothlyIconStyle0 = styleCss$10;
|
|
8441
8441
|
|
|
8442
8442
|
const SmoothlyIcon = class {
|
|
8443
8443
|
constructor(hostRef) {
|
|
@@ -8489,8 +8489,8 @@ const SmoothlyIcon = class {
|
|
|
8489
8489
|
};
|
|
8490
8490
|
SmoothlyIcon.style = SmoothlyIconStyle0;
|
|
8491
8491
|
|
|
8492
|
-
const styleCss
|
|
8493
|
-
const SmoothlyIconDemoStyle0 = styleCss
|
|
8492
|
+
const styleCss$$ = ".sc-smoothly-icon-demo-h{display:block}[hidden].sc-smoothly-icon-demo-h{display:none}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>*.sc-smoothly-icon-demo{margin:0.5cm}";
|
|
8493
|
+
const SmoothlyIconDemoStyle0 = styleCss$$;
|
|
8494
8494
|
|
|
8495
8495
|
const SmoothlyIconDemo = class {
|
|
8496
8496
|
constructor(hostRef) {
|
|
@@ -8976,8 +8976,8 @@ const SmoothlyIconDemo = class {
|
|
|
8976
8976
|
};
|
|
8977
8977
|
SmoothlyIconDemo.style = SmoothlyIconDemoStyle0;
|
|
8978
8978
|
|
|
8979
|
-
const styleCss
|
|
8980
|
-
const SmoothlyInputStyle0 = styleCss
|
|
8979
|
+
const styleCss$_ = ".sc-smoothly-input-h{box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[readonly].sc-smoothly-input-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-h[looks=\"border\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-h{border:transparent solid 1px}.sc-smoothly-input-h[looks=\"line\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}.sc-smoothly-input-h[looks=\"grid\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid .5px;margin:-1px -1px 0 0}[looks=\"grid\"][readonly].sc-smoothly-input-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-h{border:none}[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background:transparent}[looks=\"transparent\"].sc-smoothly-input-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);overflow:hidden;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>div.sc-smoothly-input{position:relative;width:100%;height:100%}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{position:absolute;left:0.5em;top:0.6em;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>label.sc-smoothly-input{display:none}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0.7em .5em}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input{padding:1.2em .5em 0.2em .5em;box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}.sc-smoothly-input-h>div.sc-smoothly-input>smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}.invalid.sc-smoothly-input-h>div.sc-smoothly-input>smoothly-icon.sc-smoothly-input{display:block}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:invalid+label.sc-smoothly-input+smoothly-icon.sc-smoothly-input{display:block}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h:not([readonly]):not(.has-value)[placeholder]>div.sc-smoothly-input>label.sc-smoothly-input,.has-value.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):not(.has-value):focus-within>div.sc-smoothly-input>label.sc-smoothly-input{top:0.2em;transform:scale(0.8)}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=end] button{padding:0}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}";
|
|
8980
|
+
const SmoothlyInputStyle0 = styleCss$_;
|
|
8981
8981
|
|
|
8982
8982
|
const SmoothlyInput = class {
|
|
8983
8983
|
constructor(hostRef) {
|
|
@@ -9270,8 +9270,8 @@ function getLocale() {
|
|
|
9270
9270
|
}
|
|
9271
9271
|
SmoothlyInput.style = SmoothlyInputStyle0;
|
|
9272
9272
|
|
|
9273
|
-
const styleCss$
|
|
9274
|
-
const SmoothlyInputCheckboxStyle0 = styleCss$
|
|
9273
|
+
const styleCss$Z = ".sc-smoothly-input-checkbox-h{box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[readonly].sc-smoothly-input-checkbox-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-checkbox-h[looks=\"border\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}.sc-smoothly-input-checkbox-h[looks=\"line\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}.sc-smoothly-input-checkbox-h[looks=\"grid\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid .5px;margin:-1px -1px 0 0}[looks=\"grid\"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{border:none}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5em;padding:.6em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.2em;width:1.2em;border:1px solid black;display:block}.sc-smoothly-input-checkbox-h:not([readonly]),.sc-smoothly-input-checkbox-h:not([readonly])>*.sc-smoothly-input-checkbox{cursor:pointer}[readonly].sc-smoothly-input-checkbox-h,[readonly].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}[disabled].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[disabled].sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{cursor:not-allowed;border-color:rgb(var(--smoothly-color-contrast), 0.3);color:rgb(var(--smoothly-color-contrast), 0.4)}";
|
|
9274
|
+
const SmoothlyInputCheckboxStyle0 = styleCss$Z;
|
|
9275
9275
|
|
|
9276
9276
|
const SmoothlyInputCheckbox = class {
|
|
9277
9277
|
constructor(hostRef) {
|
|
@@ -9335,8 +9335,8 @@ const SmoothlyInputCheckbox = class {
|
|
|
9335
9335
|
};
|
|
9336
9336
|
SmoothlyInputCheckbox.style = SmoothlyInputCheckboxStyle0;
|
|
9337
9337
|
|
|
9338
|
-
const styleCss$
|
|
9339
|
-
const SmoothlyInputClearStyle0 = styleCss$
|
|
9338
|
+
const styleCss$Y = "[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none;position:relative}[type=link].sc-smoothly-input-clear-h{display:inline;border:none}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{padding:0.8em;min-width:8em}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-clear{padding:0.6em}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0.5em}[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[shape=rounded].sc-smoothly-input-clear-h{border-radius:2rem}[type=button].sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:100%}[size=large].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:130%}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-clear-h,[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear::before{border-radius:2rem}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border:1px solid rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-clear-h:not([fill=clear])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:active>button.sc-smoothly-input-clear::before{border:solid 1px rgb(var(--smoothly-button-focus-border))}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px}.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h{display:flex}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h[type=\"input\"].sc-smoothly-input-clear-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-clear-h{cursor:not-allowed}.sc-smoothly-input-clear-h[type=\"input\"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type=\"input\"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}";
|
|
9339
|
+
const SmoothlyInputClearStyle0 = styleCss$Y;
|
|
9340
9340
|
|
|
9341
9341
|
const SmoothlyInputClear = class {
|
|
9342
9342
|
constructor(hostRef) {
|
|
@@ -9381,8 +9381,8 @@ const SmoothlyInputClear = class {
|
|
|
9381
9381
|
};
|
|
9382
9382
|
SmoothlyInputClear.style = SmoothlyInputClearStyle0;
|
|
9383
9383
|
|
|
9384
|
-
const styleCss$
|
|
9385
|
-
const SmoothlyInputColorStyle0 = styleCss$
|
|
9384
|
+
const styleCss$X = ".sc-smoothly-input-color-h{box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[readonly].sc-smoothly-input-color-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-color-h[looks=\"border\"].sc-smoothly-input-color-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}.sc-smoothly-input-color-h[looks=\"line\"].sc-smoothly-input-color-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}.sc-smoothly-input-color-h[looks=\"grid\"].sc-smoothly-input-color-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid .5px;margin:-1px -1px 0 0}[looks=\"grid\"][readonly].sc-smoothly-input-color-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-color-h{border:none}[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background:transparent}[looks=\"transparent\"].sc-smoothly-input-color-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center;padding-right:.5em}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:10;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:\"\";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));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}";
|
|
9385
|
+
const SmoothlyInputColorStyle0 = styleCss$X;
|
|
9386
9386
|
|
|
9387
9387
|
const SmoothlyInputColor = class {
|
|
9388
9388
|
constructor(hostRef) {
|
|
@@ -9553,8 +9553,8 @@ const SmoothlyInputColorDemo = class {
|
|
|
9553
9553
|
};
|
|
9554
9554
|
SmoothlyInputColorDemo.style = "style.css";
|
|
9555
9555
|
|
|
9556
|
-
const styleCss$
|
|
9557
|
-
const SmoothlyInputDateStyle0 = styleCss$
|
|
9556
|
+
const styleCss$W = ".sc-smoothly-input-date-h{box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[readonly].sc-smoothly-input-date-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.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:transparent 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:transparent 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;margin:-1px -1px 0 0}[looks=\"grid\"][readonly].sc-smoothly-input-date-h{border:transparent 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{display:flex;position:relative;cursor:pointer;max-width:100vw;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date{width:100%}.sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:pointer}[readonly].sc-smoothly-input-date-h,[readonly].sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:not-allowed}[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{box-sizing:border-box;position:absolute;top:1px;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))}.sc-smoothly-input-date-h>span.icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center;margin-right:.2em}@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}}";
|
|
9557
|
+
const SmoothlyInputDateStyle0 = styleCss$W;
|
|
9558
9558
|
|
|
9559
9559
|
const SmoothlyInputDate = class {
|
|
9560
9560
|
constructor(hostRef) {
|
|
@@ -9645,8 +9645,8 @@ const SmoothlyInputDate = class {
|
|
|
9645
9645
|
};
|
|
9646
9646
|
SmoothlyInputDate.style = SmoothlyInputDateStyle0;
|
|
9647
9647
|
|
|
9648
|
-
const styleCss$
|
|
9649
|
-
const SmoothlyInputDateRangeStyle0 = styleCss$
|
|
9648
|
+
const styleCss$V = ".sc-smoothly-input-date-range-h{box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[readonly].sc-smoothly-input-date-range-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.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:transparent 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:transparent 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;margin:-1px -1px 0 0}[looks=\"grid\"][readonly].sc-smoothly-input-date-range-h{border:transparent 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;cursor:pointer;display:flex;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>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range>div.sc-smoothly-input-date-range>input.sc-smoothly-input-date-range{cursor:pointer}[readonly].sc-smoothly-input-date-range-h,[readonly].sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range>div.sc-smoothly-input-date-range>input.sc-smoothly-input-date-range{cursor:not-allowed}.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;box-sizing:border-box;top:1px;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{min-width:15rem;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}.sc-smoothly-input-date-range-h>span.icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center;margin-right:0.4em}";
|
|
9649
|
+
const SmoothlyInputDateRangeStyle0 = styleCss$V;
|
|
9650
9650
|
|
|
9651
9651
|
const SmoothlyInputDateRange = class {
|
|
9652
9652
|
constructor(hostRef) {
|
|
@@ -9753,8 +9753,8 @@ const SmoothlyInputDateRange = class {
|
|
|
9753
9753
|
};
|
|
9754
9754
|
SmoothlyInputDateRange.style = SmoothlyInputDateRangeStyle0;
|
|
9755
9755
|
|
|
9756
|
-
const styleCss$
|
|
9757
|
-
const SmoothlyInputDemoStyle0 = styleCss$
|
|
9756
|
+
const styleCss$U = ".sc-smoothly-input-demo-h{display:flex;margin-top:2em;margin-bottom:10rem}div.inputs.sc-smoothly-input-demo{margin:auto;width:50%}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>smoothly-color.sc-smoothly-input-demo>*.sc-smoothly-input-demo,.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-basis:49%}";
|
|
9757
|
+
const SmoothlyInputDemoStyle0 = styleCss$U;
|
|
9758
9758
|
|
|
9759
9759
|
const SmoothlyInputDemo = class {
|
|
9760
9760
|
constructor(hostRef) {
|
|
@@ -9777,8 +9777,8 @@ const SmoothlyInputDemo = class {
|
|
|
9777
9777
|
};
|
|
9778
9778
|
SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
|
|
9779
9779
|
|
|
9780
|
-
const styleCss$
|
|
9781
|
-
const SmoothlyInputEditStyle0 = styleCss$
|
|
9780
|
+
const styleCss$T = "[color=default].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-edit-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none;position:relative}[type=link].sc-smoothly-input-edit-h{display:inline;border:none}[disabled].sc-smoothly-input-edit-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-edit{padding:0.8em;min-width:8em}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-edit{padding:0.6em}[size=icon].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{padding:0.5em}[shape=rounded].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,[shape=rounded].sc-smoothly-input-edit-h{border-radius:2rem}[type=button].sc-smoothly-input-edit-h>a.sc-smoothly-input-edit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:100%}[size=large].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:130%}.sc-smoothly-input-edit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-edit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-edit-h{width:100%}[expand=full].sc-smoothly-input-edit-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-edit-h,[shape=rounded].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit::before{border-radius:2rem}[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border:1px solid rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-edit-h:not([fill=clear])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:focus-visible,[fill=outline].sc-smoothly-input-edit-h:active>button.sc-smoothly-input-edit::before{border:solid 1px rgb(var(--smoothly-button-focus-border))}[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:hover::before,[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:focus-within::before,[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px}.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:focus-visible,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h .sc-smoothly-input-edit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-edit-h{display:none}.sc-smoothly-input-edit-h:not([display]){display:none}[editable].sc-smoothly-input-edit-h{opacity:0.5}.sc-smoothly-input-edit-h[type=\"input\"].sc-smoothly-input-edit-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-edit-h smoothly-icon.default.sc-smoothly-input-edit{transform:translate(.1em, -.1em)}.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>button>*+smoothly-icon{display:none}";
|
|
9781
|
+
const SmoothlyInputEditStyle0 = styleCss$T;
|
|
9782
9782
|
|
|
9783
9783
|
const SmoothlyInputEdit = class {
|
|
9784
9784
|
constructor(hostRef) {
|
|
@@ -9815,8 +9815,8 @@ const SmoothlyInputEdit = class {
|
|
|
9815
9815
|
};
|
|
9816
9816
|
SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
|
|
9817
9817
|
|
|
9818
|
-
const styleCss$
|
|
9819
|
-
const SmoothlyInputFileStyle0 = styleCss$
|
|
9818
|
+
const styleCss$S = ".sc-smoothly-input-file-h{box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[readonly].sc-smoothly-input-file-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-file-h[looks=\"border\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}.sc-smoothly-input-file-h[looks=\"line\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}.sc-smoothly-input-file-h[looks=\"grid\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid .5px;margin:-1px -1px 0 0}[looks=\"grid\"][readonly].sc-smoothly-input-file-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-file-h{border:none}[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-file-h{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:0.4rem;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{position:absolute;inset:0;color:rgb(var(--smoothly-hover-contrast));background-color:rgb(var(--smoothly-input-hover-background))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem;column-gap:1ch}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{padding-top:0.4rem;display:flex;width:100%;align-items:baseline;justify-content:flex-start;color:rgb(var(--smoothly-input-foreground));cursor:inherit}.sc-smoothly-input-file-h>label.sc-smoothly-input-file-s>*{display:block;width:100%;font-size:0.65em;opacity:0.8}.sc-smoothly-input-file-h:not([show-label]) label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h,.sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:pointer}[readonly].sc-smoothly-input-file-h,[readonly].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}";
|
|
9819
|
+
const SmoothlyInputFileStyle0 = styleCss$S;
|
|
9820
9820
|
|
|
9821
9821
|
const SmoothlyInputFile = class {
|
|
9822
9822
|
constructor(hostRef) {
|
|
@@ -9915,8 +9915,8 @@ const SmoothlyInputFile = class {
|
|
|
9915
9915
|
};
|
|
9916
9916
|
SmoothlyInputFile.style = SmoothlyInputFileStyle0;
|
|
9917
9917
|
|
|
9918
|
-
const styleCss$
|
|
9919
|
-
const SmoothlyInputMonthStyle0 = styleCss$
|
|
9918
|
+
const styleCss$R = ".sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:space-between;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-month-h:not([in-calendar])>smoothly-input-select.sc-smoothly-input-month{display:flex;flex:1}[looks=line].sc-smoothly-input-month-h,[looks=border].sc-smoothly-input-month-h,[looks=transparent].sc-smoothly-input-month-h{gap:2em}.sc-smoothly-input-month-h:not([previous])>smoothly-icon.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-icon.sc-smoothly-input-month:last-of-type{display:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month{display:flex;align-self:center}.sc-smoothly-input-month-h>smoothly-icon.disabled.sc-smoothly-input-month{opacity:0.5;pointer-events:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month:hover,.sc-smoothly-input-month-h>div.sc-smoothly-input-month>smoothly-input-select.sc-smoothly-input-month>*.sc-smoothly-input-month:hover{cursor:pointer}";
|
|
9919
|
+
const SmoothlyInputMonthStyle0 = styleCss$R;
|
|
9920
9920
|
|
|
9921
9921
|
const SmoothlyInputMonth = class {
|
|
9922
9922
|
constructor(hostRef) {
|
|
@@ -10006,8 +10006,8 @@ const SmoothlyInputMonth = class {
|
|
|
10006
10006
|
};
|
|
10007
10007
|
SmoothlyInputMonth.style = SmoothlyInputMonthStyle0;
|
|
10008
10008
|
|
|
10009
|
-
const styleCss$
|
|
10010
|
-
const SmoothlyInputRadioStyle0 = styleCss$
|
|
10009
|
+
const styleCss$Q = ".sc-smoothly-input-radio-h{box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[readonly].sc-smoothly-input-radio-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-radio-h[looks=\"border\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}.sc-smoothly-input-radio-h[looks=\"line\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}.sc-smoothly-input-radio-h[looks=\"grid\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid .5px;margin:-1px -1px 0 0}[looks=\"grid\"][readonly].sc-smoothly-input-radio-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-radio-h{border:none}[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding:0 .5em}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding:1.2em 0 .1em 0}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>label.sc-smoothly-input-radio{left:0;top:0.2em;opacity:0.8;position:absolute;font-size:.8em}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5em}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end] button{padding:0}[readonly].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}";
|
|
10010
|
+
const SmoothlyInputRadioStyle0 = styleCss$Q;
|
|
10011
10011
|
|
|
10012
10012
|
const SmoothlyInputRadio = class {
|
|
10013
10013
|
constructor(hostRef) {
|
|
@@ -10110,8 +10110,8 @@ const SmoothlyInputRadio = class {
|
|
|
10110
10110
|
};
|
|
10111
10111
|
SmoothlyInputRadio.style = SmoothlyInputRadioStyle0;
|
|
10112
10112
|
|
|
10113
|
-
const styleCss$
|
|
10114
|
-
const SmoothlyInputRadioItemStyle0 = styleCss$
|
|
10113
|
+
const styleCss$P = ".sc-smoothly-input-radio-item-h{display:flex;align-items:center;position:relative}.sc-smoothly-input-radio-item-h:hover>*.sc-smoothly-input-radio-item{cursor:pointer}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute;transform:translateX(50%)}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}";
|
|
10114
|
+
const SmoothlyInputRadioItemStyle0 = styleCss$P;
|
|
10115
10115
|
|
|
10116
10116
|
const SmoothlyInputRadioItem = class {
|
|
10117
10117
|
constructor(hostRef) {
|
|
@@ -10137,8 +10137,8 @@ const SmoothlyInputRadioItem = class {
|
|
|
10137
10137
|
};
|
|
10138
10138
|
SmoothlyInputRadioItem.style = SmoothlyInputRadioItemStyle0;
|
|
10139
10139
|
|
|
10140
|
-
const styleCss$
|
|
10141
|
-
const SmoothlyInputRangeStyle0 = styleCss$
|
|
10140
|
+
const styleCss$O = ".sc-smoothly-input-range-h{box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[readonly].sc-smoothly-input-range-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-range-h[looks=\"border\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}.sc-smoothly-input-range-h[looks=\"line\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}.sc-smoothly-input-range-h[looks=\"grid\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid .5px;margin:-1px -1px 0 0}[looks=\"grid\"][readonly].sc-smoothly-input-range-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-range-h{border:none}[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-range-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));padding-right:.5em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range:focus{outline:none;border:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:.5em;border:none;box-sizing:border-box;width:5em;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 .5em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;background-color:rgb(var(--smoothly-primary-color));cursor:pointer;margin-top:-.25em;border:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;background-color:rgb(var(--smoothly-primary-color));cursor:pointer;border:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h:not([value])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value])>dov.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[readonly].sc-smoothly-input-range-h,[readonly].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}";
|
|
10141
|
+
const SmoothlyInputRangeStyle0 = styleCss$O;
|
|
10142
10142
|
|
|
10143
10143
|
const SmoothlyInputRange = class {
|
|
10144
10144
|
constructor(hostRef) {
|
|
@@ -10244,8 +10244,8 @@ const SmoothlyInputRangeDemo = class {
|
|
|
10244
10244
|
}
|
|
10245
10245
|
};
|
|
10246
10246
|
|
|
10247
|
-
const styleCss$
|
|
10248
|
-
const SmoothlyInputResetStyle0 = styleCss$
|
|
10247
|
+
const styleCss$N = "[color=default].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-reset-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none;position:relative}[type=link].sc-smoothly-input-reset-h{display:inline;border:none}[disabled].sc-smoothly-input-reset-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-reset{padding:0.8em;min-width:8em}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-reset{padding:0.6em}[size=icon].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{padding:0.5em}[shape=rounded].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,[shape=rounded].sc-smoothly-input-reset-h{border-radius:2rem}[type=button].sc-smoothly-input-reset-h>a.sc-smoothly-input-reset{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:100%}[size=large].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:130%}.sc-smoothly-input-reset-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-reset-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-reset-h{width:100%}[expand=full].sc-smoothly-input-reset-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-reset-h,[shape=rounded].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset::before{border-radius:2rem}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border:1px solid rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-reset-h:not([fill=clear])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:focus-visible,[fill=outline].sc-smoothly-input-reset-h:active>button.sc-smoothly-input-reset::before{border:solid 1px rgb(var(--smoothly-button-focus-border))}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:hover::before,[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:focus-within::before,[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px}.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-reset:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h .sc-smoothly-input-reset-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h[type=\"input\"].sc-smoothly-input-reset-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-reset-h{cursor:not-allowed}.sc-smoothly-input-reset-h[type=\"input\"]:hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type=\"input\"]:hover .sc-smoothly-input-reset-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}";
|
|
10248
|
+
const SmoothlyInputResetStyle0 = styleCss$N;
|
|
10249
10249
|
|
|
10250
10250
|
const SmoothlyInputReset = class {
|
|
10251
10251
|
constructor(hostRef) {
|
|
@@ -10307,8 +10307,8 @@ var Item;
|
|
|
10307
10307
|
Item.is = Item.type.is;
|
|
10308
10308
|
})(Item || (Item = {}));
|
|
10309
10309
|
|
|
10310
|
-
const styleCss$
|
|
10311
|
-
const SmoothlyInputSelectStyle0 = styleCss$
|
|
10310
|
+
const styleCss$M = ".sc-smoothly-input-select-h{box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[readonly].sc-smoothly-input-select-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-select-h[looks=\"border\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}.sc-smoothly-input-select-h[looks=\"line\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}.sc-smoothly-input-select-h[looks=\"grid\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid .5px;margin:-1px -1px 0 0}[looks=\"grid\"][readonly].sc-smoothly-input-select-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-select-h{border:none}[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding:0 0.5em}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;min-height:2.7em;display:flex;cursor:pointer;padding:1.2em 0em 0.2em 0em;overflow:hidden;width:100%;white-space:nowrap;gap:1em;text-overflow:ellipsis}.sc-smoothly-input-select-h:not(:has([slot=label]))>div.select-display.sc-smoothly-input-select{padding:.6em 0}[readonly].sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{cursor:not-allowed}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center;margin-right:.2em}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-icon:not(\"color\"){color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));filter:opacity(60%)}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7}.invalid.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.invalid.sc-smoothly-input-select{display:block}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-input-reset{padding-right:.2em}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label]{position:absolute;left:0.5em;top:.6em;opacity:0.8;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h:not(.has-value)[placeholder].sc-smoothly-input-select-s>[slot=label]{top:0.2em;transform:scale(0.8)}.has-value.sc-smoothly-input-select-h:has([slot=label])>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));left:0;right:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius)}[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px;left:-1px;right:-1px}[looks=\"grid\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{border:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .5) solid 2px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .2) solid 2px;left:-2px;right:-2px}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item{padding:.7em .7em .7em .25em}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item:not([selectable]){display:flex;gap:1em;background-color:rgba(var(--smoothly-primary-tint), .5);color:var(--smoothly-color-contrast)}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:not([selectable])>smoothly-icon[name=\"backspace-outline\"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}.invalid.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.sc-smoothly-input-select{display:block}";
|
|
10311
|
+
const SmoothlyInputSelectStyle0 = styleCss$M;
|
|
10312
10312
|
|
|
10313
10313
|
const SmoothlyInputSelect = class {
|
|
10314
10314
|
constructor(hostRef) {
|
|
@@ -10597,8 +10597,8 @@ var Submittable;
|
|
|
10597
10597
|
Submittable.is = is;
|
|
10598
10598
|
})(Submittable || (Submittable = {}));
|
|
10599
10599
|
|
|
10600
|
-
const styleCss$
|
|
10601
|
-
const SmoothlyInputSubmitStyle0 = styleCss$
|
|
10600
|
+
const styleCss$L = "[color=default].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-submit-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none;position:relative}[type=link].sc-smoothly-input-submit-h{display:inline;border:none}[disabled].sc-smoothly-input-submit-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-submit{padding:0.8em;min-width:8em}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-submit{padding:0.6em}[size=icon].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{padding:0.5em}[shape=rounded].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit,[shape=rounded].sc-smoothly-input-submit-h{border-radius:2rem}[type=button].sc-smoothly-input-submit-h>a.sc-smoothly-input-submit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:100%}[size=large].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:130%}.sc-smoothly-input-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-submit-h{width:100%}[expand=full].sc-smoothly-input-submit-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-submit-h,[shape=rounded].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit::before{border-radius:2rem}[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border:1px solid rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-submit-h:not([fill=clear])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:focus-visible,[fill=outline].sc-smoothly-input-submit-h:active>button.sc-smoothly-input-submit::before{border:solid 1px rgb(var(--smoothly-button-focus-border))}[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:hover::before,[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:focus-within::before,[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px}.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-submit:focus-visible,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-icon,.sc-smoothly-input-submit-h .sc-smoothly-input-submit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-submit-h{display:none}.sc-smoothly-input-submit-h{display:flex}.sc-smoothly-input-submit-h:not([display]){display:none}.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button button>*+smoothly-icon,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button-confirm button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-submit-h{cursor:not-allowed}";
|
|
10601
|
+
const SmoothlyInputSubmitStyle0 = styleCss$L;
|
|
10602
10602
|
|
|
10603
10603
|
const SmoothlyInputSubmit = class {
|
|
10604
10604
|
constructor(hostRef) {
|
|
@@ -10642,8 +10642,8 @@ const SmoothlyInputSubmit = class {
|
|
|
10642
10642
|
};
|
|
10643
10643
|
SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
|
|
10644
10644
|
|
|
10645
|
-
const styleCss$
|
|
10646
|
-
const SmoothlyItemStyle0 = styleCss$
|
|
10645
|
+
const styleCss$K = "[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-input-selected-background));color:rgb(var(--smoothly-input-selected-foreground));border-left:.3em solid rgb(var(--smoothly-input-selected-border))}.sc-smoothly-item-h{padding:0.5em;cursor:pointer;border-left:.3em solid transparent;color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-item-h.sc-smoothly-item-s>*{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}[marked].sc-smoothly-item-h,.sc-smoothly-item-h:hover{background-color:rgb(var(--smoothly-input-hover-background));color:rgb(var(--smoothly-input-hover-foreground));fill:rgb(var(--smoothly-input-hover-foreground));stroke:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-item-h[marked].sc-smoothly-item-s>*,.sc-smoothly-item-h:hover.sc-smoothly-item-s>*{color:rgb(var(--smoothly-input-hover-foreground));fill:rgb(var(--smoothly-input-hover-foreground));stroke:rgb(var(--smoothly-input-hover-foreground))}";
|
|
10646
|
+
const SmoothlyItemStyle0 = styleCss$K;
|
|
10647
10647
|
|
|
10648
10648
|
const SmoothlyItem = class {
|
|
10649
10649
|
constructor(hostRef) {
|
|
@@ -10690,8 +10690,8 @@ const SmoothlyItem = class {
|
|
|
10690
10690
|
};
|
|
10691
10691
|
SmoothlyItem.style = SmoothlyItemStyle0;
|
|
10692
10692
|
|
|
10693
|
-
const styleCss$
|
|
10694
|
-
const SmoothlyLabelStyle0 = styleCss$
|
|
10693
|
+
const styleCss$J = ".sc-smoothly-label-h{position:relative;width:max-content;display:flex;justify-content:center;align-items:center;padding:0.15em 0.6em;border-radius:2em;color:rgb(var(--smoothly-default-contrast));background-color:hsl(var(--hue), 85%, 70%)}[shape=rectangle].sc-smoothly-label-h{border-radius:0.3em}";
|
|
10694
|
+
const SmoothlyLabelStyle0 = styleCss$J;
|
|
10695
10695
|
|
|
10696
10696
|
const SmoothlyLabel = class {
|
|
10697
10697
|
constructor(hostRef) {
|
|
@@ -10708,8 +10708,8 @@ const SmoothlyLabel = class {
|
|
|
10708
10708
|
};
|
|
10709
10709
|
SmoothlyLabel.style = SmoothlyLabelStyle0;
|
|
10710
10710
|
|
|
10711
|
-
const styleCss$
|
|
10712
|
-
const SmoothlyLazyStyle0 = styleCss$
|
|
10711
|
+
const styleCss$I = ".sc-smoothly-lazy-h{display:block}";
|
|
10712
|
+
const SmoothlyLazyStyle0 = styleCss$I;
|
|
10713
10713
|
|
|
10714
10714
|
const SmoothlyLazy = class {
|
|
10715
10715
|
constructor(hostRef) {
|
|
@@ -10729,28 +10729,22 @@ SmoothlyLazy.style = SmoothlyLazyStyle0;
|
|
|
10729
10729
|
|
|
10730
10730
|
function isScrollable(element) {
|
|
10731
10731
|
const overflow = window.getComputedStyle(element).overflowY;
|
|
10732
|
-
return (
|
|
10733
|
-
(overflow == "auto" ||
|
|
10732
|
+
return (overflow == "scroll" ||
|
|
10733
|
+
((overflow == "auto" || document.documentElement == element) && element.scrollHeight > element.clientHeight));
|
|
10734
10734
|
}
|
|
10735
10735
|
|
|
10736
|
-
const styleCss$I = ".sc-smoothly-load-more-h{display:block;position:relative;top:var(--offset,)}";
|
|
10737
|
-
const SmoothlyLoadMoreStyle0 = styleCss$I;
|
|
10738
|
-
|
|
10739
10736
|
const LoadMore = class {
|
|
10740
10737
|
constructor(hostRef) {
|
|
10741
10738
|
index.registerInstance(this, hostRef);
|
|
10742
10739
|
this.smoothlyLoadMore = index.createEvent(this, "smoothlyLoadMore", 7);
|
|
10743
|
-
this.offset = "0";
|
|
10744
10740
|
this.triggerMode = "intersection";
|
|
10745
10741
|
this.name = "";
|
|
10746
10742
|
this.multiple = false;
|
|
10747
10743
|
this.inView = undefined;
|
|
10748
10744
|
}
|
|
10749
10745
|
checkInView() {
|
|
10750
|
-
var _a;
|
|
10751
10746
|
if (this.inView) {
|
|
10752
10747
|
this.smoothlyLoadMore.emit(this.name);
|
|
10753
|
-
!this.multiple && ((_a = this.scrollableParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.checkInView.bind(this)));
|
|
10754
10748
|
}
|
|
10755
10749
|
}
|
|
10756
10750
|
findScrollableParent() {
|
|
@@ -10769,7 +10763,7 @@ const LoadMore = class {
|
|
|
10769
10763
|
this.inView && this.smoothlyLoadMore.emit(this.name);
|
|
10770
10764
|
if (this.multiple || (!this.multiple && !this.inView)) {
|
|
10771
10765
|
this.findScrollableParent();
|
|
10772
|
-
(_a = this.scrollableParent) === null || _a === void 0 ? void 0 : _a.addEventListener("scroll", this.checkInView.bind(this));
|
|
10766
|
+
(_a = this.scrollableParent) === null || _a === void 0 ? void 0 : _a.addEventListener("scroll", this.checkInView.bind(this), { once: !this.multiple });
|
|
10773
10767
|
}
|
|
10774
10768
|
}
|
|
10775
10769
|
}
|
|
@@ -10782,11 +10776,10 @@ const LoadMore = class {
|
|
|
10782
10776
|
}
|
|
10783
10777
|
}
|
|
10784
10778
|
render() {
|
|
10785
|
-
return index.h(index.Host, { key: '
|
|
10779
|
+
return index.h(index.Host, { key: 'd3bc463a6c16395b4cdb9b3cd13025a154b5ddfb' });
|
|
10786
10780
|
}
|
|
10787
10781
|
get element() { return index.getElement(this); }
|
|
10788
10782
|
};
|
|
10789
|
-
LoadMore.style = SmoothlyLoadMoreStyle0;
|
|
10790
10783
|
|
|
10791
10784
|
const styleCss$H = ".sc-smoothly-next-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}";
|
|
10792
10785
|
const SmoothlyNextDemoStyle0 = styleCss$H;
|