@hostlink/nuxt-light 1.55.0 → 1.56.0

package/dist/runtime/components/l-editor.d.vue.ts

@@ -1,10 +1,6 @@
 import { type QEditorProps } from "quasar";
 export interface LEditorProps extends QEditorProps {
 }
-declare const __VLS_export: import("vue").DefineComponent<LEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<LEditorProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<LEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/l-editor.vue

@@ -160,41 +160,41 @@ const newFonts = {
 </script>
 
 <template>
-    <q-editor v-model="localValue" ref="editorRef" v-bind="attrs">
-        <template v-slot:textColor>
-            <q-btn-dropdown dense no-caps ref="textColorRef" no-wrap unelevated color="white" text-color="default"
-                label="Text Color" icon="sym_o_format_color_text" size="sm">
-                <q-item tag="label" clickable @click="TextColorCMD('foreColor', foreColor)">
-                    <q-item-section side>
-                        <q-icon name="sym_o_format_color_text" />
-                    </q-item-section>
-                    <q-item-section>
-                        <q-color v-model="foreColor" no-header no-footer style="max-width: 250px;" />
-                        <!-- :palette="[
-                                '#ff0000',
-                                '#ff8000',
-                                '#ffff00',
-                                '#00ff00',
-                                '#00ff80',
-                                '#00ffff',
-                                '#0080ff',
-                                '#0000ff',
-                                '#8000ff',
-                                '#ff00ff'
-                            ]" -->
-                    </q-item-section>
-                </q-item>
-            </q-btn-dropdown>
-        </template>
-        <template v-slot:textHightlight>
-            <q-btn-dropdown dense no-caps ref="textHightlightRef" no-wrap unelevated color="white" text-color="default"
-                label="Highlight" icon="sym_o_format_ink_highlighter" size="sm">
-
-                <q-item tag="label" clickable @click="TextHightlightCMD('backColor', highlight)">
-                    <q-item-section side>
-                        <q-icon name="sym_o_format_ink_highlighter" />
-                    </q-item-section>
-                    <q-item-section>
+    <q-editor v-model="localValue" ref="editorRef" v-bind="attrs">
+        <template v-slot:textColor>
+            <q-btn-dropdown dense no-caps ref="textColorRef" no-wrap unelevated color="white" text-color="default"
+                label="Text Color" icon="sym_o_format_color_text" size="sm">
+                <q-item tag="label" clickable @click="TextColorCMD('foreColor', foreColor)">
+                    <q-item-section side>
+                        <q-icon name="sym_o_format_color_text" />
+                    </q-item-section>
+                    <q-item-section>
+                        <q-color v-model="foreColor" no-header no-footer style="max-width: 250px;" />
+                        <!-- :palette="[
+                                '#ff0000',
+                                '#ff8000',
+                                '#ffff00',
+                                '#00ff00',
+                                '#00ff80',
+                                '#00ffff',
+                                '#0080ff',
+                                '#0000ff',
+                                '#8000ff',
+                                '#ff00ff'
+                            ]" -->
+                    </q-item-section>
+                </q-item>
+            </q-btn-dropdown>
+        </template>
+        <template v-slot:textHightlight>
+            <q-btn-dropdown dense no-caps ref="textHightlightRef" no-wrap unelevated color="white" text-color="default"
+                label="Highlight" icon="sym_o_format_ink_highlighter" size="sm">
+
+                <q-item tag="label" clickable @click="TextHightlightCMD('backColor', highlight)">
+                    <q-item-section side>
+                        <q-icon name="sym_o_format_ink_highlighter" />
+                    </q-item-section>
+                    <q-item-section>
                         <q-color v-model="highlight" no-header no-footer default-view="palette" :palette="[
   '#ffccccaa',
   '#ffe6ccaa',
@@ -216,10 +216,10 @@ const newFonts = {
   '#0000ffaa',
   '#8000ffaa',
   '#ff00ffaa'
-]" style="max-width: 250px;" />
-                    </q-item-section>
-                </q-item>
-            </q-btn-dropdown>
-        </template>
-    </q-editor>
+]" style="max-width: 250px;" />
+                    </q-item-section>
+                </q-item>
+            </q-btn-dropdown>
+        </template>
+    </q-editor>
 </template>

package/dist/runtime/components/l-editor.vue.d.ts

@@ -1,10 +1,6 @@
 import { type QEditorProps } from "quasar";
 export interface LEditorProps extends QEditorProps {
 }
-declare const __VLS_export: import("vue").DefineComponent<LEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<LEditorProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<LEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/l-facebook-button.vue

@@ -15,6 +15,6 @@ window.onFacebookLogin = () => {
 </script>
 
 <template>
-    <div class="fb-login-button" data-size="large" data-button-type="" data-layout="" data-auto-logout-link="false"
-        data-use-continue-as="false" ref="button" data-onlogin="onFacebookLogin()"></div>
+    <div class="fb-login-button" data-size="large" data-button-type="" data-layout="" data-auto-logout-link="false"
+        data-use-continue-as="false" ref="button" data-onlogin="onFacebookLogin()"></div>
 </template>

package/dist/runtime/components/l-fav-menu.vue

@@ -26,18 +26,18 @@ const color2 = computed(() => {
 </style>
 
 <template>
-    <q-expansion-item :label="$t('My favorite')" :dense="dense" icon="sym_o_favorite" 
-                      v-model="favMenuExpanded">
-        <q-list class="q-pl-md menu-list" :dense="dense">
-            <q-item v-ripple :to="item.path" v-for="item in value">
-                <q-item-section avatar>
-                    <q-icon :name="item.icon ?? 'sym_o_link'" />
-                </q-item-section>
-                <q-item-section>
-                    <q-item-label v-text="$t(item.label)"></q-item-label>
-                </q-item-section>
-                
-            </q-item>
-        </q-list>
-    </q-expansion-item>
+    <q-expansion-item :label="$t('My favorite')" :dense="dense" icon="sym_o_favorite" 
+                      v-model="favMenuExpanded">
+        <q-list class="q-pl-md menu-list" :dense="dense">
+            <q-item v-ripple :to="item.path" v-for="item in value">
+                <q-item-section avatar>
+                    <q-icon :name="item.icon ?? 'sym_o_link'" />
+                </q-item-section>
+                <q-item-section>
+                    <q-item-label v-text="$t(item.label)"></q-item-label>
+                </q-item-section>
+                
+            </q-item>
+        </q-list>
+    </q-expansion-item>
 </template>

package/dist/runtime/components/l-field.vue

@@ -46,7 +46,7 @@ defineProps({
 </script>
 
 <template>
-    <q-field v-bind="$light.getInputProps($props)">
-        <slot></slot>
-    </q-field>
+    <q-field v-bind="$light.getInputProps($props)">
+        <slot></slot>
+    </q-field>
 </template>

package/dist/runtime/components/l-file-manager-labels.vue

@@ -41,17 +41,17 @@ const LABLES = [
 </script>
 
 <template>
-  <q-item-label header>
-    {{ $t('Labels') }}
-  </q-item-label>
-
-  <q-item v-for="label in LABLES" :key="label.type" clickable :active="modelValue == label.type"
-    :active-class="`text-primary`" @click="toggleLabel(label.type)">
-    <q-item-section avatar>
-      <q-icon :name="label.icon" />
-    </q-item-section>
-    <q-item-section> {{ $t(label.label) }} </q-item-section>
-  </q-item>
+  <q-item-label header>
+    {{ $t('Labels') }}
+  </q-item-label>
+
+  <q-item v-for="label in LABLES" :key="label.type" clickable :active="modelValue == label.type"
+    :active-class="`text-primary`" @click="toggleLabel(label.type)">
+    <q-item-section avatar>
+      <q-icon :name="label.icon" />
+    </q-item-section>
+    <q-item-section> {{ $t(label.label) }} </q-item-section>
+  </q-item>
 </template>
 
 <style scoped>

package/dist/runtime/components/l-file-manager-move.vue

@@ -51,71 +51,71 @@ const onClickMove = async () => {
 </script>
 
 <template>
-  <q-menu transition-show="jump-down" transition-hide="jump-up" ref="menu">
-    <q-card>
-      <q-toolbar>
-        <template v-if="mode == 'create'">
-          <q-btn flat dense round @click="mode = 'move'" icon="sym_o_arrow_back" class="q-mr-sm">
-            <q-tooltip>Cancel</q-tooltip>
-          </q-btn>
-
-        </template>
-        <template v-else>
-          <q-btn flat dense round @click="clickBack()" v-if="folder !== '/'" icon="sym_o_arrow_back">
-            <q-tooltip>Back</q-tooltip>
-          </q-btn>
-          <q-toolbar-title>
-            {{ title }}
-          </q-toolbar-title>
-
-        </template>
-
-      </q-toolbar>
-
-      <template v-if="mode == 'empty folder'">
-        <q-card-section> Empty folder</q-card-section>
-      </template>
-
-      <template v-if="mode == 'create'">
-        <q-card-section>
-          <q-input outlined dense v-model="newFolder" :hint="`Create folder at ${folder}`" label="Foler name"
-            stack-label="">
-            <template v-slot:append v-if="newFolder">
-              <q-btn round dense flat icon="sym_o_add" @click="onClickCreate">
-                <q-tooltip>Create</q-tooltip>
-              </q-btn>
-            </template>
-          </q-input>
-        </q-card-section>
-      </template>
-
-      <template v-if="mode == 'move'">
-        <q-list>
-          <q-item v-for="(b, index) in folders" :key="index" clickable @click="parent = folder; folder = b.path;">
-
-            <q-item-section avatar>
-              <q-icon name="sym_o_folder"></q-icon>
-            </q-item-section>
-            <q-item-section>
-              <q-item-label>{{ b.name }}</q-item-label>
-            </q-item-section>
-
-            <q-item-section side avatar>
-              <q-icon name="sym_o_navigate_next"></q-icon>
-            </q-item-section>
-          </q-item>
-        </q-list>
-      </template>
-
-      <q-card-actions>
-        <q-btn flat dense @click="mode = 'create'" :disable="mode == 'create'" round icon="sym_o_create_new_folder">
-          <q-tooltip> Create new folder</q-tooltip>
-        </q-btn>
-        <q-space></q-space>
-        <q-btn dense label="Move to here" color="primary" v-if="mode == 'empty folder'">
-        </q-btn>
-        <q-btn dense label="Move" outline color="primary" v-if="mode == 'move'" @click="onClickMove"></q-btn>
-      </q-card-actions>
-    </q-card>
-  </q-menu>
+  <q-menu transition-show="jump-down" transition-hide="jump-up" ref="menu">
+    <q-card>
+      <q-toolbar>
+        <template v-if="mode == 'create'">
+          <q-btn flat dense round @click="mode = 'move'" icon="sym_o_arrow_back" class="q-mr-sm">
+            <q-tooltip>Cancel</q-tooltip>
+          </q-btn>
+
+        </template>
+        <template v-else>
+          <q-btn flat dense round @click="clickBack()" v-if="folder !== '/'" icon="sym_o_arrow_back">
+            <q-tooltip>Back</q-tooltip>
+          </q-btn>
+          <q-toolbar-title>
+            {{ title }}
+          </q-toolbar-title>
+
+        </template>
+
+      </q-toolbar>
+
+      <template v-if="mode == 'empty folder'">
+        <q-card-section> Empty folder</q-card-section>
+      </template>
+
+      <template v-if="mode == 'create'">
+        <q-card-section>
+          <q-input outlined dense v-model="newFolder" :hint="`Create folder at ${folder}`" label="Foler name"
+            stack-label="">
+            <template v-slot:append v-if="newFolder">
+              <q-btn round dense flat icon="sym_o_add" @click="onClickCreate">
+                <q-tooltip>Create</q-tooltip>
+              </q-btn>
+            </template>
+          </q-input>
+        </q-card-section>
+      </template>
+
+      <template v-if="mode == 'move'">
+        <q-list>
+          <q-item v-for="(b, index) in folders" :key="index" clickable @click="parent = folder; folder = b.path;">
+
+            <q-item-section avatar>
+              <q-icon name="sym_o_folder"></q-icon>
+            </q-item-section>
+            <q-item-section>
+              <q-item-label>{{ b.name }}</q-item-label>
+            </q-item-section>
+
+            <q-item-section side avatar>
+              <q-icon name="sym_o_navigate_next"></q-icon>
+            </q-item-section>
+          </q-item>
+        </q-list>
+      </template>
+
+      <q-card-actions>
+        <q-btn flat dense @click="mode = 'create'" :disable="mode == 'create'" round icon="sym_o_create_new_folder">
+          <q-tooltip> Create new folder</q-tooltip>
+        </q-btn>
+        <q-space></q-space>
+        <q-btn dense label="Move to here" color="primary" v-if="mode == 'empty folder'">
+        </q-btn>
+        <q-btn dense label="Move" outline color="primary" v-if="mode == 'move'" @click="onClickMove"></q-btn>
+      </q-card-actions>
+    </q-card>
+  </q-menu>
 </template>

package/dist/runtime/components/l-file-manager-preview.vue

@@ -44,26 +44,26 @@ const canPreview = computed(() => {
 </script>
 
 <template>
-  <template v-if="canPreview">
-    <q-img :src="file.url"></q-img>
-  </template>
-  <q-list dense>
-    <l-item label="Name">{{ file.name }}</l-item>
-    <l-item label="Size">{{ size }} ({{ file.size }})</l-item>
-    <l-item label="Location">{{ file.path }}</l-item>
-    <l-item label="Last modified">{{ file.lastModifiedHuman }}</l-item>
-
-    <q-item>
-      <q-item-section side>
-        <q-item-label>URL</q-item-label>
-      </q-item-section>
-      <q-item-section style="align-items: flex-end;">
-        <q-item-label lines="1">{{ file.url }}</q-item-label>
-      </q-item-section>
-
-      <q-item-section top side>
-        <q-btn size="md" flat danse round icon="sym_o_content_copy" @click="copyToClipboard(file.url)"></q-btn>
-      </q-item-section>
-    </q-item>
-  </q-list>
+  <template v-if="canPreview">
+    <q-img :src="file.url"></q-img>
+  </template>
+  <q-list dense>
+    <l-item label="Name">{{ file.name }}</l-item>
+    <l-item label="Size">{{ size }} ({{ file.size }})</l-item>
+    <l-item label="Location">{{ file.path }}</l-item>
+    <l-item label="Last modified">{{ file.lastModifiedHuman }}</l-item>
+
+    <q-item>
+      <q-item-section side>
+        <q-item-label>URL</q-item-label>
+      </q-item-section>
+      <q-item-section style="align-items: flex-end;">
+        <q-item-label lines="1">{{ file.url }}</q-item-label>
+      </q-item-section>
+
+      <q-item-section top side>
+        <q-btn size="md" flat danse round icon="sym_o_content_copy" @click="copyToClipboard(file.url)"></q-btn>
+      </q-item-section>
+    </q-item>
+  </q-list>
 </template>