@eaera-com/eaera-widgets-v2 0.1.62

package/dist/src/stories/Form/eaera-form.d.ts

@@ -0,0 +1,117 @@
+export declare const formSchema: {
+    first_name: {
+        label: string;
+        nameComponent: string;
+        rule: {
+            first_name: {
+                required: boolean;
+                message: string;
+                trigger: string;
+            }[];
+        };
+        placeholder: string;
+        group: string;
+    };
+    last_name: {
+        label: string;
+        nameComponent: string;
+        rule: {
+            last_name: {
+                required: boolean;
+                message: string;
+                trigger: string;
+            }[];
+        };
+        placeholder: string;
+        group: string;
+    };
+    country: {
+        label: string;
+        nameComponent: string;
+        rule: {
+            country: {
+                required: boolean;
+                message: string;
+                trigger: string;
+            }[];
+        };
+        remote: boolean;
+        filterable: boolean;
+        options: never[];
+        placeholder: string;
+    };
+    email: {
+        label: string;
+        nameComponent: string;
+        rule: {
+            email: ({
+                required: boolean;
+                message: string;
+                trigger: string;
+                validator?: undefined;
+            } | {
+                validator: (rule: any, value: any, callback: any) => void;
+                trigger: string;
+                required?: undefined;
+                message?: undefined;
+            })[];
+        };
+        placeholder: string;
+    };
+    mobile_phone: {
+        label: string;
+        nameComponent: string;
+        rule: {
+            mobile_phone: {
+                required: boolean;
+                message: string;
+                trigger: string;
+            }[];
+        };
+    };
+    password: {
+        label: string;
+        nameComponent: string;
+        type: string;
+        placeholder: string;
+        autocomplete: string;
+        rule: {
+            password: ({
+                required: boolean;
+                message: string;
+                trigger: string;
+                validator?: undefined;
+            } | {
+                validator: (rule: any, value: any, callback: any) => void;
+                trigger: string;
+                required?: undefined;
+                message?: undefined;
+            })[];
+        };
+    };
+    term: {
+        label: string;
+        nameComponent: string;
+        classComponent: string;
+        classFormItem: string;
+        rule: {
+            term: {
+                validator: (rule: any, value: any, callback: any) => void;
+                trigger: string;
+            }[];
+        };
+    };
+    policy: {
+        label: string;
+        nameComponent: string;
+        classComponent: string;
+        classFormItem: string;
+        rule: {
+            policy: {
+                validator: (rule: any, value: any, callback: any) => void;
+                trigger: string;
+            }[];
+        };
+    };
+};
+export declare const template = "\n<div>\n  <eaera-form v-bind=\"args\">\n    <template #bottom_row_item_email>\n      <div class=\"flex items-center absolute left-0 pt-1 top-full\" v-if=\"errorExistMail\">\n        <IconErrorValidate /><span class=\"text-sm\">{{ errorExistMail }}</span>\n      </div>\n    </template>\n    <template #bottom_row_item_password>\n      <eaera-tooltip\n        :visible=\"visible\"\n        effect=\"light\"\n        class=\"tooltip--custom\"\n        ref=\"tooltipRef\"\n        :placement=\"positionPlacement\"\n        :virtual-ref=\"inputRef\"\n        virtual-triggering\n      >\n        <template #content>\n          <div class=\"password-strength\">\n            <p class=\"mb-0 text-base font-semibold\">\n              Password strength:\n              <span\n                class=\"text-base font-semibold\"\n                :class=\"\n                  calcPoint == 0\n                    ? ''\n                    : calcPoint == 1 || calcPoint == 2 || calcPoint == 3\n                      ? 'Weak'\n                      : calcPoint == 4\n                        ? 'Average'\n                        : 'Strong'\n                \"\n              >\n                {{\n                  calcPoint == 0\n                    ? ''\n                    : calcPoint == 1 || calcPoint == 2 || calcPoint == 3\n                      ? ' Weak'\n                      : calcPoint == 4\n                        ? 'Average'\n                        : 'Strong'\n                }}\n              </span>\n            </p>\n            <div class=\"strength-level-tests\">\n              <div class=\"strength-level-test\" :class=\"calcPoint >= 1 ? 'bg-success' : ''\" />\n              <div class=\"strength-level-test\" :class=\"calcPoint >= 4 ? 'bg-success' : ''\" />\n              <div class=\"strength-level-test\" :class=\"calcPoint >= 5 ? 'bg-success' : ''\" />\n            </div>\n          </div>\n          <div class=\"mt-2\">\n            <p class=\"mb-0 text-base font-semibold\">Must have:</p>\n            <div v-for=\"(valid, index) in passwordValidList\" :key=\"index\">\n              <p\n                :class=\"\n                  form.password?.length > 0 && passwordFunctions(valid.name)\n                    ? 'text-success'\n                    : 'text-danger'\n                \"\n                class=\"mb-1 h-4 font-normal text-sm leading-[120%]\"\n              >\n                <span\n                  v-if=\"valid.title != 'Optional: 1 special character (!@#$%^)'\"\n                  class=\"flex items-center\"\n                >\n                  <ActiveStateDot4\n                    width=\"4\"\n                    height=\"4\"\n                    viewBox=\"0 0 4 4\"\n                    v-if=\"form.password?.length > 0 && passwordFunctions(valid.name)\"\n                  />\n                  <DangerStateDot4 width=\"4\" height=\"4\" viewBox=\"0 0 4 4\" v-else />\n                  <span class=\"ml-1\">\n                    {{ valid.title }}\n                  </span>\n                </span>\n                <span v-else class=\"flex items-center\">\n                  <ActiveStateDot4\n                    width=\"4\"\n                    height=\"4\"\n                    viewBox=\"0 0 4 4\"\n                    v-if=\"form.password.match(/[!@#$%^]/)\"\n                  />\n                  <DisabledStateDot4 width=\"4\" height=\"4\" viewBox=\"0 0 4 4\" v-else />\n\n                  <span\n                    class=\"ml-1\"\n                    :class=\"\n                      form.password.match(/[!@#$%^]/) ? 'text-success' : 'text-pw-valid--gray'\n                    \"\n                  >\n                    {{ valid.title }}\n                  </span>\n                </span>\n              </p>\n            </div>\n          </div>\n        </template>\n      </eaera-tooltip>\n    </template>\n    <template #body_row_item_term>\n      <span class=\"text-slate-400 text-sm mt-10\" id=\"register-policy\">\n        <span>{{ $t('register.i-accept-the', { companyName: companyName }) }}</span>\n        <a target=\"_blank\" class=\"text-primary\">\n          {{ $t('register.terms-and-conditions') }}\n        </a>\n        {{ $t('register.of-company', { companyName: companyName }) }}\n        <a target=\"_blank\" class=\"text-primary\">\n          {{ $t('register.risk-disclosure') }}.</a\n        >\n      </span>\n      <br />\n    </template>\n    <template #body_row_item_policy>\n      <span class=\"text-slate-400 text-sm mt-10\" id=\"register-policy\">\n        <span>{{ $t('register.i-acknowledge') }}</span>\n        <a :href=\"documents?.['Privacy Policy']\" target=\"_blank\" class=\"text-primary\">\n          {{ $t('register.privacy-policy') }}</a\n        >\n        {{ $t('register.and') }}\n        <a :href=\"documents?.['Cookie Policy']\" target=\"_blank\" class=\"text-primary\"\n          >{{ $t('register.cookie-policy') }}.</a\n        >\n      </span>\n      <br />\n    </template>\n    <template #footer>\n      <eaera-button\n        @click=\"formRegisterRef?.submitForm()\"\n        className=\"w-full mb-8\"\n        :loading=\"isLoadingBtnSignUp\"\n      >\n        {{ $t('register.button-sign-up') }}\n      </eaera-button>\n    </template>\n  </eaera-form>\n</div>\n";

package/dist/src/stories/Icon/EaeraSvg.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import EaeraSvg from '@/components/EaeraSvg.vue';
+declare const meta: Meta<typeof EaeraSvg>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/stories/Image/EaeraImage.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/vue3/*';
+import EaeraImage from '@/components/EaeraImage.vue';
+declare const meta: Meta<typeof EaeraImage>;
+export default meta;
+export declare const Image: StoryObj<typeof meta>;
+export declare const fit: () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export declare const lazyLoading: () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

package/dist/src/stories/Image/showcase/Fit.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/src/stories/Image/showcase/LazyLoading.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/src/stories/Image/showcase/index.d.ts

@@ -0,0 +1,3 @@
+import Fit from './Fit.vue';
+import LazyLoading from './LazyLoading.vue';
+export { Fit, LazyLoading };