@wlcm/angular 17.4.1 → 17.5.2

package/shared/calendar/esm2022/lib/components/calendar-header/calendar-header.component.mjs

@@ -0,0 +1,107 @@
+import { Component, Inject, Optional, forwardRef, input } from '@angular/core';
+import { DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
+import { WlcmIconDirective, WlcmIconName } from '@wlcm/angular/core';
+import { MatCalendar, yearsPerPage } from '@angular/material/datepicker';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/core";
+import * as i2 from "@angular/material/datepicker";
+function WlcmCalendarHeaderComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵlistener("click", function WlcmCalendarHeaderComponent_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.previousClicked()); });
+    i0.ɵɵelementContainer(1, 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("wlcmIcon", ctx_r1.WlcmIconName.CHEVRON_DOWN);
+} }
+function WlcmCalendarHeaderComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 7);
+    i0.ɵɵlistener("click", function WlcmCalendarHeaderComponent_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextClicked()); });
+    i0.ɵɵelementContainer(1, 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("wlcmIcon", ctx_r1.WlcmIconName.CHEVRON_DOWN);
+} }
+export class WlcmCalendarHeaderComponent {
+    constructor(dateAdapter, dateFormats, calendar) {
+        this.dateAdapter = dateAdapter;
+        this.dateFormats = dateFormats;
+        this.calendar = calendar;
+        this.WlcmIconName = WlcmIconName;
+        this.next = input();
+        this.previous = input();
+        this.displayLeftArrow = input(true);
+        this.displayRightArrow = input(true);
+    }
+    previousClicked() {
+        if (this.previous())
+            return this.previous()();
+        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 : -yearsPerPage);
+    }
+    nextClicked() {
+        if (this.next())
+            return this.next()();
+        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 : -yearsPerPage);
+    }
+    changeCalendarView() {
+        if (this.calendar.currentView === 'multi-year') {
+            this.calendar.currentView = 'month';
+            return;
+        }
+        this.calendar.currentView = 'multi-year';
+    }
+    get periodLabel() {
+        return this.dateAdapter.format(this.calendar.activeDate, this.dateFormats.display.monthYearLabel);
+    }
+    static { this.ɵfac = function WlcmCalendarHeaderComponent_Factory(t) { return new (t || WlcmCalendarHeaderComponent)(i0.ɵɵdirectiveInject(i1.DateAdapter), i0.ɵɵdirectiveInject(MAT_DATE_FORMATS, 8), i0.ɵɵdirectiveInject(forwardRef(() => MatCalendar))); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WlcmCalendarHeaderComponent, selectors: [["wlcm-calendar-header"]], hostAttrs: [1, "wlcm-calendar-header"], inputs: { next: [i0.ɵɵInputFlags.SignalBased, "next"], previous: [i0.ɵɵInputFlags.SignalBased, "previous"], displayLeftArrow: [i0.ɵɵInputFlags.SignalBased, "displayLeftArrow"], displayRightArrow: [i0.ɵɵInputFlags.SignalBased, "displayRightArrow"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 8, vars: 4, consts: [[1, "wlcm-calendar-header-button-container"], [1, "wlcm-calendar-header-button", "wlcm-calendar-header-button-left"], [1, "wlcm-calendar-header-change-view-button", 3, "click"], [1, "wlcm-calendar-header-period-label"], [3, "wlcmIcon"], [1, "wlcm-calendar-header-button", "wlcm-calendar-header-button-right"], [1, "wlcm-calendar-header-button", "wlcm-calendar-header-button-left", 3, "click"], [1, "wlcm-calendar-header-button", "wlcm-calendar-header-button-right", 3, "click"]], template: function WlcmCalendarHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, WlcmCalendarHeaderComponent_Conditional_1_Template, 2, 1, "button", 1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(2, "button", 2);
+            i0.ɵɵlistener("click", function WlcmCalendarHeaderComponent_Template_button_click_2_listener() { return ctx.changeCalendarView(); });
+            i0.ɵɵelementStart(3, "div", 3);
+            i0.ɵɵtext(4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainer(5, 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "div", 0);
+            i0.ɵɵtemplate(7, WlcmCalendarHeaderComponent_Conditional_7_Template, 2, 1, "button", 5);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(1, ctx.displayLeftArrow() ? 1 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate1(" ", ctx.periodLabel, " ");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("wlcmIcon", ctx.WlcmIconName.CHEVRON_DOWN);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(7, ctx.displayRightArrow() ? 7 : -1);
+        } }, dependencies: [CommonModule, WlcmIconDirective] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WlcmCalendarHeaderComponent, [{
+        type: Component,
+        args: [{ selector: 'wlcm-calendar-header', host: { class: 'wlcm-calendar-header' }, standalone: true, imports: [CommonModule, WlcmIconDirective], template: "<div class=\"wlcm-calendar-header-button-container\">\n  @if(displayLeftArrow()) {\n  <button\n    class=\"wlcm-calendar-header-button wlcm-calendar-header-button-left\"\n    (click)=\"previousClicked()\"\n  >\n    <ng-container [wlcmIcon]=\"WlcmIconName.CHEVRON_DOWN\"></ng-container>\n  </button>\n  }\n</div>\n\n<button\n  class=\"wlcm-calendar-header-change-view-button\"\n  (click)=\"changeCalendarView()\"\n>\n  <div class=\"wlcm-calendar-header-period-label\">\n    {{ periodLabel }}\n  </div>\n\n  <ng-container [wlcmIcon]=\"WlcmIconName.CHEVRON_DOWN\"></ng-container>\n</button>\n\n<div class=\"wlcm-calendar-header-button-container\">\n  @if(displayRightArrow()) {\n  <button\n    class=\"wlcm-calendar-header-button wlcm-calendar-header-button-right\"\n    (click)=\"nextClicked()\"\n  >\n    <ng-container [wlcmIcon]=\"WlcmIconName.CHEVRON_DOWN\"></ng-container>\n  </button>\n  }\n</div>\n" }]
+    }], () => [{ type: i1.DateAdapter }, { type: undefined, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [MAT_DATE_FORMATS]
+            }] }, { type: i2.MatCalendar, decorators: [{
+                type: Inject,
+                args: [forwardRef(() => MatCalendar)]
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WlcmCalendarHeaderComponent, { className: "WlcmCalendarHeaderComponent" }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXItaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NoYXJlZC9jYWxlbmRhci9zcmMvbGliL2NvbXBvbmVudHMvY2FsZW5kYXItaGVhZGVyL2NhbGVuZGFyLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zaGFyZWQvY2FsZW5kYXIvc3JjL2xpYi9jb21wb25lbnRzL2NhbGVuZGFyLWhlYWRlci9jYWxlbmRhci1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQWUsUUFBUSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUYsT0FBTyxFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsRUFBa0IsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsWUFBWSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckUsT0FBTyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7OztJQ0Y3QyxpQ0FHQztJQURDLCtMQUFTLHdCQUFpQixLQUFDO0lBRTNCLDJCQUFvRTtJQUN0RSxpQkFBUzs7O0lBRE8sY0FBc0M7SUFBdEMsMkRBQXNDOzs7O0lBa0J0RCxpQ0FHQztJQURDLCtMQUFTLG9CQUFhLEtBQUM7SUFFdkIsMkJBQW9FO0lBQ3RFLGlCQUFTOzs7SUFETyxjQUFzQztJQUF0QywyREFBc0M7O0FEZHhELE1BQU0sT0FBTywyQkFBMkI7SUFXdEMsWUFDVSxXQUE4QixFQUNVLFdBQTJCLEVBQzdCLFFBQTJCO1FBRmpFLGdCQUFXLEdBQVgsV0FBVyxDQUFtQjtRQUNVLGdCQUFXLEdBQVgsV0FBVyxDQUFnQjtRQUM3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QVM7MkJBQ0Usc0JBQXNCLFFBQzFCLEVBQUUsS0FBSyxFQUFFLHNCQUFzQixFQUFFLGNBQzNCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxpQkFBaUIsQ0FBQzs7c0JBaUJ2QyxRQUFROztzQkFBSSxNQUFNO3VCQUFDLGdCQUFnQjs7c0JBQ25DLE1BQU07dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLFdBQVcsQ0FBQzs7a0ZBZDVCLDJCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dFNpZ25hbCwgT3B0aW9uYWwsIGZvcndhcmRSZWYsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYXRlQWRhcHRlciwgTUFUX0RBVEVfRk9STUFUUywgTWF0RGF0ZUZvcm1hdHMgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IFdsY21JY29uRGlyZWN0aXZlLCBXbGNtSWNvbk5hbWUgfSBmcm9tICdAd2xjbS9hbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0Q2FsZW5kYXIsIHllYXJzUGVyUGFnZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RhdGVwaWNrZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2xjbS1jYWxlbmRhci1oZWFkZXInLFxuICBob3N0OiB7IGNsYXNzOiAnd2xjbS1jYWxlbmRhci1oZWFkZXInIH0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFdsY21JY29uRGlyZWN0aXZlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGVuZGFyLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9jYWxlbmRhci1oZWFkZXIuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBXbGNtQ2FsZW5kYXJIZWFkZXJDb21wb25lbnQge1xuICByZWFkb25seSBXbGNtSWNvbk5hbWUgPSBXbGNtSWNvbk5hbWU7XG5cbiAgbmV4dDogSW5wdXRTaWduYWw8KCgpID0+IHZvaWQpIHwgdW5kZWZpbmVkPiA9IGlucHV0KCk7XG5cbiAgcHJldmlvdXM6IElucHV0U2lnbmFsPCgoKSA9PiB2b2lkKSB8IHVuZGVmaW5lZD4gPSBpbnB1dCgpO1xuXG4gIGRpc3BsYXlMZWZ0QXJyb3c6IElucHV0U2lnbmFsPGJvb2xlYW4+ID0gaW5wdXQodHJ1ZSk7XG5cbiAgZGlzcGxheVJpZ2h0QXJyb3c6IElucHV0U2lnbmFsPGJvb2xlYW4+ID0gaW5wdXQodHJ1ZSk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBkYXRlQWRhcHRlcjogRGF0ZUFkYXB0ZXI8RGF0ZT4sXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdChNQVRfREFURV9GT1JNQVRTKSBwcm90ZWN0ZWQgZGF0ZUZvcm1hdHM6IE1hdERhdGVGb3JtYXRzLFxuICAgIEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBNYXRDYWxlbmRhcikpIHB1YmxpYyBjYWxlbmRhcjogTWF0Q2FsZW5kYXI8RGF0ZT5cbiAgKSB7fVxuXG4gIHByZXZpb3VzQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5wcmV2aW91cygpKSByZXR1cm4gdGhpcy5wcmV2aW91cygpISgpO1xuXG4gICAgdGhpcy5jYWxlbmRhci5hY3RpdmVEYXRlID1cbiAgICAgIHRoaXMuY2FsZW5kYXIuY3VycmVudFZpZXcgPT0gJ21vbnRoJ1xuICAgICAgICA/IHRoaXMuZGF0ZUFkYXB0ZXIuYWRkQ2FsZW5kYXJNb250aHModGhpcy5jYWxlbmRhci5hY3RpdmVEYXRlLCAtMSlcbiAgICAgICAgOiB0aGlzLmRhdGVBZGFwdGVyLmFkZENhbGVuZGFyWWVhcnMoXG4gICAgICAgICAgICB0aGlzLmNhbGVuZGFyLmFjdGl2ZURhdGUsXG4gICAgICAgICAgICB0aGlzLmNhbGVuZGFyLmN1cnJlbnRWaWV3ID09ICd5ZWFyJyA/IC0xIDogLXllYXJzUGVyUGFnZVxuICAgICAgICAgICk7XG4gIH1cblxuICBuZXh0Q2xpY2tlZCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5uZXh0KCkpIHJldHVybiB0aGlzLm5leHQoKSEoKTtcblxuICAgIHRoaXMuY2FsZW5kYXIuYWN0aXZlRGF0ZSA9XG4gICAgICB0aGlzLmNhbGVuZGFyLmN1cnJlbnRWaWV3ID09ICdtb250aCdcbiAgICAgICAgPyB0aGlzLmRhdGVBZGFwdGVyLmFkZENhbGVuZGFyTW9udGhzKHRoaXMuY2FsZW5kYXIuYWN0aXZlRGF0ZSwgLTEpXG4gICAgICAgIDogdGhpcy5kYXRlQWRhcHRlci5hZGRDYWxlbmRhclllYXJzKFxuICAgICAgICAgICAgdGhpcy5jYWxlbmRhci5hY3RpdmVEYXRlLFxuICAgICAgICAgICAgdGhpcy5jYWxlbmRhci5jdXJyZW50VmlldyA9PSAneWVhcicgPyAtMSA6IC15ZWFyc1BlclBhZ2VcbiAgICAgICAgICApO1xuICB9XG5cbiAgY2hhbmdlQ2FsZW5kYXJWaWV3KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNhbGVuZGFyLmN1cnJlbnRWaWV3ID09PSAnbXVsdGkteWVhcicpIHtcbiAgICAgIHRoaXMuY2FsZW5kYXIuY3VycmVudFZpZXcgPSAnbW9udGgnO1xuXG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5jYWxlbmRhci5jdXJyZW50VmlldyA9ICdtdWx0aS15ZWFyJztcbiAgfVxuXG4gIGdldCBwZXJpb2RMYWJlbCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmRhdGVBZGFwdGVyLmZvcm1hdCh0aGlzLmNhbGVuZGFyLmFjdGl2ZURhdGUsIHRoaXMuZGF0ZUZvcm1hdHMuZGlzcGxheS5tb250aFllYXJMYWJlbCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3bGNtLWNhbGVuZGFyLWhlYWRlci1idXR0b24tY29udGFpbmVyXCI+XG4gIEBpZihkaXNwbGF5TGVmdEFycm93KCkpIHtcbiAgPGJ1dHRvblxuICAgIGNsYXNzPVwid2xjbS1jYWxlbmRhci1oZWFkZXItYnV0dG9uIHdsY20tY2FsZW5kYXItaGVhZGVyLWJ1dHRvbi1sZWZ0XCJcbiAgICAoY2xpY2spPVwicHJldmlvdXNDbGlja2VkKClcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciBbd2xjbUljb25dPVwiV2xjbUljb25OYW1lLkNIRVZST05fRE9XTlwiPjwvbmctY29udGFpbmVyPlxuICA8L2J1dHRvbj5cbiAgfVxuPC9kaXY+XG5cbjxidXR0b25cbiAgY2xhc3M9XCJ3bGNtLWNhbGVuZGFyLWhlYWRlci1jaGFuZ2Utdmlldy1idXR0b25cIlxuICAoY2xpY2spPVwiY2hhbmdlQ2FsZW5kYXJWaWV3KClcIlxuPlxuICA8ZGl2IGNsYXNzPVwid2xjbS1jYWxlbmRhci1oZWFkZXItcGVyaW9kLWxhYmVsXCI+XG4gICAge3sgcGVyaW9kTGFiZWwgfX1cbiAgPC9kaXY+XG5cbiAgPG5nLWNvbnRhaW5lciBbd2xjbUljb25dPVwiV2xjbUljb25OYW1lLkNIRVZST05fRE9XTlwiPjwvbmctY29udGFpbmVyPlxuPC9idXR0b24+XG5cbjxkaXYgY2xhc3M9XCJ3bGNtLWNhbGVuZGFyLWhlYWRlci1idXR0b24tY29udGFpbmVyXCI+XG4gIEBpZihkaXNwbGF5UmlnaHRBcnJvdygpKSB7XG4gIDxidXR0b25cbiAgICBjbGFzcz1cIndsY20tY2FsZW5kYXItaGVhZGVyLWJ1dHRvbiB3bGNtLWNhbGVuZGFyLWhlYWRlci1idXR0b24tcmlnaHRcIlxuICAgIChjbGljayk9XCJuZXh0Q2xpY2tlZCgpXCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgW3dsY21JY29uXT1cIldsY21JY29uTmFtZS5DSEVWUk9OX0RPV05cIj48L25nLWNvbnRhaW5lcj5cbiAgPC9idXR0b24+XG4gIH1cbjwvZGl2PlxuIl19

package/shared/calendar/esm2022/lib/directives/calendar.directive.mjs

@@ -0,0 +1,15 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class WlcmCalendarDirective {
+    static { this.ɵfac = function WlcmCalendarDirective_Factory(t) { return new (t || WlcmCalendarDirective)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: WlcmCalendarDirective, selectors: [["", "wlcmCalendar", ""]], hostAttrs: [1, "wlcm-calendar"], standalone: true }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WlcmCalendarDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[wlcmCalendar]',
+                host: { class: 'wlcm-calendar' },
+                standalone: true,
+            }]
+    }], null, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc2hhcmVkL2NhbGVuZGFyL3NyYy9saWIvZGlyZWN0aXZlcy9jYWxlbmRhci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLHFCQUFxQjtzRkFBckIscUJBQXFCO29FQUFyQixxQkFBcUI7O2lGQUFyQixxQkFBcUI7Y0FMakMsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxlQUFlLEVBQUU7Z0JBQ2hDLFVBQVUsRUFBRSxJQUFJO2FBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1t3bGNtQ2FsZW5kYXJdJyxcbiAgaG9zdDogeyBjbGFzczogJ3dsY20tY2FsZW5kYXInIH0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIFdsY21DYWxlbmRhckRpcmVjdGl2ZSB7fVxuIl19

package/shared/calendar/esm2022/wlcm-angular-calendar.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2xjbS1hbmd1bGFyLWNhbGVuZGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc2hhcmVkL2NhbGVuZGFyL3NyYy93bGNtLWFuZ3VsYXItY2FsZW5kYXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/shared/calendar/index.d.ts

@@ -0,0 +1,3 @@
+export { WlcmCalendarModule } from './lib/calendar.module';
+export { WlcmCalendarDirective } from './lib/directives/calendar.directive';
+export { WlcmCalendarHeaderComponent } from './lib/components/calendar-header/calendar-header.component';

package/shared/calendar/lib/calendar.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./components/calendar-header/calendar-header.component";
+import * as i3 from "./directives/calendar.directive";
+export declare class WlcmCalendarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmCalendarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WlcmCalendarModule, never, [typeof i1.CommonModule, typeof i2.WlcmCalendarHeaderComponent, typeof i3.WlcmCalendarDirective], [typeof i2.WlcmCalendarHeaderComponent, typeof i3.WlcmCalendarDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WlcmCalendarModule>;
+}

package/shared/calendar/lib/components/calendar-header/calendar-header.component.d.ts

@@ -0,0 +1,22 @@
+import { InputSignal } from '@angular/core';
+import { DateAdapter, MatDateFormats } from '@angular/material/core';
+import { WlcmIconName } from '@wlcm/angular/core';
+import { MatCalendar } from '@angular/material/datepicker';
+import * as i0 from "@angular/core";
+export declare class WlcmCalendarHeaderComponent {
+    private dateAdapter;
+    protected dateFormats: MatDateFormats;
+    calendar: MatCalendar<Date>;
+    readonly WlcmIconName: typeof WlcmIconName;
+    next: InputSignal<(() => void) | undefined>;
+    previous: InputSignal<(() => void) | undefined>;
+    displayLeftArrow: InputSignal<boolean>;
+    displayRightArrow: InputSignal<boolean>;
+    constructor(dateAdapter: DateAdapter<Date>, dateFormats: MatDateFormats, calendar: MatCalendar<Date>);
+    previousClicked(): void;
+    nextClicked(): void;
+    changeCalendarView(): void;
+    get periodLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmCalendarHeaderComponent, [null, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WlcmCalendarHeaderComponent, "wlcm-calendar-header", never, { "next": { "alias": "next"; "required": false; "isSignal": true; }; "previous": { "alias": "previous"; "required": false; "isSignal": true; }; "displayLeftArrow": { "alias": "displayLeftArrow"; "required": false; "isSignal": true; }; "displayRightArrow": { "alias": "displayRightArrow"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/shared/calendar/lib/directives/calendar.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class WlcmCalendarDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmCalendarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WlcmCalendarDirective, "[wlcmCalendar]", never, {}, {}, never, never, true, never>;
+}

package/styles/components/calendar/_calendar.scss

@@ -0,0 +1,110 @@
+@use 'sass:map';
+@use '../../core/utils' as utils;
+
+@mixin theme($theme-config) {
+  $theme: utils.using-theme($theme_config);
+
+  .wlcm-calendar {
+    &.mat-calendar {
+      width: 224px;
+      font-size: 16px;
+
+      &.wlcm-calendar-disabled {
+        opacity: 0.5;
+        position: relative;
+        pointer-events: none;
+
+        &::before {
+          content: '';
+          display: block;
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+        }
+      }
+    }
+
+    mat-year-view {
+      .mat-calendar-body-label {
+        display: none;
+      }
+    }
+
+    .mat-calendar-body-label {
+      opacity: 0;
+
+      &[colspan='7'] {
+        display: none;
+      }
+    }
+
+    .mat-calendar-content {
+      padding: 0 !important;
+      min-height: 220px;
+    }
+
+    .mat-calendar-table-header-divider {
+      display: none;
+    }
+
+    .mat-calendar-table-header th {
+      color: #a4a3a3;
+      font-size: 16px;
+    }
+
+    .mat-calendar-body-cell-content {
+      font-size: 16px;
+      border-radius: 8px;
+      color: map-get($theme, text-black-color);
+    }
+
+    .mat-calendar-body-selected {
+      background-color: map-get($theme, selected-option-color);
+    }
+
+    .mat-calendar-body-today {
+      border: none;
+      color: map-get($theme, primary-color);
+      font-family: map-get($theme, bold-font-family);
+    }
+
+    .mat-calendar-body-in-range {
+      &::before {
+        background: map-get($theme, selected-option-color);
+      }
+
+      .mat-calendar-body-cell-content {
+        color: map-get($theme, primary-color);
+      }
+    }
+
+    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover
+      > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
+        .mat-calendar-body-comparison-identical
+      ) {
+      background: map-get($theme, selected-option-color);
+    }
+
+    .mat-calendar-body-in-preview {
+      .mat-calendar-body-cell-preview {
+        border: none;
+        background: map-get($theme, selected-option-color);
+      }
+    }
+
+    .mat-calendar-body-selected.mat-calendar-body-today {
+      box-shadow: none;
+    }
+
+    .cdk-program-focused
+      .mat-calendar-body-active
+      > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
+        .mat-calendar-body-comparison-identical
+      ) {
+      background-color: transparent;
+      border: 1px solid map-get($theme, primary-color);
+    }
+  }
+}

package/styles/components/calendar/index.scss

@@ -0,0 +1,7 @@
+@use 'calendar-header' as header;
+@use 'calendar' as calendar;
+
+@mixin theme($theme-config) {
+  @include header.theme($theme-config);
+  @include calendar.theme($theme-config);
+}

package/styles/components/date-range-picker/_date-range-picker-body.scss

@@ -9,109 +9,5 @@
     align-items: flex-start;
     grid-auto-flow: column;
     grid-gap: 32px;
-
-    .mat-calendar {
-      width: 224px;
-      font-size: 16px;
-
-      &.wlcm-calendar-disabled {
-        opacity: 0.5;
-        position: relative;
-        pointer-events: none;
-
-        &::before {
-          content: '';
-          display: block;
-          position: absolute;
-          top: 0;
-          left: 0;
-          right: 0;
-          bottom: 0;
-        }
-      }
-    }
-
-    mat-year-view {
-      .mat-calendar-body-label {
-        display: none;
-      }
-    }
-
-    .mat-calendar-body-label {
-      opacity: 0;
-
-      &[colspan='7'] {
-        display: none;
-      }
-    }
-
-    .mat-calendar-content {
-      padding: 0 !important;
-      min-height: 220px;
-    }
-
-    .mat-calendar-table-header-divider {
-      display: none;
-    }
-
-    .mat-calendar-table-header th {
-      color: #a4a3a3;
-      font-size: 16px;
-    }
-
-    .mat-calendar-body-cell-content {
-      font-size: 16px;
-      border-radius: 8px;
-      color: map-get($theme, text-black-color);
-    }
-
-    .mat-calendar-body-selected {
-      background-color: map-get($theme, selected-option-color);
-    }
-
-    .mat-calendar-body-today {
-      border: none;
-      color: map-get($theme, primary-color);
-      font-family: map-get($theme, bold-font-family);
-    }
-
-    .mat-calendar-body-in-range {
-      &::before {
-        background: map-get($theme, selected-option-color);
-      }
-
-      .mat-calendar-body-cell-content {
-        color: map-get($theme, primary-color);
-      }
-    }
-
-    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover
-      > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
-        .mat-calendar-body-comparison-identical
-      ) {
-      background: map-get($theme, selected-option-color);
-    }
-
-    .mat-calendar-body-in-preview {
-      .mat-calendar-body-cell-preview {
-        border: none;
-        background: map-get($theme, selected-option-color);
-      }
-    }
-
-    .mat-calendar-body-selected.mat-calendar-body-today {
-      box-shadow: none;
-    }
-  }
-
-  .wlcm-date-range-picker-body {
-    .cdk-program-focused
-      .mat-calendar-body-active
-      > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
-        .mat-calendar-body-comparison-identical
-      ) {
-      background-color: transparent;
-      border: 1px solid map-get($theme, primary-color);
-    }
   }
 }

package/styles/components/date-range-picker/index.scss

@@ -1,11 +1,9 @@
 @use 'date-range-picker-input' as input;
 @use 'date-range-picker-panel' as panel;
-@use 'date-range-picker-header' as header;
 @use 'date-range-picker-body' as body;
 
 @mixin theme($theme-config) {
   @include input.theme($theme-config);
   @include panel.theme($theme-config);
-  @include header.theme($theme-config);
   @include body.theme($theme-config);
 }

package/styles/components/datepicker/_datepicker-input-container.scss

@@ -0,0 +1,11 @@
+@use 'sass:map';
+@use '../../core/utils' as utils;
+
+@mixin theme($theme-config) {
+  $theme: utils.using-theme($theme_config);
+
+  .wlcm-datepicker-input-container {
+    width: 100%;
+    display: block;
+  }
+}

package/styles/components/datepicker/_datepicker-panel.scss

@@ -0,0 +1,15 @@
+@use 'sass:map';
+@use '../../core/utils' as utils;
+
+@mixin theme($theme-config) {
+  $theme: utils.using-theme($theme_config);
+
+  .wlcm-datepicker-panel {
+    width: 100%;
+    display: block;
+    background: #ffffff;
+    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.16);
+    border-radius: 12px;
+    padding: 16px;
+  }
+}

package/styles/components/datepicker/index.scss

@@ -0,0 +1,7 @@
+@use './datepicker-input-container' as inputContainer;
+@use './datepicker-panel' as panel;
+
+@mixin theme($theme-config) {
+  @include inputContainer.theme($theme-config);
+  @include panel.theme($theme-config);
+}

package/styles/core/_all-theme.scss

@@ -6,9 +6,11 @@
 @use '../components/button/index' as button;
 @use '../components/search-field/index' as searchField;
 @use '../components/date-range-picker/index' as dateRangePicker;
-@use '../components/phone-input/indes.scss' as phoneInput;
-@use '../components/stepper/indes.scss' as stepper;
-@use '../components/table/index.scss' as table;
+@use '../components/phone-input/index' as phoneInput;
+@use '../components/datepicker/index' as datepicker;
+@use '../components/calendar/index' as calendar;
+@use '../components/stepper/index' as stepper;
+@use '../components/table/index' as table;
 
 @mixin all-component-themes($theme-config) {
   @include common.theme($theme-config);
@@ -17,7 +19,9 @@
   @include button.theme($theme-config);
   @include searchField.theme($theme-config);
   @include dateRangePicker.theme($theme-config);
+  @include datepicker.theme($theme-config);
   @include phoneInput.theme($theme-config);
+  @include calendar.theme($theme-config);
   @include stepper.theme($theme-config);
   @include table.theme($theme-config);
 }

package/date-range-picker/esm2022/index.mjs

@@ -1,7 +0,0 @@
-export { WlcmDateRangePickerModule } from './lib/date-range-picker.module';
-export { WlcmDateRangeInputValidator } from './lib/utils/date-range-input.validators';
-export { WlcmDateRangeValidation } from './lib/models/date-range-validation.models';
-export { WlcmDateRangePickerInputComponent } from './lib/components/date-range-picker-input/date-range-picker-input.component';
-export { DateRangePickerInputEndDirective } from './lib/directives/date-range-picker-input-end.directive';
-export { DateRangePickerInputStartDirective } from './lib/directives/date-range-picker-input-start.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9tb2R1bGVzL2RhdGUtcmFuZ2UtcGlja2VyL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN0RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUVwRixPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSw0RUFBNEUsQ0FBQztBQUMvSCxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUMxRyxPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSwwREFBMEQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IFdsY21EYXRlUmFuZ2VQaWNrZXJNb2R1bGUgfSBmcm9tICcuL2xpYi9kYXRlLXJhbmdlLXBpY2tlci5tb2R1bGUnO1xuZXhwb3J0IHsgV2xjbURhdGVSYW5nZUlucHV0VmFsaWRhdG9yIH0gZnJvbSAnLi9saWIvdXRpbHMvZGF0ZS1yYW5nZS1pbnB1dC52YWxpZGF0b3JzJztcbmV4cG9ydCB7IFdsY21EYXRlUmFuZ2VWYWxpZGF0aW9uIH0gZnJvbSAnLi9saWIvbW9kZWxzL2RhdGUtcmFuZ2UtdmFsaWRhdGlvbi5tb2RlbHMnO1xuXG5leHBvcnQgeyBXbGNtRGF0ZVJhbmdlUGlja2VySW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGUtcmFuZ2UtcGlja2VyLWlucHV0L2RhdGUtcmFuZ2UtcGlja2VyLWlucHV0LmNvbXBvbmVudCc7XG5leHBvcnQgeyBEYXRlUmFuZ2VQaWNrZXJJbnB1dEVuZERpcmVjdGl2ZSB9IGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvZGF0ZS1yYW5nZS1waWNrZXItaW5wdXQtZW5kLmRpcmVjdGl2ZSc7XG5leHBvcnQgeyBEYXRlUmFuZ2VQaWNrZXJJbnB1dFN0YXJ0RGlyZWN0aXZlIH0gZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9kYXRlLXJhbmdlLXBpY2tlci1pbnB1dC1zdGFydC5kaXJlY3RpdmUnO1xuIl19

package/date-range-picker/esm2022/lib/components/calendar-header/calendar-header.component.mjs

@@ -1,62 +0,0 @@
-import { Component, Inject, Optional, forwardRef } from '@angular/core';
-import { DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
-import { WlcmDataRangeCalendar } from '../../models/data-range-calendar.models';
-import { WlcmIconDirective, WlcmIconName } from '@wlcm/angular/core';
-import { MatCalendar } from '@angular/material/datepicker';
-import { CommonModule } from '@angular/common';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/core";
-import * as i2 from "../../models/data-range-calendar.models";
-import * as i3 from "@angular/material/datepicker";
-export class WlcmCalendarHeaderComponent {
-    constructor(dateAdapter, rangeCalendar, dateFormats, calendar) {
-        this.dateAdapter = dateAdapter;
-        this.rangeCalendar = rangeCalendar;
-        this.dateFormats = dateFormats;
-        this.calendar = calendar;
-        this.WlcmIconName = WlcmIconName;
-    }
-    prev() {
-        if (this.rangeCalendar) {
-            if (this.calendar.currentView !== 'month') {
-                return this.rangeCalendar.prevYear();
-            }
-            return this.rangeCalendar.prevMonth();
-        }
-    }
-    next() {
-        if (this.rangeCalendar) {
-            if (this.calendar.currentView !== 'month') {
-                return this.rangeCalendar.nextYear();
-            }
-            return this.rangeCalendar.nextMonth();
-        }
-    }
-    changeCalendarView() {
-        if (this.calendar.currentView === 'multi-year') {
-            this.calendar.currentView = 'month';
-            return;
-        }
-        this.calendar.currentView = 'multi-year';
-    }
-    get periodLabel() {
-        return this.dateAdapter.format(this.calendar.activeDate, this.dateFormats.display.monthYearLabel);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmCalendarHeaderComponent, deps: [{ token: i1.DateAdapter }, { token: i2.WlcmDataRangeCalendar, optional: true }, { token: MAT_DATE_FORMATS, optional: true }, { token: forwardRef(() => MatCalendar) }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: WlcmCalendarHeaderComponent, isStandalone: true, selector: "wlcm-calendar-header", ngImport: i0, template: "<div class=\"wlcm-calendar-header\">\n  <div class=\"wlcm-calendar-header-button-container\">\n    @if(((!rangeCalendar || rangeCalendar.location === 'left') ||\n    calendar.currentView !== 'month') && !rangeCalendar.disabled()) {\n    <button\n      class=\"wlcm-calendar-header-button wlcm-calendar-header-button-left\"\n      (click)=\"prev()\"\n    >\n      <ng-container [wlcmIcon]=\"WlcmIconName.CHEVRON_DOWN\"></ng-container>\n    </button>\n    }\n  </div>\n\n  <button\n    class=\"wlcm-calendar-header-change-view-button\"\n    (click)=\"changeCalendarView()\"\n  >\n    <div class=\"wlcm-calendar-header-period-label\">\n      {{ periodLabel }}\n    </div>\n\n    <ng-container [wlcmIcon]=\"WlcmIconName.CHEVRON_DOWN\"></ng-container>\n  </button>\n\n  <div class=\"wlcm-calendar-header-button-container\">\n    @if(((!rangeCalendar || rangeCalendar.location === 'right') ||\n    calendar.currentView !== 'month') && !rangeCalendar.disabled()) {\n    <button\n      class=\"wlcm-calendar-header-button wlcm-calendar-header-button-right\"\n      (click)=\"next()\"\n    >\n      <ng-container [wlcmIcon]=\"WlcmIconName.CHEVRON_DOWN\"></ng-container>\n    </button>\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: WlcmIconDirective, selector: "[wlcmIcon]", inputs: ["wlcmIcon"], outputs: ["wlcmIconClicked"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmCalendarHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'wlcm-calendar-header', standalone: true, imports: [CommonModule, WlcmIconDirective], template: "<div class=\"wlcm-calendar-header\">\n  <div class=\"wlcm-calendar-header-button-container\">\n    @if(((!rangeCalendar || rangeCalendar.location === 'left') ||\n    calendar.currentView !== 'month') && !rangeCalendar.disabled()) {\n    <button\n      class=\"wlcm-calendar-header-button wlcm-calendar-header-button-left\"\n      (click)=\"prev()\"\n    >\n      <ng-container [wlcmIcon]=\"WlcmIconName.CHEVRON_DOWN\"></ng-container>\n    </button>\n    }\n  </div>\n\n  <button\n    class=\"wlcm-calendar-header-change-view-button\"\n    (click)=\"changeCalendarView()\"\n  >\n    <div class=\"wlcm-calendar-header-period-label\">\n      {{ periodLabel }}\n    </div>\n\n    <ng-container [wlcmIcon]=\"WlcmIconName.CHEVRON_DOWN\"></ng-container>\n  </button>\n\n  <div class=\"wlcm-calendar-header-button-container\">\n    @if(((!rangeCalendar || rangeCalendar.location === 'right') ||\n    calendar.currentView !== 'month') && !rangeCalendar.disabled()) {\n    <button\n      class=\"wlcm-calendar-header-button wlcm-calendar-header-button-right\"\n      (click)=\"next()\"\n    >\n      <ng-container [wlcmIcon]=\"WlcmIconName.CHEVRON_DOWN\"></ng-container>\n    </button>\n    }\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1.DateAdapter }, { type: i2.WlcmDataRangeCalendar, decorators: [{
-                    type: Optional
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MAT_DATE_FORMATS]
-                }] }, { type: i3.MatCalendar, decorators: [{
-                    type: Inject,
-                    args: [forwardRef(() => MatCalendar)]
-                }] }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXItaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvZGF0ZS1yYW5nZS1waWNrZXIvc3JjL2xpYi9jb21wb25lbnRzL2NhbGVuZGFyLWhlYWRlci9jYWxlbmRhci1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbW9kdWxlcy9kYXRlLXJhbmdlLXBpY2tlci9zcmMvbGliL2NvbXBvbmVudHMvY2FsZW5kYXItaGVhZGVyL2NhbGVuZGFyLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQWtCLE1BQU0sd0JBQXdCLENBQUM7QUFDdkYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBUy9DLE1BQU0sT0FBTywyQkFBMkI7SUFHdEMsWUFDVSxXQUE4QixFQUNoQixhQUFvQyxFQUNWLFdBQTJCLEVBQzdCLFFBQTJCO1FBSGpFLGdCQUFXLEdBQVgsV0FBVyxDQUFtQjtRQUNoQixrQkFBYSxHQUFiLGFBQWEsQ0FBdUI7UUFDVixnQkFBVyxHQUFYLFdBQVcsQ0FBZ0I7UUFDN0IsYUFBUSxHQUFSLFFBQVEsQ0FBbUI7UUFObEUsaUJBQVksR0FBRyxZQUFZLENBQUM7SUFPbEMsQ0FBQztJQUVKLElBQUk7UUFDRixJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN2QixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxLQUFLLE9BQU8sRUFBRSxDQUFDO2dCQUMxQyxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDdkMsQ0FBQztZQUVELE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUN4QyxDQUFDO0lBQ0gsQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN2QixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxLQUFLLE9BQU8sRUFBRSxDQUFDO2dCQUMxQyxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDdkMsQ0FBQztZQUVELE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUN4QyxDQUFDO0lBQ0gsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxLQUFLLFlBQVksRUFBRSxDQUFDO1lBQy9DLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQztZQUVwQyxPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxHQUFHLFlBQVksQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUNwRyxDQUFDOzhHQTFDVSwyQkFBMkIsa0dBTWhCLGdCQUFnQiw2QkFDNUIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLFdBQVcsQ0FBQztrR0FQNUIsMkJBQTJCLGdGQ2R4QyxvckNBb0NBLHlERDFCWSxZQUFZLCtCQUFFLGlCQUFpQjs7MkZBSTlCLDJCQUEyQjtrQkFQdkMsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixDQUFDOzswQkFTdkMsUUFBUTs7MEJBQ1IsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxnQkFBZ0I7OzBCQUNuQyxNQUFNOzJCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxXQUFXLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWwsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERhdGVBZGFwdGVyLCBNQVRfREFURV9GT1JNQVRTLCBNYXREYXRlRm9ybWF0cyB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgV2xjbURhdGFSYW5nZUNhbGVuZGFyIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2RhdGEtcmFuZ2UtY2FsZW5kYXIubW9kZWxzJztcbmltcG9ydCB7IFdsY21JY29uRGlyZWN0aXZlLCBXbGNtSWNvbk5hbWUgfSBmcm9tICdAd2xjbS9hbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0Q2FsZW5kYXIgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kYXRlcGlja2VyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dsY20tY2FsZW5kYXItaGVhZGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgV2xjbUljb25EaXJlY3RpdmVdLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FsZW5kYXItaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2NhbGVuZGFyLWhlYWRlci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFdsY21DYWxlbmRhckhlYWRlckNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IFdsY21JY29uTmFtZSA9IFdsY21JY29uTmFtZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGRhdGVBZGFwdGVyOiBEYXRlQWRhcHRlcjxEYXRlPixcbiAgICBAT3B0aW9uYWwoKSBwcm90ZWN0ZWQgcmFuZ2VDYWxlbmRhcjogV2xjbURhdGFSYW5nZUNhbGVuZGFyLFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTUFUX0RBVEVfRk9STUFUUykgcHJvdGVjdGVkIGRhdGVGb3JtYXRzOiBNYXREYXRlRm9ybWF0cyxcbiAgICBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gTWF0Q2FsZW5kYXIpKSBwdWJsaWMgY2FsZW5kYXI6IE1hdENhbGVuZGFyPERhdGU+XG4gICkge31cblxuICBwcmV2KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnJhbmdlQ2FsZW5kYXIpIHtcbiAgICAgIGlmICh0aGlzLmNhbGVuZGFyLmN1cnJlbnRWaWV3ICE9PSAnbW9udGgnKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnJhbmdlQ2FsZW5kYXIucHJldlllYXIoKTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHRoaXMucmFuZ2VDYWxlbmRhci5wcmV2TW9udGgoKTtcbiAgICB9XG4gIH1cblxuICBuZXh0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnJhbmdlQ2FsZW5kYXIpIHtcbiAgICAgIGlmICh0aGlzLmNhbGVuZGFyLmN1cnJlbnRWaWV3ICE9PSAnbW9udGgnKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnJhbmdlQ2FsZW5kYXIubmV4dFllYXIoKTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHRoaXMucmFuZ2VDYWxlbmRhci5uZXh0TW9udGgoKTtcbiAgICB9XG4gIH1cblxuICBjaGFuZ2VDYWxlbmRhclZpZXcoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY2FsZW5kYXIuY3VycmVudFZpZXcgPT09ICdtdWx0aS15ZWFyJykge1xuICAgICAgdGhpcy5jYWxlbmRhci5jdXJyZW50VmlldyA9ICdtb250aCc7XG5cbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmNhbGVuZGFyLmN1cnJlbnRWaWV3ID0gJ211bHRpLXllYXInO1xuICB9XG5cbiAgZ2V0IHBlcmlvZExhYmVsKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuZGF0ZUFkYXB0ZXIuZm9ybWF0KHRoaXMuY2FsZW5kYXIuYWN0aXZlRGF0ZSwgdGhpcy5kYXRlRm9ybWF0cy5kaXNwbGF5Lm1vbnRoWWVhckxhYmVsKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIndsY20tY2FsZW5kYXItaGVhZGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJ3bGNtLWNhbGVuZGFyLWhlYWRlci1idXR0b24tY29udGFpbmVyXCI+XG4gICAgQGlmKCgoIXJhbmdlQ2FsZW5kYXIgfHwgcmFuZ2VDYWxlbmRhci5sb2NhdGlvbiA9PT0gJ2xlZnQnKSB8fFxuICAgIGNhbGVuZGFyLmN1cnJlbnRWaWV3ICE9PSAnbW9udGgnKSAmJiAhcmFuZ2VDYWxlbmRhci5kaXNhYmxlZCgpKSB7XG4gICAgPGJ1dHRvblxuICAgICAgY2xhc3M9XCJ3bGNtLWNhbGVuZGFyLWhlYWRlci1idXR0b24gd2xjbS1jYWxlbmRhci1oZWFkZXItYnV0dG9uLWxlZnRcIlxuICAgICAgKGNsaWNrKT1cInByZXYoKVwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRhaW5lciBbd2xjbUljb25dPVwiV2xjbUljb25OYW1lLkNIRVZST05fRE9XTlwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvYnV0dG9uPlxuICAgIH1cbiAgPC9kaXY+XG5cbiAgPGJ1dHRvblxuICAgIGNsYXNzPVwid2xjbS1jYWxlbmRhci1oZWFkZXItY2hhbmdlLXZpZXctYnV0dG9uXCJcbiAgICAoY2xpY2spPVwiY2hhbmdlQ2FsZW5kYXJWaWV3KClcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cIndsY20tY2FsZW5kYXItaGVhZGVyLXBlcmlvZC1sYWJlbFwiPlxuICAgICAge3sgcGVyaW9kTGFiZWwgfX1cbiAgICA8L2Rpdj5cblxuICAgIDxuZy1jb250YWluZXIgW3dsY21JY29uXT1cIldsY21JY29uTmFtZS5DSEVWUk9OX0RPV05cIj48L25nLWNvbnRhaW5lcj5cbiAgPC9idXR0b24+XG5cbiAgPGRpdiBjbGFzcz1cIndsY20tY2FsZW5kYXItaGVhZGVyLWJ1dHRvbi1jb250YWluZXJcIj5cbiAgICBAaWYoKCghcmFuZ2VDYWxlbmRhciB8fCByYW5nZUNhbGVuZGFyLmxvY2F0aW9uID09PSAncmlnaHQnKSB8fFxuICAgIGNhbGVuZGFyLmN1cnJlbnRWaWV3ICE9PSAnbW9udGgnKSAmJiAhcmFuZ2VDYWxlbmRhci5kaXNhYmxlZCgpKSB7XG4gICAgPGJ1dHRvblxuICAgICAgY2xhc3M9XCJ3bGNtLWNhbGVuZGFyLWhlYWRlci1idXR0b24gd2xjbS1jYWxlbmRhci1oZWFkZXItYnV0dG9uLXJpZ2h0XCJcbiAgICAgIChjbGljayk9XCJuZXh0KClcIlxuICAgID5cbiAgICAgIDxuZy1jb250YWluZXIgW3dsY21JY29uXT1cIldsY21JY29uTmFtZS5DSEVWUk9OX0RPV05cIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2J1dHRvbj5cbiAgICB9XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=