@biit-solutions/wizardry-theme 1.22.13 → 1.22.14

package/fesm2020/biit-solutions-wizardry-theme-charts.mjs

@@ -1709,7 +1709,7 @@ class DateFilterSelectorComponent {
     }
 }
 DateFilterSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DateFilterSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterSelectorComponent, selector: "biit-date-filter-selector", inputs: { _items: ["items", "_items"], _field: ["field", "_field"], _range: ["range", "_range"] }, outputs: { rangeChange: "rangeChange" }, ngImport: i0, template: "<div>\n  <div *ngFor=\"let year of sortByYear.keys()\"  class=\"date-filter-row\">\n    <biit-checkbox [(ngModel)]=\"selectedRanges[year + '']\" (ngModelChange)=\"onYearSelected(year, $event)\" >\n      <div class=\"year-title\">\n        <div class=\"title-counter\">\n          <div> {{year}} </div>\n          <div> ({{sortByYear.get(year).length}})</div>\n        </div>\n        <biit-icon\n          name=\"right_arrow\" class=\"year-arrow\" [class.arrow-rotate]=\"selectedYear === year\"\n          (click)=\"$event.preventDefault(); onDisplayYear(year)\" />\n      </div>\n      <div class=\"month-body\" *ngIf=\"selectedYear === year\">\n        <div *ngFor=\"let month of sortByMonth.keys()\">\n          <biit-checkbox\n            class=\"month-checkbox\"\n            [(ngModel)]=\"selectedRanges[year + '-' + month]\"\n            (ngModelChange)=\"onMonthSelected(year, month, $event)\" >\n            <div class=\"title-counter\">\n              <div>\n                {{month | monthName}}\n              </div>\n              <div>\n                ({{sortByMonth.get(month).length}})\n              </div>\n            </div>\n          </biit-checkbox>\n        </div>\n      </div>\n    </biit-checkbox>\n  </div>\n</div>\n", styles: [".year-arrow{cursor:pointer;width:1em;height:1em;display:block;transition:transform .3s ease-in-out}.arrow-rotate{transform:rotate(90deg)}biit-checkbox{display:block;width:100%;&>label{width:100%;&>div{width:100%;&>div>a{width:100%}}}}.year-title{display:flex;align-items:center;&>div:first-child{flex-grow:1}}.month-body{display:flex;flex-direction:column;gap:.25em;font-size:.75em}.date-filter-row{margin:.5em 0;align-content:center}.title-counter{display:flex;&>div:first-child{flex-grow:1}&>div:last-child{color:gray;margin-right:.5em;font-size:.75em}}.month-body .title-counter>div:last-child{margin-right:1.2em}\n"], dependencies: [{ 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$2.BiitCheckboxComponent, selector: "biit-checkbox", inputs: ["disabled", "description", "showAlwaysDescription"] }, { kind: "component", type: i1$1.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: MonthNamePipe, name: "monthName" }] });
+DateFilterSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterSelectorComponent, selector: "biit-date-filter-selector", inputs: { _items: ["items", "_items"], _field: ["field", "_field"], _range: ["range", "_range"] }, outputs: { rangeChange: "rangeChange" }, ngImport: i0, template: "<div>\n  <div *ngFor=\"let year of sortByYear.keys()\"  class=\"date-filter-row\">\n    <biit-checkbox [(ngModel)]=\"selectedRanges[year + '']\" (ngModelChange)=\"onYearSelected(year, $event)\" >\n      <div class=\"year-title\">\n        <div class=\"title-counter\">\n          <div> {{year}} </div>\n          <div> ({{sortByYear.get(year).length}})</div>\n        </div>\n        <biit-icon\n          name=\"right_arrow\" class=\"year-arrow\" [class.arrow-rotate]=\"selectedYear === year\"\n          (click)=\"$event.preventDefault(); onDisplayYear(year)\" />\n      </div>\n      <div class=\"month-body\" *ngIf=\"selectedYear === year\">\n        <div *ngFor=\"let month of sortByMonth.keys()\">\n          <biit-checkbox\n            class=\"month-checkbox\"\n            [(ngModel)]=\"selectedRanges[year + '-' + month]\"\n            (ngModelChange)=\"onMonthSelected(year, month, $event)\" >\n            <div class=\"title-counter\">\n              <div>\n                {{month | monthName}}\n              </div>\n              <div>\n                ({{sortByMonth.get(month).length}})\n              </div>\n            </div>\n          </biit-checkbox>\n        </div>\n      </div>\n    </biit-checkbox>\n  </div>\n</div>\n", styles: [".year-arrow{cursor:pointer;width:1em;height:1em;display:block;transition:transform .3s ease-in-out}.arrow-rotate{transform:rotate(90deg)}biit-checkbox{display:block;width:100%;&>label{width:100%;&>div{width:100%;&>div>a{width:100%}}}}.year-title{display:flex;align-items:center;&>div:first-child{flex-grow:1}}.month-body{display:flex;flex-direction:column;gap:.25em;font-size:.75em}.date-filter-row{margin:.5em 0;align-content:center}.title-counter{display:flex;&>div:first-child{flex-grow:1}&>div:last-child{color:gray;margin-right:.5em;font-size:.75em}}.month-body .title-counter>div:last-child{margin-right:1.2em}\n"], dependencies: [{ 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$2.BiitCheckboxComponent, selector: "biit-checkbox", inputs: ["disabled", "description", "showAlwaysDescription"], outputs: ["onValueChange"] }, { kind: "component", type: i1$1.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: MonthNamePipe, name: "monthName" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'biit-date-filter-selector', template: "<div>\n  <div *ngFor=\"let year of sortByYear.keys()\"  class=\"date-filter-row\">\n    <biit-checkbox [(ngModel)]=\"selectedRanges[year + '']\" (ngModelChange)=\"onYearSelected(year, $event)\" >\n      <div class=\"year-title\">\n        <div class=\"title-counter\">\n          <div> {{year}} </div>\n          <div> ({{sortByYear.get(year).length}})</div>\n        </div>\n        <biit-icon\n          name=\"right_arrow\" class=\"year-arrow\" [class.arrow-rotate]=\"selectedYear === year\"\n          (click)=\"$event.preventDefault(); onDisplayYear(year)\" />\n      </div>\n      <div class=\"month-body\" *ngIf=\"selectedYear === year\">\n        <div *ngFor=\"let month of sortByMonth.keys()\">\n          <biit-checkbox\n            class=\"month-checkbox\"\n            [(ngModel)]=\"selectedRanges[year + '-' + month]\"\n            (ngModelChange)=\"onMonthSelected(year, month, $event)\" >\n            <div class=\"title-counter\">\n              <div>\n                {{month | monthName}}\n              </div>\n              <div>\n                ({{sortByMonth.get(month).length}})\n              </div>\n            </div>\n          </biit-checkbox>\n        </div>\n      </div>\n    </biit-checkbox>\n  </div>\n</div>\n", styles: [".year-arrow{cursor:pointer;width:1em;height:1em;display:block;transition:transform .3s ease-in-out}.arrow-rotate{transform:rotate(90deg)}biit-checkbox{display:block;width:100%;&>label{width:100%;&>div{width:100%;&>div>a{width:100%}}}}.year-title{display:flex;align-items:center;&>div:first-child{flex-grow:1}}.month-body{display:flex;flex-direction:column;gap:.25em;font-size:.75em}.date-filter-row{margin:.5em 0;align-content:center}.title-counter{display:flex;&>div:first-child{flex-grow:1}&>div:last-child{color:gray;margin-right:.5em;font-size:.75em}}.month-body .title-counter>div:last-child{margin-right:1.2em}\n"] }]