@kiva/kv-components 7.6.2 → 8.0.0

package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.vue.d.ts

@@ -0,0 +1,319 @@
+import { PropType } from 'vue';
+import { LendMenuSearch } from './KvLendMenuSearchList.vue';
+import { default as paramCase } from '../../../utils/paramCase';
+export interface Category {
+    name: string;
+    url: string;
+}
+export interface Region {
+    name: string;
+    countries: any[];
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    categories: {
+        type: PropType<Category[]>;
+        default: () => any[];
+    };
+    favorites: {
+        type: NumberConstructor;
+        default: number;
+    };
+    userId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    regions: {
+        type: PropType<Region[]>;
+        default: () => any[];
+    };
+    searches: {
+        type: PropType<LendMenuSearch[]>;
+        default: () => any[];
+    };
+    isRegionsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isChannelsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMGUpsellLink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    countriesNotLentToUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    mdiArrowRight: string;
+    hasSearches: import('vue').ComputedRef<boolean>;
+    navLendCategories: import('vue').Ref<any, any>;
+    regionAccordions: import('vue').Ref<any[], any[]>;
+    searchesLink: import('vue').Ref<any, any>;
+    onClose: () => void;
+    paramCase: typeof paramCase;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    categories: {
+        type: PropType<Category[]>;
+        default: () => any[];
+    };
+    favorites: {
+        type: NumberConstructor;
+        default: number;
+    };
+    userId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    regions: {
+        type: PropType<Region[]>;
+        default: () => any[];
+    };
+    searches: {
+        type: PropType<LendMenuSearch[]>;
+        default: () => any[];
+    };
+    isRegionsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isChannelsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMGUpsellLink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    countriesNotLentToUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    searches: LendMenuSearch[];
+    categories: Category[];
+    favorites: number;
+    userId: number;
+    regions: Region[];
+    isRegionsLoading: boolean;
+    isChannelsLoading: boolean;
+    showMGUpsellLink: boolean;
+    countriesNotLentToUrl: string;
+}, {}, {
+    KvAccordionItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+            validator: (v: string) => boolean;
+        };
+        open: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        collapse: () => void;
+        expand: () => void;
+        isOpen: import('vue').Ref<boolean, boolean>;
+        mdiChevronDown: string;
+        toggle: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggle"[], "toggle", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+            validator: (v: string) => boolean;
+        };
+        open: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onToggle?: (...args: any[]) => any;
+    }>, {
+        open: boolean;
+        disabled: boolean;
+    }, {}, {
+        KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            icon: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        KvExpandable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            property: {
+                type: StringConstructor;
+                default: string;
+            };
+            delay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            easing: {
+                type: StringConstructor;
+                default: string;
+            };
+            skipEnter: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            skipLeave: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            enter: (el: any, done: any) => any;
+            leave: (el: any, done: any) => any;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            property: {
+                type: StringConstructor;
+                default: string;
+            };
+            delay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            easing: {
+                type: StringConstructor;
+                default: string;
+            };
+            skipEnter: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            skipLeave: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            property: string;
+            delay: number;
+            easing: string;
+            skipEnter: boolean;
+            skipLeave: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvTab: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        forPanel: {
+            type: StringConstructor;
+            required: true;
+        };
+        selected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        vertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        isActive: import('vue').ComputedRef<boolean>;
+        handleTabClicked: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        forPanel: {
+            type: StringConstructor;
+            required: true;
+        };
+        selected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        vertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        vertical: boolean;
+        selected: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvTabPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>, {
+        isActive: import('vue').ComputedRef<boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvTabs: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        vertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        handleKeyDown: (event: any) => void;
+        selectedTabEl: import('vue').ComputedRef<any>;
+        tabContext: {
+            selectedIndex: number;
+            setTab: any;
+            navItems: any[];
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        vertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        vertical: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLendMenuCountryList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        countries: {
+            type: PropType<import('./KvLendMenuCountryList.vue').LendMenuCountry[]>;
+            default: () => any[];
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        countries: {
+            type: PropType<import('./KvLendMenuCountryList.vue').LendMenuCountry[]>;
+            default: () => any[];
+        };
+    }>> & Readonly<{}>, {
+        countries: import('./KvLendMenuCountryList.vue').LendMenuCountry[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLendMenuSearchList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        searches: {
+            type: PropType<LendMenuSearch[]>;
+            default: () => any[];
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        searches: {
+            type: PropType<LendMenuSearch[]>;
+            default: () => any[];
+        };
+    }>> & Readonly<{}>, {
+        searches: LendMenuSearch[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        icon: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu2.js

@@ -0,0 +1,82 @@
+import { mdiArrowRight as y } from "@mdi/js";
+import { ref as a, computed as h } from "vue";
+import g from "../../KvAccordionItem.js";
+import L from "../../KvLoadingPlaceholder.js";
+import c from "./KvLendMenuCountryList.js";
+import K from "./KvLendMenuSearchList.js";
+import b from "../../KvTab.js";
+import C from "../../KvTabPanel.js";
+import A from "../../KvTabs.js";
+import T from "../../../utils/paramCase.js";
+import M from "../../KvMaterialIcon.js";
+const j = {
+  components: {
+    KvAccordionItem: g,
+    KvTab: b,
+    KvTabPanel: C,
+    KvTabs: A,
+    KvLendMenuCountryList: c,
+    KvLendMenuSearchList: K,
+    KvLoadingPlaceholder: L,
+    KvMaterialIcon: M
+  },
+  props: {
+    categories: {
+      type: Array,
+      default: () => []
+    },
+    favorites: {
+      type: Number,
+      default: 0
+    },
+    userId: {
+      type: Number,
+      default: null
+    },
+    regions: {
+      type: Array,
+      default: () => []
+    },
+    searches: {
+      type: Array,
+      default: () => []
+    },
+    isRegionsLoading: {
+      type: Boolean,
+      default: !0
+    },
+    isChannelsLoading: {
+      type: Boolean,
+      default: !0
+    },
+    showMGUpsellLink: {
+      type: Boolean,
+      default: !1
+    },
+    countriesNotLentToUrl: {
+      type: String,
+      default: "/lend/countries-not-lent"
+    }
+  },
+  setup(d) {
+    const s = a(null), l = a([]), n = a(null), v = h(() => d.searches.length > 0);
+    return {
+      mdiArrowRight: y,
+      hasSearches: v,
+      navLendCategories: s,
+      regionAccordions: l,
+      searchesLink: n,
+      onClose: () => {
+        var m, t, p, o, u, r, i;
+        (p = (t = (m = s.value) == null ? void 0 : m.tabContext) == null ? void 0 : t.setTab) == null || p.call(t, 0), (u = (o = l.value) == null ? void 0 : o.forEach) == null || u.call(o, (e) => {
+          var f;
+          (f = e == null ? void 0 : e.collapse) == null || f.call(e);
+        }), (i = (r = n.value) == null ? void 0 : r.collapse) == null || i.call(r);
+      },
+      paramCase: T
+    };
+  }
+};
+export {
+  j as default
+};

package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu.css

@@ -1 +1 @@
-.menu-heading[data-v-0c9de865]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-0c9de865]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-0c9de865]{font-weight:400}.region-list[data-v-0c9de865],.search-list[data-v-0c9de865]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-0c9de865]{display:inline-block;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mega-menu-link[data-v-0c9de865]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}.link-item[data-v-0c9de865]{width:11rem;text-decoration-line:none}.link-item[data-v-0c9de865]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
+.menu-heading[data-v-3e49579c]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-3e49579c]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-3e49579c]{font-weight:400}.region-list[data-v-3e49579c],.search-list[data-v-3e49579c]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-3e49579c]{display:inline-block;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mega-menu-link[data-v-3e49579c]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}.link-item[data-v-3e49579c]{width:11rem;text-decoration-line:none}.link-item[data-v-3e49579c]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}