@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
@@ -0,0 +1,31 @@
|
|
1
|
+
import { traverse } from './traverse-tree';
|
2
|
+
export const daffDataTreeToUiTree = (data, parent, open = false) => ({
|
3
|
+
id: data.id ?? data.title,
|
4
|
+
title: data.title,
|
5
|
+
url: data.url,
|
6
|
+
data: data.data,
|
7
|
+
open,
|
8
|
+
parent,
|
9
|
+
items: [],
|
10
|
+
});
|
11
|
+
/**
|
12
|
+
* This function translates the original data given to us by the client
|
13
|
+
* to the internal representation of the tree used by the {@link DaffTreeComponent}
|
14
|
+
*/
|
15
|
+
export const hydrateTree = (data) => {
|
16
|
+
const tree = daffDataTreeToUiTree(data, undefined, true);
|
17
|
+
let treeStack = [
|
18
|
+
tree,
|
19
|
+
];
|
20
|
+
traverse(data, (el) => {
|
21
|
+
const treeEl = treeStack.pop();
|
22
|
+
treeEl.items = el.items.map((i) => daffDataTreeToUiTree(i, treeEl, false));
|
23
|
+
treeStack = [
|
24
|
+
...treeStack,
|
25
|
+
...treeEl.items,
|
26
|
+
];
|
27
|
+
return el;
|
28
|
+
}, 'items');
|
29
|
+
return tree;
|
30
|
+
};
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHlkcmF0ZS10cmVlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdHJlZS9zcmMvdXRpbHMvaHlkcmF0ZS10cmVlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUzQyxNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRyxDQUFJLElBQXFCLEVBQUUsTUFBcUIsRUFBRSxPQUFnQixLQUFLLEVBQWlCLEVBQUUsQ0FBQyxDQUFDO0lBQzlILEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxJQUFJLElBQUksQ0FBQyxLQUFLO0lBQ3pCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztJQUNqQixHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUc7SUFDYixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7SUFDZixJQUFJO0lBQ0osTUFBTTtJQUNOLEtBQUssRUFBRSxFQUFFO0NBQ1YsQ0FBQyxDQUFDO0FBRUg7OztHQUdHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLENBQUksSUFBcUIsRUFBaUIsRUFBRTtJQUNyRSxNQUFNLElBQUksR0FBRyxvQkFBb0IsQ0FBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBRXpELElBQUksU0FBUyxHQUFHO1FBQ2QsSUFBSTtLQUNMLENBQUM7SUFFRixRQUFRLENBQUMsSUFBSSxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUU7UUFDcEIsTUFBTSxNQUFNLEdBQUcsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBQy9CLE1BQU0sQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFFLG9CQUFvQixDQUFDLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUM1RSxTQUFTLEdBQUc7WUFDVixHQUFHLFNBQVM7WUFDWixHQUFHLE1BQU0sQ0FBQyxLQUFLO1NBQ2hCLENBQUM7UUFDRixPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQztJQUVaLE9BQU8sSUFBSSxDQUFDO0FBQ2QsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGFmZlRyZWVEYXRhIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy90cmVlLWRhdGEnO1xuaW1wb3J0IHsgRGFmZlRyZWVVaSB9IGZyb20gJy4uL2ludGVyZmFjZXMvdHJlZS11aSc7XG5pbXBvcnQgeyB0cmF2ZXJzZSB9IGZyb20gJy4vdHJhdmVyc2UtdHJlZSc7XG5cbmV4cG9ydCBjb25zdCBkYWZmRGF0YVRyZWVUb1VpVHJlZSA9IDxUPihkYXRhOiBEYWZmVHJlZURhdGE8VD4sIHBhcmVudDogRGFmZlRyZWVVaTxUPiwgb3BlbjogYm9vbGVhbiA9IGZhbHNlKTogRGFmZlRyZWVVaTxUPiA9PiAoe1xuICBpZDogZGF0YS5pZCA/PyBkYXRhLnRpdGxlLFxuICB0aXRsZTogZGF0YS50aXRsZSxcbiAgdXJsOiBkYXRhLnVybCxcbiAgZGF0YTogZGF0YS5kYXRhLFxuICBvcGVuLFxuICBwYXJlbnQsXG4gIGl0ZW1zOiBbXSxcbn0pO1xuXG4vKipcbiAqIFRoaXMgZnVuY3Rpb24gdHJhbnNsYXRlcyB0aGUgb3JpZ2luYWwgZGF0YSBnaXZlbiB0byB1cyBieSB0aGUgY2xpZW50XG4gKiB0byB0aGUgaW50ZXJuYWwgcmVwcmVzZW50YXRpb24gb2YgdGhlIHRyZWUgdXNlZCBieSB0aGUge0BsaW5rIERhZmZUcmVlQ29tcG9uZW50fVxuICovXG5leHBvcnQgY29uc3QgaHlkcmF0ZVRyZWUgPSA8VD4oZGF0YTogRGFmZlRyZWVEYXRhPFQ+KTogRGFmZlRyZWVVaTxUPiA9PiB7XG4gIGNvbnN0IHRyZWUgPSBkYWZmRGF0YVRyZWVUb1VpVHJlZShkYXRhLCB1bmRlZmluZWQsIHRydWUpO1xuXG4gIGxldCB0cmVlU3RhY2sgPSBbXG4gICAgdHJlZSxcbiAgXTtcblxuICB0cmF2ZXJzZShkYXRhLCAoZWwpID0+IHtcbiAgICBjb25zdCB0cmVlRWwgPSB0cmVlU3RhY2sucG9wKCk7XG4gICAgdHJlZUVsLml0ZW1zID0gZWwuaXRlbXMubWFwKChpKSA9PiAgZGFmZkRhdGFUcmVlVG9VaVRyZWUoaSwgdHJlZUVsLCBmYWxzZSkpO1xuICAgIHRyZWVTdGFjayA9IFtcbiAgICAgIC4uLnRyZWVTdGFjayxcbiAgICAgIC4uLnRyZWVFbC5pdGVtcyxcbiAgICBdO1xuICAgIHJldHVybiBlbDtcbiAgfSwgJ2l0ZW1zJyk7XG5cbiAgcmV0dXJuIHRyZWU7XG59O1xuIl19
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { traverse } from './traverse-tree';
|
2
|
+
/**
|
3
|
+
* Transform a tree-like structure in-place into a {@link DaffTreeData}.
|
4
|
+
*
|
5
|
+
* This will mutate the original object, hydrating with additional properties.
|
6
|
+
*
|
7
|
+
* @param tree - The data structure representing tree-like data.
|
8
|
+
* @param transformFn - A user-supplied function that will transform the user
|
9
|
+
* type into a {@link DaffTreeData}
|
10
|
+
* @param key - The property of the your tree that indicates which
|
11
|
+
* key contains the "children" of your tree structure.
|
12
|
+
*
|
13
|
+
*/
|
14
|
+
export const daffTransformTreeInPlace = (tree, transformFn, key) => traverse(tree, (el) => {
|
15
|
+
const r = Object.assign(el, transformFn(el));
|
16
|
+
r.items = el[key];
|
17
|
+
el = r;
|
18
|
+
return el;
|
19
|
+
},
|
20
|
+
// This type is confusing. I don't understand why it has to be here,
|
21
|
+
// the associated error message is incomprehensible.
|
22
|
+
key);
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNmb3JtLWluLXBsYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdHJlZS9zcmMvdXRpbHMvdHJhbnNmb3JtLWluLXBsYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUzQzs7Ozs7Ozs7Ozs7R0FXRztBQUNILE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHLENBSXRDLElBQU8sRUFDUCxXQUFtRCxFQUNuRCxHQUE4QixFQUNQLEVBQUUsQ0FBQyxRQUFRLENBQ2xDLElBQUksRUFDSixDQUFDLEVBQUUsRUFBRSxFQUFFO0lBQ0wsTUFBTSxDQUFDLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDN0MsQ0FBQyxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDbEIsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNQLE9BQWtDLEVBQUUsQ0FBQztBQUN2QyxDQUFDO0FBQ0Msb0VBQW9FO0FBQ3BFLG9EQUFvRDtBQUNaLEdBQUcsQ0FDOUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlY3Vyc2l2ZVRyZWVLZXlPZlR5cGUgfSBmcm9tICcuLi9pbnRlcmZhY2VzL3JlY3Vyc2l2ZS1rZXknO1xuaW1wb3J0IHsgRGFmZlRyZWVEYXRhIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy90cmVlLWRhdGEnO1xuaW1wb3J0IHsgdHJhdmVyc2UgfSBmcm9tICcuL3RyYXZlcnNlLXRyZWUnO1xuXG4vKipcbiAqIFRyYW5zZm9ybSBhIHRyZWUtbGlrZSBzdHJ1Y3R1cmUgaW4tcGxhY2UgaW50byBhIHtAbGluayBEYWZmVHJlZURhdGF9LlxuICpcbiAqIFRoaXMgd2lsbCBtdXRhdGUgdGhlIG9yaWdpbmFsIG9iamVjdCwgaHlkcmF0aW5nIHdpdGggYWRkaXRpb25hbCBwcm9wZXJ0aWVzLlxuICpcbiAqIEBwYXJhbSB0cmVlIC0gVGhlIGRhdGEgc3RydWN0dXJlIHJlcHJlc2VudGluZyB0cmVlLWxpa2UgZGF0YS5cbiAqIEBwYXJhbSB0cmFuc2Zvcm1GbiAtIEEgdXNlci1zdXBwbGllZCBmdW5jdGlvbiB0aGF0IHdpbGwgdHJhbnNmb3JtIHRoZSB1c2VyXG4gKiAgdHlwZSBpbnRvIGEge0BsaW5rIERhZmZUcmVlRGF0YX1cbiAqIEBwYXJhbSBrZXkgLSBUaGUgcHJvcGVydHkgb2YgdGhlIHlvdXIgdHJlZSB0aGF0IGluZGljYXRlcyB3aGljaFxuICogIGtleSBjb250YWlucyB0aGUgXCJjaGlsZHJlblwiIG9mIHlvdXIgdHJlZSBzdHJ1Y3R1cmUuXG4gKlxuICovXG5leHBvcnQgY29uc3QgZGFmZlRyYW5zZm9ybVRyZWVJblBsYWNlID0gPFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L2Jhbi10eXBlc1xuICBUIGV4dGVuZHMgUmVjb3JkPGFueSxhbnk+LFxuPihcbiAgdHJlZTogVCxcbiAgdHJhbnNmb3JtRm46ICh0eXBlOiBUKSA9PiBUICYgRGFmZlRyZWVEYXRhPHVua25vd24+LFxuICBrZXk6IFJlY3Vyc2l2ZVRyZWVLZXlPZlR5cGU8VD4sXG4pOiBEYWZmVHJlZURhdGE8dW5rbm93bj4gPT4gdHJhdmVyc2U8VCwgVCAmIERhZmZUcmVlRGF0YTx1bmtub3duPj4oXG4gIHRyZWUsXG4gIChlbCkgPT4ge1xuICAgIGNvbnN0IHIgPSBPYmplY3QuYXNzaWduKGVsLCB0cmFuc2Zvcm1GbihlbCkpO1xuICAgIHIuaXRlbXMgPSBlbFtrZXldO1xuICAgIGVsID0gcjtcbiAgICByZXR1cm4gPFQgJiBEYWZmVHJlZURhdGE8dW5rbm93bj4+ZWw7XG4gIH0sXG4gICAgLy8gVGhpcyB0eXBlIGlzIGNvbmZ1c2luZy4gSSBkb24ndCB1bmRlcnN0YW5kIHdoeSBpdCBoYXMgdG8gYmUgaGVyZSxcbiAgICAvLyB0aGUgYXNzb2NpYXRlZCBlcnJvciBtZXNzYWdlIGlzIGluY29tcHJlaGVuc2libGUuXG4gICAgPFRbc3RyaW5nXSBleHRlbmRzIFRbXSA/IHN0cmluZyA6IG5ldmVyPmtleSxcbik7XG4iXX0=
|
@@ -0,0 +1,21 @@
|
|
1
|
+
/**
|
2
|
+
* Traverse the tree, pre-order, right-to-left
|
3
|
+
*/
|
4
|
+
export const traverse = (tree, visit, key) => {
|
5
|
+
let stack = [
|
6
|
+
tree,
|
7
|
+
];
|
8
|
+
while (stack) {
|
9
|
+
const el = stack.pop();
|
10
|
+
if (!el) {
|
11
|
+
break;
|
12
|
+
}
|
13
|
+
visit(el);
|
14
|
+
stack = [
|
15
|
+
...stack,
|
16
|
+
...el[key],
|
17
|
+
];
|
18
|
+
}
|
19
|
+
return tree;
|
20
|
+
};
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhdmVyc2UtdHJlZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RyZWUvc3JjL3V0aWxzL3RyYXZlcnNlLXRyZWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FDdEIsSUFBTyxFQUNQLEtBQXFCLEVBQ3JCLEdBQThCLEVBQzNCLEVBQUU7SUFDTCxJQUFJLEtBQUssR0FBRztRQUNWLElBQUk7S0FDTCxDQUFDO0lBRUYsT0FBTSxLQUFLLEVBQUU7UUFDWCxNQUFNLEVBQUUsR0FBRyxLQUFLLENBQUMsR0FBRyxFQUFFLENBQUM7UUFDdkIsSUFBRyxDQUFDLEVBQUUsRUFBRTtZQUNOLE1BQU07U0FDUDtRQUVELEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUVWLEtBQUssR0FBRztZQUNOLEdBQUcsS0FBSztZQUNSLEdBQWlCLEVBQUUsQ0FBQyxHQUFHLENBQUM7U0FDekIsQ0FBQztLQUNIO0lBRUQsT0FBTyxJQUFJLENBQUM7QUFDZCxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWN1cnNpdmVUcmVlS2V5T2ZUeXBlIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9yZWN1cnNpdmUta2V5JztcblxuLyoqXG4gKiBUcmF2ZXJzZSB0aGUgdHJlZSwgcHJlLW9yZGVyLCByaWdodC10by1sZWZ0XG4gKi9cbmV4cG9ydCBjb25zdCB0cmF2ZXJzZSA9IDxUIGV4dGVuZHMgUmVjb3JkPGFueSwgYW55PiwgViBleHRlbmRzIFJlY29yZDxhbnksIGFueT4gPSBUPihcbiAgdHJlZTogVCxcbiAgdmlzaXQ6ICh0cmVlOiBUKSA9PiBWLFxuICBrZXk6IFJlY3Vyc2l2ZVRyZWVLZXlPZlR5cGU8VD4sXG4pOiBWID0+IHtcbiAgbGV0IHN0YWNrID0gW1xuICAgIHRyZWUsXG4gIF07XG5cbiAgd2hpbGUoc3RhY2spIHtcbiAgICBjb25zdCBlbCA9IHN0YWNrLnBvcCgpO1xuICAgIGlmKCFlbCkge1xuICAgICAgYnJlYWs7XG4gICAgfVxuXG4gICAgdmlzaXQoZWwpO1xuXG4gICAgc3RhY2sgPSBbXG4gICAgICAuLi5zdGFjayxcbiAgICAgIC4uLjxUW10+PHVua25vd24+ZWxba2V5XSxcbiAgICBdO1xuICB9XG5cbiAgcmV0dXJuIHRyZWU7XG59O1xuIl19
|
@@ -0,0 +1,218 @@
|
|
1
|
+
import * as i0 from '@angular/core';
|
2
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
3
|
+
import * as i1 from '@daffodil/design';
|
4
|
+
import { DaffSidebarModule, DaffNavbarModule, DaffButtonModule } from '@daffodil/design';
|
5
|
+
|
6
|
+
class BasicSidebarComponent {
|
7
|
+
}
|
8
|
+
/** @nocollapse */ BasicSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
9
|
+
/** @nocollapse */ BasicSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicSidebarComponent, selector: "basic-sidebar", ngImport: i0, template: "<daff-sidebar-viewport>\n <daff-sidebar>\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <div>Basic Sidebar</div>\n </nav>\n </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}\n"], components: [{ type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: ["backdropClicked"] }, { type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarComponent, decorators: [{
|
11
|
+
type: Component,
|
12
|
+
args: [{ selector: 'basic-sidebar', styles: ['daff-sidebar-viewport { height: 300px }'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport>\n <daff-sidebar>\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <div>Basic Sidebar</div>\n </nav>\n </div>\n</daff-sidebar-viewport>" }]
|
13
|
+
}] });
|
14
|
+
|
15
|
+
class BasicSidebarModule {
|
16
|
+
}
|
17
|
+
/** @nocollapse */ BasicSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
18
|
+
/** @nocollapse */ BasicSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarModule, declarations: [BasicSidebarComponent], imports: [DaffSidebarModule,
|
19
|
+
DaffNavbarModule], exports: [BasicSidebarComponent] });
|
20
|
+
/** @nocollapse */ BasicSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarModule, imports: [[
|
21
|
+
DaffSidebarModule,
|
22
|
+
DaffNavbarModule,
|
23
|
+
]] });
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarModule, decorators: [{
|
25
|
+
type: NgModule,
|
26
|
+
args: [{
|
27
|
+
imports: [
|
28
|
+
DaffSidebarModule,
|
29
|
+
DaffNavbarModule,
|
30
|
+
],
|
31
|
+
declarations: [
|
32
|
+
BasicSidebarComponent,
|
33
|
+
],
|
34
|
+
exports: [
|
35
|
+
BasicSidebarComponent,
|
36
|
+
],
|
37
|
+
}]
|
38
|
+
}] });
|
39
|
+
|
40
|
+
class FixedAndOverSidebarComponent {
|
41
|
+
constructor() {
|
42
|
+
this.overOpen = false;
|
43
|
+
}
|
44
|
+
openOverSidebar() {
|
45
|
+
this.overOpen = !this.overOpen;
|
46
|
+
}
|
47
|
+
closeOverSidebar() {
|
48
|
+
this.overOpen = false;
|
49
|
+
}
|
50
|
+
}
|
51
|
+
/** @nocollapse */ FixedAndOverSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
52
|
+
/** @nocollapse */ FixedAndOverSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: FixedAndOverSidebarComponent, selector: "fixed-and-over-sidebar", ngImport: i0, template: "<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeOverSidebar()\">\n <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <daff-sidebar mode=\"over\" side=\"right\" [open]=\"overOpen\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <button daff-button (click)=\"openOverSidebar()\">\n Open\n </button>\n </nav>\n <div class=\"inner-layout\">\n <div class=\"filler\">Content</div>\n <div class=\"inner-sticky\">Some Other Content</div>\n </div>\n </div>\n</daff-sidebar-viewport>", styles: ["nav{justify-content:flex-end}daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:600px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"], components: [{ type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: ["backdropClicked"] }, { type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarComponent, decorators: [{
|
54
|
+
type: Component,
|
55
|
+
args: [{ selector: 'fixed-and-over-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeOverSidebar()\">\n <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <daff-sidebar mode=\"over\" side=\"right\" [open]=\"overOpen\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <button daff-button (click)=\"openOverSidebar()\">\n Open\n </button>\n </nav>\n <div class=\"inner-layout\">\n <div class=\"filler\">Content</div>\n <div class=\"inner-sticky\">Some Other Content</div>\n </div>\n </div>\n</daff-sidebar-viewport>", styles: ["nav{justify-content:flex-end}daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:600px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"] }]
|
56
|
+
}] });
|
57
|
+
|
58
|
+
class FixedAndOverSidebarModule {
|
59
|
+
}
|
60
|
+
/** @nocollapse */ FixedAndOverSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
61
|
+
/** @nocollapse */ FixedAndOverSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarModule, declarations: [FixedAndOverSidebarComponent], imports: [DaffSidebarModule,
|
62
|
+
DaffNavbarModule,
|
63
|
+
DaffButtonModule], exports: [FixedAndOverSidebarComponent] });
|
64
|
+
/** @nocollapse */ FixedAndOverSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarModule, imports: [[
|
65
|
+
DaffSidebarModule,
|
66
|
+
DaffNavbarModule,
|
67
|
+
DaffButtonModule,
|
68
|
+
]] });
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarModule, decorators: [{
|
70
|
+
type: NgModule,
|
71
|
+
args: [{
|
72
|
+
imports: [
|
73
|
+
DaffSidebarModule,
|
74
|
+
DaffNavbarModule,
|
75
|
+
DaffButtonModule,
|
76
|
+
],
|
77
|
+
declarations: [
|
78
|
+
FixedAndOverSidebarComponent,
|
79
|
+
],
|
80
|
+
exports: [
|
81
|
+
FixedAndOverSidebarComponent,
|
82
|
+
],
|
83
|
+
}]
|
84
|
+
}] });
|
85
|
+
|
86
|
+
class SidebarWithStickyComponent {
|
87
|
+
}
|
88
|
+
/** @nocollapse */ SidebarWithStickyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
89
|
+
/** @nocollapse */ SidebarWithStickyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: SidebarWithStickyComponent, selector: "sidebar-with-sticky", ngImport: i0, template: "<daff-sidebar-viewport class=\"viewport\">\n <daff-sidebar>\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <div>Sidebar w/ inner sticky content</div>\n </nav>\n <div class=\"inner-layout\">\n <div class=\"filler\">Content</div>\n <div class=\"inner-sticky\">Some Other Content</div>\n </div>\n </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:400px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"], components: [{ type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: ["backdropClicked"] }, { type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyComponent, decorators: [{
|
91
|
+
type: Component,
|
92
|
+
args: [{ selector: 'sidebar-with-sticky', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport class=\"viewport\">\n <daff-sidebar>\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <div>Sidebar w/ inner sticky content</div>\n </nav>\n <div class=\"inner-layout\">\n <div class=\"filler\">Content</div>\n <div class=\"inner-sticky\">Some Other Content</div>\n </div>\n </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:400px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"] }]
|
93
|
+
}] });
|
94
|
+
|
95
|
+
class SidebarWithStickyModule {
|
96
|
+
}
|
97
|
+
/** @nocollapse */ SidebarWithStickyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
98
|
+
/** @nocollapse */ SidebarWithStickyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyModule, declarations: [SidebarWithStickyComponent], imports: [DaffSidebarModule,
|
99
|
+
DaffNavbarModule], exports: [SidebarWithStickyComponent] });
|
100
|
+
/** @nocollapse */ SidebarWithStickyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyModule, imports: [[
|
101
|
+
DaffSidebarModule,
|
102
|
+
DaffNavbarModule,
|
103
|
+
]] });
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyModule, decorators: [{
|
105
|
+
type: NgModule,
|
106
|
+
args: [{
|
107
|
+
imports: [
|
108
|
+
DaffSidebarModule,
|
109
|
+
DaffNavbarModule,
|
110
|
+
],
|
111
|
+
declarations: [
|
112
|
+
SidebarWithStickyComponent,
|
113
|
+
],
|
114
|
+
exports: [
|
115
|
+
SidebarWithStickyComponent,
|
116
|
+
],
|
117
|
+
}]
|
118
|
+
}] });
|
119
|
+
|
120
|
+
class TwoFixedSidebarsEitherSideComponent {
|
121
|
+
}
|
122
|
+
/** @nocollapse */ TwoFixedSidebarsEitherSideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
123
|
+
/** @nocollapse */ TwoFixedSidebarsEitherSideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: TwoFixedSidebarsEitherSideComponent, selector: "two-fixed-sidebars-either-side", ngImport: i0, template: "<daff-sidebar-viewport class=\"viewport\">\n <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div class=\"content\">\n <nav daff-navbar>\n <div>Two Fixed Sidebars on either side.</div>\n </nav>\n <div class=\"filler\">\n <p>Content</p>\n </div>\n </div>\n <daff-sidebar mode=\"side-fixed\" side=\"right\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}.filler{height:400px;padding:0 16px}\n"], components: [{ type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: ["backdropClicked"] }, { type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideComponent, decorators: [{
|
125
|
+
type: Component,
|
126
|
+
args: [{ selector: 'two-fixed-sidebars-either-side', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport class=\"viewport\">\n <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div class=\"content\">\n <nav daff-navbar>\n <div>Two Fixed Sidebars on either side.</div>\n </nav>\n <div class=\"filler\">\n <p>Content</p>\n </div>\n </div>\n <daff-sidebar mode=\"side-fixed\" side=\"right\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}.filler{height:400px;padding:0 16px}\n"] }]
|
127
|
+
}] });
|
128
|
+
|
129
|
+
class TwoFixedSidebarsEitherSideModule {
|
130
|
+
}
|
131
|
+
/** @nocollapse */ TwoFixedSidebarsEitherSideModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
132
|
+
/** @nocollapse */ TwoFixedSidebarsEitherSideModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideModule, declarations: [TwoFixedSidebarsEitherSideComponent], imports: [DaffSidebarModule,
|
133
|
+
DaffNavbarModule], exports: [TwoFixedSidebarsEitherSideComponent] });
|
134
|
+
/** @nocollapse */ TwoFixedSidebarsEitherSideModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideModule, imports: [[
|
135
|
+
DaffSidebarModule,
|
136
|
+
DaffNavbarModule,
|
137
|
+
]] });
|
138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideModule, decorators: [{
|
139
|
+
type: NgModule,
|
140
|
+
args: [{
|
141
|
+
imports: [
|
142
|
+
DaffSidebarModule,
|
143
|
+
DaffNavbarModule,
|
144
|
+
],
|
145
|
+
declarations: [
|
146
|
+
TwoFixedSidebarsEitherSideComponent,
|
147
|
+
],
|
148
|
+
exports: [
|
149
|
+
TwoFixedSidebarsEitherSideComponent,
|
150
|
+
],
|
151
|
+
}]
|
152
|
+
}] });
|
153
|
+
|
154
|
+
class UnderSidebarComponent {
|
155
|
+
constructor() {
|
156
|
+
this.openLeft = false;
|
157
|
+
this.openRight = false;
|
158
|
+
}
|
159
|
+
openLeftSidebar() {
|
160
|
+
this.openLeft = !this.openLeft;
|
161
|
+
}
|
162
|
+
openRightSidebar() {
|
163
|
+
this.openRight = !this.openRight;
|
164
|
+
}
|
165
|
+
closeSidebar() {
|
166
|
+
this.openLeft = false;
|
167
|
+
this.openRight = false;
|
168
|
+
}
|
169
|
+
}
|
170
|
+
/** @nocollapse */ UnderSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
171
|
+
/** @nocollapse */ UnderSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: UnderSidebarComponent, selector: "under-sidebar", ngImport: i0, template: "<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeSidebar()\">\n <daff-sidebar mode=\"under\" side=\"left\" [open]=\"openLeft\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <daff-sidebar mode=\"under\" side=\"right\" [open]=\"openRight\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <button daff-button (click)=\"openLeftSidebar()\">\n Open\n </button>\n <button daff-button (click)=\"openRightSidebar()\">\n Open\n </button>\n </nav>\n </div>\n</daff-sidebar-viewport>", styles: ["nav{justify-content:space-between}daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:600px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"], components: [{ type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: ["backdropClicked"] }, { type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderSidebarComponent, decorators: [{
|
173
|
+
type: Component,
|
174
|
+
args: [{ selector: 'under-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeSidebar()\">\n <daff-sidebar mode=\"under\" side=\"left\" [open]=\"openLeft\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <daff-sidebar mode=\"under\" side=\"right\" [open]=\"openRight\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <button daff-button (click)=\"openLeftSidebar()\">\n Open\n </button>\n <button daff-button (click)=\"openRightSidebar()\">\n Open\n </button>\n </nav>\n </div>\n</daff-sidebar-viewport>", styles: ["nav{justify-content:space-between}daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:600px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"] }]
|
175
|
+
}] });
|
176
|
+
|
177
|
+
class UnderSidebarModule {
|
178
|
+
}
|
179
|
+
/** @nocollapse */ UnderSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
180
|
+
/** @nocollapse */ UnderSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderSidebarModule, declarations: [UnderSidebarComponent], imports: [DaffSidebarModule,
|
181
|
+
DaffNavbarModule,
|
182
|
+
DaffButtonModule], exports: [UnderSidebarComponent] });
|
183
|
+
/** @nocollapse */ UnderSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderSidebarModule, imports: [[
|
184
|
+
DaffSidebarModule,
|
185
|
+
DaffNavbarModule,
|
186
|
+
DaffButtonModule,
|
187
|
+
]] });
|
188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderSidebarModule, decorators: [{
|
189
|
+
type: NgModule,
|
190
|
+
args: [{
|
191
|
+
imports: [
|
192
|
+
DaffSidebarModule,
|
193
|
+
DaffNavbarModule,
|
194
|
+
DaffButtonModule,
|
195
|
+
],
|
196
|
+
declarations: [
|
197
|
+
UnderSidebarComponent,
|
198
|
+
],
|
199
|
+
exports: [
|
200
|
+
UnderSidebarComponent,
|
201
|
+
],
|
202
|
+
}]
|
203
|
+
}] });
|
204
|
+
|
205
|
+
const SIDEBAR_EXAMPLES = [
|
206
|
+
{ component: BasicSidebarComponent, module: BasicSidebarModule },
|
207
|
+
{ component: SidebarWithStickyComponent, module: SidebarWithStickyModule },
|
208
|
+
{ component: TwoFixedSidebarsEitherSideComponent, module: TwoFixedSidebarsEitherSideModule },
|
209
|
+
{ component: FixedAndOverSidebarComponent, module: FixedAndOverSidebarModule },
|
210
|
+
{ component: UnderSidebarComponent, module: UnderSidebarModule },
|
211
|
+
];
|
212
|
+
|
213
|
+
/**
|
214
|
+
* Generated bundle index. Do not edit.
|
215
|
+
*/
|
216
|
+
|
217
|
+
export { SIDEBAR_EXAMPLES };
|
218
|
+
//# sourceMappingURL=daffodil-design-sidebar-examples.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"daffodil-design-sidebar-examples.mjs","sources":["../../../libs/design/sidebar/examples/src/basic-sidebar/basic-sidebar.component.ts","../../../libs/design/sidebar/examples/src/basic-sidebar/basic-sidebar.component.html","../../../libs/design/sidebar/examples/src/basic-sidebar/basic-sidebar.module.ts","../../../libs/design/sidebar/examples/src/fixed-and-over-sidebar/fixed-and-over-sidebar.component.ts","../../../libs/design/sidebar/examples/src/fixed-and-over-sidebar/fixed-and-over-sidebar.component.html","../../../libs/design/sidebar/examples/src/fixed-and-over-sidebar/fixed-and-over-sidebar.module.ts","../../../libs/design/sidebar/examples/src/sidebar-with-sticky/sidebar-with-sticky.component.ts","../../../libs/design/sidebar/examples/src/sidebar-with-sticky/sidebar-with-sticky.component.html","../../../libs/design/sidebar/examples/src/sidebar-with-sticky/sidebar-with-sticky.module.ts","../../../libs/design/sidebar/examples/src/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component.ts","../../../libs/design/sidebar/examples/src/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component.html","../../../libs/design/sidebar/examples/src/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module.ts","../../../libs/design/sidebar/examples/src/under-sidebar/under-sidebar.component.ts","../../../libs/design/sidebar/examples/src/under-sidebar/under-sidebar.component.html","../../../libs/design/sidebar/examples/src/under-sidebar/under-sidebar.module.ts","../../../libs/design/sidebar/examples/src/public_api.ts","../../../libs/design/sidebar/examples/src/daffodil-design-sidebar-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-sidebar',\n templateUrl: './basic-sidebar.component.html',\n styles: ['daff-sidebar-viewport { height: 300px }'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicSidebarComponent {\n\n}\n","<daff-sidebar-viewport>\n <daff-sidebar>\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <div>Basic Sidebar</div>\n </nav>\n </div>\n</daff-sidebar-viewport>","import { NgModule } from '@angular/core';\n\nimport {\n DaffSidebarModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { BasicSidebarComponent } from './basic-sidebar.component';\n\n@NgModule({\n imports: [\n DaffSidebarModule,\n DaffNavbarModule,\n ],\n declarations: [\n BasicSidebarComponent,\n ],\n exports: [\n BasicSidebarComponent,\n ],\n})\nexport class BasicSidebarModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'fixed-and-over-sidebar',\n templateUrl: './fixed-and-over-sidebar.component.html',\n styleUrls: [\n 'fixed-and-over-sidebar.component.scss',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FixedAndOverSidebarComponent {\n overOpen = false;\n\n openOverSidebar(){\n this.overOpen = !this.overOpen;\n }\n\n closeOverSidebar(){\n this.overOpen = false;\n }\n}\n","<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeOverSidebar()\">\n <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <daff-sidebar mode=\"over\" side=\"right\" [open]=\"overOpen\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <button daff-button (click)=\"openOverSidebar()\">\n Open\n </button>\n </nav>\n <div class=\"inner-layout\">\n <div class=\"filler\">Content</div>\n <div class=\"inner-sticky\">Some Other Content</div>\n </div>\n </div>\n</daff-sidebar-viewport>","import { NgModule } from '@angular/core';\n\nimport {\n DaffSidebarModule,\n DaffNavbarModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { FixedAndOverSidebarComponent } from './fixed-and-over-sidebar.component';\n\n@NgModule({\n imports: [\n DaffSidebarModule,\n DaffNavbarModule,\n DaffButtonModule,\n ],\n declarations: [\n FixedAndOverSidebarComponent,\n ],\n exports: [\n FixedAndOverSidebarComponent,\n ],\n})\nexport class FixedAndOverSidebarModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'sidebar-with-sticky',\n templateUrl: './sidebar-with-sticky.component.html',\n styleUrls: [\n 'sidebar-with-sticky.component.scss',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SidebarWithStickyComponent {\n\n}\n","<daff-sidebar-viewport class=\"viewport\">\n <daff-sidebar>\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <div>Sidebar w/ inner sticky content</div>\n </nav>\n <div class=\"inner-layout\">\n <div class=\"filler\">Content</div>\n <div class=\"inner-sticky\">Some Other Content</div>\n </div>\n </div>\n</daff-sidebar-viewport>","import { NgModule } from '@angular/core';\n\nimport {\n DaffSidebarModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { SidebarWithStickyComponent } from './sidebar-with-sticky.component';\n\n@NgModule({\n imports: [\n DaffSidebarModule,\n DaffNavbarModule,\n ],\n declarations: [\n SidebarWithStickyComponent,\n ],\n exports: [\n SidebarWithStickyComponent,\n ],\n})\nexport class SidebarWithStickyModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'two-fixed-sidebars-either-side',\n templateUrl: './two-fixed-sidebars-either-side.component.html',\n styleUrls: ['./two-fixed-sidebars-either-side.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TwoFixedSidebarsEitherSideComponent {\n\n}\n","<daff-sidebar-viewport class=\"viewport\">\n <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div class=\"content\">\n <nav daff-navbar>\n <div>Two Fixed Sidebars on either side.</div>\n </nav>\n <div class=\"filler\">\n <p>Content</p>\n </div>\n </div>\n <daff-sidebar mode=\"side-fixed\" side=\"right\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n</daff-sidebar-viewport>","import { NgModule } from '@angular/core';\n\nimport {\n DaffNavbarModule,\n DaffSidebarModule,\n} from '@daffodil/design';\n\nimport { TwoFixedSidebarsEitherSideComponent } from './two-fixed-sidebars-either-side.component';\n\n@NgModule({\n imports: [\n DaffSidebarModule,\n DaffNavbarModule,\n ],\n declarations: [\n TwoFixedSidebarsEitherSideComponent,\n ],\n exports: [\n TwoFixedSidebarsEitherSideComponent,\n ],\n})\nexport class TwoFixedSidebarsEitherSideModule { }\n\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'under-sidebar',\n templateUrl: './under-sidebar.component.html',\n styleUrls: [\n 'under-sidebar.component.scss',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class UnderSidebarComponent {\n openLeft = false;\n openRight = false;\n\n openLeftSidebar(){\n this.openLeft = !this.openLeft;\n }\n\n openRightSidebar(){\n this.openRight = !this.openRight;\n }\n\n closeSidebar(){\n this.openLeft = false;\n this.openRight = false;\n }\n}\n","<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeSidebar()\">\n <daff-sidebar mode=\"under\" side=\"left\" [open]=\"openLeft\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <daff-sidebar mode=\"under\" side=\"right\" [open]=\"openRight\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <button daff-button (click)=\"openLeftSidebar()\">\n Open\n </button>\n <button daff-button (click)=\"openRightSidebar()\">\n Open\n </button>\n </nav>\n </div>\n</daff-sidebar-viewport>","import { NgModule } from '@angular/core';\n\nimport {\n DaffSidebarModule,\n DaffNavbarModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { UnderSidebarComponent } from './under-sidebar.component';\n\n@NgModule({\n imports: [\n DaffSidebarModule,\n DaffNavbarModule,\n DaffButtonModule,\n ],\n declarations: [\n UnderSidebarComponent,\n ],\n exports: [\n UnderSidebarComponent,\n ],\n})\nexport class UnderSidebarModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicSidebarComponent } from './basic-sidebar/basic-sidebar.component';\nimport { BasicSidebarModule } from './basic-sidebar/basic-sidebar.module';\nimport { FixedAndOverSidebarComponent } from './fixed-and-over-sidebar/fixed-and-over-sidebar.component';\nimport { FixedAndOverSidebarModule } from './fixed-and-over-sidebar/fixed-and-over-sidebar.module';\nimport { SidebarWithStickyComponent } from './sidebar-with-sticky/sidebar-with-sticky.component';\nimport { SidebarWithStickyModule } from './sidebar-with-sticky/sidebar-with-sticky.module';\nimport { TwoFixedSidebarsEitherSideComponent } from './two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component';\nimport { TwoFixedSidebarsEitherSideModule } from './two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module';\nimport { UnderSidebarComponent } from './under-sidebar/under-sidebar.component';\nimport { UnderSidebarModule } from './under-sidebar/under-sidebar.module';\n\nexport const SIDEBAR_EXAMPLES: ComponentExample[] = [\n { component: BasicSidebarComponent, module: BasicSidebarModule },\n { component: SidebarWithStickyComponent, module: SidebarWithStickyModule },\n { component: TwoFixedSidebarsEitherSideComponent, module: TwoFixedSidebarsEitherSideModule },\n { component: FixedAndOverSidebarComponent, module: FixedAndOverSidebarModule },\n { component: UnderSidebarComponent, module: UnderSidebarModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,81 @@
|
|
1
|
+
import * as i0 from '@angular/core';
|
2
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
3
|
+
import * as i1 from '@daffodil/design/tree';
|
4
|
+
import { DaffTreeModule } from '@daffodil/design/tree';
|
5
|
+
import * as i2 from '@angular/router';
|
6
|
+
import { RouterModule } from '@angular/router';
|
7
|
+
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
8
|
+
|
9
|
+
class BasicTreeComponent {
|
10
|
+
constructor() {
|
11
|
+
this.tree = {
|
12
|
+
title: 'Root',
|
13
|
+
items: [
|
14
|
+
{
|
15
|
+
title: 'Example Children',
|
16
|
+
items: [
|
17
|
+
{ title: 'Example Child', url: '#', id: '', items: [], data: {} },
|
18
|
+
],
|
19
|
+
url: '#',
|
20
|
+
id: '',
|
21
|
+
data: {},
|
22
|
+
},
|
23
|
+
{
|
24
|
+
title: 'Example Link',
|
25
|
+
items: [],
|
26
|
+
url: '#',
|
27
|
+
id: '',
|
28
|
+
data: {},
|
29
|
+
},
|
30
|
+
],
|
31
|
+
url: '',
|
32
|
+
id: '',
|
33
|
+
data: {},
|
34
|
+
};
|
35
|
+
}
|
36
|
+
}
|
37
|
+
/** @nocollapse */ BasicTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
38
|
+
/** @nocollapse */ BasicTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicTreeComponent, selector: "basic-tree", ngImport: i0, template: "<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n", components: [{ type: i1.DaffTreeComponent, selector: "ul[daff-tree]", inputs: ["tree"] }], directives: [{ type: i1.DaffTreeItemDirective, selector: "[daffTreeItem]", inputs: ["node", "selected"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicTreeComponent, decorators: [{
|
40
|
+
type: Component,
|
41
|
+
args: [{ selector: 'basic-tree', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n" }]
|
42
|
+
}] });
|
43
|
+
|
44
|
+
class BasicTreeModule {
|
45
|
+
}
|
46
|
+
/** @nocollapse */ BasicTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
47
|
+
/** @nocollapse */ BasicTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicTreeModule, declarations: [BasicTreeComponent], imports: [RouterModule,
|
48
|
+
DaffTreeModule,
|
49
|
+
FontAwesomeModule], exports: [BasicTreeComponent] });
|
50
|
+
/** @nocollapse */ BasicTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicTreeModule, imports: [[
|
51
|
+
RouterModule,
|
52
|
+
DaffTreeModule,
|
53
|
+
FontAwesomeModule,
|
54
|
+
]] });
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicTreeModule, decorators: [{
|
56
|
+
type: NgModule,
|
57
|
+
args: [{
|
58
|
+
declarations: [
|
59
|
+
BasicTreeComponent,
|
60
|
+
],
|
61
|
+
exports: [
|
62
|
+
BasicTreeComponent,
|
63
|
+
],
|
64
|
+
imports: [
|
65
|
+
RouterModule,
|
66
|
+
DaffTreeModule,
|
67
|
+
FontAwesomeModule,
|
68
|
+
],
|
69
|
+
}]
|
70
|
+
}] });
|
71
|
+
|
72
|
+
const TREE_EXAMPLES = [
|
73
|
+
BasicTreeComponent,
|
74
|
+
];
|
75
|
+
|
76
|
+
/**
|
77
|
+
* Generated bundle index. Do not edit.
|
78
|
+
*/
|
79
|
+
|
80
|
+
export { BasicTreeComponent, BasicTreeModule, TREE_EXAMPLES };
|
81
|
+
//# sourceMappingURL=daffodil-design-tree-examples.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"daffodil-design-tree-examples.mjs","sources":["../../../libs/design/tree/examples/src/basic-tree/basic-tree.component.ts","../../../libs/design/tree/examples/src/basic-tree/basic-tree.component.html","../../../libs/design/tree/examples/src/basic-tree/basic-tree.module.ts","../../../libs/design/tree/examples/src/public_api.ts","../../../libs/design/tree/examples/src/daffodil-design-tree-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffTreeData } from '@daffodil/design/tree';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-tree',\n templateUrl: './basic-tree.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicTreeComponent {\n tree: DaffTreeData<unknown> = {\n title: 'Root',\n items: [\n {\n title: 'Example Children',\n items: [\n { title: 'Example Child', url: '#', id: '', items: [], data: {}},\n ],\n url: '#',\n id: '',\n data: {},\n },\n {\n title: 'Example Link',\n items: [],\n url: '#',\n id: '',\n data: {},\n },\n ],\n url: '',\n id: '',\n data: {},\n };\n}\n","<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffTreeModule } from '@daffodil/design/tree';\n\nimport { BasicTreeComponent } from './basic-tree.component';\n\n@NgModule({\n declarations: [\n BasicTreeComponent,\n ],\n exports: [\n BasicTreeComponent,\n ],\n imports: [\n RouterModule,\n DaffTreeModule,\n FontAwesomeModule,\n ],\n})\nexport class BasicTreeModule { }\n","import { BasicTreeComponent } from './basic-tree/basic-tree.component';\nexport { BasicTreeModule } from './basic-tree/basic-tree.module';\nexport { BasicTreeComponent };\nexport const TREE_EXAMPLES = [\n BasicTreeComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|