novo-elements 5.1.1 → 5.2.3

package/elements/dragula/Dragula.scss

@@ -0,0 +1,18 @@
+.gu-mirror {
+  position: fixed !important;
+  margin: 0 !important;
+  z-index: 9999 !important;
+  opacity: 0.8;
+}
+
+.gu-hide {
+  display: none !important;
+}
+
+.gu-unselectable {
+  user-select: none !important;
+}
+
+.gu-transit {
+  opacity: 0.2;
+}

package/elements/dragula/DragulaService.d.ts

@@ -1,23 +1,23 @@
-import { EventEmitter } from '@angular/core';
-export declare class NovoDragulaService {
-    cancel: EventEmitter<any>;
-    cloned: EventEmitter<any>;
-    drag: EventEmitter<any>;
-    dragend: EventEmitter<any>;
-    drop: EventEmitter<any>;
-    out: EventEmitter<any>;
-    over: EventEmitter<any>;
-    remove: EventEmitter<any>;
-    shadow: EventEmitter<any>;
-    dropModel: EventEmitter<any>;
-    removeModel: EventEmitter<any>;
-    events: Array<string>;
-    bags: Array<any>;
-    add(name: any, drake: any): any;
-    find(name: any): any;
-    destroy(name: any): void;
-    setOptions(name: any, options: any): void;
-    handleModels(name: any, drake: any): void;
-    setupEvents(bag: any): void;
-    domIndexOf(child: any, parent: any): any;
-}
+import { EventEmitter } from '@angular/core';
+export declare class NovoDragulaService {
+    cancel: EventEmitter<any>;
+    cloned: EventEmitter<any>;
+    drag: EventEmitter<any>;
+    dragend: EventEmitter<any>;
+    drop: EventEmitter<any>;
+    out: EventEmitter<any>;
+    over: EventEmitter<any>;
+    remove: EventEmitter<any>;
+    shadow: EventEmitter<any>;
+    dropModel: EventEmitter<any>;
+    removeModel: EventEmitter<any>;
+    events: Array<string>;
+    bags: Array<any>;
+    add(name: any, drake: any): any;
+    find(name: any): any;
+    destroy(name: any): void;
+    setOptions(name: any, options: any): void;
+    handleModels(name: any, drake: any): void;
+    setupEvents(bag: any): void;
+    domIndexOf(child: any, parent: any): any;
+}

package/elements/dropdown/Dropdown.d.ts

@@ -1,55 +1,55 @@
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { NovoOverlayTemplateComponent } from '../overlay/Overlay';
-export declare class NovoDropdownElement implements OnInit, OnDestroy {
-    element: ElementRef;
-    private ref;
-    parentScrollSelector: string;
-    parentScrollAction: string;
-    containerClass: string;
-    side: 'default' | 'right' | 'above-below' | 'right-above-below' | 'center' | 'bottom' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-    scrollStrategy: 'reposition' | 'block' | 'close';
-    height: number;
-    width: number;
-    appendToBody: boolean;
-    toggled: EventEmitter<boolean>;
-    overlay: NovoOverlayTemplateComponent;
-    clickHandler: any;
-    closeHandler: any;
-    parentScrollElement: Element;
-    private _items;
-    private _textItems;
-    private activeIndex;
-    private filterTerm;
-    private filterTermTimeout;
-    constructor(element: ElementRef, ref: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    set items(items: QueryList<NovoItemElement>);
-    /** BEGIN: Convenient Panel Methods. */
-    get panelOpen(): boolean;
-    openPanel(): void;
-    closePanel(): void;
-    togglePanel(): void;
-    /** END: Convenient Panel Methods. */
-    onKeyDown(event: KeyboardEvent): void;
-    onOverlayKeyDown(event: KeyboardEvent): void;
-    private scrollToActive;
-}
-export declare class NovoItemElement {
-    private dropdown;
-    element: ElementRef;
-    disabled: boolean;
-    keepOpen: boolean;
-    action: EventEmitter<any>;
-    active: boolean;
-    constructor(dropdown: NovoDropdownElement, element: ElementRef);
-    onClick(event: Event): void;
-}
-export declare class NovoDropdownListElement implements AfterContentInit {
-    private dropdown;
-    items: QueryList<NovoItemElement>;
-    constructor(dropdown: NovoDropdownElement);
-    ngAfterContentInit(): void;
-}
-export declare class NovoDropDownItemHeaderElement {
-}
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { NovoOverlayTemplateComponent } from '../overlay/Overlay';
+export declare class NovoDropdownElement implements OnInit, OnDestroy {
+    element: ElementRef;
+    private ref;
+    parentScrollSelector: string;
+    parentScrollAction: string;
+    containerClass: string;
+    side: 'default' | 'right' | 'above-below' | 'right-above-below' | 'center' | 'bottom' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+    scrollStrategy: 'reposition' | 'block' | 'close';
+    height: number;
+    width: number;
+    appendToBody: boolean;
+    toggled: EventEmitter<boolean>;
+    overlay: NovoOverlayTemplateComponent;
+    clickHandler: any;
+    closeHandler: any;
+    parentScrollElement: Element;
+    private _items;
+    private _textItems;
+    private activeIndex;
+    private filterTerm;
+    private filterTermTimeout;
+    constructor(element: ElementRef, ref: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    set items(items: QueryList<NovoItemElement>);
+    /** BEGIN: Convenient Panel Methods. */
+    get panelOpen(): boolean;
+    openPanel(): void;
+    closePanel(): void;
+    togglePanel(): void;
+    /** END: Convenient Panel Methods. */
+    onKeyDown(event: KeyboardEvent): void;
+    onOverlayKeyDown(event: KeyboardEvent): void;
+    private scrollToActive;
+}
+export declare class NovoItemElement {
+    private dropdown;
+    element: ElementRef;
+    disabled: boolean;
+    keepOpen: boolean;
+    action: EventEmitter<any>;
+    active: boolean;
+    constructor(dropdown: NovoDropdownElement, element: ElementRef);
+    onClick(event: Event): void;
+}
+export declare class NovoDropdownListElement implements AfterContentInit {
+    private dropdown;
+    items: QueryList<NovoItemElement>;
+    constructor(dropdown: NovoDropdownElement);
+    ngAfterContentInit(): void;
+}
+export declare class NovoDropDownItemHeaderElement {
+}

package/elements/dropdown/Dropdown.module.d.ts

@@ -1,2 +1,2 @@
-export declare class NovoDropdownModule {
-}
+export declare class NovoDropdownModule {
+}

package/elements/dropdown/Dropdown.scss

@@ -0,0 +1,94 @@
+novo-dropdown {
+  display: block;
+  position: relative;
+  button {
+    position: relative;
+    z-index: 0;
+    i {
+      font-size: 0.8em !important;
+      width: inherit !important;
+      height: inherit !important;
+      margin: 0 0.5em;
+    }
+  }
+}
+
+.dropdown-container {
+  background-color: $white;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  min-width: 180px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  box-shadow: $whiteframe-shadow-z3;
+  &.has-height {
+    overflow: auto;
+  }
+  list {
+    item {
+      cursor: pointer;
+      width: 100%;
+      margin: 0;
+      padding: 0.8em 1em;
+      box-sizing: border-box;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      color: darken($light, 45%);
+      white-space: nowrap;
+      text-align: left;
+      span {
+        display: inline-block;
+      }
+      a {
+        color: inherit;
+        font-weight: inherit;
+        cursor: pointer;
+        flex: 1;
+        display: flex;
+        align-items: center;
+        height: 48px;
+        &:focus,
+        &:visited,
+        &:active,
+        &:hover {
+          color: inherit;
+          font-weight: inherit;
+        }
+      }
+      i {
+        border-radius: 0;
+        margin: 0 !important;
+        color: $positive;
+      }
+      &:focus,
+      &:hover {
+        background: lighten($light, 10%);
+        color: darken($light, 55%);
+      }
+      &.active {
+        background: lighten($light, 10%);
+        color: darken($light, 55%);
+      }
+      &.disabled {
+        color: $light;
+        cursor: not-allowed;
+      }
+    }
+    dropdown-item-header {
+      color: #9e9e9e;
+      font-size: 0.8em;
+      flex: 1;
+      font-weight: 500;
+      text-transform: uppercase;
+      padding: 5px 10px;
+      display: block;
+    }
+    hr {
+      border: none;
+      height: 1px;
+      background: $light;
+    }
+  }
+}

package/elements/expansion/_expansion-theme.scss

@@ -0,0 +1,50 @@
+@import '../../styles/global/variables';
+@import '../../styles/global/functions';
+
+@mixin novo-expansion-panel-theme() {
+  .novo-expansion-panel {
+    background: $white;
+    color: $dark;
+  }
+
+  .novo-action-row {
+    border-top-color: $dark;
+  }
+
+  .novo-expansion-panel:not(.novo-expanded) .novo-expansion-panel-header {
+    &:not([aria-disabled='true']) {
+      &.cdk-keyboard-focused,
+      &.cdk-program-focused,
+      &:hover {
+        background: rgba(black, 0.04);
+      }
+    }
+  }
+
+  .novo-expansion-panel-header-title {
+    color: $dark;
+  }
+
+  .novo-expansion-panel-header-description,
+  .novo-expansion-indicator::after {
+    color: $grey;
+  }
+
+  .novo-expansion-panel-header[aria-disabled='true'] {
+    color: $grey;
+    pointer-events: none;
+
+    .novo-expansion-panel-header-title,
+    .novo-expansion-panel-header-description {
+      color: inherit;
+    }
+  }
+
+  .novo-expansion-panel.novo-expanded {
+    @each $basic, $color in $all-colors {
+      &[theme='#{$basic}'] {
+        border-top: 3px solid $color;
+      }
+    }
+  }
+}

package/elements/expansion/accordion.d.ts

@@ -1,21 +1,21 @@
-import { CdkAccordion } from '@angular/cdk/accordion';
-/** NovoAccordion's display modes. */
-export declare type NovoAccordionDisplayMode = 'default' | 'flat';
-/**
- * Directive for a Material Design Accordion.
- */
-export declare class NovoAccordion extends CdkAccordion {
-    /** Whether the expansion indicator should be hidden. */
-    get hideToggle(): boolean;
-    set hideToggle(show: boolean);
-    private _hideToggle;
-    /**
-     * The display mode used for all expansion panels in the accordion. Currently two display
-     * modes exist:
-     *  default - a gutter-like spacing is placed around any expanded panel, placing the expanded
-     *     panel at a different elevation from the reset of the accordion.
-     *  flat - no spacing is placed around expanded panels, showing all panels at the same
-     *     elevation.
-     */
-    displayMode: NovoAccordionDisplayMode;
-}
+import { CdkAccordion } from '@angular/cdk/accordion';
+/** NovoAccordion's display modes. */
+export declare type NovoAccordionDisplayMode = 'default' | 'flat';
+/**
+ * Directive for a Material Design Accordion.
+ */
+export declare class NovoAccordion extends CdkAccordion {
+    /** Whether the expansion indicator should be hidden. */
+    get hideToggle(): boolean;
+    set hideToggle(show: boolean);
+    private _hideToggle;
+    /**
+     * The display mode used for all expansion panels in the accordion. Currently two display
+     * modes exist:
+     *  default - a gutter-like spacing is placed around any expanded panel, placing the expanded
+     *     panel at a different elevation from the reset of the accordion.
+     *  flat - no spacing is placed around expanded panels, showing all panels at the same
+     *     elevation.
+     */
+    displayMode: NovoAccordionDisplayMode;
+}

package/elements/expansion/expansion-animations.d.ts

@@ -1,9 +1,9 @@
-import { AnimationTriggerMetadata } from '@angular/animations';
-/** Time and timing curve for expansion panel animations. */
-export declare const EXPANSION_PANEL_ANIMATION_TIMING = "225ms cubic-bezier(0.4,0.0,0.2,1)";
-/** Animations used by the Material expansion panel. */
-export declare const novoExpansionAnimations: {
-    readonly indicatorRotate: AnimationTriggerMetadata;
-    readonly expansionHeaderHeight: AnimationTriggerMetadata;
-    readonly bodyExpansion: AnimationTriggerMetadata;
-};
+import { AnimationTriggerMetadata } from '@angular/animations';
+/** Time and timing curve for expansion panel animations. */
+export declare const EXPANSION_PANEL_ANIMATION_TIMING = "225ms cubic-bezier(0.4,0.0,0.2,1)";
+/** Animations used by the Material expansion panel. */
+export declare const novoExpansionAnimations: {
+    readonly indicatorRotate: AnimationTriggerMetadata;
+    readonly expansionHeaderHeight: AnimationTriggerMetadata;
+    readonly bodyExpansion: AnimationTriggerMetadata;
+};

package/elements/expansion/expansion-panel-content.d.ts

@@ -1,9 +1,9 @@
-import { TemplateRef } from '@angular/core';
-/**
- * Expansion panel content that will be rendered lazily
- * after the panel is opened for the first time.
- */
-export declare class NovoExpansionPanelContent {
-    _template: TemplateRef<any>;
-    constructor(_template: TemplateRef<any>);
-}
+import { TemplateRef } from '@angular/core';
+/**
+ * Expansion panel content that will be rendered lazily
+ * after the panel is opened for the first time.
+ */
+export declare class NovoExpansionPanelContent {
+    _template: TemplateRef<any>;
+    constructor(_template: TemplateRef<any>);
+}

package/elements/expansion/expansion-panel-header.d.ts

@@ -1,45 +1,45 @@
-import { ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
-import { NovoExpansionPanel } from './expansion-panel';
-/**
- * `<novo-expansion-panel-header>`
- *
- * This component corresponds to the header element of an `<novo-expansion-panel>`.
- */
-export declare class NovoExpansionPanelHeader implements OnDestroy {
-    panel: NovoExpansionPanel;
-    private _element;
-    private _changeDetectorRef;
-    private _parentChangeSubscription;
-    constructor(panel: NovoExpansionPanel, _element: ElementRef, _changeDetectorRef: ChangeDetectorRef);
-    /** Height of the header while the panel is expanded. */
-    expandedHeight: string;
-    /** Height of the header while the panel is collapsed. */
-    collapsedHeight: string;
-    /** Toggles the expanded state of the panel. */
-    _toggle(): void;
-    /** Gets whether the panel is expanded. */
-    _isExpanded(): boolean;
-    /** Gets the expanded state string of the panel. */
-    _getExpandedState(): string;
-    /** Gets the panel id. */
-    _getPanelId(): string;
-    /** Gets whether the expand indicator should be shown. */
-    _showToggle(): boolean;
-    /** Handle keydown event calling to toggle() if appropriate. */
-    _keydown(event: KeyboardEvent): void;
-    ngOnDestroy(): void;
-}
-/**
- * `<novo-panel-description>`
- *
- * This direction is to be used inside of the NovoExpansionPanelHeader component.
- */
-export declare class NovoExpansionPanelDescription {
-}
-/**
- * `<novo-panel-title>`
- *
- * This direction is to be used inside of the NovoExpansionPanelHeader component.
- */
-export declare class NovoExpansionPanelTitle {
-}
+import { ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
+import { NovoExpansionPanel } from './expansion-panel';
+/**
+ * `<novo-expansion-panel-header>`
+ *
+ * This component corresponds to the header element of an `<novo-expansion-panel>`.
+ */
+export declare class NovoExpansionPanelHeader implements OnDestroy {
+    panel: NovoExpansionPanel;
+    private _element;
+    private _changeDetectorRef;
+    private _parentChangeSubscription;
+    constructor(panel: NovoExpansionPanel, _element: ElementRef, _changeDetectorRef: ChangeDetectorRef);
+    /** Height of the header while the panel is expanded. */
+    expandedHeight: string;
+    /** Height of the header while the panel is collapsed. */
+    collapsedHeight: string;
+    /** Toggles the expanded state of the panel. */
+    _toggle(): void;
+    /** Gets whether the panel is expanded. */
+    _isExpanded(): boolean;
+    /** Gets the expanded state string of the panel. */
+    _getExpandedState(): string;
+    /** Gets the panel id. */
+    _getPanelId(): string;
+    /** Gets whether the expand indicator should be shown. */
+    _showToggle(): boolean;
+    /** Handle keydown event calling to toggle() if appropriate. */
+    _keydown(event: KeyboardEvent): void;
+    ngOnDestroy(): void;
+}
+/**
+ * `<novo-panel-description>`
+ *
+ * This direction is to be used inside of the NovoExpansionPanelHeader component.
+ */
+export declare class NovoExpansionPanelDescription {
+}
+/**
+ * `<novo-panel-title>`
+ *
+ * This direction is to be used inside of the NovoExpansionPanelHeader component.
+ */
+export declare class NovoExpansionPanelTitle {
+}