year-scheduler/esm2022/lib/axiom-scheduler-month-tile/axiom-scheduler-month-tile.component.mjs

An Angular Year Scheduler component.

import { Component, ViewEncapsulation, Input } from '@angular/core';
import { AxiomSchedulerComponentCommon } from '../axiom-scheduler/axiom-scheduler-component-common.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../axiom-scheduler-month-tile-day/axiom-scheduler-month-tile-day.component";
export class AxiomSchedulerMonthTileComponent extends AxiomSchedulerComponentCommon {
    monthObject;
    weekDays;
    constructor(injector) {
        super(injector);
    }
    ngOnInit() {
        this.refreshDate();
    }
    refreshView() {
        this.monthObject.month = this.date.startOf('months');
        this.monthObject.setDays();
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AxiomSchedulerMonthTileComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AxiomSchedulerMonthTileComponent, selector: "[ax-scheduler-month-tile]", inputs: { monthObject: "monthObject", weekDays: "weekDays" }, host: { classAttribute: "ax-scheduler__year-view__month" }, usesInheritance: true, ngImport: i0, template: "\n\n<div class=\"ax-scheduler__year-view__month__header\">\n   {{ monthObject.month.format('MMMM') }}\n</div>\n<div class=\"ax-scheduler__year-view__content\">\n    <div class=\"ax-scheduler__year-view__content_weekNumbers\">\n        <div *ngFor=\"let dayLetter of monthObject.monthWeeks\">\n            <span>\n                {{dayLetter}}\n            </span>    \n        </div>\n    </div>\n    <div class=\"ax-scheduler__year-view__month__body\">\n        <div class=\"ax-scheduler__year-header\" *ngFor=\"let dayLetter of weekDays\">\n            <span class=\"ax-scheduler__year-view__header__day\">\n                {{dayLetter}}\n            </span>    \n        </div>\n        <div *ngFor=\"let day of monthObject.days\" class=\"ax-scheduler__year-data\" \n                [ngClass]=\"{ 'today' : day.isSame(today,'days') , 'current' : day.isSame(monthObject.month,'months') }\">\n            <span ax-scheduler-month-tile-day *ngIf=\"day.isSame(monthObject.month,'months')\"\n            [axEventTemplate] = \"axEventTemplate\"\n            [axEventFormatter] = \"axEventFormatter\"\n            [axDragStep]=\"axDragStep\"\n            [axStartDate]=\"axStartDate\"\n            [day]=\"day\"></span>\n        </div>\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AxiomSchedulerMonthTileDayComponent, selector: "[ax-scheduler-month-tile-day]", inputs: ["day"] }], encapsulation: i0.ViewEncapsulation.None });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AxiomSchedulerMonthTileComponent, decorators: [{
            type: Component,
            args: [{ selector: '[ax-scheduler-month-tile]', encapsulation: ViewEncapsulation.None, host: {
                        'class': 'ax-scheduler__year-view__month'
                    }, standalone: false, template: "\n\n<div class=\"ax-scheduler__year-view__month__header\">\n   {{ monthObject.month.format('MMMM') }}\n</div>\n<div class=\"ax-scheduler__year-view__content\">\n    <div class=\"ax-scheduler__year-view__content_weekNumbers\">\n        <div *ngFor=\"let dayLetter of monthObject.monthWeeks\">\n            <span>\n                {{dayLetter}}\n            </span>    \n        </div>\n    </div>\n    <div class=\"ax-scheduler__year-view__month__body\">\n        <div class=\"ax-scheduler__year-header\" *ngFor=\"let dayLetter of weekDays\">\n            <span class=\"ax-scheduler__year-view__header__day\">\n                {{dayLetter}}\n            </span>    \n        </div>\n        <div *ngFor=\"let day of monthObject.days\" class=\"ax-scheduler__year-data\" \n                [ngClass]=\"{ 'today' : day.isSame(today,'days') , 'current' : day.isSame(monthObject.month,'months') }\">\n            <span ax-scheduler-month-tile-day *ngIf=\"day.isSame(monthObject.month,'months')\"\n            [axEventTemplate] = \"axEventTemplate\"\n            [axEventFormatter] = \"axEventFormatter\"\n            [axDragStep]=\"axDragStep\"\n            [axStartDate]=\"axStartDate\"\n            [day]=\"day\"></span>\n        </div>\n    </div>\n</div>" }]
        }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { monthObject: [{
                type: Input
            }], weekDays: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXhpb20tc2NoZWR1bGVyLW1vbnRoLXRpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMveWVhci1zY2hlZHVsZXIvc3JjL2xpYi9heGlvbS1zY2hlZHVsZXItbW9udGgtdGlsZS9heGlvbS1zY2hlZHVsZXItbW9udGgtdGlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy95ZWFyLXNjaGVkdWxlci9zcmMvbGliL2F4aW9tLXNjaGVkdWxlci1tb250aC10aWxlL2F4aW9tLXNjaGVkdWxlci1tb250aC10aWxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsaUJBQWlCLEVBQVksS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLCtEQUErRCxDQUFDOzs7O0FBYTlHLE1BQU0sT0FBTyxnQ0FBaUMsU0FBUSw2QkFBNkI7SUFFeEUsV0FBVyxDQUFxQztJQUd6RCxRQUFRLENBQVk7SUFFcEIsWUFBWSxRQUFrQjtRQUM1QixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbEIsQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVlLFdBQVc7UUFDekIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDckQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUM3QixDQUFDO3dHQWxCVSxnQ0FBZ0M7NEZBQWhDLGdDQUFnQyxrTkNkN0MscXVDQTZCTTs7NEZEZk8sZ0NBQWdDO2tCQVY1QyxTQUFTOytCQUNJLDJCQUEyQixpQkFHdEIsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDRixPQUFPLEVBQUUsZ0NBQWdDO3FCQUM1QyxjQUNXLEtBQUs7NkVBSVYsV0FBVztzQkFBbkIsS0FBSztnQkFHTixRQUFRO3NCQURQLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24sIEluamVjdG9yLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXhpb21TY2hlZHVsZXJDb21wb25lbnRDb21tb24gfSBmcm9tICcuLi9heGlvbS1zY2hlZHVsZXIvYXhpb20tc2NoZWR1bGVyLWNvbXBvbmVudC1jb21tb24uY29tcG9uZW50JztcbmltcG9ydCB7IEF4aW9tU2NoZWR1bGVyWWVhclZpZXdNb250aE9iamVjdCB9IGZyb20gJy4uL21vZGVsL2F4aW9tLXNjaGVkdWxlci15ZWFyLXZpZXctbW9udGgtb2JqZWN0Lm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdbYXgtc2NoZWR1bGVyLW1vbnRoLXRpbGVdJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYXhpb20tc2NoZWR1bGVyLW1vbnRoLXRpbGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2F4aW9tLXNjaGVkdWxlci1tb250aC10aWxlLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBob3N0OiB7XG4gICAgICAgICdjbGFzcyc6ICdheC1zY2hlZHVsZXJfX3llYXItdmlld19fbW9udGgnXG4gICAgfSxcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxufSlcbmV4cG9ydCBjbGFzcyBBeGlvbVNjaGVkdWxlck1vbnRoVGlsZUNvbXBvbmVudCBleHRlbmRzIEF4aW9tU2NoZWR1bGVyQ29tcG9uZW50Q29tbW9uIGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBtb250aE9iamVjdCE6IEF4aW9tU2NoZWR1bGVyWWVhclZpZXdNb250aE9iamVjdDtcblxuICBASW5wdXQoKVxuICB3ZWVrRGF5cyE6IHN0cmluZ1tdO1xuXG4gIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgIHN1cGVyKGluamVjdG9yKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnJlZnJlc2hEYXRlKCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgcmVmcmVzaFZpZXcoKTogdm9pZCB7XG4gICAgdGhpcy5tb250aE9iamVjdC5tb250aCA9IHRoaXMuZGF0ZS5zdGFydE9mKCdtb250aHMnKTtcbiAgICB0aGlzLm1vbnRoT2JqZWN0LnNldERheXMoKTtcbiAgfVxuXG59XG4iLCJcblxuPGRpdiBjbGFzcz1cImF4LXNjaGVkdWxlcl9feWVhci12aWV3X19tb250aF9faGVhZGVyXCI+XG4gICB7eyBtb250aE9iamVjdC5tb250aC5mb3JtYXQoJ01NTU0nKSB9fVxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiYXgtc2NoZWR1bGVyX195ZWFyLXZpZXdfX2NvbnRlbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtc2NoZWR1bGVyX195ZWFyLXZpZXdfX2NvbnRlbnRfd2Vla051bWJlcnNcIj5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZGF5TGV0dGVyIG9mIG1vbnRoT2JqZWN0Lm1vbnRoV2Vla3NcIj5cbiAgICAgICAgICAgIDxzcGFuPlxuICAgICAgICAgICAgICAgIHt7ZGF5TGV0dGVyfX1cbiAgICAgICAgICAgIDwvc3Bhbj4gICAgXG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJheC1zY2hlZHVsZXJfX3llYXItdmlld19fbW9udGhfX2JvZHlcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LXNjaGVkdWxlcl9feWVhci1oZWFkZXJcIiAqbmdGb3I9XCJsZXQgZGF5TGV0dGVyIG9mIHdlZWtEYXlzXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImF4LXNjaGVkdWxlcl9feWVhci12aWV3X19oZWFkZXJfX2RheVwiPlxuICAgICAgICAgICAgICAgIHt7ZGF5TGV0dGVyfX1cbiAgICAgICAgICAgIDwvc3Bhbj4gICAgXG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBkYXkgb2YgbW9udGhPYmplY3QuZGF5c1wiIGNsYXNzPVwiYXgtc2NoZWR1bGVyX195ZWFyLWRhdGFcIiBcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ICd0b2RheScgOiBkYXkuaXNTYW1lKHRvZGF5LCdkYXlzJykgLCAnY3VycmVudCcgOiBkYXkuaXNTYW1lKG1vbnRoT2JqZWN0Lm1vbnRoLCdtb250aHMnKSB9XCI+XG4gICAgICAgICAgICA8c3BhbiBheC1zY2hlZHVsZXItbW9udGgtdGlsZS1kYXkgKm5nSWY9XCJkYXkuaXNTYW1lKG1vbnRoT2JqZWN0Lm1vbnRoLCdtb250aHMnKVwiXG4gICAgICAgICAgICBbYXhFdmVudFRlbXBsYXRlXSA9IFwiYXhFdmVudFRlbXBsYXRlXCJcbiAgICAgICAgICAgIFtheEV2ZW50Rm9ybWF0dGVyXSA9IFwiYXhFdmVudEZvcm1hdHRlclwiXG4gICAgICAgICAgICBbYXhEcmFnU3RlcF09XCJheERyYWdTdGVwXCJcbiAgICAgICAgICAgIFtheFN0YXJ0RGF0ZV09XCJheFN0YXJ0RGF0ZVwiXG4gICAgICAgICAgICBbZGF5XT1cImRheVwiPjwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=