npm - @sneat/extensions-schedulus-shared - Versions diffs - 0.3.0 - Mend

@sneat/extensions-schedulus-shared 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (194) hide show

package/esm2022/lib/components/start-end-datetime-form/start-end-datetime-form.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"start-end-datetime-form.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/start-end-datetime-form/start-end-datetime-form.component.ts","../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/start-end-datetime-form/start-end-datetime-form.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n EventEmitter,\n Input,\n OnChanges,\n Output,\n SimpleChanges,\n ViewChild,\n inject,\n} from '@angular/core';\nimport {\n FormControl,\n FormsModule,\n ReactiveFormsModule,\n UntypedFormGroup,\n Validators,\n} from '@angular/forms';\nimport {\n IonAccordion,\n IonAccordionGroup,\n IonButton,\n IonButtons,\n IonCol,\n IonDatetime,\n IonGrid,\n IonIcon,\n IonInput,\n IonItem,\n IonLabel,\n IonModal,\n IonPopover,\n IonRow,\n IonSelect,\n IonSelectOption,\n ModalController,\n} from '@ionic/angular/standalone';\nimport {\n dateToIso,\n isoStringsToDate,\n isValidaTimeString,\n isValidDateString,\n SneatSelectAllOnFocusDirective,\n} from '@sneat/core';\nimport { emptyTiming, HappeningType, ITiming } from '@sneat/mod-schedulus-core';\nimport { dateToTimeOnlyStr } from '@sneat/mod-schedulus-core';\nimport { ErrorLogger, IErrorLogger } from '@sneat/core';\nimport { isTomorrow } from '../calendar-core';\nimport { StartEndDatesRangeFormComponent } from '../start-end-dates-range-form/start-end-dates-range-form.component';\nimport { TimeSelectorComponent } from './time-selector.component';\n\n@Component({\n selector: 'sneat-start-end-datetime-form',\n templateUrl: 'start-end-datetime-form.component.html',\n imports: [\n ReactiveFormsModule,\n FormsModule,\n TimeSelectorComponent,\n StartEndDatesRangeFormComponent,\n SneatSelectAllOnFocusDirective,\n IonAccordion,\n IonAccordionGroup,\n IonGrid,\n IonRow,\n IonCol,\n IonItem,\n IonInput,\n IonLabel,\n IonButtons,\n IonButton,\n IonIcon,\n IonModal,\n IonDatetime,\n IonSelectOption,\n IonSelect,\n IonPopover,\n ],\n})\nexport class StartEndDatetimeFormComponent implements OnChanges {\n private readonly errorLogger = inject<IErrorLogger>(ErrorLogger);\n private readonly modalController = inject(ModalController);\n\n @Input() addSlotLabel?: string;\n @Input({ required: true }) mode?: HappeningType;\n @Input({ required: true }) date?: string;\n\n @Input({ required: true }) timing: ITiming = emptyTiming;\n @Output() readonly timingChange = new EventEmitter<ITiming>();\n\n @Output() readonly addClick = new EventEmitter<ITiming>();\n\n @ViewChild('durationInput') durationInput?: IonInput;\n\n protected readonly today = new Date();\n protected maxDate = new Date(this.today.getFullYear() + 1, 11, 31)\n .toISOString()\n .substring(0, 10);\n\n protected tab: 'duration' | 'end' = 'duration';\n protected durationUnits: 'minutes' | 'hours' = 'minutes';\n // protected startDateVal? = new Date().toISOString().substring(0, 10);\n\n protected readonly startDate = new FormControl<string>(\n '', //TODO: set to current date only for single happenings: new Date().toISOString().substring(0, 10),\n {\n // dateToIso(new Date())\n validators: Validators.required,\n },\n );\n protected readonly endDate = new FormControl<string>('', {\n // validators: Validators.required,\n });\n protected readonly startTime = new FormControl<string>('', {\n validators: [Validators.required, Validators.pattern(/[0-2]\\d:[0-5]\\d/)],\n });\n protected readonly endTime = new FormControl<string>('', {\n validators: [Validators.required, Validators.pattern(/[0-2]\\d:[0-5]\\d/)],\n });\n protected readonly duration = new FormControl<number>(60, {\n validators: [Validators.required],\n });\n\n protected readonly form = new UntypedFormGroup({\n startDate: this.startDate,\n startTime: this.startTime,\n endTime: this.endTime,\n duration: this.duration,\n });\n\n protected onTimingChanged(timing: ITiming): void {\n this.timingChange.emit(timing);\n }\n\n protected get disabled(): boolean {\n return !this.mode;\n }\n\n protected get hideStartDate(): boolean {\n return this.mode === 'recurring';\n }\n\n // public get timing(): ITiming {\n // \tlet start: IDateTime = {\n // \t\ttime: this.startTime.value || '',\n // \t};\n // \tif (this.startDate.value) {\n // \t\tstart = { ...start, date: this.startDate.value };\n // \t}\n // \tlet end: IDateTime = {\n // \t\ttime: this.endTime.value || '',\n // \t};\n // \tif (this.endDate.value) {\n // \t\tend = { ...end, date: this.endDate.value };\n // \t}\n // \tconst timing: ITiming = {\n // \t\tstart, end,\n // \t\tdurationMinutes: Number(this.duration.value),\n // \t};\n // \treturn timing;\n // }\n\n // Is public property as might be used by component's parent component\n public get isValid(): boolean {\n this.form.markAllAsTouched();\n return (\n isValidaTimeString(this.startTime.value || '') &&\n (!this.endTime.value || isValidaTimeString(this.endTime.value))\n );\n }\n\n constructor() {\n this.endTime.disable();\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['date']) {\n this.onDateChanged();\n }\n\n const happeningSlotChange = changes['timing'];\n if (happeningSlotChange?.currentValue) {\n this.onTimingChange();\n }\n }\n\n private onDateChanged(): void {\n\n if (this.mode === 'single') {\n if (!this.startDate.dirty) {\n const date = this.date || new Date().toISOString().substring(0, 10);\n this.startDate.setValue(date);\n }\n } else {\n this.startDate.setValue('');\n }\n }\n\n private onTimingChange(): void {\n // if (this.happeningSlot.repeats === 'UNKNOWN') {\n // \tthis.setRepeatsBasedOnHappeningType();\n // }\n if (!this.startDate.dirty) {\n const startDate = this.timing.start?.date;\n if (startDate) {\n this.startDate.setValue(startDate);\n }\n }\n if (!this.startTime.dirty) {\n this.startTime.setValue(this.timing.start?.time || '');\n }\n if (!this.endDate.dirty) {\n this.endDate.setValue(this.timing.end?.date || '');\n }\n if (!this.endTime.dirty) {\n this.endTime.setValue(this.timing.end?.time || '');\n }\n this.setDuration();\n }\n\n protected setStartTime(value: string): void {\n if (!isValidaTimeString(value)) {\n this.errorLogger.logError(\n new Error('not valid time string:' + value),\n 'Invalid start time',\n );\n return;\n }\n this.modalController.dismiss().catch(console.error);\n this.startTime.setValue(value);\n this.timing = {\n ...this.timing,\n start: { ...this.timing.start, time: value },\n };\n this.setEndTime();\n this.emitTimingChanged('setStartTime');\n setTimeout(() => {\n this.durationInput\n ?.setFocus()\n .then(() => {\n // TODO: Remove this workaround once SneatSelectAllOnFocusDirective is fixed\n this.durationInput?.getInputElement()?.then((el) => el.select());\n })\n .catch(\n this.errorLogger.logErrorHandler(\n 'Failed to set focus to duration input',\n ),\n );\n }, 50);\n }\n\n protected addToStart(v: { days?: number; hours?: number }): void {\n let d: Date | undefined = undefined;\n try {\n let startDate = this.startDate.value || '';\n let startTime = this.startTime.value || '';\n d = isoStringsToDate(startDate || '2000-01-01', startTime);\n if (v.days) {\n d.setDate(d.getDate() + v.days);\n }\n if (v.hours) {\n d.setTime(d.getTime() + v.hours * 60 * 60 * 1000);\n }\n if (this.startDate.value) {\n // For recurring events startDate is not set\n startDate = dateToIso(d);\n this.timing = {\n ...this.timing,\n start: { ...this.timing.start, date: startDate },\n };\n this.startDate.setValue(startDate);\n }\n if (this.startTime.value) {\n startTime = dateToTimeOnlyStr(d);\n this.timing = {\n ...this.timing,\n start: { ...this.timing.start, time: startTime },\n };\n this.startTime.setValue(startTime);\n }\n this.setEndTime();\n this.emitTimingChanged('addToStart');\n } catch (e) {\n throw new Error(\n `failed to add ${JSON.stringify(v)} to ${d} [${this.startDate.value} ${\n this.startTime.value\n }]: ${e}`,\n { cause: e },\n );\n }\n }\n\n // private setRepeatsBasedOnHappeningType(): void {\n // \tswitch (this.mode) {\n // \t\tcase 'recurring':\n // \t\t\tthis.happeningSlot = {...this.happeningSlot};\n // \t\t\tbreak;\n // \t\tcase 'single':\n // \t\t\tthis.happeningSlot = {...this.happeningSlot};\n // \t\t\tbreak;\n // \t}\n // }\n\n protected setStartDate(event: Event, code: 'today' | 'tomorrow'): void {\n const today = new Date();\n let d: Date;\n switch (code) {\n case 'today':\n d = today;\n break;\n case 'tomorrow':\n d = new Date();\n d.setDate(today.getDate() + 1);\n break;\n }\n if (d) {\n const date = dateToIso(d);\n this.startDate.setValue(date);\n this.timing = {\n ...this.timing,\n start: { ...this.timing.start, date: date },\n };\n this.emitTimingChanged('setStartDate');\n }\n }\n\n private emitTimingChanged(_source?: string): void {\n this.timingChange.emit(this.timing);\n }\n\n protected addSlot(): void {\n if (this.mode === 'single' && !this.timing.start?.date) {\n alert('Please select date');\n return;\n }\n this.timingChange.emit(this.timing);\n this.addClick.emit(this.timing);\n }\n\n protected onStartTimeBlur(): void {\n // console.log('StartEndDatetimeFormComponent.onStartTimeBlur()');\n const startTime = (this.startTime.value as string) || '';\n if (startTime.match(/^\\d{2}$/)) {\n this.startTime.setValue(startTime + ':00');\n }\n }\n\n protected onStartDateChanged(): void {\n let startDate = this.startDate.value || '';\n if (startDate.includes('T')) {\n startDate = startDate.split('T')[0];\n this.startDate.setValue(startDate);\n }\n const slot = this.timing;\n this.timing = {\n ...slot,\n start: { ...slot.start, date: this.startDate.value || '' },\n };\n if (\n (!this.startTime.value ||\n isValidaTimeString(this.startTime.value as string)) &&\n (!this.endTime.value ||\n isValidaTimeString(this.endTime.value as string)) &&\n (!this.startDate.value ||\n isValidDateString(this.startDate.value as string))\n ) {\n this.emitTimingChanged('onStartDateChanged');\n }\n }\n\n protected onStartTimeChanged(): void {\n const slot = this.timing;\n this.timing = {\n ...slot,\n start: { ...slot.start, time: this.startTime.value || '' },\n };\n if (\n this.timing.start?.time &&\n !this.timing.start?.date &&\n this.startDate.value\n ) {\n this.timing = {\n ...this.timing,\n start: { ...this.timing.start, date: this.startDate.value },\n };\n }\n if (\n isValidaTimeString(this.startTime.value as string) &&\n this.duration.value\n ) {\n this.setEndTime();\n }\n }\n\n protected onDurationChanged(): void {\n // console.log('StartEndDatetimeFormComponent.onDurationChanged()');\n if (isValidaTimeString(this.startTime.value as string)) {\n this.setEndTime();\n } else {\n this.emitTimingChanged('onDurationChanged');\n }\n }\n\n private setEndTime(): void {\n const startTime = this.startTime.value as string;\n const startHour = Number(startTime.substring(0, 2));\n const startMin = Number(startTime.substring(3, 5));\n\n const duration = Number(this.duration.value);\n\n const durationHours = ~~(duration / 60);\n const durationMin = duration % 60;\n\n const toStr = (v: number) => {\n const s = '00' + ('' + v).replace(/^0+/, '');\n return s.substring(s.length - 2, s.length);\n };\n\n const endHour = toStr(startHour + durationHours);\n const endMin = toStr(startMin + durationMin);\n const endTime = `${endHour}:${endMin}`;\n this.timing = { ...this.timing, end: { time: endTime } };\n this.endTime.setValue(endTime);\n this.emitTimingChanged('setEndTime');\n }\n\n protected onEndTimeChanged(): void {\n const slot = this.timing;\n this.timing = {\n ...slot,\n end: { ...slot.end, time: this.endTime.value || '' },\n };\n if (isValidaTimeString(this.startTime.value as string)) {\n this.setDuration();\n }\n this.emitTimingChanged('onEndTimeChanged');\n }\n\n private setDuration(): void {\n const startTime = this.startTime.value as string;\n const endTime = this.endTime.value as string;\n\n if (!startTime || !endTime) {\n return;\n }\n\n const startHour = Number(startTime.substring(0, 2));\n const startMin = Number(startTime.substring(3, 5));\n const startAt = startHour * 60 + startMin;\n\n const endHour = Number(endTime.substring(0, 2));\n const endMin = Number(endTime.substring(3, 5));\n const endAt = endHour * 60 + endMin;\n\n const durationMinutes = endAt - startAt;\n this.duration.setValue(durationMinutes);\n this.timing = { ...this.timing, durationMinutes };\n }\n\n protected readonly isTomorrow = isTomorrow;\n}\n","@switch (mode) {\n @case (\"recurring\") {\n \n <ion-grid class=\"ion-grid-layout\" style=\"border-top: 1px solid lightgray\">\n <ion-row>\n <ion-col size=\"12\" size-md=\"4\">\n <ion-item class=\"sneat-no-end-padding\" lines=\"none\">\n <ion-input\n type=\"time\"\n label=\"At\"\n #startTimeInput\n [formControl]=\"startTime\"\n (ionBlur)=\"onStartTimeBlur()\"\n (ionChange)=\"onStartTimeChanged()\"\n />\n @if (startTime.touched && !startTime.valid && !!startTime.errors) {\n <ion-label color=\"danger\" slot=\"end\"> Required field </ion-label>\n }\n <ion-buttons slot=\"end\" class=\"ion-no-margin ion-no-padding\">\n <ion-button id=\"quick-pick-start-time-recurring\" color=\"medium\">\n \n <ion-icon name=\"chevron-down-outline\" slot=\"end\" />\n </ion-button>\n <ion-modal trigger=\"quick-pick-start-time-recurring\">\n <ng-template>\n <sneat-time-selector (selected)=\"setStartTime($event)\" />\n </ng-template>\n </ion-modal>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n </ion-buttons>\n </ion-item>\n </ion-col>\n <ion-col size=\"12\" size-md=\"5\">\n <ion-item lines=\"none\">\n <ion-input\n #durationInput\n label=\"For\"\n [formControl]=\"duration\"\n (ionChange)=\"onDurationChanged()\"\n type=\"number\"\n style=\"text-align: right\"\n />\n <ion-select\n slot=\"end\"\n interface=\"popover\"\n [(ngModel)]=\"durationUnits\"\n >\n <ion-select-option value=\"minutes\">minutes</ion-select-option>\n <ion-select-option value=\"hours\">hours</ion-select-option>\n </ion-select>\n </ion-item>\n </ion-col>\n <ion-col size=\"12\" size-md=\"3\">\n <ion-item lines=\"none\">\n <ion-input\n type=\"time\"\n label=\"Ends at\"\n [formControl]=\"endTime\"\n (ionChange)=\"onEndTimeChanged()\"\n placeholder=\"HH:MM\"\n />\n </ion-item>\n </ion-col>\n </ion-row>\n </ion-grid>\n\n \n <ion-accordion-group\n style=\"\n border-top: 1px solid lightgray;\n border-bottom: 1px solid lightgray;\n \"\n >\n <ion-accordion value=\"dates\">\n <ion-item slot=\"header\" color=\"light\">\n <ion-label color=\"medium\">Dates (start & end)</ion-label>\n </ion-item>\n <sneat-start-end-dates-range-form\n slot=\"content\"\n [timing]=\"timing\"\n (timingChange)=\"onTimingChanged($event)\"\n />\n </ion-accordion>\n </ion-accordion-group>\n }\n @case (\"single\") {\n <ion-grid class=\"ion-grid-layout\">\n @if (!startDate.value || !startTime.value) {\n <ion-row>\n <ion-col size=\"12\" size-lg=\"5\">\n <ion-datetime\n [min]=\"today.toISOString().substring(0, 10)\"\n [max]=\"maxDate\"\n presentation=\"date\"\n [formControl]=\"startDate\"\n (ionChange)=\"onStartDateChanged()\"\n >\n <ion-buttons slot=\"buttons\">\n <ion-button\n color=\"medium\"\n (click)=\"setStartDate($event, 'today')\"\n >Today\n </ion-button>\n <ion-button\n color=\"medium\"\n (click)=\"setStartDate($event, 'tomorrow')\"\n >Tomorrow\n </ion-button>\n </ion-buttons>\n </ion-datetime>\n </ion-col>\n <ion-col size=\"12\" size-lg=\"7\">\n <sneat-time-selector\n [hideHeader]=\"true\"\n (selected)=\"startTime.setValue($event); onStartTimeChanged()\"\n />\n </ion-col>\n </ion-row>\n }\n @if (startDate.value && startTime.value) {\n <ion-row>\n <ion-col size=\"12\" size-sm=\"6\">\n <ion-item class=\"sneat-no-end-padding\">\n <ion-input\n label=\"On\"\n type=\"date\"\n [formControl]=\"startDate\"\n (ionChange)=\"onStartDateChanged()\"\n />\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n @if (startDate.value) {\n <ion-buttons slot=\"end\" class=\"ion-no-margin ion-no-padding\">\n <ion-button id=\"quick-pick-start-date\" color=\"medium\">\n \n <ion-icon name=\"chevron-down-outline\" slot=\"end\" />\n </ion-button>\n <ion-button color=\"medium\" (click)=\"addToStart({ days: -1 })\">\n <ion-icon name=\"chevron-back-outline\" slot=\"start\" />\n <ion-label>-1</ion-label>\n </ion-button>\n <ion-button color=\"medium\" (click)=\"addToStart({ days: +1 })\">\n <ion-label>+1</ion-label>\n <ion-icon name=\"chevron-forward-outline\" slot=\"end\" />\n </ion-button>\n <ion-popover\n trigger=\"quick-pick-start-date\"\n [dismissOnSelect]=\"true\"\n >\n <ng-template>\n <ion-item tappable (click)=\"setStartDate($event, 'today')\"\n >Today\n </ion-item>\n <ion-item\n tappable\n (click)=\"setStartDate($event, 'tomorrow')\"\n >Tomorrow\n </ion-item>\n \n \n \n \n \n \n \n \n </ng-template>\n </ion-popover>\n </ion-buttons>\n }\n </ion-item>\n </ion-col>\n <ion-col size=\"12\" size-sm=\"6\">\n <ion-item class=\"sneat-no-end-padding\">\n <ion-input\n type=\"time\"\n label=\"At\"\n #startTimeInput\n [formControl]=\"startTime\"\n (ionBlur)=\"onStartTimeBlur()\"\n (ionChange)=\"onStartTimeChanged()\"\n />\n @if (\n startTime.touched && !startTime.valid && !!startTime.errors\n ) {\n <ion-label color=\"danger\" slot=\"end\">\n Required field\n </ion-label>\n }\n <ion-buttons slot=\"end\" class=\"ion-no-margin ion-no-padding\">\n <ion-button id=\"quick-pick-start-time-single\" color=\"medium\">\n \n <ion-icon name=\"chevron-down-outline\" slot=\"end\" />\n </ion-button>\n <ion-modal trigger=\"quick-pick-start-time-single\">\n <ng-template>\n <sneat-time-selector (selected)=\"setStartTime($event)\" />\n </ng-template>\n </ion-modal>\n @if (startTime.value) {\n <ion-button\n color=\"medium\"\n (click)=\"addToStart({ hours: -1 })\"\n >\n <ion-icon name=\"chevron-back-outline\" slot=\"start\" />\n <ion-label>-1h</ion-label>\n </ion-button>\n <ion-button\n color=\"medium\"\n (click)=\"addToStart({ hours: +1 })\"\n >\n <ion-label>+1h</ion-label>\n <ion-icon name=\"chevron-forward-outline\" slot=\"end\" />\n </ion-button>\n }\n </ion-buttons>\n </ion-item>\n </ion-col>\n </ion-row>\n }\n @if (startDate.value && startTime.value) {\n <ion-row>\n <ion-col size=\"12\" size-sm=\"6\">\n <ion-item lines=\"none\">\n <ion-input\n label=\"Duration\"\n sneatSelectAllOnFocus\n [formControl]=\"duration\"\n (ionChange)=\"onDurationChanged()\"\n type=\"number\"\n style=\"text-align: right\"\n />\n <ion-select\n slot=\"end\"\n interface=\"popover\"\n [(ngModel)]=\"durationUnits\"\n >\n <ion-select-option value=\"minutes\">minutes</ion-select-option>\n <ion-select-option value=\"hours\">hours</ion-select-option>\n </ion-select>\n </ion-item>\n </ion-col>\n <ion-col size=\"6\" size-sm=\"3\">\n <ion-item lines=\"none\">\n <ion-input\n type=\"time\"\n label=\"Ends at\"\n [formControl]=\"endTime\"\n (ionChange)=\"onEndTimeChanged()\"\n placeholder=\"HH:MM\"\n />\n </ion-item>\n </ion-col>\n <ion-col size=\"6\" size-sm=\"3\">\n <ion-button expand=\"full\" class=\"ion-margin\" (click)=\"addSlot()\"\n >{{ addSlotLabel }}\n </ion-button>\n </ion-col>\n </ion-row>\n }\n </ion-grid>\n }\n}\n"]}

package/esm2022/lib/components/start-end-datetime-form/time-selector.component.js ADDED Viewed

@@ -0,0 +1,92 @@
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { IonButton, IonButtons, IonCol, IonGrid, IonIcon, IonItem, IonLabel, IonRow, IonSegment, IonSegmentButton, ModalController, } from '@ionic/angular/standalone';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const morningHours = [
+    '00',
+    '01',
+    '02',
+    '03',
+    '04',
+    '05',
+    '06',
+    '07',
+    '08',
+];
+const dayHours = [
+    '09',
+    '10',
+    '11',
+    '12',
+    '13',
+    '14',
+    '15',
+    '16',
+    '17',
+];
+const eveningHours = [
+    '16',
+    '17',
+    '18',
+    '19',
+    '20',
+    '21',
+    '22',
+    '23',
+    '00',
+];
+export class TimeSelectorComponent {
+    constructor() {
+        this.modalController = inject(ModalController);
+        this.hideHeader = false;
+        this.selected = new EventEmitter();
+        this.tab = 'day';
+        this.hours = dayHours;
+        // console.log('TimeSelectorComponent.constructor()');
+    }
+    select(hh, mm) {
+        this.selected.emit(hh + ':' + mm);
+    }
+    close() {
+        this.modalController.dismiss().catch(console.error);
+    }
+    onTabChanged(event) {
+        event.stopPropagation();
+        switch (this.tab) {
+            case 'morning':
+                this.hours = morningHours;
+                break;
+            case 'day':
+                this.hours = dayHours;
+                break;
+            case 'evening':
+                this.hours = eveningHours;
+                break;
+        }
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TimeSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: TimeSelectorComponent, isStandalone: true, selector: "sneat-time-selector", inputs: { hideHeader: "hideHeader" }, outputs: { selected: "selected" }, ngImport: i0, template: "@if (!hideHeader) {\n  <ion-item color=\"primary\" class=\"sneat-tiny-end-padding\">\n    <ion-label>Start time</ion-label>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"close()\">\n        <ion-icon name=\"close-outline\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-item>\n}\n\n<ion-segment [(ngModel)]=\"tab\" (ionChange)=\"onTabChanged($event)\">\n  <ion-segment-button value=\"morning\">Morning</ion-segment-button>\n  <ion-segment-button value=\"day\">Day</ion-segment-button>\n  <ion-segment-button value=\"evening\">Evening</ion-segment-button>\n</ion-segment>\n<!--<ion-list>-->\n<!--\t<ion-item *ngFor=\"let hh of hours\" >-->\n<!--&lt;!&ndash;\t\t<ion-buttons slot=\"start\">&ndash;&gt;-->\n<!--&lt;!&ndash;\t\t\t<ion-button style=\"font-weight: bold\" (click)=\"select(hh, '00')\">{{hh}}:00</ion-button>&ndash;&gt;-->\n<!--&lt;!&ndash;\t\t</ion-buttons>&ndash;&gt;-->\n<!--\t\t<ion-buttons>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '00')\"><ion-text color=\"medium\">{{hh}}</ion-text>:00</ion-button>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '10')\"><ion-text color=\"medium\">{{hh}}</ion-text>:10</ion-button>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '15')\"><ion-text color=\"medium\">{{hh}}</ion-text>:15</ion-button>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '20')\"><ion-text color=\"medium\">{{hh}}</ion-text>:20</ion-button>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '30')\"><ion-text color=\"medium\">{{hh}}</ion-text>:30</ion-button>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '45')\"><ion-text color=\"medium\">{{hh}}</ion-text>:45</ion-button>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '50')\"><ion-text color=\"medium\">{{hh}}</ion-text>:50</ion-button>-->\n<!--\t\t</ion-buttons>-->\n<!--\t</ion-item>-->\n<!--</ion-list>-->\n<div class=\"ion-padding\">\n  <ion-grid class=\"ion-grid-layout\">\n    @for (hh of hours; track hh) {\n      <ion-row>\n        <ion-col style=\"text-align: center\">\n          <ion-button color=\"dark\" fill=\"outline\" (click)=\"select(hh, '00')\"\n            >{{ hh }}:00\n          </ion-button>\n        </ion-col>\n        <ion-col style=\"text-align: center\">\n          <ion-button color=\"dark\" fill=\"clear\" (click)=\"select(hh, '15')\"\n            >{{ hh }}:15\n          </ion-button>\n        </ion-col>\n        <ion-col style=\"text-align: center\">\n          <ion-button color=\"dark\" fill=\"clear\" (click)=\"select(hh, '30')\"\n            >{{ hh }}:30\n          </ion-button>\n        </ion-col>\n        <ion-col style=\"text-align: center\">\n          <ion-button color=\"dark\" fill=\"clear\" (click)=\"select(hh, '45')\"\n            >{{ hh }}:45\n          </ion-button>\n        </ion-col>\n      </ion-row>\n    }\n  </ion-grid>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: IonSegmentButton, selector: "ion-segment-button", inputs: ["contentId", "disabled", "layout", "mode", "type", "value"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: IonRow, selector: "ion-row" }, { kind: "component", type: IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TimeSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-time-selector', imports: [
+                        FormsModule,
+                        IonItem,
+                        IonLabel,
+                        IonButtons,
+                        IonButton,
+                        IonSegment,
+                        IonSegmentButton,
+                        IonIcon,
+                        IonGrid,
+                        IonRow,
+                        IonCol,
+                    ], template: "@if (!hideHeader) {\n  <ion-item color=\"primary\" class=\"sneat-tiny-end-padding\">\n    <ion-label>Start time</ion-label>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"close()\">\n        <ion-icon name=\"close-outline\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-item>\n}\n\n<ion-segment [(ngModel)]=\"tab\" (ionChange)=\"onTabChanged($event)\">\n  <ion-segment-button value=\"morning\">Morning</ion-segment-button>\n  <ion-segment-button value=\"day\">Day</ion-segment-button>\n  <ion-segment-button value=\"evening\">Evening</ion-segment-button>\n</ion-segment>\n<!--<ion-list>-->\n<!--\t<ion-item *ngFor=\"let hh of hours\" >-->\n<!--&lt;!&ndash;\t\t<ion-buttons slot=\"start\">&ndash;&gt;-->\n<!--&lt;!&ndash;\t\t\t<ion-button style=\"font-weight: bold\" (click)=\"select(hh, '00')\">{{hh}}:00</ion-button>&ndash;&gt;-->\n<!--&lt;!&ndash;\t\t</ion-buttons>&ndash;&gt;-->\n<!--\t\t<ion-buttons>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '00')\"><ion-text color=\"medium\">{{hh}}</ion-text>:00</ion-button>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '10')\"><ion-text color=\"medium\">{{hh}}</ion-text>:10</ion-button>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '15')\"><ion-text color=\"medium\">{{hh}}</ion-text>:15</ion-button>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '20')\"><ion-text color=\"medium\">{{hh}}</ion-text>:20</ion-button>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '30')\"><ion-text color=\"medium\">{{hh}}</ion-text>:30</ion-button>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '45')\"><ion-text color=\"medium\">{{hh}}</ion-text>:45</ion-button>-->\n<!--\t\t\t<ion-button (click)=\"select(hh, '50')\"><ion-text color=\"medium\">{{hh}}</ion-text>:50</ion-button>-->\n<!--\t\t</ion-buttons>-->\n<!--\t</ion-item>-->\n<!--</ion-list>-->\n<div class=\"ion-padding\">\n  <ion-grid class=\"ion-grid-layout\">\n    @for (hh of hours; track hh) {\n      <ion-row>\n        <ion-col style=\"text-align: center\">\n          <ion-button color=\"dark\" fill=\"outline\" (click)=\"select(hh, '00')\"\n            >{{ hh }}:00\n          </ion-button>\n        </ion-col>\n        <ion-col style=\"text-align: center\">\n          <ion-button color=\"dark\" fill=\"clear\" (click)=\"select(hh, '15')\"\n            >{{ hh }}:15\n          </ion-button>\n        </ion-col>\n        <ion-col style=\"text-align: center\">\n          <ion-button color=\"dark\" fill=\"clear\" (click)=\"select(hh, '30')\"\n            >{{ hh }}:30\n          </ion-button>\n        </ion-col>\n        <ion-col style=\"text-align: center\">\n          <ion-button color=\"dark\" fill=\"clear\" (click)=\"select(hh, '45')\"\n            >{{ hh }}:45\n          </ion-button>\n        </ion-col>\n      </ion-row>\n    }\n  </ion-grid>\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { hideHeader: [{
+                type: Input
+            }], selected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=time-selector.component.js.map

package/esm2022/lib/components/start-end-datetime-form/time-selector.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"time-selector.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/start-end-datetime-form/time-selector.component.ts","../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/start-end-datetime-form/time-selector.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACR,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,2BAA2B,CAAC;;;AAEnC,MAAM,YAAY,GAAa;IAC7B,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACL,CAAC;AAEF,MAAM,QAAQ,GAAa;IACzB,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACL,CAAC;AAEF,MAAM,YAAY,GAAa;IAC7B,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACL,CAAC;AAmBF,MAAM,OAAO,qBAAqB;IAUhC;QATiB,oBAAe,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAElD,eAAU,GAAG,KAAK,CAAC;QACT,aAAQ,GAAG,IAAI,YAAY,EAAU,CAAC;QAEzD,QAAG,GAAkC,KAAK,CAAC;QAEpC,UAAK,GAAa,QAAQ,CAAC;QAGhC,sDAAsD;IACxD,CAAC;IAED,MAAM,CAAC,EAAU,EAAE,EAAU;QAC3B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,CAAC;IACpC,CAAC;IAED,KAAK;QACH,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,YAAY,CAAC,KAAY;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,QAAQ,IAAI,CAAC,GAAG,EAAE,CAAC;YACjB,KAAK,SAAS;gBACZ,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;gBAC1B,MAAM;YACR,KAAK,KAAK;gBACR,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;gBACtB,MAAM;YACR,KAAK,SAAS;gBACZ,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;gBAC1B,MAAM;QACV,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;8GApCU,qBAAqB;kGAArB,qBAAqB,wJCrElC,quFA4DA,2CDJI,WAAW,+VACX,OAAO,0NACP,QAAQ,6FACR,UAAU,8EACV,SAAS,oPACT,UAAU,uJACV,gBAAgB,qIAChB,OAAO,2JACP,OAAO,wEACP,MAAM,oDACN,MAAM;;2FAGG,qBAAqB;kBAjBjC,SAAS;+BACE,qBAAqB,WAEtB;wBACP,WAAW;wBACX,OAAO;wBACP,QAAQ;wBACR,UAAU;wBACV,SAAS;wBACT,UAAU;wBACV,gBAAgB;wBAChB,OAAO;wBACP,OAAO;wBACP,MAAM;wBACN,MAAM;qBACP;;sBAKA,KAAK;;sBACL,MAAM","sourcesContent":["import { Component, EventEmitter, Input, Output, inject } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n IonButton,\n IonButtons,\n IonCol,\n IonGrid,\n IonIcon,\n IonItem,\n IonLabel,\n IonRow,\n IonSegment,\n IonSegmentButton,\n ModalController,\n} from '@ionic/angular/standalone';\n\nconst morningHours: string[] = [\n '00',\n '01',\n '02',\n '03',\n '04',\n '05',\n '06',\n '07',\n '08',\n];\n\nconst dayHours: string[] = [\n '09',\n '10',\n '11',\n '12',\n '13',\n '14',\n '15',\n '16',\n '17',\n];\n\nconst eveningHours: string[] = [\n '16',\n '17',\n '18',\n '19',\n '20',\n '21',\n '22',\n '23',\n '00',\n];\n\n@Component({\n selector: 'sneat-time-selector',\n templateUrl: './time-selector.component.html',\n imports: [\n FormsModule,\n IonItem,\n IonLabel,\n IonButtons,\n IonButton,\n IonSegment,\n IonSegmentButton,\n IonIcon,\n IonGrid,\n IonRow,\n IonCol,\n ],\n})\nexport class TimeSelectorComponent {\n private readonly modalController = inject(ModalController);\n\n @Input() hideHeader = false;\n @Output() readonly selected = new EventEmitter<string>();\n\n tab: 'morning' | 'day' | 'evening' = 'day';\n\n public hours: string[] = dayHours;\n\n constructor() {\n // console.log('TimeSelectorComponent.constructor()');\n }\n\n select(hh: string, mm: string) {\n this.selected.emit(hh + ':' + mm);\n }\n\n close(): void {\n this.modalController.dismiss().catch(console.error);\n }\n\n onTabChanged(event: Event): boolean {\n event.stopPropagation();\n switch (this.tab) {\n case 'morning':\n this.hours = morningHours;\n break;\n case 'day':\n this.hours = dayHours;\n break;\n case 'evening':\n this.hours = eveningHours;\n break;\n }\n return false;\n }\n}\n","@if (!hideHeader) {\n <ion-item color=\"primary\" class=\"sneat-tiny-end-padding\">\n <ion-label>Start time</ion-label>\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"close()\">\n <ion-icon name=\"close-outline\" />\n </ion-button>\n </ion-buttons>\n </ion-item>\n}\n\n<ion-segment [(ngModel)]=\"tab\" (ionChange)=\"onTabChanged($event)\">\n <ion-segment-button value=\"morning\">Morning</ion-segment-button>\n <ion-segment-button value=\"day\">Day</ion-segment-button>\n <ion-segment-button value=\"evening\">Evening</ion-segment-button>\n</ion-segment>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"ion-padding\">\n <ion-grid class=\"ion-grid-layout\">\n @for (hh of hours; track hh) {\n <ion-row>\n <ion-col style=\"text-align: center\">\n <ion-button color=\"dark\" fill=\"outline\" (click)=\"select(hh, '00')\"\n >{{ hh }}:00\n </ion-button>\n </ion-col>\n <ion-col style=\"text-align: center\">\n <ion-button color=\"dark\" fill=\"clear\" (click)=\"select(hh, '15')\"\n >{{ hh }}:15\n </ion-button>\n </ion-col>\n <ion-col style=\"text-align: center\">\n <ion-button color=\"dark\" fill=\"clear\" (click)=\"select(hh, '30')\"\n >{{ hh }}:30\n </ion-button>\n </ion-col>\n <ion-col style=\"text-align: center\">\n <ion-button color=\"dark\" fill=\"clear\" (click)=\"select(hh, '45')\"\n >{{ hh }}:45\n </ion-button>\n </ion-col>\n </ion-row>\n }\n </ion-grid>\n</div>\n"]}

package/esm2022/lib/components/swipeable-base.component.js ADDED Viewed

@@ -0,0 +1,112 @@
+import { computed, signal } from '@angular/core';
+import { hideVirtualSlide, showVirtualSlide, } from '@sneat/components';
+import { dateToIso } from '@sneat/core';
+import { SneatBaseComponent } from '@sneat/ui';
+import { animationState, areSameDates } from './calendar-core';
+import { addDays, getToday, } from './calendar/calendar-state.service';
+// @Injectable()
+export class SwipeableBaseComponent extends SneatBaseComponent {
+    get dateAsIsoString() {
+        return dateToIso(this.$date());
+    }
+    get activeSlide() {
+        return this.$parity() === 'odd' ? this.oddSlide : this.evenSlide;
+    }
+    // public get passiveSlide(): Swipeable | undefined {
+    // 	return this.parity === 'odd' ? this.oddSlide : this.evenSlide;
+    // }
+    constructor(scheduleSateService, stepDays) {
+        super();
+        this.scheduleSateService = scheduleSateService;
+        this.stepDays = stepDays;
+        this.shiftDays = 0;
+        this.$parity = signal('odd', ...(ngDevMode ? [{ debugName: "$parity" }] : []));
+        this.$date = signal(getToday(), ...(ngDevMode ? [{ debugName: "$date" }] : []));
+        this.isEvenSlideActivated = false;
+        // protected isToday(): boolean {
+        // 	return isToday(this.date);
+        // }
+        this.$isDefaultDate = computed(() => {
+            const defaultDate = addDays(new Date(), this.shiftDays);
+            return areSameDates(this.$date(), defaultDate);
+        }, ...(ngDevMode ? [{ debugName: "$isDefaultDate" }] : []));
+        // this.animationState = this.parity === 'odd' ? showVirtualSlide : hideVirtualSlide;
+        scheduleSateService.dateChanged.subscribe({
+            next: (value) => this.onDateChanged(value),
+        });
+    }
+    swipeLeft() {
+        this.swipeNext();
+    }
+    swipeNext() {
+        this.isEvenSlideActivated = true;
+        this.scheduleSateService.shiftDays(+this.stepDays);
+    }
+    setToday() {
+        this.scheduleSateService.setToday();
+    }
+    // setSlidesAnimationState(): void {
+    // 	switch (this.tab) {
+    // 		case 'day': {
+    // 			const isOdd = this.parity === 'odd';
+    // 			this.oddDay.animationState = isOdd ? showVirtualSlide : hideVirtualSlide;
+    // 			this.evenDay.animationState = !isOdd ? showVirtualSlide : hideVirtualSlide;
+    // 			break;
+    // 		}
+    // 		case 'week': {
+    // 			const isOdd = this.activeWeekParity === 'odd';
+    // 			this.oddWeek.animationState = isOdd ? showVirtualSlide : hideVirtualSlide;
+    // 			this.evenWeek.animationState = !isOdd ? showVirtualSlide : hideVirtualSlide;
+    // 			break;
+    // 		}
+    // 	}
+    // }
+    swipePrev() {
+        this.isEvenSlideActivated = true;
+        this.scheduleSateService.shiftDays(-this.stepDays);
+    }
+    swipeRight() {
+        this.swipePrev();
+    }
+    onDateChanged(changed) {
+        // this.parity = this.parity === 'odd' ? 'even' : 'odd';
+        if (!this.oddSlide || !this.evenSlide) {
+            return;
+        }
+        this.$date.set(changed.date);
+        if (!changed.shiftDirection) {
+            const passive = {
+                ...changed,
+                date: addDays(changed.date, this.stepDays),
+            };
+            switch (this.$parity()) {
+                case 'odd':
+                    this.oddSlide = this.oddSlide.setDate(changed, 'show');
+                    this.evenSlide = this.evenSlide.setDate(passive, 'hide');
+                    break;
+                case 'even':
+                    this.evenSlide = this.evenSlide.setDate(changed, 'show');
+                    this.oddSlide = this.oddSlide.setDate(passive, 'hide');
+                    break;
+            }
+            return;
+        }
+        switch (this.$parity()) {
+            case 'odd':
+                this.oddSlide = { ...this.oddSlide, animationState: hideVirtualSlide };
+                this.evenSlide = this.evenSlide.setDate(changed, showVirtualSlide);
+                this.$parity.set('even');
+                break;
+            case 'even':
+                this.evenSlide = {
+                    ...this.evenSlide,
+                    animationState: hideVirtualSlide,
+                };
+                this.oddSlide = this.oddSlide.setDate(changed, showVirtualSlide);
+                this.$parity.set('odd');
+                break;
+        }
+        this.animationState = animationState(this.$parity(), changed.shiftDirection);
+    }
+}
+//# sourceMappingURL=swipeable-base.component.js.map

package/esm2022/lib/components/swipeable-base.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"swipeable-base.component.js","sourceRoot":"","sources":["../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/swipeable-base.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { computed, signal } from '@angular/core';\nimport {\n hideVirtualSlide,\n showVirtualSlide,\n VirtualSliderAnimationStates,\n} from '@sneat/components';\nimport { dateToIso } from '@sneat/core';\nimport { SneatBaseComponent } from '@sneat/ui';\nimport { animationState, areSameDates } from './calendar-core';\nimport {\n addDays,\n getToday,\n IDateChanged,\n CalendarStateService,\n} from './calendar/calendar-state.service';\nimport { Parity, Swipeable } from './swipeable-ui';\n\n// @Injectable()\nexport abstract class SwipeableBaseComponent extends SneatBaseComponent {\n public shiftDays = 0;\n\n public readonly $parity = signal<Parity>('odd');\n\n public readonly $date = signal(getToday());\n\n public get dateAsIsoString(): string {\n return dateToIso(this.$date());\n }\n\n public animationState?: VirtualSliderAnimationStates;\n protected isEvenSlideActivated = false;\n\n protected oddSlide?: Swipeable;\n protected evenSlide?: Swipeable;\n\n public get activeSlide(): Swipeable | undefined {\n return this.$parity() === 'odd' ? this.oddSlide : this.evenSlide;\n }\n\n // public get passiveSlide(): Swipeable | undefined {\n // \treturn this.parity === 'odd' ? this.oddSlide : this.evenSlide;\n // }\n\n protected constructor(\n protected readonly scheduleSateService: CalendarStateService,\n private readonly stepDays: number,\n ) {\n super();\n // this.animationState = this.parity === 'odd' ? showVirtualSlide : hideVirtualSlide;\n scheduleSateService.dateChanged.subscribe({\n next: (value) => this.onDateChanged(value),\n });\n }\n\n // protected isToday(): boolean {\n // \treturn isToday(this.date);\n // }\n\n protected readonly $isDefaultDate = computed(() => {\n const defaultDate = addDays(new Date(), this.shiftDays);\n return areSameDates(this.$date(), defaultDate);\n });\n\n protected swipeLeft(): void {\n this.swipeNext();\n }\n\n protected swipeNext(): void {\n this.isEvenSlideActivated = true;\n this.scheduleSateService.shiftDays(+this.stepDays);\n }\n\n protected setToday(): void {\n this.scheduleSateService.setToday();\n }\n\n // setSlidesAnimationState(): void {\n // \tswitch (this.tab) {\n // \t\tcase 'day': {\n // \t\t\tconst isOdd = this.parity === 'odd';\n // \t\t\tthis.oddDay.animationState = isOdd ? showVirtualSlide : hideVirtualSlide;\n // \t\t\tthis.evenDay.animationState = !isOdd ? showVirtualSlide : hideVirtualSlide;\n // \t\t\tbreak;\n // \t\t}\n // \t\tcase 'week': {\n // \t\t\tconst isOdd = this.activeWeekParity === 'odd';\n // \t\t\tthis.oddWeek.animationState = isOdd ? showVirtualSlide : hideVirtualSlide;\n // \t\t\tthis.evenWeek.animationState = !isOdd ? showVirtualSlide : hideVirtualSlide;\n // \t\t\tbreak;\n // \t\t}\n // \t}\n // }\n\n protected swipePrev(): void {\n this.isEvenSlideActivated = true;\n this.scheduleSateService.shiftDays(-this.stepDays);\n }\n\n protected swipeRight(): void {\n this.swipePrev();\n }\n\n protected onDateChanged(changed: IDateChanged): void {\n // this.parity = this.parity === 'odd' ? 'even' : 'odd';\n if (!this.oddSlide || !this.evenSlide) {\n return;\n }\n this.$date.set(changed.date);\n if (!changed.shiftDirection) {\n const passive: IDateChanged = {\n ...changed,\n date: addDays(changed.date, this.stepDays),\n };\n switch (this.$parity()) {\n case 'odd':\n this.oddSlide = this.oddSlide.setDate(changed, 'show');\n this.evenSlide = this.evenSlide.setDate(passive, 'hide');\n break;\n case 'even':\n this.evenSlide = this.evenSlide.setDate(changed, 'show');\n this.oddSlide = this.oddSlide.setDate(passive, 'hide');\n break;\n }\n return;\n }\n switch (this.$parity()) {\n case 'odd':\n this.oddSlide = { ...this.oddSlide, animationState: hideVirtualSlide };\n this.evenSlide = this.evenSlide.setDate(changed, showVirtualSlide);\n this.$parity.set('even');\n break;\n case 'even':\n this.evenSlide = {\n ...this.evenSlide,\n animationState: hideVirtualSlide,\n };\n this.oddSlide = this.oddSlide.setDate(changed, showVirtualSlide);\n this.$parity.set('odd');\n break;\n }\n this.animationState = animationState(\n this.$parity(),\n changed.shiftDirection,\n );\n }\n}\n"]}

package/esm2022/lib/components/swipeable-ui.js ADDED Viewed

@@ -0,0 +1,64 @@
+import { hideVirtualSlide, showVirtualSlide, } from '@sneat/components';
+import { dateToIso, getWeekStartDate } from '@sneat/core';
+import { createWeekday } from './weekday-functions';
+function initialAnimationState(parity) {
+    return parity === 'odd' ? showVirtualSlide : hideVirtualSlide;
+}
+export function swipeableDay(parity, date, spaceDaysProvider, destroyed) {
+    // console.log(`swipeableDay(parity=${parity}, date=${dateToIso(date)})`);
+    const weekday = createWeekday(date, spaceDaysProvider);
+    const animationState = initialAnimationState(parity);
+    const activeDateID = dateToIso(date);
+    let result = {
+        parity,
+        spaceDaysProvider,
+        weekday,
+        destroyed,
+        animationState,
+        activeDateID,
+        setDate: undefined,
+    };
+    const setDate = (changed, animationState) => {
+        // console.log(`swipeableDay.setDate(), changed:`, changedToLog);
+        const { date } = changed;
+        const v = {
+            ...result,
+            animationState,
+            activeDateID: dateToIso(date),
+            weekday: createWeekday(date, spaceDaysProvider),
+        };
+        return v;
+    };
+    result = { ...result, setDate };
+    return result;
+}
+export function swipeableWeek(parity, date,
+// spaceDaysProvider: SpaceDaysProvider,
+destroyed) {
+    // console.log('swipeableWeek', parity, date);
+    const activeDateID = dateToIso(date);
+    const animationState = initialAnimationState(parity);
+    let result = {
+        animationState,
+        startDate: getWeekStartDate(date, 0),
+        endDate: getWeekStartDate(date, 6),
+        parity,
+        activeDateID,
+        destroyed,
+        setDate: undefined,
+    };
+    const setActiveDate = (changed, animationState) => {
+        const { date } = changed;
+        const v = {
+            ...result,
+            animationState,
+            activeDateID: dateToIso(date),
+            startDate: getWeekStartDate(date, 0),
+            endDate: getWeekStartDate(date, 6),
+        };
+        return v;
+    };
+    result = { ...result, setDate: setActiveDate };
+    return result;
+}
+//# sourceMappingURL=swipeable-ui.js.map

package/esm2022/lib/components/swipeable-ui.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"swipeable-ui.js","sourceRoot":"","sources":["../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/swipeable-ui.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,gBAAgB,GAEjB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAM1D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAiBpD,SAAS,qBAAqB,CAAC,MAAc;IAC3C,OAAO,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,MAAc,EACd,IAAU,EACV,iBAAuC,EACvC,SAA2B;IAE3B,0EAA0E;IAC1E,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACrD,MAAM,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,MAAM,GAAiB;QACzB,MAAM;QACN,iBAAiB;QACjB,OAAO;QACP,SAAS;QACT,cAAc;QACd,YAAY;QACZ,OAAO,EAAE,SAA+D;KACzE,CAAC;IACF,MAAM,OAAO,GAAG,CACd,OAAqB,EACrB,cAA4C,EAC5C,EAAE;QACF,iEAAiE;QACjE,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;QACzB,MAAM,CAAC,GAAiB;YACtB,GAAG,MAAM;YACT,cAAc;YACd,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC;YAC7B,OAAO,EAAE,aAAa,CAAC,IAAI,EAAE,iBAAiB,CAAC;SAChD,CAAC;QACF,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IACF,MAAM,GAAG,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,CAAC;IAChC,OAAO,MAAM,CAAC;AAChB,CAAC;AA0ED,MAAM,UAAU,aAAa,CAC3B,MAAc,EACd,IAAU;AACV,wCAAwC;AACxC,SAA2B;IAE3B,8CAA8C;IAC9C,MAAM,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,cAAc,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACrD,IAAI,MAAM,GAAkB;QAC1B,cAAc;QACd,SAAS,EAAE,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAC;QACpC,OAAO,EAAE,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAC;QAClC,MAAM;QACN,YAAY;QACZ,SAAS;QACT,OAAO,EAAE,SAAgE;KAC1E,CAAC;IACF,MAAM,aAAa,GAAG,CACpB,OAAqB,EACrB,cAA4C,EAC5C,EAAE;QACF,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;QACzB,MAAM,CAAC,GAAkB;YACvB,GAAG,MAAM;YACT,cAAc;YACd,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC;YAC7B,SAAS,EAAE,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAC;YACpC,OAAO,EAAE,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAC;SACnC,CAAC;QACF,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IACF,MAAM,GAAG,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;IAC/C,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import {\n hideVirtualSlide,\n showVirtualSlide,\n VirtualSlideAnimationsStates,\n} from '@sneat/components';\nimport { dateToIso, getWeekStartDate } from '@sneat/core';\nimport { Weekday } from './calendar/weekday';\nimport { Observable } from 'rxjs';\nimport { CalendarDataProvider } from '../services/calendar-data-provider';\nimport { IDateChanged } from './calendar/calendar-state.service';\nimport { Week } from './week';\nimport { createWeekday } from './weekday-functions';\n\nexport type Parity = 'odd' | 'even'; // TODO: change to 'current' | 'next' | 'prev';\n\nexport interface Swipeable {\n // TODO: Is in process of migrating to SwipeableCardBaseComponent?\n // id: string;\n readonly animationState: VirtualSlideAnimationsStates;\n readonly parity: Parity;\n readonly destroyed: Observable<void>;\n readonly activeDateID: string;\n readonly setDate: (\n changed: IDateChanged,\n animationState: VirtualSlideAnimationsStates,\n ) => Swipeable;\n}\n\nfunction initialAnimationState(parity: Parity): VirtualSlideAnimationsStates {\n return parity === 'odd' ? showVirtualSlide : hideVirtualSlide;\n}\n\nexport function swipeableDay(\n parity: Parity,\n date: Date,\n spaceDaysProvider: CalendarDataProvider,\n destroyed: Observable<void>,\n): SwipeableDay {\n // console.log(`swipeableDay(parity=${parity}, date=${dateToIso(date)})`);\n const weekday = createWeekday(date, spaceDaysProvider);\n const animationState = initialAnimationState(parity);\n const activeDateID = dateToIso(date);\n let result: SwipeableDay = {\n parity,\n spaceDaysProvider,\n weekday,\n destroyed,\n animationState,\n activeDateID,\n setDate: undefined as unknown as (changed: IDateChanged) => SwipeableDay,\n };\n const setDate = (\n changed: IDateChanged,\n animationState: VirtualSlideAnimationsStates,\n ) => {\n // console.log(`swipeableDay.setDate(), changed:`, changedToLog);\n const { date } = changed;\n const v: SwipeableDay = {\n ...result,\n animationState,\n activeDateID: dateToIso(date),\n weekday: createWeekday(date, spaceDaysProvider),\n };\n return v;\n };\n result = { ...result, setDate };\n return result;\n}\n\nexport interface SwipeableDay extends Swipeable {\n // private readonly dayChanged = new Subject<void>();\n weekday: Weekday;\n spaceDaysProvider: CalendarDataProvider;\n // public animationState: VirtualSlideAnimationsStates;\n\n // constructor(\n // \tpublic readonly parity: Parity,\n // \tpublic date: Date,\n // \tprivate readonly spaceDaysProvider: SpaceDaysProvider,\n // \tprivate readonly destroyed: Observable<void>,\n // ) {\n // \tthis.animationState = parity === 'odd' ? showVirtualSlide : hideVirtualSlide;\n // \tthis.id = dateToIso(date);\n // \tconsole.log(`SwipeableDay.constructor(parity=${parity}, date=${this.id})`);\n // \tthis.weekday = this.createDay(date);\n // }\n //\n // public setActiveDate(date: Date): void {\n // \tconst id = dateToIso(date);\n // \tif (id === '1970-01-01') {\n // \t\tthrow new Error('an attempt to set an empty date 1970-01-01');\n // \t}\n // \tconsole.log(`SwipeableDay.changeDate(${id}), parity=${this.parity}`);\n // \tif (id === this.id) {\n // \t\tconsole.warn(`SwipeableDay.changeDate() - got duplicate call with same day \"${id}\"`);\n // \t\treturn;\n // \t}\n // \tthis.id = id;\n // \tthis.date = date;\n // \tthis.dayChanged.next();\n // \tthis.weekday = this.createDay(date);\n // }\n //\n // private createDay(date: Date): Weekday {\n // \tconst id = getWd2(date);\n // \treturn {\n // \t\tid,\n // \t\tlongTitle: wdCodeToWeekdayLongName(id),\n // \t\tday: this.spaceDaysProvider.getTeamDay(date),\n // \t};\n // }\n}\n\nexport interface SwipeableWeek extends Swipeable, Week {\n readonly startDate: Date;\n readonly endDate: Date;\n\n // public _activeDate: Date;\n //\n // public get activeDate() {\n // \treturn this._activeDate;\n // }\n //\n // constructor(\n // \tpublic readonly parity: Parity,\n // \tprivate readonly spaceDaysProvider: SpaceDaysProvider,\n // \tprivate readonly destroyed: Observable<void>,\n // ) {\n // \tthis.animationState = parity === 'odd' ? showVirtualSlide : hideVirtualSlide;\n // \tthis._activeDate = new Date();\n // \tthis.startDate = getWeekdayDate(this._activeDate, 0);\n // \tthis.endDate = getWeekdayDate(this._activeDate, 6);\n // }\n //\n // public setActiveDate(v: Date) {\n // \tthis._activeDate = v;\n // \tthis.startDate = getWeekdayDate(v, 0);\n // \tthis.endDate = getWeekdayDate(v, 6);\n // }\n}\n\nexport function swipeableWeek(\n parity: Parity,\n date: Date,\n // spaceDaysProvider: SpaceDaysProvider,\n destroyed: Observable<void>,\n): SwipeableWeek {\n // console.log('swipeableWeek', parity, date);\n const activeDateID = dateToIso(date);\n const animationState = initialAnimationState(parity);\n let result: SwipeableWeek = {\n animationState,\n startDate: getWeekStartDate(date, 0),\n endDate: getWeekStartDate(date, 6),\n parity,\n activeDateID,\n destroyed,\n setDate: undefined as unknown as (changed: IDateChanged) => SwipeableWeek,\n };\n const setActiveDate = (\n changed: IDateChanged,\n animationState: VirtualSlideAnimationsStates,\n ) => {\n const { date } = changed;\n const v: SwipeableWeek = {\n ...result,\n animationState,\n activeDateID: dateToIso(date),\n startDate: getWeekStartDate(date, 0),\n endDate: getWeekStartDate(date, 6),\n };\n return v;\n };\n result = { ...result, setDate: setActiveDate };\n return result;\n}\n"]}

package/esm2022/lib/components/week.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=week.js.map

package/esm2022/lib/components/week.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"week.js","sourceRoot":"","sources":["../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/week.ts"],"names":[],"mappings":"","sourcesContent":["export interface Week {\n startDate: Date; // e.g. Monday\n endDate: Date; // e.g. Sunday\n}\n"]}

package/esm2022/lib/components/weekday-functions.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { getWd2, wdCodeToWeekdayLongName } from '@sneat/mod-schedulus-core';
+export function createWeekday(date, spaceDaysProvider) {
+    const id = getWd2(date);
+    const day = spaceDaysProvider.getCalendarDay(date);
+    const weekday = {
+        id,
+        day,
+        longTitle: wdCodeToWeekdayLongName(id),
+    };
+    // console.log('createWeekday();', date, spaceDaysProvider, weekday);
+    return weekday;
+}
+//# sourceMappingURL=weekday-functions.js.map

package/esm2022/lib/components/weekday-functions.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"weekday-functions.js","sourceRoot":"","sources":["../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/weekday-functions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAI5E,MAAM,UAAU,aAAa,CAC3B,IAAU,EACV,iBAAuC;IAEvC,MAAM,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,MAAM,GAAG,GAAG,iBAAiB,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,OAAO,GAAY;QACvB,EAAE;QACF,GAAG;QACH,SAAS,EAAE,uBAAuB,CAAC,EAAE,CAAC;KACvC,CAAC;IACF,qEAAqE;IACrE,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import { getWd2, wdCodeToWeekdayLongName } from '@sneat/mod-schedulus-core';\nimport { CalendarDataProvider } from '../services/calendar-data-provider';\nimport { Weekday } from './calendar/weekday';\n\nexport function createWeekday(\n date: Date,\n spaceDaysProvider: CalendarDataProvider,\n): Weekday {\n const id = getWd2(date);\n const day = spaceDaysProvider.getCalendarDay(date);\n const weekday: Weekday = {\n id,\n day,\n longTitle: wdCodeToWeekdayLongName(id),\n };\n // console.log('createWeekday();', date, spaceDaysProvider, weekday);\n return weekday;\n}\n"]}

package/esm2022/lib/components/weekdays/weekdays-form-base.js ADDED Viewed

@@ -0,0 +1,72 @@
+import { computed, signal } from '@angular/core';
+import { SneatBaseComponent } from '@sneat/ui';
+// const weekdayRequired: ValidatorFn = (
+// 	control: AbstractControl,
+// ): ValidationErrors | null => {
+// 	const formGroup = control as UntypedFormGroup;
+// 	const weekdaySelected = Object.values(formGroup.value).includes(true);
+// 	if (weekdaySelected) {
+// 		return null;
+// 	}
+// 	return { required: 'Please select at least 1 weekday.' };
+// };
+export class WeekdaysFormBase extends SneatBaseComponent {
+    onWeekdaysCheckboxChange(checked) {
+        Object.entries(this.weekdayById).forEach((c) => {
+            if (!this.isWeekend(c[0])) {
+                c[1].set(checked);
+            }
+        });
+    }
+    isWeekend(day) {
+        return day === 'sa' || day === 'su';
+    }
+    onWeekendCheckboxChange(checked) {
+        Object.entries(this.weekdayById).forEach((c) => {
+            if (this.isWeekend(c[0])) {
+                c[1].set(checked);
+            }
+        });
+    }
+    onWeekdayChanged(wd, checked) {
+        this.weekdayById[wd].set(checked);
+    }
+    constructor(isWeekdayRequired) {
+        super();
+        this.isWeekdayRequired = isWeekdayRequired;
+        this.weekdayMo = signal(false, ...(ngDevMode ? [{ debugName: "weekdayMo" }] : []));
+        this.weekdayTu = signal(false, ...(ngDevMode ? [{ debugName: "weekdayTu" }] : []));
+        this.weekdayWe = signal(false, ...(ngDevMode ? [{ debugName: "weekdayWe" }] : []));
+        this.weekdayTh = signal(false, ...(ngDevMode ? [{ debugName: "weekdayTh" }] : []));
+        this.weekdayFr = signal(false, ...(ngDevMode ? [{ debugName: "weekdayFr" }] : []));
+        this.weekdaySa = signal(false, ...(ngDevMode ? [{ debugName: "weekdaySa" }] : []));
+        this.weekdaySu = signal(false, ...(ngDevMode ? [{ debugName: "weekdaySu" }] : []));
+        this.hasWeekdaySelected = computed(() => this.weekdayMo() ||
+            this.weekdayTu() ||
+            this.weekdayWe() ||
+            this.weekdayTh() ||
+            this.weekdayFr() ||
+            this.weekdaySa() ||
+            this.weekdaySu(), ...(ngDevMode ? [{ debugName: "hasWeekdaySelected" }] : []));
+        this.weekdaysCheckbox = computed(() => this.weekdayMo() &&
+            this.weekdayTu() &&
+            this.weekdayWe() &&
+            this.weekdayTh() &&
+            this.weekdayFr(), ...(ngDevMode ? [{ debugName: "weekdaysCheckbox" }] : []));
+        this.weekendCheckbox = computed(() => this.weekdaySa() && this.weekdaySu(), ...(ngDevMode ? [{ debugName: "weekendCheckbox" }] : []));
+        this.allWeekdaysSelected = computed(() => this.weekdaysCheckbox() && this.weekendCheckbox(), ...(ngDevMode ? [{ debugName: "allWeekdaysSelected" }] : []));
+        this.weekdayById = {
+            mo: this.weekdayMo,
+            tu: this.weekdayTu,
+            we: this.weekdayWe,
+            th: this.weekdayTh,
+            fr: this.weekdayFr,
+            sa: this.weekdaySa,
+            su: this.weekdaySu,
+        };
+        this.selectedWeekdayCodes = computed(() => Object.entries(this.weekdayById)
+            .filter(([, c]) => c())
+            .map(([wd]) => wd), ...(ngDevMode ? [{ debugName: "selectedWeekdayCodes" }] : []));
+    }
+}
+//# sourceMappingURL=weekdays-form-base.js.map

package/esm2022/lib/components/weekdays/weekdays-form-base.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"weekdays-form-base.js","sourceRoot":"","sources":["../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/weekdays/weekdays-form-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { computed, signal } from '@angular/core';\n// import {\n// \tAbstractControl,\n// \tFormGroup,\n// \tUntypedFormGroup,\n// \tValidationErrors,\n// \tValidatorFn,\n// } from '@angular/forms';\nimport { WeekdayCode2 } from '@sneat/mod-schedulus-core';\nimport { SneatBaseComponent } from '@sneat/ui';\n\n// const weekdayRequired: ValidatorFn = (\n// \tcontrol: AbstractControl,\n// ): ValidationErrors | null => {\n// \tconst formGroup = control as UntypedFormGroup;\n// \tconst weekdaySelected = Object.values(formGroup.value).includes(true);\n// \tif (weekdaySelected) {\n// \t\treturn null;\n// \t}\n// \treturn { required: 'Please select at least 1 weekday.' };\n// };\n\nexport abstract class WeekdaysFormBase extends SneatBaseComponent {\n protected readonly weekdayMo = signal(false);\n protected readonly weekdayTu = signal(false);\n protected readonly weekdayWe = signal(false);\n protected readonly weekdayTh = signal(false);\n protected readonly weekdayFr = signal(false);\n protected readonly weekdaySa = signal(false);\n protected readonly weekdaySu = signal(false);\n\n protected readonly hasWeekdaySelected = computed(\n () =>\n this.weekdayMo() ||\n this.weekdayTu() ||\n this.weekdayWe() ||\n this.weekdayTh() ||\n this.weekdayFr() ||\n this.weekdaySa() ||\n this.weekdaySu(),\n );\n\n protected readonly weekdaysCheckbox = computed(\n () =>\n this.weekdayMo() &&\n this.weekdayTu() &&\n this.weekdayWe() &&\n this.weekdayTh() &&\n this.weekdayFr(),\n );\n\n protected readonly weekendCheckbox = computed(\n () => this.weekdaySa() && this.weekdaySu(),\n );\n\n protected readonly allWeekdaysSelected = computed(\n () => this.weekdaysCheckbox() && this.weekendCheckbox(),\n );\n\n protected onWeekdaysCheckboxChange(checked: boolean): void {\n Object.entries(this.weekdayById).forEach((c) => {\n if (!this.isWeekend(c[0])) {\n c[1].set(checked);\n }\n });\n }\n\n private isWeekend(day: string): boolean {\n return day === 'sa' || day === 'su';\n }\n\n protected onWeekendCheckboxChange(checked: boolean): void {\n Object.entries(this.weekdayById).forEach((c) => {\n if (this.isWeekend(c[0])) {\n c[1].set(checked);\n }\n });\n }\n\n protected onWeekdayChanged(wd: WeekdayCode2, checked: boolean): void {\n this.weekdayById[wd].set(checked);\n }\n\n protected readonly weekdayById = {\n mo: this.weekdayMo,\n tu: this.weekdayTu,\n we: this.weekdayWe,\n th: this.weekdayTh,\n fr: this.weekdayFr,\n sa: this.weekdaySa,\n su: this.weekdaySu,\n };\n\n protected readonly selectedWeekdayCodes = computed(() =>\n Object.entries(this.weekdayById)\n .filter(([, c]) => c())\n .map(([wd]) => wd as WeekdayCode2),\n );\n\n protected constructor(protected readonly isWeekdayRequired: boolean) {\n super();\n }\n}\n"]}

package/esm2022/lib/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './services';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/extensions/schedulus/shared/src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC","sourcesContent":["export * from './components';\nexport * from './services';\n"]}