@theseam/ui-common 0.2.9

package/toggle-edit/models/index.d.ts

@@ -0,0 +1,2 @@
+export * from './can-toggle-edit';
+export * from './toggle-edit-ref';

package/toggle-edit/models/toggle-edit-ref.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '@angular/core';
+import { AbstractControl, FormControl, FormGroup } from '@angular/forms';
+export interface IToggleEditRef {
+    cancelOnBlur: boolean;
+    placeholder: string;
+    editing: boolean;
+    waitOnSubmit: boolean;
+    changeAccepted: EventEmitter<IToggleEditRef>;
+    changeDeclined: EventEmitter<IToggleEditRef>;
+    editingChange: EventEmitter<boolean>;
+    canSubmit(): boolean;
+    isSubmitting(): boolean;
+    submitComplete(error?: any): void;
+    updateBeforeEditValue(): void;
+    getValue(): string | null;
+    resetValue(): void;
+    isFormGroup(): boolean;
+    getFormGroup(): FormGroup | null;
+    isInFormField(): boolean;
+    getFormControl(): FormControl | null;
+    hasControl(): boolean;
+    getControl(): AbstractControl | null;
+    submitEdit(): void;
+    cancelEdit(): void;
+    hasFocus(): boolean;
+    toggleEditing(isEditing?: boolean): void;
+    isEditing(): boolean;
+    startEditing(): void;
+    stopEditing(): void;
+}

package/toggle-edit/package.json

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

package/toggle-edit/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './toggle-edit.component';
+export * from './toggle-edit.module';
+export * from './toggle-edit-display-tpl.directive';
+export * from './toggle-edit-keyboard-listener.service';
+export * from './models/index';
+export * from './toggle-edit-actions-container/toggle-edit-actions-container.component';

package/toggle-edit/theseam-ui-common-toggle-edit.d.ts

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

package/toggle-edit/theseam-ui-common-toggle-edit.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"ToggleEditComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":39,"character":1},"arguments":[{"selector":"seam-toggle-edit","template":"<div class=\"toggle-edit-not-editing rounded\"\n  [class.w-100]=\"editing\"\n  [class.toggle-edit-editing]=\"editing\"\n  [class.is-disabled]=\"disabled\"\n  (seamElemResized)=\"resized()\">\n  <div class=\"toggle-edit-content-container\">\n    <div class=\"toggle-edit-content\" (click)=\"toggleEditing(true)\">\n      <ng-container *ngIf=\"editing; else notEditingTpl\">\n        <ng-content></ng-content>\n      </ng-container>\n      <ng-template #notEditingTpl>\n        <ng-container *ngIf=\"displayTpl; else noDisplayTpl\">\n          <ng-template [ngTemplateOutlet]=\"displayTpl.template\" [ngTemplateOutletContext]=\"{ $implicit: getValue() || placeholder }\"></ng-template>\n        </ng-container>\n        <ng-template #noDisplayTpl>\n          <div class=\"pl-1 pr-1\">\n            {{ getValue() || placeholder }}\n          </div>\n        </ng-template>\n      </ng-template>\n    </div>\n    <div>\n      <ng-template *ngIf=\"!editing\" [cdkPortalOutlet]=\"templatePortal\"></ng-template>\n      <ng-template #templatePortalContent>\n        <seam-toggle-edit-actions-container\n          [class.bg-light]=\"editing\"\n          tabindex=\"-1\"\n          cdkMonitorSubtreeFocus\n          (cdkFocusChange)=\"actionsFocusChange($event)\">\n          <button *ngIf=\"!editing\"\n            type=\"button\"\n            class=\"toggle-edit-edit-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"toggleEditing(true)\">\n            <fa-icon [icon]=\"faPen\"></fa-icon>\n          </button>\n          <button *ngIf=\"editing\"\n            type=\"button\"\n            [disabled]=\"!canSubmit()\"\n            class=\"toggle-edit-submit-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"submitEdit()\">\n            <fa-icon [icon]=\"faCheck\"></fa-icon>\n          </button>\n          <button *ngIf=\"editing\"\n            type=\"button\"\n            class=\"toggle-edit-cancel-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"cancelEdit()\">\n            <fa-icon [icon]=\"faTimes\"></fa-icon>\n          </button>\n        </seam-toggle-edit-actions-container>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n<seam-loading *ngIf=\"isSubmitting()\"></seam-loading>\n","styles":[":host{display:block;position:relative}.toggle-edit-not-editing{transition:background-color .25s ease-in-out}.toggle-edit-not-editing .toggle-edit-content-container{display:flex;flex-direction:row}.toggle-edit-not-editing .toggle-edit-content-container .toggle-edit-content{flex:1 1 auto;display:flex;align-items:center}.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing,.toggle-edit-not-editing:not(.is-disabled):hover{background-color:#f8f9fa}.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing .toggle-edit-edit-btn,.toggle-edit-not-editing:not(.is-disabled):hover .toggle-edit-edit-btn{opacity:1;visibility:visible}.toggle-edit-not-editing .toggle-edit-edit-btn{opacity:0;visibility:hidden}.toggle-edit-not-editing .toggle-edit-cancel-btn,.toggle-edit-not-editing .toggle-edit-edit-btn,.toggle-edit-not-editing .toggle-edit-submit-btn{transition:.25s ease-in-out}.toggle-edit-not-editing .toggle-edit-edit-btn{border-top-left-radius:0;border-bottom-left-radius:0}.toggle-edit-not-editing .toggle-edit-submit-btn{border-radius:0}.toggle-edit-not-editing .toggle-edit-cancel-btn{border-top-left-radius:0;border-bottom-left-radius:0}"]}]}],"members":{"_toggleEditActiveClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":68,"character":3},"arguments":["class.toggle-edit-active"]}]}],"cancelOnBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":70,"character":12}}]}],"waitOnSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":71,"character":12}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"editing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"changeAccepted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"changeDeclined":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":3}}]}],"editingChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":90,"character":3}}]}],"templatePortalContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":92,"character":3},"arguments":["templatePortalContent",{"static":true}]}]}],"displayTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":97,"character":3},"arguments":[{"__symbolic":"reference","name":"ToggleEditDisplayTplDirective"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":101,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":101,"character":17}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":102,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":102,"character":17}}],null,null,null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":100,"character":36,"context":{"typeName":"HTMLInputElement"},"module":"./toggle-edit.component"}]},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":101,"character":50},{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"TheSeamFormFieldComponent","line":102,"character":52},{"__symbolic":"reference","name":"ToggleEditKeyboardListenerService"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":104,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":105,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":106,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":107,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":108,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"_initMonitors":[{"__symbolic":"method"}],"_destroyMonitors":[{"__symbolic":"method"}],"_checkDisabledChange":[{"__symbolic":"method"}],"canSubmit":[{"__symbolic":"method"}],"isSubmitting":[{"__symbolic":"method"}],"submitComplete":[{"__symbolic":"method"}],"updateBeforeEditValue":[{"__symbolic":"method"}],"getValue":[{"__symbolic":"method"}],"resetValue":[{"__symbolic":"method"}],"isFormGroup":[{"__symbolic":"method"}],"getFormGroup":[{"__symbolic":"method"}],"isInFormField":[{"__symbolic":"method"}],"getFormControl":[{"__symbolic":"method"}],"hasControl":[{"__symbolic":"method"}],"getControl":[{"__symbolic":"method"}],"submitEdit":[{"__symbolic":"method"}],"cancelEdit":[{"__symbolic":"method"}],"_onFocus":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"hasFocus":[{"__symbolic":"method"}],"focusContent":[{"__symbolic":"method"}],"toggleEditing":[{"__symbolic":"method"}],"isEditing":[{"__symbolic":"method"}],"startEditing":[{"__symbolic":"method"}],"stopEditing":[{"__symbolic":"method"}],"keydownEvent":[{"__symbolic":"method"}],"getOverlayPosition":[{"__symbolic":"method"}],"getPositions":[{"__symbolic":"method"}],"resized":[{"__symbolic":"method"}],"actionsFocusChange":[{"__symbolic":"method"}]}},"TheSeamToggleEditModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ToggleEditDisplayTplDirective"},{"__symbolic":"reference","name":"ToggleEditActionsContainerComponent"},{"__symbolic":"reference","name":"ToggleEditComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/shared","name":"TheSeamSharedModule","line":25,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":27,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"TheSeamFormFieldModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":31,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/loading","name":"TheSeamLoadingModule","line":32,"character":4}],"exports":[{"__symbolic":"reference","name":"ToggleEditDisplayTplDirective"},{"__symbolic":"reference","name":"ToggleEditComponent"}]}]}],"members":{}},"ToggleEditDisplayTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamToggleEditDisplayTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ToggleEditKeyboardListenerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":17,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"isListening":[{"__symbolic":"method"}],"_startListening":[{"__symbolic":"method"}],"_stopListening":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ICanToggleEdit":{"__symbolic":"interface"},"IToggleEditRef":{"__symbolic":"interface"},"ToggleEditActionsContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-toggle-edit-actions-container","template":"<ng-content></ng-content>\n","styles":[":host{display:block}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"ToggleEditComponent":"./toggle-edit.component","TheSeamToggleEditModule":"./toggle-edit.module","ToggleEditDisplayTplDirective":"./toggle-edit-display-tpl.directive","ToggleEditKeyboardListenerService":"./toggle-edit-keyboard-listener.service","ICanToggleEdit":"./models/can-toggle-edit","IToggleEditRef":"./models/toggle-edit-ref","ToggleEditActionsContainerComponent":"./toggle-edit-actions-container/toggle-edit-actions-container.component"},"importAs":"@theseam/ui-common/toggle-edit"}

package/toggle-edit/toggle-edit-actions-container/toggle-edit-actions-container.component.d.ts

@@ -0,0 +1,5 @@
+import { OnInit } from '@angular/core';
+export declare class ToggleEditActionsContainerComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+}

package/toggle-edit/toggle-edit-display-tpl.directive.d.ts

@@ -0,0 +1,5 @@
+import { TemplateRef } from '@angular/core';
+export declare class ToggleEditDisplayTplDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+}

package/toggle-edit/toggle-edit-keyboard-listener.service.d.ts

@@ -0,0 +1,14 @@
+import { ICanToggleEdit } from './models';
+export declare class ToggleEditKeyboardListenerService {
+    private document;
+    private _elements;
+    private _isListening;
+    private _document;
+    constructor(document: any);
+    add(element: ICanToggleEdit): void;
+    remove(element: ICanToggleEdit): void;
+    isListening(): boolean;
+    private _startListening;
+    private _stopListening;
+    private _keydownListener;
+}

package/toggle-edit/toggle-edit.component.d.ts

@@ -0,0 +1,90 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { Overlay, OverlayRef } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { AfterViewInit, DoCheck, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AbstractControl, ControlContainer, FormControl, FormGroup } from '@angular/forms';
+import { TheSeamFormFieldComponent } from '@theseam/ui-common/form-field';
+import { ICanToggleEdit } from './models/can-toggle-edit';
+import { IToggleEditRef } from './models/toggle-edit-ref';
+import { ToggleEditDisplayTplDirective } from './toggle-edit-display-tpl.directive';
+import { ToggleEditKeyboardListenerService } from './toggle-edit-keyboard-listener.service';
+export declare class ToggleEditComponent implements OnInit, OnDestroy, AfterViewInit, DoCheck, ICanToggleEdit, IToggleEditRef {
+    private _elementRef;
+    private controlContainer;
+    private formFieldComponent;
+    private _kbListener;
+    private _focusMonitor;
+    private _ngZone;
+    private _renderer;
+    private _viewContainerRef;
+    private _overlay;
+    static ngAcceptInputType_cancelOnBlur: BooleanInput;
+    static ngAcceptInputType_waitOnSubmit: BooleanInput;
+    faPen: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faCheck: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    private _previousDisabled;
+    /** Use `hasFocus()` to check for focus. This is only for monitoring focus lost. */
+    private _focused;
+    private _focusObserver?;
+    private _actionsFocused;
+    private _submitting;
+    /**
+     * Input value before editing.
+     *
+     * If the edit change is canceled the input value will be reset back to this
+     * value.
+     */
+    private _beforeEditValue;
+    get _toggleEditActiveClass(): boolean;
+    cancelOnBlur: boolean;
+    waitOnSubmit: boolean;
+    placeholder: string;
+    get editing(): boolean;
+    set editing(value: boolean);
+    private _editing;
+    changeAccepted: EventEmitter<IToggleEditRef>;
+    changeDeclined: EventEmitter<IToggleEditRef>;
+    editingChange: EventEmitter<boolean>;
+    templatePortalContent?: TemplateRef<any>;
+    templatePortal?: TemplatePortal<any>;
+    modalRef?: OverlayRef;
+    displayTpl?: ToggleEditDisplayTplDirective;
+    constructor(_elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>, controlContainer: ControlContainer, formFieldComponent: TheSeamFormFieldComponent, _kbListener: ToggleEditKeyboardListenerService, _focusMonitor: FocusMonitor, _ngZone: NgZone, _renderer: Renderer2, _viewContainerRef: ViewContainerRef, _overlay: Overlay);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    ngDoCheck(): void;
+    private _initMonitors;
+    private _destroyMonitors;
+    private _checkDisabledChange;
+    get disabled(): boolean;
+    canSubmit(): boolean;
+    isSubmitting(): boolean;
+    submitComplete(error?: any): void;
+    updateBeforeEditValue(): void;
+    getValue(): string | null;
+    resetValue(): void;
+    isFormGroup(): boolean;
+    getFormGroup(): FormGroup | null;
+    isInFormField(): boolean;
+    getFormControl(): FormControl | null;
+    hasControl(): boolean;
+    getControl(): AbstractControl | null;
+    submitEdit(): void;
+    cancelEdit(): void;
+    private _onFocus;
+    private _onBlur;
+    hasFocus(): boolean;
+    focusContent(): void;
+    toggleEditing(isEditing?: boolean): void;
+    isEditing(): boolean;
+    startEditing(): void;
+    stopEditing(): void;
+    keydownEvent(event: KeyboardEvent): void;
+    private getOverlayPosition;
+    private getPositions;
+    resized(): void;
+    actionsFocusChange(event: any): void;
+}

package/toggle-edit/toggle-edit.module.d.ts

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

package/toggle-group/package.json

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

package/toggle-group/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './toggle-group-option.directive';
+export * from './toggle-group.directive';
+export * from './toggle-group.module';

package/toggle-group/theseam-ui-common-toggle-group.d.ts

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

package/toggle-group/theseam-ui-common-toggle-group.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"ToggleGroupOptionDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[seamToggleGroupOption]","exportAs":"seamToggleGroupOption"}]}],"members":{"seamToggleGroupOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"_checkioSelectedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":26,"character":3},"arguments":["class.lib-toggle-group-option-selected"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":31,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":32,"character":27}]}]}},"TOGGLE_GROUP_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":11,"character":11},"useExisting":{"__symbolic":"reference","name":"ToggleGroupDirective"},"multi":true},"ToggleGroupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":17,"character":1},"arguments":[{"selector":"[seamToggleGroup]","exportAs":"seamToggleGroup","providers":[{"__symbolic":"reference","name":"TOGGLE_GROUP_VALUE_ACCESSOR"}]}]}],"members":{"val":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["value"]}]}],"disabled":[{"__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}}]}],"multiple":[{"__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}}]}],"selectionToggleable":[{"__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}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"optionDirectives":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":40,"character":3},"arguments":[{"__symbolic":"reference","name":"ToggleGroupOptionDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"unselectValue":[{"__symbolic":"method"}],"selectValue":[{"__symbolic":"method"}],"getOptionDirectiveByValue":[{"__symbolic":"method"}],"_updateDirectiveStates":[{"__symbolic":"method"}],"_updateDirectiveState":[{"__symbolic":"method"}]}},"TheSeamToggleGroupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ToggleGroupDirective"},{"__symbolic":"reference","name":"ToggleGroupOptionDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":14,"character":4}],"exports":[{"__symbolic":"reference","name":"ToggleGroupDirective"},{"__symbolic":"reference","name":"ToggleGroupOptionDirective"}]}]}],"members":{}}},"origins":{"ToggleGroupOptionDirective":"./toggle-group-option.directive","TOGGLE_GROUP_VALUE_ACCESSOR":"./toggle-group.directive","ToggleGroupDirective":"./toggle-group.directive","TheSeamToggleGroupModule":"./toggle-group.module"},"importAs":"@theseam/ui-common/toggle-group"}

package/toggle-group/toggle-group-option.directive.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+export declare class ToggleGroupOptionDirective {
+    private readonly _elementRef;
+    private readonly _cdr;
+    seamToggleGroupOption: string | undefined | null;
+    get selected(): boolean;
+    set selected(value: boolean);
+    private _selected;
+    /** Internal use only for now. */
+    _canUnselect: boolean;
+    selectionChange: EventEmitter<boolean>;
+    get _checkioSelectedClass(): boolean;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    get value(): string | undefined | null;
+}

package/toggle-group/toggle-group.directive.d.ts

@@ -0,0 +1,36 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { AfterViewInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { ToggleGroupOptionDirective } from './toggle-group-option.directive';
+export declare const TOGGLE_GROUP_VALUE_ACCESSOR: any;
+export declare class ToggleGroupDirective implements OnDestroy, AfterViewInit, ControlValueAccessor {
+    static ngAcceptInputType_disabled: BooleanInput;
+    static ngAcceptInputType_multiple: BooleanInput;
+    static ngAcceptInputType_selectionToggleable: BooleanInput;
+    private readonly _ngUnsubscribe;
+    val: string | string[] | undefined | null;
+    disabled: boolean;
+    multiple: boolean;
+    selectionToggleable: boolean;
+    readonly change: EventEmitter<string | string[] | null | undefined>;
+    optionDirectives?: QueryList<ToggleGroupOptionDirective>;
+    options?: Observable<ToggleGroupOptionDirective[]>;
+    onChange: any;
+    onTouched: any;
+    constructor();
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    get value(): string | string[] | undefined | null;
+    set value(value: string | string[] | undefined | null);
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    isSelected(value: string | undefined | null): boolean;
+    unselectValue(value: string | undefined | null): void;
+    selectValue(value: string | undefined | null): void;
+    getOptionDirectiveByValue(value: string): ToggleGroupOptionDirective | null | undefined;
+    private _updateDirectiveStates;
+    private _updateDirectiveState;
+}

package/toggle-group/toggle-group.module.d.ts

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

package/unsaved-changes-dialog/package.json

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

package/unsaved-changes-dialog/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './unsaved-changes-dialog.component';
+export * from './unsaved-changes-dialog.module';
+export * from './unsaved-changes-dialog.guard';
+export * from './unsaved-changes-can-deactivate';

package/unsaved-changes-dialog/theseam-ui-common-unsaved-changes-dialog.d.ts

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

package/unsaved-changes-dialog/theseam-ui-common-unsaved-changes-dialog.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"UnsavedChangesDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"seam-unsaved-changes-dialog","template":"\n    <p>\n      unsaved-changes-dialog works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TheSeamUnsavedChangesDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"UnsavedChangesDialogComponent"}],"imports":[],"exports":[{"__symbolic":"reference","name":"UnsavedChangesDialogComponent"}]}]}],"members":{}},"UnsavedChangesDialogGuard":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"canDeactivate":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"UnsavedChangesCanDeactivate":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1}}],"members":{"unsavedChangesCanDeactivate":[{"__symbolic":"method"}],"__unloadNotification":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":8,"character":5},"arguments":["window:beforeunload",["$event"]]}]}]}}},"origins":{"UnsavedChangesDialogComponent":"./unsaved-changes-dialog.component","TheSeamUnsavedChangesDialogModule":"./unsaved-changes-dialog.module","UnsavedChangesDialogGuard":"./unsaved-changes-dialog.guard","UnsavedChangesCanDeactivate":"./unsaved-changes-can-deactivate"},"importAs":"@theseam/ui-common/unsaved-changes-dialog"}

package/unsaved-changes-dialog/unsaved-changes-can-deactivate.d.ts

@@ -0,0 +1,4 @@
+export declare abstract class UnsavedChangesCanDeactivate {
+    abstract unsavedChangesCanDeactivate(): boolean;
+    __unloadNotification($event: any): true | undefined;
+}

package/unsaved-changes-dialog/unsaved-changes-dialog.component.d.ts

@@ -0,0 +1,5 @@
+import { OnInit } from '@angular/core';
+export declare class UnsavedChangesDialogComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+}

package/unsaved-changes-dialog/unsaved-changes-dialog.guard.d.ts

@@ -0,0 +1,8 @@
+import { CanDeactivate } from '@angular/router';
+import { UnsavedChangesCanDeactivate } from './unsaved-changes-can-deactivate';
+export declare class UnsavedChangesDialogGuard implements CanDeactivate<UnsavedChangesCanDeactivate> {
+    /**
+     * NOTE: Must be synchronous for now to allow `window:beforeunload` event support.
+     */
+    canDeactivate(component: UnsavedChangesCanDeactivate): boolean;
+}

package/unsaved-changes-dialog/unsaved-changes-dialog.module.d.ts

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

package/utils/calc-percentage.d.ts

@@ -0,0 +1 @@
+export declare function calcPercentage(total: number, n: number): number;

package/utils/cdk/get-closest-widget-cdk-drag.d.ts

@@ -0,0 +1,8 @@
+import { CdkDrag } from '@angular/cdk/drag-drop';
+import { ElementRef } from '@angular/core';
+/**
+ * Finds the closest CdkDrag to an element by looking at the DOM.
+ * @param element Element relative to which to look for a cdkDrag.
+ * @param openDialogs References to the currently available cdkDrag.
+ */
+export declare function getClosestWidgetCdkDrag(element: ElementRef<HTMLElement>, dragDirectives: CdkDrag<any>[]): CdkDrag<any> | null | undefined;

package/utils/create-padding.d.ts

@@ -0,0 +1 @@
+export declare function createPadding(len: number, chars: string): string;

package/utils/file-utils.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="node" />
+export declare function readFileAsync(file: any): Promise<ArrayBuffer | null>;
+export declare function readFileAsDataUrlAsync(file: Blob): Promise<string | null>;
+export declare function fileBufferToBlob(fileBuffer: Buffer, defaultMime?: string): Promise<Blob>;
+export declare function fileBufferToObjectUrl(fileBuffer: Buffer, defaultMime?: string): Promise<string>;
+export interface IFileData {
+    ext?: string;
+    mime?: string;
+    blob: Blob;
+}
+export declare function fileDataFromBuffer(fileBuffer: Buffer | Uint8Array | ArrayBuffer, defaultMime?: string): Promise<IFileData>;
+export declare function openBlob(blob: Blob, target?: string, filename?: string): void;

package/utils/form/get-control-name.d.ts

@@ -0,0 +1,22 @@
+import { AbstractControl } from '@angular/forms';
+/**
+ * Get the name of the control.
+ *
+ * Example:
+ *
+ * ```js
+ * const group = new FormGroup({
+ *  name: new Control(),
+ *  age: new Control()
+ * })
+ *
+ * for (const c of group.controls) {
+ *   console.log(getControlName(c))
+ * }
+ *
+ * // Output:
+ * // >> 'name'
+ * // >> 'age'
+ * ```
+ */
+export declare function getControlName(c: AbstractControl): string | null;

package/utils/form/get-control-path.d.ts

@@ -0,0 +1,27 @@
+import { AbstractControl } from '@angular/forms';
+/**
+ * Get the path to a control.
+ *
+ * The path is built by walking back the `parent` properties until `parent` is
+ * `null`.
+ *
+ * Example:
+ *
+ * ```js
+ * const group = new FormGroup({
+ *   name: new FormControl(),
+ *   address: new FormGroup({
+ *     city: new FormControl(),
+ *     state: new FormControl()
+ *   })
+ * })
+ *
+ * const control = group.get('address.city')
+ * console.log(getControlPath(control))
+ *
+ * // Output:
+ * >> 'address.city'
+ * ```
+ *
+ */
+export declare function getControlPath(c: AbstractControl, path?: string): string | null;

package/utils/form/has-required-control.d.ts

@@ -0,0 +1,31 @@
+import { AbstractControl } from '@angular/forms';
+/**
+ * Check if control has a required control.
+ *
+ * ----------------------------------------------------------------------------
+ * NOTE: I am not sure about if this should be used or not.
+ *
+ * From my understanding this assumes that all the validators do not have some
+ * unexpected side-effect from being called like this. It could be argued that
+ * the validator is flawed and should be fixed if that is the case, but I am not
+ * convinced that is correct yet.
+ *
+ * An example that I think is valid for this argument: A FormControl configured
+ * to only check validators when a specific condition happens, because of a
+ * reason that it has to do a long process. In that situation should this
+ * function be smart enough to consider that or is it up to the validator to
+ * consider this function possibly being used.
+ *
+ * This seems to assume the required validator will always be a synchronous
+ * validator. That is a valid assumption if thinking about showing a required
+ * state in the UI, but a FormControl does not neccessarily have to be used in
+ * UI. So, I think it could be valid to have an async validator that uses the
+ * name `required` for it error, but I do not have a good example, so I could be
+ * wrong.
+ * ----------------------------------------------------------------------------
+ *
+ * Source: https://gist.github.com/jsdevtom/5589af349a395b37e699b67417ef025b
+ * @experimental
+ * @ignore
+ */
+export declare function hasRequiredControl(abstractControl: AbstractControl): boolean;