@danske/sapphire-angular 1.12.4

package/esm2020/lib/notification-badge/src/notification-badge.component.mjs

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class NotificationBadgeComponent {
+    constructor() {
+        this.containerType = 'circle';
+        this.size = 'medium';
+        this.variant = 'primary';
+        this.count = 1;
+        this.show = true;
+    }
+}
+NotificationBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NotificationBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotificationBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: NotificationBadgeComponent, selector: "sp-notification-badge", inputs: { containerType: "containerType", size: "size", variant: "variant", count: "count", show: "show" }, ngImport: i0, template: "<span\n  class=\"sapphire-notification-badge-container\"\n  [class.sapphire-notification-badge-container--rectangle]=\"\n    containerType === 'rectangle'\n  \"\n>\n  <ng-content></ng-content>\n  <span\n    role=\"status\"\n    class=\"sapphire-notification-badge\"\n    [class.sapphire-notification-badge--large]=\"size === 'large'\"\n    [class.sapphire-notification-badge--medium]=\"size === 'medium'\"\n    [class.sapphire-notification-badge--small]=\"size === 'small'\"\n    [class.sapphire-notification-badge--primary]=\"variant === 'primary'\"\n    [class.sapphire-notification-badge--secondary]=\"variant === 'secondary'\"\n    [class.sapphire-notification-badge--pop-in]=\"show\"\n    [class.sapphire-notification-badge--pop-out]=\"!show\"\n  >\n    {{\n      size !== 'small'\n        ? count && count.toString().length > 2\n          ? '99+'\n          : count\n        : ''\n    }}\n  </span>\n</span>\n", styles: ["@keyframes pop-in{0%{transform:scale(0) translate(50%,-50%);opacity:0}25%{opacity:.1}to{transform:scale(1) translate(50%,-50%)}}@keyframes pop-out{0%{transform:scale(1) translate(50%,-50%)}75%{opacity:.1}to{transform:scale(0) translate(50%,-50%);opacity:0;display:none}}.sapphire-notification-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--sapphire-notification-badge-color-content-default);font-family:var(--sapphire-notification-badge-font-name);font-weight:var(--sapphire-notification-badge-font-weight);box-sizing:border-box;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-notification-badge--pop-in{animation:pop-in var(--sapphire-notification-badge-time-transition) cubic-bezier(.55,-.49,.39,1.49)}.sapphire-notification-badge--pop-out{animation:pop-out var(--sapphire-notification-badge-time-transition) forwards}.sapphire-notification-badge--large{height:var(--sapphire-notification-badge-size-height-l);border-radius:var(--sapphire-notification-badge-size-radius-l);padding:var(--sapphire-notification-badge-size-spacing-l-vertical) var(--sapphire-notification-badge-size-spacing-l-horizontal);font-size:var(--sapphire-notification-badge-size-font-primary)}.sapphire-notification-badge--medium{height:var(--sapphire-notification-badge-size-height-m);border-radius:var(--sapphire-notification-badge-size-radius-m);padding:0 var(--sapphire-notification-badge-size-spacing-m-horizontal);font-size:var(--sapphire-notification-badge-size-font-secondary);min-width:var(--sapphire-notification-badge-size-width-m);box-sizing:border-box}.sapphire-notification-badge--small{min-width:var(--sapphire-notification-badge-size-width-s);height:var(--sapphire-notification-badge-size-height-s);border-radius:var(--sapphire-notification-badge-size-radius-s)}.sapphire-notification-badge--primary{background-color:var(--sapphire-notification-badge-color-background-primary)}.sapphire-notification-badge--secondary{background-color:var(--sapphire-notification-badge-color-background-secondary)}.sapphire-notification-badge-container{position:relative;display:inline-block;width:max-content}.sapphire-notification-badge-container .sapphire-notification-badge{position:absolute;top:14%;right:14%;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}.sapphire-notification-badge-container--rectangle .sapphire-notification-badge{position:absolute;top:0;right:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NotificationBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sp-notification-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  class=\"sapphire-notification-badge-container\"\n  [class.sapphire-notification-badge-container--rectangle]=\"\n    containerType === 'rectangle'\n  \"\n>\n  <ng-content></ng-content>\n  <span\n    role=\"status\"\n    class=\"sapphire-notification-badge\"\n    [class.sapphire-notification-badge--large]=\"size === 'large'\"\n    [class.sapphire-notification-badge--medium]=\"size === 'medium'\"\n    [class.sapphire-notification-badge--small]=\"size === 'small'\"\n    [class.sapphire-notification-badge--primary]=\"variant === 'primary'\"\n    [class.sapphire-notification-badge--secondary]=\"variant === 'secondary'\"\n    [class.sapphire-notification-badge--pop-in]=\"show\"\n    [class.sapphire-notification-badge--pop-out]=\"!show\"\n  >\n    {{\n      size !== 'small'\n        ? count && count.toString().length > 2\n          ? '99+'\n          : count\n        : ''\n    }}\n  </span>\n</span>\n", styles: ["@keyframes pop-in{0%{transform:scale(0) translate(50%,-50%);opacity:0}25%{opacity:.1}to{transform:scale(1) translate(50%,-50%)}}@keyframes pop-out{0%{transform:scale(1) translate(50%,-50%)}75%{opacity:.1}to{transform:scale(0) translate(50%,-50%);opacity:0;display:none}}.sapphire-notification-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--sapphire-notification-badge-color-content-default);font-family:var(--sapphire-notification-badge-font-name);font-weight:var(--sapphire-notification-badge-font-weight);box-sizing:border-box;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-notification-badge--pop-in{animation:pop-in var(--sapphire-notification-badge-time-transition) cubic-bezier(.55,-.49,.39,1.49)}.sapphire-notification-badge--pop-out{animation:pop-out var(--sapphire-notification-badge-time-transition) forwards}.sapphire-notification-badge--large{height:var(--sapphire-notification-badge-size-height-l);border-radius:var(--sapphire-notification-badge-size-radius-l);padding:var(--sapphire-notification-badge-size-spacing-l-vertical) var(--sapphire-notification-badge-size-spacing-l-horizontal);font-size:var(--sapphire-notification-badge-size-font-primary)}.sapphire-notification-badge--medium{height:var(--sapphire-notification-badge-size-height-m);border-radius:var(--sapphire-notification-badge-size-radius-m);padding:0 var(--sapphire-notification-badge-size-spacing-m-horizontal);font-size:var(--sapphire-notification-badge-size-font-secondary);min-width:var(--sapphire-notification-badge-size-width-m);box-sizing:border-box}.sapphire-notification-badge--small{min-width:var(--sapphire-notification-badge-size-width-s);height:var(--sapphire-notification-badge-size-height-s);border-radius:var(--sapphire-notification-badge-size-radius-s)}.sapphire-notification-badge--primary{background-color:var(--sapphire-notification-badge-color-background-primary)}.sapphire-notification-badge--secondary{background-color:var(--sapphire-notification-badge-color-background-secondary)}.sapphire-notification-badge-container{position:relative;display:inline-block;width:max-content}.sapphire-notification-badge-container .sapphire-notification-badge{position:absolute;top:14%;right:14%;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}.sapphire-notification-badge-container--rectangle .sapphire-notification-badge{position:absolute;top:0;right:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}\n"] }]
+        }], propDecorators: { containerType: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], count: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbm90aWZpY2F0aW9uLWJhZGdlL3NyYy9ub3RpZmljYXRpb24tYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9ub3RpZmljYXRpb24tYmFkZ2Uvc3JjL25vdGlmaWNhdGlvbi1iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRMUUsTUFBTSxPQUFPLDBCQUEwQjtJQU52QztRQVFFLGtCQUFhLEdBQTRCLFFBQVEsQ0FBQztRQUdsRCxTQUFJLEdBQWtDLFFBQVEsQ0FBQztRQUcvQyxZQUFPLEdBQTZCLFNBQVMsQ0FBQztRQUc5QyxVQUFLLEdBQVksQ0FBQyxDQUFDO1FBR25CLFNBQUksR0FBYSxJQUFJLENBQUM7S0FDdkI7O3VIQWZZLDBCQUEwQjsyR0FBMUIsMEJBQTBCLHlLQ1J2QyxxNUJBMkJBOzJGRG5CYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0UsdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUkvQyxhQUFhO3NCQURaLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Atbm90aWZpY2F0aW9uLWJhZGdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi1iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vdGlmaWNhdGlvbi1iYWRnZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uQmFkZ2VDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBjb250YWluZXJUeXBlPzogJ2NpcmNsZScgfCAncmVjdGFuZ2xlJyA9ICdjaXJjbGUnO1xuXG4gIEBJbnB1dCgpXG4gIHNpemU/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSc7XG5cbiAgQElucHV0KClcbiAgdmFyaWFudD86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknID0gJ3ByaW1hcnknO1xuXG4gIEBJbnB1dCgpXG4gIGNvdW50PzogbnVtYmVyID0gMTtcblxuICBASW5wdXQoKVxuICBzaG93PzogYm9vbGVhbiA9IHRydWU7XG59XG4iLCI8c3BhblxuICBjbGFzcz1cInNhcHBoaXJlLW5vdGlmaWNhdGlvbi1iYWRnZS1jb250YWluZXJcIlxuICBbY2xhc3Muc2FwcGhpcmUtbm90aWZpY2F0aW9uLWJhZGdlLWNvbnRhaW5lci0tcmVjdGFuZ2xlXT1cIlxuICAgIGNvbnRhaW5lclR5cGUgPT09ICdyZWN0YW5nbGUnXG4gIFwiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPHNwYW5cbiAgICByb2xlPVwic3RhdHVzXCJcbiAgICBjbGFzcz1cInNhcHBoaXJlLW5vdGlmaWNhdGlvbi1iYWRnZVwiXG4gICAgW2NsYXNzLnNhcHBoaXJlLW5vdGlmaWNhdGlvbi1iYWRnZS0tbGFyZ2VdPVwic2l6ZSA9PT0gJ2xhcmdlJ1wiXG4gICAgW2NsYXNzLnNhcHBoaXJlLW5vdGlmaWNhdGlvbi1iYWRnZS0tbWVkaXVtXT1cInNpemUgPT09ICdtZWRpdW0nXCJcbiAgICBbY2xhc3Muc2FwcGhpcmUtbm90aWZpY2F0aW9uLWJhZGdlLS1zbWFsbF09XCJzaXplID09PSAnc21hbGwnXCJcbiAgICBbY2xhc3Muc2FwcGhpcmUtbm90aWZpY2F0aW9uLWJhZGdlLS1wcmltYXJ5XT1cInZhcmlhbnQgPT09ICdwcmltYXJ5J1wiXG4gICAgW2NsYXNzLnNhcHBoaXJlLW5vdGlmaWNhdGlvbi1iYWRnZS0tc2Vjb25kYXJ5XT1cInZhcmlhbnQgPT09ICdzZWNvbmRhcnknXCJcbiAgICBbY2xhc3Muc2FwcGhpcmUtbm90aWZpY2F0aW9uLWJhZGdlLS1wb3AtaW5dPVwic2hvd1wiXG4gICAgW2NsYXNzLnNhcHBoaXJlLW5vdGlmaWNhdGlvbi1iYWRnZS0tcG9wLW91dF09XCIhc2hvd1wiXG4gID5cbiAgICB7e1xuICAgICAgc2l6ZSAhPT0gJ3NtYWxsJ1xuICAgICAgICA/IGNvdW50ICYmIGNvdW50LnRvU3RyaW5nKCkubGVuZ3RoID4gMlxuICAgICAgICAgID8gJzk5KydcbiAgICAgICAgICA6IGNvdW50XG4gICAgICAgIDogJydcbiAgICB9fVxuICA8L3NwYW4+XG48L3NwYW4+XG4iXX0=

package/esm2020/lib/notification-badge/src/notification-badge.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NotificationBadgeComponent } from './notification-badge.component';
+import * as i0 from "@angular/core";
+export class SapphireNotificationBadgeModule {
+}
+SapphireNotificationBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireNotificationBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SapphireNotificationBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphireNotificationBadgeModule, declarations: [NotificationBadgeComponent], imports: [CommonModule], exports: [NotificationBadgeComponent] });
+SapphireNotificationBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireNotificationBadgeModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireNotificationBadgeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NotificationBadgeComponent],
+                    imports: [CommonModule],
+                    exports: [NotificationBadgeComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWJhZGdlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbm90aWZpY2F0aW9uLWJhZGdlL3NyYy9ub3RpZmljYXRpb24tYmFkZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOztBQU81RSxNQUFNLE9BQU8sK0JBQStCOzs0SEFBL0IsK0JBQStCOzZIQUEvQiwrQkFBK0IsaUJBSjNCLDBCQUEwQixhQUMvQixZQUFZLGFBQ1osMEJBQTBCOzZIQUV6QiwrQkFBK0IsWUFIaEMsWUFBWTsyRkFHWCwrQkFBK0I7a0JBTDNDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMEJBQTBCLENBQUM7b0JBQzFDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsMEJBQTBCLENBQUM7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25CYWRnZUNvbXBvbmVudCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLWJhZGdlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW05vdGlmaWNhdGlvbkJhZGdlQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtOb3RpZmljYXRpb25CYWRnZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNhcHBoaXJlTm90aWZpY2F0aW9uQmFkZ2VNb2R1bGUge31cbiJdfQ==

package/esm2020/lib/pagination/public_api.mjs

@@ -0,0 +1,3 @@
+export * from './src/pagination.component';
+export * from './src/pagination.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvcGFnaW5hdGlvbi9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3JjL3BhZ2luYXRpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL3BhZ2luYXRpb24ubW9kdWxlJztcbiJdfQ==

package/esm2020/lib/pagination/src/pagination.component.mjs

@@ -0,0 +1,85 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../listbox/src/option.component";
+import * as i3 from "../../select/src/basic-select/basic-select.component";
+import * as i4 from "../../button/src/icon-button.component";
+import * as i5 from "../../button/src/button-group.component";
+import * as i6 from "../../icon/src/icon.component";
+export class SapphirePaginationChange {
+    constructor(
+    /** The new page index */
+    page, 
+    /** The new page size */
+    pageSize) {
+        this.page = page;
+        this.pageSize = pageSize;
+    }
+}
+export class PaginationComponent {
+    constructor() {
+        this.pageSize = 10;
+        this.itemCount = 0;
+        this.page = 0;
+        this._disabled = false;
+        this.valueChange = new EventEmitter();
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+    }
+    get startItemIndex() {
+        return this.page * this.pageSize + 1;
+    }
+    get endItemIndex() {
+        return Math.min(this.page * this.pageSize + this.pageSize, this.itemCount);
+    }
+    _onPageSizeChange(value) {
+        const newPageSize = parseInt(value, 10);
+        /**
+         * Avoid going to invalid page when switching
+         * to a different page size
+         */
+        const firstItemIndex = this.pageSize * this.page + 1;
+        const newPage = Math.ceil(firstItemIndex / newPageSize) - 1;
+        this.page = newPage;
+        this.pageSize = newPageSize;
+        this.valueChange.emit({ page: newPage, pageSize: newPageSize });
+    }
+    _onPageChange(direction) {
+        const newPage = this.page + (direction === 'previous' ? -1 : 1);
+        this.page = newPage;
+        this.valueChange.emit({
+            page: newPage,
+            pageSize: this.pageSize,
+        });
+    }
+    _isNextPageButtonDisabled() {
+        return this.itemCount <= this.page * this.pageSize + this.pageSize;
+    }
+    _isPreviousPageButtonDisabled() {
+        return this.page === 0;
+    }
+}
+PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PaginationComponent, selector: "sp-pagination", inputs: { pageSize: "pageSize", itemCount: "itemCount", page: "page", pageSizeOptions: "pageSizeOptions", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"sapphire-pagination\">\n  <sp-basic-select\n    *ngIf=\"pageSizeOptions\"\n    placeholder=\"Select an option\"\n    (valueChange)=\"_onPageSizeChange($event)\"\n    [value]=\"'' + pageSize\"\n    [disabled]=\"!!disabled\"\n    aria-label=\"Number of items per page\"\n  >\n    <sp-option\n      *ngFor=\"let pageSizeOption of pageSizeOptions\"\n      [value]=\"'' + pageSizeOption\"\n      >{{ pageSizeOption + ' items per page' }}</sp-option\n    >\n  </sp-basic-select>\n  <span class=\"sapphire-pagination-controls\">\n    <span class=\"sapphire-pagination-text\">\n      {{ startItemIndex }} -\n      {{ endItemIndex }}\n      <span class=\"sapphire-pagination-text-alphabetic\"> of </span>\n      {{ itemCount }}\n    </span>\n    <sp-button-group>\n      <button\n        sp-icon-button\n        variant=\"tertiary\"\n        appearance=\"ghost\"\n        size=\"small\"\n        (click)=\"_onPageChange('previous')\"\n        [disabled]=\"_isPreviousPageButtonDisabled() || !!disabled\"\n        aria-label=\"Previous\"\n      >\n        <sp-icon name=\"chevronLeft\"></sp-icon></button\n      ><button\n        sp-icon-button\n        variant=\"tertiary\"\n        appearance=\"ghost\"\n        size=\"small\"\n        (click)=\"_onPageChange('next')\"\n        [disabled]=\"_isNextPageButtonDisabled() || !!disabled\"\n        aria-label=\"Next\"\n      >\n        <sp-icon name=\"chevronRight\"></sp-icon>\n      </button>\n    </sp-button-group>\n  </span>\n</div>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-pagination-size-spacing-container-vertical) var(--sapphire-pagination-size-spacing-container-horizontal);background-color:var(--sapphire-pagination-color-background);font-family:var(--sapphire-pagination-font-name);font-size:var(--sapphire-pagination-size-font);height:var(--sapphire-pagination-size-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination-controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1}.sapphire-pagination-text{font-weight:var(--sapphire-pagination-font-weight-numeric-text);color:var(--sapphire-pagination-color-text);padding-right:var(--sapphire-pagination-size-spacing-controls-horizontal)}.sapphire-pagination-text-alphabetic{font-weight:var(--sapphire-pagination-font-weight-alphabetic-text);padding-left:var(--sapphire-pagination-size-spacing-text-horizontal);padding-right:var(--sapphire-pagination-size-spacing-text-horizontal)}sp-basic-select{margin-left:calc(-1 * var(--sapphire-button-size-spacing-horizontal-m))}\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.OptionComponent, selector: "sp-option", inputs: ["value", "disabled"] }, { kind: "component", type: i3.BasicSelectComponent, selector: "sp-basic-select", inputs: ["size", "variant"], exportAs: ["spBasicSelect"] }, { kind: "directive", type: i3.BasicSingleSelectDirective, selector: "sp-basic-select:not([multiple])" }, { kind: "component", type: i4.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "type"] }, { kind: "component", type: i5.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "iconSpacing", "spacing", "orientation"] }, { kind: "component", type: i6.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sp-pagination', template: "<div class=\"sapphire-pagination\">\n  <sp-basic-select\n    *ngIf=\"pageSizeOptions\"\n    placeholder=\"Select an option\"\n    (valueChange)=\"_onPageSizeChange($event)\"\n    [value]=\"'' + pageSize\"\n    [disabled]=\"!!disabled\"\n    aria-label=\"Number of items per page\"\n  >\n    <sp-option\n      *ngFor=\"let pageSizeOption of pageSizeOptions\"\n      [value]=\"'' + pageSizeOption\"\n      >{{ pageSizeOption + ' items per page' }}</sp-option\n    >\n  </sp-basic-select>\n  <span class=\"sapphire-pagination-controls\">\n    <span class=\"sapphire-pagination-text\">\n      {{ startItemIndex }} -\n      {{ endItemIndex }}\n      <span class=\"sapphire-pagination-text-alphabetic\"> of </span>\n      {{ itemCount }}\n    </span>\n    <sp-button-group>\n      <button\n        sp-icon-button\n        variant=\"tertiary\"\n        appearance=\"ghost\"\n        size=\"small\"\n        (click)=\"_onPageChange('previous')\"\n        [disabled]=\"_isPreviousPageButtonDisabled() || !!disabled\"\n        aria-label=\"Previous\"\n      >\n        <sp-icon name=\"chevronLeft\"></sp-icon></button\n      ><button\n        sp-icon-button\n        variant=\"tertiary\"\n        appearance=\"ghost\"\n        size=\"small\"\n        (click)=\"_onPageChange('next')\"\n        [disabled]=\"_isNextPageButtonDisabled() || !!disabled\"\n        aria-label=\"Next\"\n      >\n        <sp-icon name=\"chevronRight\"></sp-icon>\n      </button>\n    </sp-button-group>\n  </span>\n</div>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-pagination-size-spacing-container-vertical) var(--sapphire-pagination-size-spacing-container-horizontal);background-color:var(--sapphire-pagination-color-background);font-family:var(--sapphire-pagination-font-name);font-size:var(--sapphire-pagination-size-font);height:var(--sapphire-pagination-size-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination-controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1}.sapphire-pagination-text{font-weight:var(--sapphire-pagination-font-weight-numeric-text);color:var(--sapphire-pagination-color-text);padding-right:var(--sapphire-pagination-size-spacing-controls-horizontal)}.sapphire-pagination-text-alphabetic{font-weight:var(--sapphire-pagination-font-weight-alphabetic-text);padding-left:var(--sapphire-pagination-size-spacing-text-horizontal);padding-right:var(--sapphire-pagination-size-spacing-text-horizontal)}sp-basic-select{margin-left:calc(-1 * var(--sapphire-button-size-spacing-horizontal-m))}\n"] }]
+        }], propDecorators: { pageSize: [{
+                type: Input
+            }], itemCount: [{
+                type: Input
+            }], page: [{
+                type: Input
+            }], pageSizeOptions: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3BhZ2luYXRpb24vc3JjL3BhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9wYWdpbmF0aW9uL3NyYy9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1RSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQUV2RSxNQUFNLE9BQU8sd0JBQXdCO0lBQ25DO0lBQ0UseUJBQXlCO0lBQ1QsSUFBWTtJQUM1Qix3QkFBd0I7SUFDUixRQUFnQjtRQUZoQixTQUFJLEdBQUosSUFBSSxDQUFRO1FBRVosYUFBUSxHQUFSLFFBQVEsQ0FBUTtJQUMvQixDQUFDO0NBQ0w7QUFPRCxNQUFNLE9BQU8sbUJBQW1CO0lBTGhDO1FBT0UsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUd0QixjQUFTLEdBQVcsQ0FBQyxDQUFDO1FBR3RCLFNBQUksR0FBVyxDQUFDLENBQUM7UUFZVCxjQUFTLEdBQVksS0FBSyxDQUFDO1FBVWhCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQTRCLENBQUM7S0FpQy9FO0lBbERDLElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBSSxRQUFRLENBQUMsS0FBbUI7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBR0QsSUFBSSxjQUFjO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsSUFBSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM3RSxDQUFDO0lBSUQsaUJBQWlCLENBQUMsS0FBYTtRQUM3QixNQUFNLFdBQVcsR0FBRyxRQUFRLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRXhDOzs7V0FHRztRQUNILE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLENBQUM7UUFDckQsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBRTVELElBQUksQ0FBQyxJQUFJLEdBQUcsT0FBTyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxRQUFRLEdBQUcsV0FBVyxDQUFDO1FBQzVCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUNsRSxDQUFDO0lBRUQsYUFBYSxDQUFDLFNBQThCO1FBQzFDLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxTQUFTLEtBQUssVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDaEUsSUFBSSxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7UUFDcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDcEIsSUFBSSxFQUFFLE9BQU87WUFDYixRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7U0FDeEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELHlCQUF5QjtRQUN2QixPQUFPLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDckUsQ0FBQztJQUVELDZCQUE2QjtRQUMzQixPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDO0lBQ3pCLENBQUM7O2dIQTlEVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixnT0NqQmhDLHE5Q0ErQ0E7MkZEOUJhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxlQUFlOzhCQU16QixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixlQUFlO3NCQURkLEtBQUs7Z0JBSUYsUUFBUTtzQkFEWCxLQUFLO2dCQWlCYSxXQUFXO3NCQUE3QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm9vbGVhbklucHV0LCBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNsYXNzIFNhcHBoaXJlUGFnaW5hdGlvbkNoYW5nZSB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIC8qKiBUaGUgbmV3IHBhZ2UgaW5kZXggKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgcGFnZTogbnVtYmVyLFxuICAgIC8qKiBUaGUgbmV3IHBhZ2Ugc2l6ZSAqL1xuICAgIHB1YmxpYyByZWFkb25seSBwYWdlU2l6ZTogbnVtYmVyXG4gICkge31cbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtcGFnaW5hdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdpbmF0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcGFnZVNpemU6IG51bWJlciA9IDEwO1xuXG4gIEBJbnB1dCgpXG4gIGl0ZW1Db3VudDogbnVtYmVyID0gMDtcblxuICBASW5wdXQoKVxuICBwYWdlOiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2VTaXplT3B0aW9ucz86IG51bWJlcltdO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzYWJsZWQ7XG4gIH1cbiAgc2V0IGRpc2FibGVkKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICB0aGlzLl9kaXNhYmxlZCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gIH1cbiAgcHJpdmF0ZSBfZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBnZXQgc3RhcnRJdGVtSW5kZXgoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5wYWdlICogdGhpcy5wYWdlU2l6ZSArIDE7XG4gIH1cblxuICBnZXQgZW5kSXRlbUluZGV4KCk6IG51bWJlciB7XG4gICAgcmV0dXJuIE1hdGgubWluKHRoaXMucGFnZSAqIHRoaXMucGFnZVNpemUgKyB0aGlzLnBhZ2VTaXplLCB0aGlzLml0ZW1Db3VudCk7XG4gIH1cblxuICBAT3V0cHV0KCkgcmVhZG9ubHkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFNhcHBoaXJlUGFnaW5hdGlvbkNoYW5nZT4oKTtcblxuICBfb25QYWdlU2l6ZUNoYW5nZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgY29uc3QgbmV3UGFnZVNpemUgPSBwYXJzZUludCh2YWx1ZSwgMTApO1xuXG4gICAgLyoqXG4gICAgICogQXZvaWQgZ29pbmcgdG8gaW52YWxpZCBwYWdlIHdoZW4gc3dpdGNoaW5nXG4gICAgICogdG8gYSBkaWZmZXJlbnQgcGFnZSBzaXplXG4gICAgICovXG4gICAgY29uc3QgZmlyc3RJdGVtSW5kZXggPSB0aGlzLnBhZ2VTaXplICogdGhpcy5wYWdlICsgMTtcbiAgICBjb25zdCBuZXdQYWdlID0gTWF0aC5jZWlsKGZpcnN0SXRlbUluZGV4IC8gbmV3UGFnZVNpemUpIC0gMTtcblxuICAgIHRoaXMucGFnZSA9IG5ld1BhZ2U7XG4gICAgdGhpcy5wYWdlU2l6ZSA9IG5ld1BhZ2VTaXplO1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh7IHBhZ2U6IG5ld1BhZ2UsIHBhZ2VTaXplOiBuZXdQYWdlU2l6ZSB9KTtcbiAgfVxuXG4gIF9vblBhZ2VDaGFuZ2UoZGlyZWN0aW9uOiAncHJldmlvdXMnIHwgJ25leHQnKSB7XG4gICAgY29uc3QgbmV3UGFnZSA9IHRoaXMucGFnZSArIChkaXJlY3Rpb24gPT09ICdwcmV2aW91cycgPyAtMSA6IDEpO1xuICAgIHRoaXMucGFnZSA9IG5ld1BhZ2U7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHtcbiAgICAgIHBhZ2U6IG5ld1BhZ2UsXG4gICAgICBwYWdlU2l6ZTogdGhpcy5wYWdlU2l6ZSxcbiAgICB9KTtcbiAgfVxuXG4gIF9pc05leHRQYWdlQnV0dG9uRGlzYWJsZWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbUNvdW50IDw9IHRoaXMucGFnZSAqIHRoaXMucGFnZVNpemUgKyB0aGlzLnBhZ2VTaXplO1xuICB9XG5cbiAgX2lzUHJldmlvdXNQYWdlQnV0dG9uRGlzYWJsZWQoKSB7XG4gICAgcmV0dXJuIHRoaXMucGFnZSA9PT0gMDtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNhcHBoaXJlLXBhZ2luYXRpb25cIj5cbiAgPHNwLWJhc2ljLXNlbGVjdFxuICAgICpuZ0lmPVwicGFnZVNpemVPcHRpb25zXCJcbiAgICBwbGFjZWhvbGRlcj1cIlNlbGVjdCBhbiBvcHRpb25cIlxuICAgICh2YWx1ZUNoYW5nZSk9XCJfb25QYWdlU2l6ZUNoYW5nZSgkZXZlbnQpXCJcbiAgICBbdmFsdWVdPVwiJycgKyBwYWdlU2l6ZVwiXG4gICAgW2Rpc2FibGVkXT1cIiEhZGlzYWJsZWRcIlxuICAgIGFyaWEtbGFiZWw9XCJOdW1iZXIgb2YgaXRlbXMgcGVyIHBhZ2VcIlxuICA+XG4gICAgPHNwLW9wdGlvblxuICAgICAgKm5nRm9yPVwibGV0IHBhZ2VTaXplT3B0aW9uIG9mIHBhZ2VTaXplT3B0aW9uc1wiXG4gICAgICBbdmFsdWVdPVwiJycgKyBwYWdlU2l6ZU9wdGlvblwiXG4gICAgICA+e3sgcGFnZVNpemVPcHRpb24gKyAnIGl0ZW1zIHBlciBwYWdlJyB9fTwvc3Atb3B0aW9uXG4gICAgPlxuICA8L3NwLWJhc2ljLXNlbGVjdD5cbiAgPHNwYW4gY2xhc3M9XCJzYXBwaGlyZS1wYWdpbmF0aW9uLWNvbnRyb2xzXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJzYXBwaGlyZS1wYWdpbmF0aW9uLXRleHRcIj5cbiAgICAgIHt7IHN0YXJ0SXRlbUluZGV4IH19IC1cbiAgICAgIHt7IGVuZEl0ZW1JbmRleCB9fVxuICAgICAgPHNwYW4gY2xhc3M9XCJzYXBwaGlyZS1wYWdpbmF0aW9uLXRleHQtYWxwaGFiZXRpY1wiPiBvZiA8L3NwYW4+XG4gICAgICB7eyBpdGVtQ291bnQgfX1cbiAgICA8L3NwYW4+XG4gICAgPHNwLWJ1dHRvbi1ncm91cD5cbiAgICAgIDxidXR0b25cbiAgICAgICAgc3AtaWNvbi1idXR0b25cbiAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgYXBwZWFyYW5jZT1cImdob3N0XCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgKGNsaWNrKT1cIl9vblBhZ2VDaGFuZ2UoJ3ByZXZpb3VzJylcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiX2lzUHJldmlvdXNQYWdlQnV0dG9uRGlzYWJsZWQoKSB8fCAhIWRpc2FibGVkXCJcbiAgICAgICAgYXJpYS1sYWJlbD1cIlByZXZpb3VzXCJcbiAgICAgID5cbiAgICAgICAgPHNwLWljb24gbmFtZT1cImNoZXZyb25MZWZ0XCI+PC9zcC1pY29uPjwvYnV0dG9uXG4gICAgICA+PGJ1dHRvblxuICAgICAgICBzcC1pY29uLWJ1dHRvblxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICBhcHBlYXJhbmNlPVwiZ2hvc3RcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAoY2xpY2spPVwiX29uUGFnZUNoYW5nZSgnbmV4dCcpXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIl9pc05leHRQYWdlQnV0dG9uRGlzYWJsZWQoKSB8fCAhIWRpc2FibGVkXCJcbiAgICAgICAgYXJpYS1sYWJlbD1cIk5leHRcIlxuICAgICAgPlxuICAgICAgICA8c3AtaWNvbiBuYW1lPVwiY2hldnJvblJpZ2h0XCI+PC9zcC1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9zcC1idXR0b24tZ3JvdXA+XG4gIDwvc3Bhbj5cbjwvZGl2PlxuIl19

package/esm2020/lib/pagination/src/pagination.module.mjs

@@ -0,0 +1,36 @@
+import { NgModule } from '@angular/core';
+import { PaginationComponent } from './pagination.component';
+import { CommonModule } from '@angular/common';
+import { A11yModule } from '@angular/cdk/a11y';
+import { SapphireSelectModule } from '../../select/public_api';
+import { SapphireIconModule } from '../../icon/public_api';
+import { SapphireButtonModule } from '../../button/public_api';
+import * as i0 from "@angular/core";
+export class SapphirePaginationModule {
+}
+SapphirePaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphirePaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SapphirePaginationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphirePaginationModule, declarations: [PaginationComponent], imports: [CommonModule,
+        A11yModule,
+        SapphireSelectModule,
+        SapphireButtonModule,
+        SapphireIconModule], exports: [PaginationComponent] });
+SapphirePaginationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphirePaginationModule, imports: [CommonModule,
+        A11yModule,
+        SapphireSelectModule,
+        SapphireButtonModule,
+        SapphireIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphirePaginationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PaginationComponent],
+                    imports: [
+                        CommonModule,
+                        A11yModule,
+                        SapphireSelectModule,
+                        SapphireButtonModule,
+                        SapphireIconModule,
+                    ],
+                    exports: [PaginationComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3BhZ2luYXRpb24vc3JjL3BhZ2luYXRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFhL0QsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3QjtzSEFBeEIsd0JBQXdCLGlCQVZwQixtQkFBbUIsYUFFaEMsWUFBWTtRQUNaLFVBQVU7UUFDVixvQkFBb0I7UUFDcEIsb0JBQW9CO1FBQ3BCLGtCQUFrQixhQUVWLG1CQUFtQjtzSEFFbEIsd0JBQXdCLFlBUmpDLFlBQVk7UUFDWixVQUFVO1FBQ1Ysb0JBQW9CO1FBQ3BCLG9CQUFvQjtRQUNwQixrQkFBa0I7MkZBSVQsd0JBQXdCO2tCQVhwQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNuQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixVQUFVO3dCQUNWLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQixrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWdpbmF0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdpbmF0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQTExeU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IFNhcHBoaXJlU2VsZWN0TW9kdWxlIH0gZnJvbSAnLi4vLi4vc2VsZWN0L3B1YmxpY19hcGknO1xuaW1wb3J0IHsgU2FwcGhpcmVJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vaWNvbi9wdWJsaWNfYXBpJztcbmltcG9ydCB7IFNhcHBoaXJlQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vLi4vYnV0dG9uL3B1YmxpY19hcGknO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtQYWdpbmF0aW9uQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBMTF5TW9kdWxlLFxuICAgIFNhcHBoaXJlU2VsZWN0TW9kdWxlLFxuICAgIFNhcHBoaXJlQnV0dG9uTW9kdWxlLFxuICAgIFNhcHBoaXJlSWNvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1BhZ2luYXRpb25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTYXBwaGlyZVBhZ2luYXRpb25Nb2R1bGUge31cbiJdfQ==

package/esm2020/lib/popover/public_api.mjs

@@ -0,0 +1,10 @@
+// We have separate public_api.ts file for each angular module, to have them
+// exposed as separate entry points. The build is still not emitting separate
+// entry points, which will be addressed in this task:
+// WCCJ-838
+export * from './src/popover.component';
+export * from './src/popover-title.directive';
+export * from './src/popover-close-button.directive';
+export * from './src/popover-trigger.directive';
+export * from './src/popover.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvcG9wb3Zlci9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDRFQUE0RTtBQUM1RSw2RUFBNkU7QUFDN0Usc0RBQXNEO0FBQ3RELFdBQVc7QUFDWCxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBXZSBoYXZlIHNlcGFyYXRlIHB1YmxpY19hcGkudHMgZmlsZSBmb3IgZWFjaCBhbmd1bGFyIG1vZHVsZSwgdG8gaGF2ZSB0aGVtXG4vLyBleHBvc2VkIGFzIHNlcGFyYXRlIGVudHJ5IHBvaW50cy4gVGhlIGJ1aWxkIGlzIHN0aWxsIG5vdCBlbWl0dGluZyBzZXBhcmF0ZVxuLy8gZW50cnkgcG9pbnRzLCB3aGljaCB3aWxsIGJlIGFkZHJlc3NlZCBpbiB0aGlzIHRhc2s6XG4vLyBXQ0NKLTgzOFxuZXhwb3J0ICogZnJvbSAnLi9zcmMvcG9wb3Zlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvcG9wb3Zlci10aXRsZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvcG9wb3Zlci1jbG9zZS1idXR0b24uZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL3BvcG92ZXItdHJpZ2dlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvcG9wb3Zlci5tb2R1bGUnO1xuIl19

package/esm2020/lib/popover/src/popover-close-button.directive.mjs

@@ -0,0 +1,32 @@
+import { Directive, HostListener, Inject, Optional } from '@angular/core';
+import { POPOVER_TRIGGER } from './popover-trigger.directive';
+import * as i0 from "@angular/core";
+/**
+ * Directive to be added to buttons inside popover, if they should close the popover
+ * when pressed.
+ */
+export class PopoverCloseButtonDirective {
+    constructor(trigger) {
+        this.trigger = trigger;
+    }
+    handleClick() {
+        this.trigger?.close();
+    }
+}
+PopoverCloseButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PopoverCloseButtonDirective, deps: [{ token: POPOVER_TRIGGER, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PopoverCloseButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: PopoverCloseButtonDirective, selector: "button[spPopoverCloseButton]", host: { listeners: { "click": "handleClick()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PopoverCloseButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[spPopoverCloseButton]',
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [POPOVER_TRIGGER]
+                }] }]; }, propDecorators: { handleClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci1jbG9zZS1idXR0b24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9wb3BvdmVyL3NyYy9wb3BvdmVyLWNsb3NlLWJ1dHRvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZUFBZSxFQUFrQixNQUFNLDZCQUE2QixDQUFDOztBQUU5RTs7O0dBR0c7QUFJSCxNQUFNLE9BQU8sMkJBQTJCO0lBQ3RDLFlBQytDLE9BQXdCO1FBQXhCLFlBQU8sR0FBUCxPQUFPLENBQWlCO0lBQ3BFLENBQUM7SUFHSSxXQUFXO1FBQ2pCLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDeEIsQ0FBQzs7d0hBUlUsMkJBQTJCLGtCQUVoQixlQUFlOzRHQUYxQiwyQkFBMkI7MkZBQTNCLDJCQUEyQjtrQkFIdkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsOEJBQThCO2lCQUN6Qzs7MEJBR0ksUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxlQUFlOzRDQUk3QixXQUFXO3NCQURsQixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RMaXN0ZW5lciwgSW5qZWN0LCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUE9QT1ZFUl9UUklHR0VSLCBQb3BvdmVyVHJpZ2dlciB9IGZyb20gJy4vcG9wb3Zlci10cmlnZ2VyLmRpcmVjdGl2ZSc7XG5cbi8qKlxuICogRGlyZWN0aXZlIHRvIGJlIGFkZGVkIHRvIGJ1dHRvbnMgaW5zaWRlIHBvcG92ZXIsIGlmIHRoZXkgc2hvdWxkIGNsb3NlIHRoZSBwb3BvdmVyXG4gKiB3aGVuIHByZXNzZWQuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ2J1dHRvbltzcFBvcG92ZXJDbG9zZUJ1dHRvbl0nLFxufSlcbmV4cG9ydCBjbGFzcyBQb3BvdmVyQ2xvc2VCdXR0b25EaXJlY3RpdmUge1xuICBjb25zdHJ1Y3RvcihcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KFBPUE9WRVJfVFJJR0dFUikgcHJpdmF0ZSB0cmlnZ2VyPzogUG9wb3ZlclRyaWdnZXJcbiAgKSB7fVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgcHJpdmF0ZSBoYW5kbGVDbGljaygpIHtcbiAgICB0aGlzLnRyaWdnZXI/LmNsb3NlKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2020/lib/popover/src/popover-title.directive.mjs

@@ -0,0 +1,24 @@
+import { Directive, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive to be added to the title of the popover. It will make sure the
+ * right accessibility attributes are set to have assistive technology
+ * describe the dialog by this title.
+ */
+export class PopoverTitleDirective {
+    constructor() {
+        this.ID = `sp-popover-title-${Math.floor(Math.random() * 1000000000)}`;
+    }
+}
+PopoverTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PopoverTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+PopoverTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: PopoverTitleDirective, selector: "[spPopoverTitle]", host: { properties: { "id": "this.ID" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PopoverTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[spPopoverTitle]',
+                }]
+        }], propDecorators: { ID: [{
+                type: HostBinding,
+                args: ['id']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci10aXRsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3BvcG92ZXIvc3JjL3BvcG92ZXItdGl0bGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUV2RDs7OztHQUlHO0FBSUgsTUFBTSxPQUFPLHFCQUFxQjtJQUhsQztRQUtTLE9BQUUsR0FBVyxvQkFBb0IsSUFBSSxDQUFDLEtBQUssQ0FDaEQsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLFVBQVUsQ0FDM0IsRUFBRSxDQUFDO0tBQ0w7O2tIQUxZLHFCQUFxQjtzR0FBckIscUJBQXFCOzJGQUFyQixxQkFBcUI7a0JBSGpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtpQkFDN0I7OEJBR1EsRUFBRTtzQkFEUixXQUFXO3VCQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogRGlyZWN0aXZlIHRvIGJlIGFkZGVkIHRvIHRoZSB0aXRsZSBvZiB0aGUgcG9wb3Zlci4gSXQgd2lsbCBtYWtlIHN1cmUgdGhlXG4gKiByaWdodCBhY2Nlc3NpYmlsaXR5IGF0dHJpYnV0ZXMgYXJlIHNldCB0byBoYXZlIGFzc2lzdGl2ZSB0ZWNobm9sb2d5XG4gKiBkZXNjcmliZSB0aGUgZGlhbG9nIGJ5IHRoaXMgdGl0bGUuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzcFBvcG92ZXJUaXRsZV0nLFxufSlcbmV4cG9ydCBjbGFzcyBQb3BvdmVyVGl0bGVEaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ2lkJylcbiAgcHVibGljIElEOiBzdHJpbmcgPSBgc3AtcG9wb3Zlci10aXRsZS0ke01hdGguZmxvb3IoXG4gICAgTWF0aC5yYW5kb20oKSAqIDEwMDAwMDAwMDBcbiAgKX1gO1xufVxuIl19