@theseam/ui-common 0.2.9

package/models/theseam-ui-common-models.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"HttpStatus":{"Unauthorized":401,"Forbidden":403,"NotFound":404,"RequestTimeout":408,"UnprocessableEntity":422,"InternalServerError":500,"NotImplemented":501,"BadGateway":502,"ServiceUnavailable":503,"GatewayTimeout":502},"ThemeTypes":{"__symbolic":"interface"},"OutlineThemeTypes":{"__symbolic":"interface"},"ThemeNames":["default","primary","secondary","success","danger","warning","info","light","dark","lightgray","lightblue"],"OutlineThemeNames":["outline-primary","outline-secondary","outline-success","outline-danger","outline-warning","outline-info","outline-light","outline-dark","outline-lightgray","outline-lightblue"],"ThemePrefixes":{"__symbolic":"interface"},"SizePrefixes":{"__symbolic":"interface"},"SizeTypes":{"__symbolic":"interface"},"ComponentType":{"__symbolic":"interface"}},"origins":{"HttpStatus":"./http-status-codes","ThemeTypes":"./theme-types","OutlineThemeTypes":"./theme-types","ThemeNames":"./theme-names","OutlineThemeNames":"./theme-names","ThemePrefixes":"./theme-prefixes","SizePrefixes":"./size-prefixes","SizeTypes":"./size-types","ComponentType":"./component-type"},"importAs":"@theseam/ui-common/models"}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@theseam/ui-common",
+  "version": "0.2.9",
+  "peerDependencies": {
+    "@angular/common": "^12.0.2",
+    "@angular/core": "^12.0.2",
+    "@angular/forms": "^12.0.2",
+    "@angular/animations": "^12.0.2",
+    "@angular/router": "^12.0.2",
+    "rxjs": "^6.5.5"
+  },
+  "dependencies": {
+    "@angular/cdk": "^12.0.2",
+    "@angular/flex-layout": "^12.0.0-beta.34",
+    "@fortawesome/angular-fontawesome": "~0.9.0",
+    "@fortawesome/fontawesome-svg-core": "~1.2.35",
+    "@fortawesome/free-brands-svg-icons": "~5.15.3",
+    "@fortawesome/free-regular-svg-icons": "~5.15.3",
+    "@fortawesome/free-solid-svg-icons": "~5.15.3",
+    "@marklb/file-type": "~10.6.5",
+    "@marklb/ngx-datatable": "~18.0.1",
+    "@marklb/ngx-loading": "^10.0.0",
+    "@ng-select/ng-select": "~6.1.0",
+    "@ng-bootstrap/ng-bootstrap": "~9.1.1",
+    "apollo-angular": "^2.6.0",
+    "overlayscrollbars": "~1.7.3",
+    "@types/overlayscrollbars": "~1.7.0",
+    "bootstrap": "~4.6.0",
+    "buffer": "^5.2.1",
+    "css-element-queries": "^1.2.3",
+    "file-saver": "~2.0.2",
+    "graphql": "^15.5.0",
+    "lodash-es": "~4.17.11",
+    "ngx-toastr": "~14.0.0",
+    "pdfjs-dist": "2.8.335",
+    "tslib": "^2.0.0",
+    "xlsx": "^0.14.4",
+    "jexl": "^2.3.0",
+    "@types/file-saver": "^2.0.1",
+    "webfontloader": "^1.6.28",
+    "@types/webfontloader": "^1.6.29",
+    "intl-tel-input": "^17.0.5",
+    "@ajsf/core": "^0.4.0-beta.2",
+    "quill": "^1.3.7",
+    "ngx-quill": "^14.0.0",
+    "@types/quill": "^1.3.7"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TheSeamTeam/ui-common"
+  },
+  "schematics": "./schematics/collection.json",
+  "main": "bundles/theseam-ui-common.umd.js",
+  "module": "fesm2015/theseam-ui-common.js",
+  "es2015": "fesm2015/theseam-ui-common.js",
+  "esm2015": "esm2015/theseam-ui-common.js",
+  "fesm2015": "fesm2015/theseam-ui-common.js",
+  "typings": "theseam-ui-common.d.ts",
+  "metadata": "theseam-ui-common.metadata.json",
+  "sideEffects": false
+}

package/popover/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/theseam-ui-common-popover.umd.js",
+  "module": "../fesm2015/theseam-ui-common-popover.js",
+  "es2015": "../fesm2015/theseam-ui-common-popover.js",
+  "esm2015": "../esm2015/popover/theseam-ui-common-popover.js",
+  "fesm2015": "../fesm2015/theseam-ui-common-popover.js",
+  "typings": "theseam-ui-common-popover.d.ts",
+  "metadata": "theseam-ui-common-popover.metadata.json",
+  "sideEffects": false,
+  "name": "@theseam/ui-common/popover"
+}

package/popover/popover/popover.component.d.ts

@@ -0,0 +1,44 @@
+import { AnimationEvent } from '@angular/animations';
+import { ChangeDetectorRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { Subject } from 'rxjs';
+export declare class PopoverComponent implements OnInit, OnDestroy {
+    private _changeDetectorRef;
+    private readonly _ngUnsubscribe;
+    /** Duration of the enter animation. Has to be a valid CSS value (e.g. 100ms). */
+    enterAnimationDuration?: string;
+    /** Duration of the exit animation. Has to be a valid CSS value (e.g. 50ms). */
+    exitAnimationDuration?: string;
+    /** State of the dialog animation. */
+    _state: 'void' | 'enter' | 'exit';
+    /** A subject emitting before the dialog enters the view. */
+    _beforeEnter: Subject<void>;
+    /** A subject emitting after the dialog enters the view. */
+    _afterEnter: Subject<void>;
+    /** A subject emitting before the dialog exits the view. */
+    _beforeExit: Subject<void>;
+    /** A subject emitting after the dialog exits the view. */
+    _afterExit: Subject<void>;
+    /** Stream of animation `done` events. */
+    _animationDone: Subject<AnimationEvent>;
+    get _role(): string;
+    get _tabindex(): number;
+    template: TemplateRef<any> | undefined | null;
+    popoverClass: string | undefined | null;
+    /**
+     * Defines a width for a popover that will scale down if the window innerWidth is
+     * smaller than the value.
+     */
+    get baseWidth(): number | null;
+    set baseWidth(value: number | null);
+    private _baseWidth;
+    _popoverWidth: string | undefined;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** Starts the dialog exit animation. */
+    _startExiting(): void;
+    /** Emit lifecycle events based on animation `start` callback. */
+    _onAnimationStart(event: AnimationEvent): void;
+    /** Handle a keyboard event from the menu, delegating to the appropriate action. */
+    _handleKeydown(event: KeyboardEvent): void;
+}

package/popover/popover-animations.d.ts

@@ -0,0 +1,4 @@
+export declare const popoverSlideIn: import("@angular/animations").AnimationReferenceMetadata;
+export declare const popoverSlideOut: import("@angular/animations").AnimationReferenceMetadata;
+export declare const popoverExpandIn: import("@angular/animations").AnimationReferenceMetadata;
+export declare const popoverExpandOut: import("@angular/animations").AnimationReferenceMetadata;

package/popover/popover.directive.d.ts

@@ -0,0 +1,57 @@
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { Overlay } from '@angular/cdk/overlay';
+import { ElementRef, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
+export declare class TheSeamPopoverDirective implements OnDestroy {
+    private _elementRef;
+    private _viewContainerRef;
+    private _overlay;
+    private _focusMonitor;
+    private readonly _ngUnsubscribe;
+    seamPopover?: TemplateRef<any> | null;
+    /**
+     * Defines a width for a popover that will scale down if the window innerWidth is
+     * smaller than the value.
+     */
+    get seamPopoverBaseWidth(): number | null;
+    set seamPopoverBaseWidth(value: number | null);
+    private _seamPopoverBaseWidth;
+    get seamPopoverDisabled(): boolean;
+    set seamPopoverDisabled(val: boolean);
+    private _seamPopoverDisabled;
+    private _active;
+    private _closing;
+    private _overlayRef;
+    private _compRef;
+    private _popoverClosedSubscription;
+    private _closingActionsSubscription;
+    restoreFocus: boolean;
+    _openedBy: 'mouse' | 'touch' | null;
+    _onMouseDown(event: MouseEvent): void;
+    _onClick(event: any): void;
+    _onDocumentKeydown(event: any): void;
+    constructor(_elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _overlay: Overlay, _focusMonitor: FocusMonitor);
+    ngOnDestroy(): void;
+    /**
+     * Handles touch start events on the trigger.
+     * Needs to be an arrow function so we can easily use addEventListener and removeEventListener.
+     */
+    private _handleTouchStart;
+    toggle(): void;
+    openPopover(): void;
+    closePopover(): void;
+    popoverOpen(): boolean;
+    private getOverlayPosition;
+    private getPositions;
+    /**
+     * Focuses the popover trigger.
+     * @param origin Source of the popover trigger's focus.
+     */
+    focus(origin?: FocusOrigin): void;
+    /**
+     * 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.
+     */
+    private _resetPopover;
+    /** Returns a stream that emits whenever an action that should close the popover occurs. */
+    private _popoverClosingActions;
+}

package/popover/popover.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TheSeamPopoverModule {
+}

package/popover/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './popover/popover.component';
+export * from './popover.module';
+export * from './popover.directive';
+export * from './popover-animations';

package/popover/theseam-ui-common-popover.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/popover/theseam-ui-common-popover.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"PopoverComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"seam-popover","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":24,"character":4},"arguments":["slideDown",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":25,"character":6},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":25,"character":27},"arguments":[{"__symbolic":"reference","name":"popoverExpandIn"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":26,"character":6},"arguments":[":leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":26,"character":27},"arguments":[{"__symbolic":"reference","name":"popoverExpandOut"}]}]}]]}],"host":{"class":"popover show m-2 position-static","[@slideDown]":"{\n      value: _state,\n      params: {\n        enterAnimationDuration: enterAnimationDuration,\n        exitAnimationDuration: exitAnimationDuration\n      }\n    }","(@slideDown.start)":"_onAnimationStart($event)","(@slideDown.done)":"_animationDone.next($event)","[style.width]":"_popoverWidth","$quoted$":["[@slideDown]","(@slideDown.start)","(@slideDown.done)","[style.width]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":42,"character":19},"member":"OnPush"},"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","styles":[":host{display:block;max-width:800px;min-width:100%}"]}]}],"members":{"_role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":73,"character":3},"arguments":["attr.role"]}]}],"_tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":75,"character":3},"arguments":["attr.tabindex"]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"popoverClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"baseWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":100,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startExiting":[{"__symbolic":"method"}],"_onAnimationStart":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":171,"character":3},"arguments":["keydown",["$event"]]}]}]}},"TheSeamPopoverModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PopoverComponent"},{"__symbolic":"reference","name":"TheSeamPopoverDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":18,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"PopoverComponent"}],"exports":[{"__symbolic":"reference","name":"TheSeamPopoverDirective"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":27,"character":4}]}]}],"members":{}},"TheSeamPopoverDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"[seamPopover]","host":{"aria-haspopup":"true","[attr.aria-expanded]":"popoverOpen() || null","$quoted$":["aria-haspopup","[attr.aria-expanded]"]},"exportAs":"seamPopover"}]}],"members":{"seamPopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"seamPopoverBaseWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"seamPopoverDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"_onMouseDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":81,"character":3},"arguments":["mousedown",["$event"]]}]}],"_onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":90,"character":3},"arguments":["click",["$event"]]}]}],"_onDocumentKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":95,"character":3},"arguments":["document:keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":103,"character":36,"context":{"typeName":"HTMLElement"},"module":"./popover.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":104,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":105,"character":22},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":106,"character":27}]}],"ngOnDestroy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"openPopover":[{"__symbolic":"method"}],"closePopover":[{"__symbolic":"method"}],"popoverOpen":[{"__symbolic":"method"}],"getOverlayPosition":[{"__symbolic":"method"}],"getPositions":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_resetPopover":[{"__symbolic":"method"}],"_popoverClosingActions":[{"__symbolic":"method"}]}},"popoverSlideIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":2,"character":30},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":3,"character":2},"arguments":[":self",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":4,"character":4},"arguments":[{"opacity":0,"transform":"translateY(-70%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":8,"character":4},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":9,"character":6},"arguments":["170ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":30},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":10,"character":6},"arguments":["220ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":10,"character":28},"arguments":[{"transform":"translateY(0)"}]}]}]]}]]}]]},"popoverSlideOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":15,"character":31},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":16,"character":2},"arguments":[":self",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":4},"arguments":[{"opacity":1,"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":21,"character":4},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":22,"character":6},"arguments":["170ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":30},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":23,"character":6},"arguments":["220ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":28},"arguments":[{"transform":"translateY(-70%)"}]}]}]]}]]}]]},"popoverExpandIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":28,"character":31},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":2},"arguments":[{"opacity":0,"transform":"scale(0.8)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":33,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":34,"character":4},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":28},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":35,"character":4},"arguments":["120ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":35,"character":26},"arguments":[{"transform":"scale(1)"}]}]}]]}]]},"popoverExpandOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":39,"character":32},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":40,"character":2},"arguments":[{"opacity":1,"transform":"scale(1)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":44,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":45,"character":4},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":45,"character":28},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":46,"character":4},"arguments":["120ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":46,"character":26},"arguments":[{"transform":"scale(0.8)"}]}]}]]}]]}},"origins":{"PopoverComponent":"./popover/popover.component","TheSeamPopoverModule":"./popover.module","TheSeamPopoverDirective":"./popover.directive","popoverSlideIn":"./popover-animations","popoverSlideOut":"./popover-animations","popoverExpandIn":"./popover-animations","popoverExpandOut":"./popover-animations"},"importAs":"@theseam/ui-common/popover"}

package/progress/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/theseam-ui-common-progress.umd.js",
+  "module": "../fesm2015/theseam-ui-common-progress.js",
+  "es2015": "../fesm2015/theseam-ui-common-progress.js",
+  "esm2015": "../esm2015/progress/theseam-ui-common-progress.js",
+  "fesm2015": "../fesm2015/theseam-ui-common-progress.js",
+  "typings": "theseam-ui-common-progress.d.ts",
+  "metadata": "theseam-ui-common-progress.metadata.json",
+  "sideEffects": false,
+  "name": "@theseam/ui-common/progress"
+}

package/progress/progress-circle/_progress-circle-theme.scss

@@ -0,0 +1,3 @@
+@import './styles/utilities';
+
+@import './progress-circle.component';

package/progress/progress-circle/progress-circle.component.d.ts

@@ -0,0 +1,27 @@
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+interface IProgressInfo {
+    dashoffset: number;
+    circumference: number;
+    percent: number;
+}
+export declare function calcDashoffset(value: number, circumference: number): number;
+export declare class ProgressCircleComponent {
+    static ngAcceptInputType_fillBackground: BooleanInput;
+    static ngAcceptInputType_showText: BooleanInput;
+    static ngAcceptInputType_hiddenOnEmpty: BooleanInput;
+    static ngAcceptInputType_percentage: NumberInput;
+    static ngAcceptInputType_pending: BooleanInput;
+    private _percentage;
+    fillBackground: boolean;
+    showText: boolean;
+    hiddenOnEmpty: boolean;
+    pending: boolean;
+    set percentage(value: number);
+    get percentage(): number;
+    readonly radius = 15;
+    readonly circumference: number;
+    _progressInfo?: IProgressInfo | null;
+    constructor();
+    private _getProgress;
+}
+export {};

package/progress/progress-circle/progress-circle.component.scss

@@ -0,0 +1,105 @@
+@import './styles/utilities';
+
+seam-progress-circle {
+  display: block;
+
+  .seam-progress-circle--absolute-fill {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+
+  .seam-progress-circle {
+    @extend .seam-progress-circle--absolute-fill;
+    padding: 5px;
+
+    .seam-progress-circle-inner {
+      position: relative;
+      height: 100%;
+      width: 100%;
+    }
+
+    .seam-progress-circle--icon-check {
+      padding-top: 4px;
+      font-size: 1.3rem;
+      line-height: 1.3rem;
+      color: $seam-progress-complete;
+    }
+
+    .seam-progress-circle--icon-text {
+      @extend .seam-progress-circle--absolute-fill;
+      text-align: center;
+      align-items: center;
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      color: $seam-progress-complete;
+      font-size: 19px;
+      font-weight: 700;
+      transform: translateZ(0); // Move text up to transition layers
+    }
+
+    .seam-progress-circle--icon-center {
+      @extend .seam-progress-circle--absolute-fill;
+      transform-origin: center center;
+      text-align: center;
+      align-items: center;
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+    }
+
+    .seam-progress-circle--icon-spinner {
+      @extend .seam-progress-circle--absolute-fill;
+      margin: auto;
+
+      .seam-progress-circle--icon-spinner-path {
+        stroke-linecap: round;
+        stroke: $seam-progress-complete;
+
+        transition: 500ms;
+        &:not(path) {
+          stroke-dasharray: 0;
+        }
+      }
+
+      .seam-progress-circle--icon-hourglass {
+        fill: $seam-progress-complete;
+        transition: 500ms;
+      }
+
+      .seam-progress-circle--icon-spinner-path-bg {
+        stroke-linecap: round;
+        stroke: $seam-progress-complete-bg;
+        // fill: $white;
+      }
+    }
+  }
+
+  .seam-progress-circle--in-complete {
+    .seam-progress-circle--icon-spinner {
+      .seam-progress-circle--icon-spinner-path {
+        stroke: $seam-progress-incomplete;
+      }
+      .seam-progress-circle--icon-spinner-path-bg {
+        stroke: $seam-progress-incomplete-bg;
+      }
+      &[data-percent='0'] {
+        .seam-progress-circle--icon-spinner-path {
+          stroke: $seam-progress-new;
+        }
+        .seam-progress-circle--icon-spinner-path-bg {
+          stroke: $seam-progress-new-bg;
+        }
+      }
+    }
+  }
+
+  .seam-progress-circle--fill-bg {
+    .seam-progress-circle--icon-spinner-path-bg {
+      fill: $white;
+    }
+  }
+}

package/progress/progress-circle/styles/_utilities.scss

@@ -0,0 +1,3 @@
+@import '../../../styles/utilities';
+
+@import './variables';

package/progress/progress-circle/styles/_variables.scss

@@ -0,0 +1,8 @@
+$seam-progress-complete: $green !default;
+$seam-progress-complete-bg: lighten($green, 40%) !default;
+
+$seam-progress-incomplete: $orange !default;
+$seam-progress-incomplete-bg: lighten($orange, 40%) !default;
+
+$seam-progress-new: $gray-600 !default;
+$seam-progress-new-bg: lighten($gray-600, 40%) !default;

package/progress/progress.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TheSeamProgressModule {
+}

package/progress/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './progress-circle/progress-circle.component';
+export * from './progress.module';

package/progress/theseam-ui-common-progress.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/progress/theseam-ui-common-progress.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"calcDashoffset":{"__symbolic":"function"},"ProgressCircleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"seam-progress-circle","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":21,"character":17},"member":"None"},"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","styles":["seam-progress-circle{display:block}seam-progress-circle .seam-progress-circle,seam-progress-circle .seam-progress-circle--absolute-fill,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-center,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-text{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}"]}]}],"members":{"fillBackground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":32,"character":12}}]}],"showText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":33,"character":12}}]}],"hiddenOnEmpty":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":34,"character":12}}]}],"pending":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":35,"character":12}}]}],"percentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":37,"character":12}}]}],"__ctor__":[{"__symbolic":"constructor"}],"_getProgress":[{"__symbolic":"method"}]}},"TheSeamProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ProgressCircleComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"ProgressCircleComponent"}]}]}],"members":{}}},"origins":{"calcDashoffset":"./progress-circle/progress-circle.component","ProgressCircleComponent":"./progress-circle/progress-circle.component","TheSeamProgressModule":"./progress.module"},"importAs":"@theseam/ui-common/progress"}

package/public_api.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/scrollbar/overlay-scrollbar.directive.d.ts

@@ -0,0 +1,21 @@
+import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import OverlayScrollbars from 'overlayscrollbars';
+import { OverlayScrollbarsService } from './overlay-scrollbars.service';
+import type { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model';
+export declare class OverlayScrollbarDirective implements OnInit, AfterViewInit, OnDestroy {
+    private _ref;
+    private _scrollbars;
+    static ngAcceptInputType_seamOverlayScrollbar: IOverlayScrollbarsConfig | undefined | null | '';
+    private _disabled;
+    set seamOverlayScrollbar(value: IOverlayScrollbarsConfig | undefined | null);
+    get overlayScrollbarEnabled(): boolean;
+    set overlayScrollbarEnabled(value: boolean);
+    set options(value: IOverlayScrollbarsConfig | undefined | null);
+    get options(): IOverlayScrollbarsConfig | undefined | null;
+    private _options;
+    constructor(_ref: ElementRef, _scrollbars: OverlayScrollbarsService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    get instance(): OverlayScrollbars;
+}

package/scrollbar/overlay-scrollbars-config-model.d.ts

@@ -0,0 +1,2 @@
+import * as OverlayScrollbars from 'overlayscrollbars';
+export declare type IOverlayScrollbarsConfig = OverlayScrollbars.Options;

package/scrollbar/overlay-scrollbars-config.d.ts

@@ -0,0 +1,51 @@
+import { InjectionToken } from '@angular/core';
+import { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model';
+export declare const _OverlayScrollbarDefaults: IOverlayScrollbarsConfig;
+export declare function mergeOverlayScrollbarsConfigs(a: IOverlayScrollbarsConfig, b: IOverlayScrollbarsConfig): {
+    className?: string | null | undefined;
+    resize?: import("overlayscrollbars").ResizeBehavior | undefined;
+    sizeAutoCapable?: boolean | undefined;
+    clipAlways?: boolean | undefined;
+    normalizeRTL?: boolean | undefined;
+    paddingAbsolute?: boolean | undefined;
+    autoUpdate?: boolean | null | undefined;
+    autoUpdateInterval?: number | undefined;
+    nativeScrollbarsOverlaid?: {
+        showNativeScrollbars?: boolean | undefined;
+        initialize?: boolean | undefined;
+    } | undefined;
+    overflowBehavior?: {
+        x?: import("overlayscrollbars").OverflowBehavior | undefined;
+        y?: import("overlayscrollbars").OverflowBehavior | undefined;
+    } | undefined;
+    scrollbars?: {
+        visibility?: import("overlayscrollbars").VisibilityBehavior | undefined;
+        autoHide?: import("overlayscrollbars").AutoHideBehavior | undefined;
+        autoHideDelay?: number | undefined;
+        dragScrolling?: boolean | undefined;
+        clickScrolling?: boolean | undefined;
+        touchSupport?: boolean | undefined;
+        snapHandle?: boolean | undefined;
+    } | undefined;
+    textarea?: {
+        dynWidth?: boolean | undefined;
+        dynHeight?: boolean | undefined;
+        inheritedAttrs?: string | readonly string[] | null | undefined;
+    } | undefined;
+    callbacks?: {
+        onInitialized?: import("overlayscrollbars").BasicEventCallback | null | undefined;
+        onInitializationWithdrawn?: import("overlayscrollbars").BasicEventCallback | null | undefined;
+        onDestroyed?: import("overlayscrollbars").BasicEventCallback | null | undefined;
+        onScrollStart?: import("overlayscrollbars").ScrollEventCallback | null | undefined;
+        onScroll?: import("overlayscrollbars").ScrollEventCallback | null | undefined;
+        onScrollStop?: import("overlayscrollbars").ScrollEventCallback | null | undefined;
+        onOverflowChanged?: import("overlayscrollbars").OverflowChangedCallback | null | undefined;
+        onOverflowAmountChanged?: import("overlayscrollbars").OverflowAmountChangedCallback | null | undefined;
+        onDirectionChanged?: import("overlayscrollbars").DirectionChangedCallback | null | undefined;
+        onContentSizeChanged?: import("overlayscrollbars").SizeChangedCallback | null | undefined;
+        onHostSizeChanged?: import("overlayscrollbars").SizeChangedCallback | null | undefined;
+        onUpdated?: import("overlayscrollbars").UpdatedCallback | null | undefined;
+    } | undefined;
+};
+/** Injection token that can be used to specify overlayscrollbars options. */
+export declare const LIB_OVERLAY_SCROLLBARS_CONFIG: InjectionToken<import("overlayscrollbars").Options>;