smoothly 1.1.1-alpha.1 → 1.1.1-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/smoothly-app_81.cjs.entry.js +3 -3
- package/dist/cjs/smoothly-app_81.cjs.entry.js.map +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 +3 -2
- package/dist/collection/components/app/style.css +1 -2
- package/dist/custom-elements/index.js +3 -3
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/smoothly-app_81.entry.js +3 -3
- package/dist/esm/smoothly-app_81.entry.js.map +1 -1
- package/dist/smoothly/p-1afbca16.entry.js +2 -0
- package/dist/smoothly/p-1afbca16.entry.js.map +1 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/package.json +1 -1
- package/dist/smoothly/p-89a675dc.entry.js +0 -2
- package/dist/smoothly/p-89a675dc.entry.js.map +0 -1
|
@@ -23,7 +23,7 @@ function any(name) {
|
|
|
23
23
|
return new IslyAny(name ?? "any");
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
const styleCss$1b = "smoothly-app{--header-height:5rem;display:block}smoothly-app
|
|
26
|
+
const styleCss$1b = "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}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 2px 5px 0 rgba(var(--smoothly-dark-shadow));border-bottom:1px solid rgba(var(--smoothly-dark-color));background:rgba(var(--smoothly-color));color:rgba(var(--smoothly-color-contrast))}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 li a{line-height:1.6cm}smoothly-app>smoothly-notifier>header>nav>ul li a{line-height:1.6cm}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;gap:1rem;align-items:center;height:100%;margin-left:auto;margin-right:1rem}smoothly-app>smoothly-notifier>header>nav>ul>[slot=\"nav-end\"]{width:fit-content;gap:0.5em;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:50dvw;max-width:15rem;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;margin-bottom:1em;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;gap:1em}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}";
|
|
27
27
|
|
|
28
28
|
const SmoothlyApp = class {
|
|
29
29
|
constructor(hostRef) {
|
|
@@ -1527,7 +1527,7 @@ if (!globalThis.URLPattern) {
|
|
|
1527
1527
|
globalThis.URLPattern = URLPattern$1;
|
|
1528
1528
|
}
|
|
1529
1529
|
|
|
1530
|
-
const styleCss$1a = ".sc-smoothly-app-room-h{display:flex;justify-content:center;text-align:center;cursor:pointer}
|
|
1530
|
+
const styleCss$1a = ".sc-smoothly-app-room-h{display:flex;justify-content:center;text-align:center;cursor:pointer}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;margin-bottom:1em}@media screen and (max-width: 900px){.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0}.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}}";
|
|
1531
1531
|
|
|
1532
1532
|
const SmoothlyAppRoom = class {
|
|
1533
1533
|
constructor(hostRef) {
|
|
@@ -1561,7 +1561,7 @@ const SmoothlyAppRoom = class {
|
|
|
1561
1561
|
}
|
|
1562
1562
|
}
|
|
1563
1563
|
render() {
|
|
1564
|
-
return (index.h(index.Host, null, index.h("li", null, index.h("a", { href: typeof this.path == "string" ? this.path : this.path.pathname, onClick: e => this.clickHandler(e) }, this.icon ? index.h("smoothly-icon", { name: this.icon, toolTip: this.label }) : this.label)), index.h("
|
|
1564
|
+
return (index.h(index.Host, null, index.h("li", null, index.h("a", { href: typeof this.path == "string" ? this.path : this.path.pathname, onClick: e => this.clickHandler(e) }, this.icon ? index.h("smoothly-icon", { name: this.icon, toolTip: this.label }) : this.label)), index.h("div", { ref: e => (this.contentElement = e) }, this.content && index.h("smoothly-lazy", { content: this.content }), index.h("slot", null))));
|
|
1565
1565
|
}
|
|
1566
1566
|
};
|
|
1567
1567
|
SmoothlyAppRoom.style = styleCss$1a;
|