@theseam/ui-common 0.4.30 → 1.0.0-beta.0

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

@@ -0,0 +1,128 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Input, HostBinding, Component, ContentChildren, NgModule } from '@angular/core';
+import { InputBoolean } from '@theseam/ui-common/core';
+import { TheSeamHoverClassToggleDirective } from '@theseam/ui-common/shared';
+import { startWith, filter, map, tap } from 'rxjs/operators';
+
+class TheSeamCardActionComponent {
+    static ngAcceptInputType_isLastAction;
+    _cssClassBorderLeft = true;
+    theme = 'lightgray';
+    title;
+    isLastAction = false;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCardActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamCardActionComponent, isStandalone: true, 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: TheSeamHoverClassToggleDirective, selector: "[seamHoverClassToggle]", inputs: ["seamHoverClassToggle"], exportAs: ["seamHoverClassToggle"] }] });
+}
+__decorate([
+    InputBoolean()
+], TheSeamCardActionComponent.prototype, "isLastAction", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCardActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-card-action', imports: [
+                        TheSeamHoverClassToggleDirective,
+                    ], 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 TheSeamCardBodyComponent {
+    _cssClassCardBody = true;
+    _cssClassP0 = true;
+    TheSeamCardActionComponents;
+    _changesSubscription;
+    ngOnDestroy() {
+        this._changesSubscription?.unsubscribe();
+    }
+    ngAfterViewInit() {
+        this._changesSubscription = this.TheSeamCardActionComponents?.changes.pipe(startWith(this.TheSeamCardActionComponents), filter(v => !!v), map(v => v.toArray()), filter(v => v && v.length > 0), tap(v => setTimeout(() => v[v.length - 1].isLastAction = true))).subscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamCardBodyComponent, isStandalone: true, selector: "seam-card-body", host: { properties: { "class.card-body": "this._cssClassCardBody", "class.p-0": "this._cssClassP0" } }, queries: [{ propertyName: "TheSeamCardActionComponents", predicate: TheSeamCardActionComponent }], 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: "20.3.0", ngImport: i0, type: TheSeamCardBodyComponent, 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']
+            }], TheSeamCardActionComponents: [{
+                type: ContentChildren,
+                args: [TheSeamCardActionComponent]
+            }] } });
+
+class TheSeamCardHeaderComponent {
+    _cssClassCardHeader = true;
+    _cssClassPY0 = true;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamCardHeaderComponent, isStandalone: true, 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: "20.3.0", ngImport: i0, type: TheSeamCardHeaderComponent, 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 TheSeamCardComponent {
+    _cssClassCard = true;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamCardComponent, isStandalone: true, 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: "20.3.0", ngImport: i0, type: TheSeamCardComponent, 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 {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCardModule, imports: [TheSeamCardComponent,
+            TheSeamCardHeaderComponent,
+            TheSeamCardBodyComponent,
+            TheSeamCardActionComponent], exports: [TheSeamCardComponent,
+            TheSeamCardHeaderComponent,
+            TheSeamCardBodyComponent,
+            TheSeamCardActionComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCardModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        TheSeamCardComponent,
+                        TheSeamCardHeaderComponent,
+                        TheSeamCardBodyComponent,
+                        TheSeamCardActionComponent,
+                    ],
+                    exports: [
+                        TheSeamCardComponent,
+                        TheSeamCardHeaderComponent,
+                        TheSeamCardBodyComponent,
+                        TheSeamCardActionComponent,
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TheSeamCardActionComponent, TheSeamCardBodyComponent, TheSeamCardComponent, TheSeamCardHeaderComponent, TheSeamCardModule };
+//# sourceMappingURL=theseam-ui-common-card.mjs.map

package/fesm2022/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-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 { ThemeTypes } from '@theseam/ui-common/models'\nimport { TheSeamHoverClassToggleDirective } from '@theseam/ui-common/shared'\n\n@Component({\n  selector: 'seam-card-action',\n  templateUrl: './card-action.component.html',\n  styleUrls: ['./card-action.component.scss'],\n  imports: [\n    TheSeamHoverClassToggleDirective,\n  ],\n})\nexport class TheSeamCardActionComponent {\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 { TheSeamCardActionComponent } 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 TheSeamCardBodyComponent implements OnDestroy, AfterViewInit {\n\n  @HostBinding('class.card-body') _cssClassCardBody = true\n  @HostBinding('class.p-0') _cssClassP0 = true\n\n  @ContentChildren(TheSeamCardActionComponent) TheSeamCardActionComponents?: QueryList<TheSeamCardActionComponent>\n\n  private _changesSubscription: Subscription | undefined\n\n  ngOnDestroy() {\n    this._changesSubscription?.unsubscribe()\n  }\n\n  ngAfterViewInit() {\n    this._changesSubscription = this.TheSeamCardActionComponents?.changes.pipe(\n      startWith(this.TheSeamCardActionComponents),\n      filter(v => !!v),\n      map(v => v.toArray() as TheSeamCardActionComponent[]),\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, 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 TheSeamCardHeaderComponent {\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 TheSeamCardComponent {\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 { NgModule } from '@angular/core'\n\nimport { TheSeamCardActionComponent } from './card-action/card-action.component'\nimport { TheSeamCardBodyComponent } from './card-body/card-body.component'\nimport { TheSeamCardHeaderComponent } from './card-header/card-header.component'\nimport { TheSeamCardComponent } from './card.component'\n\n@NgModule({\n  imports: [\n    TheSeamCardComponent,\n    TheSeamCardHeaderComponent,\n    TheSeamCardBodyComponent,\n    TheSeamCardActionComponent,\n  ],\n  exports: [\n    TheSeamCardComponent,\n    TheSeamCardHeaderComponent,\n    TheSeamCardBodyComponent,\n    TheSeamCardActionComponent,\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/fesm2022/theseam-ui-common-carousel.mjs

@@ -0,0 +1,269 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, ContentChildren, Input, Component, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import { trigger, transition, style, animate } from '@angular/animations';
+import { NgIf, NgFor, NgTemplateOutlet, AsyncPipe } from '@angular/common';
+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 '@theseam/ui-common/icon';
+import { TheSeamIconModule } from '@theseam/ui-common/icon';
+import * as i2 from '@theseam/ui-common/buttons';
+import { TheSeamButtonsModule } from '@theseam/ui-common/buttons';
+
+class TheSeamCarouselSlideDirective {
+    template = inject((TemplateRef));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCarouselSlideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamCarouselSlideDirective, isStandalone: true, selector: "[seamCarouselSlide]", exportAs: ["seamCarouselSlide"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCarouselSlideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamCarouselSlide]',
+                    exportAs: 'seamCarouselSlide',
+                }]
+        }] });
+
+class TheSeamCarouselComponent {
+    static ngAcceptInputType_slideInterval;
+    static ngAcceptInputType_autoPlay;
+    static ngAcceptInputType_pauseOnHover;
+    static ngAcceptInputType_pauseOnFocus;
+    static ngAcceptInputType_showPager;
+    static ngAcceptInputType_showNavButtons;
+    static ngAcceptInputType_showPauseButton;
+    faAngleRight = faAngleRight;
+    faAngleLeft = faAngleLeft;
+    faPause = faPause;
+    faPlay = faPlay;
+    /**
+     * Duration in ms that slide is displayed before paging.
+     * Only applicable when `autoPlay === true`.
+     * Defaults to 10000ms.
+     */
+    slideInterval = 10000;
+    /**
+     * When `true`, carousel will page automatically.
+     * Defaults to `true`.
+     */
+    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`.
+     */
+    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`.
+     */
+    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`.
+     */
+    showPager = true;
+    /**
+     * When `true`, will show left and right nav button on either side of the carousel to navigate through pages.
+     * Defaults to `true`.
+     */
+    showNavButtons = true;
+    /**
+     * When `true`, will show pause/play button to stop/restart automatic paging.
+     * Defaults to `true`.
+     */
+    showPauseButton = true;
+    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);
+    }
+    _slides = new BehaviorSubject(undefined);
+    slides$ = this._slides.asObservable();
+    activeSlide$;
+    _pollActiveIndex = new BehaviorSubject(0);
+    activeIndex$ = this._pollActiveIndex.asObservable();
+    _carouselPaused = new BehaviorSubject(false);
+    carouselPaused$ = this._carouselPaused.asObservable();
+    _carouselStopped = new BehaviorSubject(false);
+    carouselStopped$ = this._carouselStopped.asObservable();
+    _resetInterval = new Subject();
+    constructor() {
+        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() {
+        this._resetInterval.next(undefined);
+        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);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamCarouselComponent, isStandalone: true, 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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TheSeamIconModule }, { kind: "component", type: i1.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "ngmodule", type: TheSeamButtonsModule }, { kind: "component", type: i2.TheSeamButtonComponent, selector: "button[seamButton]", inputs: ["disabled", "theme", "size", "type"], exportAs: ["seamButton"] }, { kind: "pipe", type: 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: "20.3.0", 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', imports: [
+                        NgIf,
+                        NgFor,
+                        NgTemplateOutlet,
+                        AsyncPipe,
+                        TheSeamIconModule,
+                        TheSeamButtonsModule,
+                    ], 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: () => [], 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 {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCarouselModule, imports: [TheSeamCarouselComponent,
+            TheSeamCarouselSlideDirective], exports: [TheSeamCarouselComponent,
+            TheSeamCarouselSlideDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCarouselModule, imports: [TheSeamCarouselComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCarouselModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        TheSeamCarouselComponent,
+                        TheSeamCarouselSlideDirective,
+                    ],
+                    exports: [
+                        TheSeamCarouselComponent,
+                        TheSeamCarouselSlideDirective,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TheSeamCarouselComponent, TheSeamCarouselModule, TheSeamCarouselSlideDirective };
+//# sourceMappingURL=theseam-ui-common-carousel.mjs.map

package/fesm2022/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, inject, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamCarouselSlide]',\n  exportAs: 'seamCarouselSlide',\n})\nexport class TheSeamCarouselSlideDirective {\n  private readonly template = inject(TemplateRef<any>)\n}\n","import { animate, style, transition, trigger } from '@angular/animations'\nimport { AsyncPipe, NgFor, NgIf, NgTemplateOutlet } from '@angular/common'\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'\nimport { TheSeamIconModule } from '@theseam/ui-common/icon'\nimport { TheSeamButtonsModule } from '@theseam/ui-common/buttons'\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  imports: [\n    NgIf,\n    NgFor,\n    NgTemplateOutlet,\n    AsyncPipe,\n    TheSeamIconModule,\n    TheSeamButtonsModule,\n  ],\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    this._resetInterval.next(undefined)\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 { NgModule } from '@angular/core'\n\nimport { TheSeamCarouselSlideDirective } from './carousel-slide.directive'\nimport { TheSeamCarouselComponent } from './carousel.component'\n\n@NgModule({\n  imports: [\n    TheSeamCarouselComponent,\n    TheSeamCarouselSlideDirective,\n  ],\n  exports: [\n    TheSeamCarouselComponent,\n    TheSeamCarouselSlideDirective,\n  ],\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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"}