@daffodil/design 0.64.2 → 0.66.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/card/examples/linkable-card/linkable-card.component.mjs +3 -3
- package/esm2020/molecules/card/card/card.component.mjs +2 -2
- package/esm2020/molecules/paginator/paginator.component.mjs +55 -35
- package/esm2020/molecules/paginator/paginator.module.mjs +5 -1
- package/esm2020/molecules/sidebar/sidebar/sidebar.component.mjs +3 -3
- package/esm2020/paginator/examples/basic-paginator/basic-paginator.component.mjs +1 -1
- package/esm2020/paginator/examples/examples.mjs +3 -1
- package/esm2020/paginator/examples/link-paginator/link-paginator.component.mjs +26 -0
- package/esm2020/paginator/examples/paginator-examples.module.mjs +3 -2
- package/esm2020/paginator/examples/public_api.mjs +2 -1
- package/fesm2015/daffodil-design-card-examples.mjs +2 -2
- package/fesm2015/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2015/daffodil-design-paginator-examples.mjs +26 -3
- package/fesm2015/daffodil-design-paginator-examples.mjs.map +1 -1
- package/fesm2015/daffodil-design.mjs +67 -43
- package/fesm2015/daffodil-design.mjs.map +1 -1
- package/fesm2020/daffodil-design-card-examples.mjs +2 -2
- package/fesm2020/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2020/daffodil-design-paginator-examples.mjs +26 -3
- package/fesm2020/daffodil-design-paginator-examples.mjs.map +1 -1
- package/fesm2020/daffodil-design.mjs +67 -43
- package/fesm2020/daffodil-design.mjs.map +1 -1
- package/molecules/paginator/paginator.component.d.ts +40 -25
- package/molecules/paginator/paginator.module.d.ts +4 -3
- package/package.json +1 -1
- package/paginator/examples/examples.d.ts +2 -1
- package/paginator/examples/link-paginator/link-paginator.component.d.ts +13 -0
- package/paginator/examples/paginator-examples.module.d.ts +4 -3
- package/paginator/examples/public_api.d.ts +1 -0
|
@@ -3,7 +3,7 @@ import * as i0 from '@angular/core';
|
|
|
3
3
|
import { Input, Directive, HostBinding, NgModule, ContentChild, Component, ChangeDetectionStrategy, ViewEncapsulation, InjectionToken, Injectable, TemplateRef, ViewContainerRef, Inject, ViewChild, EventEmitter, Output, HostListener, Optional, Self, ElementRef, ContentChildren, SkipSelf, forwardRef, Type, APP_INITIALIZER } from '@angular/core';
|
|
4
4
|
import * as i1 from '@angular/common';
|
|
5
5
|
import { CommonModule, DOCUMENT } from '@angular/common';
|
|
6
|
-
import * as
|
|
6
|
+
import * as i3 from '@fortawesome/angular-fontawesome';
|
|
7
7
|
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
8
8
|
import { faChevronDown, faChevronUp, faChevronRight, faChevronLeft } from '@fortawesome/free-solid-svg-icons';
|
|
9
9
|
import * as i1$1 from '@angular/platform-browser';
|
|
@@ -14,10 +14,12 @@ import { UntypedFormControl, ReactiveFormsModule, FormsModule } from '@angular/f
|
|
|
14
14
|
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
15
15
|
import * as i1$3 from '@angular/cdk/overlay';
|
|
16
16
|
import { OverlayModule, GlobalPositionStrategy } from '@angular/cdk/overlay';
|
|
17
|
-
import * as i2
|
|
17
|
+
import * as i2 from '@angular/cdk/portal';
|
|
18
18
|
import { ComponentPortal, TemplatePortal, CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
|
|
19
19
|
import * as i1$4 from '@angular/cdk/a11y';
|
|
20
20
|
import { A11yModule } from '@angular/cdk/a11y';
|
|
21
|
+
import * as i2$1 from '@angular/router';
|
|
22
|
+
import { RouterModule } from '@angular/router';
|
|
21
23
|
import { DaffServerSafePersistenceServiceToken } from '@daffodil/core';
|
|
22
24
|
|
|
23
25
|
/**
|
|
@@ -635,7 +637,7 @@ class DaffFormFieldComponent {
|
|
|
635
637
|
}
|
|
636
638
|
}
|
|
637
639
|
/** @nocollapse */ DaffFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
638
|
-
/** @nocollapse */ DaffFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffFormFieldComponent, selector: "daff-form-field", inputs: { formSubmitted: "formSubmitted" }, host: { properties: { "class.daff-form-field": "this.class" } }, queries: [{ propertyName: "_control", first: true, predicate: DaffFormFieldControl, descendants: true }], ngImport: i0, template: "<div class=\"daff-form-field__control\" [class.daff-error]=\"isError\" [class.daff-valid]=\"isValid\" [class.daff-focus]=\"isFocused\">\n <ng-content></ng-content>\n <div class=\"daff-form-field__icon\" *ngIf=\"_control.controlType === 'native-select'\">\n <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n </div>\n</div>\n<ng-content select=\"daff-error-message\"></ng-content>\n", styles: [".daff-form-field{display:block;position:relative}.daff-form-field__control{border-radius:3px;display:inline-block;font-size:1rem;height:inherit;line-height:1.5rem;padding:10px 15px;width:100%}.daff-form-field__icon{display:inline-block;pointer-events:none;position:absolute;right:15px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type:
|
|
640
|
+
/** @nocollapse */ DaffFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffFormFieldComponent, selector: "daff-form-field", inputs: { formSubmitted: "formSubmitted" }, host: { properties: { "class.daff-form-field": "this.class" } }, queries: [{ propertyName: "_control", first: true, predicate: DaffFormFieldControl, descendants: true }], ngImport: i0, template: "<div class=\"daff-form-field__control\" [class.daff-error]=\"isError\" [class.daff-valid]=\"isValid\" [class.daff-focus]=\"isFocused\">\n <ng-content></ng-content>\n <div class=\"daff-form-field__icon\" *ngIf=\"_control.controlType === 'native-select'\">\n <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n </div>\n</div>\n<ng-content select=\"daff-error-message\"></ng-content>\n", styles: [".daff-form-field{display:block;position:relative}.daff-form-field__control{border-radius:3px;display:inline-block;font-size:1rem;height:inherit;line-height:1.5rem;padding:10px 15px;width:100%}.daff-form-field__icon{display:inline-block;pointer-events:none;position:absolute;right:15px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
639
641
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFormFieldComponent, decorators: [{
|
|
640
642
|
type: Component,
|
|
641
643
|
args: [{ selector: 'daff-form-field', encapsulation: ViewEncapsulation.None, template: "<div class=\"daff-form-field__control\" [class.daff-error]=\"isError\" [class.daff-valid]=\"isValid\" [class.daff-focus]=\"isFocused\">\n <ng-content></ng-content>\n <div class=\"daff-form-field__icon\" *ngIf=\"_control.controlType === 'native-select'\">\n <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n </div>\n</div>\n<ng-content select=\"daff-error-message\"></ng-content>\n", styles: [".daff-form-field{display:block;position:relative}.daff-form-field__control{border-radius:3px;display:inline-block;font-size:1rem;height:inherit;line-height:1.5rem;padding:10px 15px;width:100%}.daff-form-field__icon{display:inline-block;pointer-events:none;position:absolute;right:15px}\n"] }]
|
|
@@ -2556,7 +2558,7 @@ class DaffAccordionItemComponent {
|
|
|
2556
2558
|
}
|
|
2557
2559
|
}
|
|
2558
2560
|
/** @nocollapse */ DaffAccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2559
|
-
/** @nocollapse */ DaffAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: { initiallyActive: "initiallyActive" }, host: { properties: { "class.daff-accordion-item": "this.class" } }, ngImport: i0, template: "<div class=\"daff-accordion-item__header\" (click)=\"toggleActive()\">\n <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n <span [hidden]=\"_open\" daffSuffix>\n <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n </span>\n <span [hidden]=\"!_open\" daffSuffix>\n <fa-icon [icon]=\"faChevronUp\"></fa-icon>\n </span>\n</div>\n<div [@openAccordion]=\"_animationState\">\n <ng-content></ng-content>\n</div>", styles: [".daff-accordion-item{display:block;padding:15px 0;width:100%}@media (min-width: 768px){.daff-accordion-item{padding:30px 0}}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;width:100%}.daff-accordion-item__header .daff-suffix{margin:0 10px}.daff-accordion-item__title{font-weight:700;text-transform:uppercase;font-size:1rem;margin:0}.daff-accordion-item__content{padding-top:15px}@media (min-width: 768px){.daff-accordion-item__content{padding-top:30px}}\n"], dependencies: [{ kind: "component", type:
|
|
2561
|
+
/** @nocollapse */ DaffAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: { initiallyActive: "initiallyActive" }, host: { properties: { "class.daff-accordion-item": "this.class" } }, ngImport: i0, template: "<div class=\"daff-accordion-item__header\" (click)=\"toggleActive()\">\n <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n <span [hidden]=\"_open\" daffSuffix>\n <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n </span>\n <span [hidden]=\"!_open\" daffSuffix>\n <fa-icon [icon]=\"faChevronUp\"></fa-icon>\n </span>\n</div>\n<div [@openAccordion]=\"_animationState\">\n <ng-content></ng-content>\n</div>", styles: [".daff-accordion-item{display:block;padding:15px 0;width:100%}@media (min-width: 768px){.daff-accordion-item{padding:30px 0}}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;width:100%}.daff-accordion-item__header .daff-suffix{margin:0 10px}.daff-accordion-item__title{font-weight:700;text-transform:uppercase;font-size:1rem;margin:0}.daff-accordion-item__content{padding-top:15px}@media (min-width: 768px){.daff-accordion-item__content{padding-top:30px}}\n"], dependencies: [{ kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: DaffSuffixDirective, selector: "[daffSuffix]" }], animations: [
|
|
2560
2562
|
daffAccordionAnimations.openAccordion,
|
|
2561
2563
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2562
2564
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionItemComponent, decorators: [{
|
|
@@ -2660,7 +2662,7 @@ class DaffNavAccordionItemComponent {
|
|
|
2660
2662
|
}
|
|
2661
2663
|
}
|
|
2662
2664
|
/** @nocollapse */ DaffNavAccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNavAccordionItemComponent, deps: [{ token: DaffAccordionComponent }, { token: DaffNavAccordionItemComponent, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
2663
|
-
/** @nocollapse */ DaffNavAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffNavAccordionItemComponent, selector: "daff-nav-accordion-item", inputs: { initiallyActive: "initiallyActive" }, host: { properties: { "class": "this.classes" } }, queries: [{ propertyName: "_navAccordionItemChild", predicate: i0.forwardRef(function () { return DaffNavAccordionItemComponent; }), descendants: true }], ngImport: i0, template: "<div class=\"daff-nav-accordion-item__header\" (click)=\"toggleActive()\">\n <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n <span [hidden]=\"_open\" daffSuffix *ngIf=\"_navAccordionItemChild.toArray().length\">\n <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n </span>\n <span [hidden]=\"!_open\" daffSuffix *ngIf=\"_navAccordionItemChild.toArray().length\">\n <fa-icon [icon]=\"faChevronUp\"></fa-icon>\n </span>\n</div>\n<div [@openAccordion]=\"_animationState\">\n <ng-content></ng-content>\n</div>\n", styles: [":host(.daff-nav-accordion-item--level-1) .daff-nav-accordion-item__header{padding-left:15px}:host(.daff-nav-accordion-item--level-2) .daff-nav-accordion-item__header{padding-left:30px}:host(.daff-nav-accordion-item--level-3) .daff-nav-accordion-item__header{padding-left:45px}:host{display:block;padding-top:6px}.daff-nav-accordion-item__header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:6px}.daff-nav-accordion-item__header .daff-suffix{margin:0 10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type:
|
|
2665
|
+
/** @nocollapse */ DaffNavAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffNavAccordionItemComponent, selector: "daff-nav-accordion-item", inputs: { initiallyActive: "initiallyActive" }, host: { properties: { "class": "this.classes" } }, queries: [{ propertyName: "_navAccordionItemChild", predicate: i0.forwardRef(function () { return DaffNavAccordionItemComponent; }), descendants: true }], ngImport: i0, template: "<div class=\"daff-nav-accordion-item__header\" (click)=\"toggleActive()\">\n <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n <span [hidden]=\"_open\" daffSuffix *ngIf=\"_navAccordionItemChild.toArray().length\">\n <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n </span>\n <span [hidden]=\"!_open\" daffSuffix *ngIf=\"_navAccordionItemChild.toArray().length\">\n <fa-icon [icon]=\"faChevronUp\"></fa-icon>\n </span>\n</div>\n<div [@openAccordion]=\"_animationState\">\n <ng-content></ng-content>\n</div>\n", styles: [":host(.daff-nav-accordion-item--level-1) .daff-nav-accordion-item__header{padding-left:15px}:host(.daff-nav-accordion-item--level-2) .daff-nav-accordion-item__header{padding-left:30px}:host(.daff-nav-accordion-item--level-3) .daff-nav-accordion-item__header{padding-left:45px}:host{display:block;padding-top:6px}.daff-nav-accordion-item__header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:6px}.daff-nav-accordion-item__header .daff-suffix{margin:0 10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: DaffSuffixDirective, selector: "[daffSuffix]" }], animations: [
|
|
2664
2666
|
daffAccordionAnimations.openAccordion,
|
|
2665
2667
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2666
2668
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNavAccordionItemComponent, decorators: [{
|
|
@@ -3833,7 +3835,7 @@ class DaffModalComponent {
|
|
|
3833
3835
|
}
|
|
3834
3836
|
}
|
|
3835
3837
|
/** @nocollapse */ DaffModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalComponent, deps: [{ token: i1$4.ConfigurableFocusTrapFactory }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
3836
|
-
/** @nocollapse */ DaffModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffModalComponent, selector: "daff-modal", inputs: { open: "open" }, host: { listeners: { "@fade.done": "animationDone($event)" }, properties: { "class.daff-modal": "this.modalClass", "@fade": "this.fadeState" } }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"], dependencies: [{ kind: "directive", type: i2
|
|
3838
|
+
/** @nocollapse */ DaffModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffModalComponent, selector: "daff-modal", inputs: { open: "open" }, host: { listeners: { "@fade.done": "animationDone($event)" }, properties: { "class.daff-modal": "this.modalClass", "@fade": "this.fadeState" } }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"], dependencies: [{ kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [daffFadeAnimations.fade], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3837
3839
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalComponent, decorators: [{
|
|
3838
3840
|
type: Component,
|
|
3839
3841
|
args: [{ selector: 'daff-modal', animations: [daffFadeAnimations.fade], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"] }]
|
|
@@ -4131,6 +4133,14 @@ class DaffPaginatorComponent extends _daffPaginatorBase {
|
|
|
4131
4133
|
* @docs-private
|
|
4132
4134
|
*/
|
|
4133
4135
|
this.faChevronLeft = faChevronLeft;
|
|
4136
|
+
/**
|
|
4137
|
+
* Replace the paginator buttons with links. `url` is required if using this mode.
|
|
4138
|
+
*/
|
|
4139
|
+
this.linkMode = false;
|
|
4140
|
+
/**
|
|
4141
|
+
* The query param to which the paginator component will set the current page value in link mode.
|
|
4142
|
+
*/
|
|
4143
|
+
this.queryParam = 'page';
|
|
4134
4144
|
/**
|
|
4135
4145
|
* Emits when the current page changes with the new current page.
|
|
4136
4146
|
*/
|
|
@@ -4138,6 +4148,38 @@ class DaffPaginatorComponent extends _daffPaginatorBase {
|
|
|
4138
4148
|
const ariaLabel = elementRef.nativeElement.attributes['aria-label'];
|
|
4139
4149
|
this._paginatorId = ariaLabel ? ariaLabel.nodeValue : null;
|
|
4140
4150
|
}
|
|
4151
|
+
/**
|
|
4152
|
+
* Determines when ellipsis after the first page number should show.
|
|
4153
|
+
*
|
|
4154
|
+
* @docs-private
|
|
4155
|
+
*/
|
|
4156
|
+
get _showFirstEllipsis() {
|
|
4157
|
+
return this.currentPage >= visiblePageRange + 2;
|
|
4158
|
+
}
|
|
4159
|
+
/**
|
|
4160
|
+
* Determines when ellipsis before the final page number should show.
|
|
4161
|
+
*
|
|
4162
|
+
* @docs-private
|
|
4163
|
+
*/
|
|
4164
|
+
get _showLastEllipsis() {
|
|
4165
|
+
return this.currentPage < (this.numberOfPages - visiblePageRange);
|
|
4166
|
+
}
|
|
4167
|
+
/**
|
|
4168
|
+
* Determines when the Previous button should be disabled.
|
|
4169
|
+
*
|
|
4170
|
+
* @docs-private
|
|
4171
|
+
*/
|
|
4172
|
+
get _disablePrev() {
|
|
4173
|
+
return this.currentPage === 1;
|
|
4174
|
+
}
|
|
4175
|
+
/**
|
|
4176
|
+
* Determines when the Next button should be disabled.
|
|
4177
|
+
*
|
|
4178
|
+
* @docs-private
|
|
4179
|
+
*/
|
|
4180
|
+
get _disableNext() {
|
|
4181
|
+
return this.currentPage === this.numberOfPages;
|
|
4182
|
+
}
|
|
4141
4183
|
/**
|
|
4142
4184
|
* @docs-private
|
|
4143
4185
|
*/
|
|
@@ -4184,22 +4226,6 @@ class DaffPaginatorComponent extends _daffPaginatorBase {
|
|
|
4184
4226
|
_isSelected(page) {
|
|
4185
4227
|
return page === this.currentPage;
|
|
4186
4228
|
}
|
|
4187
|
-
/**
|
|
4188
|
-
* Determines when ellipsis after the first page number should show.
|
|
4189
|
-
*
|
|
4190
|
-
* @docs-private
|
|
4191
|
-
*/
|
|
4192
|
-
_showFirstEllipsis() {
|
|
4193
|
-
return this.currentPage >= visiblePageRange + 2;
|
|
4194
|
-
}
|
|
4195
|
-
/**
|
|
4196
|
-
* Determines when ellipsis before the final page number should show.
|
|
4197
|
-
*
|
|
4198
|
-
* @docs-private
|
|
4199
|
-
*/
|
|
4200
|
-
_showLastEllipsis() {
|
|
4201
|
-
return this.currentPage < (this.numberOfPages - visiblePageRange);
|
|
4202
|
-
}
|
|
4203
4229
|
/**
|
|
4204
4230
|
* Determines if the given page number should be shown. The two additional 'or' conditionals are needed
|
|
4205
4231
|
* so the paginator retains the same total width at the extreme page numbers (1 and numberOfPages).
|
|
@@ -4212,28 +4238,17 @@ class DaffPaginatorComponent extends _daffPaginatorBase {
|
|
|
4212
4238
|
|| (this.currentPage <= visiblePageRange && pageNumber <= 2 * visiblePageRange)
|
|
4213
4239
|
|| (this.currentPage > this.numberOfPages - visiblePageRange && pageNumber > this.numberOfPages - 2 * visiblePageRange);
|
|
4214
4240
|
}
|
|
4215
|
-
|
|
4216
|
-
|
|
4217
|
-
|
|
4218
|
-
|
|
4219
|
-
*/
|
|
4220
|
-
_disablePrev() {
|
|
4221
|
-
return this.currentPage === 1;
|
|
4222
|
-
}
|
|
4223
|
-
/**
|
|
4224
|
-
* Determines when the Next button should be disabled.
|
|
4225
|
-
*
|
|
4226
|
-
* @docs-private
|
|
4227
|
-
*/
|
|
4228
|
-
_disableNext() {
|
|
4229
|
-
return this.currentPage === this.numberOfPages;
|
|
4241
|
+
_buildPageQueryParams(page) {
|
|
4242
|
+
return {
|
|
4243
|
+
[this.queryParam]: page,
|
|
4244
|
+
};
|
|
4230
4245
|
}
|
|
4231
4246
|
}
|
|
4232
4247
|
/** @nocollapse */ DaffPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
4233
|
-
/** @nocollapse */ DaffPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffPaginatorComponent, selector: "daff-paginator", inputs: { color: "color", numberOfPages: "numberOfPages", currentPage: "currentPage" }, outputs: { notifyPageChange: "notifyPageChange" }, host: { properties: { "class.daff-paginator": "this.class", "attr.role": "this.role" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button type=\"button\" class=\"daff-paginator__previous\"\n [disabled]=\"_disablePrev
|
|
4248
|
+
/** @nocollapse */ DaffPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffPaginatorComponent, selector: "daff-paginator", inputs: { color: "color", numberOfPages: "numberOfPages", currentPage: "currentPage", linkMode: "linkMode", url: "url", queryParam: "queryParam" }, outputs: { notifyPageChange: "notifyPageChange" }, host: { properties: { "class.daff-paginator": "this.class", "attr.role": "this.role" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__previous\"\n [disabled]=\"_disablePrev\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPrevPageChange()\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon> Previous\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__previous\"\n *ngIf=\"!_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [routerLink]=\"url\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage - 1)\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </a>\n <span class=\"daff-paginator__previous disabled\"\n *ngIf=\"_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </span>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(1)\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(1)\">\n <span>1</span>\n</button>\n<a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(1)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(1)\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n><span>1</span></a>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n <ng-container *ngIf=\"_showNumber(pageNumber)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(pageNumber)\"\n [attr.data-page-number]=\"pageNumber\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n aria-current=\"_isSelected(pageNumber)\"\n (click)=\"_onNotifyPageChange(pageNumber)\">\n <span>{{ pageNumber }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [attr.data-page-number]=\"pageNumber\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(pageNumber)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(pageNumber)\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n ><span>{{ pageNumber }}</span></a>\n </ng-container>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis\">...</span>\n\n<ng-container *ngIf=\"!(numberOfPages < 2)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n tabindex=\"0\"\n attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(numberOfPages)\"\n >\n <span>{{ numberOfPages }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(numberOfPages)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n attr.aria-label=\"Go to Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n ><span>{{ numberOfPages }}</span></a>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" class=\"daff-paginator__next\"\n [disabled]=\"_disableNext\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyNextPageChange()\">\n Next <fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__next\"\n *ngIf=\"!_disableNext\"\n [routerLink]=\"url\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage + 1)\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </a>\n <span class=\"daff-paginator__next disabled\"\n *ngIf=\"_disableNext\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </span>\n</ng-container>\n", styles: [":host{display:flex;gap:4px}.daff-paginator__page-link,.daff-paginator__previous,.daff-paginator__next{text-decoration:none}.daff-paginator__previous,.daff-paginator__next{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:4px;gap:8px;height:2rem;padding:0 8px}.daff-paginator__previous[disabled],.daff-paginator__next[disabled]{cursor:not-allowed;opacity:.5}.daff-paginator__ellipsis{height:2rem;width:2rem;text-align:center}.daff-paginator__page-link{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:4px;min-width:2rem;height:2rem;padding:0 4px;position:relative}.daff-paginator__page-link span{z-index:2}.daff-paginator__page-link:after{content:\"\";border-radius:4px;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-paginator__page-link:hover:after,.daff-paginator__page-link:active:after,.daff-paginator__page-link.selected:after{opacity:1}\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: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4234
4249
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorComponent, decorators: [{
|
|
4235
4250
|
type: Component,
|
|
4236
|
-
args: [{ selector: 'daff-paginator', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" class=\"daff-paginator__previous\"\n [disabled]=\"_disablePrev
|
|
4251
|
+
args: [{ selector: 'daff-paginator', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__previous\"\n [disabled]=\"_disablePrev\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPrevPageChange()\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon> Previous\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__previous\"\n *ngIf=\"!_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [routerLink]=\"url\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage - 1)\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </a>\n <span class=\"daff-paginator__previous disabled\"\n *ngIf=\"_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </span>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(1)\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(1)\">\n <span>1</span>\n</button>\n<a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(1)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(1)\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n><span>1</span></a>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n <ng-container *ngIf=\"_showNumber(pageNumber)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(pageNumber)\"\n [attr.data-page-number]=\"pageNumber\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n aria-current=\"_isSelected(pageNumber)\"\n (click)=\"_onNotifyPageChange(pageNumber)\">\n <span>{{ pageNumber }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [attr.data-page-number]=\"pageNumber\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(pageNumber)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(pageNumber)\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n ><span>{{ pageNumber }}</span></a>\n </ng-container>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis\">...</span>\n\n<ng-container *ngIf=\"!(numberOfPages < 2)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n tabindex=\"0\"\n attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(numberOfPages)\"\n >\n <span>{{ numberOfPages }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(numberOfPages)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n attr.aria-label=\"Go to Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n ><span>{{ numberOfPages }}</span></a>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" class=\"daff-paginator__next\"\n [disabled]=\"_disableNext\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyNextPageChange()\">\n Next <fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__next\"\n *ngIf=\"!_disableNext\"\n [routerLink]=\"url\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage + 1)\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </a>\n <span class=\"daff-paginator__next disabled\"\n *ngIf=\"_disableNext\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </span>\n</ng-container>\n", styles: [":host{display:flex;gap:4px}.daff-paginator__page-link,.daff-paginator__previous,.daff-paginator__next{text-decoration:none}.daff-paginator__previous,.daff-paginator__next{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:4px;gap:8px;height:2rem;padding:0 8px}.daff-paginator__previous[disabled],.daff-paginator__next[disabled]{cursor:not-allowed;opacity:.5}.daff-paginator__ellipsis{height:2rem;width:2rem;text-align:center}.daff-paginator__page-link{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:4px;min-width:2rem;height:2rem;padding:0 4px;position:relative}.daff-paginator__page-link span{z-index:2}.daff-paginator__page-link:after{content:\"\";border-radius:4px;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-paginator__page-link:hover:after,.daff-paginator__page-link:active:after,.daff-paginator__page-link.selected:after{opacity:1}\n"] }]
|
|
4237
4252
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { class: [{
|
|
4238
4253
|
type: HostBinding,
|
|
4239
4254
|
args: ['class.daff-paginator']
|
|
@@ -4244,6 +4259,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
4244
4259
|
type: Input
|
|
4245
4260
|
}], currentPage: [{
|
|
4246
4261
|
type: Input
|
|
4262
|
+
}], linkMode: [{
|
|
4263
|
+
type: Input
|
|
4264
|
+
}], url: [{
|
|
4265
|
+
type: Input
|
|
4266
|
+
}], queryParam: [{
|
|
4267
|
+
type: Input
|
|
4247
4268
|
}], notifyPageChange: [{
|
|
4248
4269
|
type: Output
|
|
4249
4270
|
}] } });
|
|
@@ -4252,9 +4273,11 @@ class DaffPaginatorModule {
|
|
|
4252
4273
|
}
|
|
4253
4274
|
/** @nocollapse */ DaffPaginatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4254
4275
|
/** @nocollapse */ DaffPaginatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorModule, declarations: [DaffPaginatorComponent], imports: [CommonModule,
|
|
4276
|
+
RouterModule,
|
|
4255
4277
|
FontAwesomeModule,
|
|
4256
4278
|
DaffButtonModule], exports: [DaffPaginatorComponent] });
|
|
4257
4279
|
/** @nocollapse */ DaffPaginatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorModule, imports: [CommonModule,
|
|
4280
|
+
RouterModule,
|
|
4258
4281
|
FontAwesomeModule,
|
|
4259
4282
|
DaffButtonModule] });
|
|
4260
4283
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorModule, decorators: [{
|
|
@@ -4262,6 +4285,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
4262
4285
|
args: [{
|
|
4263
4286
|
imports: [
|
|
4264
4287
|
CommonModule,
|
|
4288
|
+
RouterModule,
|
|
4265
4289
|
FontAwesomeModule,
|
|
4266
4290
|
DaffButtonModule,
|
|
4267
4291
|
],
|
|
@@ -4539,14 +4563,14 @@ class DaffSidebarComponent {
|
|
|
4539
4563
|
}
|
|
4540
4564
|
}
|
|
4541
4565
|
/** @nocollapse */ DaffSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffSidebarComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
4542
|
-
/** @nocollapse */ DaffSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffSidebarComponent, selector: "daff-sidebar", inputs: { side: "side", mode: "mode", open: "open" }, outputs: { escapePressed: "escapePressed" }, host: { properties: { "class": "this.classes", "@transformSidebar": "this.transformSidebar" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}\n"], animations: [
|
|
4566
|
+
/** @nocollapse */ DaffSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffSidebarComponent, selector: "daff-sidebar", inputs: { side: "side", mode: "mode", open: "open" }, outputs: { escapePressed: "escapePressed" }, host: { properties: { "class": "this.classes", "@transformSidebar": "this.transformSidebar" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}:host-context(daff-sidebar-viewport daff-sidebar-viewport).side-fixed{position:sticky}\n"], animations: [
|
|
4543
4567
|
daffSidebarAnimations.transformSidebar,
|
|
4544
4568
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4545
4569
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffSidebarComponent, decorators: [{
|
|
4546
4570
|
type: Component,
|
|
4547
4571
|
args: [{ selector: 'daff-sidebar', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
|
4548
4572
|
daffSidebarAnimations.transformSidebar,
|
|
4549
|
-
], styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}\n"] }]
|
|
4573
|
+
], styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}:host-context(daff-sidebar-viewport daff-sidebar-viewport).side-fixed{position:sticky}\n"] }]
|
|
4550
4574
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { classes: [{
|
|
4551
4575
|
type: HostBinding,
|
|
4552
4576
|
args: ['class']
|
|
@@ -5469,7 +5493,7 @@ class DaffCardComponent extends _daffCardBase {
|
|
|
5469
5493
|
}
|
|
5470
5494
|
}
|
|
5471
5495
|
/** @nocollapse */ DaffCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
5472
|
-
/** @nocollapse */ DaffCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: { color: "color", orientation: "orientation" }, host: { properties: { "class.daff-card": "this.class", "class.daff-card--vertical": "this.verticalClass", "class.daff-card--horizontal": "this.horizontalClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-
|
|
5496
|
+
/** @nocollapse */ DaffCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: { color: "color", orientation: "orientation" }, host: { properties: { "class.daff-card": "this.class", "class.daff-card--vertical": "this.verticalClass", "class.daff-card--horizontal": "this.horizontalClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-card--horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-card--horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card--horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-card--horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card__title{font-weight:700;font-size:1.375rem;line-height:1.5rem;margin:0 0 1rem}@media (min-width: 480px){.daff-card__title{font-size:1.5rem;line-height:1.75rem}}.daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-card__content p:first-of-type{margin-top:0}.daff-card__content p:last-of-type{margin-bottom:0}.daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none}a.daff-card .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-card .daff-card__wrapper,a.daff-raised-card .daff-card__wrapper,a.daff-stroked-card .daff-card__wrapper{position:relative;height:100%}a.daff-card .daff-card__wrapper:after,a.daff-raised-card .daff-card__wrapper:after,a.daff-stroked-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}a.daff-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}a.daff-card:hover .daff-card__wrapper:after,a.daff-card:focus .daff-card__wrapper:after,a.daff-card:active .daff-card__wrapper:after,a.daff-raised-card:hover .daff-card__wrapper:after,a.daff-raised-card:focus .daff-card__wrapper:after,a.daff-raised-card:active .daff-card__wrapper:after,a.daff-stroked-card:hover .daff-card__wrapper:after,a.daff-stroked-card:focus .daff-card__wrapper:after,a.daff-stroked-card:active .daff-card__wrapper:after{opacity:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5473
5497
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardComponent, decorators: [{
|
|
5474
5498
|
type: Component,
|
|
5475
5499
|
args: [{ selector: 'daff-card' + ',' +
|
|
@@ -5477,7 +5501,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
5477
5501
|
'daff-stroked-card' + ',' +
|
|
5478
5502
|
'a[daff-card]' + ',' +
|
|
5479
5503
|
'a[daff-raised-card]' + ',' +
|
|
5480
|
-
'a[daff-stroked-card]', encapsulation: ViewEncapsulation.None, inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-
|
|
5504
|
+
'a[daff-stroked-card]', encapsulation: ViewEncapsulation.None, inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-card--horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-card--horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card--horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-card--horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card__title{font-weight:700;font-size:1.375rem;line-height:1.5rem;margin:0 0 1rem}@media (min-width: 480px){.daff-card__title{font-size:1.5rem;line-height:1.75rem}}.daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-card__content p:first-of-type{margin-top:0}.daff-card__content p:last-of-type{margin-bottom:0}.daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none}a.daff-card .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-card .daff-card__wrapper,a.daff-raised-card .daff-card__wrapper,a.daff-stroked-card .daff-card__wrapper{position:relative;height:100%}a.daff-card .daff-card__wrapper:after,a.daff-raised-card .daff-card__wrapper:after,a.daff-stroked-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}a.daff-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}a.daff-card:hover .daff-card__wrapper:after,a.daff-card:focus .daff-card__wrapper:after,a.daff-card:active .daff-card__wrapper:after,a.daff-raised-card:hover .daff-card__wrapper:after,a.daff-raised-card:focus .daff-card__wrapper:after,a.daff-raised-card:active .daff-card__wrapper:after,a.daff-stroked-card:hover .daff-card__wrapper:after,a.daff-stroked-card:focus .daff-card__wrapper:after,a.daff-stroked-card:active .daff-card__wrapper:after{opacity:1}\n"] }]
|
|
5481
5505
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { orientation: [{
|
|
5482
5506
|
type: Input
|
|
5483
5507
|
}], class: [{
|