rodydavis/lit-examples
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Projects Releases Wiki Activity

Consolidate all subproject package.json files into root package.json and migrate to unified Vite MPA build
Build and Deploy / build-and-deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Rody Davis
2026-05-16 22:31:56 -07:00
parent b3f8be14f7
commit 312c16598c
53 changed files with 10265 additions and 39008 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vite-lit-capacitor/web/js/my-element.js
+2 -2
View File
@@ -38,7 +38,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) try {
while (g && (g = 0, op[0] && (_ = 0)), _) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
@@ -106,7 +106,7 @@ var MyElement = /** @class */ (function (_super) {
}); };
setStatusBarStyleDark();
};
MyElement.styles = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n main {\n --bg-color: #f0f0f0;\n --fg-color: #000;\n --app-bar-color: navy;\n --app-bar-on-color: white;\n display: flex;\n flex-direction: column;\n width: 100%;\n /* Settings for the notch */\n background-color: var(--app-bar-color);\n padding-top: var(--inset-top);\n height: calc(100% - var(--inset-top));\n }\n header {\n background-color: var(--app-bar-color);\n color: var(--app-bar-on-color);\n padding: 1rem;\n padding-left: var(--inset-left);\n padding-right: var(--inset-right);\n }\n .title {\n padding-left: 1rem;\n }\n section {\n padding: 1rem;\n background-color: var(--bg-color);\n color: var(--fg-color);\n flex: 1;\n /* Settings for the notch */\n padding-bottom: var(--inset-bottom);\n padding-left: var(--inset-left);\n padding-right: var(--inset-right);\n }\n @media (prefers-color-scheme: dark) {\n section {\n color: var(--bg-color);\n background-color: var(--fg-color);\n }\n }\n "], ["\n main {\n --bg-color: #f0f0f0;\n --fg-color: #000;\n --app-bar-color: navy;\n --app-bar-on-color: white;\n display: flex;\n flex-direction: column;\n width: 100%;\n /* Settings for the notch */\n background-color: var(--app-bar-color);\n padding-top: var(--inset-top);\n height: calc(100% - var(--inset-top));\n }\n header {\n background-color: var(--app-bar-color);\n color: var(--app-bar-on-color);\n padding: 1rem;\n padding-left: var(--inset-left);\n padding-right: var(--inset-right);\n }\n .title {\n padding-left: 1rem;\n }\n section {\n padding: 1rem;\n background-color: var(--bg-color);\n color: var(--fg-color);\n flex: 1;\n /* Settings for the notch */\n padding-bottom: var(--inset-bottom);\n padding-left: var(--inset-left);\n padding-right: var(--inset-right);\n }\n @media (prefers-color-scheme: dark) {\n section {\n color: var(--bg-color);\n background-color: var(--fg-color);\n }\n }\n "])));
MyElement.styles = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n main {\n --bg-color: #f0f0f0;\n --fg-color: #000;\n --app-bar-color: navy;\n --app-bar-on-color: white;\n display: flex;\n flex-direction: column;\n width: 100%;\n /* Settings for the notch */\n background-color: var(--app-bar-color);\n padding-top: var(--inset-top);\n height: calc(100% - var(--inset-top));\n }\n header {\n background-color: var(--app-bar-color);\n color: var(--app-bar-on-color);\n padding: 1rem;\n padding-left: var(--inset-left);\n padding-right: var(--inset-right);\n }\n .title {\n padding-left: 1rem;\n }\n section {\n background-color: var(--bg-color);\n color: var(--fg-color);\n flex: 1;\n /* Settings for the notch */\n padding-bottom: calc(var(--inset-bottom) + 1rem);\n padding-left: calc(var(--inset-left) + 1rem);\n padding-right: calc(var(--inset-right) + 1rem);\n padding-top: 1rem;\n }\n @media (prefers-color-scheme: dark) {\n section {\n color: var(--bg-color);\n background-color: var(--fg-color);\n }\n }\n "], ["\n main {\n --bg-color: #f0f0f0;\n --fg-color: #000;\n --app-bar-color: navy;\n --app-bar-on-color: white;\n display: flex;\n flex-direction: column;\n width: 100%;\n /* Settings for the notch */\n background-color: var(--app-bar-color);\n padding-top: var(--inset-top);\n height: calc(100% - var(--inset-top));\n }\n header {\n background-color: var(--app-bar-color);\n color: var(--app-bar-on-color);\n padding: 1rem;\n padding-left: var(--inset-left);\n padding-right: var(--inset-right);\n }\n .title {\n padding-left: 1rem;\n }\n section {\n background-color: var(--bg-color);\n color: var(--fg-color);\n flex: 1;\n /* Settings for the notch */\n padding-bottom: calc(var(--inset-bottom) + 1rem);\n padding-left: calc(var(--inset-left) + 1rem);\n padding-right: calc(var(--inset-right) + 1rem);\n padding-top: 1rem;\n }\n @media (prefers-color-scheme: dark) {\n section {\n color: var(--bg-color);\n background-color: var(--fg-color);\n }\n }\n "])));
__decorate([
property()
], MyElement.prototype, "name");