@theseam/ui-common 0.3.11 → 0.4.0-beta.0

package/fesm2015/theseam-ui-common-popover.js

@@ -1,476 +0,0 @@
-import { animation, query, style, group, animate, trigger, transition, useAnimation } from '@angular/animations';
-import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';
-import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
-import { Component, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding, Input, HostListener, Directive, ElementRef, ViewContainerRef, NgModule } from '@angular/core';
-import { Subject, BehaviorSubject, fromEvent, of, Subscription, merge } from 'rxjs';
-import { distinctUntilChanged, switchMap, startWith, map, takeUntil } from 'rxjs/operators';
-import { Overlay, OverlayModule } from '@angular/cdk/overlay';
-import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
-import { CommonModule } from '@angular/common';
-import { isFakeMousedownFromScreenReader, FocusMonitor } from '@angular/cdk/a11y';
-import { normalizePassiveListenerOptions } from '@angular/cdk/platform';
-
-const popoverSlideIn = animation([
-    query(':self', [
-        style({
-            opacity: 0,
-            transform: 'translateY(-70%)'
-        }),
-        group([
-            animate('170ms linear', style({ opacity: 1 })),
-            animate('220ms ease', style({ transform: 'translateY(0)' })),
-        ])
-    ])
-]);
-const popoverSlideOut = animation([
-    query(':self', [
-        style({
-            opacity: 1,
-            transform: 'translateY(0)'
-        }),
-        group([
-            animate('170ms linear', style({ opacity: 0 })),
-            animate('220ms ease', style({ transform: 'translateY(-70%)' })),
-        ])
-    ])
-]);
-const popoverExpandIn = animation([
-    style({
-        opacity: 0,
-        transform: 'scale(0.8)'
-    }),
-    group([
-        animate('100ms linear', style({ opacity: 1 })),
-        animate('120ms ease', style({ transform: 'scale(1)' })),
-    ])
-]);
-const popoverExpandOut = animation([
-    style({
-        opacity: 1,
-        transform: 'scale(1)'
-    }),
-    group([
-        animate('100ms linear', style({ opacity: 0 })),
-        animate('120ms ease', style({ transform: 'scale(0.8)' })),
-    ])
-]);
-
-class PopoverComponent {
-    constructor(_changeDetectorRef) {
-        this._changeDetectorRef = _changeDetectorRef;
-        this._ngUnsubscribe = new Subject();
-        /** Duration of the enter animation. Has to be a valid CSS value (e.g. 100ms). */
-        this.enterAnimationDuration = '225ms';
-        /** Duration of the exit animation. Has to be a valid CSS value (e.g. 50ms). */
-        this.exitAnimationDuration = '225ms';
-        /** State of the dialog animation. */
-        this._state = 'enter';
-        /** A subject emitting before the dialog enters the view. */
-        this._beforeEnter = new Subject();
-        /** A subject emitting after the dialog enters the view. */
-        this._afterEnter = new Subject();
-        /** A subject emitting before the dialog exits the view. */
-        this._beforeExit = new Subject();
-        /** A subject emitting after the dialog exits the view. */
-        this._afterExit = new Subject();
-        /** Stream of animation `done` events. */
-        this._animationDone = new Subject();
-        this._baseWidth = new BehaviorSubject(600);
-        // We use a Subject with a distinctUntilChanged, rather than a callback attached to .done,
-        // because some browsers fire the done event twice and we don't want to emit duplicate events.
-        // See: https://github.com/angular/angular/issues/24084
-        this._animationDone.pipe(distinctUntilChanged((x, y) => {
-            return x.fromState === y.fromState && x.toState === y.toState;
-        })).subscribe(event => {
-            // Emit lifecycle events based on animation `done` callback.
-            if (event.toState === 'enter') {
-                this._afterEnter.next();
-                this._afterEnter.complete();
-            }
-            if (event.fromState === 'enter' && (event.toState === 'void' || event.toState === 'exit')) {
-                this._afterExit.next();
-                this._afterExit.complete();
-            }
-        });
-    }
-    // @HostBinding('attr.role') get _role() { return this._config.role }
-    get _role() { return 'dialog'; }
-    get _tabindex() { return -1; }
-    /**
-     * Defines a width for a popover that will scale down if the window innerWidth is
-     * smaller than the value.
-     */
-    get baseWidth() { return this._baseWidth.value; }
-    set baseWidth(value) {
-        const _val = coerceNumberProperty(value, null);
-        if (_val !== this._baseWidth.value) {
-            this._baseWidth.next(_val);
-        }
-    }
-    ngOnInit() {
-        // this._popoverWidth$ =
-        this._baseWidth.pipe(switchMap(baseWidth => {
-            if (baseWidth) {
-                return fromEvent(window, 'resize').pipe(startWith(undefined), map(() => window.innerWidth < baseWidth ? `${window.innerWidth}px` : `${baseWidth}px`));
-            }
-            return of(undefined);
-        }), takeUntil(this._ngUnsubscribe)).subscribe(w => {
-            this._popoverWidth = w;
-            this._changeDetectorRef.markForCheck();
-        });
-    }
-    ngOnDestroy() {
-        // this.closed.complete()
-        this._animationDone.complete();
-        this._ngUnsubscribe.next();
-        this._ngUnsubscribe.complete();
-    }
-    /** Starts the dialog exit animation. */
-    _startExiting() {
-        this._state = 'exit';
-        // Mark the container for check so it can react if the
-        // view container is using OnPush change detection.
-        this._changeDetectorRef.markForCheck();
-    }
-    /** Emit lifecycle events based on animation `start` callback. */
-    _onAnimationStart(event) {
-        if (event.toState === 'enter') {
-            this._beforeEnter.next();
-            this._beforeEnter.complete();
-        }
-        if (event.fromState === 'enter' && (event.toState === 'void' || event.toState === 'exit')) {
-            this._beforeExit.next();
-            this._beforeExit.complete();
-        }
-    }
-    /** Handle a keyboard event from the menu, delegating to the appropriate action. */
-    _handleKeydown(event) {
-        // tslint:disable-next-line:deprecation
-        const keyCode = event.keyCode;
-        switch (keyCode) {
-            case ESCAPE:
-                if (!hasModifierKey(event)) {
-                    event.preventDefault();
-                    // this.closed.emit('keydown')
-                    this._startExiting();
-                }
-                break;
-        }
-    }
-}
-PopoverComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-popover',
-                template: "<div class=\"popover-body\">\n  <ng-container *ngIf=\"template; else noTemplate\">\n    <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n  </ng-container>\n\n  <ng-template #noTemplate>\n    Example\n    <!-- <ng-content></ng-content> -->\n  </ng-template>\n</div>\n",
-                animations: [
-                    trigger('slideDown', [
-                        transition(':enter', useAnimation(popoverExpandIn)),
-                        transition(':leave', useAnimation(popoverExpandOut)),
-                    ])
-                ],
-                host: {
-                    class: 'popover show m-2 position-static',
-                    '[@slideDown]': `{
-      value: _state,
-      params: {
-        enterAnimationDuration: enterAnimationDuration,
-        exitAnimationDuration: exitAnimationDuration
-      }
-    }`,
-                    '(@slideDown.start)': '_onAnimationStart($event)',
-                    '(@slideDown.done)': '_animationDone.next($event)',
-                    '[style.width]': '_popoverWidth'
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block;max-width:800px;min-width:100%}\n"]
-            },] }
-];
-PopoverComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef }
-];
-PopoverComponent.propDecorators = {
-    _role: [{ type: HostBinding, args: ['attr.role',] }],
-    _tabindex: [{ type: HostBinding, args: ['attr.tabindex',] }],
-    template: [{ type: Input }],
-    popoverClass: [{ type: Input }],
-    baseWidth: [{ type: Input }],
-    _handleKeydown: [{ type: HostListener, args: ['keydown', ['$event'],] }]
-};
-
-/** Options for binding a passive event listener. */
-const passiveEventListenerOptions = normalizePassiveListenerOptions({ passive: true });
-class TheSeamPopoverDirective {
-    constructor(_elementRef, _viewContainerRef, _overlay, _focusMonitor) {
-        this._elementRef = _elementRef;
-        this._viewContainerRef = _viewContainerRef;
-        this._overlay = _overlay;
-        this._focusMonitor = _focusMonitor;
-        this._ngUnsubscribe = new Subject();
-        this._seamPopoverBaseWidth = new BehaviorSubject(null);
-        this._seamPopoverDisabled = new BehaviorSubject(false);
-        // ngOnInit() {
-        //   this._seamPopoverDisabled.pipe(
-        //     switchMap(disabled => {
-        //       if (disabled) {
-        //         this.close()
-        //         return of(undefined)
-        //       }
-        //       if (!(this._elementRef && this._elementRef.nativeElement)) {
-        //         return of(undefined)
-        //       }
-        //       return fromEvent(this._elementRef.nativeElement, 'click')
-        //     })
-        //   ).subscribe()
-        // }
-        this._active = false;
-        this._closing = false;
-        this._popoverClosedSubscription = Subscription.EMPTY;
-        this._closingActionsSubscription = Subscription.EMPTY;
-        this.restoreFocus = true;
-        // Tracking input type is necessary so it's possible to only auto-focus
-        // the first item of the list when the menu is opened via the keyboard
-        this._openedBy = null;
-        /**
-         * Handles touch start events on the trigger.
-         * Needs to be an arrow function so we can easily use addEventListener and removeEventListener.
-         */
-        this._handleTouchStart = () => this._openedBy = 'touch';
-        this._elementRef.nativeElement.addEventListener('touchstart', this._handleTouchStart, passiveEventListenerOptions);
-        this._seamPopoverBaseWidth
-            .pipe(takeUntil(this._ngUnsubscribe))
-            .subscribe(w => {
-            if (this._compRef && this._compRef.instance) {
-                this._compRef.instance.baseWidth = w;
-                this._compRef.changeDetectorRef.markForCheck();
-            }
-        });
-    }
-    /**
-     * Defines a width for a popover that will scale down if the window innerWidth is
-     * smaller than the value.
-     */
-    get seamPopoverBaseWidth() { return this._seamPopoverBaseWidth.value; }
-    set seamPopoverBaseWidth(value) {
-        const _val = coerceNumberProperty(value, null);
-        if (_val !== this._seamPopoverBaseWidth.value) {
-            this._seamPopoverBaseWidth.next(_val);
-        }
-    }
-    get seamPopoverDisabled() { return this._seamPopoverDisabled.value; }
-    set seamPopoverDisabled(val) { this._seamPopoverDisabled.next(coerceBooleanProperty(val)); }
-    _onMouseDown(event) {
-        if (!isFakeMousedownFromScreenReader(event)) {
-            // Since right or middle button clicks won't trigger the `click` event,
-            // we shouldn't consider the menu as opened by mouse in those cases.
-            this._openedBy = event.button === 0 ? 'mouse' : null;
-        }
-    }
-    _onClick(event) {
-        this.toggle();
-    }
-    _onDocumentKeydown(event) {
-        if (event.keyCode === ESCAPE) {
-            this.closePopover();
-        }
-    }
-    ngOnDestroy() {
-        this.closePopover();
-        this._elementRef.nativeElement.removeEventListener('touchstart', this._handleTouchStart, passiveEventListenerOptions);
-        this._popoverClosedSubscription.unsubscribe();
-        this._closingActionsSubscription.unsubscribe();
-        this._ngUnsubscribe.next();
-        this._ngUnsubscribe.complete();
-    }
-    toggle() {
-        if (this._active || this.seamPopoverDisabled) {
-            this.closePopover();
-        }
-        else {
-            this.openPopover();
-        }
-    }
-    openPopover() {
-        if (this._active || !this.seamPopover) {
-            return;
-        }
-        this._active = true;
-        this._overlayRef = this._overlay.create({
-            hasBackdrop: true,
-            backdropClass: 'transparent',
-            positionStrategy: this.getOverlayPosition(this._elementRef.nativeElement),
-        });
-        this._compRef = this._overlayRef.attach(new ComponentPortal(PopoverComponent, this._viewContainerRef));
-        this._closingActionsSubscription = this._popoverClosingActions().subscribe(() => this.closePopover());
-        this._compRef.instance.template = this.seamPopover;
-        this._compRef.instance.baseWidth = this.seamPopoverBaseWidth;
-        this._compRef.changeDetectorRef.markForCheck();
-        this._popoverClosedSubscription = this._compRef.instance._afterExit.subscribe(v => {
-            var _a;
-            // console.log('closed', v)
-            if ((_a = this._overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) {
-                this._overlayRef.detach();
-            }
-            this._resetPopover();
-            this._popoverClosedSubscription.unsubscribe();
-            this._closingActionsSubscription.unsubscribe();
-            this._active = false;
-            this._closing = false;
-        });
-    }
-    closePopover() {
-        if (!this._active) {
-            return;
-        }
-        if (!this._closing) {
-            if (this._compRef && this._compRef.instance) {
-                this._closing = true;
-                this._compRef.instance._startExiting();
-            }
-        }
-    }
-    popoverOpen() {
-        var _a, _b;
-        return (_b = (_a = this._overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) !== null && _b !== void 0 ? _b : false;
-    }
-    getOverlayPosition(origin) {
-        const positionStrategy = this._overlay.position()
-            .flexibleConnectedTo(origin)
-            .withPositions(this.getPositions())
-            .withFlexibleDimensions(false)
-            .withPush(true);
-        return positionStrategy;
-    }
-    getPositions() {
-        return [
-            {
-                originX: 'center',
-                originY: 'bottom',
-                overlayX: 'center',
-                overlayY: 'top'
-            },
-            {
-                originX: 'center',
-                originY: 'top',
-                overlayX: 'center',
-                overlayY: 'bottom'
-            },
-            {
-                originX: 'end',
-                originY: 'bottom',
-                overlayX: 'end',
-                overlayY: 'top',
-            },
-            {
-                originX: 'start',
-                originY: 'bottom',
-                overlayX: 'start',
-                overlayY: 'top',
-            },
-            {
-                originX: 'end',
-                originY: 'top',
-                overlayX: 'end',
-                overlayY: 'bottom',
-            },
-            {
-                originX: 'start',
-                originY: 'top',
-                overlayX: 'start',
-                overlayY: 'bottom',
-            },
-        ];
-    }
-    /**
-     * Focuses the popover trigger.
-     * @param origin Source of the popover trigger's focus.
-     */
-    focus(origin = 'program') {
-        if (this._focusMonitor) {
-            this._focusMonitor.focusVia(this._elementRef, origin);
-        }
-        else {
-            this._elementRef.nativeElement.focus();
-        }
-    }
-    /**
-     * This method resets the popover when it's closed, most importantly restoring
-     * focus to the popover trigger if the popover was opened via the keyboard.
-     */
-    _resetPopover() {
-        // We should reset focus if the user is navigating using a keyboard or
-        // if we have a top-level trigger which might cause focus to be lost
-        // when clicking on the backdrop.
-        if (this.restoreFocus) {
-            if (!this._openedBy) {
-                // Note that the focus style will show up both for `program` and
-                // `keyboard` so we don't have to specify which one it is.
-                this.focus();
-            }
-        }
-        this._openedBy = null;
-    }
-    /** Returns a stream that emits whenever an action that should close the popover occurs. */
-    _popoverClosingActions() {
-        var _a, _b, _c, _d;
-        const backdrop = (_b = (_a = this._overlayRef) === null || _a === void 0 ? void 0 : _a.backdropClick()) !== null && _b !== void 0 ? _b : of();
-        const detachments = (_d = (_c = this._overlayRef) === null || _c === void 0 ? void 0 : _c.detachments()) !== null && _d !== void 0 ? _d : of();
-        const hover = of();
-        return merge(backdrop, hover, detachments);
-    }
-}
-TheSeamPopoverDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[seamPopover]',
-                // tslint:disable-next-line:use-host-property-decorator
-                host: {
-                    'aria-haspopup': 'true',
-                    '[attr.aria-expanded]': 'popoverOpen() || null'
-                },
-                exportAs: 'seamPopover'
-            },] }
-];
-TheSeamPopoverDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ViewContainerRef },
-    { type: Overlay },
-    { type: FocusMonitor }
-];
-TheSeamPopoverDirective.propDecorators = {
-    seamPopover: [{ type: Input }],
-    seamPopoverBaseWidth: [{ type: Input }],
-    seamPopoverDisabled: [{ type: Input }],
-    _onMouseDown: [{ type: HostListener, args: ['mousedown', ['$event'],] }],
-    _onClick: [{ type: HostListener, args: ['click', ['$event'],] }],
-    _onDocumentKeydown: [{ type: HostListener, args: ['document:keydown', ['$event'],] }]
-};
-
-class TheSeamPopoverModule {
-}
-TheSeamPopoverModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    PopoverComponent,
-                    TheSeamPopoverDirective
-                ],
-                imports: [
-                    CommonModule,
-                    OverlayModule,
-                    PortalModule
-                ],
-                entryComponents: [
-                    PopoverComponent
-                ],
-                exports: [
-                    TheSeamPopoverDirective,
-                    OverlayModule,
-                    PortalModule
-                ]
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PopoverComponent, TheSeamPopoverDirective, TheSeamPopoverModule, popoverExpandIn, popoverExpandOut, popoverSlideIn, popoverSlideOut };
-//# sourceMappingURL=theseam-ui-common-popover.js.map

package/fesm2015/theseam-ui-common-popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theseam-ui-common-popover.js","sources":["../../../projects/ui-common/popover/popover-animations.ts","../../../projects/ui-common/popover/popover/popover.component.ts","../../../projects/ui-common/popover/popover.directive.ts","../../../projects/ui-common/popover/popover.module.ts","../../../projects/ui-common/popover/theseam-ui-common-popover.ts"],"sourcesContent":["import { animate, animation, group, query, style } from '@angular/animations'\n\nexport const popoverSlideIn = animation([\n  query(':self', [\n    style({\n      opacity: 0,\n      transform: 'translateY(-70%)'\n    }),\n    group([\n      animate('170ms linear', style({ opacity: 1 })),\n      animate('220ms ease', style({ transform: 'translateY(0)' })),\n    ])\n  ])\n])\n\nexport const popoverSlideOut = animation([\n  query(':self', [\n    style({\n      opacity: 1,\n      transform: 'translateY(0)'\n    }),\n    group([\n      animate('170ms linear', style({ opacity: 0 })),\n      animate('220ms ease', style({ transform: 'translateY(-70%)' })),\n    ])\n  ])\n])\n\nexport const popoverExpandIn = animation([\n  style({\n    opacity: 0,\n    transform: 'scale(0.8)'\n  }),\n  group([\n    animate('100ms linear', style({ opacity: 1 })),\n    animate('120ms ease', style({ transform: 'scale(1)' })),\n  ])\n])\n\nexport const popoverExpandOut = animation([\n  style({\n    opacity: 1,\n    transform: 'scale(1)'\n  }),\n  group([\n    animate('100ms linear', style({ opacity: 0 })),\n    animate('120ms ease', style({ transform: 'scale(0.8)' })),\n  ])\n])\n","import { AnimationEvent, transition, trigger, useAnimation } from '@angular/animations'\nimport { coerceNumberProperty } from '@angular/cdk/coercion'\nimport { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes'\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  HostBinding,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  TemplateRef\n} from '@angular/core'\nimport { BehaviorSubject, fromEvent, Observable, of, Subject } from 'rxjs'\nimport { distinctUntilChanged, map, startWith, switchMap, takeUntil } from 'rxjs/operators'\n\nimport { popoverExpandIn, popoverExpandOut, popoverSlideIn, popoverSlideOut } from '../popover-animations'\n\n@Component({\n  selector: 'seam-popover',\n  templateUrl: './popover.component.html',\n  styleUrls: ['./popover.component.scss'],\n  animations: [\n    trigger('slideDown', [\n      transition(':enter', useAnimation(popoverExpandIn)),\n      transition(':leave', useAnimation(popoverExpandOut)),\n    ])\n  ],\n  host: {\n    class: 'popover show m-2 position-static',\n    '[@slideDown]': `{\n      value: _state,\n      params: {\n        enterAnimationDuration: enterAnimationDuration,\n        exitAnimationDuration: exitAnimationDuration\n      }\n    }`,\n    '(@slideDown.start)': '_onAnimationStart($event)',\n    '(@slideDown.done)': '_animationDone.next($event)',\n    '[style.width]': '_popoverWidth'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PopoverComponent implements OnInit, OnDestroy {\n\n  private readonly _ngUnsubscribe = new Subject()\n\n  /** Duration of the enter animation. Has to be a valid CSS value (e.g. 100ms). */\n  enterAnimationDuration?: string = '225ms'\n\n  /** Duration of the exit animation. Has to be a valid CSS value (e.g. 50ms). */\n  exitAnimationDuration?: string = '225ms'\n\n  /** State of the dialog animation. */\n  _state: 'void' | 'enter' | 'exit' = 'enter'\n\n  /** A subject emitting before the dialog enters the view. */\n  _beforeEnter: Subject<void> = new Subject()\n\n  /** A subject emitting after the dialog enters the view. */\n  _afterEnter: Subject<void> = new Subject()\n\n  /** A subject emitting before the dialog exits the view. */\n  _beforeExit: Subject<void> = new Subject()\n\n  /** A subject emitting after the dialog exits the view. */\n  _afterExit: Subject<void> = new Subject()\n\n  /** Stream of animation `done` events. */\n  _animationDone = new Subject<AnimationEvent>()\n\n  // @HostBinding('attr.role') get _role() { return this._config.role }\n  @HostBinding('attr.role') get _role() { return 'dialog' }\n\n  @HostBinding('attr.tabindex') get _tabindex() { return -1 }\n\n  @Input() template: TemplateRef<any> | undefined | null\n\n  // @Output() readonly closed = new EventEmitter<void | 'click' | 'keydown'>()\n\n  @Input() popoverClass: string | undefined | null\n\n  /**\n   * Defines a width for a popover that will scale down if the window innerWidth is\n   * smaller than the value.\n   */\n  @Input()\n  get baseWidth() { return this._baseWidth.value }\n  set baseWidth(value: number | null) {\n    const _val = coerceNumberProperty(value, null)\n    if (_val !== this._baseWidth.value) {\n      this._baseWidth.next(_val)\n    }\n  }\n  private _baseWidth = new BehaviorSubject<number | null>(600)\n  // _popoverWidth$: Observable<string | undefined>\n  _popoverWidth: string | undefined\n\n  constructor(\n    private _changeDetectorRef: ChangeDetectorRef,\n    // TODO: Implement PopoverConfig\n  ) {\n    // We use a Subject with a distinctUntilChanged, rather than a callback attached to .done,\n    // because some browsers fire the done event twice and we don't want to emit duplicate events.\n    // See: https://github.com/angular/angular/issues/24084\n    this._animationDone.pipe(distinctUntilChanged((x, y) => {\n      return x.fromState === y.fromState && x.toState === y.toState\n    })).subscribe(event => {\n      // Emit lifecycle events based on animation `done` callback.\n      if (event.toState === 'enter') {\n        this._afterEnter.next()\n        this._afterEnter.complete()\n      }\n\n      if (event.fromState === 'enter' && (event.toState === 'void' || event.toState === 'exit')) {\n        this._afterExit.next()\n        this._afterExit.complete()\n      }\n    })\n  }\n\n  ngOnInit() {\n    // this._popoverWidth$ =\n    this._baseWidth.pipe(\n      switchMap(baseWidth => {\n        if (baseWidth) {\n          return fromEvent(window, 'resize').pipe(\n            startWith(undefined),\n            map(() => window.innerWidth < baseWidth ? `${window.innerWidth}px` : `${baseWidth}px`)\n          )\n        }\n        return of(undefined)\n      }),\n      takeUntil(this._ngUnsubscribe)\n    ).subscribe(w => {\n      this._popoverWidth = w\n      this._changeDetectorRef.markForCheck()\n    })\n  }\n\n  ngOnDestroy() {\n    // this.closed.complete()\n    this._animationDone.complete()\n\n    this._ngUnsubscribe.next()\n    this._ngUnsubscribe.complete()\n  }\n\n  /** Starts the dialog exit animation. */\n  _startExiting(): void {\n    this._state = 'exit'\n\n    // Mark the container for check so it can react if the\n    // view container is using OnPush change detection.\n    this._changeDetectorRef.markForCheck()\n  }\n\n  /** Emit lifecycle events based on animation `start` callback. */\n  _onAnimationStart(event: AnimationEvent) {\n    if (event.toState === 'enter') {\n      this._beforeEnter.next()\n      this._beforeEnter.complete()\n    }\n    if (event.fromState === 'enter' && (event.toState === 'void' || event.toState === 'exit')) {\n      this._beforeExit.next()\n      this._beforeExit.complete()\n    }\n  }\n\n  /** Handle a keyboard event from the menu, delegating to the appropriate action. */\n  @HostListener('keydown', [ '$event' ])\n  _handleKeydown(event: KeyboardEvent) {\n    // tslint:disable-next-line:deprecation\n    const keyCode = event.keyCode\n\n    switch (keyCode) {\n      case ESCAPE:\n        if (!hasModifierKey(event)) {\n          event.preventDefault()\n          // this.closed.emit('keydown')\n          this._startExiting()\n        }\n        break\n    }\n  }\n\n}\n","import { FocusMonitor, FocusOrigin, isFakeMousedownFromScreenReader } from '@angular/cdk/a11y'\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion'\nimport { ESCAPE } from '@angular/cdk/keycodes'\nimport { ConnectionPositionPair, Overlay, OverlayRef, PositionStrategy } from '@angular/cdk/overlay'\nimport { normalizePassiveListenerOptions } from '@angular/cdk/platform'\nimport { ComponentPortal } from '@angular/cdk/portal'\nimport { ComponentRef, Directive, ElementRef, HostListener, Input, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core'\nimport { BehaviorSubject, fromEvent, merge, of, Subject, Subscription } from 'rxjs'\nimport { switchMap, takeUntil } from 'rxjs/operators'\n\nimport { PopoverComponent } from './popover/popover.component'\n\n/** Options for binding a passive event listener. */\nconst passiveEventListenerOptions = normalizePassiveListenerOptions({passive: true})\n\n@Directive({\n  selector: '[seamPopover]',\n  // tslint:disable-next-line:use-host-property-decorator\n  host: {\n    'aria-haspopup': 'true',\n    '[attr.aria-expanded]': 'popoverOpen() || null'\n  },\n  exportAs: 'seamPopover'\n})\nexport class TheSeamPopoverDirective implements OnDestroy {\n\n  private readonly _ngUnsubscribe = new Subject()\n\n  @Input() seamPopover?: TemplateRef<any> | null\n\n  /**\n   * Defines a width for a popover that will scale down if the window innerWidth is\n   * smaller than the value.\n   */\n  @Input()\n  get seamPopoverBaseWidth() { return this._seamPopoverBaseWidth.value }\n  set seamPopoverBaseWidth(value: number | null) {\n    const _val = coerceNumberProperty(value, null)\n    if (_val !== this._seamPopoverBaseWidth.value) {\n      this._seamPopoverBaseWidth.next(_val)\n    }\n  }\n  private _seamPopoverBaseWidth = new BehaviorSubject<number | null>(null)\n\n  @Input()\n  get seamPopoverDisabled() { return this._seamPopoverDisabled.value }\n  set seamPopoverDisabled(val: boolean) { this._seamPopoverDisabled.next(coerceBooleanProperty(val)) }\n  private _seamPopoverDisabled = new BehaviorSubject<boolean>(false)\n\n\n  // ngOnInit() {\n  //   this._seamPopoverDisabled.pipe(\n  //     switchMap(disabled => {\n  //       if (disabled) {\n  //         this.close()\n  //         return of(undefined)\n  //       }\n\n  //       if (!(this._elementRef && this._elementRef.nativeElement)) {\n  //         return of(undefined)\n  //       }\n\n  //       return fromEvent(this._elementRef.nativeElement, 'click')\n  //     })\n  //   ).subscribe()\n  // }\n\n\n  private _active = false\n  private _closing = false\n  private _overlayRef: OverlayRef | undefined | null\n  private _compRef: ComponentRef<PopoverComponent> | undefined | null\n  private _popoverClosedSubscription = Subscription.EMPTY\n  private _closingActionsSubscription = Subscription.EMPTY\n\n  public restoreFocus = true\n\n  // Tracking input type is necessary so it's possible to only auto-focus\n  // the first item of the list when the menu is opened via the keyboard\n  _openedBy: 'mouse' | 'touch' | null = null\n\n  @HostListener('mousedown', [ '$event' ])\n  _onMouseDown(event: MouseEvent) {\n    if (!isFakeMousedownFromScreenReader(event)) {\n      // Since right or middle button clicks won't trigger the `click` event,\n      // we shouldn't consider the menu as opened by mouse in those cases.\n      this._openedBy = event.button === 0 ? 'mouse' : null\n    }\n  }\n\n  @HostListener('click', [ '$event' ])\n  _onClick(event: any) {\n    this.toggle()\n  }\n\n  @HostListener('document:keydown', [ '$event' ])\n  _onDocumentKeydown(event: any) {\n    if (event.keyCode === ESCAPE) {\n      this.closePopover()\n    }\n  }\n\n  constructor(\n    private _elementRef: ElementRef<HTMLElement>,\n    private _viewContainerRef: ViewContainerRef,\n    private _overlay: Overlay,\n    private _focusMonitor: FocusMonitor\n  ) {\n    this._elementRef.nativeElement.addEventListener('touchstart', this._handleTouchStart,\n        passiveEventListenerOptions)\n\n    this._seamPopoverBaseWidth\n      .pipe(takeUntil(this._ngUnsubscribe))\n      .subscribe(w => {\n        if (this._compRef && this._compRef.instance) {\n          this._compRef.instance.baseWidth = w\n          this._compRef.changeDetectorRef.markForCheck()\n        }\n      })\n  }\n\n  ngOnDestroy() {\n    this.closePopover()\n\n    this._elementRef.nativeElement.removeEventListener('touchstart', this._handleTouchStart,\n        passiveEventListenerOptions)\n\n    this._popoverClosedSubscription.unsubscribe()\n    this._closingActionsSubscription.unsubscribe()\n\n    this._ngUnsubscribe.next()\n    this._ngUnsubscribe.complete()\n  }\n\n  /**\n   * Handles touch start events on the trigger.\n   * Needs to be an arrow function so we can easily use addEventListener and removeEventListener.\n   */\n  private _handleTouchStart = () => this._openedBy = 'touch'\n\n  public toggle(): void {\n    if (this._active || this.seamPopoverDisabled) {\n      this.closePopover()\n    } else {\n      this.openPopover()\n    }\n  }\n\n  public openPopover(): void {\n    if (this._active || !this.seamPopover) { return }\n    this._active = true\n\n    this._overlayRef = this._overlay.create({\n      hasBackdrop: true,\n      backdropClass: 'transparent',\n      positionStrategy: this.getOverlayPosition(this._elementRef.nativeElement),\n    })\n\n    this._compRef = this._overlayRef.attach(new ComponentPortal(PopoverComponent, this._viewContainerRef))\n\n    this._closingActionsSubscription = this._popoverClosingActions().subscribe(() => this.closePopover())\n\n    this._compRef.instance.template = this.seamPopover\n    this._compRef.instance.baseWidth = this.seamPopoverBaseWidth\n    this._compRef.changeDetectorRef.markForCheck()\n\n    this._popoverClosedSubscription = this._compRef.instance._afterExit.subscribe(v => {\n      // console.log('closed', v)\n      if (this._overlayRef?.hasAttached()) {\n        this._overlayRef.detach()\n      }\n\n      this._resetPopover()\n\n      this._popoverClosedSubscription.unsubscribe()\n      this._closingActionsSubscription.unsubscribe()\n\n      this._active = false\n      this._closing = false\n    })\n  }\n\n  public closePopover(): void {\n    if (!this._active) { return }\n\n    if (!this._closing) {\n      if (this._compRef && this._compRef.instance) {\n        this._closing = true\n        this._compRef.instance._startExiting()\n      }\n    }\n  }\n\n  public popoverOpen(): boolean {\n    return this._overlayRef?.hasAttached() ?? false\n  }\n\n  private getOverlayPosition(origin: HTMLElement): PositionStrategy {\n    const positionStrategy = this._overlay.position()\n      .flexibleConnectedTo(origin)\n      .withPositions(this.getPositions())\n      .withFlexibleDimensions(false)\n      .withPush(true)\n\n    return positionStrategy\n  }\n\n  private getPositions(): ConnectionPositionPair[] {\n    return [\n      {\n        originX: 'center',\n        originY: 'bottom',\n        overlayX: 'center',\n        overlayY: 'top'\n      },\n      {\n        originX: 'center',\n        originY: 'top',\n        overlayX: 'center',\n        overlayY: 'bottom'\n      },\n      {\n        originX: 'end',\n        originY: 'bottom',\n        overlayX: 'end',\n        overlayY: 'top',\n      },\n      {\n        originX: 'start',\n        originY: 'bottom',\n        overlayX: 'start',\n        overlayY: 'top',\n      },\n      {\n        originX: 'end',\n        originY: 'top',\n        overlayX: 'end',\n        overlayY: 'bottom',\n      },\n      {\n        originX: 'start',\n        originY: 'top',\n        overlayX: 'start',\n        overlayY: 'bottom',\n      },\n    ]\n  }\n\n  /**\n   * Focuses the popover trigger.\n   * @param origin Source of the popover trigger's focus.\n   */\n  focus(origin: FocusOrigin = 'program') {\n    if (this._focusMonitor) {\n      this._focusMonitor.focusVia(this._elementRef, origin)\n    } else {\n      this._elementRef.nativeElement.focus()\n    }\n  }\n\n  /**\n   * This method resets the popover when it's closed, most importantly restoring\n   * focus to the popover trigger if the popover was opened via the keyboard.\n   */\n  private _resetPopover(): void {\n    // We should reset focus if the user is navigating using a keyboard or\n    // if we have a top-level trigger which might cause focus to be lost\n    // when clicking on the backdrop.\n    if (this.restoreFocus) {\n      if (!this._openedBy) {\n        // Note that the focus style will show up both for `program` and\n        // `keyboard` so we don't have to specify which one it is.\n        this.focus()\n      }\n    }\n\n    this._openedBy = null\n  }\n\n  /** Returns a stream that emits whenever an action that should close the popover occurs. */\n  private _popoverClosingActions() {\n    const backdrop = this._overlayRef?.backdropClick() ?? of()\n    const detachments = this._overlayRef?.detachments() ?? of()\n    const hover = of()\n\n    return merge(backdrop, hover, detachments)\n  }\n\n}\n","import { OverlayModule } from '@angular/cdk/overlay'\nimport { PortalModule } from '@angular/cdk/portal'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamPopoverDirective } from './popover.directive'\nimport { PopoverComponent } from './popover/popover.component'\n\n\n\n@NgModule({\n  declarations: [\n    PopoverComponent,\n    TheSeamPopoverDirective\n  ],\n  imports: [\n    CommonModule,\n    OverlayModule,\n    PortalModule\n  ],\n  entryComponents: [\n    PopoverComponent\n  ],\n  exports: [\n    TheSeamPopoverDirective,\n\n    OverlayModule,\n    PortalModule\n  ]\n})\nexport class TheSeamPopoverModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-progress.js

@@ -1,87 +0,0 @@
-import { __decorate } from 'tslib';
-import { Component, ViewEncapsulation, Input, NgModule } from '@angular/core';
-import { InputBoolean, InputNumber } from '@theseam/ui-common/core';
-import { CommonModule } from '@angular/common';
-
-function calcDashoffset(value, circumference) {
-    const progress = value / 100;
-    const dashoffset = circumference * (1 - progress);
-    return dashoffset;
-}
-class ProgressCircleComponent {
-    constructor() {
-        this._percentage = 0;
-        this.fillBackground = false;
-        this.showText = false;
-        this.hiddenOnEmpty = true;
-        this.pending = false;
-        this.radius = 15;
-        this.circumference = 2 * Math.PI * this.radius;
-    }
-    set percentage(value) {
-        this._percentage = value;
-        this._progressInfo = this._getProgress();
-    }
-    get percentage() { return this._percentage; }
-    _getProgress() {
-        return {
-            dashoffset: calcDashoffset(this.percentage || 0, this.circumference),
-            circumference: this.circumference,
-            percent: Math.floor(this.percentage || 0)
-        };
-    }
-}
-ProgressCircleComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-progress-circle',
-                template: "<div class=\"seam-progress-circle\" *ngIf=\"_progressInfo as p\"\n  [class.seam-progress-circle--in-complete]=\"p.percent < 100\"\n  [class.seam-progress-circle--fill-bg]=\"fillBackground\">\n  <div class=\"seam-progress-circle-inner\">\n    <ng-container *ngIf=\"p.percent > 0 || !hiddenOnEmpty\">\n      <svg class=\"seam-progress-circle--icon-spinner\" viewBox=\"0 0 40 40\" [attr.data-percent]=\"p.percent\">\n        <circle class=\"seam-progress-circle--icon-spinner-path seam-progress-circle--icon-spinner-path-bg\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          stroke-width=\"4\">\n        </circle>\n        <circle class=\"seam-progress-circle--icon-spinner-path\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          transform=\"rotate(-90, 20, 20)\"\n          stroke-width=\"4\"\n          stroke-miterlimit=\"10\"\n          [attr.stroke-dashoffset]=\"p.dashoffset\"\n          [style.stroke-dasharray]=\"p.circumference\">\n        </circle>\n        <!-- Checkmark -->\n        <path *ngIf=\"!pending && p.percent === 100\"\n          class=\"seam-progress-circle--icon-spinner-path\"\n          fill=\"none\"\n          stroke-width=\"4\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M 11,22 L 18,28 L 28.5,17\">\n        </path>\n        <!-- Hourglass -->\n        <!-- `p.percent === 101` is still here for backwards compatability, but planing to be removed. -->\n        <path *ngIf=\"pending || p.percent === 101\"\n          class=\"seam-progress-circle--icon-hourglass\"\n          fill=\"none\"\n          d=\"M27.3,25.8c-0.2-2.5-1.6-4.6-3.6-5.8c2-1.2,3.4-3.3,3.6-5.8c0.7-0.3,1.2-1,1.2-1.8c0-1.1-0.9-2-2-2h-13\n          c-1.1,0-2,0.9-2,2c0,0.8,0.5,1.6,1.2,1.8c0.2,2.5,1.6,4.6,3.6,5.8c-2,1.2-3.4,3.3-3.6,5.8c-0.7,0.3-1.2,1-1.2,1.8c0,1.1,0.9,2,2,2\n          h13c1.1,0,2-0.9,2-2C28.6,26.9,28,26.1,27.3,25.8z M24.3,25.7h-8.5c0.3-2.1,2.1-3.6,4.2-3.6S24,23.6,24.3,25.7z M20,18\n          c-2.1,0-3.9-1.6-4.2-3.6h8.5C24,16.5,22.2,18,20,18z\">\n        </path>\n      </svg>\n    </ng-container>\n    <div class=\"seam-progress-circle--icon-text\" *ngIf=\"showText && !pending && p.percent > 0 && p.percent < 100\">\n      <span>{{ p.percent }}</span>\n    </div>\n  </div>\n</div>\n",
-                encapsulation: ViewEncapsulation.None,
-                styles: ["seam-progress-circle{display:block}seam-progress-circle .seam-progress-circle--absolute-fill,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-center,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-text,seam-progress-circle .seam-progress-circle{position:absolute;top:0;bottom:0;left:0;right:0}seam-progress-circle .seam-progress-circle{padding:5px}seam-progress-circle .seam-progress-circle .seam-progress-circle-inner{position:relative;height:100%;width:100%}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-check{padding-top:4px;font-size:1.3rem;line-height:1.3rem;color:#55c83c}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-text{text-align:center;align-items:center;display:flex;flex-direction:row;justify-content:center;color:#55c83c;font-size:19px;font-weight:700;transform:translateZ(0)}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-center{transform-origin:center center;text-align:center;align-items:center;display:flex;flex-direction:row;justify-content:center}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner{margin:auto}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path{stroke-linecap:round;stroke:#55c83c;transition:.5s}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path:not(path){stroke-dasharray:0}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-hourglass{fill:#55c83c;transition:.5s}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path-bg{stroke-linecap:round;stroke:#e0f5db}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path{stroke:#f57a15}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path-bg{stroke:#fde9d9}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner[data-percent=\"0\"] .seam-progress-circle--icon-spinner-path{stroke:#6c757d}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner[data-percent=\"0\"] .seam-progress-circle--icon-spinner-path-bg{stroke:#d8dbdd}seam-progress-circle .seam-progress-circle--fill-bg .seam-progress-circle--icon-spinner-path-bg{fill:#fff}\n"]
-            },] }
-];
-ProgressCircleComponent.ctorParameters = () => [];
-ProgressCircleComponent.propDecorators = {
-    fillBackground: [{ type: Input }],
-    showText: [{ type: Input }],
-    hiddenOnEmpty: [{ type: Input }],
-    pending: [{ type: Input }],
-    percentage: [{ type: Input }]
-};
-__decorate([
-    InputBoolean()
-], ProgressCircleComponent.prototype, "fillBackground", void 0);
-__decorate([
-    InputBoolean()
-], ProgressCircleComponent.prototype, "showText", void 0);
-__decorate([
-    InputBoolean()
-], ProgressCircleComponent.prototype, "hiddenOnEmpty", void 0);
-__decorate([
-    InputBoolean()
-], ProgressCircleComponent.prototype, "pending", void 0);
-__decorate([
-    InputNumber()
-], ProgressCircleComponent.prototype, "percentage", null);
-
-class TheSeamProgressModule {
-}
-TheSeamProgressModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    ProgressCircleComponent
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    ProgressCircleComponent
-                ]
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ProgressCircleComponent, TheSeamProgressModule, calcDashoffset };
-//# sourceMappingURL=theseam-ui-common-progress.js.map

package/fesm2015/theseam-ui-common-progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theseam-ui-common-progress.js","sources":["../../../projects/ui-common/progress/progress-circle/progress-circle.component.ts","../../../projects/ui-common/progress/progress.module.ts","../../../projects/ui-common/progress/theseam-ui-common-progress.ts"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion'\nimport { Component, Input, ViewEncapsulation } from '@angular/core'\n\nimport { InputBoolean, InputNumber } from '@theseam/ui-common/core'\n\ninterface IProgressInfo {\n  dashoffset: number\n  circumference: number\n  percent: number\n}\n\nexport function calcDashoffset(value: number, circumference: number) {\n  const progress = value / 100\n  const dashoffset = circumference * (1 - progress)\n  return dashoffset\n}\n\n@Component({\n  selector: 'seam-progress-circle',\n  templateUrl: './progress-circle.component.html',\n  styleUrls: [ './progress-circle.component.scss' ],\n  encapsulation: ViewEncapsulation.None\n})\nexport class ProgressCircleComponent {\n  static ngAcceptInputType_fillBackground: BooleanInput\n  static ngAcceptInputType_showText: BooleanInput\n  static ngAcceptInputType_hiddenOnEmpty: BooleanInput\n  static ngAcceptInputType_percentage: NumberInput\n  static ngAcceptInputType_pending: BooleanInput\n\n  private _percentage: number = 0\n\n  @Input() @InputBoolean() fillBackground: boolean = false\n  @Input() @InputBoolean() showText: boolean = false\n  @Input() @InputBoolean() hiddenOnEmpty: boolean = true\n  @Input() @InputBoolean() pending: boolean = false\n\n  @Input() @InputNumber()\n  set percentage(value: number) {\n    this._percentage = value\n    this._progressInfo = this._getProgress()\n  }\n  get percentage(): number { return this._percentage }\n\n  public readonly radius = 15\n  public readonly circumference = 2 * Math.PI * this.radius\n\n  _progressInfo?: IProgressInfo | null\n\n  constructor() { }\n\n  private _getProgress(): IProgressInfo {\n    return {\n      dashoffset: calcDashoffset(this.percentage || 0, this.circumference),\n      circumference: this.circumference,\n      percent: Math.floor(this.percentage || 0)\n    }\n  }\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { ProgressCircleComponent } from './progress-circle/progress-circle.component'\n\n@NgModule({\n  declarations: [\n    ProgressCircleComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    ProgressCircleComponent\n  ]\n})\nexport class TheSeamProgressModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;SAWgB,cAAc,CAAC,KAAa,EAAE,aAAqB;IACjE,MAAM,QAAQ,GAAG,KAAK,GAAG,GAAG,CAAA;IAC5B,MAAM,UAAU,GAAG,aAAa,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAA;IACjD,OAAO,UAAU,CAAA;AACnB,CAAC;MAQY,uBAAuB;IA0BlC;QAnBQ,gBAAW,GAAW,CAAC,CAAA;QAEN,mBAAc,GAAY,KAAK,CAAA;QAC/B,aAAQ,GAAY,KAAK,CAAA;QACzB,kBAAa,GAAY,IAAI,CAAA;QAC7B,YAAO,GAAY,KAAK,CAAA;QASjC,WAAM,GAAG,EAAE,CAAA;QACX,kBAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;KAIxC;IAXjB,IAAI,UAAU,CAAC,KAAa;QAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;QACxB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,CAAA;KACzC;IACD,IAAI,UAAU,KAAa,OAAO,IAAI,CAAC,WAAW,CAAA,EAAE;IAS5C,YAAY;QAClB,OAAO;YACL,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC;YACpE,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC;SAC1C,CAAA;KACF;;;YAxCF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,0tEAA+C;gBAE/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;;aACtC;;;;6BAUE,KAAK;uBACL,KAAK;4BACL,KAAK;sBACL,KAAK;yBAEL,KAAK;;AALmB;IAAf,YAAY,EAAE;+DAAgC;AAC/B;IAAf,YAAY,EAAE;yDAA0B;AACzB;IAAf,YAAY,EAAE;8DAA8B;AAC7B;IAAf,YAAY,EAAE;wDAAyB;AAGjD;IADU,WAAW,EAAE;yDAItB;;MCzBU,qBAAqB;;;YAXjC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,uBAAuB;iBACxB;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;gBACD,OAAO,EAAE;oBACP,uBAAuB;iBACxB;aACF;;;ACfD;;;;;;"}