chore: add state and undefined to bindings
This commit is contained in:
@@ -35,7 +35,7 @@
|
|||||||
let scrollY = $state<number>()
|
let scrollY = $state<number>()
|
||||||
let innerWidth = $state<number>()
|
let innerWidth = $state<number>()
|
||||||
let innerHeight = $state<number>()
|
let innerHeight = $state<number>()
|
||||||
let titleEl: HTMLElement
|
let titleEl = $state<HTMLElement>(undefined)
|
||||||
|
|
||||||
// Check if title is larger than viewport to translate it
|
// Check if title is larger than viewport to translate it
|
||||||
const isLarger = $derived<boolean>(titleEl && titleEl.offsetWidth >= innerWidth)
|
const isLarger = $derived<boolean>(titleEl && titleEl.offsetWidth >= innerWidth)
|
||||||
|
|||||||
@@ -24,7 +24,7 @@
|
|||||||
|
|
||||||
const { settings }: any = getContext('global')
|
const { settings }: any = getContext('global')
|
||||||
|
|
||||||
let locationEl: HTMLElement
|
let locationEl = $state<HTMLElement>(undefined)
|
||||||
let photoIndex = $state(0)
|
let photoIndex = $state(0)
|
||||||
|
|
||||||
// Location date limit
|
// Location date limit
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
|
|
||||||
const { settings: { switcher_links } }: any = getContext('global')
|
const { settings: { switcher_links } }: any = getContext('global')
|
||||||
|
|
||||||
let switcherEl: HTMLElement
|
let switcherEl = $state<HTMLElement>(undefined)
|
||||||
let isOpen = $state(false)
|
let isOpen = $state(false)
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
class?: string
|
class?: string
|
||||||
} = $props()
|
} = $props()
|
||||||
|
|
||||||
let carouselEl = $state<HTMLElement>()
|
let carouselEl = $state<HTMLElement>(undefined)
|
||||||
let carousel: EmblaCarouselType
|
let carousel: EmblaCarouselType
|
||||||
let currentSlide = $state(0)
|
let currentSlide = $state(0)
|
||||||
let arrowDirection = $state<'next' | 'prev'>()
|
let arrowDirection = $state<'next' | 'prev'>()
|
||||||
|
|||||||
@@ -33,8 +33,8 @@
|
|||||||
} = $props()
|
} = $props()
|
||||||
|
|
||||||
let innerWidth = $state<number>()
|
let innerWidth = $state<number>()
|
||||||
let globeParentEl: HTMLElement
|
let globeParentEl = $state<HTMLElement>(undefined)
|
||||||
let globeEl: HTMLElement
|
let globeEl = $state<HTMLElement>(undefined)
|
||||||
let globe = $state<any>()
|
let globe = $state<any>()
|
||||||
let observer: IntersectionObserver
|
let observer: IntersectionObserver
|
||||||
let animation = $state<number>()
|
let animation = $state<number>()
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
} = $props()
|
} = $props()
|
||||||
|
|
||||||
let innerWidth = $state<number>()
|
let innerWidth = $state<number>()
|
||||||
let carouselEl = $state<HTMLElement>()
|
let carouselEl = $state<HTMLElement>(undefined)
|
||||||
let carousel = $state<EmblaCarouselType>()
|
let carousel = $state<EmblaCarouselType>()
|
||||||
let currentSlide = $state(0)
|
let currentSlide = $state(0)
|
||||||
let carouselDots = $state([])
|
let carouselDots = $state([])
|
||||||
|
|||||||
@@ -21,8 +21,8 @@
|
|||||||
|
|
||||||
let innerWidth = $state<number>()
|
let innerWidth = $state<number>()
|
||||||
let navObserver: IntersectionObserver
|
let navObserver: IntersectionObserver
|
||||||
let introEl: HTMLElement
|
let introEl = $state<HTMLElement>(undefined)
|
||||||
let navChooseEl: HTMLElement
|
let navChooseEl = $state<HTMLElement>(undefined)
|
||||||
let scrolledPastIntro = $state(false)
|
let scrolledPastIntro = $state(false)
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -35,8 +35,8 @@
|
|||||||
|
|
||||||
dayjs.extend(relativeTime)
|
dayjs.extend(relativeTime)
|
||||||
|
|
||||||
let introEl: HTMLElement
|
let introEl = $state<HTMLElement>(undefined)
|
||||||
let photosListEl = $state<HTMLElement>()
|
let photosListEl = $state<HTMLElement>(undefined)
|
||||||
let observerPhotos: IntersectionObserver
|
let observerPhotos: IntersectionObserver
|
||||||
let mutationPhotos: MutationObserver
|
let mutationPhotos: MutationObserver
|
||||||
let currentPage = $state(1)
|
let currentPage = $state(1)
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
enum directions { PREV, NEXT }
|
enum directions { PREV, NEXT }
|
||||||
|
|
||||||
let innerWidth = $state<number>()
|
let innerWidth = $state<number>()
|
||||||
let fullscreenEl = $state<HTMLElement>()
|
let fullscreenEl = $state<HTMLElement>(undefined)
|
||||||
let globalOffset = $state(data.offset)
|
let globalOffset = $state(data.offset)
|
||||||
let isLoading = $state(false)
|
let isLoading = $state(false)
|
||||||
let isFullscreen = $state(false)
|
let isFullscreen = $state(false)
|
||||||
|
|||||||
@@ -24,7 +24,7 @@
|
|||||||
let { data } = $props()
|
let { data } = $props()
|
||||||
|
|
||||||
let innerWidth = $state<number>()
|
let innerWidth = $state<number>()
|
||||||
let photosGridEl: HTMLElement
|
let photosGridEl = $state<HTMLElement>(undefined)
|
||||||
let photosGridParallax = $state<number>()
|
let photosGridParallax = $state<number>()
|
||||||
let currentStepIndex = $state(0)
|
let currentStepIndex = $state(0)
|
||||||
const currentStep = $derived(data.about.process_steps[currentStepIndex])
|
const currentStep = $derived(data.about.process_steps[currentStepIndex])
|
||||||
|
|||||||
@@ -38,7 +38,7 @@
|
|||||||
|
|
||||||
dayjs.extend(relativeTime)
|
dayjs.extend(relativeTime)
|
||||||
|
|
||||||
let photosGridEl = $state<HTMLElement>()
|
let photosGridEl = $state<HTMLElement>(undefined)
|
||||||
let observerPhotos: IntersectionObserver
|
let observerPhotos: IntersectionObserver
|
||||||
let mutationPhotos: MutationObserver
|
let mutationPhotos: MutationObserver
|
||||||
let scrollY = $state<number>()
|
let scrollY = $state<number>()
|
||||||
|
|||||||
Reference in New Issue
Block a user