@onemrvapublic/design-system 1.0.0-beta.4 → 1.0.0-develop.1

package/fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs

@@ -0,0 +1,211 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
+import { MatDatepickerIntl, MatCalendar } from '@angular/material/datepicker';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatTooltip } from '@angular/material/tooltip';
+import { DateTime } from 'luxon';
+
+const YEARS_PER_PAGE = 24;
+let calendarHeaderId = 1;
+class OnemrvaMatDatepickerHeaderComponent {
+    constructor() {
+        this._intl = inject(MatDatepickerIntl);
+        this.calendar = inject(MatCalendar);
+        this._dateAdapter = inject(DateAdapter, {
+            optional: true,
+        });
+        this._dateFormats = inject(MAT_DATE_FORMATS, {
+            optional: true,
+        });
+        this._id = `mat-calendar-header-${calendarHeaderId++}`;
+        this._periodButtonLabelId = `${this._id}-period-label`;
+    }
+    setToday() {
+        if (this._dateAdapter?.constructor.name.includes('Luxon')) {
+            this.calendar._goToDateInView(DateTime.now(), 'month');
+        }
+        else {
+            this.calendar._goToDateInView(new Date(), 'month');
+        }
+    }
+    /** The display text for the current calendar view. */
+    get periodButtonText() {
+        if (this.calendar.activeDate !== null &&
+            this.calendar.currentView == 'month' &&
+            this._dateAdapter &&
+            this._dateFormats) {
+            return this._dateAdapter
+                .format(this.calendar.activeDate, this._dateFormats.display.monthYearLabel)
+                .toLocaleUpperCase();
+        }
+        if (this.calendar.currentView == 'year' && this._dateAdapter) {
+            return this._dateAdapter.getYearName(this.calendar.activeDate);
+        }
+        return this._intl.formatYearRange(...this._formatMinAndMaxYearLabels());
+    }
+    /** The aria description for the current calendar view. */
+    get periodButtonDescription() {
+        if (this.calendar.currentView == 'month' &&
+            this._dateFormats &&
+            this._dateAdapter) {
+            return this._dateAdapter
+                .format(this.calendar.activeDate, this._dateFormats.display.monthYearLabel)
+                .toLocaleUpperCase();
+        }
+        if (this.calendar.currentView == 'year' && this._dateAdapter) {
+            return this._dateAdapter.getYearName(this.calendar.activeDate);
+        }
+        // Format a label for the window of years displayed in the multi-year calendar view. Use
+        // `formatYearRangeLabel` because it is TTS friendly.
+        return this._intl.formatYearRangeLabel(...this._formatMinAndMaxYearLabels());
+    }
+    /** The `aria-label` for changing the calendar view. */
+    get periodButtonLabel() {
+        return this.calendar.currentView == 'month'
+            ? this._intl.switchToMultiYearViewLabel
+            : this._intl.switchToMonthViewLabel;
+    }
+    /** The label for the previous button. */
+    get prevButtonLabel() {
+        return {
+            month: this._intl.prevMonthLabel,
+            year: this._intl.prevYearLabel,
+            'multi-year': this._intl.prevMultiYearLabel,
+        }[this.calendar.currentView];
+    }
+    /** The label for the next button. */
+    get nextButtonLabel() {
+        return {
+            month: this._intl.nextMonthLabel,
+            year: this._intl.nextYearLabel,
+            'multi-year': this._intl.nextMultiYearLabel,
+        }[this.calendar.currentView];
+    }
+    /** Handles user clicks on the period label. */
+    currentPeriodClicked() {
+        this.calendar.currentView =
+            this.calendar.currentView == 'month' ? 'multi-year' : 'month';
+    }
+    /** Handles user clicks on the previous button. */
+    previousClicked() {
+        this.calendar.activeDate =
+            this.calendar.currentView == 'month'
+                ? this._dateAdapter.addCalendarMonths(this.calendar.activeDate, -1)
+                : this._dateAdapter.addCalendarYears(this.calendar.activeDate, this.calendar.currentView == 'year' ? -1 : -YEARS_PER_PAGE);
+    }
+    /** Handles user clicks on the next button. */
+    nextClicked() {
+        this.calendar.activeDate =
+            this.calendar.currentView == 'month'
+                ? this._dateAdapter.addCalendarMonths(this.calendar.activeDate, 1)
+                : this._dateAdapter.addCalendarYears(this.calendar.activeDate, this.calendar.currentView == 'year' ? 1 : YEARS_PER_PAGE);
+    }
+    /** Whether the previous period button is enabled. */
+    previousEnabled() {
+        if (!this.calendar.minDate) {
+            return true;
+        }
+        return (!this.calendar.minDate ||
+            !this._isSameView(this.calendar.activeDate, this.calendar.minDate));
+    }
+    /** Whether the next period button is enabled. */
+    nextEnabled() {
+        return (!this.calendar.maxDate ||
+            !this._isSameView(this.calendar.activeDate, this.calendar.maxDate));
+    }
+    /** Whether the two dates represent the same view in the current view mode (month or year). */
+    _isSameView(date1, date2) {
+        if (this.calendar.currentView == 'month') {
+            return (this._dateAdapter.getYear(date1) ==
+                this._dateAdapter.getYear(date2) &&
+                this._dateAdapter.getMonth(date1) == this._dateAdapter.getMonth(date2));
+        }
+        if (this.calendar.currentView == 'year') {
+            return (this._dateAdapter.getYear(date1) == this._dateAdapter.getYear(date2));
+        }
+        // Otherwise we are in 'multi-year' view.
+        return isSameMultiYearView(this._dateAdapter, date1, date2, this.calendar.minDate, this.calendar.maxDate);
+    }
+    /**
+     * Format two individual labels for the minimum year and maximum year available in the multi-year
+     * calendar view. Returns an array of two strings where the first string is the formatted label
+     * for the minimum year, and the second string is the formatted label for the maximum year.
+     */
+    _formatMinAndMaxYearLabels() {
+        // The offset from the active year to the "slot" for the starting year is the
+        // *actual* first rendered year in the multi-year view, and the last year is
+        // just yearsPerPage - 1 away.
+        const activeYear = this._dateAdapter.getYear(this.calendar.activeDate);
+        const minYearOfPage = activeYear -
+            getActiveOffset(this._dateAdapter, this.calendar.activeDate, this.calendar.minDate, this.calendar.maxDate);
+        const maxYearOfPage = minYearOfPage + YEARS_PER_PAGE - 1;
+        const minYearLabel = this._dateAdapter.getYearName(this._dateAdapter.createDate(minYearOfPage, 0, 1));
+        const maxYearLabel = this._dateAdapter.getYearName(this._dateAdapter.createDate(maxYearOfPage, 0, 1));
+        return [minYearLabel, maxYearLabel];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatDatepickerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatDatepickerHeaderComponent, isStandalone: true, selector: "onemrva-mat-datepicker-header", providers: [], ngImport: i0, template: "<div class=\"mat-calendar-header\">\n  <div class=\"mat-calendar-controls\">\n    <button\n      mat-button\n      type=\"button\"\n      class=\"mat-calendar-period-button\"\n      (click)=\"currentPeriodClicked()\"\n      [attr.aria-label]=\"periodButtonLabel\"\n      [attr.aria-describedby]=\"_periodButtonLabelId\"\n      aria-live=\"polite\"\n    >\n      <span aria-hidden=\"true\">{{ periodButtonText }}</span>\n      <svg\n        class=\"mat-calendar-arrow\"\n        [class.mat-calendar-invert]=\"calendar.currentView !== 'month'\"\n        viewBox=\"0 0 10 5\"\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <polygon points=\"0,0 5,5 10,0\" />\n      </svg>\n    </button>\n\n    <div class=\"mat-calendar-spacer\"></div>\n\n    <ng-content></ng-content>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      [disabled]=\"!previousEnabled()\"\n      (click)=\"previousClicked()\"\n      [attr.aria-label]=\"prevButtonLabel\"\n      [matTooltip]=\"'Previous Month' | translate\"\n    >\n      <mat-icon>keyboard_arrow_left</mat-icon>\n    </button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      (click)=\"setToday()\"\n      [attr.aria-label]=\"'Today' | translate\"\n      [matTooltip]=\"'Today' | translate\"\n    >\n      <mat-icon>today</mat-icon>\n    </button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      [disabled]=\"!nextEnabled()\"\n      (click)=\"nextClicked()\"\n      [attr.aria-label]=\"nextButtonLabel\"\n      [matTooltip]=\"'Next Month' | translate\"\n    >\n      <mat-icon>keyboard_arrow_right</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: ["a.onemrva-calendar-header-today{font-size:12px;color:var(--mat-sys-primary);text-decoration:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatDatepickerHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-datepicker-header', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        TranslateModule,
+                        MatTooltip,
+                    ], providers: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mat-calendar-header\">\n  <div class=\"mat-calendar-controls\">\n    <button\n      mat-button\n      type=\"button\"\n      class=\"mat-calendar-period-button\"\n      (click)=\"currentPeriodClicked()\"\n      [attr.aria-label]=\"periodButtonLabel\"\n      [attr.aria-describedby]=\"_periodButtonLabelId\"\n      aria-live=\"polite\"\n    >\n      <span aria-hidden=\"true\">{{ periodButtonText }}</span>\n      <svg\n        class=\"mat-calendar-arrow\"\n        [class.mat-calendar-invert]=\"calendar.currentView !== 'month'\"\n        viewBox=\"0 0 10 5\"\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <polygon points=\"0,0 5,5 10,0\" />\n      </svg>\n    </button>\n\n    <div class=\"mat-calendar-spacer\"></div>\n\n    <ng-content></ng-content>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      [disabled]=\"!previousEnabled()\"\n      (click)=\"previousClicked()\"\n      [attr.aria-label]=\"prevButtonLabel\"\n      [matTooltip]=\"'Previous Month' | translate\"\n    >\n      <mat-icon>keyboard_arrow_left</mat-icon>\n    </button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      (click)=\"setToday()\"\n      [attr.aria-label]=\"'Today' | translate\"\n      [matTooltip]=\"'Today' | translate\"\n    >\n      <mat-icon>today</mat-icon>\n    </button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      [disabled]=\"!nextEnabled()\"\n      (click)=\"nextClicked()\"\n      [attr.aria-label]=\"nextButtonLabel\"\n      [matTooltip]=\"'Next Month' | translate\"\n    >\n      <mat-icon>keyboard_arrow_right</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: ["a.onemrva-calendar-header-today{font-size:12px;color:var(--mat-sys-primary);text-decoration:none}\n"] }]
+        }] });
+function isSameMultiYearView(dateAdapter, date1, date2, minDate, maxDate) {
+    const year1 = dateAdapter.getYear(date1);
+    const year2 = dateAdapter.getYear(date2);
+    const startingYear = getStartingYear(dateAdapter, minDate, maxDate);
+    return (Math.floor((year1 - startingYear) / YEARS_PER_PAGE) ===
+        Math.floor((year2 - startingYear) / YEARS_PER_PAGE));
+}
+/**
+ * We pick a "starting" year such that either the maximum year would be at the end
+ * or the minimum year would be at the beginning of a page.
+ */
+function getStartingYear(dateAdapter, minDate, maxDate) {
+    let startingYear = 0;
+    if (maxDate) {
+        const maxYear = dateAdapter.getYear(maxDate);
+        startingYear = maxYear - YEARS_PER_PAGE + 1;
+    }
+    else if (minDate) {
+        startingYear = dateAdapter.getYear(minDate);
+    }
+    return startingYear;
+}
+/**
+ * When the multi-year view is first opened, the active year will be in view.
+ * So we compute how many years are between the active year and the *slot* where our
+ * "startingYear" will render when paged into view.
+ */
+function getActiveOffset(dateAdapter, activeDate, minDate, maxDate) {
+    const activeYear = dateAdapter.getYear(activeDate);
+    return euclideanModulo(activeYear - getStartingYear(dateAdapter, minDate, maxDate), YEARS_PER_PAGE);
+}
+/** Gets remainder that is non-negative, even if first number is negative */
+function euclideanModulo(a, b) {
+    return ((a % b) + b) % b;
+}
+
+/*
+ * Public API Surface of mat-file upload
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaMatDatepickerHeaderComponent };
+//# sourceMappingURL=onemrvapublic-design-system-mat-datepicker-header.mjs.map

package/fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-mat-datepicker-header.mjs","sources":["../../../../projects/onemrva/design-system/mat-datepicker-header/src/onemrva-mat-datepicker-header.component.ts","../../../../projects/onemrva/design-system/mat-datepicker-header/src/onemrva-mat-datepicker-header.component.html","../../../../projects/onemrva/design-system/mat-datepicker-header/index.ts","../../../../projects/onemrva/design-system/mat-datepicker-header/onemrvapublic-design-system-mat-datepicker-header.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, ChangeDetectionStrategy, inject } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport {\n  DateAdapter,\n  MAT_DATE_FORMATS,\n  MatDateFormats,\n} from '@angular/material/core';\nimport { MatCalendar, MatDatepickerIntl } from '@angular/material/datepicker';\nimport { MatIconModule } from '@angular/material/icon';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { DateTime } from 'luxon';\n\nconst YEARS_PER_PAGE = 24;\nlet calendarHeaderId = 1;\n\n@Component({\n  selector: 'onemrva-mat-datepicker-header',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatButtonModule,\n    MatIconModule,\n    TranslateModule,\n    MatTooltip,\n  ],\n  templateUrl: 'onemrva-mat-datepicker-header.component.html',\n  styleUrl: 'onemrva-mat-datepicker-header.component.scss',\n  providers: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class OnemrvaMatDatepickerHeaderComponent<D> {\n  private _intl = inject(MatDatepickerIntl);\n  calendar = inject<MatCalendar<D>>(MatCalendar);\n  private _dateAdapter = inject<DateAdapter<D>>(DateAdapter, {\n    optional: true,\n  });\n  private _dateFormats = inject<MatDateFormats>(MAT_DATE_FORMATS, {\n    optional: true,\n  });\n\n  setToday() {\n    if (this._dateAdapter?.constructor.name.includes('Luxon')) {\n      (this.calendar as unknown as MatCalendar<DateTime>)._goToDateInView(\n        DateTime.now(),\n        'month',\n      );\n    } else {\n      (this.calendar as unknown as MatCalendar<Date>)._goToDateInView(\n        new Date(),\n        'month',\n      );\n    }\n  }\n\n  /** The display text for the current calendar view. */\n  get periodButtonText(): string {\n    if (\n      this.calendar.activeDate !== null &&\n      this.calendar.currentView == 'month' &&\n      this._dateAdapter &&\n      this._dateFormats\n    ) {\n      return this._dateAdapter\n        .format(\n          this.calendar.activeDate,\n          this._dateFormats.display.monthYearLabel,\n        )\n        .toLocaleUpperCase();\n    }\n    if (this.calendar.currentView == 'year' && this._dateAdapter) {\n      return this._dateAdapter.getYearName(this.calendar.activeDate);\n    }\n\n    return this._intl.formatYearRange(...this._formatMinAndMaxYearLabels());\n  }\n\n  /** The aria description for the current calendar view. */\n  get periodButtonDescription(): string {\n    if (\n      this.calendar.currentView == 'month' &&\n      this._dateFormats &&\n      this._dateAdapter\n    ) {\n      return this._dateAdapter\n        .format(\n          this.calendar.activeDate,\n          this._dateFormats.display.monthYearLabel,\n        )\n        .toLocaleUpperCase();\n    }\n    if (this.calendar.currentView == 'year' && this._dateAdapter) {\n      return this._dateAdapter.getYearName(this.calendar.activeDate);\n    }\n\n    // Format a label for the window of years displayed in the multi-year calendar view. Use\n    // `formatYearRangeLabel` because it is TTS friendly.\n    return this._intl.formatYearRangeLabel(\n      ...this._formatMinAndMaxYearLabels(),\n    );\n  }\n\n  /** The `aria-label` for changing the calendar view. */\n  get periodButtonLabel(): string {\n    return this.calendar.currentView == 'month'\n      ? this._intl.switchToMultiYearViewLabel\n      : this._intl.switchToMonthViewLabel;\n  }\n\n  /** The label for the previous button. */\n  get prevButtonLabel(): string {\n    return {\n      month: this._intl.prevMonthLabel,\n      year: this._intl.prevYearLabel,\n      'multi-year': this._intl.prevMultiYearLabel,\n    }[this.calendar.currentView];\n  }\n\n  /** The label for the next button. */\n  get nextButtonLabel(): string {\n    return {\n      month: this._intl.nextMonthLabel,\n      year: this._intl.nextYearLabel,\n      'multi-year': this._intl.nextMultiYearLabel,\n    }[this.calendar.currentView];\n  }\n\n  /** Handles user clicks on the period label. */\n  currentPeriodClicked(): void {\n    this.calendar.currentView =\n      this.calendar.currentView == 'month' ? 'multi-year' : 'month';\n  }\n\n  /** Handles user clicks on the previous button. */\n  previousClicked(): void {\n    this.calendar.activeDate =\n      this.calendar.currentView == 'month'\n        ? this._dateAdapter!.addCalendarMonths(this.calendar.activeDate, -1)\n        : this._dateAdapter!.addCalendarYears(\n            this.calendar.activeDate,\n            this.calendar.currentView == 'year' ? -1 : -YEARS_PER_PAGE,\n          );\n  }\n\n  /** Handles user clicks on the next button. */\n  nextClicked(): void {\n    this.calendar.activeDate =\n      this.calendar.currentView == 'month'\n        ? this._dateAdapter!.addCalendarMonths(this.calendar.activeDate, 1)\n        : this._dateAdapter!.addCalendarYears(\n            this.calendar.activeDate,\n            this.calendar.currentView == 'year' ? 1 : YEARS_PER_PAGE,\n          );\n  }\n\n  /** Whether the previous period button is enabled. */\n  previousEnabled(): boolean {\n    if (!this.calendar.minDate) {\n      return true;\n    }\n    return (\n      !this.calendar.minDate ||\n      !this._isSameView(this.calendar.activeDate, this.calendar.minDate)\n    );\n  }\n\n  /** Whether the next period button is enabled. */\n  nextEnabled(): boolean {\n    return (\n      !this.calendar.maxDate ||\n      !this._isSameView(this.calendar.activeDate, this.calendar.maxDate)\n    );\n  }\n\n  /** Whether the two dates represent the same view in the current view mode (month or year). */\n  private _isSameView(date1: D, date2: D): boolean {\n    if (this.calendar.currentView == 'month') {\n      return (\n        this._dateAdapter!.getYear(date1) ==\n          this._dateAdapter!.getYear(date2) &&\n        this._dateAdapter!.getMonth(date1) == this._dateAdapter!.getMonth(date2)\n      );\n    }\n    if (this.calendar.currentView == 'year') {\n      return (\n        this._dateAdapter!.getYear(date1) == this._dateAdapter!.getYear(date2)\n      );\n    }\n    // Otherwise we are in 'multi-year' view.\n    return isSameMultiYearView(\n      this._dateAdapter!,\n      date1,\n      date2,\n      this.calendar.minDate,\n      this.calendar.maxDate,\n    );\n  }\n\n  /**\n   * Format two individual labels for the minimum year and maximum year available in the multi-year\n   * calendar view. Returns an array of two strings where the first string is the formatted label\n   * for the minimum year, and the second string is the formatted label for the maximum year.\n   */\n  private _formatMinAndMaxYearLabels(): [\n    minYearLabel: string,\n    maxYearLabel: string,\n  ] {\n    // The offset from the active year to the \"slot\" for the starting year is the\n    // *actual* first rendered year in the multi-year view, and the last year is\n    // just yearsPerPage - 1 away.\n    const activeYear = this._dateAdapter!.getYear(this.calendar.activeDate);\n    const minYearOfPage =\n      activeYear -\n      getActiveOffset(\n        this._dateAdapter!,\n        this.calendar.activeDate,\n        this.calendar.minDate,\n        this.calendar.maxDate,\n      );\n    const maxYearOfPage = minYearOfPage + YEARS_PER_PAGE - 1;\n    const minYearLabel = this._dateAdapter!.getYearName(\n      this._dateAdapter!.createDate(minYearOfPage, 0, 1),\n    );\n    const maxYearLabel = this._dateAdapter!.getYearName(\n      this._dateAdapter!.createDate(maxYearOfPage, 0, 1),\n    );\n\n    return [minYearLabel, maxYearLabel];\n  }\n\n  private _id = `mat-calendar-header-${calendarHeaderId++}`;\n\n  _periodButtonLabelId = `${this._id}-period-label`;\n}\n\nfunction isSameMultiYearView<D>(\n  dateAdapter: DateAdapter<D>,\n  date1: D,\n  date2: D,\n  minDate: D | null,\n  maxDate: D | null,\n): boolean {\n  const year1 = dateAdapter.getYear(date1);\n  const year2 = dateAdapter.getYear(date2);\n  const startingYear = getStartingYear(dateAdapter, minDate, maxDate);\n  return (\n    Math.floor((year1 - startingYear) / YEARS_PER_PAGE) ===\n    Math.floor((year2 - startingYear) / YEARS_PER_PAGE)\n  );\n}\n\n/**\n * We pick a \"starting\" year such that either the maximum year would be at the end\n * or the minimum year would be at the beginning of a page.\n */\nfunction getStartingYear<D>(\n  dateAdapter: DateAdapter<D>,\n  minDate: D | null,\n  maxDate: D | null,\n): number {\n  let startingYear = 0;\n  if (maxDate) {\n    const maxYear = dateAdapter.getYear(maxDate);\n    startingYear = maxYear - YEARS_PER_PAGE + 1;\n  } else if (minDate) {\n    startingYear = dateAdapter.getYear(minDate);\n  }\n  return startingYear;\n}\n\n/**\n * When the multi-year view is first opened, the active year will be in view.\n * So we compute how many years are between the active year and the *slot* where our\n * \"startingYear\" will render when paged into view.\n */\nfunction getActiveOffset<D>(\n  dateAdapter: DateAdapter<D>,\n  activeDate: D,\n  minDate: D | null,\n  maxDate: D | null,\n): number {\n  const activeYear = dateAdapter.getYear(activeDate);\n  return euclideanModulo(\n    activeYear - getStartingYear(dateAdapter, minDate, maxDate),\n    YEARS_PER_PAGE,\n  );\n}\n\n/** Gets remainder that is non-negative, even if first number is negative */\nfunction euclideanModulo(a: number, b: number): number {\n  return ((a % b) + b) % b;\n}\n","<div class=\"mat-calendar-header\">\n  <div class=\"mat-calendar-controls\">\n    <button\n      mat-button\n      type=\"button\"\n      class=\"mat-calendar-period-button\"\n      (click)=\"currentPeriodClicked()\"\n      [attr.aria-label]=\"periodButtonLabel\"\n      [attr.aria-describedby]=\"_periodButtonLabelId\"\n      aria-live=\"polite\"\n    >\n      <span aria-hidden=\"true\">{{ periodButtonText }}</span>\n      <svg\n        class=\"mat-calendar-arrow\"\n        [class.mat-calendar-invert]=\"calendar.currentView !== 'month'\"\n        viewBox=\"0 0 10 5\"\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <polygon points=\"0,0 5,5 10,0\" />\n      </svg>\n    </button>\n\n    <div class=\"mat-calendar-spacer\"></div>\n\n    <ng-content></ng-content>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      [disabled]=\"!previousEnabled()\"\n      (click)=\"previousClicked()\"\n      [attr.aria-label]=\"prevButtonLabel\"\n      [matTooltip]=\"'Previous Month' | translate\"\n    >\n      <mat-icon>keyboard_arrow_left</mat-icon>\n    </button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      (click)=\"setToday()\"\n      [attr.aria-label]=\"'Today' | translate\"\n      [matTooltip]=\"'Today' | translate\"\n    >\n      <mat-icon>today</mat-icon>\n    </button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      [disabled]=\"!nextEnabled()\"\n      (click)=\"nextClicked()\"\n      [attr.aria-label]=\"nextButtonLabel\"\n      [matTooltip]=\"'Next Month' | translate\"\n    >\n      <mat-icon>keyboard_arrow_right</mat-icon>\n    </button>\n  </div>\n</div>\n","/*\n * Public API Surface of mat-file upload\n */\n\nexport * from './src/onemrva-mat-datepicker-header.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-mat-empty-row.mjs

@@ -0,0 +1,42 @@
+import * as i0 from '@angular/core';
+import { inject, EventEmitter, Output, Input, ViewEncapsulation, Component } from '@angular/core';
+import { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';
+import { TranslateService } from '@ngx-translate/core';
+import { MatButton } from '@angular/material/button';
+import { NgOptimizedImage } from '@angular/common';
+
+/**
+ *
+ */
+class OnemrvaMatEmptyRowComponent {
+    constructor() {
+        this.cdn = inject(OnemRvaCDNService);
+        this.translate = inject(TranslateService);
+        this.noresultimg = this.cdn.getOri('wordless.svg');
+        this.buttonText = this.translate.instant('Reset filters');
+        this.text = this.translate.instant('Sorry, there is no results for this search.');
+        this.imageAlt = this.translate.instant('Ori is wordless');
+        this.clear = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatEmptyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatEmptyRowComponent, isStandalone: true, selector: "onemrva-mat-empty-row", inputs: { buttonText: "buttonText", text: "text", imageAlt: "imageAlt" }, outputs: { clear: "clear" }, ngImport: i0, template: "<span class=\"img\">\n  <img [ngSrc]=\"noresultimg\" alt=\"{{ imageAlt }}\" fill priority />\n</span>\n<span class=\"text\">\n  {{ text }}\n  <ng-content></ng-content>\n</span>\n<button mat-stroked-button (click)=\"clear.emit()\">{{ buttonText }}</button>\n", styles: ["onemrva-mat-empty-row{display:grid;grid-template-columns:repeat(6,1FR);grid-template-rows:repeat(2,1FR);justify-items:center;gap:15px}onemrva-mat-empty-row span.img{grid-area:1/1/3/2;display:block;min-width:80px;min-height:80px;height:10vw;width:10vw;margin:32px;position:relative;float:left}onemrva-mat-empty-row span.text{grid-area:1/2/2/7;justify-self:start;align-self:end}onemrva-mat-empty-row button{grid-area:2/2/3/7;justify-self:start;align-self:start}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatEmptyRowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-empty-row', standalone: true, imports: [NgOptimizedImage, MatButton], encapsulation: ViewEncapsulation.None, template: "<span class=\"img\">\n  <img [ngSrc]=\"noresultimg\" alt=\"{{ imageAlt }}\" fill priority />\n</span>\n<span class=\"text\">\n  {{ text }}\n  <ng-content></ng-content>\n</span>\n<button mat-stroked-button (click)=\"clear.emit()\">{{ buttonText }}</button>\n", styles: ["onemrva-mat-empty-row{display:grid;grid-template-columns:repeat(6,1FR);grid-template-rows:repeat(2,1FR);justify-items:center;gap:15px}onemrva-mat-empty-row span.img{grid-area:1/1/3/2;display:block;min-width:80px;min-height:80px;height:10vw;width:10vw;margin:32px;position:relative;float:left}onemrva-mat-empty-row span.text{grid-area:1/2/2/7;justify-self:start;align-self:end}onemrva-mat-empty-row button{grid-area:2/2/3/7;justify-self:start;align-self:start}\n"] }]
+        }], propDecorators: { buttonText: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], imageAlt: [{
+                type: Input
+            }], clear: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaMatEmptyRowComponent };
+//# sourceMappingURL=onemrvapublic-design-system-mat-empty-row.mjs.map

package/fesm2022/onemrvapublic-design-system-mat-empty-row.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-mat-empty-row.mjs","sources":["../../../../projects/onemrva/design-system/mat-empty-row/src/onemrva-mat-empty-row.component.ts","../../../../projects/onemrva/design-system/mat-empty-row/src/onemrva-mat-empty-row.component.html","../../../../projects/onemrva/design-system/mat-empty-row/onemrvapublic-design-system-mat-empty-row.ts"],"sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';\nimport { TranslateService } from '@ngx-translate/core';\nimport { MatButton } from '@angular/material/button';\nimport { NgOptimizedImage } from '@angular/common';\n\n/**\n *\n */\n@Component({\n  selector: 'onemrva-mat-empty-row',\n  templateUrl: 'onemrva-mat-empty-row.component.html',\n  styleUrls: ['onemrva-mat-empty-row.component.scss'],\n  standalone: true,\n  imports: [NgOptimizedImage, MatButton],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class OnemrvaMatEmptyRowComponent {\n  private cdn = inject(OnemRvaCDNService);\n  private translate = inject(TranslateService);\n\n  noresultimg: string = this.cdn.getOri('wordless.svg');\n\n  @Input()\n  buttonText: string = this.translate.instant('Reset filters');\n\n  @Input()\n  text: string = this.translate.instant(\n    'Sorry, there is no results for this search.',\n  );\n\n  @Input()\n  imageAlt: string = this.translate.instant('Ori is wordless');\n\n  @Output()\n  clear = new EventEmitter<any>();\n}\n","<span class=\"img\">\n  <img [ngSrc]=\"noresultimg\" alt=\"{{ imageAlt }}\" fill priority />\n</span>\n<span class=\"text\">\n  {{ text }}\n  <ng-content></ng-content>\n</span>\n<button mat-stroked-button (click)=\"clear.emit()\">{{ buttonText }}</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAaA;;AAEG;MASU,2BAA2B,CAAA;AARxC,IAAA,WAAA,GAAA;AASU,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC/B,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC;QAE5C,IAAA,CAAA,WAAW,GAAW,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC;QAGrD,IAAA,CAAA,UAAU,GAAW,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,eAAe,CAAC;QAG5D,IAAA,CAAA,IAAI,GAAW,IAAI,CAAC,SAAS,CAAC,OAAO,CACnC,6CAA6C,CAC9C;QAGD,IAAA,CAAA,QAAQ,GAAW,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,iBAAiB,CAAC;AAG5D,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,YAAY,EAAO;AAChC;8GAnBY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxBxC,mQAQA,EAAA,MAAA,EAAA,CAAA,+cAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDaY,gBAAgB,4PAAE,SAAS,EAAA,QAAA,EAAA,iOAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAG1B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBARvC,SAAS;+BACE,uBAAuB,EAAA,UAAA,EAGrB,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAA,aAAA,EACvB,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,mQAAA,EAAA,MAAA,EAAA,CAAA,+cAAA,CAAA,EAAA;8BASrC,UAAU,EAAA,CAAA;sBADT;gBAID,IAAI,EAAA,CAAA;sBADH;gBAMD,QAAQ,EAAA,CAAA;sBADP;gBAID,KAAK,EAAA,CAAA;sBADJ;;;AEzCH;;AAEG;;;;"}