@hostlink/nuxt-light 1.27.8 → 1.28.0

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

@@ -1,91 +1,78 @@
-<script setup>
-import { ref } from 'vue'
-import { reloadNuxtApp, useLight, watch } from "#imports";
-import { useQuasar } from 'quasar'
-import { q } from '#imports'
-import { useRoute } from "vue-router";
-
-const route = useRoute();
-const light = useLight()
-const quasar = useQuasar()
-
-light.setCurrentRoute(route);
-watch(route, (to, from) => {
-    light.setCurrentRoute(to);
-});
-
-const app = ref(null)
-
-try {
-    app.value = (await q({
-        app: {
-            version: true,
-            company: true,
-            companyLogo: true,
-            logged: true,
-            twoFactorAuthentication: true,
-            forgetPasswordEnabled: true,
-            googleClientId: true,
-            microsoftClientId: true,
-            microsoftTenantId: true,
-            passwordBasedEnabled: true,
-            facebookAppId: true,
-        }
-    })).app;
-    light.company = app.value.company;
-    light.companyLogo = app.value.companyLogo;
-} catch (e) {
-    quasar.dialog({
-        title: 'Error',
-        message: e.message,
-        ok: 'Reload',
-    }).onOk(() => {
-        window.location.reload();
-    });
-}
-
-const compatible_version = "1.16.0";
-
-if (app.value.version != "dev") {
-    //check version must be larger or equal to compatible_version
-    if (app.value.version <= compatible_version) {
-        quasar.dialog({
-            title: 'Error',
-            message: `This app is not compatible with this version of the server. Please update the light api to version ${compatible_version} or higher.`,
-            ok: 'Reload',
-        }).onOk(() => {
-            window.location.reload();
-        });
-    }
-}
-
-if (app.value.facebookAppId) {
-
-    //load facebook sdk
-
-    (function (d, s, id) {
-        var js, fjs = d.getElementsByTagName(s)[0];
-        if (d.getElementById(id)) { return; }
-        js = d.createElement(s); js.id = id;
-        js.src = "https://connect.facebook.net/en_US/sdk.js";
-        fjs.parentNode.insertBefore(js, fjs);
-    }(document, 'script', 'facebook-jssdk')
-    );
-
-    window.fbAsyncInit = function () {
-        FB.init({
-            appId: app.value.facebookAppId,
-            xfbml: true,
-            version: 'v21.0'
-        });
-    }
-}
-
-
-
-
-</script>
-<template>
+<script setup>
+import { ref } from "vue";
+import { reloadNuxtApp, useLight, watch } from "#imports";
+import { useQuasar } from "quasar";
+import { q } from "#imports";
+import { useRoute } from "vue-router";
+const route = useRoute();
+const light = useLight();
+const quasar = useQuasar();
+light.setCurrentRoute(route);
+watch(route, (to, from) => {
+  light.setCurrentRoute(to);
+});
+const app = ref(null);
+try {
+  app.value = (await q({
+    app: {
+      version: true,
+      company: true,
+      companyLogo: true,
+      logged: true,
+      twoFactorAuthentication: true,
+      forgetPasswordEnabled: true,
+      googleClientId: true,
+      microsoftClientId: true,
+      microsoftTenantId: true,
+      passwordBasedEnabled: true,
+      facebookAppId: true
+    }
+  })).app;
+  light.company = app.value.company;
+  light.companyLogo = app.value.companyLogo;
+} catch (e) {
+  quasar.dialog({
+    title: "Error",
+    message: e.message,
+    ok: "Reload"
+  }).onOk(() => {
+    window.location.reload();
+  });
+}
+const compatible_version = "1.16.0";
+if (app.value.version != "dev") {
+  if (app.value.version <= compatible_version) {
+    quasar.dialog({
+      title: "Error",
+      message: `This app is not compatible with this version of the server. Please update the light api to version ${compatible_version} or higher.`,
+      ok: "Reload"
+    }).onOk(() => {
+      window.location.reload();
+    });
+  }
+}
+if (app.value.facebookAppId) {
+  (function(d, s, id) {
+    var js, fjs = d.getElementsByTagName(s)[0];
+    if (d.getElementById(id)) {
+      return;
+    }
+    js = d.createElement(s);
+    js.id = id;
+    js.src = "https://connect.facebook.net/en_US/sdk.js";
+    fjs.parentNode.insertBefore(js, fjs);
+  })(document, "script", "facebook-jssdk");
+  window.fbAsyncInit = function() {
+    FB.init({
+      appId: app.value.facebookAppId,
+      xfbml: true,
+      version: "v21.0"
+    });
+  };
+}
+</script>
+
+<template>
     <q-layout v-if="!app.logged">
         <q-page-container class="bg-grey-2" style="color:#1f1f1f">
             <q-page padding>
@@ -101,4 +88,4 @@ if (app.value.facebookAppId) {
         </template>
 
     </l-app-main>
-</template>
+</template>

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

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

package/dist/runtime/components/l-audit-card.vue

@@ -1,16 +1,10 @@
-<script setup lang="ts">
-
-const modelValue = defineModel<{
-    createdTime: string,
-    createdBy: string,
-    updatedTime: string,
-    updatedBy: string,
-}>({
-    required: true
-})
-
-</script>
-<template>
+<script setup>
+const modelValue = defineModel({ type: Object, ...{
+  required: true
+} });
+</script>
+
+<template>
     <l-card title="Audit info">
         <l-list>
             <l-item label="Created time" v-if="modelValue.createdTime">{{ modelValue.createdTime }}</l-item>
@@ -19,4 +13,4 @@ const modelValue = defineModel<{
             <l-item label="Updated by" v-if="modelValue.updatedBy">{{ modelValue.updatedBy }}</l-item>
         </l-list>
     </l-card>
-</template>
+</template>

package/dist/runtime/components/l-audit-card.vue.d.ts

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

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

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

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

@@ -1,36 +1,30 @@
-<script setup lang="ts">
-import type { QBannerProps } from 'quasar'
-import { computed, useSlots } from 'vue'
-
-export type LBannerProps = QBannerProps & {
-    icon?: string
-    type?: 'primary' | 'secondary' | 'accent' | 'dark' | 'positive' | 'negative' | 'info' | 'warning'
-}
-
-const props = withDefaults(defineProps<LBannerProps>(), {
-    rounded: true,
-    type: 'primary'
-});
-
-const classes = computed(() => {
-    return [
-        `bg-${props.type}`,
-        'text-white'
-    ]
-});
-
-const localIcon = computed(() => {
-    if (props.icon) return props.icon
-    if (props.type === 'info') return 'sym_o_info'
-    if (props.type === 'warning') return 'sym_o_warning'
-    if (props.type === 'positive') return 'sym_o_check_circle_outline'
-    if (props.type === 'negative') return 'sym_o_error'
-});
-
-const slots = computed(() => useSlots());
-</script>
-
-<template>
+<script setup>
+import { computed, useSlots } from "vue";
+const props = defineProps({
+  inlineActions: { type: Boolean, required: false, skipCheck: true },
+  dense: { type: Boolean, required: false, skipCheck: true },
+  rounded: { type: Boolean, required: false, skipCheck: true, default: true },
+  dark: { type: [Boolean, null], required: false, skipCheck: true },
+  icon: { type: String, required: false },
+  type: { type: String, required: false, default: "primary" }
+});
+const classes = computed(() => {
+  return [
+    `bg-${props.type}`,
+    "text-white"
+  ];
+});
+const localIcon = computed(() => {
+  if (props.icon) return props.icon;
+  if (props.type === "info") return "sym_o_info";
+  if (props.type === "warning") return "sym_o_warning";
+  if (props.type === "positive") return "sym_o_check_circle_outline";
+  if (props.type === "negative") return "sym_o_error";
+});
+const slots = computed(() => useSlots());
+</script>
+
+<template>
     <q-banner v-bind="$props" :class="classes">
         
         <template v-slot:avatar v-if="localIcon">
@@ -41,4 +35,4 @@ const slots = computed(() => useSlots());
             <slot :name="name" v-bind="props ?? {}"></slot>
         </template>
     </q-banner>
-</template>
+</template>

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

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

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

@@ -1,28 +1,24 @@
-<script setup lang="ts">
-import { useLight } from '#imports';
-import { QBar } from 'quasar';
-import type { QBarProps } from 'quasar';
-import { computed } from 'vue';
-export interface LBarProps extends QBarProps {
-    color?: string;
-    textColor?: string;
-}
-
-const props = withDefaults(defineProps<LBarProps>(), {
-    color: undefined,
-    textColor: "white",
-});
-
-const light = useLight();
-const barClass = computed(() => {
-    const c = [`text-${props.textColor}`];
-    const color = props.color || light.color;
-    c.push(`bg-${color}`);
-    return c;
-});
-</script>
-<template>
+<script setup>
+import { useLight } from "#imports";
+import { QBar } from "quasar";
+import { computed } from "vue";
+const props = defineProps({
+  color: { type: String, required: false, default: void 0 },
+  textColor: { type: String, required: false, default: "white" },
+  dense: { type: Boolean, required: false, skipCheck: true },
+  dark: { type: [Boolean, null], required: false, skipCheck: true }
+});
+const light = useLight();
+const barClass = computed(() => {
+  const c = [`text-${props.textColor}`];
+  const color = props.color || light.color;
+  c.push(`bg-${color}`);
+  return c;
+});
+</script>
+
+<template>
     <q-bar :class="barClass">
         <slot></slot>
     </q-bar>
-</template>
+</template>

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

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

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

@@ -1,41 +1,66 @@
-<script lang="ts" setup>
-import { useQuasar, QBtn } from "quasar";
-import type { QBtnProps } from "quasar";
-
-export interface LBtnProps extends QBtnProps {
-    permission?: string;
-    confirmMessage?: string;
-    confirmTitle?: string;
-}
-
-const props = withDefaults(defineProps<LBtnProps>(), {
-    permission: "",
-    confirmMessage: "",
-    confirmTitle: "Confirm",
-});
-
-const $q = useQuasar();
-
-//filter out the onClick from the props
-const { onClick, ...filteredProps } = props;
-const handleClick = function () {
-    if (props.confirmMessage) {
-        $q.dialog({
-            title: props.confirmTitle,
-            message: props.confirmMessage,
-            ok: "Yes",
-            cancel: "No",
-        }).onOk(() => {
-            onClick?.()
-        });
-    } else {
-        onClick?.()
-    }
-};
-</script>
-<template>
+<script setup>
+import { useQuasar, QBtn } from "quasar";
+const props = defineProps({
+  permission: { type: String, required: false, default: "" },
+  confirmMessage: { type: String, required: false, default: "" },
+  confirmTitle: { type: String, required: false, default: "Confirm" },
+  size: { type: null, required: false },
+  type: { type: null, required: false },
+  to: { type: null, required: false },
+  replace: { type: Boolean, required: false, skipCheck: true },
+  href: { type: null, required: false },
+  target: { type: null, required: false },
+  label: { type: null, required: false },
+  icon: { type: null, required: false },
+  iconRight: { type: null, required: false },
+  outline: { type: Boolean, required: false, skipCheck: true },
+  flat: { type: Boolean, required: false, skipCheck: true },
+  unelevated: { type: Boolean, required: false, skipCheck: true },
+  rounded: { type: Boolean, required: false, skipCheck: true },
+  push: { type: Boolean, required: false, skipCheck: true },
+  square: { type: Boolean, required: false, skipCheck: true },
+  glossy: { type: Boolean, required: false, skipCheck: true },
+  fab: { type: Boolean, required: false, skipCheck: true },
+  fabMini: { type: Boolean, required: false, skipCheck: true },
+  padding: { type: null, required: false },
+  color: { type: null, required: false },
+  textColor: { type: null, required: false },
+  noCaps: { type: Boolean, required: false, skipCheck: true },
+  noWrap: { type: Boolean, required: false, skipCheck: true },
+  dense: { type: Boolean, required: false, skipCheck: true },
+  ripple: { type: Boolean, required: false, skipCheck: true },
+  tabindex: { type: null, required: false },
+  align: { type: null, required: false },
+  stack: { type: Boolean, required: false, skipCheck: true },
+  stretch: { type: Boolean, required: false, skipCheck: true },
+  loading: { type: [Boolean, null], required: false, skipCheck: true },
+  disable: { type: Boolean, required: false, skipCheck: true },
+  round: { type: Boolean, required: false, skipCheck: true },
+  percentage: { type: null, required: false },
+  darkPercentage: { type: Boolean, required: false, skipCheck: true },
+  onClick: { type: Function, required: false }
+});
+const $q = useQuasar();
+const { onClick, ...filteredProps } = props;
+const handleClick = function() {
+  if (props.confirmMessage) {
+    $q.dialog({
+      title: props.confirmTitle,
+      message: props.confirmMessage,
+      ok: "Yes",
+      cancel: "No"
+    }).onOk(() => {
+      onClick?.();
+    });
+  } else {
+    onClick?.();
+  }
+};
+</script>
+
+<template>
     <q-btn v-if="$light.isGranted($props.permission)" @click="handleClick"
         v-bind="$light.getButtonProps(filteredProps)">
         <slot></slot>
     </q-btn>
-</template>
+</template>

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

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