@bagelink/vue 1.2.15 → 1.2.18

package/src/components/calendar/language/keys.ts

@@ -1,99 +0,0 @@
-export const languageKeys = {
-	/** The following three keys, describe the calendar modes */
-	week: {
-		'it-IT': 'Settimana',
-		'en-US': 'Week',
-		'de-DE': 'Woche',
-		'sv-SE': 'Vecka',
-		'zh-CN': '周',
-		'pt-BR': 'Semana',
-		'fr-FR': 'Semaine',
-		'th-TH': 'สัปดาห์',
-		'nl-NL': 'Week',
-		'ru-RU': 'Неделя',
-		'ar-YE': 'إسبوع',
-		'es-ES': 'Semana',
-		'ja-JP': '週',
-		'pl-PL': 'Tydzień',
-		'hu-HU': 'Hét',
-		'he-IL': 'שבוע',
-	},
-	month: {
-		'it-IT': 'Mese',
-		'en-US': 'Month',
-		'de-DE': 'Monat',
-		'sv-SE': 'Månad',
-		'zh-CN': '月',
-		'pt-BR': 'Mês',
-		'fr-FR': 'Mois',
-		'th-TH': 'เดือน',
-		'nl-NL': 'Maand',
-		'ru-RU': 'Месяц',
-		'ar-YE': 'شهر',
-		'es-ES': 'Mes',
-		'ja-JP': '月',
-		'pl-PL': 'Miesiąc',
-		'hu-HU': 'Hónap',
-		'he-IL': 'חודש',
-	},
-	day: {
-		'it-IT': 'Giorno',
-		'en-US': 'Day',
-		'de-DE': 'Tag',
-		'sv-SE': 'Dag',
-		'zh-CN': '日',
-		'pt-BR': 'Dia',
-		'fr-FR': 'Jour',
-		'th-TH': 'วัน',
-		'nl-NL': 'Dag',
-		'ru-RU': 'День',
-		'ar-YE': 'يوم',
-		'es-ES': 'Día',
-		'ja-JP': '日',
-		'pl-PL': 'Dzień',
-		'hu-HU': 'Nap',
-		'he-IL': 'יום',
-	},
-	agenda: {
-		'en-US': 'Agenda',
-		'he-IL': 'סדר יום',
-	},
-	/** Other keys */
-	moreEvents: {
-		'it-IT': '+ altri eventi',
-		'en-US': '+ more events',
-		'de-DE': '+ weitere Ereignisse',
-		'sv-SE': '+ fler event',
-		'zh-CN': '列出其他结果',
-		'pt-BR': '+ mais eventos',
-		'fr-FR': '+ d\'autres événements',
-		'th-TH': '+ เหตุการณ์เพิ่มเติม',
-		'nl-NL': 'meer evenementen',
-		'ru-RU': '+ ещё события',
-		'ar-YE': '+ المزيد من الأحداث',
-		'es-ES': 'más eventos',
-		'ja-JP': 'その他イベント',
-		'pl-PL': '+ więcej wydarzeń',
-		'hu-HU': 'További események',
-		'he-IL': '+ עוד אירועים',
-	},
-
-	noEvent: {
-		'it-IT': 'Nessun evento',
-		'en-US': 'No events',
-		'de-DE': 'Keine Ereignisse',
-		'sv-SE': 'Inga event',
-		'zh-CN': '沒有活動',
-		'pt-BR': 'Sem eventos',
-		'fr-FR': 'Aucun Evènement',
-		'th-TH': 'ไม่มีกิจกรรม',
-		'nl-NL': 'Geen evenementen',
-		'ru-RU': 'Нет событий',
-		'ar-YE': 'لا أحداث',
-		'es-ES': 'No hay eventos',
-		'ja-JP': 'イベントなし',
-		'pl-PL': 'Brak wydarzeń',
-		'hu-HU': 'Nincs esemény',
-		'he-IL': 'אין אירועים',
-	},
-}

package/src/components/calendar/models/Event.ts

@@ -1,112 +0,0 @@
-import type { EventColor, EventID, EventInterface } from '../typings/interfaces/event.interface'
-import type { ModeType } from '../typings/types'
-
-export class EventImpl implements EventInterface {
-	title?: string
-	description?: string
-	topic?: string
-	location?: string
-	with?: string
-	colorScheme?: string
-	color?: EventColor
-	isEditable?: boolean
-	disableDnD?: ModeType[]
-	disableResize?: ModeType[]
-	isCustom?: boolean | ModeType[]
-
-	// Properties that should not be set from outside Calendar
-	nOfPreviousConcurrentEvents?: number
-
-	constructor(
-		public time: { start: string, end: string },
-		public id: EventID,
-	) {}
-}
-
-export class EventBuilder {
-	private eventImpl: EventImpl
-
-	constructor(
-		public time: { start: string, end: string },
-		id?: EventID,
-	) {
-		if (!id) id = Math.random().toString(36).substring(2, 9)
-		this.eventImpl = new EventImpl(time, id)
-	}
-
-	build() {
-		return this.eventImpl
-	}
-
-	withTitle(title: string) {
-		this.eventImpl.title = title
-
-		return this
-	}
-
-	withColor(color: EventColor) {
-		this.eventImpl.color = color
-
-		return this
-	}
-
-	withColorScheme(colorScheme: string) {
-		this.eventImpl.colorScheme = colorScheme
-
-		return this
-	}
-
-	withDescription(description: string) {
-		this.eventImpl.description = description
-
-		return this
-	}
-
-	withTopic(topic: string) {
-		this.eventImpl.topic = topic
-
-		return this
-	}
-
-	withLocation(location: string) {
-		this.eventImpl.location = location
-
-		return this
-	}
-
-	withWith($with: string) {
-		this.eventImpl.with = $with
-
-		return this
-	}
-
-	withNOfPreviousConcurrentEvents(nOfPreviousConcurrentEvents: number) {
-		this.eventImpl.nOfPreviousConcurrentEvents = nOfPreviousConcurrentEvents
-
-		return this
-	}
-
-	withIsEditable(isEditable: boolean) {
-		this.eventImpl.isEditable = isEditable
-
-		return this
-	}
-
-	withIsCustom(isCustom: boolean | ModeType[]) {
-		this.eventImpl.isCustom = isCustom
-
-		return this
-	}
-
-	withDisableDnD(disableDnD: ModeType[]) {
-		this.eventImpl.disableDnD = disableDnD
-
-		return this
-	}
-
-	withDisableResize(disableResize: ModeType[]) {
-		this.eventImpl.disableResize = disableResize
-
-		return this
-	}
-}

package/src/components/calendar/styles/_mixins.css

@@ -1,21 +0,0 @@
-@media (min-width: 37.5rem) {
-	.screen-size-m {
-		/* Content goes here */
-	}
-}
-
-@media (hover: hover) {
-	.hover {
-		/* Content goes here */
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.dark-mode {
-		/* Content goes here */
-	}
-}
-
-[style*='color-scheme: dark'] {
-	/* Content goes here */
-}

package/src/components/calendar/styles/_variables.css

@@ -1,47 +0,0 @@
-:root {
-    /** Color */
-    --qalendar-gray-quite-dark: rgb(110 110 110);
-    --qalendar-gray: rgb(180 180 180);
-    --qalendar-green: rgb(51 182 121);
-    --qalendar-theme-color: var(--qalendar-blue);
-    --qalendar-light-gray: rgba(240 236 236 / 76%);
-    --qalendar-option-hover: var(--qalendar-light-gray);
-
-    --qalendar-dark-mode-elevated-surface: #383838;
-    --qalendar-dark-mode-lightly-elevated-surface: #2e2e2e;
-    --qalendar-dark-mode-text-primary: rgba(255 255 255 1);
-    --qalendar-dark-mode-text-secondary: rgba(255 255 255 0.7);
-    --qalendar-dark-mode-text-hint: rgba(255 255 255 0.5);
-    --qalendar-dark-mode-line-color: var(--qalendar-gray);
-
-    /** Borders */
-    --qalendar-border-gray-thin: 1px solid rgb(224 224 224);
-    --qalendar-border-dashed-gray-thin: 1px dashed rgb(224 224 224);
-    --qalendar-border-blue-thin: 1px solid var(--qalendar-theme-color);
-    --qalendar-border-radius: 8px;
-
-    /** Spacing */
-    --qalendar-spacing: 10px;
-    --qalendar-spacing-half: 5px;
-    --qalendar-spacing-double: 20px;
-
-    /** Miscellaneous */
-    --qalendar-box-shadow: 0 4px 4px rgba(0 0 0 / 6%), 0 1px 4px rgba(0 0 0 / 18%);
-    --qalendar-text-transition: color 0.2s ease;
-    --qalendar-week-padding-left: 56px;
-
-    /** Font */
-    --qalendar-font-2xs: 10px;
-    --qalendar-font-xs: 12px;
-    --qalendar-font-s: 14px;
-    --qalendar-font-m: 16px;
-    --qalendar-font-l: 18px;
-}
-
-@media (min-width: 62rem) {
-    .calendar-root {
-        --qalendar-spacing: 20px;
-        --qalendar-spacing-half: 10px;
-        --qalendar-spacing-double: 40px;
-    }
-}

package/src/components/calendar/typings/interfaces/day.interface.ts

@@ -1,10 +0,0 @@
-import type { EventInterface } from './event.interface'
-import type { DayWithFullDayEvents } from './full-day-events-week.type'
-
-export interface DayInterface {
-	isTrailingOrLeadingDate?: boolean
-	dayName: string
-	dateTimeString: string
-	events: EventInterface[]
-	fullDayEvents?: DayWithFullDayEvents
-}

package/src/components/calendar/typings/interfaces/event.interface.ts

@@ -1,32 +0,0 @@
-import type { ModeType } from '../types'
-
-export type EventID = string | number
-
-export type EVENT_TYPE = 'SINGLE_DAY_TIMED' | 'SINGLE_DAY_FULL_DAY' | 'SINGLE_HYBRID_DAY_TIMED' | 'MULTI_DAY_TIMED' | 'MULTI_DAY_FULL_DAY'
-
-export type EventColor = 'blue' | 'yellow' | 'green' | 'red' | 'purple'
-
-export interface EventInterface {
-	id: EventID
-	title?: string
-	time: { start: string, end: string } // YYYY-MM-DD hh:mm
-	description?: string
-	topic?: string
-	location?: string // Name of the event location
-	with?: string // Names of people
-	colorScheme?: string
-	color?: EventColor // Says 'color', but represents CSS-Property background-color
-	isEditable?: boolean // If true, the event has delete- and edit icons in Event-Flyout. Can also be dragged and dropped.
-	disableDnD?: ModeType[] // Disable Drag and Drop for this event, in the modes specified
-	disableResize?: ModeType[] // Disable Resize for this event, in the modes specified
-	isCustom?: boolean | ModeType[] // If true, the event expects to be displayed using the event slot. It can also be specified as an array, of all modes, where the event should be displayed using the event slot.
-
-	// These are properties that should never be fed into the Calendar
-	// Instead, they are assigned to events, in order to for example position/style them correctly
-	zIndex?: number
-	nOfPreviousConcurrentEvents?: number
-	totalConcurrentEvents?: number
-	timeJS?: { start: Date, end: Date }
-	originalEvent?: Omit<EventInterface, 'originalEvent'>
-	eventType?: EVENT_TYPE
-}

package/src/components/calendar/typings/interfaces/full-day-events-week.type.ts

@@ -1,8 +0,0 @@
-import type { EventInterface } from './event.interface'
-
-export interface DayWithFullDayEvents {
-	date: Date
-	[key: string]: EventInterface | any | string
-}
-
-export type FullDayEventsWeek = DayWithFullDayEvents[]

package/src/components/calendar/typings/interfaces/period.interface.ts

@@ -1,5 +0,0 @@
-export interface PeriodInterface {
-	start: Date
-	end: Date
-	selectedDate: Date
-}

package/src/components/calendar/typings/interfaces/time-modes.ts

@@ -1,11 +0,0 @@
-// ! @natanelyoung PLEASE DON'T USE ENUMS 🙏🏼
-// * please see: https://tduyng.medium.com/why-you-might-be-using-enums-in-typescript-wrong-6d9c5742db5a
-export enum DAY_MODE {
-	// a regular day, starting and ending at 0:00 and 24:00
-	REGULAR = 'regular',
-	// a day with custom day boundaries, but within an actual calendar day
-	SHORTENED = 'shortened',
-	// a day with custom day boundaries, but spanning two actual calendar days,
-	// for example, a day that starts at 06:00 and ends at 04:00 the day after
-	FLEXIBLE = 'flexible',
-}

package/src/components/calendar/typings/types.ts

@@ -1,27 +0,0 @@
-export interface DOMRect {
-	bottom: number
-	height: number
-	left: number
-	right: number
-	top: number
-	width: number
-	x: number
-	y: number
-}
-
-export type DateViewMode = 'days' | 'months' | 'years'
-
-export type ModeType = 'day' | 'week' | 'month' | 'agenda'
-
-// ! @natanelyoung PLEASE DON'T USE ENUMS 🙏🏼
-// * please see: https://tduyng.medium.com/why-you-might-be-using-enums-in-typescript-wrong-6d9c5742db5a
-export enum DRAG_N_RESIZE_DIRECTION {
-	BACKWARDS = 'backwards',
-	FORWARDS = 'forwards',
-}
-
-export interface DayInfo {
-	daysTotalN: number
-	thisDayIndex: number
-	dateTimeString: string
-}