@resee-movies/nuxt-ux 0.14.0 → 0.15.0

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

@@ -11,8 +11,7 @@ export interface ImageBaseProps {
     height?: string | number;
     aspect?: AspectRatio | 'auto';
     fit?: MediaAssetTransformConfig['fit'];
-    showLoading?: boolean;
-    loading?: 'lazy' | 'eager';
+    loadStyle?: 'lazy' | 'eager';
 }
 export declare const AspectRatioClassNames: {
     readonly '1/1': "aspect-square";
@@ -32,11 +31,11 @@ export declare const ObjectFitClassNames: {
 declare const __VLS_export: import("vue").DefineComponent<ImageBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     error: (err: unknown) => any;
     load: (src: string | undefined) => any;
-    loading: (isLoading: boolean) => any;
+    loading: () => any;
 }, string, import("vue").PublicProps, Readonly<ImageBaseProps> & Readonly<{
     onError?: ((err: unknown) => any) | undefined;
     onLoad?: ((src: string | undefined) => any) | undefined;
-    onLoading?: ((isLoading: boolean) => any) | undefined;
+    onLoading?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/LayoutPageRoot.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="app-main">
+    <ClientOnly>
+      <LazyNuxtRouteAnnouncer />
+      <LazyNuxtLoadingIndicator :color="false" class="resee-bg-linear-to-r" />
+    </ClientOnly>
+
+    <GlobalHeaderAnnouncement v-if="slots.announcement" :announcement-id="props.announcementId">
+      <slot name="announcement" />
+    </GlobalHeaderAnnouncement>
+
+    <GlobalHeader v-if="slots.header || slots.subheader" class="app-header">
+      <template #default v-if="slots.header">
+        <slot name="header" />
+      </template>
+
+      <template #subheader v-if="slots.subheader">
+        <slot name="subheader" />
+      </template>
+    </GlobalHeader>
+
+    <slot name="default" />
+
+    <footer v-if="slots.footer" class="app-footer">
+      <LayoutPageColumn>
+        <slot name="footer" />
+      </LayoutPageColumn>
+    </footer>
+
+    <ClientOnly>
+      <LazyNotificationContainer />
+    </ClientOnly>
+  </div>
+</template>
+
+<script>
+
+</script>
+
+<script setup>
+import { LazyNuxtLoadingIndicator, LazyNuxtRouteAnnouncer } from "#components";
+import { useSlots } from "vue";
+import GlobalHeaderAnnouncement from "./GlobalHeaderAnnouncement.vue";
+import LayoutPageColumn from "./LayoutPageColumn.vue";
+import LazyNotificationContainer from "./NotificationContainer.vue";
+import GlobalHeader from "./GlobalHeader.vue";
+const props = defineProps({
+  announcementId: { type: String, required: false, default: void 0 }
+});
+const slots = useSlots();
+</script>
+
+<style>
+@reference "tailwindcss";.app-footer,.app-header{backdrop-filter:blur(var(--blur-md));background-color:--alpha(var(--color-global-background)/60%)}.app-header{border-bottom:1px solid var(--color-global-foreground-accent)}.app-footer{border-top:1px solid var(--color-global-foreground-accent)}
+</style>

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

@@ -0,0 +1,21 @@
+export interface LayoutPageRootProps {
+    announcementId?: string;
+}
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LayoutPageRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutPageRootProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    announcement?: (props: {}) => any;
+} & {
+    header?: (props: {}) => any;
+} & {
+    subheader?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+} & {
+    footer?: (props: {}) => any;
+}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Message.vue

@@ -1,7 +1,11 @@
 <template>
-  <PrimeMessage :severity="props.severity" class="message" :pt="passthroughProps">
-    <template #icon>
-      <Icon :name="props.icon" :size="props.iconSize" />
+  <PrimeMessage
+    class     = "message"
+    :severity = "props.severity"
+    :pt       = "passthroughProps"
+  >
+    <template #icon v-if="displayIcon">
+      <Icon :name="displayIcon" :size="props.iconSize" />
     </template>
 
     <template #default>
@@ -11,20 +15,30 @@
 </template>
 
 <script>
-import { computed } from "vue";
+
 </script>
 
 <script setup>
+import { useCurrentElement } from "@vueuse/core";
 import PrimeMessage from "primevue/message";
+import { computed, onMounted } from "vue";
 import Icon from "./Icon.vue";
+import { StatusLevelIcons } from "../constants";
 const props = defineProps({
-  severity: { type: String, required: false },
-  text: { type: String, required: false },
-  class: { type: String, required: false },
-  style: { type: String, required: false },
-  accented: { type: Boolean, required: false },
-  icon: { type: String, required: false },
-  iconSize: { type: String, required: false }
+  severity: { type: String, required: false, default: "default" },
+  text: { type: String, required: false, default: void 0 },
+  class: { type: null, required: false, default: void 0 },
+  style: { type: String, required: false, default: void 0 },
+  accented: { type: Boolean, required: false, default: false },
+  icon: { type: [String, Boolean], required: false, default: void 0 },
+  iconSize: { type: String, required: false, default: void 0 },
+  scrollIntoView: { type: Boolean, required: false, default: false }
+});
+const element = useCurrentElement();
+onMounted(() => {
+  if (props.scrollIntoView && element.value instanceof HTMLElement) {
+    element.value.scrollIntoView({ behavior: "smooth", block: "start" });
+  }
 });
 const passthroughProps = computed(() => {
   return {
@@ -47,6 +61,12 @@ const passthroughProps = computed(() => {
     }
   };
 });
+const displayIcon = computed(() => {
+  if (props.icon === false) {
+    return void 0;
+  }
+  return props.icon ?? StatusLevelIcons[props.severity];
+});
 </script>
 
 <style scoped>

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

@@ -1,13 +1,14 @@
-import type { StyleStatusLevel } from '../types/index.js';
+import type { HTMLElementClassNames, StyleStatusLevel } from '../types/index.js';
 import type { IconProps } from './Icon.vue.js';
 export interface MessageProps {
     severity?: StyleStatusLevel;
     text?: string;
-    class?: string;
+    class?: HTMLElementClassNames;
     style?: string;
     accented?: boolean;
-    icon?: IconProps['name'];
+    icon?: IconProps['name'] | false;
     iconSize?: IconProps['size'];
+    scrollIntoView?: boolean;
 }
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<MessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;

package/dist/runtime/components/NotificationContainer.vue

@@ -1,5 +1,5 @@
 <template>
-  <PrimeToast :pt="passthroughProps">
+  <PrimeToast :pt="passthroughProps" position="bottom-center">
     <template #messageicon="iconProps">
       <span v-bind="iconProps" />
     </template>
@@ -41,5 +41,5 @@ const passthroughProps = {
 </script>
 
 <style>
-@reference "tailwindcss";@layer components{.notification-container>div{display:flex;flex-direction:column;gap:--spacing(2);width:min(calc(100vw - 40px),--spacing(92))}.notification-container>div .notification .content{align-items:center;display:flex;gap:--spacing(2.5);padding:--spacing(2) --spacing(2.5)}.notification-container>div .notification .icon{flex-shrink:0;font-size:1.25rem}.notification-container>div .notification.has-summary .icon{align-self:start;margin-top:--spacing(.25)}.notification-container>div .notification .text{flex-grow:1}.notification-container>div .notification .close-wrapper{align-self:start}}
+@reference "tailwindcss";@layer components{.notification-container>div{display:flex;flex-direction:column;gap:--spacing(2);transform:translateX(-50%);width:min(calc(100vw - 40px),--spacing(92))}.notification-container>div .notification .content{align-items:center;display:flex;gap:--spacing(2.5);padding:--spacing(2) --spacing(2.5)}.notification-container>div .notification .icon{flex-shrink:0;font-size:1.25rem}.notification-container>div .notification.has-summary .icon{align-self:start;margin-top:--spacing(.25)}.notification-container>div .notification .text{flex-grow:1}.notification-container>div .notification .close-wrapper{align-self:start}}
 </style>

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,7 +10,7 @@ export type LoadImageOptions = {
     type?: MaybeRefOrGetter<LoadImageType>;
     reseeConfig?: MaybeRefOrGetter<MediaAssetTransformConfig | undefined>;
     deferLoad?: Ref<boolean>;
-    onLoading?: (isLoading: boolean) => void;
+    onLoading?: () => void;
     onLoad?: (src: string | undefined) => void;
     onError?: (err: unknown) => void;
 };