@theseam/ui-common 0.3.14-beta.2 → 0.3.15-beta.1

package/fesm2020/theseam-ui-common-card.mjs

@@ -0,0 +1,151 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, HostBinding, Input, ContentChildren, NgModule } from '@angular/core';
+import { InputBoolean } from '@theseam/ui-common/core';
+import * as i1 from '@theseam/ui-common/shared';
+import { TheSeamSharedModule } from '@theseam/ui-common/shared';
+import { startWith, filter, map, tap } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
+
+class CardActionComponent {
+    constructor() {
+        this._cssClassBorderLeft = true;
+        this.theme = 'lightgray';
+        this.isLastAction = false;
+    }
+}
+CardActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CardActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CardActionComponent, selector: "seam-card-action", inputs: { theme: "theme", title: "title", isLastAction: "isLastAction" }, host: { properties: { "class.border-left": "this._cssClassBorderLeft" } }, ngImport: i0, template: "<button type=\"button\"\n  class=\"btn border-0 h-100\"\n  [seamHoverClassToggle]=\"{ default: 'btn-outline-lightgray', hover: 'btn-outline-' + theme }\"\n  [attr.title]=\"title\"\n  [attr.data-last-action]=\"isLastAction ? 'true' : 'false'\">\n  <ng-content></ng-content>\n</button>\n", styles: [":host{display:block}.btn{transition:.5s ease-in-out}.btn:not([data-last-action=true]){border-radius:0}.btn[data-last-action=true]{border-radius:.25rem;border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:0}\n"], dependencies: [{ kind: "directive", type: i1.HoverClassToggleDirective, selector: "[seamHoverClassToggle]", inputs: ["seamHoverClassToggle"] }] });
+__decorate([
+    InputBoolean()
+], CardActionComponent.prototype, "isLastAction", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CardActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-card-action', template: "<button type=\"button\"\n  class=\"btn border-0 h-100\"\n  [seamHoverClassToggle]=\"{ default: 'btn-outline-lightgray', hover: 'btn-outline-' + theme }\"\n  [attr.title]=\"title\"\n  [attr.data-last-action]=\"isLastAction ? 'true' : 'false'\">\n  <ng-content></ng-content>\n</button>\n", styles: [":host{display:block}.btn{transition:.5s ease-in-out}.btn:not([data-last-action=true]){border-radius:0}.btn[data-last-action=true]{border-radius:.25rem;border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:0}\n"] }]
+        }], propDecorators: { _cssClassBorderLeft: [{
+                type: HostBinding,
+                args: ['class.border-left']
+            }], theme: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], isLastAction: [{
+                type: Input
+            }] } });
+
+class CardBodyComponent {
+    constructor() {
+        this._cssClassCardBody = true;
+        this._cssClassP0 = true;
+    }
+    ngOnDestroy() {
+        this._changesSubscription?.unsubscribe();
+    }
+    ngAfterViewInit() {
+        this._changesSubscription = this.cardActionComponents?.changes.pipe(startWith(this.cardActionComponents), filter(v => !!v), map(v => v.toArray()), filter(v => v && v.length > 0), tap(v => setTimeout(() => v[v.length - 1].isLastAction = true))).subscribe();
+    }
+}
+CardBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CardBodyComponent, selector: "seam-card-body", host: { properties: { "class.card-body": "this._cssClassCardBody", "class.p-0": "this._cssClassP0" } }, queries: [{ propertyName: "cardActionComponents", predicate: CardActionComponent }], ngImport: i0, template: "<div class=\"card-content p-2\">\n  <ng-content></ng-content>\n</div>\n<div class=\"card--actions\">\n  <ng-content select=\"seam-card-action\"></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:row}.card-content{flex:1 1 auto;display:flex;flex-direction:row}.card--actions{display:flex;flex-direction:row}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CardBodyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-card-body', template: "<div class=\"card-content p-2\">\n  <ng-content></ng-content>\n</div>\n<div class=\"card--actions\">\n  <ng-content select=\"seam-card-action\"></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:row}.card-content{flex:1 1 auto;display:flex;flex-direction:row}.card--actions{display:flex;flex-direction:row}\n"] }]
+        }], propDecorators: { _cssClassCardBody: [{
+                type: HostBinding,
+                args: ['class.card-body']
+            }], _cssClassP0: [{
+                type: HostBinding,
+                args: ['class.p-0']
+            }], cardActionComponents: [{
+                type: ContentChildren,
+                args: [CardActionComponent]
+            }] } });
+
+class CardFooterComponent {
+}
+CardFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CardFooterComponent, selector: "seam-card-footer", ngImport: i0, template: "<p>\n  card-footer works!\n</p>\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CardFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-card-footer', template: "<p>\n  card-footer works!\n</p>\n" }]
+        }] });
+
+class CardHeaderComponent {
+    constructor() {
+        this._cssClassCardHeader = true;
+        this._cssClassPY0 = true;
+    }
+}
+CardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CardHeaderComponent, selector: "seam-card-header", host: { properties: { "class.card-header": "this._cssClassCardHeader", "class.py-0": "this._cssClassPY0" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CardHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-card-header', template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { _cssClassCardHeader: [{
+                type: HostBinding,
+                args: ['class.card-header']
+            }], _cssClassPY0: [{
+                type: HostBinding,
+                args: ['class.py-0']
+            }] } });
+
+class CardComponent {
+    constructor() {
+        this._cssClassCard = true;
+    }
+}
+CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CardComponent, selector: "seam-card", host: { properties: { "class.card": "this._cssClassCard" } }, ngImport: i0, template: "<ng-content select=\"seam-card-header\"></ng-content>\n<ng-content select=\"seam-card-body\"></ng-content>\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-card', template: "<ng-content select=\"seam-card-header\"></ng-content>\n<ng-content select=\"seam-card-body\"></ng-content>\n" }]
+        }], propDecorators: { _cssClassCard: [{
+                type: HostBinding,
+                args: ['class.card']
+            }] } });
+
+class TheSeamCardModule {
+}
+TheSeamCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TheSeamCardModule, declarations: [CardComponent,
+        CardHeaderComponent,
+        CardBodyComponent,
+        CardFooterComponent,
+        CardActionComponent], imports: [CommonModule,
+        TheSeamSharedModule], exports: [CardComponent,
+        CardHeaderComponent,
+        CardBodyComponent,
+        CardFooterComponent,
+        CardActionComponent] });
+TheSeamCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamCardModule, imports: [CommonModule,
+        TheSeamSharedModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardBodyComponent,
+                        CardFooterComponent,
+                        CardActionComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TheSeamSharedModule
+                    ],
+                    exports: [
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardBodyComponent,
+                        CardFooterComponent,
+                        CardActionComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CardActionComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, TheSeamCardModule };
+//# sourceMappingURL=theseam-ui-common-card.mjs.map

package/fesm2020/theseam-ui-common-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-card.mjs","sources":["../../../projects/ui-common/card/card-action/card-action.component.ts","../../../projects/ui-common/card/card-action/card-action.component.html","../../../projects/ui-common/card/card-body/card-body.component.ts","../../../projects/ui-common/card/card-body/card-body.component.html","../../../projects/ui-common/card/card-footer/card-footer.component.ts","../../../projects/ui-common/card/card-footer/card-footer.component.html","../../../projects/ui-common/card/card-header/card-header.component.ts","../../../projects/ui-common/card/card-header/card-header.component.html","../../../projects/ui-common/card/card.component.ts","../../../projects/ui-common/card/card.component.html","../../../projects/ui-common/card/card.module.ts","../../../projects/ui-common/card/theseam-ui-common-card.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion'\nimport { Component, HostBinding, Input } from '@angular/core'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport type { ThemeTypes } from '@theseam/ui-common/models'\n\n@Component({\n  selector: 'seam-card-action',\n  templateUrl: './card-action.component.html',\n  styleUrls: ['./card-action.component.scss']\n})\nexport class CardActionComponent {\n  static ngAcceptInputType_isLastAction: BooleanInput\n\n  @HostBinding('class.border-left') _cssClassBorderLeft = true\n\n  @Input() theme: ThemeTypes | undefined | null = 'lightgray'\n\n  @Input() title: string | undefined | null\n\n  @Input() @InputBoolean() isLastAction = false\n\n}\n","<button type=\"button\"\n  class=\"btn border-0 h-100\"\n  [seamHoverClassToggle]=\"{ default: 'btn-outline-lightgray', hover: 'btn-outline-' + theme }\"\n  [attr.title]=\"title\"\n  [attr.data-last-action]=\"isLastAction ? 'true' : 'false'\">\n  <ng-content></ng-content>\n</button>\n","import { AfterViewInit, Component, ContentChildren, HostBinding, OnDestroy, QueryList } from '@angular/core'\nimport { Subscription } from 'rxjs'\nimport { filter, map, startWith, tap } from 'rxjs/operators'\n\nimport { CardActionComponent } from './../card-action/card-action.component'\n\n@Component({\n  selector: 'seam-card-body',\n  templateUrl: './card-body.component.html',\n  styleUrls: ['./card-body.component.scss']\n})\nexport class CardBodyComponent implements OnDestroy, AfterViewInit {\n\n  @HostBinding('class.card-body') _cssClassCardBody = true\n  @HostBinding('class.p-0') _cssClassP0 = true\n\n  @ContentChildren(CardActionComponent) cardActionComponents?: QueryList<CardActionComponent>\n\n  private _changesSubscription: Subscription | undefined\n\n  ngOnDestroy() {\n    this._changesSubscription?.unsubscribe()\n  }\n\n  ngAfterViewInit() {\n    this._changesSubscription = this.cardActionComponents?.changes.pipe(\n      startWith(this.cardActionComponents),\n      filter(v => !!v),\n      map(v => v.toArray() as CardActionComponent[]),\n      filter(v => v && v.length > 0),\n      tap(v => setTimeout(() => v[v.length - 1].isLastAction = true))\n    ).subscribe()\n  }\n\n}\n","<div class=\"card-content p-2\">\n  <ng-content></ng-content>\n</div>\n<div class=\"card--actions\">\n  <ng-content select=\"seam-card-action\"></ng-content>\n</div>\n","import { Component } from '@angular/core'\n\n@Component({\n  selector: 'seam-card-footer',\n  templateUrl: './card-footer.component.html',\n  styleUrls: ['./card-footer.component.scss']\n})\nexport class CardFooterComponent { }\n","<p>\n  card-footer works!\n</p>\n","import { Component, HostBinding } from '@angular/core'\n\n@Component({\n  selector: 'seam-card-header',\n  templateUrl: './card-header.component.html',\n  styleUrls: ['./card-header.component.scss']\n})\nexport class CardHeaderComponent {\n\n  @HostBinding('class.card-header') _cssClassCardHeader = true\n  @HostBinding('class.py-0') _cssClassPY0 = true\n\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding } from '@angular/core'\n\n@Component({\n  selector: 'seam-card',\n  templateUrl: './card.component.html',\n  styleUrls: ['./card.component.scss']\n})\nexport class CardComponent {\n\n  @HostBinding('class.card') _cssClassCard = true\n\n}\n","<ng-content select=\"seam-card-header\"></ng-content>\n<ng-content select=\"seam-card-body\"></ng-content>\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamSharedModule } from '@theseam/ui-common/shared'\n\nimport { CardActionComponent } from './card-action/card-action.component'\nimport { CardBodyComponent } from './card-body/card-body.component'\nimport { CardFooterComponent } from './card-footer/card-footer.component'\nimport { CardHeaderComponent } from './card-header/card-header.component'\nimport { CardComponent } from './card.component'\n\n@NgModule({\n  declarations: [\n    CardComponent,\n    CardHeaderComponent,\n    CardBodyComponent,\n    CardFooterComponent,\n    CardActionComponent\n  ],\n  imports: [\n    CommonModule,\n    TheSeamSharedModule\n  ],\n  exports: [\n    CardComponent,\n    CardHeaderComponent,\n    CardBodyComponent,\n    CardFooterComponent,\n    CardActionComponent\n  ]\n})\nexport class TheSeamCardModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/theseam-ui-common-carousel.mjs

@@ -0,0 +1,265 @@
+import * as i0 from '@angular/core';
+import { Directive, Component, Input, ContentChildren, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import { trigger, transition, style, animate } from '@angular/animations';
+import { BehaviorSubject, Subject, combineLatest, interval } from 'rxjs';
+import { startWith, switchMap, map, tap, takeUntil, take, filter } from 'rxjs/operators';
+import { faAngleRight, faAngleLeft, faPause, faPlay } from '@fortawesome/free-solid-svg-icons';
+import { InputNumber, InputBoolean } from '@theseam/ui-common/core';
+import { notNullOrUndefined } from '@theseam/ui-common/utils';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@theseam/ui-common/icon';
+import { TheSeamIconModule } from '@theseam/ui-common/icon';
+import * as i3 from '@theseam/ui-common/buttons';
+import { TheSeamButtonsModule } from '@theseam/ui-common/buttons';
+
+class TheSeamCarouselSlideDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+TheSeamCarouselSlideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamCarouselSlideDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+TheSeamCarouselSlideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TheSeamCarouselSlideDirective, selector: "[seamCarouselSlide]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamCarouselSlideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamCarouselSlide]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+
+class TheSeamCarouselComponent {
+    get slides() {
+        return this._slides.value;
+    }
+    set slides(value) {
+        // Check if slides were added or removed that would make the active index not exist.
+        const count = value?.length || 0;
+        const maxIdx = count >= 0 ? count - 1 : 0;
+        const activeIdx = this._pollActiveIndex.value;
+        if (activeIdx > maxIdx) {
+            this._pollActiveIndex.next(maxIdx);
+        }
+        else if (count > 0 && activeIdx < 0) {
+            this._pollActiveIndex.next(0);
+        }
+        this._slides.next(value);
+    }
+    constructor() {
+        this.faAngleRight = faAngleRight;
+        this.faAngleLeft = faAngleLeft;
+        this.faPause = faPause;
+        this.faPlay = faPlay;
+        /**
+         * Duration in ms that slide is displayed before paging.
+         * Only applicable when `autoPlay === true`.
+         * Defaults to 10000ms.
+         */
+        this.slideInterval = 10000;
+        /**
+         * When `true`, carousel will page automatically.
+         * Defaults to `true`.
+         */
+        this.autoPlay = true;
+        /**
+         * When `true`, will pause automatic paging when user mouses over carousel.
+         * Timer will restart when user mouses out.
+         * Only applicable when `autoPlay === true`.
+         * Defaults to `true`.
+         */
+        this.pauseOnHover = true;
+        /**
+         * When `true`, will pause automatic paging when user focuses in on item in carousel.
+         * Timer will restart when user focuses out.
+         * Only applicable when `autoPlay === true`.
+         * Defaults to `true`.
+         */
+        this.pauseOnFocus = true;
+        /**
+         * When `true`, will show pager row at the bottom of the carousel with clickable buttons to navigate directly to a page.
+         * Defaults to `true`.
+         */
+        this.showPager = true;
+        /**
+         * When `true`, will show left and right nav button on either side of the carousel to navigate through pages.
+         * Defaults to `true`.
+         */
+        this.showNavButtons = true;
+        /**
+         * When `true`, will show pause/play button to stop/restart automatic paging.
+         * Defaults to `true`.
+         */
+        this.showPauseButton = true;
+        this._slides = new BehaviorSubject(undefined);
+        this.slides$ = this._slides.asObservable();
+        this._pollActiveIndex = new BehaviorSubject(0);
+        this.activeIndex$ = this._pollActiveIndex.asObservable();
+        this._carouselPaused = new BehaviorSubject(false);
+        this.carouselPaused$ = this._carouselPaused.asObservable();
+        this._carouselStopped = new BehaviorSubject(false);
+        this.carouselStopped$ = this._carouselStopped.asObservable();
+        this._resetInterval = new Subject();
+        this.activeSlide$ = this._pollActiveIndex.pipe(startWith(0), switchMap(i => this.slides$.pipe(map(slides => slides?.get(i)))));
+    }
+    ngOnInit() {
+        combineLatest([this.carouselPaused$, this.carouselStopped$]).pipe(tap(([paused, stopped]) => {
+            if (paused || stopped) {
+                this._resetInterval.next(undefined);
+            }
+            else {
+                this._startInterval();
+            }
+        })).subscribe();
+    }
+    ngOnDestroy() {
+        this._resetInterval.next(undefined);
+        this._resetInterval.complete();
+    }
+    _startInterval() {
+        if (this.autoPlay) {
+            interval(this.slideInterval).pipe(takeUntil(this._resetInterval), tap(() => {
+                this.pageCarousel(1);
+            })).subscribe();
+        }
+    }
+    focusIn() {
+        if (this.pauseOnFocus) {
+            this.pauseTimer();
+        }
+    }
+    focusOut() {
+        if (this.pauseOnFocus) {
+            this.startTimer();
+        }
+    }
+    mouseEnter() {
+        if (this.pauseOnHover) {
+            this.pauseTimer();
+        }
+    }
+    mouseLeave() {
+        if (this.pauseOnHover) {
+            this.startTimer();
+        }
+    }
+    pauseTimer() {
+        this._carouselPaused.next(true);
+    }
+    startTimer() {
+        if (!this._carouselStopped.value) {
+            this._carouselPaused.next(false);
+        }
+    }
+    setCarousel(i) {
+        this._pollActiveIndex.next(i);
+    }
+    pageCarousel(step) {
+        this.slides$.pipe(take(1), filter(slides => notNullOrUndefined(slides)), map(slides => {
+            const slidesLen = slides?.length || 1;
+            let index = this._pollActiveIndex.value;
+            index = index + step;
+            index = index < 0 ? slidesLen + index : index % slidesLen;
+            this._pollActiveIndex.next(index);
+        })).subscribe();
+    }
+    toggleCarouselStop() {
+        const carouselStopped = this._carouselStopped.value;
+        this._carouselStopped.next(!carouselStopped);
+    }
+}
+TheSeamCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TheSeamCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TheSeamCarouselComponent, selector: "seam-carousel", inputs: { slideInterval: "slideInterval", autoPlay: "autoPlay", pauseOnHover: "pauseOnHover", pauseOnFocus: "pauseOnFocus", showPager: "showPager", showNavButtons: "showNavButtons", showPauseButton: "showPauseButton" }, queries: [{ propertyName: "slides", predicate: TheSeamCarouselSlideDirective }], exportAs: ["seamCarousel"], ngImport: i0, template: "<ng-container *ngIf=\"slides$ | async as slides\">\n  <div class=\"position-relative\"\n    *ngIf=\"slides.length\"\n    (focusin)=\"focusIn()\"\n    (mouseenter)=\"mouseEnter()\"\n    (focusout)=\"focusOut()\"\n    (mouseleave)=\"mouseLeave()\">\n\n    <div class=\"d-flex\" style=\"min-height: 150px;\">\n      <button\n        *ngIf=\"showNavButtons && slides.length > 1\"\n        seamButton\n        class=\"carousel-arrow px-2\"\n        (click)=\"pageCarousel(-1)\"\n        title=\"Go to previous slide\">\n        <seam-icon [icon]=\"faAngleLeft\"></seam-icon>\n      </button>\n\n      <div *ngIf=\"activeSlide$ | async as slide\" [@fadeInOut]=\"slide.template\" class=\"flex-grow-1 d-flex align-items-center\">\n        <div class=\"carousel-content w-100 py-1 px-2\" [attr.data-slide-index]=\"activeIndex$ | async\">\n          <ng-template [ngTemplateOutlet]=\"$any(slide.template)\"></ng-template>\n        </div>\n      </div>\n\n      <button\n        *ngIf=\"showNavButtons && slides.length > 1\"\n        seamButton\n        class=\"carousel-arrow px-2\"\n        (click)=\"pageCarousel(1)\"\n        title=\"Go to next slide\">\n        <seam-icon [icon]=\"faAngleRight\"></seam-icon>\n      </button>\n    </div>\n\n    <div class=\"carousel-pages d-flex flex-wrap justify-content-center mt-3 mx-auto\" *ngIf=\"showPager && slides.length > 1\">\n      <button\n        *ngFor=\"let q of slides; let i = index\"\n        seamButton\n        theme=\"light\"\n        class=\"carousel-page\"\n        [class.active]=\"(activeIndex$ | async) == i\"\n        (click)=\"setCarousel(i)\"\n        [title]=\"'Go to slide ' + (i + 1)\"></button>\n    </div>\n\n    <div class=\"carousel-controls\" *ngIf=\"showPauseButton && autoPlay\">\n      <button\n        *ngIf=\"slides.length > 1\"\n        seamButton\n        (click)=\"toggleCarouselStop()\"\n        [title]=\"(carouselStopped$ | async) ? 'Play' : 'Pause'\">\n        <seam-icon [icon]=\"faPlay\" *ngIf=\"carouselStopped$ | async; else pauseButton\"></seam-icon>\n        <ng-template #pauseButton>\n          <seam-icon [icon]=\"faPause\"></seam-icon>\n        </ng-template>\n      </button>\n    </div>\n\n  </div>\n</ng-container>\n", styles: [":host{display:block}:host .carousel-arrow{color:#adb5bd}:host .carousel-pages{max-width:calc(100% - 40px)}:host .carousel-pages .carousel-page{padding:4px;border-radius:50%;margin:1px 3px}:host .carousel-controls{position:absolute;right:-5px;bottom:5px;opacity:0;transition:.3s ease}:host .carousel-controls button{font-size:12px;color:#adb5bd;width:20px;height:20px;padding:2px!important}:host:hover .carousel-controls{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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[seamButton]", inputs: ["disabled", "theme", "size", "type"], exportAs: ["seamButton"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], animations: [
+        trigger('fadeInOut', [
+            transition('* => *', [
+                style({ opacity: '0', height: '*' }),
+                animate(250, style({ opacity: '1', height: '*' })),
+            ]),
+        ])
+    ] });
+__decorate([
+    InputNumber(10000)
+], TheSeamCarouselComponent.prototype, "slideInterval", void 0);
+__decorate([
+    InputBoolean()
+], TheSeamCarouselComponent.prototype, "autoPlay", void 0);
+__decorate([
+    InputBoolean()
+], TheSeamCarouselComponent.prototype, "pauseOnHover", void 0);
+__decorate([
+    InputBoolean()
+], TheSeamCarouselComponent.prototype, "pauseOnFocus", void 0);
+__decorate([
+    InputBoolean()
+], TheSeamCarouselComponent.prototype, "showPager", void 0);
+__decorate([
+    InputBoolean()
+], TheSeamCarouselComponent.prototype, "showNavButtons", void 0);
+__decorate([
+    InputBoolean()
+], TheSeamCarouselComponent.prototype, "showPauseButton", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-carousel', animations: [
+                        trigger('fadeInOut', [
+                            transition('* => *', [
+                                style({ opacity: '0', height: '*' }),
+                                animate(250, style({ opacity: '1', height: '*' })),
+                            ]),
+                        ])
+                    ], exportAs: 'seamCarousel', template: "<ng-container *ngIf=\"slides$ | async as slides\">\n  <div class=\"position-relative\"\n    *ngIf=\"slides.length\"\n    (focusin)=\"focusIn()\"\n    (mouseenter)=\"mouseEnter()\"\n    (focusout)=\"focusOut()\"\n    (mouseleave)=\"mouseLeave()\">\n\n    <div class=\"d-flex\" style=\"min-height: 150px;\">\n      <button\n        *ngIf=\"showNavButtons && slides.length > 1\"\n        seamButton\n        class=\"carousel-arrow px-2\"\n        (click)=\"pageCarousel(-1)\"\n        title=\"Go to previous slide\">\n        <seam-icon [icon]=\"faAngleLeft\"></seam-icon>\n      </button>\n\n      <div *ngIf=\"activeSlide$ | async as slide\" [@fadeInOut]=\"slide.template\" class=\"flex-grow-1 d-flex align-items-center\">\n        <div class=\"carousel-content w-100 py-1 px-2\" [attr.data-slide-index]=\"activeIndex$ | async\">\n          <ng-template [ngTemplateOutlet]=\"$any(slide.template)\"></ng-template>\n        </div>\n      </div>\n\n      <button\n        *ngIf=\"showNavButtons && slides.length > 1\"\n        seamButton\n        class=\"carousel-arrow px-2\"\n        (click)=\"pageCarousel(1)\"\n        title=\"Go to next slide\">\n        <seam-icon [icon]=\"faAngleRight\"></seam-icon>\n      </button>\n    </div>\n\n    <div class=\"carousel-pages d-flex flex-wrap justify-content-center mt-3 mx-auto\" *ngIf=\"showPager && slides.length > 1\">\n      <button\n        *ngFor=\"let q of slides; let i = index\"\n        seamButton\n        theme=\"light\"\n        class=\"carousel-page\"\n        [class.active]=\"(activeIndex$ | async) == i\"\n        (click)=\"setCarousel(i)\"\n        [title]=\"'Go to slide ' + (i + 1)\"></button>\n    </div>\n\n    <div class=\"carousel-controls\" *ngIf=\"showPauseButton && autoPlay\">\n      <button\n        *ngIf=\"slides.length > 1\"\n        seamButton\n        (click)=\"toggleCarouselStop()\"\n        [title]=\"(carouselStopped$ | async) ? 'Play' : 'Pause'\">\n        <seam-icon [icon]=\"faPlay\" *ngIf=\"carouselStopped$ | async; else pauseButton\"></seam-icon>\n        <ng-template #pauseButton>\n          <seam-icon [icon]=\"faPause\"></seam-icon>\n        </ng-template>\n      </button>\n    </div>\n\n  </div>\n</ng-container>\n", styles: [":host{display:block}:host .carousel-arrow{color:#adb5bd}:host .carousel-pages{max-width:calc(100% - 40px)}:host .carousel-pages .carousel-page{padding:4px;border-radius:50%;margin:1px 3px}:host .carousel-controls{position:absolute;right:-5px;bottom:5px;opacity:0;transition:.3s ease}:host .carousel-controls button{font-size:12px;color:#adb5bd;width:20px;height:20px;padding:2px!important}:host:hover .carousel-controls{opacity:1}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { slideInterval: [{
+                type: Input
+            }], autoPlay: [{
+                type: Input
+            }], pauseOnHover: [{
+                type: Input
+            }], pauseOnFocus: [{
+                type: Input
+            }], showPager: [{
+                type: Input
+            }], showNavButtons: [{
+                type: Input
+            }], showPauseButton: [{
+                type: Input
+            }], slides: [{
+                type: ContentChildren,
+                args: [TheSeamCarouselSlideDirective]
+            }] } });
+
+class TheSeamCarouselModule {
+}
+TheSeamCarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TheSeamCarouselModule, declarations: [TheSeamCarouselComponent,
+        TheSeamCarouselSlideDirective], imports: [CommonModule,
+        TheSeamIconModule,
+        TheSeamButtonsModule], exports: [TheSeamCarouselComponent,
+        TheSeamCarouselSlideDirective] });
+TheSeamCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamCarouselModule, imports: [CommonModule,
+        TheSeamIconModule,
+        TheSeamButtonsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamCarouselModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TheSeamCarouselComponent,
+                        TheSeamCarouselSlideDirective
+                    ],
+                    imports: [
+                        CommonModule,
+                        TheSeamIconModule,
+                        TheSeamButtonsModule,
+                    ],
+                    exports: [
+                        TheSeamCarouselComponent,
+                        TheSeamCarouselSlideDirective
+                    ],
+                    providers: []
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TheSeamCarouselComponent, TheSeamCarouselModule, TheSeamCarouselSlideDirective };
+//# sourceMappingURL=theseam-ui-common-carousel.mjs.map

package/fesm2020/theseam-ui-common-carousel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-carousel.mjs","sources":["../../../projects/ui-common/carousel/carousel-slide.directive.ts","../../../projects/ui-common/carousel/carousel.component.ts","../../../projects/ui-common/carousel/carousel.component.html","../../../projects/ui-common/carousel/carousel.module.ts","../../../projects/ui-common/carousel/theseam-ui-common-carousel.ts"],"sourcesContent":["import { Directive, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamCarouselSlide]',\n})\nexport class TheSeamCarouselSlideDirective {\n\n  constructor(public readonly template: TemplateRef<any>) { }\n\n}\n","import { animate, style, transition, trigger } from '@angular/animations'\nimport { Component, ContentChildren, Input, OnDestroy, OnInit, QueryList } from '@angular/core'\nimport { BooleanInput, NumberInput } from '@angular/cdk/coercion'\nimport { BehaviorSubject, combineLatest, interval, Observable, Subject } from 'rxjs'\nimport { filter, map, startWith, switchMap, take, takeUntil, tap } from 'rxjs/operators'\n\nimport { faAngleLeft, faAngleRight, faPause, faPlay } from '@fortawesome/free-solid-svg-icons'\nimport { InputBoolean, InputNumber } from '@theseam/ui-common/core'\nimport { notNullOrUndefined } from '@theseam/ui-common/utils'\n\nimport { TheSeamCarouselSlideDirective } from './carousel-slide.directive'\n\n@Component({\n  selector: 'seam-carousel',\n  templateUrl: './carousel.component.html',\n  styleUrls: ['./carousel.component.scss'],\n  animations: [\n    trigger('fadeInOut', [\n      transition('* => *', [\n        style({ opacity: '0', height: '*' }),\n        animate(250, style({ opacity: '1', height: '*' })),\n      ]),\n    ])\n  ],\n  exportAs: 'seamCarousel',\n})\nexport class TheSeamCarouselComponent implements OnInit, OnDestroy {\n  static ngAcceptInputType_slideInterval: NumberInput\n  static ngAcceptInputType_autoPlay: BooleanInput\n  static ngAcceptInputType_pauseOnHover: BooleanInput\n  static ngAcceptInputType_pauseOnFocus: BooleanInput\n  static ngAcceptInputType_showPager: BooleanInput\n  static ngAcceptInputType_showNavButtons: BooleanInput\n  static ngAcceptInputType_showPauseButton: BooleanInput\n\n  readonly faAngleRight = faAngleRight\n  readonly faAngleLeft = faAngleLeft\n  readonly faPause = faPause\n  readonly faPlay = faPlay\n\n  /**\n   * Duration in ms that slide is displayed before paging.\n   * Only applicable when `autoPlay === true`.\n   * Defaults to 10000ms.\n   */\n  @Input() @InputNumber(10000) slideInterval = 10000\n\n  /**\n   * When `true`, carousel will page automatically.\n   * Defaults to `true`.\n   */\n  @Input() @InputBoolean() autoPlay = true\n\n  /**\n   * When `true`, will pause automatic paging when user mouses over carousel.\n   * Timer will restart when user mouses out.\n   * Only applicable when `autoPlay === true`.\n   * Defaults to `true`.\n   */\n  @Input() @InputBoolean() pauseOnHover = true\n\n  /**\n   * When `true`, will pause automatic paging when user focuses in on item in carousel.\n   * Timer will restart when user focuses out.\n   * Only applicable when `autoPlay === true`.\n   * Defaults to `true`.\n   */\n  @Input() @InputBoolean() pauseOnFocus = true\n\n  /**\n   * When `true`, will show pager row at the bottom of the carousel with clickable buttons to navigate directly to a page.\n   * Defaults to `true`.\n   */\n  @Input() @InputBoolean() showPager = true\n\n  /**\n   * When `true`, will show left and right nav button on either side of the carousel to navigate through pages.\n   * Defaults to `true`.\n   */\n  @Input() @InputBoolean() showNavButtons = true\n\n  /**\n   * When `true`, will show pause/play button to stop/restart automatic paging.\n   * Defaults to `true`.\n   */\n  @Input() @InputBoolean() showPauseButton = true\n\n  @ContentChildren(TheSeamCarouselSlideDirective)\n  get slides(): QueryList<TheSeamCarouselSlideDirective> | undefined {\n    return this._slides.value\n  }\n  set slides(value: QueryList<TheSeamCarouselSlideDirective> | undefined) {\n    // Check if slides were added or removed that would make the active index not exist.\n    const count = value?.length || 0\n    const maxIdx = count >= 0 ? count - 1 : 0\n    const activeIdx = this._pollActiveIndex.value\n    if (activeIdx > maxIdx) {\n      this._pollActiveIndex.next(maxIdx)\n    } else if (count > 0 && activeIdx < 0) {\n      this._pollActiveIndex.next(0)\n    }\n\n    this._slides.next(value)\n  }\n  private readonly _slides = new BehaviorSubject<QueryList<TheSeamCarouselSlideDirective> | undefined>(undefined)\n  public readonly slides$ = this._slides.asObservable()\n\n  public readonly activeSlide$: Observable<any | undefined>\n\n  private readonly _pollActiveIndex = new BehaviorSubject<number>(0)\n  public readonly activeIndex$ = this._pollActiveIndex.asObservable()\n\n  private readonly _carouselPaused = new BehaviorSubject<boolean>(false)\n  public readonly carouselPaused$ = this._carouselPaused.asObservable()\n\n  private readonly _carouselStopped = new BehaviorSubject<boolean>(false)\n  public readonly carouselStopped$ = this._carouselStopped.asObservable()\n\n  private readonly _resetInterval = new Subject<void>()\n\n  constructor() {\n    this.activeSlide$ = this._pollActiveIndex.pipe(\n      startWith(0),\n      switchMap(i => this.slides$.pipe(\n        map(slides => slides?.get(i)),\n      ))\n    )\n  }\n\n  ngOnInit(): void {\n    combineLatest([this.carouselPaused$, this.carouselStopped$]).pipe(\n      tap(([paused, stopped]) => {\n        if (paused || stopped) {\n          this._resetInterval.next(undefined)\n        } else {\n          this._startInterval()\n        }\n      })\n    ).subscribe()\n  }\n\n  ngOnDestroy(): void {\n    this._resetInterval.next(undefined)\n    this._resetInterval.complete()\n  }\n\n  private _startInterval() {\n    if (this.autoPlay) {\n      interval(this.slideInterval).pipe(\n        takeUntil(this._resetInterval),\n        tap(() => {\n          this.pageCarousel(1)\n        })\n      ).subscribe()\n    }\n  }\n\n  focusIn() {\n    if (this.pauseOnFocus) {\n      this.pauseTimer()\n    }\n  }\n\n  focusOut() {\n    if (this.pauseOnFocus) {\n      this.startTimer()\n    }\n  }\n\n  mouseEnter() {\n    if (this.pauseOnHover) {\n      this.pauseTimer()\n    }\n  }\n\n  mouseLeave() {\n    if (this.pauseOnHover) {\n      this.startTimer()\n    }\n  }\n\n  pauseTimer() {\n    this._carouselPaused.next(true)\n  }\n\n  startTimer() {\n    if (!this._carouselStopped.value) {\n      this._carouselPaused.next(false)\n    }\n  }\n\n  setCarousel(i: number) {\n    this._pollActiveIndex.next(i)\n  }\n\n  pageCarousel(step: number) {\n    this.slides$.pipe(\n      take(1),\n      filter(slides => notNullOrUndefined(slides)),\n      map(slides => {\n        const slidesLen = slides?.length || 1\n        let index = this._pollActiveIndex.value\n        index = index + step\n        index = index < 0 ? slidesLen + index : index % slidesLen\n        this._pollActiveIndex.next(index)\n      })\n    ).subscribe()\n  }\n\n  toggleCarouselStop() {\n    const carouselStopped = this._carouselStopped.value\n    this._carouselStopped.next(!carouselStopped)\n  }\n}\n","<ng-container *ngIf=\"slides$ | async as slides\">\n  <div class=\"position-relative\"\n    *ngIf=\"slides.length\"\n    (focusin)=\"focusIn()\"\n    (mouseenter)=\"mouseEnter()\"\n    (focusout)=\"focusOut()\"\n    (mouseleave)=\"mouseLeave()\">\n\n    <div class=\"d-flex\" style=\"min-height: 150px;\">\n      <button\n        *ngIf=\"showNavButtons && slides.length > 1\"\n        seamButton\n        class=\"carousel-arrow px-2\"\n        (click)=\"pageCarousel(-1)\"\n        title=\"Go to previous slide\">\n        <seam-icon [icon]=\"faAngleLeft\"></seam-icon>\n      </button>\n\n      <div *ngIf=\"activeSlide$ | async as slide\" [@fadeInOut]=\"slide.template\" class=\"flex-grow-1 d-flex align-items-center\">\n        <div class=\"carousel-content w-100 py-1 px-2\" [attr.data-slide-index]=\"activeIndex$ | async\">\n          <ng-template [ngTemplateOutlet]=\"$any(slide.template)\"></ng-template>\n        </div>\n      </div>\n\n      <button\n        *ngIf=\"showNavButtons && slides.length > 1\"\n        seamButton\n        class=\"carousel-arrow px-2\"\n        (click)=\"pageCarousel(1)\"\n        title=\"Go to next slide\">\n        <seam-icon [icon]=\"faAngleRight\"></seam-icon>\n      </button>\n    </div>\n\n    <div class=\"carousel-pages d-flex flex-wrap justify-content-center mt-3 mx-auto\" *ngIf=\"showPager && slides.length > 1\">\n      <button\n        *ngFor=\"let q of slides; let i = index\"\n        seamButton\n        theme=\"light\"\n        class=\"carousel-page\"\n        [class.active]=\"(activeIndex$ | async) == i\"\n        (click)=\"setCarousel(i)\"\n        [title]=\"'Go to slide ' + (i + 1)\"></button>\n    </div>\n\n    <div class=\"carousel-controls\" *ngIf=\"showPauseButton && autoPlay\">\n      <button\n        *ngIf=\"slides.length > 1\"\n        seamButton\n        (click)=\"toggleCarouselStop()\"\n        [title]=\"(carouselStopped$ | async) ? 'Play' : 'Pause'\">\n        <seam-icon [icon]=\"faPlay\" *ngIf=\"carouselStopped$ | async; else pauseButton\"></seam-icon>\n        <ng-template #pauseButton>\n          <seam-icon [icon]=\"faPause\"></seam-icon>\n        </ng-template>\n      </button>\n    </div>\n\n  </div>\n</ng-container>\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamButtonsModule } from '@theseam/ui-common/buttons'\nimport { TheSeamIconModule } from '@theseam/ui-common/icon'\n\nimport { TheSeamCarouselSlideDirective } from './carousel-slide.directive'\nimport { TheSeamCarouselComponent } from './carousel.component'\n\n@NgModule({\n  declarations: [\n    TheSeamCarouselComponent,\n    TheSeamCarouselSlideDirective\n  ],\n  imports: [\n    CommonModule,\n    TheSeamIconModule,\n    TheSeamButtonsModule,\n  ],\n  exports: [\n    TheSeamCarouselComponent,\n    TheSeamCarouselSlideDirective\n  ],\n  providers: []\n})\nexport class TheSeamCarouselModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}