@daffodil/design 0.61.0 → 0.62.1
Sign up to get free protection for your applications and to get access to all the features.
- package/accordion/examples/package.json +1 -1
- package/article/examples/package.json +1 -1
- package/button/examples/package.json +1 -1
- package/callout/examples/package.json +1 -1
- package/card/examples/package.json +1 -1
- package/checkbox/examples/package.json +1 -1
- package/container/examples/package.json +1 -1
- package/core/animation/animation-state-with-params.d.ts +8 -0
- package/core/public_api.d.ts +1 -0
- package/esm2020/core/animation/animation-state-with-params.mjs +2 -0
- package/esm2020/core/public_api.mjs +2 -1
- package/esm2020/molecules/backdrop/animation/backdrop-animation-state.mjs +2 -0
- package/esm2020/molecules/backdrop/animation/backdrop-animation.mjs +6 -2
- package/esm2020/molecules/backdrop/backdrop/backdrop.component.mjs +40 -5
- package/esm2020/molecules/sidebar/animation/sidebar-animation-state.mjs +2 -2
- package/esm2020/molecules/sidebar/animation/sidebar-animation-width.mjs +2 -0
- package/esm2020/molecules/sidebar/animation/sidebar-animation.mjs +21 -4
- package/esm2020/molecules/sidebar/animation/sidebar-viewport-animation-state.mjs +3 -0
- package/esm2020/molecules/sidebar/helper/sidebar-mode.mjs +1 -1
- package/esm2020/molecules/sidebar/helper/sidebar-side.mjs +2 -0
- package/esm2020/molecules/sidebar/public_api.mjs +1 -2
- package/esm2020/molecules/sidebar/sidebar/sidebar.component.mjs +62 -10
- package/esm2020/molecules/sidebar/sidebar-viewport/backdrop-interactable.mjs +5 -0
- package/esm2020/molecules/sidebar/sidebar-viewport/content-pad.mjs +17 -0
- package/esm2020/molecules/sidebar/sidebar-viewport/content-shift.mjs +21 -0
- package/esm2020/molecules/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +83 -81
- package/esm2020/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +12 -0
- package/esm2020/sidebar/examples/basic-sidebar/basic-sidebar.module.mjs +29 -0
- package/esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs +5 -0
- package/esm2020/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.component.mjs +21 -0
- package/esm2020/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.module.mjs +32 -0
- package/esm2020/sidebar/examples/index.mjs +2 -0
- package/esm2020/sidebar/examples/public_api.mjs +18 -0
- package/esm2020/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.component.mjs +12 -0
- package/esm2020/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.module.mjs +29 -0
- package/esm2020/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component.mjs +12 -0
- package/esm2020/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module.mjs +29 -0
- package/esm2020/sidebar/examples/under-sidebar/under-sidebar.component.mjs +26 -0
- package/esm2020/sidebar/examples/under-sidebar/under-sidebar.module.mjs +32 -0
- package/esm2020/tree/daffodil-design-tree.mjs +5 -0
- package/esm2020/tree/examples/basic-tree/basic-tree.component.mjs +39 -0
- package/esm2020/tree/examples/basic-tree/basic-tree.module.mjs +34 -0
- package/esm2020/tree/examples/daffodil-design-tree-examples.mjs +5 -0
- package/esm2020/tree/examples/index.mjs +2 -0
- package/esm2020/tree/examples/public_api.mjs +7 -0
- package/esm2020/tree/index.mjs +2 -0
- package/esm2020/tree/interfaces/recursive-key.mjs +2 -0
- package/esm2020/tree/interfaces/tree-data.mjs +2 -0
- package/esm2020/tree/interfaces/tree-ui.mjs +2 -0
- package/esm2020/tree/public_api.mjs +5 -0
- package/esm2020/tree/tree/tree-notifier.service.mjs +45 -0
- package/esm2020/tree/tree/tree.component.mjs +106 -0
- package/esm2020/tree/tree-item/tree-item.directive.mjs +154 -0
- package/esm2020/tree/tree.module.mjs +31 -0
- package/esm2020/tree/utils/flatten-tree.mjs +47 -0
- package/esm2020/tree/utils/hydrate-tree.mjs +31 -0
- package/esm2020/tree/utils/transform-in-place.mjs +23 -0
- package/esm2020/tree/utils/traverse-tree.mjs +21 -0
- package/fesm2015/daffodil-design-sidebar-examples.mjs +218 -0
- package/fesm2015/daffodil-design-sidebar-examples.mjs.map +1 -0
- package/fesm2015/daffodil-design-tree-examples.mjs +81 -0
- package/fesm2015/daffodil-design-tree-examples.mjs.map +1 -0
- package/fesm2015/daffodil-design-tree.mjs +443 -0
- package/fesm2015/daffodil-design-tree.mjs.map +1 -0
- package/fesm2015/daffodil-design.mjs +250 -98
- package/fesm2015/daffodil-design.mjs.map +1 -1
- package/fesm2020/daffodil-design-sidebar-examples.mjs +218 -0
- package/fesm2020/daffodil-design-sidebar-examples.mjs.map +1 -0
- package/fesm2020/daffodil-design-tree-examples.mjs +81 -0
- package/fesm2020/daffodil-design-tree-examples.mjs.map +1 -0
- package/fesm2020/daffodil-design-tree.mjs +448 -0
- package/fesm2020/daffodil-design-tree.mjs.map +1 -0
- package/fesm2020/daffodil-design.mjs +250 -98
- package/fesm2020/daffodil-design.mjs.map +1 -1
- package/hero/examples/package.json +1 -1
- package/image/examples/package.json +1 -1
- package/input/examples/package.json +1 -1
- package/list/examples/package.json +1 -1
- package/loading-icon/examples/package.json +1 -1
- package/media-gallery/examples/package.json +1 -1
- package/menu/examples/package.json +1 -1
- package/modal/examples/package.json +1 -1
- package/molecules/backdrop/animation/backdrop-animation-state.d.ts +2 -0
- package/molecules/backdrop/backdrop/backdrop.component.d.ts +17 -3
- package/molecules/sidebar/animation/sidebar-animation-state.d.ts +2 -1
- package/molecules/sidebar/animation/sidebar-animation-width.d.ts +2 -0
- package/molecules/sidebar/animation/sidebar-animation.d.ts +3 -1
- package/molecules/sidebar/animation/sidebar-viewport-animation-state.d.ts +6 -0
- package/molecules/sidebar/helper/sidebar-mode.d.ts +27 -1
- package/molecules/sidebar/helper/sidebar-side.d.ts +12 -0
- package/molecules/sidebar/public_api.d.ts +2 -1
- package/molecules/sidebar/sidebar/sidebar.component.d.ts +37 -5
- package/molecules/sidebar/sidebar-viewport/backdrop-interactable.d.ts +6 -0
- package/molecules/sidebar/sidebar-viewport/content-pad.d.ts +7 -0
- package/molecules/sidebar/sidebar-viewport/content-shift.d.ts +8 -0
- package/molecules/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +47 -44
- package/navbar/examples/package.json +1 -1
- package/package.json +1 -1
- package/paginator/examples/package.json +1 -1
- package/quantity-field/examples/package.json +1 -1
- package/radio/examples/package.json +1 -1
- package/scss/global.scss +1 -0
- package/scss/theme.scss +2 -0
- package/sidebar/examples/basic-sidebar/basic-sidebar.component.d.ts +5 -0
- package/sidebar/examples/basic-sidebar/basic-sidebar.module.d.ts +8 -0
- package/sidebar/examples/daffodil-design-sidebar-examples.d.ts +5 -0
- package/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.component.d.ts +8 -0
- package/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.module.d.ts +8 -0
- package/sidebar/examples/index.d.ts +1 -0
- package/sidebar/examples/package.json +1 -0
- package/sidebar/examples/public_api.d.ts +2 -0
- package/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.component.d.ts +5 -0
- package/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.module.d.ts +8 -0
- package/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component.d.ts +5 -0
- package/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module.d.ts +8 -0
- package/sidebar/examples/under-sidebar/under-sidebar.component.d.ts +10 -0
- package/sidebar/examples/under-sidebar/under-sidebar.module.d.ts +8 -0
- package/src/molecules/sidebar/README.md +10 -0
- package/src/molecules/sidebar/helper/_variables.scss +7 -0
- package/src/molecules/sidebar/sidebar/sidebar-theme.scss +3 -3
- package/src/molecules/sidebar/sidebar-viewport/sidebar-viewport-theme.scss +5 -0
- package/tree/README.md +38 -0
- package/tree/daffodil-design-tree.d.ts +5 -0
- package/tree/examples/basic-tree/basic-tree.component.d.ts +7 -0
- package/tree/examples/basic-tree/basic-tree.module.d.ts +10 -0
- package/tree/examples/daffodil-design-tree-examples.d.ts +5 -0
- package/tree/examples/index.d.ts +1 -0
- package/tree/examples/package.json +1 -0
- package/tree/examples/public_api.d.ts +4 -0
- package/tree/index.d.ts +1 -0
- package/tree/interfaces/recursive-key.d.ts +3 -0
- package/tree/interfaces/tree-data.d.ts +13 -0
- package/tree/interfaces/tree-ui.d.ts +11 -0
- package/tree/package.json +1 -0
- package/tree/public_api.d.ts +6 -0
- package/tree/src/tree-theme.scss +38 -0
- package/tree/tree/tree-notifier.service.d.ts +32 -0
- package/tree/tree/tree.component.d.ts +75 -0
- package/tree/tree-item/tree-item.directive.d.ts +102 -0
- package/tree/tree.module.d.ts +9 -0
- package/tree/utils/flatten-tree.d.ts +19 -0
- package/tree/utils/hydrate-tree.d.ts +8 -0
- package/tree/utils/transform-in-place.d.ts +15 -0
- package/tree/utils/traverse-tree.d.ts +5 -0
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design/hero/examples","module":"../../fesm2015/daffodil-design-hero-examples.mjs","es2020":"../../fesm2020/daffodil-design-hero-examples.mjs","esm2020":"../../esm2020/hero/examples/daffodil-design-hero-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-hero-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-hero-examples.mjs","typings":"daffodil-design-hero-examples.d.ts","sideEffects":false,"version":"0.
|
1
|
+
{"name":"@daffodil/design/hero/examples","module":"../../fesm2015/daffodil-design-hero-examples.mjs","es2020":"../../fesm2020/daffodil-design-hero-examples.mjs","esm2020":"../../esm2020/hero/examples/daffodil-design-hero-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-hero-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-hero-examples.mjs","typings":"daffodil-design-hero-examples.d.ts","sideEffects":false,"version":"0.62.1"}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design/image/examples","module":"../../fesm2015/daffodil-design-image-examples.mjs","es2020":"../../fesm2020/daffodil-design-image-examples.mjs","esm2020":"../../esm2020/image/examples/daffodil-design-image-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-image-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-image-examples.mjs","typings":"daffodil-design-image-examples.d.ts","sideEffects":false,"version":"0.
|
1
|
+
{"name":"@daffodil/design/image/examples","module":"../../fesm2015/daffodil-design-image-examples.mjs","es2020":"../../fesm2020/daffodil-design-image-examples.mjs","esm2020":"../../esm2020/image/examples/daffodil-design-image-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-image-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-image-examples.mjs","typings":"daffodil-design-image-examples.d.ts","sideEffects":false,"version":"0.62.1"}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design/input/examples","module":"../../fesm2015/daffodil-design-input-examples.mjs","es2020":"../../fesm2020/daffodil-design-input-examples.mjs","esm2020":"../../esm2020/input/examples/daffodil-design-input-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-input-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-input-examples.mjs","typings":"daffodil-design-input-examples.d.ts","sideEffects":false,"version":"0.
|
1
|
+
{"name":"@daffodil/design/input/examples","module":"../../fesm2015/daffodil-design-input-examples.mjs","es2020":"../../fesm2020/daffodil-design-input-examples.mjs","esm2020":"../../esm2020/input/examples/daffodil-design-input-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-input-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-input-examples.mjs","typings":"daffodil-design-input-examples.d.ts","sideEffects":false,"version":"0.62.1"}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design/list/examples","module":"../../fesm2015/daffodil-design-list-examples.mjs","es2020":"../../fesm2020/daffodil-design-list-examples.mjs","esm2020":"../../esm2020/list/examples/daffodil-design-list-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-list-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-list-examples.mjs","typings":"daffodil-design-list-examples.d.ts","sideEffects":false,"version":"0.
|
1
|
+
{"name":"@daffodil/design/list/examples","module":"../../fesm2015/daffodil-design-list-examples.mjs","es2020":"../../fesm2020/daffodil-design-list-examples.mjs","esm2020":"../../esm2020/list/examples/daffodil-design-list-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-list-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-list-examples.mjs","typings":"daffodil-design-list-examples.d.ts","sideEffects":false,"version":"0.62.1"}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design/loading-icon/examples","module":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","es2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","esm2020":"../../esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","typings":"daffodil-design-loading-icon-examples.d.ts","sideEffects":false,"version":"0.
|
1
|
+
{"name":"@daffodil/design/loading-icon/examples","module":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","es2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","esm2020":"../../esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","typings":"daffodil-design-loading-icon-examples.d.ts","sideEffects":false,"version":"0.62.1"}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design/media-gallery/examples","module":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","es2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","esm2020":"../../esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","typings":"daffodil-design-media-gallery-examples.d.ts","sideEffects":false,"version":"0.
|
1
|
+
{"name":"@daffodil/design/media-gallery/examples","module":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","es2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","esm2020":"../../esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","typings":"daffodil-design-media-gallery-examples.d.ts","sideEffects":false,"version":"0.62.1"}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design/menu/examples","module":"../../fesm2015/daffodil-design-menu-examples.mjs","es2020":"../../fesm2020/daffodil-design-menu-examples.mjs","esm2020":"../../esm2020/menu/examples/daffodil-design-menu-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-menu-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-menu-examples.mjs","typings":"daffodil-design-menu-examples.d.ts","sideEffects":false,"version":"0.
|
1
|
+
{"name":"@daffodil/design/menu/examples","module":"../../fesm2015/daffodil-design-menu-examples.mjs","es2020":"../../fesm2020/daffodil-design-menu-examples.mjs","esm2020":"../../esm2020/menu/examples/daffodil-design-menu-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-menu-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-menu-examples.mjs","typings":"daffodil-design-menu-examples.d.ts","sideEffects":false,"version":"0.62.1"}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design/modal/examples","module":"../../fesm2015/daffodil-design-modal-examples.mjs","es2020":"../../fesm2020/daffodil-design-modal-examples.mjs","esm2020":"../../esm2020/modal/examples/daffodil-design-modal-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-modal-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-modal-examples.mjs","typings":"daffodil-design-modal-examples.d.ts","sideEffects":false,"version":"0.
|
1
|
+
{"name":"@daffodil/design/modal/examples","module":"../../fesm2015/daffodil-design-modal-examples.mjs","es2020":"../../fesm2020/daffodil-design-modal-examples.mjs","esm2020":"../../esm2020/modal/examples/daffodil-design-modal-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-modal-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-modal-examples.mjs","typings":"daffodil-design-modal-examples.d.ts","sideEffects":false,"version":"0.62.1"}
|
@@ -1,10 +1,15 @@
|
|
1
|
-
import {
|
1
|
+
import { AnimationEvent } from '@angular/animations';
|
2
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
2
3
|
import * as i0 from "@angular/core";
|
3
|
-
export declare class DaffBackdropComponent {
|
4
|
+
export declare class DaffBackdropComponent implements OnInit {
|
4
5
|
/**
|
5
6
|
* Determines whether or not the backdrop is transparent.
|
6
7
|
*/
|
7
8
|
transparent: boolean;
|
9
|
+
/**
|
10
|
+
* Determines whether or not the backdrop is interactable.
|
11
|
+
*/
|
12
|
+
interactable: boolean;
|
8
13
|
/**
|
9
14
|
* Boolean property that determines whether or not the
|
10
15
|
* backdrop should fill up its containing window.
|
@@ -14,11 +19,20 @@ export declare class DaffBackdropComponent {
|
|
14
19
|
* Output event triggered when the backdrop is clicked.
|
15
20
|
*/
|
16
21
|
backdropClicked: EventEmitter<void>;
|
22
|
+
interactableClass: boolean;
|
23
|
+
ngOnInit(): void;
|
17
24
|
/**
|
18
25
|
* Animation hook for that controls the backdrops
|
19
26
|
* entrance and fade animations.
|
20
27
|
*/
|
28
|
+
get fadeBackdropTrigger(): import("../animation/backdrop-animation-state").DaffBackdropAnimationState;
|
29
|
+
animationDone(e: AnimationEvent): void;
|
30
|
+
animationStart(e: AnimationEvent): void;
|
31
|
+
/**
|
32
|
+
* @deprecated
|
33
|
+
* Backdrop event that triggers when the backdrop element is clicked.
|
34
|
+
*/
|
21
35
|
onBackdropClicked(): void;
|
22
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffBackdropComponent, never>;
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffBackdropComponent, "daff-backdrop", never, { "transparent": "transparent"; "fullscreen": "fullscreen"; }, { "backdropClicked": "backdropClicked"; }, never, never>;
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffBackdropComponent, "daff-backdrop", never, { "transparent": "transparent"; "interactable": "interactable"; "fullscreen": "fullscreen"; }, { "backdropClicked": "backdropClicked"; }, never, never>;
|
24
38
|
}
|
@@ -1 +1,2 @@
|
|
1
|
-
export declare
|
1
|
+
export declare type DaffSidebarAnimationState = 'open' | 'closed' | 'none';
|
2
|
+
export declare const getAnimationState: (open: boolean, enabled?: boolean) => DaffSidebarAnimationState;
|
@@ -2,8 +2,10 @@ import { AnimationTriggerMetadata } from '@angular/animations';
|
|
2
2
|
export declare const daffSidebarAnimations: {
|
3
3
|
readonly transformSidebar: AnimationTriggerMetadata;
|
4
4
|
readonly transformContent: AnimationTriggerMetadata;
|
5
|
+
readonly backdropTrigger: AnimationTriggerMetadata;
|
5
6
|
};
|
6
7
|
export declare enum DaffSidebarAnimationStates {
|
7
8
|
OPEN = "open",
|
8
|
-
CLOSED = "closed"
|
9
|
+
CLOSED = "closed",
|
10
|
+
NONE = "none"
|
9
11
|
}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { AnimationStateWithParams } from '../../../core/public_api';
|
2
|
+
import { DaffSidebarAnimationState } from './sidebar-animation-state';
|
3
|
+
export interface DaffSidebarAnimationStateParams {
|
4
|
+
shift: string;
|
5
|
+
}
|
6
|
+
export declare type DaffSidebarViewportAnimationState = AnimationStateWithParams<DaffSidebarAnimationState, DaffSidebarAnimationStateParams>;
|
@@ -1 +1,27 @@
|
|
1
|
-
|
1
|
+
/**
|
2
|
+
* The various modes that a DaffSidebar can be in.
|
3
|
+
*
|
4
|
+
* * `side` is a mode that allows you to place the sidebar alongside
|
5
|
+
* the content.
|
6
|
+
*
|
7
|
+
* * `side-fixed` is a mode that allows you want to place the sidebar
|
8
|
+
* alongside the content, however the sidebar will scroll separately
|
9
|
+
* from the content.
|
10
|
+
*
|
11
|
+
* * `over` is a mode which allows the sidebar to slide *over* the rest of
|
12
|
+
* the content in the viewport.
|
13
|
+
*
|
14
|
+
* * `under` is a mode that freezes the sidebar in place and allows the content
|
15
|
+
* slide above it.
|
16
|
+
*/
|
17
|
+
export declare type DaffSidebarMode = 'side' | 'over' | 'under' | 'side-fixed';
|
18
|
+
/**
|
19
|
+
* A enum representing the different sidebar modes.
|
20
|
+
* See {@link DaffSidebarMode}
|
21
|
+
*/
|
22
|
+
export declare const enum DaffSidebarModeEnum {
|
23
|
+
Side = "side",
|
24
|
+
SideFixed = "side-fixed",
|
25
|
+
Over = "over",
|
26
|
+
Under = "under"
|
27
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
/**
|
2
|
+
* The sides of a viewport that that a sidebar can appear on.
|
3
|
+
*/
|
4
|
+
export declare type DaffSidebarSide = 'left' | 'right';
|
5
|
+
/**
|
6
|
+
* A enum representing the different sidebar modes.
|
7
|
+
* See {@link DaffSidebarSide}
|
8
|
+
*/
|
9
|
+
export declare const enum DaffSidebarSideEnum {
|
10
|
+
Left = "left",
|
11
|
+
Right = "right"
|
12
|
+
}
|
@@ -1,4 +1,5 @@
|
|
1
1
|
export { DaffSidebarModule } from './sidebar.module';
|
2
2
|
export * from './sidebar-viewport/sidebar-viewport.component';
|
3
3
|
export * from './sidebar/sidebar.component';
|
4
|
-
export
|
4
|
+
export { DaffSidebarMode, DaffSidebarModeEnum, } from './helper/sidebar-mode';
|
5
|
+
export { DaffSidebarSide, DaffSidebarSideEnum, } from './helper/sidebar-side';
|
@@ -1,20 +1,52 @@
|
|
1
1
|
import { NgZone, ElementRef, EventEmitter } from '@angular/core';
|
2
|
+
import { DaffSidebarMode } from '../helper/sidebar-mode';
|
3
|
+
import { DaffSidebarSide } from '../helper/sidebar-side';
|
2
4
|
import * as i0 from "@angular/core";
|
3
5
|
/**
|
4
|
-
*
|
6
|
+
* DaffSidebarComponent is heavily based upon the work done by the @angular/components
|
5
7
|
* team on `mat-drawer` and `mat-sidenav`. `daff-sidebar` is intended to be
|
6
|
-
* a simplified version (with a different design) of `mat-drawer
|
7
|
-
* follows a stricter "dumb" component pattern than `mat-drawer`
|
8
|
+
* a simplified version (with a different design) of `mat-drawer`.
|
8
9
|
*/
|
9
10
|
export declare class DaffSidebarComponent {
|
10
11
|
private _elementRef;
|
11
12
|
private _ngZone;
|
12
|
-
|
13
|
+
/**
|
14
|
+
* The CSS classes set.
|
15
|
+
*/
|
16
|
+
get classes(): {
|
17
|
+
[x: string]: boolean;
|
18
|
+
'daff-sidebar': boolean;
|
19
|
+
};
|
20
|
+
/**
|
21
|
+
* The animation state of the sidebar.
|
22
|
+
*/
|
23
|
+
get transformSidebar(): {
|
24
|
+
value: import("../animation/sidebar-animation-state").DaffSidebarAnimationState;
|
25
|
+
params: {
|
26
|
+
width: string;
|
27
|
+
};
|
28
|
+
};
|
13
29
|
/**
|
14
30
|
* Event fired when `ESC` key is pressed when the sidebar has focus
|
15
31
|
*/
|
16
32
|
escapePressed: EventEmitter<void>;
|
33
|
+
/**
|
34
|
+
* What side of the viewport to show the sidebar on.
|
35
|
+
*/
|
36
|
+
side: DaffSidebarSide;
|
37
|
+
/**
|
38
|
+
* The mode of the sidebar.
|
39
|
+
*/
|
40
|
+
mode: DaffSidebarMode;
|
41
|
+
/**
|
42
|
+
* Whether or not the sidebar is open.
|
43
|
+
*/
|
44
|
+
open: boolean;
|
45
|
+
/**
|
46
|
+
* The width of the sidebar.
|
47
|
+
*/
|
48
|
+
get width(): number;
|
17
49
|
constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone);
|
18
50
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarComponent, never>;
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarComponent, "daff-sidebar", never, {}, { "escapePressed": "escapePressed"; }, never, ["*"]>;
|
51
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarComponent, "daff-sidebar", never, { "side": "side"; "mode": "mode"; "open": "open"; }, { "escapePressed": "escapePressed"; }, never, ["*"]>;
|
20
52
|
}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { QueryList } from '@angular/core';
|
2
|
+
import { DaffSidebarComponent } from '../sidebar/sidebar.component';
|
3
|
+
/**
|
4
|
+
* Determines, given a list of sidebars, whether or not the backdrop is interactable (typically clickable).
|
5
|
+
*/
|
6
|
+
export declare const sidebarViewportBackdropInteractable: (sidebars: QueryList<DaffSidebarComponent>) => boolean;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { QueryList } from '@angular/core';
|
2
|
+
import { DaffSidebarSide } from '../helper/sidebar-side';
|
3
|
+
import { DaffSidebarComponent } from '../sidebar/sidebar.component';
|
4
|
+
/**
|
5
|
+
* Given a list of sidebars, compute the associated content shift.
|
6
|
+
*/
|
7
|
+
export declare const sidebarViewportContentPadding: (sidebars: QueryList<DaffSidebarComponent>, side: DaffSidebarSide) => number;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { QueryList } from '@angular/core';
|
2
|
+
import { DaffSidebarMode } from '../helper/sidebar-mode';
|
3
|
+
import { DaffSidebarComponent } from '../sidebar/sidebar.component';
|
4
|
+
export declare const isViewportContentShifted: (mode: DaffSidebarMode, open: boolean) => boolean;
|
5
|
+
/**
|
6
|
+
* Given a list of sidebars, compute the associated content shift.
|
7
|
+
*/
|
8
|
+
export declare const sidebarViewportContentShift: (sidebars: QueryList<DaffSidebarComponent>) => number;
|
@@ -1,72 +1,75 @@
|
|
1
|
-
import { EventEmitter,
|
2
|
-
import {
|
3
|
-
import { DaffSidebarComponent } from '../sidebar/sidebar.component';
|
1
|
+
import { EventEmitter, ChangeDetectorRef, AfterContentChecked } from '@angular/core';
|
2
|
+
import { DaffSidebarViewportAnimationState } from '../animation/sidebar-viewport-animation-state';
|
4
3
|
import * as i0 from "@angular/core";
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
4
|
+
/**
|
5
|
+
* The DaffSidebarViewport is the "holder" of sidebars throughout an entire application.
|
6
|
+
* It's generally only used once, like
|
7
|
+
*
|
8
|
+
* ```html
|
9
|
+
* <daff-sidebar-viewport>
|
10
|
+
* <daff-sidebar></daff-sidebar>
|
11
|
+
* <p>Some Content</p>
|
12
|
+
* </daff-sidebar-viewport>
|
13
|
+
* ```
|
14
|
+
*
|
15
|
+
* Importantly, its possible for there to be multiple sidebars of many modes
|
16
|
+
* at the same time. @see {@link DaffSidebarMode }
|
17
|
+
*
|
18
|
+
* Since this is a functional component, it's possible to have multiple "open" sidebars
|
19
|
+
* within at the same time. As a result, this component attempts to
|
20
|
+
* gracefully handle these situations. However, importantly, this sidebar
|
21
|
+
* has a constraint, there's only allowed to be one sidebar,
|
22
|
+
* of each mode, on each side, at any given time. If this is violated,
|
23
|
+
* this component will throw an exception.
|
24
|
+
*/
|
25
|
+
export declare class DaffSidebarViewportComponent implements AfterContentChecked {
|
26
|
+
private cdRef;
|
27
|
+
constructor(cdRef: ChangeDetectorRef);
|
12
28
|
/**
|
29
|
+
* The list of sidebars in the viewport.
|
30
|
+
*
|
13
31
|
* @docs-private
|
14
32
|
*/
|
15
|
-
|
33
|
+
private sidebars;
|
16
34
|
/**
|
17
|
-
*
|
18
|
-
*
|
19
|
-
* @docs-private
|
35
|
+
* The number of pixels that the main content of the page should be shifted to
|
36
|
+
* right when there are child sidebars.
|
20
37
|
*/
|
21
|
-
|
38
|
+
private _shift;
|
22
39
|
/**
|
23
|
-
*
|
40
|
+
* The left padding on the content when left side-fixed sidebars are open.
|
24
41
|
*/
|
25
|
-
|
42
|
+
_contentPadLeft: number;
|
26
43
|
/**
|
27
|
-
* The
|
44
|
+
* The right padding on the content when right side-fixed sidebars are open.
|
28
45
|
*/
|
29
|
-
|
30
|
-
set mode(value: DaffSidebarMode);
|
46
|
+
_contentPadRight: number;
|
31
47
|
/**
|
32
|
-
*
|
33
|
-
* "visible" to the human eye
|
48
|
+
* Whether or not the backdrop is interactable
|
34
49
|
*/
|
35
|
-
|
50
|
+
_backdropInteractable: boolean;
|
36
51
|
/**
|
37
|
-
*
|
52
|
+
* The animation state
|
38
53
|
*/
|
39
|
-
|
40
|
-
set opened(value: boolean);
|
54
|
+
_animationState: DaffSidebarViewportAnimationState;
|
41
55
|
/**
|
42
56
|
* Event fired when the backdrop is clicked
|
43
57
|
* This is often used to close the sidebar
|
44
58
|
*/
|
45
59
|
backdropClicked: EventEmitter<void>;
|
60
|
+
ngAfterContentChecked(): void;
|
46
61
|
/**
|
47
62
|
* @docs-private
|
63
|
+
*
|
64
|
+
* Updates the animation state of the viewport depending upon the state
|
65
|
+
* of all sidebars within the viewport.
|
48
66
|
*/
|
49
|
-
|
50
|
-
/**
|
51
|
-
* @docs-private
|
52
|
-
*/
|
53
|
-
ngOnInit(): void;
|
54
|
-
/**
|
55
|
-
* @docs-private
|
56
|
-
*/
|
57
|
-
ngAfterViewInit(): void;
|
67
|
+
private updateAnimationState;
|
58
68
|
/**
|
59
69
|
* @docs-private
|
70
|
+
* The called when the backdrop of the viewport is clicked upon.
|
60
71
|
*/
|
61
72
|
_backdropClicked(): void;
|
62
|
-
/**
|
63
|
-
* @docs-private
|
64
|
-
*/
|
65
|
-
get hasBackdrop(): boolean;
|
66
|
-
/**
|
67
|
-
* @docs-private
|
68
|
-
*/
|
69
|
-
onEscape(): void;
|
70
73
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarViewportComponent, never>;
|
71
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarViewportComponent, "daff-sidebar-viewport", never, {
|
74
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarViewportComponent, "daff-sidebar-viewport", never, {}, { "backdropClicked": "backdropClicked"; }, ["sidebars"], ["daff-sidebar:not([side=right])", "[daff-sidebar-viewport-nav]", "*", "daff-sidebar[side=right]"]>;
|
72
75
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design/navbar/examples","module":"../../fesm2015/daffodil-design-navbar-examples.mjs","es2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","esm2020":"../../esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-navbar-examples.mjs","typings":"daffodil-design-navbar-examples.d.ts","sideEffects":false,"version":"0.
|
1
|
+
{"name":"@daffodil/design/navbar/examples","module":"../../fesm2015/daffodil-design-navbar-examples.mjs","es2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","esm2020":"../../esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-navbar-examples.mjs","typings":"daffodil-design-navbar-examples.d.ts","sideEffects":false,"version":"0.62.1"}
|
package/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.61.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^13.0.0","@angular/common":"^13.0.0","@angular/core":"^13.0.0","@angular/forms":"^13.0.0","@angular/cdk":"^13.0.0","@daffodil/core":"0.61.0","@fortawesome/angular-fontawesome":"^0.10.0","@fortawesome/fontawesome-svg-core":"^1.2.32","@fortawesome/free-solid-svg-icons":"^5.10.0","@fortawesome/free-brands-svg-icons":"^5.10.0","@fortawesome/free-regular-svg-icons":"^5.10.0","modern-normalize":"^0.5.0","rxjs":"7.5.5"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/daff-global":{"sass":"./scss/daff-global.scss"},"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/daff-util":{"sass":"./scss/daff-util.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/daff-typography":{"sass":"./scss/daff-typography.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./daffodil-design.d.ts","esm2020":"./esm2020/daffodil-design.mjs","es2020":"./fesm2020/daffodil-design.mjs","es2015":"./fesm2015/daffodil-design.mjs","node":"./fesm2015/daffodil-design.mjs","default":"./fesm2020/daffodil-design.mjs"},"./accordion/examples":{"types":"./accordion/examples/daffodil-design-accordion-examples.d.ts","esm2020":"./esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","es2020":"./fesm2020/daffodil-design-accordion-examples.mjs","es2015":"./fesm2015/daffodil-design-accordion-examples.mjs","node":"./fesm2015/daffodil-design-accordion-examples.mjs","default":"./fesm2020/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/daffodil-design-article-examples.d.ts","esm2020":"./esm2020/article/examples/daffodil-design-article-examples.mjs","es2020":"./fesm2020/daffodil-design-article-examples.mjs","es2015":"./fesm2015/daffodil-design-article-examples.mjs","node":"./fesm2015/daffodil-design-article-examples.mjs","default":"./fesm2020/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/daffodil-design-button-examples.d.ts","esm2020":"./esm2020/button/examples/daffodil-design-button-examples.mjs","es2020":"./fesm2020/daffodil-design-button-examples.mjs","es2015":"./fesm2015/daffodil-design-button-examples.mjs","node":"./fesm2015/daffodil-design-button-examples.mjs","default":"./fesm2020/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/daffodil-design-callout-examples.d.ts","esm2020":"./esm2020/callout/examples/daffodil-design-callout-examples.mjs","es2020":"./fesm2020/daffodil-design-callout-examples.mjs","es2015":"./fesm2015/daffodil-design-callout-examples.mjs","node":"./fesm2015/daffodil-design-callout-examples.mjs","default":"./fesm2020/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/daffodil-design-card-examples.d.ts","esm2020":"./esm2020/card/examples/daffodil-design-card-examples.mjs","es2020":"./fesm2020/daffodil-design-card-examples.mjs","es2015":"./fesm2015/daffodil-design-card-examples.mjs","node":"./fesm2015/daffodil-design-card-examples.mjs","default":"./fesm2020/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/daffodil-design-checkbox-examples.d.ts","esm2020":"./esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","es2020":"./fesm2020/daffodil-design-checkbox-examples.mjs","es2015":"./fesm2015/daffodil-design-checkbox-examples.mjs","node":"./fesm2015/daffodil-design-checkbox-examples.mjs","default":"./fesm2020/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/daffodil-design-container-examples.d.ts","esm2020":"./esm2020/container/examples/daffodil-design-container-examples.mjs","es2020":"./fesm2020/daffodil-design-container-examples.mjs","es2015":"./fesm2015/daffodil-design-container-examples.mjs","node":"./fesm2015/daffodil-design-container-examples.mjs","default":"./fesm2020/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/daffodil-design-hero-examples.d.ts","esm2020":"./esm2020/hero/examples/daffodil-design-hero-examples.mjs","es2020":"./fesm2020/daffodil-design-hero-examples.mjs","es2015":"./fesm2015/daffodil-design-hero-examples.mjs","node":"./fesm2015/daffodil-design-hero-examples.mjs","default":"./fesm2020/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/daffodil-design-image-examples.d.ts","esm2020":"./esm2020/image/examples/daffodil-design-image-examples.mjs","es2020":"./fesm2020/daffodil-design-image-examples.mjs","es2015":"./fesm2015/daffodil-design-image-examples.mjs","node":"./fesm2015/daffodil-design-image-examples.mjs","default":"./fesm2020/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/daffodil-design-input-examples.d.ts","esm2020":"./esm2020/input/examples/daffodil-design-input-examples.mjs","es2020":"./fesm2020/daffodil-design-input-examples.mjs","es2015":"./fesm2015/daffodil-design-input-examples.mjs","node":"./fesm2015/daffodil-design-input-examples.mjs","default":"./fesm2020/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/daffodil-design-list-examples.d.ts","esm2020":"./esm2020/list/examples/daffodil-design-list-examples.mjs","es2020":"./fesm2020/daffodil-design-list-examples.mjs","es2015":"./fesm2015/daffodil-design-list-examples.mjs","node":"./fesm2015/daffodil-design-list-examples.mjs","default":"./fesm2020/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/daffodil-design-loading-icon-examples.d.ts","esm2020":"./esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","es2020":"./fesm2020/daffodil-design-loading-icon-examples.mjs","es2015":"./fesm2015/daffodil-design-loading-icon-examples.mjs","node":"./fesm2015/daffodil-design-loading-icon-examples.mjs","default":"./fesm2020/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/daffodil-design-media-gallery-examples.d.ts","esm2020":"./esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","es2020":"./fesm2020/daffodil-design-media-gallery-examples.mjs","es2015":"./fesm2015/daffodil-design-media-gallery-examples.mjs","node":"./fesm2015/daffodil-design-media-gallery-examples.mjs","default":"./fesm2020/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/daffodil-design-menu-examples.d.ts","esm2020":"./esm2020/menu/examples/daffodil-design-menu-examples.mjs","es2020":"./fesm2020/daffodil-design-menu-examples.mjs","es2015":"./fesm2015/daffodil-design-menu-examples.mjs","node":"./fesm2015/daffodil-design-menu-examples.mjs","default":"./fesm2020/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/daffodil-design-modal-examples.d.ts","esm2020":"./esm2020/modal/examples/daffodil-design-modal-examples.mjs","es2020":"./fesm2020/daffodil-design-modal-examples.mjs","es2015":"./fesm2015/daffodil-design-modal-examples.mjs","node":"./fesm2015/daffodil-design-modal-examples.mjs","default":"./fesm2020/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/daffodil-design-navbar-examples.d.ts","esm2020":"./esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","es2020":"./fesm2020/daffodil-design-navbar-examples.mjs","es2015":"./fesm2015/daffodil-design-navbar-examples.mjs","node":"./fesm2015/daffodil-design-navbar-examples.mjs","default":"./fesm2020/daffodil-design-navbar-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/daffodil-design-paginator-examples.d.ts","esm2020":"./esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","es2020":"./fesm2020/daffodil-design-paginator-examples.mjs","es2015":"./fesm2015/daffodil-design-paginator-examples.mjs","node":"./fesm2015/daffodil-design-paginator-examples.mjs","default":"./fesm2020/daffodil-design-paginator-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/daffodil-design-quantity-field-examples.d.ts","esm2020":"./esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","es2020":"./fesm2020/daffodil-design-quantity-field-examples.mjs","es2015":"./fesm2015/daffodil-design-quantity-field-examples.mjs","node":"./fesm2015/daffodil-design-quantity-field-examples.mjs","default":"./fesm2020/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/daffodil-design-radio-examples.d.ts","esm2020":"./esm2020/radio/examples/daffodil-design-radio-examples.mjs","es2020":"./fesm2020/daffodil-design-radio-examples.mjs","es2015":"./fesm2015/daffodil-design-radio-examples.mjs","node":"./fesm2015/daffodil-design-radio-examples.mjs","default":"./fesm2020/daffodil-design-radio-examples.mjs"}},"module":"fesm2015/daffodil-design.mjs","es2020":"fesm2020/daffodil-design.mjs","esm2020":"esm2020/daffodil-design.mjs","fesm2020":"fesm2020/daffodil-design.mjs","fesm2015":"fesm2015/daffodil-design.mjs","typings":"daffodil-design.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
|
1
|
+
{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.62.1","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^13.0.0","@angular/common":"^13.0.0","@angular/core":"^13.0.0","@angular/forms":"^13.0.0","@angular/cdk":"^13.0.0","@daffodil/core":"0.62.1","@fortawesome/angular-fontawesome":"^0.10.0","@fortawesome/fontawesome-svg-core":"^1.2.32","@fortawesome/free-solid-svg-icons":"^5.10.0","@fortawesome/free-brands-svg-icons":"^5.10.0","@fortawesome/free-regular-svg-icons":"^5.10.0","modern-normalize":"^0.5.0","rxjs":"7.5.5"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/daff-global":{"sass":"./scss/daff-global.scss"},"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/daff-util":{"sass":"./scss/daff-util.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/daff-typography":{"sass":"./scss/daff-typography.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./daffodil-design.d.ts","esm2020":"./esm2020/daffodil-design.mjs","es2020":"./fesm2020/daffodil-design.mjs","es2015":"./fesm2015/daffodil-design.mjs","node":"./fesm2015/daffodil-design.mjs","default":"./fesm2020/daffodil-design.mjs"},"./accordion/examples":{"types":"./accordion/examples/daffodil-design-accordion-examples.d.ts","esm2020":"./esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","es2020":"./fesm2020/daffodil-design-accordion-examples.mjs","es2015":"./fesm2015/daffodil-design-accordion-examples.mjs","node":"./fesm2015/daffodil-design-accordion-examples.mjs","default":"./fesm2020/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/daffodil-design-article-examples.d.ts","esm2020":"./esm2020/article/examples/daffodil-design-article-examples.mjs","es2020":"./fesm2020/daffodil-design-article-examples.mjs","es2015":"./fesm2015/daffodil-design-article-examples.mjs","node":"./fesm2015/daffodil-design-article-examples.mjs","default":"./fesm2020/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/daffodil-design-button-examples.d.ts","esm2020":"./esm2020/button/examples/daffodil-design-button-examples.mjs","es2020":"./fesm2020/daffodil-design-button-examples.mjs","es2015":"./fesm2015/daffodil-design-button-examples.mjs","node":"./fesm2015/daffodil-design-button-examples.mjs","default":"./fesm2020/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/daffodil-design-callout-examples.d.ts","esm2020":"./esm2020/callout/examples/daffodil-design-callout-examples.mjs","es2020":"./fesm2020/daffodil-design-callout-examples.mjs","es2015":"./fesm2015/daffodil-design-callout-examples.mjs","node":"./fesm2015/daffodil-design-callout-examples.mjs","default":"./fesm2020/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/daffodil-design-card-examples.d.ts","esm2020":"./esm2020/card/examples/daffodil-design-card-examples.mjs","es2020":"./fesm2020/daffodil-design-card-examples.mjs","es2015":"./fesm2015/daffodil-design-card-examples.mjs","node":"./fesm2015/daffodil-design-card-examples.mjs","default":"./fesm2020/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/daffodil-design-checkbox-examples.d.ts","esm2020":"./esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","es2020":"./fesm2020/daffodil-design-checkbox-examples.mjs","es2015":"./fesm2015/daffodil-design-checkbox-examples.mjs","node":"./fesm2015/daffodil-design-checkbox-examples.mjs","default":"./fesm2020/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/daffodil-design-container-examples.d.ts","esm2020":"./esm2020/container/examples/daffodil-design-container-examples.mjs","es2020":"./fesm2020/daffodil-design-container-examples.mjs","es2015":"./fesm2015/daffodil-design-container-examples.mjs","node":"./fesm2015/daffodil-design-container-examples.mjs","default":"./fesm2020/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/daffodil-design-hero-examples.d.ts","esm2020":"./esm2020/hero/examples/daffodil-design-hero-examples.mjs","es2020":"./fesm2020/daffodil-design-hero-examples.mjs","es2015":"./fesm2015/daffodil-design-hero-examples.mjs","node":"./fesm2015/daffodil-design-hero-examples.mjs","default":"./fesm2020/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/daffodil-design-image-examples.d.ts","esm2020":"./esm2020/image/examples/daffodil-design-image-examples.mjs","es2020":"./fesm2020/daffodil-design-image-examples.mjs","es2015":"./fesm2015/daffodil-design-image-examples.mjs","node":"./fesm2015/daffodil-design-image-examples.mjs","default":"./fesm2020/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/daffodil-design-input-examples.d.ts","esm2020":"./esm2020/input/examples/daffodil-design-input-examples.mjs","es2020":"./fesm2020/daffodil-design-input-examples.mjs","es2015":"./fesm2015/daffodil-design-input-examples.mjs","node":"./fesm2015/daffodil-design-input-examples.mjs","default":"./fesm2020/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/daffodil-design-list-examples.d.ts","esm2020":"./esm2020/list/examples/daffodil-design-list-examples.mjs","es2020":"./fesm2020/daffodil-design-list-examples.mjs","es2015":"./fesm2015/daffodil-design-list-examples.mjs","node":"./fesm2015/daffodil-design-list-examples.mjs","default":"./fesm2020/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/daffodil-design-loading-icon-examples.d.ts","esm2020":"./esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","es2020":"./fesm2020/daffodil-design-loading-icon-examples.mjs","es2015":"./fesm2015/daffodil-design-loading-icon-examples.mjs","node":"./fesm2015/daffodil-design-loading-icon-examples.mjs","default":"./fesm2020/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/daffodil-design-media-gallery-examples.d.ts","esm2020":"./esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","es2020":"./fesm2020/daffodil-design-media-gallery-examples.mjs","es2015":"./fesm2015/daffodil-design-media-gallery-examples.mjs","node":"./fesm2015/daffodil-design-media-gallery-examples.mjs","default":"./fesm2020/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/daffodil-design-menu-examples.d.ts","esm2020":"./esm2020/menu/examples/daffodil-design-menu-examples.mjs","es2020":"./fesm2020/daffodil-design-menu-examples.mjs","es2015":"./fesm2015/daffodil-design-menu-examples.mjs","node":"./fesm2015/daffodil-design-menu-examples.mjs","default":"./fesm2020/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/daffodil-design-modal-examples.d.ts","esm2020":"./esm2020/modal/examples/daffodil-design-modal-examples.mjs","es2020":"./fesm2020/daffodil-design-modal-examples.mjs","es2015":"./fesm2015/daffodil-design-modal-examples.mjs","node":"./fesm2015/daffodil-design-modal-examples.mjs","default":"./fesm2020/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/daffodil-design-navbar-examples.d.ts","esm2020":"./esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","es2020":"./fesm2020/daffodil-design-navbar-examples.mjs","es2015":"./fesm2015/daffodil-design-navbar-examples.mjs","node":"./fesm2015/daffodil-design-navbar-examples.mjs","default":"./fesm2020/daffodil-design-navbar-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/daffodil-design-paginator-examples.d.ts","esm2020":"./esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","es2020":"./fesm2020/daffodil-design-paginator-examples.mjs","es2015":"./fesm2015/daffodil-design-paginator-examples.mjs","node":"./fesm2015/daffodil-design-paginator-examples.mjs","default":"./fesm2020/daffodil-design-paginator-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/daffodil-design-quantity-field-examples.d.ts","esm2020":"./esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","es2020":"./fesm2020/daffodil-design-quantity-field-examples.mjs","es2015":"./fesm2015/daffodil-design-quantity-field-examples.mjs","node":"./fesm2015/daffodil-design-quantity-field-examples.mjs","default":"./fesm2020/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/daffodil-design-radio-examples.d.ts","esm2020":"./esm2020/radio/examples/daffodil-design-radio-examples.mjs","es2020":"./fesm2020/daffodil-design-radio-examples.mjs","es2015":"./fesm2015/daffodil-design-radio-examples.mjs","node":"./fesm2015/daffodil-design-radio-examples.mjs","default":"./fesm2020/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/daffodil-design-sidebar-examples.d.ts","esm2020":"./esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs","es2020":"./fesm2020/daffodil-design-sidebar-examples.mjs","es2015":"./fesm2015/daffodil-design-sidebar-examples.mjs","node":"./fesm2015/daffodil-design-sidebar-examples.mjs","default":"./fesm2020/daffodil-design-sidebar-examples.mjs"},"./tree/examples":{"types":"./tree/examples/daffodil-design-tree-examples.d.ts","esm2020":"./esm2020/tree/examples/daffodil-design-tree-examples.mjs","es2020":"./fesm2020/daffodil-design-tree-examples.mjs","es2015":"./fesm2015/daffodil-design-tree-examples.mjs","node":"./fesm2015/daffodil-design-tree-examples.mjs","default":"./fesm2020/daffodil-design-tree-examples.mjs"},"./tree":{"types":"./tree/daffodil-design-tree.d.ts","esm2020":"./esm2020/tree/daffodil-design-tree.mjs","es2020":"./fesm2020/daffodil-design-tree.mjs","es2015":"./fesm2015/daffodil-design-tree.mjs","node":"./fesm2015/daffodil-design-tree.mjs","default":"./fesm2020/daffodil-design-tree.mjs"}},"module":"fesm2015/daffodil-design.mjs","es2020":"fesm2020/daffodil-design.mjs","esm2020":"esm2020/daffodil-design.mjs","fesm2020":"fesm2020/daffodil-design.mjs","fesm2015":"fesm2015/daffodil-design.mjs","typings":"daffodil-design.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design/paginator/examples","module":"../../fesm2015/daffodil-design-paginator-examples.mjs","es2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","esm2020":"../../esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-paginator-examples.mjs","typings":"daffodil-design-paginator-examples.d.ts","sideEffects":false,"version":"0.
|
1
|
+
{"name":"@daffodil/design/paginator/examples","module":"../../fesm2015/daffodil-design-paginator-examples.mjs","es2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","esm2020":"../../esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-paginator-examples.mjs","typings":"daffodil-design-paginator-examples.d.ts","sideEffects":false,"version":"0.62.1"}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design/quantity-field/examples","module":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","es2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","esm2020":"../../esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","typings":"daffodil-design-quantity-field-examples.d.ts","sideEffects":false,"version":"0.
|
1
|
+
{"name":"@daffodil/design/quantity-field/examples","module":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","es2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","esm2020":"../../esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","typings":"daffodil-design-quantity-field-examples.d.ts","sideEffects":false,"version":"0.62.1"}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design/radio/examples","module":"../../fesm2015/daffodil-design-radio-examples.mjs","es2020":"../../fesm2020/daffodil-design-radio-examples.mjs","esm2020":"../../esm2020/radio/examples/daffodil-design-radio-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-radio-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-radio-examples.mjs","typings":"daffodil-design-radio-examples.d.ts","sideEffects":false,"version":"0.
|
1
|
+
{"name":"@daffodil/design/radio/examples","module":"../../fesm2015/daffodil-design-radio-examples.mjs","es2020":"../../fesm2020/daffodil-design-radio-examples.mjs","esm2020":"../../esm2020/radio/examples/daffodil-design-radio-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-radio-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-radio-examples.mjs","typings":"daffodil-design-radio-examples.d.ts","sideEffects":false,"version":"0.62.1"}
|
package/scss/global.scss
CHANGED
package/scss/theme.scss
CHANGED
@@ -39,6 +39,7 @@
|
|
39
39
|
@use '../src/molecules/sidebar/sidebar/sidebar-theme' as sidebar;
|
40
40
|
@use '../src/molecules/sidebar/sidebar-viewport/sidebar-viewport-theme' as sidebar-viewport;
|
41
41
|
@use '../scss/state/skeleton/mixins' as skeleton;
|
42
|
+
@use '../tree/src/tree-theme' as tree;
|
42
43
|
|
43
44
|
//
|
44
45
|
// Generates the styles of a @daffodil/design theme.
|
@@ -79,4 +80,5 @@
|
|
79
80
|
@include paginator.daff-paginator-theme($theme);
|
80
81
|
@include sidebar.daff-sidebar-theme($theme);
|
81
82
|
@include sidebar-viewport.daff-sidebar-viewport-theme($theme);
|
83
|
+
@include tree.daff-tree-theme($theme);
|
82
84
|
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "./basic-sidebar.component";
|
3
|
+
import * as i2 from "@daffodil/design";
|
4
|
+
export declare class BasicSidebarModule {
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BasicSidebarModule, never>;
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BasicSidebarModule, [typeof i1.BasicSidebarComponent], [typeof i2.DaffSidebarModule, typeof i2.DaffNavbarModule], [typeof i1.BasicSidebarComponent]>;
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BasicSidebarModule>;
|
8
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class FixedAndOverSidebarComponent {
|
3
|
+
overOpen: boolean;
|
4
|
+
openOverSidebar(): void;
|
5
|
+
closeOverSidebar(): void;
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FixedAndOverSidebarComponent, never>;
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FixedAndOverSidebarComponent, "fixed-and-over-sidebar", never, {}, {}, never, never>;
|
8
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "./fixed-and-over-sidebar.component";
|
3
|
+
import * as i2 from "@daffodil/design";
|
4
|
+
export declare class FixedAndOverSidebarModule {
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FixedAndOverSidebarModule, never>;
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FixedAndOverSidebarModule, [typeof i1.FixedAndOverSidebarComponent], [typeof i2.DaffSidebarModule, typeof i2.DaffNavbarModule, typeof i2.DaffButtonModule], [typeof i1.FixedAndOverSidebarComponent]>;
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FixedAndOverSidebarModule>;
|
8
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './public_api';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"name":"@daffodil/design/sidebar/examples","module":"../../fesm2015/daffodil-design-sidebar-examples.mjs","es2020":"../../fesm2020/daffodil-design-sidebar-examples.mjs","esm2020":"../../esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-sidebar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-sidebar-examples.mjs","typings":"daffodil-design-sidebar-examples.d.ts","sideEffects":false,"version":"0.62.1"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class SidebarWithStickyComponent {
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarWithStickyComponent, never>;
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarWithStickyComponent, "sidebar-with-sticky", never, {}, {}, never, never>;
|
5
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "./sidebar-with-sticky.component";
|
3
|
+
import * as i2 from "@daffodil/design";
|
4
|
+
export declare class SidebarWithStickyModule {
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarWithStickyModule, never>;
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SidebarWithStickyModule, [typeof i1.SidebarWithStickyComponent], [typeof i2.DaffSidebarModule, typeof i2.DaffNavbarModule], [typeof i1.SidebarWithStickyComponent]>;
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SidebarWithStickyModule>;
|
8
|
+
}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class TwoFixedSidebarsEitherSideComponent {
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TwoFixedSidebarsEitherSideComponent, never>;
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TwoFixedSidebarsEitherSideComponent, "two-fixed-sidebars-either-side", never, {}, {}, never, never>;
|
5
|
+
}
|
package/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module.d.ts
ADDED
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "./two-fixed-sidebars-either-side.component";
|
3
|
+
import * as i2 from "@daffodil/design";
|
4
|
+
export declare class TwoFixedSidebarsEitherSideModule {
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TwoFixedSidebarsEitherSideModule, never>;
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TwoFixedSidebarsEitherSideModule, [typeof i1.TwoFixedSidebarsEitherSideComponent], [typeof i2.DaffSidebarModule, typeof i2.DaffNavbarModule], [typeof i1.TwoFixedSidebarsEitherSideComponent]>;
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TwoFixedSidebarsEitherSideModule>;
|
8
|
+
}
|