@covalent/core 3.1.2-beta.4 → 4.0.0

package/expansion-panel/covalent-core-expansion-panel.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"CovalentExpansionPanelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":12},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":27,"character":26},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":27,"character":43},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":27,"character":58}],"declarations":[[{"__symbolic":"reference","name":"TdExpansionPanelGroupComponent"},{"__symbolic":"reference","name":"TdExpansionPanelComponent"},{"__symbolic":"reference","name":"TdExpansionPanelHeaderDirective"},{"__symbolic":"reference","name":"TdExpansionPanelLabelDirective"},{"__symbolic":"reference","name":"TdExpansionPanelSublabelDirective"},{"__symbolic":"reference","name":"TdExpansionPanelSummaryComponent"}]],"exports":[[{"__symbolic":"reference","name":"TdExpansionPanelGroupComponent"},{"__symbolic":"reference","name":"TdExpansionPanelComponent"},{"__symbolic":"reference","name":"TdExpansionPanelHeaderDirective"},{"__symbolic":"reference","name":"TdExpansionPanelLabelDirective"},{"__symbolic":"reference","name":"TdExpansionPanelSublabelDirective"},{"__symbolic":"reference","name":"TdExpansionPanelSummaryComponent"}]]}]}],"members":{}},"TdExpansionPanelHeaderDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":27,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":24,"character":1},"arguments":[{"selector":"[td-expansion-panel-header]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":28,"character":63}]}]}},"TdExpansionPanelLabelDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":36,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":33,"character":1},"arguments":[{"selector":"[td-expansion-panel-label]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":28,"character":63}]}]}},"TdExpansionPanelSublabelDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":45,"character":55},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":42,"character":1},"arguments":[{"selector":"[td-expansion-panel-sublabel]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":28,"character":63}]}]}},"TdExpansionPanelSummaryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"selector":"td-expansion-summary","template":"<ng-content></ng-content>"}]}],"members":{}},"TdExpansionPanelBase":{"__symbolic":"class","members":{}},"_TdExpansionPanelMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisableRipple","line":60,"character":42},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":60,"character":61},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelBase"}]}]},"TdExpansionPanelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdExpansionPanelMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":62,"character":1},"arguments":[{"selector":"td-expansion-panel","inputs":["disabled","disableRipple"],"animations":[{"__symbolic":"reference","module":"@covalent/core/common","name":"tdCollapseAnimation","line":67,"character":15},{"__symbolic":"reference","module":"@covalent/core/common","name":"tdRotateAnimation","line":67,"character":36}],"template":"<div\n  class=\"td-expansion-panel-header\"\n  [class.mat-disabled]=\"disabled\"\n  matRipple\n  [matRippleDisabled]=\"disabled || disableRipple\"\n  [tabIndex]=\"disabled ? -1 : 0\"\n  (keydown.enter)=\"clickEvent()\"\n  (click)=\"clickEvent()\"\n>\n  <ng-template [cdkPortalOutlet]=\"expansionPanelHeader\"></ng-template>\n  <div class=\"td-expansion-panel-header-content\" [class.mat-disabled]=\"disabled\" *ngIf=\"!expansionPanelHeader\">\n    <div *ngIf=\"label || expansionPanelLabel\" class=\"td-expansion-label\">\n      <ng-template [cdkPortalOutlet]=\"expansionPanelLabel\"></ng-template>\n      <ng-template [ngIf]=\"!expansionPanelLabel\">{{ label }}</ng-template>\n    </div>\n    <div *ngIf=\"sublabel || expansionPanelSublabel\" class=\"td-expansion-sublabel\">\n      <ng-template [cdkPortalOutlet]=\"expansionPanelSublabel\"></ng-template>\n      <ng-template [ngIf]=\"!expansionPanelSublabel\">{{ sublabel }}</ng-template>\n    </div>\n    <mat-icon class=\"td-expand-icon\" *ngIf=\"!disabled\" [@tdRotate]=\"expand\">keyboard_arrow_down</mat-icon>\n  </div>\n</div>\n<div class=\"td-expansion-content\" [@tdCollapse]=\"!expand\">\n  <ng-content></ng-content>\n</div>\n<div class=\"td-expansion-summary\" [@tdCollapse]=\"expand\">\n  <ng-content select=\"td-expansion-summary\"></ng-content>\n</div>\n","styles":[":host{display:block}:host .td-expansion-panel-header{outline:none;position:relative}:host .td-expansion-panel-header:focus:not(.mat-disabled),:host .td-expansion-panel-header:hover:not(.mat-disabled){cursor:pointer}:host .td-expansion-panel-header .td-expansion-panel-header-content{-ms-flex:1;-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:row;height:48px;justify-content:flex-start;max-width:100%;padding:0 24px}:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-label,:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-sublabel{-ms-flex:1;flex:1}:host .td-expansion-content.ng-animating,:host .td-expansion-summary.ng-animating{overflow:hidden}.td-expansion-label,.td-expansion-sublabel{margin-right:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep [dir=rtl] .td-expansion-label,::ng-deep [dir=rtl] .td-expansion-sublabel{margin-left:16px;margin-right:inherit}"]}]}],"members":{"expansionPanelHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":72,"character":3},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelHeaderDirective"}]}]}],"expansionPanelLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":74,"character":3},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelLabelDirective"}]}]}],"expansionPanelSublabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":75,"character":3},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelSublabelDirective"}]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"sublabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3},"arguments":["expand"]}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3}}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":115,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":115,"character":65}]}],"clickEvent":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"onDisabledChange":[{"__symbolic":"method"}],"_setExpand":[{"__symbolic":"method"}],"_onExpanded":[{"__symbolic":"method"}],"_onCollapsed":[{"__symbolic":"method"}]}},"TdExpansionPanelGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"td-expansion-panel-group","template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"multi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3},"arguments":["multi"]}]}],"expansionPanels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":42,"character":3},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelComponent"},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":45,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":45,"character":65}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"openAll":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"_attachListeners":[{"__symbolic":"method"}],"_closeAllExcept":[{"__symbolic":"method"}]}}},"origins":{"CovalentExpansionPanelModule":"./expansion-panel.module","TdExpansionPanelHeaderDirective":"./expansion-panel.component","TdExpansionPanelLabelDirective":"./expansion-panel.component","TdExpansionPanelSublabelDirective":"./expansion-panel.component","TdExpansionPanelSummaryComponent":"./expansion-panel.component","TdExpansionPanelBase":"./expansion-panel.component","_TdExpansionPanelMixinBase":"./expansion-panel.component","TdExpansionPanelComponent":"./expansion-panel.component","TdExpansionPanelGroupComponent":"./expansion-panel-group.component"},"importAs":"@covalent/core/expansion-panel"}

package/expansion-panel/expansion-panel-group.component.d.ts

@@ -1,31 +0,0 @@
-import { Renderer2, ElementRef, QueryList, AfterContentInit, OnDestroy } from '@angular/core';
-import { TdExpansionPanelComponent } from './expansion-panel.component';
-export declare class TdExpansionPanelGroupComponent implements AfterContentInit, OnDestroy {
-    private _renderer;
-    private _elementRef;
-    private _multi;
-    private _lastOpenedPanels;
-    private _destroyed;
-    private _stopWatchingPanels;
-    /**
-     * multi?: boolean
-     * Sets whether multiple panels can be opened at a given time.
-     * Set to false for accordion mode.
-     * Defaults to false.
-     */
-    set multi(multi: boolean);
-    expansionPanels: QueryList<TdExpansionPanelComponent>;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
-    ngOnDestroy(): void;
-    ngAfterContentInit(): void;
-    /**
-     * Opens all expansion panels, only if multi set set to true.
-     */
-    openAll(): void;
-    /**
-     * Closes all expansion panels
-     */
-    closeAll(): void;
-    private _attachListeners;
-    private _closeAllExcept;
-}

package/expansion-panel/expansion-panel.component.d.ts

@@ -1,82 +0,0 @@
-import { TemplateRef, ViewContainerRef, ElementRef, Renderer2 } from '@angular/core';
-import { EventEmitter } from '@angular/core';
-import { TemplatePortalDirective } from '@angular/cdk/portal';
-import { ICanDisable, ICanDisableRipple } from '@covalent/core/common';
-export declare class TdExpansionPanelHeaderDirective extends TemplatePortalDirective {
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
-}
-export declare class TdExpansionPanelLabelDirective extends TemplatePortalDirective {
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
-}
-export declare class TdExpansionPanelSublabelDirective extends TemplatePortalDirective {
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
-}
-export declare class TdExpansionPanelSummaryComponent {
-}
-export declare class TdExpansionPanelBase {
-}
-export declare const _TdExpansionPanelMixinBase: (new (...args: any[]) => ICanDisableRipple) & (new (...args: any[]) => ICanDisable) & typeof TdExpansionPanelBase;
-export declare class TdExpansionPanelComponent extends _TdExpansionPanelMixinBase implements ICanDisable, ICanDisableRipple {
-    private _renderer;
-    private _elementRef;
-    private _expand;
-    expansionPanelHeader: TdExpansionPanelHeaderDirective;
-    expansionPanelLabel: TdExpansionPanelLabelDirective;
-    expansionPanelSublabel: TdExpansionPanelSublabelDirective;
-    /**
-     * label?: string
-     * Sets label of [TdExpansionPanelComponent] header.
-     * Defaults to 'Click to expand'
-     */
-    label: string;
-    /**
-     * sublabel?: string
-     * Sets sublabel of [TdExpansionPanelComponent] header.
-     */
-    sublabel: string;
-    /**
-     * expand?: boolean
-     * Toggles [TdExpansionPanelComponent] between expand/collapse.
-     */
-    set expand(expand: boolean);
-    get expand(): boolean;
-    /**
-     * expanded?: function
-     * Event emitted when [TdExpansionPanelComponent] is expanded.
-     */
-    expanded: EventEmitter<void>;
-    /**
-     * collapsed?: function
-     * Event emitted when [TdExpansionPanelComponent] is collapsed.
-     */
-    collapsed: EventEmitter<void>;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
-    /**
-     * Method executed when [TdExpansionPanelComponent] is clicked.
-     */
-    clickEvent(): void;
-    /**
-     * Toggle expand state of [TdExpansionPanelComponent]
-     * retuns 'true' if successful, else 'false'.
-     */
-    toggle(): boolean;
-    /**
-     * Opens [TdExpansionPanelComponent]
-     * retuns 'true' if successful, else 'false'.
-     */
-    open(): boolean;
-    /**
-     * Closes [TdExpansionPanelComponent]
-     * retuns 'true' if successful, else 'false'.
-     */
-    close(): boolean;
-    /** Method executed when the disabled value changes */
-    onDisabledChange(v: boolean): void;
-    /**
-     * Method to change expand state internally and emit the [onExpanded] event if 'true' or [onCollapsed]
-     * event if 'false'. (Blocked if [disabled] is 'true')
-     */
-    private _setExpand;
-    private _onExpanded;
-    private _onCollapsed;
-}

package/expansion-panel/expansion-panel.component.scss

@@ -1,50 +0,0 @@
-:host {
-  display: block;
-  .td-expansion-panel-header {
-    position: relative;
-    outline: none;
-    &:focus:not(.mat-disabled),
-    &:hover:not(.mat-disabled) {
-      cursor: pointer;
-    }
-    .td-expansion-panel-header-content {
-      height: 48px;
-      padding: 0 24px;
-      // layout
-      box-sizing: border-box;
-      display: flex;
-      // layout row
-      flex-direction: row;
-      // flex
-      flex: 1;
-      // layout-align start center
-      justify-content: flex-start;
-      align-items: center;
-      align-content: center;
-      max-width: 100%;
-      .td-expansion-label,
-      .td-expansion-sublabel {
-        // flex
-        flex: 1;
-      }
-    }
-  }
-  .td-expansion-content,
-  .td-expansion-summary {
-    &.ng-animating {
-      overflow: hidden;
-    }
-  }
-}
-
-.td-expansion-label,
-.td-expansion-sublabel {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  margin-right: 16px;
-  ::ng-deep [dir='rtl'] & {
-    margin-left: 16px;
-    margin-right: inherit;
-  }
-}

package/expansion-panel/expansion-panel.module.d.ts

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

package/expansion-panel/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/expansion-panel/package.json

@@ -1,11 +0,0 @@
-{
-  "main": "../bundles/covalent-core-expansion-panel.umd.js",
-  "module": "../fesm2015/covalent-core-expansion-panel.js",
-  "es2015": "../fesm2015/covalent-core-expansion-panel.js",
-  "esm2015": "../esm2015/expansion-panel/covalent-core-expansion-panel.js",
-  "fesm2015": "../fesm2015/covalent-core-expansion-panel.js",
-  "typings": "covalent-core-expansion-panel.d.ts",
-  "metadata": "covalent-core-expansion-panel.metadata.json",
-  "sideEffects": false,
-  "name": "@covalent/core/expansion-panel"
-}

package/expansion-panel/public-api.d.ts

@@ -1,3 +0,0 @@
-export * from './expansion-panel.module';
-export * from './expansion-panel.component';
-export * from './expansion-panel-group.component';