@resee-movies/nuxt-ux 0.13.1 → 0.15.0

package/dist/runtime/components/ReseeWordLogo.vue

@@ -0,0 +1,53 @@
+<template>
+  <div
+    class       = "flex items-center"
+    :class      = "{
+  'gap-1': props.size === 'xs' || props.size === 'sm',
+  'gap-1 lg:gap-2': props.size === 'lg' || props.size === 'responsive'
+}"
+  >
+    <div
+      v-if   = "props.showLogo"
+      :class = "['logo', 'aspect-square', imageSizes.logo]"
+    />
+
+    <div
+      v-if   = "props.showName"
+      :class = "['name', 'aspect-[3.875/1]', imageSizes.name]"
+    />
+  </div>
+</template>
+
+<script>
+
+</script>
+
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  showLogo: { type: Boolean, required: false, default: true },
+  showName: { type: Boolean, required: false, default: true },
+  size: { type: String, required: false, default: "responsive" }
+});
+const imageSizes = computed(() => {
+  switch (props.size) {
+    case "lg":
+      return { logo: "h-10", name: "h-8" };
+    case "md":
+      return { logo: "h-8", name: "h-6" };
+    case "sm":
+      return { logo: "h-6", name: "h-4" };
+    case "xs":
+      return { logo: "h-5", name: "h-3" };
+    default:
+      return {
+        logo: "h-8 lg:h-10",
+        name: "h-6 lg:h-8"
+      };
+  }
+});
+</script>
+
+<style scoped>
+@reference "tailwindcss";.logo,.name{background-repeat:no-repeat;background-size:contain}.logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 32 32'%3E%3Cg data-name='Icon_Black/Color'%3E%3Cpath d='M15.84 32a.52.52 0 0 1-.52-.53l.1-8.73a.52.52 0 0 1 .53-.52.53.53 0 0 1 .52.54l-.1 8.72a.53.53 0 0 1-.53.52M10.27 30.89a.6.6 0 0 1-.19 0 .53.53 0 0 1-.3-.69L13 22.07a.52.52 0 0 1 .68-.29.53.53 0 0 1 .3.68l-3.25 8.1a.52.52 0 0 1-.46.33M5.48 27.85a.54.54 0 0 1-.36-.14.53.53 0 0 1 0-.75L11 20.58a.53.53 0 0 1 .75 0 .52.52 0 0 1 0 .74l-5.88 6.36a.56.56 0 0 1-.39.17M2.11 23.28a.54.54 0 0 1-.48-.3.53.53 0 0 1 .25-.7l7.85-3.8a.53.53 0 1 1 .46.95l-7.85 3.8a.6.6 0 0 1-.23.05M.62 17.8a.53.53 0 0 1 0-1.05L9.27 16a.53.53 0 0 1 .09 1.06l-8.7.7ZM9.57 14.64h-.15l-8.36-2.5a.54.54 0 0 1-.36-.66.53.53 0 0 1 .66-.36l8.36 2.48a.53.53 0 0 1-.15 1ZM10.7 12.44a.57.57 0 0 1-.33-.11L3.47 7a.53.53 0 0 1 .65-.83L11 11.49a.53.53 0 0 1 .09.74.51.51 0 0 1-.39.21M12.54 10.79a.53.53 0 0 1-.45-.25L7.58 3.07a.52.52 0 0 1 .18-.72.54.54 0 0 1 .73.18L13 10a.53.53 0 0 1-.18.73.5.5 0 0 1-.28.06M14.85 9.93a.52.52 0 0 1-.51-.44L12.83.9a.53.53 0 0 1 1-.18l1.51 8.59a.53.53 0 0 1-.43.61ZM17.33 10h-.11a.53.53 0 0 1-.41-.62l1.7-8.61a.53.53 0 1 1 1 .21l-1.7 8.55a.53.53 0 0 1-.48.47M19.62 10.88a.47.47 0 0 1-.28-.09.53.53 0 0 1-.17-.73l4.68-7.36a.53.53 0 1 1 .89.57l-4.67 7.36a.54.54 0 0 1-.45.25M21.43 12.56a.54.54 0 0 1-.43-.21.54.54 0 0 1 .11-.74l7-5.18a.54.54 0 0 1 .74.11.52.52 0 0 1-.11.74l-7 5.18a.5.5 0 0 1-.31.1M22.5 14.79a.54.54 0 0 1-.5-.39.53.53 0 0 1 .38-.65l8.41-2.29a.53.53 0 0 1 .28 1l-8.42 2.29ZM31.38 18.15h-.05l-8.68-.9a.53.53 0 0 1-.47-.58.53.53 0 0 1 .58-.47l8.68.9a.53.53 0 0 1-.06 1ZM29.76 23.6a.5.5 0 0 1-.24-.06l-7.76-4a.53.53 0 0 1 .48-.94l7.77 4a.53.53 0 0 1-.25 1M26.29 28.09a.51.51 0 0 1-.39-.18l-5.8-6.51a.53.53 0 0 1 0-.75.53.53 0 0 1 .74 0l5.81 6.52a.52.52 0 0 1-.05.74.52.52 0 0 1-.31.18M21.43 31a.53.53 0 0 1-.49-.34l-3.06-8.17a.53.53 0 0 1 1-.37l3.06 8.17a.54.54 0 0 1-.31.68.6.6 0 0 1-.2.03'/%3E%3Cpath d='M15.89 28.12a.86.86 0 0 1-.86-.88l.05-4.5a.86.86 0 0 1 .87-.86.86.86 0 0 1 .86.88v4.5a.86.86 0 0 1-.92.86' style='fill:%23189332'/%3E%3Cpath d='M12 26.86a1 1 0 0 1-.33-.06.87.87 0 0 1-.48-1.14l1.49-3.72a.87.87 0 0 1 1.62.65l-1.49 3.72a.89.89 0 0 1-.81.55' style='fill:%23138c3b'/%3E%3Cpath d='M8.84 24.59a.85.85 0 0 1-.6-.23.87.87 0 0 1 0-1.23l2.59-2.78a.87.87 0 0 1 1.23 0 .86.86 0 0 1 .05 1.23l-2.63 2.74a.9.9 0 0 1-.64.27' style='fill:%23149889'/%3E%3Cpath d='M6.46 21.52a.87.87 0 0 1-.38-1.66l3.5-1.69a.87.87 0 1 1 .76 1.57l-3.5 1.69a.9.9 0 0 1-.38.09' style='fill:%2317a2c4'/%3E%3Cpath d='M5 17.79a.87.87 0 0 1 0-1.74l4.27-.35a.87.87 0 1 1 .14 1.74l-4.27.34Z' style='fill:%231d73b2'/%3E%3Cpath d='M9.57 15a1 1 0 0 1-.25 0l-4.74-1.46A.88.88 0 0 1 4 12.46a.87.87 0 0 1 1.09-.59l4.74 1.4a.89.89 0 0 1 .59 1.09.88.88 0 0 1-.85.64' style='fill:%23191384'/%3E%3Cpath d='M10.7 12.78a.9.9 0 0 1-.54-.18L5.55 9a.87.87 0 1 1 1.06-1.35l4.62 3.57a.87.87 0 0 1-.53 1.56' style='fill:%23230f82'/%3E%3Cpath d='M12.54 11.14a.89.89 0 0 1-.75-.42L8.25 4.85A.87.87 0 0 1 9.75 4l3.54 5.87A.87.87 0 0 1 13 11a.84.84 0 0 1-.46.14' style='fill:%236d298c'/%3E%3Cpath d='M14.85 10.27a.87.87 0 0 1-.85-.72L12.64 1.8a.87.87 0 0 1 1.72-.3l1.35 7.75a.87.87 0 0 1-.7 1Z' style='fill:%23932a5f'/%3E%3Cpath d='M17.33 10.3a.5.5 0 0 1-.17 0 .87.87 0 0 1-.69-1l1.7-8.6a.87.87 0 0 1 1.71.3l-1.7 8.6a.87.87 0 0 1-.85.7' style='fill:%23de1c1b'/%3E%3Cpath d='M19.62 11.22a.83.83 0 0 1-.47-.14.88.88 0 0 1-.27-1.2l4.68-7.36a.87.87 0 0 1 1.44.93l-4.67 7.36a.87.87 0 0 1-.71.41' style='fill:%23ee310e'/%3E%3Cpath d='M21.43 12.91a.88.88 0 0 1-.52-1.58l7-5.18a.88.88 0 0 1 1 1.41l-7 5.18a.9.9 0 0 1-.48.17' style='fill:%23fa440f'/%3E%3Cpath d='M22.5 15.13a.87.87 0 0 1-.23-1.71l8.42-2.3a.88.88 0 0 1 .46 1.69l-8.42 2.29a.9.9 0 0 1-.23.03' style='fill:%23f86010'/%3E%3Cpath d='M30.88 18.44h-.09l-8.18-.85a.88.88 0 0 1 .19-1.74l8.2.85a.87.87 0 0 1-.09 1.74Z' style='fill:%23f77511'/%3E%3Cpath d='M28.45 23.27a.85.85 0 0 1-.4-.1l-6.45-3.3a.87.87 0 0 1-.37-1.18.86.86 0 0 1 1.17-.38l6.45 3.31a.87.87 0 0 1 .38 1.17.89.89 0 0 1-.78.48' style='fill:%23f9c611'/%3E%3Cpath d='M24.62 26.56a.85.85 0 0 1-.65-.3l-4.13-4.63a.88.88 0 0 1 .07-1.24.87.87 0 0 1 1.23.08l4.13 4.63a.87.87 0 0 1-.07 1.23.85.85 0 0 1-.58.23' style='fill:%23f9ea17'/%3E%3Cpath d='M20.22 28.12a.87.87 0 0 1-.82-.57l-1.84-4.92a.87.87 0 1 1 1.63-.63L21 26.94a.87.87 0 0 1-.52 1.12.8.8 0 0 1-.26.06' style='fill:%239dcb1e'/%3E%3C/g%3E%3C/svg%3E")}.name{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124.27 31.61'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23050404}%3C/style%3E%3C/defs%3E%3Cg id='ReSee_Wordmark'%3E%3Cg id='Wordmark_Black'%3E%3Cpath d='M11.29 20.1H6.51v11H0V.46h14.31c6.38 0 10.28 4.17 10.28 9.86 0 5.42-3.39 8.31-6.7 9.09l6.89 11.65H17.3Zm2.06-14H6.51v8.4h6.84c2.62 0 4.59-1.65 4.59-4.22S16 6.06 13.35 6.06ZM37.25 8.35c6.61 0 11.1 5 11.1 12.2v1.29H31.88c.37 2.8 2.62 5.14 6.38 5.14a9.06 9.06 0 0 0 5.92-2.21l2.57 3.77a13.68 13.68 0 0 1-9.13 3.07c-6.75 0-11.84-4.54-11.84-11.65A11.28 11.28 0 0 1 37.25 8.35m-5.46 9.54h10.92A5.14 5.14 0 0 0 37.25 13a5.33 5.33 0 0 0-5.46 4.89M53.4 21.79a13.38 13.38 0 0 0 9.72 4.13c3.58 0 5.33-1.7 5.33-3.44 0-2.29-2.67-3.07-6.2-3.9-5-1.15-11.42-2.52-11.42-9.36 0-5.09 4.4-9.22 11.6-9.22a17 17 0 0 1 11.93 4.27L70.74 9A13 13 0 0 0 62 5.69c-2.94 0-4.5 1.28-4.5 3.12 0 2.06 2.57 2.71 6.1 3.53 5 1.15 11.47 2.66 11.47 9.45 0 5.6-4 9.82-12.25 9.82-5.87 0-10.09-2-13-4.86ZM88.58 8.35c6.61 0 11.1 5 11.1 12.2v1.29H83.21c.37 2.8 2.62 5.14 6.38 5.14a9 9 0 0 0 5.92-2.21l2.57 3.77A13.68 13.68 0 0 1 89 31.61c-6.75 0-11.84-4.54-11.84-11.65A11.28 11.28 0 0 1 88.58 8.35m-5.46 9.54H94A5.13 5.13 0 0 0 88.58 13a5.33 5.33 0 0 0-5.46 4.89M113.17 8.35c6.61 0 11.1 5 11.1 12.2v1.29H107.8c.37 2.8 2.62 5.14 6.38 5.14a9.06 9.06 0 0 0 5.92-2.21l2.57 3.77a13.68 13.68 0 0 1-9.13 3.07c-6.75 0-11.84-4.54-11.84-11.65a11.27 11.27 0 0 1 11.47-11.61m-5.46 9.54h10.92a5.14 5.14 0 0 0-5.46-4.89 5.33 5.33 0 0 0-5.46 4.89' class='cls-1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}@variant dark{.logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fff}%3C/style%3E%3C/defs%3E%3Cg id='ReSee_Icon'%3E%3Cg id='Icon_White_Color' data-name='Icon_White/Color'%3E%3Cpath d='M15.84 32a.52.52 0 0 1-.52-.53l.1-8.73a.52.52 0 0 1 .53-.52.53.53 0 0 1 .52.54l-.1 8.72a.53.53 0 0 1-.53.52M10.27 30.89a.6.6 0 0 1-.19 0 .53.53 0 0 1-.3-.69L13 22.07a.52.52 0 0 1 .68-.29.53.53 0 0 1 .3.68l-3.25 8.1a.52.52 0 0 1-.46.33M5.48 27.85a.54.54 0 0 1-.36-.14.53.53 0 0 1 0-.75L11 20.58a.53.53 0 0 1 .75 0 .52.52 0 0 1 0 .74l-5.88 6.36a.56.56 0 0 1-.39.17M2.11 23.28a.54.54 0 0 1-.48-.3.53.53 0 0 1 .25-.7l7.85-3.8a.53.53 0 1 1 .46.95l-7.85 3.8a.6.6 0 0 1-.23.05M.62 17.8a.53.53 0 0 1 0-1.05L9.27 16a.53.53 0 0 1 .09 1.06l-8.7.7ZM9.57 14.64h-.15l-8.36-2.5a.54.54 0 0 1-.36-.66.53.53 0 0 1 .66-.36l8.36 2.48a.53.53 0 0 1-.15 1ZM10.7 12.44a.57.57 0 0 1-.33-.11L3.47 7a.53.53 0 0 1 .65-.83L11 11.49a.53.53 0 0 1 .09.74.51.51 0 0 1-.39.21M12.54 10.79a.53.53 0 0 1-.45-.25L7.58 3.07a.52.52 0 0 1 .18-.72.54.54 0 0 1 .73.18L13 10a.53.53 0 0 1-.18.73.5.5 0 0 1-.28.06M14.85 9.93a.52.52 0 0 1-.51-.44L12.83.9a.53.53 0 0 1 1-.18l1.51 8.59a.53.53 0 0 1-.43.61ZM17.33 10h-.11a.53.53 0 0 1-.41-.62l1.7-8.61a.53.53 0 1 1 1 .21l-1.7 8.55a.53.53 0 0 1-.48.47M19.62 10.88a.47.47 0 0 1-.28-.09.53.53 0 0 1-.17-.73l4.68-7.36a.53.53 0 1 1 .89.57l-4.67 7.36a.54.54 0 0 1-.45.25M21.43 12.56a.54.54 0 0 1-.43-.21.54.54 0 0 1 .11-.74l7-5.18a.54.54 0 0 1 .74.11.52.52 0 0 1-.11.74l-7 5.18a.5.5 0 0 1-.31.1M22.5 14.79a.54.54 0 0 1-.5-.39.53.53 0 0 1 .38-.65l8.41-2.29a.53.53 0 0 1 .28 1l-8.42 2.29ZM31.38 18.15h-.05l-8.68-.9a.53.53 0 0 1-.47-.58.53.53 0 0 1 .58-.47l8.68.9a.53.53 0 0 1-.06 1ZM29.76 23.6a.5.5 0 0 1-.24-.06l-7.76-4a.53.53 0 0 1 .48-.94l7.77 4a.53.53 0 0 1-.25 1M26.29 28.09a.51.51 0 0 1-.39-.18l-5.8-6.51a.53.53 0 0 1 0-.75.53.53 0 0 1 .74 0l5.81 6.52a.52.52 0 0 1-.05.74.52.52 0 0 1-.31.18M21.43 31a.53.53 0 0 1-.49-.34l-3.06-8.17a.53.53 0 0 1 1-.37l3.06 8.17a.54.54 0 0 1-.31.68.6.6 0 0 1-.2.03' class='cls-1'/%3E%3Cpath d='M15.89 28.12a.86.86 0 0 1-.86-.88l.05-4.5a.86.86 0 0 1 .87-.86.86.86 0 0 1 .86.88v4.5a.86.86 0 0 1-.92.86' style='fill:%23189332'/%3E%3Cpath d='M12 26.86a1 1 0 0 1-.33-.06.87.87 0 0 1-.48-1.14l1.49-3.72a.87.87 0 0 1 1.62.65l-1.49 3.72a.89.89 0 0 1-.81.55' style='fill:%23138c3b'/%3E%3Cpath d='M8.84 24.59a.85.85 0 0 1-.6-.23.87.87 0 0 1 0-1.23l2.59-2.78a.87.87 0 0 1 1.23 0 .86.86 0 0 1 .05 1.23l-2.63 2.74a.9.9 0 0 1-.64.27' style='fill:%23149889'/%3E%3Cpath d='M6.46 21.52a.87.87 0 0 1-.38-1.66l3.5-1.69a.87.87 0 1 1 .76 1.57l-3.5 1.69a.9.9 0 0 1-.38.09' style='fill:%2317a2c4'/%3E%3Cpath d='M5 17.79a.87.87 0 0 1 0-1.74l4.27-.35a.87.87 0 1 1 .14 1.74l-4.27.34Z' style='fill:%231d73b2'/%3E%3Cpath d='M9.57 15a1 1 0 0 1-.25 0l-4.74-1.46A.88.88 0 0 1 4 12.46a.87.87 0 0 1 1.09-.59l4.74 1.4a.89.89 0 0 1 .59 1.09.88.88 0 0 1-.85.64' style='fill:%23191384'/%3E%3Cpath d='M10.7 12.78a.9.9 0 0 1-.54-.18L5.55 9a.87.87 0 1 1 1.06-1.35l4.62 3.57a.87.87 0 0 1-.53 1.56' style='fill:%23230f82'/%3E%3Cpath d='M12.54 11.14a.89.89 0 0 1-.75-.42L8.25 4.85A.87.87 0 0 1 9.75 4l3.54 5.87A.87.87 0 0 1 13 11a.84.84 0 0 1-.46.14' style='fill:%236d298c'/%3E%3Cpath d='M14.85 10.27a.87.87 0 0 1-.85-.72L12.64 1.8a.87.87 0 0 1 1.72-.3l1.35 7.75a.87.87 0 0 1-.7 1Z' style='fill:%23932a5f'/%3E%3Cpath d='M17.33 10.3a.5.5 0 0 1-.17 0 .87.87 0 0 1-.69-1l1.7-8.6a.87.87 0 0 1 1.71.3l-1.7 8.6a.87.87 0 0 1-.85.7' style='fill:%23de1c1b'/%3E%3Cpath d='M19.62 11.22a.83.83 0 0 1-.47-.14.88.88 0 0 1-.27-1.2l4.68-7.36a.87.87 0 0 1 1.44.93l-4.67 7.36a.87.87 0 0 1-.71.41' style='fill:%23ee310e'/%3E%3Cpath d='M21.43 12.91a.88.88 0 0 1-.52-1.58l7-5.18a.88.88 0 0 1 1 1.41l-7 5.18a.9.9 0 0 1-.48.17' style='fill:%23fa440f'/%3E%3Cpath d='M22.5 15.13a.87.87 0 0 1-.23-1.71l8.42-2.3a.88.88 0 0 1 .46 1.69l-8.42 2.29a.9.9 0 0 1-.23.03' style='fill:%23f86010'/%3E%3Cpath d='M30.88 18.44h-.09l-8.18-.85a.88.88 0 0 1 .19-1.74l8.2.85a.87.87 0 0 1-.09 1.74Z' style='fill:%23f77511'/%3E%3Cpath d='M28.45 23.27a.85.85 0 0 1-.4-.1l-6.45-3.3a.87.87 0 0 1-.37-1.18.86.86 0 0 1 1.17-.38l6.45 3.31a.87.87 0 0 1 .38 1.17.89.89 0 0 1-.78.48' style='fill:%23f9c611'/%3E%3Cpath d='M24.62 26.56a.85.85 0 0 1-.65-.3l-4.13-4.63a.88.88 0 0 1 .07-1.24.87.87 0 0 1 1.23.08l4.13 4.63a.87.87 0 0 1-.07 1.23.85.85 0 0 1-.58.23' style='fill:%23f9ea17'/%3E%3Cpath d='M20.22 28.12a.87.87 0 0 1-.82-.57l-1.84-4.92a.87.87 0 1 1 1.63-.63L21 26.94a.87.87 0 0 1-.52 1.12.8.8 0 0 1-.26.06' style='fill:%239dcb1e'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.name{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124.27 31.61'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fff}%3C/style%3E%3C/defs%3E%3Cg id='ReSee_Wordmark'%3E%3Cg id='Wordmark_White'%3E%3Cpath d='M11.29 20.1H6.51v11H0V.46h14.31c6.38 0 10.28 4.17 10.28 9.86 0 5.42-3.39 8.31-6.7 9.09l6.89 11.65H17.3Zm2.06-14H6.51v8.4h6.84c2.62 0 4.59-1.65 4.59-4.22S16 6.06 13.35 6.06ZM37.25 8.35c6.61 0 11.1 5 11.1 12.2v1.29H31.88c.37 2.8 2.62 5.14 6.38 5.14a9.06 9.06 0 0 0 5.92-2.21l2.57 3.77a13.68 13.68 0 0 1-9.13 3.07c-6.75 0-11.84-4.54-11.84-11.65A11.28 11.28 0 0 1 37.25 8.35m-5.46 9.54h10.92A5.14 5.14 0 0 0 37.25 13a5.33 5.33 0 0 0-5.46 4.89M53.4 21.79a13.38 13.38 0 0 0 9.72 4.13c3.58 0 5.33-1.7 5.33-3.44 0-2.29-2.67-3.07-6.2-3.9-5-1.15-11.42-2.52-11.42-9.36 0-5.09 4.4-9.22 11.6-9.22a17 17 0 0 1 11.93 4.27L70.74 9A13 13 0 0 0 62 5.69c-2.94 0-4.5 1.28-4.5 3.12 0 2.06 2.57 2.71 6.1 3.53 5 1.15 11.47 2.66 11.47 9.45 0 5.6-4 9.82-12.25 9.82-5.87 0-10.09-2-13-4.86ZM88.58 8.35c6.61 0 11.1 5 11.1 12.2v1.29H83.21c.37 2.8 2.62 5.14 6.38 5.14a9 9 0 0 0 5.92-2.21l2.57 3.77A13.68 13.68 0 0 1 89 31.61c-6.75 0-11.84-4.54-11.84-11.65A11.28 11.28 0 0 1 88.58 8.35m-5.46 9.54H94A5.13 5.13 0 0 0 88.58 13a5.33 5.33 0 0 0-5.46 4.89M113.17 8.35c6.61 0 11.1 5 11.1 12.2v1.29H107.8c.37 2.8 2.62 5.14 6.38 5.14a9.06 9.06 0 0 0 5.92-2.21l2.57 3.77a13.68 13.68 0 0 1-9.13 3.07c-6.75 0-11.84-4.54-11.84-11.65a11.27 11.27 0 0 1 11.47-11.61m-5.46 9.54h10.92a5.14 5.14 0 0 0-5.46-4.89 5.33 5.33 0 0 0-5.46 4.89' class='cls-1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}}
+</style>

package/dist/runtime/components/ReseeWordLogo.vue.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The ReseeWordLogo component displays the ReSee Movies color wheel logo,
+ * and/or the "ReSee" word mark side-by-side.
+ */
+export interface ReseeWordLogoProps {
+    showLogo?: boolean;
+    showName?: boolean;
+    size?: 'lg' | 'md' | 'sm' | 'xs' | 'responsive';
+}
+declare const __VLS_export: import("vue").DefineComponent<ReseeWordLogoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ReseeWordLogoProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ScrollPinnedContainer.vue

@@ -0,0 +1,33 @@
+<template>
+  <div :class="{ pinned: !props.disabled }">
+    <slot />
+  </div>
+</template>
+
+<script>
+
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useGlobalHeaderState } from "../composables/use-global-header-state";
+const props = defineProps({
+  top: { type: Number, required: false, default: 24 },
+  disabled: { type: Boolean, required: false, default: false }
+});
+const {
+  headerHeight,
+  subheaderHeight,
+  isHeaderPulledDown
+} = useGlobalHeaderState();
+const topOffset = computed(() => {
+  if (props.disabled) {
+    return 0;
+  }
+  return isHeaderPulledDown.value ? headerHeight.value + props.top : subheaderHeight.value + props.top;
+});
+</script>
+
+<style scoped>
+.pinned{position:sticky;top:calc(v-bind(topOffset)*1px);transition-duration:calc(var(--default-transition-duration)*2);transition-property:top;transition-timing-function:var(--default-transition-timing-function);will-change:top}
+</style>

package/dist/runtime/components/ScrollPinnedContainer.vue.d.ts

@@ -0,0 +1,14 @@
+export interface ScrollPinnedContainerProps {
+    top?: number;
+    disabled?: boolean;
+}
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ScrollPinnedContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollPinnedContainerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/SuccessSplash.vue

@@ -0,0 +1,47 @@
+<template>
+  <div>
+    <svg
+      xmlns   = "http://www.w3.org/2000/svg"
+      viewBox = "0 0 214 214"
+    >
+      <g fill="none" stroke="currentColor" stroke-width="2">
+        <circle
+          fill    = "currentColor"
+          opacity = "0.15"
+          cx      = "107"
+          cy      = "107"
+          r       = "72"
+        />
+
+        <circle
+          fill    = "currentColor"
+          cx      = "107"
+          cy      = "107"
+          r       = "72"
+          opacity = "0.8"
+        />
+
+        <polyline
+          stroke       = "#fff"
+          stroke-width = "10"
+          points       = "73.5,107.8 93.7,127.9 142.2,79.4"
+          style        = "stroke-dasharray: 50%, 50%; stroke-dashoffset: 100%"
+        />
+      </g>
+    </svg>
+
+    <p v-if="props.text">
+      {{ props.text }}
+    </p>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  text: { type: String, required: false }
+});
+</script>
+
+<style scoped>
+@reference "tailwindcss";@keyframes checkmark{0%{stroke-dashoffset:50%}to{stroke-dashoffset:0}}@keyframes grow-circle{0%{r:0}}@keyframes grow-circle-bigger{50%{opacity:.11}to{opacity:0;r:100}}@keyframes show-text{to{opacity:1}}div{align-items:center;display:flex;flex-direction:column}svg{color:var(--color-success);margin:--spacing(-4);max-width:--spacing(48)}svg polyline{animation:checkmark .5s cubic-bezier(.55,.2,.71,-.04) .7s backwards}svg circle:first-child{animation:grow-circle .45s cubic-bezier(.66,.23,.51,1.23) backwards,grow-circle-bigger .9s linear 1.1s forwards}svg circle:nth-child(2){animation:grow-circle .5s cubic-bezier(.66,.23,.51,1.23) .25s backwards}p{animation:show-text .5s linear .9s forwards;font-size:var(--text-lg);opacity:0;text-align:center}
+</style>

package/dist/runtime/components/SuccessSplash.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    text?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/form/Form.vue

@@ -1,24 +1,47 @@
 <template>
-  <PrimeForm
-    v-slot                    = "$form"
-    ref                       = "form"
-    novalidate                = "true"
-    :validate-on-mount        = "true"
-    :validate-on-submit       = "true"
-    :validate-on-value-update = "true"
-    :validate-on-blur         = "false"
-    :initial-values           = "props.initialValues ?? values"
-    :aria-disabled            = "props.disabled"
-    @submit                   = "handleFormSubmit"
+  <Transition
+    leave-active-class = "transition-opacity duration-300"
+    leave-to-class     = "opacity-0"
   >
-    <slot name="before" :state="$form" />
+    <LazySuccessSplash
+      v-if  = "props.successText && success"
+      :text = "props.successText"
+    />
 
-    <slot name="default" :state="$form">
-      <FormFieldBuilder v-if="props.fields?.length" :fields="props.fields" />
-    </slot>
+    <div v-else>
+      <LazyMessage
+        v-if              = "errors?.length"
+        severity          = "error"
+        class             = "mb-6"
+        :scroll-into-view = "true"
+      >
+        <slot name="error" :errors="errors">
+          {{ errors.join(" ") }}
+        </slot>
+      </LazyMessage>
 
-    <slot name="after" :state="$form" />
-  </PrimeForm>
+      <PrimeForm
+        v-slot                    = "$form"
+        ref                       = "form"
+        novalidate                = "true"
+        :validate-on-mount        = "true"
+        :validate-on-submit       = "true"
+        :validate-on-value-update = "true"
+        :validate-on-blur         = "false"
+        :initial-values           = "props.initialValues ?? values"
+        :aria-disabled            = "props.disabled"
+        @submit                   = "handleFormSubmit"
+      >
+        <slot name="before" :state="$form" />
+
+        <slot name="default" :state="$form">
+          <FormFieldBuilder v-if="props.fields?.length" :fields="props.fields" />
+        </slot>
+
+        <slot name="after" :state="$form" />
+      </PrimeForm>
+    </div>
+  </Transition>
 </template>
 
 <script>
@@ -29,9 +52,11 @@ export * from "../../types/form";
 import PrimeForm, {} from "@primevue/forms/form";
 import { toNonNullableArray } from "@resee-movies/utilities/arrays/to-non-nullable-array";
 import { isPromiseLike } from "@resee-movies/utilities/objects/is-promise-like";
-import { syncRefs, useDebounceFn } from "@vueuse/core";
-import { useTemplateRef } from "vue";
+import { syncRefs } from "@vueuse/core";
+import { ref, useTemplateRef } from "vue";
 import FormFieldBuilder from "./FormFieldBuilder.vue";
+import LazySuccessSplash from "../SuccessSplash.vue";
+import LazyMessage from "../Message.vue";
 import { useReactiveObjectsSync } from "../../composables/use-reactive-objects-sync";
 import { provideFormInstance, getValuesFromFormState } from "../../utils/form";
 const props = defineProps({
@@ -40,10 +65,13 @@ const props = defineProps({
   onChange: { type: [Function, Array], required: false, default: void 0 },
   changeDelay: { type: Number, required: false, default: 1 },
   initialValues: { type: Object, required: false, default: void 0 },
-  fields: { type: Array, required: false, default: void 0 }
+  fields: { type: Array, required: false, default: void 0 },
+  successText: { type: String, required: false, default: void 0 }
 });
 const form = useTemplateRef("form");
 const values = defineModel("values", { type: null, ...{ default: void 0 } });
+const success = ref(false);
+const errors = ref();
 defineEmits(["submit", "change"]);
 const formInstance = provideFormInstance();
 syncRefs(() => props.disabled, formInstance.isDisabled);
@@ -94,7 +122,13 @@ async function handleFormSubmit(event) {
     const results = handlers.map((handler) => handler(newEvent));
     if (!!results.find((result) => isPromiseLike(result))) {
       formInstance.isSubmitting.value = true;
-      await Promise.allSettled(results);
+      const result = await Promise.allSettled(results);
+      if (!result.find((entry) => entry.status === "rejected")) {
+        success.value = true;
+        errors.value = void 0;
+      } else {
+        errors.value = result.filter((entry) => entry.status === "rejected").map((entry) => entry.reason);
+      }
       formInstance.isSubmitting.value = false;
     }
   }

package/dist/runtime/components/form/Form.vue.d.ts

@@ -9,6 +9,7 @@ export interface FormProps<T extends FormValues = FormValues> {
     changeDelay?: number;
     initialValues?: Partial<T>;
     fields?: FormFieldBuilderOption[];
+    successText?: string;
 }
 declare const __VLS_export: <T extends FormValues>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<(FormProps<T> & {
@@ -22,6 +23,10 @@ declare const __VLS_export: <T extends FormValues>(__VLS_props: NonNullable<Awai
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
+        error?: (props: {
+            errors: any;
+        }) => any;
+    } & {
         before?: (props: {
             state: any;
         }) => any;

package/dist/runtime/composables/use-global-header-state.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Stateful information about the GlobalHeader component.
+ */
+export declare function useGlobalHeaderState(): {
+    headerHeight: import("vue").Ref<number, number>;
+    subheaderHeight: import("vue").Ref<number, number>;
+    isHeaderDrawerEnabled: import("vue").Ref<boolean, boolean>;
+    isHeaderPulledDown: import("vue").Ref<boolean, boolean>;
+    offsetFromHeaderStyles: import("vue").ComputedRef<string[]>;
+};

package/dist/runtime/composables/use-global-header-state.js

@@ -0,0 +1,20 @@
+import { computed, ref } from "vue";
+const headerHeight = ref(0);
+const subheaderHeight = ref(0);
+const isHeaderDrawerEnabled = ref(true);
+const isHeaderPulledDown = ref(false);
+const offsetFromHeaderStyles = computed(() => {
+  return [
+    `margin-top: -${headerHeight.value}px;`,
+    `padding-top: ${headerHeight.value}px;`
+  ];
+});
+export function useGlobalHeaderState() {
+  return {
+    headerHeight,
+    subheaderHeight,
+    isHeaderDrawerEnabled,
+    isHeaderPulledDown,
+    offsetFromHeaderStyles
+  };
+}

package/dist/runtime/composables/use-load-image.d.ts

@@ -10,6 +10,9 @@ export type LoadImageOptions = {
     type?: MaybeRefOrGetter<LoadImageType>;
     reseeConfig?: MaybeRefOrGetter<MediaAssetTransformConfig | undefined>;
     deferLoad?: Ref<boolean>;
+    onLoading?: () => void;
+    onLoad?: (src: string | undefined) => void;
+    onError?: (err: unknown) => void;
 };
 /**
  * Exposes the {@link loadImage} utility as a set of reactive properties.

package/dist/runtime/composables/use-load-image.js

@@ -1,14 +1,12 @@
-import { useNuxtApp } from "#imports";
 import { loadImage } from "@resee-movies/utilities/dom/load-image";
 import { getMediaAssetUrl } from "@resee-movies/utilities/resee/get-media-asset-url";
 import { isString } from "@resee-movies/utilities/strings/is-string";
 import { fromTmdbImageSize } from "@resee-movies/utilities/tmdb/from-tmdb-image-size";
 import { getTmdbImageCache } from "@resee-movies/utilities/tmdb/get-tmdb-image-cache";
 import { getTmdbImageUrl } from "@resee-movies/utilities/tmdb/get-tmdb-image-url";
-import { toTmdbImageSize } from "@resee-movies/utilities/tmdb/to-tmdb-image-size";
+import { isPromiseLike } from "@resee-movies/utilities/objects/is-promise-like";
 import { ref, toRef, toValue, watch } from "vue";
 export function useLoadImage(source, config = {}) {
-  const nuxtApp = useNuxtApp();
   const src = ref();
   const key = ref();
   const error = ref();
@@ -31,69 +29,52 @@ export function useLoadImage(source, config = {}) {
         src.value = toValue(config.errorSrc);
         key.value = src.value;
         error.value = new Error('"src" is not defined');
+        config.onError?.(error.value);
         return;
       }
       const loadType = toValue(config.type);
       const imgWidth = toValue(config.width);
-      if (import.meta.server || nuxtApp.isHydrating) {
-        switch (loadType) {
-          case "tmdb": {
-            src.value = getTmdbImageUrl(sourceUnwrapped, imgWidth ? toTmdbImageSize(imgWidth) : void 0);
-            break;
-          }
-          case "resee": {
-            const filename = toValue(config.friendlyName);
-            const reseeConfig = toValue(config.reseeConfig);
-            const width = fromTmdbImageSize(imgWidth, { originalIsUndefined: true });
-            src.value = getMediaAssetUrl(sourceUnwrapped, filename, { width, format: "webp", ...reseeConfig });
-            break;
-          }
-          default: {
-            src.value = sourceUnwrapped;
-          }
-        }
-        loading.value = true;
-        key.value = sourceUnwrapped;
-        return;
-      }
       if (toValue(config.deferLoad)) {
         return;
       }
-      let pendingSource;
-      let pendingLoader;
+      let targetSrc;
+      let tempSrc;
+      let promise;
       if (loadType === "tmdb") {
-        const result = getTmdbImageCache().getImage(sourceUnwrapped, imgWidth);
-        pendingSource = isString(result) ? void 0 : result.placeholderUrl;
-        pendingLoader = result;
+        targetSrc = getTmdbImageUrl(sourceUnwrapped, imgWidth);
+        const result = getTmdbImageCache().getImage(targetSrc);
+        if (isPromiseLike(result)) {
+          tempSrc = result.placeholderUrl;
+          promise = result;
+        }
       } else if (loadType === "resee") {
         const filename = toValue(config.friendlyName);
         const reseeConfig = toValue(config.reseeConfig);
         const width = fromTmdbImageSize(imgWidth, { originalIsUndefined: true });
-        pendingLoader = loadImage(
-          getMediaAssetUrl(sourceUnwrapped, filename, { width, format: "webp", ...reseeConfig })
-        );
+        targetSrc = getMediaAssetUrl(sourceUnwrapped, filename, { width, format: "webp", ...reseeConfig });
+        promise = loadImage(targetSrc);
       } else {
-        pendingLoader = loadImage(sourceUnwrapped);
+        targetSrc = sourceUnwrapped;
+        promise = loadImage(targetSrc);
       }
-      if (isString(pendingLoader)) {
-        src.value = pendingLoader;
-        key.value = sourceUnwrapped;
-        loading.value = false;
-        bgLoading.value = false;
-        error.value = void 0;
+      src.value = tempSrc ?? targetSrc;
+      key.value = tempSrc ?? sourceUnwrapped;
+      loading.value = !!promise && !tempSrc;
+      bgLoading.value = !!promise && !!tempSrc;
+      error.value = void 0;
+      if (!promise) {
+        config.onLoad?.(src.value);
         return;
       }
-      src.value = pendingSource ?? toValue(config.placeholderSrc) ?? src.value;
-      key.value = pendingSource ? sourceUnwrapped : void 0;
-      loading.value = !pendingSource;
-      bgLoading.value = !!pendingSource;
-      pendingLoader.then(
+      config.onLoading?.();
+      promise.then(
         (loadedSrc) => {
           src.value = loadedSrc;
           key.value = sourceUnwrapped;
           loading.value = false;
           bgLoading.value = false;
           error.value = void 0;
+          config.onLoad?.(src.value);
         },
         (e) => {
           src.value = toValue(config.errorSrc) ?? toValue(config.placeholderSrc);
@@ -101,6 +82,7 @@ export function useLoadImage(source, config = {}) {
           loading.value = false;
           bgLoading.value = false;
           error.value = e;
+          config.onError?.(e);
         }
       );
     },

package/dist/runtime/composables/use-mutable-intersection-observer.d.ts

@@ -0,0 +1,44 @@
+import { type ConfigurableWindow, type MaybeComputedElementRef, type MaybeElement, type Pausable } from '@vueuse/core';
+import { type ComputedRef, type MaybeRefOrGetter } from 'vue';
+/**
+ * @module
+ *
+ * This exists solely to support a dynamic `rootMargin` property. The capability will
+ * land natively in Vueuse soon, at which time this can be dropped.
+ */
+export interface UseMutableIntersectionObserverOptions extends ConfigurableWindow {
+    /**
+     * Start the IntersectionObserver immediately on creation
+     *
+     * @default true
+     */
+    immediate?: boolean;
+    /**
+     * The Element or Document whose bounds are used as the bounding box
+     * when testing for intersection.
+     */
+    root?: MaybeComputedElementRef | Document;
+    /**
+     * A string which specifies a set of offsets to add to the root's
+     * bounding_box when calculating intersections.
+     */
+    rootMargin?: MaybeRefOrGetter<string>;
+    /**
+     * Either a single number or an array of numbers between 0.0 and 1.
+     * @default 0
+     */
+    threshold?: number | number[];
+}
+export interface UseMutableIntersectionObserverReturn extends Pausable {
+    isSupported: ComputedRef<boolean>;
+    stop: () => void;
+}
+/**
+ * Detects that a target element's visibility.
+ *
+ * @see https://vueuse.org/useIntersectionObserver
+ * @param target
+ * @param callback
+ * @param options
+ */
+export declare function useMutableIntersectionObserver(target: MaybeComputedElementRef | MaybeRefOrGetter<MaybeElement[]> | MaybeComputedElementRef[], callback: IntersectionObserverCallback, options?: UseMutableIntersectionObserverOptions): UseMutableIntersectionObserverReturn;

package/dist/runtime/composables/use-mutable-intersection-observer.js

@@ -0,0 +1,68 @@
+import {
+  defaultWindow,
+  noop,
+  notNullish,
+  toArray,
+  tryOnScopeDispose,
+  unrefElement,
+  useSupported
+} from "@vueuse/core";
+import { computed, shallowRef, toValue, watch } from "vue";
+export function useMutableIntersectionObserver(target, callback, options = {}) {
+  const {
+    root,
+    rootMargin,
+    threshold = 0,
+    window = defaultWindow,
+    immediate = true
+  } = options;
+  const isSupported = useSupported(() => window && "IntersectionObserver" in window);
+  const targets = computed(() => {
+    const _target = toValue(target);
+    return toArray(_target).map(unrefElement).filter(notNullish);
+  });
+  let cleanup = noop;
+  const isActive = shallowRef(immediate);
+  const stopWatch = isSupported.value ? watch(
+    () => [targets.value, unrefElement(root), toValue(rootMargin), isActive.value],
+    ([targets2, root2, rootMargin2]) => {
+      cleanup();
+      if (!isActive.value)
+        return;
+      if (!targets2.length)
+        return;
+      const observer = new IntersectionObserver(
+        callback,
+        {
+          root: unrefElement(root2),
+          rootMargin: rootMargin2,
+          threshold
+        }
+      );
+      targets2.forEach((el) => el && observer.observe(el));
+      cleanup = () => {
+        observer.disconnect();
+        cleanup = noop;
+      };
+    },
+    { immediate, flush: "post" }
+  ) : noop;
+  const stop = () => {
+    cleanup();
+    stopWatch();
+    isActive.value = false;
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported,
+    isActive,
+    pause() {
+      cleanup();
+      isActive.value = false;
+    },
+    resume() {
+      isActive.value = true;
+    },
+    stop
+  };
+}

package/dist/runtime/composables/use-resee-ux.d.ts

@@ -1,3 +1,6 @@
+type AppPreferences = {
+    dismissNotification?: string;
+};
 /**
  * Provides the ability to manage runtime configuration of the ReSee UX
  * module.
@@ -22,4 +25,6 @@ export declare function useReseeUx(): {
             numOptionsSelected: string;
         };
     };
+    preferences: import("#app").CookieRef<AppPreferences>;
 };
+export {};

package/dist/runtime/composables/use-resee-ux.js

@@ -1,3 +1,4 @@
+import { useCookie } from "#imports";
 import { reactive } from "vue";
 const Localization = reactive({
   validation: {
@@ -18,6 +19,15 @@ const Localization = reactive({
     numOptionsSelected: "{count} Item(s) Selected"
   }
 });
+const msInYear = 31536e6;
 export function useReseeUx() {
-  return { locale: Localization };
+  const preferences = useCookie("resee-app-preferences", {
+    default: () => ({}),
+    secure: true,
+    httpOnly: false,
+    sameSite: "strict",
+    maxAge: msInYear / 1e3,
+    expires: new Date(Date.now() + msInYear)
+  });
+  return { locale: Localization, preferences };
 }