@hostlink/nuxt-light 1.27.7 → 1.28.0

package/dist/runtime/components/l-drag-drop.vue

@@ -1,50 +1,39 @@
-<script setup lang="ts">
-import { animations } from "@formkit/drag-and-drop";
-import { useSlots, watch } from 'vue'
-import { useDragAndDrop } from '@formkit/drag-and-drop/vue'
-const slots = useSlots();
-
-const model = defineModel()
-
-const props = defineProps<{
-    group?: string|symbol,
-    dragHandle?: string
-}>()
-
-const [parent, items] = useDragAndDrop(slots.default(), {
-    plugins: [animations()],
-    group: props.group,
-    dragHandle: props.dragHandle
-});
-
-if (model.value === null) { //default
-    model.value = items.value.map((item) => {
-        return item.props.name;
-    })
-} else {
-    items.value = model.value.map((name) => {
-        return items.value.find((item) => item.props.name === name);
-    })
-
-}
-
-watch(items, () => {
-    model.value = items.value.map((item) => {
-        return item.props.name ?? Symbol();
-    })
-
-})
-
-</script>
-<template>
-    
-
-
+<script setup>
+import { animations } from "@formkit/drag-and-drop";
+import { useSlots, watch } from "vue";
+import { useDragAndDrop } from "@formkit/drag-and-drop/vue";
+const slots = useSlots();
+const model = defineModel();
+const props = defineProps({
+  group: { type: [String, Symbol], required: false },
+  dragHandle: { type: String, required: false }
+});
+const [parent, items] = useDragAndDrop(slots.default(), {
+  plugins: [animations()],
+  group: props.group,
+  dragHandle: props.dragHandle
+});
+if (model.value === null) {
+  model.value = items.value.map((item) => {
+    return item.props.name;
+  });
+} else {
+  items.value = model.value.map((name) => {
+    return items.value.find((item) => item.props.name === name);
+  });
+}
+watch(items, () => {
+  model.value = items.value.map((item) => {
+    return item.props.name ?? Symbol();
+  });
+});
+</script>
+
+<template>
     <div ref="parent">
         <template v-for="item in items" :key="item">
             <component :is="item" />
         </template>
 
     </div>
-
-</template>
+</template>

package/dist/runtime/components/l-drag-drop.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/runtime/components/l-edit-btn.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,152 +1,165 @@
-<script setup lang="ts">
-import { computed, ref, useAttrs } from "vue";
-import { type QEditorProps, useQuasar } from "quasar"
-
-const $q = useQuasar();
-
-const editorRef = ref(null)
-const textColorRef = ref(null)
-const textHightlightRef = ref(null)
-
-const highlight = ref('#ffff00aa')
-const foreColor = ref('#000000')
-
-const TextColorCMD = ((cmd, name) => {
-    const edit = editorRef.value
-    textColorRef.value.hide()
-    edit.caret.restore()
-    edit.runCmd(cmd, name)
-    edit.focus()
-})
-
-const TextHightlightCMD = ((cmd, name) => {
-    const edit = editorRef.value
-    textHightlightRef.value.hide()
-    edit.caret.restore()
-    edit.runCmd(cmd, name)
-    edit.focus()
-})
-
-export interface LEditorProps extends  QEditorProps {
-}
-
-const emit = defineEmits(["update:modelValue"]);
-
-const props = withDefaults(defineProps<LEditorProps>(), {
-    modelValue: "",
-    placeholder: "type something",
-    dense: false,
-    toolbar: undefined,
-    fonts: undefined,
-})
-
-const localValue = computed({
-    get: () => props.modelValue,
-    set: (value) => emit('update:modelValue', value)
-});
-
-const attrs = computed(() => {
-    const a = { ...props };
-    if (props.toolbar === undefined) a.toolbar = newToolBar;
-    if (props.fonts === undefined) a.fonts = newFonts;
-    return a;
-});
-
-
-const newToolBar = [
-    [
-        {
-            label: $q.lang.editor.align,
-            icon: $q.iconSet.editor.align,
-            fixedLabel: true,
-            list: 'only-icons',
-            options: ['left', 'center', 'right', 'justify']
-        },
-        {
-            label: $q.lang.editor.align,
-            icon: $q.iconSet.editor.align,
-            fixedLabel: true,
-            options: ['left', 'center', 'right', 'justify']
-        }
-    ],
-    ['bold', 'italic', 'strike', 'underline', 'subscript', 'superscript'],
-    ['token', 'hr', 'link'],
-    //['print'],
-    ['fullscreen'],
-    [
-        {
-            label: $q.lang.editor.formatting,
-            icon: $q.iconSet.editor.formatting,
-            list: 'no-icons',
-            options: [
-                'p',
-                'h1',
-                'h2',
-                'h3',
-                'h4',
-                'h5',
-                'h6',
-                'code'
-            ]
-        },
-        {
-            label: $q.lang.editor.fontSize,
-            icon: $q.iconSet.editor.fontSize,
-            fixedLabel: true,
-            fixedIcon: true,
-            list: 'no-icons',
-            options: [
-                'size-1',
-                'size-2',
-                'size-3',
-                'size-4',
-                'size-5',
-                'size-6',
-                'size-7'
-            ]
-        },
-        {
-            label: $q.lang.editor.defaultFont,
-            icon: $q.iconSet.editor.font,
-            fixedIcon: true,
-            list: 'no-icons',
-            options: [
-                'default_font',
-                'arial',
-                'arial_black',
-                'comic_sans',
-                'courier_new',
-                'impact',
-                'lucida_grande',
-                'times_new_roman',
-                'verdana'
-            ]
-        },
-        'textColor',
-        'textHightlight',
-        'custom_btn',
-        'removeFormat'
-    ],
-    ['quote', 'unordered', 'ordered', 'outdent', 'indent'],
-
-    ['undo', 'redo'],
-    ['viewsource']
-];
-
-const newFonts = {
-    arial: 'Arial',
-    arial_black: 'Arial Black',
-    comic_sans: 'Comic Sans MS',
-    courier_new: 'Courier New',
-    impact: 'Impact',
-    lucida_grande: 'Lucida Grande',
-    times_new_roman: 'Times New Roman',
-    verdana: 'Verdana'
-};
-
-</script>
-
-<template>
+<script setup>
+import { computed, ref, useAttrs } from "vue";
+import { useQuasar } from "quasar";
+const $q = useQuasar();
+const editorRef = ref(null);
+const textColorRef = ref(null);
+const textHightlightRef = ref(null);
+const highlight = ref("#ffff00aa");
+const foreColor = ref("#000000");
+const TextColorCMD = (cmd, name) => {
+  const edit = editorRef.value;
+  textColorRef.value.hide();
+  edit.caret.restore();
+  edit.runCmd(cmd, name);
+  edit.focus();
+};
+const TextHightlightCMD = (cmd, name) => {
+  const edit = editorRef.value;
+  textHightlightRef.value.hide();
+  edit.caret.restore();
+  edit.runCmd(cmd, name);
+  edit.focus();
+};
+const emit = defineEmits(["update:modelValue"]);
+const props = defineProps({
+  fullscreen: { type: Boolean, required: false, skipCheck: true },
+  noRouteFullscreenExit: { type: Boolean, required: false, skipCheck: true },
+  modelValue: { type: String, required: true, default: "" },
+  readonly: { type: Boolean, required: false, skipCheck: true },
+  square: { type: Boolean, required: false, skipCheck: true },
+  flat: { type: Boolean, required: false, skipCheck: true },
+  dense: { type: Boolean, required: false, skipCheck: true, default: false },
+  dark: { type: [Boolean, null], required: false, skipCheck: true },
+  disable: { type: Boolean, required: false, skipCheck: true },
+  minHeight: { type: null, required: false },
+  maxHeight: { type: null, required: false },
+  height: { type: null, required: false },
+  definitions: { type: Object, required: false },
+  fonts: { type: null, required: false, default: void 0 },
+  toolbar: { type: null, required: false, default: void 0 },
+  toolbarColor: { type: null, required: false },
+  toolbarTextColor: { type: null, required: false },
+  toolbarToggleColor: { type: null, required: false },
+  toolbarBg: { type: null, required: false },
+  toolbarOutline: { type: Boolean, required: false, skipCheck: true },
+  toolbarPush: { type: Boolean, required: false, skipCheck: true },
+  toolbarRounded: { type: Boolean, required: false, skipCheck: true },
+  paragraphTag: { type: null, required: false },
+  contentStyle: { type: null, required: false },
+  contentClass: { type: null, required: false },
+  placeholder: { type: null, required: false, default: "type something" },
+  onFullscreen: { type: Function, required: false },
+  "onUpdate:fullscreen": { type: Function, required: false },
+  "onUpdate:modelValue": { type: Function, required: false },
+  onDropdownShow: { type: Function, required: false },
+  onDropdownBeforeShow: { type: Function, required: false },
+  onDropdownHide: { type: Function, required: false },
+  onDropdownBeforeHide: { type: Function, required: false },
+  onLinkShow: { type: Function, required: false },
+  onLinkHide: { type: Function, required: false }
+});
+const localValue = computed({
+  get: () => props.modelValue,
+  set: (value) => emit("update:modelValue", value)
+});
+const attrs = computed(() => {
+  const a = { ...props };
+  if (props.toolbar === void 0) a.toolbar = newToolBar;
+  if (props.fonts === void 0) a.fonts = newFonts;
+  return a;
+});
+const newToolBar = [
+  [
+    {
+      label: $q.lang.editor.align,
+      icon: $q.iconSet.editor.align,
+      fixedLabel: true,
+      list: "only-icons",
+      options: ["left", "center", "right", "justify"]
+    },
+    {
+      label: $q.lang.editor.align,
+      icon: $q.iconSet.editor.align,
+      fixedLabel: true,
+      options: ["left", "center", "right", "justify"]
+    }
+  ],
+  ["bold", "italic", "strike", "underline", "subscript", "superscript"],
+  ["token", "hr", "link"],
+  //['print'],
+  ["fullscreen"],
+  [
+    {
+      label: $q.lang.editor.formatting,
+      icon: $q.iconSet.editor.formatting,
+      list: "no-icons",
+      options: [
+        "p",
+        "h1",
+        "h2",
+        "h3",
+        "h4",
+        "h5",
+        "h6",
+        "code"
+      ]
+    },
+    {
+      label: $q.lang.editor.fontSize,
+      icon: $q.iconSet.editor.fontSize,
+      fixedLabel: true,
+      fixedIcon: true,
+      list: "no-icons",
+      options: [
+        "size-1",
+        "size-2",
+        "size-3",
+        "size-4",
+        "size-5",
+        "size-6",
+        "size-7"
+      ]
+    },
+    {
+      label: $q.lang.editor.defaultFont,
+      icon: $q.iconSet.editor.font,
+      fixedIcon: true,
+      list: "no-icons",
+      options: [
+        "default_font",
+        "arial",
+        "arial_black",
+        "comic_sans",
+        "courier_new",
+        "impact",
+        "lucida_grande",
+        "times_new_roman",
+        "verdana"
+      ]
+    },
+    "textColor",
+    "textHightlight",
+    "custom_btn",
+    "removeFormat"
+  ],
+  ["quote", "unordered", "ordered", "outdent", "indent"],
+  ["undo", "redo"],
+  ["viewsource"]
+];
+const newFonts = {
+  arial: "Arial",
+  arial_black: "Arial Black",
+  comic_sans: "Comic Sans MS",
+  courier_new: "Courier New",
+  impact: "Impact",
+  lucida_grande: "Lucida Grande",
+  times_new_roman: "Times New Roman",
+  verdana: "Verdana"
+};
+</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"
@@ -182,31 +195,31 @@ const newFonts = {
                         <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',
-                            '#ffffccaa',
-                            '#ccffccaa',
-                            '#ccffe6aa',
-                            '#ccffffaa',
-                            '#cce6ffaa',
-                            '#ccccffaa',
-                            '#e6ccffaa',
-                            '#ffccffaa',
-                            '#ff0000aa',
-                            '#ff8000aa',
-                            '#ffff00aa',
-                            '#00ff00aa',
-                            '#00ff80aa',
-                            '#00ffffaa',
-                            '#0080ffaa',
-                            '#0000ffaa',
-                            '#8000ffaa',
-                            '#ff00ffaa'
-                        ]" style="max-width: 250px;" />
+                        <q-color v-model="highlight" no-header no-footer default-view="palette" :palette="[
+  '#ffccccaa',
+  '#ffe6ccaa',
+  '#ffffccaa',
+  '#ccffccaa',
+  '#ccffe6aa',
+  '#ccffffaa',
+  '#cce6ffaa',
+  '#ccccffaa',
+  '#e6ccffaa',
+  '#ffccffaa',
+  '#ff0000aa',
+  '#ff8000aa',
+  '#ffff00aa',
+  '#00ff00aa',
+  '#00ff80aa',
+  '#00ffffaa',
+  '#0080ffaa',
+  '#0000ffaa',
+  '#8000ffaa',
+  '#ff00ffaa'
+]" style="max-width: 250px;" />
                     </q-item-section>
                 </q-item>
             </q-btn-dropdown>
         </template>
     </q-editor>
-</template>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,28 +1,20 @@
-<script setup>
-
-import { ref, onMounted } from 'vue';
-const button = ref(null);
-const emits = defineEmits(["login"]);
-
-onMounted(() => {
-    if (window.FB) {
-        window.FB.XFBML.parse()
-    }
-
-})
-
-window.onFacebookLogin = () => {
-
-
-
-
-    window.FB.getAccessToken(accessToken => {
-        emits('login', accessToken)
-    })
-}
-
-</script>
-<template>
+<script setup>
+import { ref, onMounted } from "vue";
+const button = ref(null);
+const emits = defineEmits(["login"]);
+onMounted(() => {
+  if (window.FB) {
+    window.FB.XFBML.parse();
+  }
+});
+window.onFacebookLogin = () => {
+  window.FB.getAccessToken((accessToken) => {
+    emits("login", accessToken);
+  });
+};
+</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>
-</template>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,28 +1,23 @@
-<script setup>
-import { computed } from 'vue'
-import { useLight } from '#imports'
-const light = useLight()
-const props = defineProps(["value", "dense"])
-
-
-const color1 = computed(() => {
-    return light.getColorValue()
-});
-
-const color2 = computed(() => {
-    let c = light.getColorValue()
-    //  0.7 alpha
-    c = c + "b3";
-    return c;
-});
-
-
-</script>
-
+<script setup>
+import { computed } from "vue";
+import { useLight } from "#imports";
+const light = useLight();
+const props = defineProps(["value", "dense"]);
+const color1 = computed(() => {
+  return light.getColorValue();
+});
+const color2 = computed(() => {
+  let c = light.getColorValue();
+  c = c + "b3";
+  return c;
+});
+</script>
+
 <style scoped>
 .menu-list .q-item{border-radius:12px 12px 12px 12px}.menu-list .q-router-link--exact-active{background:linear-gradient(118deg,v-bind(color1),v-bind(color2));color:#fff}
-</style>
-<template>
+</style>
+
+<template>
     <q-expansion-item :label="$t('My favorite')" :dense="dense" icon="sym_o_favorite">
         <q-list class="q-pl-md menu-list">
             <q-item v-ripple :to="item.path" v-for="item in value">
@@ -36,4 +31,4 @@ const color2 = computed(() => {
             </q-item>
         </q-list>
     </q-expansion-item>
-</template>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,21 +1,52 @@
-<script setup lang="ts">
-import type { QFieldProps } from 'quasar';
-const props = withDefaults(defineProps<QFieldProps>(), {
-    outlined: undefined,
-    filled: undefined,
-    standout: undefined,
-    rounded: undefined,
-    square: undefined,
-    stackLabel: undefined,
-    dark: undefined,
-    dense: undefined,
-    hideBottomSpace: true
-});
-
-</script>
-<template>
-
+<script setup>
+const props = defineProps({
+  modelValue: { type: null, required: false },
+  error: { type: [Boolean, null], required: false, skipCheck: true },
+  errorMessage: { type: null, required: false },
+  noErrorIcon: { type: Boolean, required: false, skipCheck: true },
+  rules: { type: null, required: false },
+  reactiveRules: { type: Boolean, required: false, skipCheck: true },
+  lazyRules: { type: [Boolean, String], required: false, skipCheck: true },
+  label: { type: null, required: false },
+  stackLabel: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  hint: { type: null, required: false },
+  hideHint: { type: Boolean, required: false, skipCheck: true },
+  prefix: { type: null, required: false },
+  suffix: { type: null, required: false },
+  labelColor: { type: null, required: false },
+  color: { type: null, required: false },
+  bgColor: { type: null, required: false },
+  dark: { type: [Boolean, null], required: false, skipCheck: true, default: void 0 },
+  loading: { type: Boolean, required: false, skipCheck: true },
+  clearable: { type: Boolean, required: false, skipCheck: true },
+  clearIcon: { type: null, required: false },
+  filled: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  outlined: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  borderless: { type: Boolean, required: false, skipCheck: true },
+  standout: { type: [Boolean, String], required: false, skipCheck: true, default: void 0 },
+  labelSlot: { type: Boolean, required: false, skipCheck: true },
+  bottomSlots: { type: Boolean, required: false, skipCheck: true },
+  hideBottomSpace: { type: Boolean, required: false, skipCheck: true, default: true },
+  counter: { type: Boolean, required: false, skipCheck: true },
+  rounded: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  square: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  dense: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  itemAligned: { type: Boolean, required: false, skipCheck: true },
+  disable: { type: Boolean, required: false, skipCheck: true },
+  readonly: { type: Boolean, required: false, skipCheck: true },
+  autofocus: { type: Boolean, required: false, skipCheck: true },
+  for: { type: null, required: false },
+  maxlength: { type: null, required: false },
+  tag: { type: null, required: false },
+  "onUpdate:modelValue": { type: Function, required: false },
+  onFocus: { type: Function, required: false },
+  onBlur: { type: Function, required: false },
+  onClear: { type: Function, required: false }
+});
+</script>
+
+<template>
     <q-field v-bind="$light.getInputProps($props)">
         <slot></slot>
     </q-field>
-</template>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;