@daffodil/design 0.61.0 → 0.62.1

package/accordion/examples/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design/accordion/examples","module":"../../fesm2015/daffodil-design-accordion-examples.mjs","es2020":"../../fesm2020/daffodil-design-accordion-examples.mjs","esm2020":"../../esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-accordion-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-accordion-examples.mjs","typings":"daffodil-design-accordion-examples.d.ts","sideEffects":false,"version":"0.61.0"}
+{"name":"@daffodil/design/accordion/examples","module":"../../fesm2015/daffodil-design-accordion-examples.mjs","es2020":"../../fesm2020/daffodil-design-accordion-examples.mjs","esm2020":"../../esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-accordion-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-accordion-examples.mjs","typings":"daffodil-design-accordion-examples.d.ts","sideEffects":false,"version":"0.62.1"}

package/article/examples/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design/article/examples","module":"../../fesm2015/daffodil-design-article-examples.mjs","es2020":"../../fesm2020/daffodil-design-article-examples.mjs","esm2020":"../../esm2020/article/examples/daffodil-design-article-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-article-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-article-examples.mjs","typings":"daffodil-design-article-examples.d.ts","sideEffects":false,"version":"0.61.0"}
+{"name":"@daffodil/design/article/examples","module":"../../fesm2015/daffodil-design-article-examples.mjs","es2020":"../../fesm2020/daffodil-design-article-examples.mjs","esm2020":"../../esm2020/article/examples/daffodil-design-article-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-article-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-article-examples.mjs","typings":"daffodil-design-article-examples.d.ts","sideEffects":false,"version":"0.62.1"}

package/button/examples/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design/button/examples","module":"../../fesm2015/daffodil-design-button-examples.mjs","es2020":"../../fesm2020/daffodil-design-button-examples.mjs","esm2020":"../../esm2020/button/examples/daffodil-design-button-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-button-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-button-examples.mjs","typings":"daffodil-design-button-examples.d.ts","sideEffects":false,"version":"0.61.0"}
+{"name":"@daffodil/design/button/examples","module":"../../fesm2015/daffodil-design-button-examples.mjs","es2020":"../../fesm2020/daffodil-design-button-examples.mjs","esm2020":"../../esm2020/button/examples/daffodil-design-button-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-button-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-button-examples.mjs","typings":"daffodil-design-button-examples.d.ts","sideEffects":false,"version":"0.62.1"}

package/callout/examples/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design/callout/examples","module":"../../fesm2015/daffodil-design-callout-examples.mjs","es2020":"../../fesm2020/daffodil-design-callout-examples.mjs","esm2020":"../../esm2020/callout/examples/daffodil-design-callout-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-callout-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-callout-examples.mjs","typings":"daffodil-design-callout-examples.d.ts","sideEffects":false,"version":"0.61.0"}
+{"name":"@daffodil/design/callout/examples","module":"../../fesm2015/daffodil-design-callout-examples.mjs","es2020":"../../fesm2020/daffodil-design-callout-examples.mjs","esm2020":"../../esm2020/callout/examples/daffodil-design-callout-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-callout-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-callout-examples.mjs","typings":"daffodil-design-callout-examples.d.ts","sideEffects":false,"version":"0.62.1"}

package/card/examples/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design/card/examples","module":"../../fesm2015/daffodil-design-card-examples.mjs","es2020":"../../fesm2020/daffodil-design-card-examples.mjs","esm2020":"../../esm2020/card/examples/daffodil-design-card-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-card-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-card-examples.mjs","typings":"daffodil-design-card-examples.d.ts","sideEffects":false,"version":"0.61.0"}
+{"name":"@daffodil/design/card/examples","module":"../../fesm2015/daffodil-design-card-examples.mjs","es2020":"../../fesm2020/daffodil-design-card-examples.mjs","esm2020":"../../esm2020/card/examples/daffodil-design-card-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-card-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-card-examples.mjs","typings":"daffodil-design-card-examples.d.ts","sideEffects":false,"version":"0.62.1"}

package/checkbox/examples/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design/checkbox/examples","module":"../../fesm2015/daffodil-design-checkbox-examples.mjs","es2020":"../../fesm2020/daffodil-design-checkbox-examples.mjs","esm2020":"../../esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-checkbox-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-checkbox-examples.mjs","typings":"daffodil-design-checkbox-examples.d.ts","sideEffects":false,"version":"0.61.0"}
+{"name":"@daffodil/design/checkbox/examples","module":"../../fesm2015/daffodil-design-checkbox-examples.mjs","es2020":"../../fesm2020/daffodil-design-checkbox-examples.mjs","esm2020":"../../esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-checkbox-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-checkbox-examples.mjs","typings":"daffodil-design-checkbox-examples.d.ts","sideEffects":false,"version":"0.62.1"}

package/container/examples/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design/container/examples","module":"../../fesm2015/daffodil-design-container-examples.mjs","es2020":"../../fesm2020/daffodil-design-container-examples.mjs","esm2020":"../../esm2020/container/examples/daffodil-design-container-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-container-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-container-examples.mjs","typings":"daffodil-design-container-examples.d.ts","sideEffects":false,"version":"0.61.0"}
+{"name":"@daffodil/design/container/examples","module":"../../fesm2015/daffodil-design-container-examples.mjs","es2020":"../../fesm2020/daffodil-design-container-examples.mjs","esm2020":"../../esm2020/container/examples/daffodil-design-container-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-container-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-container-examples.mjs","typings":"daffodil-design-container-examples.d.ts","sideEffects":false,"version":"0.62.1"}

package/core/animation/animation-state-with-params.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A type representing what Angular accepts on an animation template binding.
+ * This type should likely be moved to `@angular/animations`.
+ */
+export interface AnimationStateWithParams<T = unknown, V = Record<string | number, unknown>> {
+    value: T;
+    params: V;
+}

package/core/public_api.d.ts

@@ -1,3 +1,4 @@
+export * from './animation/animation-state-with-params';
 export * from './prefix-suffix/public_api';
 export * from './colorable/public_api';
 export * from './breakpoints/breakpoints';

package/esm2020/core/animation/animation-state-with-params.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9uLXN0YXRlLXdpdGgtcGFyYW1zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvYW5pbWF0aW9uL2FuaW1hdGlvbi1zdGF0ZS13aXRoLXBhcmFtcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBBIHR5cGUgcmVwcmVzZW50aW5nIHdoYXQgQW5ndWxhciBhY2NlcHRzIG9uIGFuIGFuaW1hdGlvbiB0ZW1wbGF0ZSBiaW5kaW5nLlxuICogVGhpcyB0eXBlIHNob3VsZCBsaWtlbHkgYmUgbW92ZWQgdG8gYEBhbmd1bGFyL2FuaW1hdGlvbnNgLlxuICovXG5leHBvcnQgaW50ZXJmYWNlIEFuaW1hdGlvblN0YXRlV2l0aFBhcmFtczxUID0gdW5rbm93biwgViA9IFJlY29yZDxzdHJpbmcgfCBudW1iZXIsIHVua25vd24+PntcbiAgdmFsdWU6IFQ7XG4gIHBhcmFtczogVjtcbn1cbiJdfQ==

package/esm2020/core/public_api.mjs

@@ -1,4 +1,5 @@
 // Core
+export * from './animation/animation-state-with-params';
 export * from './prefix-suffix/public_api';
 export * from './colorable/public_api';
 export * from './breakpoints/breakpoints';
@@ -13,4 +14,4 @@ export * from './article-encapsulated/public_api';
 export * from './theming/public_api';
 export * from './lazy/public_api';
 export * from './focus/public_api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTztBQUNQLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcmVcbmV4cG9ydCAqIGZyb20gJy4vcHJlZml4LXN1ZmZpeC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vY29sb3JhYmxlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9icmVha3BvaW50cy9icmVha3BvaW50cyc7XG5leHBvcnQgKiBmcm9tICcuL2NvbnN0cnVjdG9yL2NvbnN0cnVjdG9yJztcbmV4cG9ydCAqIGZyb20gJy4vc3RhdHVzYWJsZS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vc2tlbGV0b25hYmxlL3NrZWxldG9uYWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL211dGFibGUvbXV0YWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL3RleHQtYWxpZ25hYmxlL3RleHQtYWxpZ25hYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcGFjdGFibGUvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21hbmFnZS1jb250YWluZXItbGF5b3V0L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hcnRpY2xlLWVuY2Fwc3VsYXRlZC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vdGhlbWluZy9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbGF6eS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vZm9jdXMvcHVibGljX2FwaSc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTztBQUNQLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29yZVxuZXhwb3J0ICogZnJvbSAnLi9hbmltYXRpb24vYW5pbWF0aW9uLXN0YXRlLXdpdGgtcGFyYW1zJztcbmV4cG9ydCAqIGZyb20gJy4vcHJlZml4LXN1ZmZpeC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vY29sb3JhYmxlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9icmVha3BvaW50cy9icmVha3BvaW50cyc7XG5leHBvcnQgKiBmcm9tICcuL2NvbnN0cnVjdG9yL2NvbnN0cnVjdG9yJztcbmV4cG9ydCAqIGZyb20gJy4vc3RhdHVzYWJsZS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vc2tlbGV0b25hYmxlL3NrZWxldG9uYWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL211dGFibGUvbXV0YWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL3RleHQtYWxpZ25hYmxlL3RleHQtYWxpZ25hYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcGFjdGFibGUvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21hbmFnZS1jb250YWluZXItbGF5b3V0L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hcnRpY2xlLWVuY2Fwc3VsYXRlZC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vdGhlbWluZy9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbGF6eS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vZm9jdXMvcHVibGljX2FwaSc7XG4iXX0=

package/esm2020/molecules/backdrop/animation/backdrop-animation-state.mjs

@@ -0,0 +1,2 @@
+export const getAnimationState = (interactable) => interactable ? 'interactable' : 'non-interactable';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AtYW5pbWF0aW9uLXN0YXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9iYWNrZHJvcC9hbmltYXRpb24vYmFja2Ryb3AtYW5pbWF0aW9uLXN0YXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLENBQUMsWUFBcUIsRUFBNkIsRUFBRSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIERhZmZCYWNrZHJvcEFuaW1hdGlvblN0YXRlID0gJ2ludGVyYWN0YWJsZScgfCAnbm9uLWludGVyYWN0YWJsZSc7XG5leHBvcnQgY29uc3QgZ2V0QW5pbWF0aW9uU3RhdGUgPSAoaW50ZXJhY3RhYmxlOiBib29sZWFuKTogRGFmZkJhY2tkcm9wQW5pbWF0aW9uU3RhdGU9PiBpbnRlcmFjdGFibGUgPyAnaW50ZXJhY3RhYmxlJyA6ICdub24taW50ZXJhY3RhYmxlJztcbiJdfQ==

package/esm2020/molecules/backdrop/animation/backdrop-animation.mjs

@@ -1,9 +1,13 @@
-import { animate, style, transition, trigger, } from '@angular/animations';
+import { animate, state, style, transition, trigger, } from '@angular/animations';
 const animationDuration = '350ms';
 const backdropTransitionOut = 'cubic-bezier(0.4, 0.0, 1, 1)';
 const backdropTransitionIn = 'cubic-bezier(0.0, 0.0, 0.2, 1)';
 export const daffBackdropAnimations = {
     fadeBackdrop: trigger('fadeBackdrop', [
+        state('interactable', style({ opacity: 1 })),
+        state('non-interactable', style({ opacity: 0 })),
+        transition('interactable => non-interactable', animate(animationDuration + ' ' + backdropTransitionOut)),
+        transition('non-interactable => interactable', animate(animationDuration + ' ' + backdropTransitionIn)),
         transition(':enter', [
             style({ opacity: 0 }),
             animate(animationDuration + ' ' + backdropTransitionIn, style({ opacity: 1 })),
@@ -13,4 +17,4 @@ export const daffBackdropAnimations = {
         ]),
     ]),
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AtYW5pbWF0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9iYWNrZHJvcC9hbmltYXRpb24vYmFja2Ryb3AtYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxPQUFPLEVBRVAsS0FBSyxFQUNMLFVBQVUsRUFDVixPQUFPLEdBRVIsTUFBTSxxQkFBcUIsQ0FBQztBQUU3QixNQUFNLGlCQUFpQixHQUFHLE9BQU8sQ0FBQztBQUNsQyxNQUFNLHFCQUFxQixHQUFHLDhCQUE4QixDQUFDO0FBQzdELE1BQU0sb0JBQW9CLEdBQUcsZ0NBQWdDLENBQUM7QUFFOUQsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBRS9CO0lBQ0YsWUFBWSxFQUFFLE9BQU8sQ0FBQyxjQUFjLEVBQUU7UUFDcEMsVUFBVSxDQUFDLFFBQVEsRUFBRTtZQUNuQixLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDckIsT0FBTyxDQUFDLGlCQUFpQixHQUFHLEdBQUcsR0FBRyxvQkFBb0IsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUMvRSxDQUFDO1FBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtZQUNuQixPQUFPLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxHQUFHLHFCQUFxQixFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQ2hGLENBQUM7S0FDSCxDQUFDO0NBQ0gsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGFuaW1hdGUsXG4gIHN0YXRlLFxuICBzdHlsZSxcbiAgdHJhbnNpdGlvbixcbiAgdHJpZ2dlcixcbiAgQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhLFxufSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuY29uc3QgYW5pbWF0aW9uRHVyYXRpb24gPSAnMzUwbXMnO1xuY29uc3QgYmFja2Ryb3BUcmFuc2l0aW9uT3V0ID0gJ2N1YmljLWJlemllcigwLjQsIDAuMCwgMSwgMSknO1xuY29uc3QgYmFja2Ryb3BUcmFuc2l0aW9uSW4gPSAnY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjIsIDEpJztcblxuZXhwb3J0IGNvbnN0IGRhZmZCYWNrZHJvcEFuaW1hdGlvbnM6IHtcbiAgcmVhZG9ubHkgZmFkZUJhY2tkcm9wOiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGE7XG59ID0ge1xuICBmYWRlQmFja2Ryb3A6IHRyaWdnZXIoJ2ZhZGVCYWNrZHJvcCcsIFtcbiAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXG4gICAgICBzdHlsZSh7IG9wYWNpdHk6IDAgfSksXG4gICAgICBhbmltYXRlKGFuaW1hdGlvbkR1cmF0aW9uICsgJyAnICsgYmFja2Ryb3BUcmFuc2l0aW9uSW4sIHN0eWxlKHsgb3BhY2l0eTogMSB9KSksXG4gICAgXSksXG4gICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgICAgYW5pbWF0ZShhbmltYXRpb25EdXJhdGlvbiArICcgJyArIGJhY2tkcm9wVHJhbnNpdGlvbk91dCwgc3R5bGUoeyBvcGFjaXR5OiAwIH0pKSxcbiAgICBdKSxcbiAgXSksXG59O1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AtYW5pbWF0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9iYWNrZHJvcC9hbmltYXRpb24vYmFja2Ryb3AtYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxPQUFPLEVBQ1AsS0FBSyxFQUNMLEtBQUssRUFDTCxVQUFVLEVBQ1YsT0FBTyxHQUVSLE1BQU0scUJBQXFCLENBQUM7QUFFN0IsTUFBTSxpQkFBaUIsR0FBRyxPQUFPLENBQUM7QUFDbEMsTUFBTSxxQkFBcUIsR0FBRyw4QkFBOEIsQ0FBQztBQUM3RCxNQUFNLG9CQUFvQixHQUFHLGdDQUFnQyxDQUFDO0FBRTlELE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUUvQjtJQUNGLFlBQVksRUFBRSxPQUFPLENBQUMsY0FBYyxFQUFFO1FBQ3BDLEtBQUssQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDNUMsS0FBSyxDQUFDLGtCQUFrQixFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2hELFVBQVUsQ0FBQyxrQ0FBa0MsRUFBRSxPQUFPLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxHQUFHLHFCQUFxQixDQUFDLENBQUM7UUFDeEcsVUFBVSxDQUFDLGtDQUFrQyxFQUFFLE9BQU8sQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLEdBQUcsb0JBQW9CLENBQUMsQ0FBQztRQUN2RyxVQUFVLENBQUMsUUFBUSxFQUFFO1lBQ25CLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNyQixPQUFPLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxHQUFHLG9CQUFvQixFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQy9FLENBQUM7UUFDRixVQUFVLENBQUMsUUFBUSxFQUFFO1lBQ25CLE9BQU8sQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLEdBQUcscUJBQXFCLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7U0FDaEYsQ0FBQztLQUNILENBQUM7Q0FDSCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgYW5pbWF0ZSxcbiAgc3RhdGUsXG4gIHN0eWxlLFxuICB0cmFuc2l0aW9uLFxuICB0cmlnZ2VyLFxuICBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEsXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5jb25zdCBhbmltYXRpb25EdXJhdGlvbiA9ICczNTBtcyc7XG5jb25zdCBiYWNrZHJvcFRyYW5zaXRpb25PdXQgPSAnY3ViaWMtYmV6aWVyKDAuNCwgMC4wLCAxLCAxKSc7XG5jb25zdCBiYWNrZHJvcFRyYW5zaXRpb25JbiA9ICdjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMiwgMSknO1xuXG5leHBvcnQgY29uc3QgZGFmZkJhY2tkcm9wQW5pbWF0aW9uczoge1xuICByZWFkb25seSBmYWRlQmFja2Ryb3A6IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YTtcbn0gPSB7XG4gIGZhZGVCYWNrZHJvcDogdHJpZ2dlcignZmFkZUJhY2tkcm9wJywgW1xuICAgIHN0YXRlKCdpbnRlcmFjdGFibGUnLCBzdHlsZSh7IG9wYWNpdHk6IDEgfSkpLFxuICAgIHN0YXRlKCdub24taW50ZXJhY3RhYmxlJywgc3R5bGUoeyBvcGFjaXR5OiAwIH0pKSxcbiAgICB0cmFuc2l0aW9uKCdpbnRlcmFjdGFibGUgPT4gbm9uLWludGVyYWN0YWJsZScsIGFuaW1hdGUoYW5pbWF0aW9uRHVyYXRpb24gKyAnICcgKyBiYWNrZHJvcFRyYW5zaXRpb25PdXQpKSxcbiAgICB0cmFuc2l0aW9uKCdub24taW50ZXJhY3RhYmxlID0+IGludGVyYWN0YWJsZScsIGFuaW1hdGUoYW5pbWF0aW9uRHVyYXRpb24gKyAnICcgKyBiYWNrZHJvcFRyYW5zaXRpb25JbikpLFxuICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtcbiAgICAgIHN0eWxlKHsgb3BhY2l0eTogMCB9KSxcbiAgICAgIGFuaW1hdGUoYW5pbWF0aW9uRHVyYXRpb24gKyAnICcgKyBiYWNrZHJvcFRyYW5zaXRpb25Jbiwgc3R5bGUoeyBvcGFjaXR5OiAxIH0pKSxcbiAgICBdKSxcbiAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG4gICAgICBhbmltYXRlKGFuaW1hdGlvbkR1cmF0aW9uICsgJyAnICsgYmFja2Ryb3BUcmFuc2l0aW9uT3V0LCBzdHlsZSh7IG9wYWNpdHk6IDAgfSkpLFxuICAgIF0pLFxuICBdKSxcbn07XG4iXX0=

package/esm2020/molecules/backdrop/backdrop/backdrop.component.mjs

@@ -1,5 +1,6 @@
 import { Component, Output, EventEmitter, Input, ChangeDetectionStrategy, HostListener, HostBinding, } from '@angular/core';
 import { daffBackdropAnimations } from '../animation/backdrop-animation';
+import { getAnimationState } from '../animation/backdrop-animation-state';
 import * as i0 from "@angular/core";
 export class DaffBackdropComponent {
     constructor() {
@@ -8,6 +9,10 @@ export class DaffBackdropComponent {
          */
         // eslint-disable-next-line @typescript-eslint/no-inferrable-types
         this.transparent = false;
+        /**
+         * Determines whether or not the backdrop is interactable.
+         */
+        this.interactable = true;
         /**
          * Boolean property that determines whether or not the
          * backdrop should fill up its containing window.
@@ -18,35 +23,65 @@ export class DaffBackdropComponent {
          * Output event triggered when the backdrop is clicked.
          */
         this.backdropClicked = new EventEmitter();
+        this.interactableClass = true;
+    }
+    ngOnInit() {
+        this.interactableClass = this.interactable;
     }
     /**
      * Animation hook for that controls the backdrops
      * entrance and fade animations.
      */
+    get fadeBackdropTrigger() {
+        return getAnimationState(this.interactable);
+    }
+    animationDone(e) {
+        this.interactableClass = !(e.toState === ':leave' || e.toState === 'non-interactable');
+    }
+    animationStart(e) {
+        if (e.toState === ':enter' || e.toState === 'interactable') {
+            this.interactableClass = true;
+        }
+    }
+    /**
+     * @deprecated
+     * Backdrop event that triggers when the backdrop element is clicked.
+     */
     onBackdropClicked() {
         this.backdropClicked.emit();
     }
 }
 /** @nocollapse */ DaffBackdropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffBackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffBackdropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffBackdropComponent, selector: "daff-backdrop", inputs: { transparent: "transparent", fullscreen: "fullscreen" }, outputs: { backdropClicked: "backdropClicked" }, host: { listeners: { "click": "onBackdropClicked()" }, properties: { "@fadeBackdrop": "this.onBackdropClicked" } }, ngImport: i0, template: "<div class=\"daff-backdrop\" [class.daff-backdrop--fullscreen]=\"fullscreen\" [class.daff-backdrop--transparent]=\"transparent\"></div>\n", styles: [":host{cursor:pointer;-webkit-user-select:none;user-select:none;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0)}.daff-backdrop{background:rgba(0,0,0,.3);height:100%;width:100%}.daff-backdrop--transparent{background:none}.daff-backdrop:focus,.daff-backdrop:active,.daff-backdrop:visited{outline:0}.daff-backdrop--fullscreen{position:absolute}\n"], animations: [
+/** @nocollapse */ DaffBackdropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffBackdropComponent, selector: "daff-backdrop", inputs: { transparent: "transparent", interactable: "interactable", fullscreen: "fullscreen" }, outputs: { backdropClicked: "backdropClicked" }, host: { listeners: { "@fadeBackdrop.done": "animationDone($event)", "@fadeBackdrop.start": "animationStart($event)", "click": "onBackdropClicked()" }, properties: { "class.interactable": "this.interactableClass", "@fadeBackdrop": "this.fadeBackdropTrigger" } }, ngImport: i0, template: "<div class=\"daff-backdrop\" [class.daff-backdrop--fullscreen]=\"fullscreen\" [class.daff-backdrop--transparent]=\"transparent\"></div>\n", styles: [":host{display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);visibility:hidden;pointer-events:none}:host.interactable{visibility:visible;pointer-events:all;cursor:pointer;-webkit-user-select:none;user-select:none}.daff-backdrop{background:rgba(0,0,0,.3);height:100%;width:100%}.daff-backdrop--transparent{background:none}.daff-backdrop:focus,.daff-backdrop:active,.daff-backdrop:visited{outline:0}.daff-backdrop--fullscreen{position:absolute}\n"], animations: [
         daffBackdropAnimations.fadeBackdrop,
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffBackdropComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-backdrop', animations: [
                         daffBackdropAnimations.fadeBackdrop,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"daff-backdrop\" [class.daff-backdrop--fullscreen]=\"fullscreen\" [class.daff-backdrop--transparent]=\"transparent\"></div>\n", styles: [":host{cursor:pointer;-webkit-user-select:none;user-select:none;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0)}.daff-backdrop{background:rgba(0,0,0,.3);height:100%;width:100%}.daff-backdrop--transparent{background:none}.daff-backdrop:focus,.daff-backdrop:active,.daff-backdrop:visited{outline:0}.daff-backdrop--fullscreen{position:absolute}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"daff-backdrop\" [class.daff-backdrop--fullscreen]=\"fullscreen\" [class.daff-backdrop--transparent]=\"transparent\"></div>\n", styles: [":host{display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);visibility:hidden;pointer-events:none}:host.interactable{visibility:visible;pointer-events:all;cursor:pointer;-webkit-user-select:none;user-select:none}.daff-backdrop{background:rgba(0,0,0,.3);height:100%;width:100%}.daff-backdrop--transparent{background:none}.daff-backdrop:focus,.daff-backdrop:active,.daff-backdrop:visited{outline:0}.daff-backdrop--fullscreen{position:absolute}\n"] }]
         }], propDecorators: { transparent: [{
                 type: Input
+            }], interactable: [{
+                type: Input
             }], fullscreen: [{
                 type: Input
             }], backdropClicked: [{
                 type: Output
-            }], onBackdropClicked: [{
+            }], interactableClass: [{
+                type: HostBinding,
+                args: ['class.interactable']
+            }], fadeBackdropTrigger: [{
                 type: HostBinding,
                 args: ['@fadeBackdrop']
-            }, {
+            }], animationDone: [{
+                type: HostListener,
+                args: ['@fadeBackdrop.done', ['$event']]
+            }], animationStart: [{
+                type: HostListener,
+                args: ['@fadeBackdrop.start', ['$event']]
+            }], onBackdropClicked: [{
                 type: HostListener,
                 args: ['click']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9iYWNrZHJvcC9iYWNrZHJvcC9iYWNrZHJvcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL2JhY2tkcm9wL2JhY2tkcm9wL2JhY2tkcm9wLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsTUFBTSxFQUNOLFlBQVksRUFDWixLQUFLLEVBQ0wsdUJBQXVCLEVBQ3ZCLFlBQVksRUFDWixXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBV3pFLE1BQU0sT0FBTyxxQkFBcUI7SUFUbEM7UUFXRTs7V0FFRztRQUNILGtFQUFrRTtRQUN6RCxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUV0Qzs7O1dBR0c7UUFDSCxrRUFBa0U7UUFDekQsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUVyQzs7V0FFRztRQUNPLG9CQUFlLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7S0FnQjFFO0lBZEM7OztPQUdHO0lBUUgsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDOztxSUFqQ1UscUJBQXFCO3lIQUFyQixxQkFBcUIsNFJDckJsQywySUFDQSwwWERlYztRQUNWLHNCQUFzQixDQUFDLFlBQVk7S0FDcEM7MkZBR1UscUJBQXFCO2tCQVRqQyxTQUFTOytCQUNFLGVBQWUsY0FHYjt3QkFDVixzQkFBc0IsQ0FBQyxZQUFZO3FCQUNwQyxtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFRdEMsV0FBVztzQkFBbkIsS0FBSztnQkFPRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtJLGVBQWU7c0JBQXhCLE1BQU07Z0JBYVAsaUJBQWlCO3NCQVBoQixXQUFXO3VCQUFDLGVBQWU7O3NCQU0zQixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIEhvc3RMaXN0ZW5lcixcbiAgSG9zdEJpbmRpbmcsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBkYWZmQmFja2Ryb3BBbmltYXRpb25zIH0gZnJvbSAnLi4vYW5pbWF0aW9uL2JhY2tkcm9wLWFuaW1hdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtYmFja2Ryb3AnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFja2Ryb3AuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iYWNrZHJvcC5jb21wb25lbnQuc2NzcyddLFxuICBhbmltYXRpb25zOiBbXG4gICAgZGFmZkJhY2tkcm9wQW5pbWF0aW9ucy5mYWRlQmFja2Ryb3AsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmQmFja2Ryb3BDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHdoZXRoZXIgb3Igbm90IHRoZSBiYWNrZHJvcCBpcyB0cmFuc3BhcmVudC5cbiAgICovXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8taW5mZXJyYWJsZS10eXBlc1xuICBASW5wdXQoKSB0cmFuc3BhcmVudDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBCb29sZWFuIHByb3BlcnR5IHRoYXQgZGV0ZXJtaW5lcyB3aGV0aGVyIG9yIG5vdCB0aGVcbiAgICogYmFja2Ryb3Agc2hvdWxkIGZpbGwgdXAgaXRzIGNvbnRhaW5pbmcgd2luZG93LlxuICAgKi9cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1pbmZlcnJhYmxlLXR5cGVzXG4gIEBJbnB1dCgpIGZ1bGxzY3JlZW46IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogT3V0cHV0IGV2ZW50IHRyaWdnZXJlZCB3aGVuIHRoZSBiYWNrZHJvcCBpcyBjbGlja2VkLlxuICAgKi9cbiAgQE91dHB1dCgpIGJhY2tkcm9wQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBBbmltYXRpb24gaG9vayBmb3IgdGhhdCBjb250cm9scyB0aGUgYmFja2Ryb3BzXG4gICAqIGVudHJhbmNlIGFuZCBmYWRlIGFuaW1hdGlvbnMuXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ0BmYWRlQmFja2Ryb3AnKVxuXG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKiBCYWNrZHJvcCBldmVudCB0aGF0IHRyaWdnZXJzIHdoZW4gdGhlIGJhY2tkcm9wIGVsZW1lbnQgaXMgY2xpY2tlZC5cbiAgICovXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgb25CYWNrZHJvcENsaWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy5iYWNrZHJvcENsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZGFmZi1iYWNrZHJvcFwiIFtjbGFzcy5kYWZmLWJhY2tkcm9wLS1mdWxsc2NyZWVuXT1cImZ1bGxzY3JlZW5cIiBbY2xhc3MuZGFmZi1iYWNrZHJvcC0tdHJhbnNwYXJlbnRdPVwidHJhbnNwYXJlbnRcIj48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9iYWNrZHJvcC9iYWNrZHJvcC9iYWNrZHJvcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL2JhY2tkcm9wL2JhY2tkcm9wL2JhY2tkcm9wLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsTUFBTSxFQUNOLFlBQVksRUFDWixLQUFLLEVBQ0wsdUJBQXVCLEVBQ3ZCLFlBQVksRUFDWixXQUFXLEdBR1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDekUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBVzFFLE1BQU0sT0FBTyxxQkFBcUI7SUFUbEM7UUFXRTs7V0FFRztRQUNILGtFQUFrRTtRQUN6RCxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUV0Qzs7V0FFRztRQUNNLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBRTdCOzs7V0FHRztRQUNILGtFQUFrRTtRQUN6RCxlQUFVLEdBQVksS0FBSyxDQUFDO1FBRXJDOztXQUVHO1FBQ08sb0JBQWUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUV0QyxzQkFBaUIsR0FBRyxJQUFJLENBQUM7S0FrQzdEO0lBaENDLFFBQVE7UUFDTixJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztJQUM3QyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFBa0MsbUJBQW1CO1FBQ25ELE9BQU8saUJBQWlCLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFHRCxhQUFhLENBQUMsQ0FBaUI7UUFDOUIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxLQUFLLFFBQVEsSUFBSSxDQUFDLENBQUMsT0FBTyxLQUFLLGtCQUFrQixDQUFDLENBQUM7SUFDeEYsQ0FBQztJQUdELGNBQWMsQ0FBQyxDQUFpQjtRQUMvQixJQUFHLENBQUMsQ0FBQyxPQUFPLEtBQUssUUFBUSxJQUFJLENBQUMsQ0FBQyxPQUFPLEtBQUssY0FBYyxFQUFDO1lBQ3hELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7U0FDL0I7SUFDRixDQUFDO0lBRUQ7OztPQUdHO0lBRUgsaUJBQWlCO1FBQ2hCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQzs7cUlBMURVLHFCQUFxQjt5SEFBckIscUJBQXFCLDRjQ3pCbEMsMklBQ0EseWREbUJjO1FBQ1Ysc0JBQXNCLENBQUMsWUFBWTtLQUNwQzsyRkFHVSxxQkFBcUI7a0JBVGpDLFNBQVM7K0JBQ0UsZUFBZSxjQUdiO3dCQUNWLHNCQUFzQixDQUFDLFlBQVk7cUJBQ3BDLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQVF0QyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBT0csVUFBVTtzQkFBbEIsS0FBSztnQkFLSSxlQUFlO3NCQUF4QixNQUFNO2dCQUU0QixpQkFBaUI7c0JBQW5ELFdBQVc7dUJBQUMsb0JBQW9CO2dCQVVDLG1CQUFtQjtzQkFBcEQsV0FBVzt1QkFBQyxlQUFlO2dCQUs1QixhQUFhO3NCQURaLFlBQVk7dUJBQUMsb0JBQW9CLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBTTlDLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxxQkFBcUIsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFZL0MsaUJBQWlCO3NCQURoQixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmltYXRpb25FdmVudCB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBIb3N0TGlzdGVuZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBFbGVtZW50UmVmLFxuICBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBkYWZmQmFja2Ryb3BBbmltYXRpb25zIH0gZnJvbSAnLi4vYW5pbWF0aW9uL2JhY2tkcm9wLWFuaW1hdGlvbic7XG5pbXBvcnQgeyBnZXRBbmltYXRpb25TdGF0ZSB9IGZyb20gJy4uL2FuaW1hdGlvbi9iYWNrZHJvcC1hbmltYXRpb24tc3RhdGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLWJhY2tkcm9wJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhY2tkcm9wLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFja2Ryb3AuY29tcG9uZW50LnNjc3MnXSxcbiAgYW5pbWF0aW9uczogW1xuICAgIGRhZmZCYWNrZHJvcEFuaW1hdGlvbnMuZmFkZUJhY2tkcm9wLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkJhY2tkcm9wQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAvKipcbiAgICogRGV0ZXJtaW5lcyB3aGV0aGVyIG9yIG5vdCB0aGUgYmFja2Ryb3AgaXMgdHJhbnNwYXJlbnQuXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWluZmVycmFibGUtdHlwZXNcbiAgQElucHV0KCkgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGV0ZXJtaW5lcyB3aGV0aGVyIG9yIG5vdCB0aGUgYmFja2Ryb3AgaXMgaW50ZXJhY3RhYmxlLlxuICAgKi9cbiAgQElucHV0KCkgaW50ZXJhY3RhYmxlID0gdHJ1ZTtcblxuICAvKipcbiAgICogQm9vbGVhbiBwcm9wZXJ0eSB0aGF0IGRldGVybWluZXMgd2hldGhlciBvciBub3QgdGhlXG4gICAqIGJhY2tkcm9wIHNob3VsZCBmaWxsIHVwIGl0cyBjb250YWluaW5nIHdpbmRvdy5cbiAgICovXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8taW5mZXJyYWJsZS10eXBlc1xuICBASW5wdXQoKSBmdWxsc2NyZWVuOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIE91dHB1dCBldmVudCB0cmlnZ2VyZWQgd2hlbiB0aGUgYmFja2Ryb3AgaXMgY2xpY2tlZC5cbiAgICovXG4gIEBPdXRwdXQoKSBiYWNrZHJvcENsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmludGVyYWN0YWJsZScpIGludGVyYWN0YWJsZUNsYXNzID0gdHJ1ZTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmludGVyYWN0YWJsZUNsYXNzID0gdGhpcy5pbnRlcmFjdGFibGU7XG4gIH1cblxuICAvKipcbiAgICogQW5pbWF0aW9uIGhvb2sgZm9yIHRoYXQgY29udHJvbHMgdGhlIGJhY2tkcm9wc1xuICAgKiBlbnRyYW5jZSBhbmQgZmFkZSBhbmltYXRpb25zLlxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdAZmFkZUJhY2tkcm9wJykgZ2V0IGZhZGVCYWNrZHJvcFRyaWdnZXIoKSB7XG4gICAgcmV0dXJuIGdldEFuaW1hdGlvblN0YXRlKHRoaXMuaW50ZXJhY3RhYmxlKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ0BmYWRlQmFja2Ryb3AuZG9uZScsIFsnJGV2ZW50J10pXG4gIGFuaW1hdGlvbkRvbmUoZTogQW5pbWF0aW9uRXZlbnQpIHtcblx0ICB0aGlzLmludGVyYWN0YWJsZUNsYXNzID0gIShlLnRvU3RhdGUgPT09ICc6bGVhdmUnIHx8IGUudG9TdGF0ZSA9PT0gJ25vbi1pbnRlcmFjdGFibGUnKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ0BmYWRlQmFja2Ryb3Auc3RhcnQnLCBbJyRldmVudCddKVxuICBhbmltYXRpb25TdGFydChlOiBBbmltYXRpb25FdmVudCkge1xuXHQgIGlmKGUudG9TdGF0ZSA9PT0gJzplbnRlcicgfHwgZS50b1N0YXRlID09PSAnaW50ZXJhY3RhYmxlJyl7XG5cdCAgICB0aGlzLmludGVyYWN0YWJsZUNsYXNzID0gdHJ1ZTtcblx0ICB9XG4gIH1cblxuICAvKipcbiAgICogQGRlcHJlY2F0ZWRcbiAgICogQmFja2Ryb3AgZXZlbnQgdGhhdCB0cmlnZ2VycyB3aGVuIHRoZSBiYWNrZHJvcCBlbGVtZW50IGlzIGNsaWNrZWQuXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIG9uQmFja2Ryb3BDbGlja2VkKCk6IHZvaWQge1xuXHQgIHRoaXMuYmFja2Ryb3BDbGlja2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRhZmYtYmFja2Ryb3BcIiBbY2xhc3MuZGFmZi1iYWNrZHJvcC0tZnVsbHNjcmVlbl09XCJmdWxsc2NyZWVuXCIgW2NsYXNzLmRhZmYtYmFja2Ryb3AtLXRyYW5zcGFyZW50XT1cInRyYW5zcGFyZW50XCI+PC9kaXY+XG4iXX0=

package/esm2020/molecules/sidebar/animation/sidebar-animation-state.mjs

@@ -1,6 +1,6 @@
 export const getAnimationState = (open, enabled = true) => {
     if (!enabled) {
-        return 'open';
+        return 'none';
     }
     if (open && enabled) {
         return 'open';
@@ -9,4 +9,4 @@ export const getAnimationState = (open, enabled = true) => {
         return 'closed';
     }
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1hbmltYXRpb24tc3RhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvYW5pbWF0aW9uL3NpZGViYXItYW5pbWF0aW9uLXN0YXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLENBQUMsSUFBYSxFQUFFLFVBQW1CLElBQUksRUFBRSxFQUFFO0lBQzFFLElBQUcsQ0FBQyxPQUFPLEVBQUM7UUFDVixPQUFPLE1BQU0sQ0FBQztLQUNmO0lBQ0QsSUFBRyxJQUFJLElBQUksT0FBTyxFQUFDO1FBQ2pCLE9BQU8sTUFBTSxDQUFDO0tBQ2Y7U0FBTTtRQUNMLE9BQU8sUUFBUSxDQUFDO0tBQ2pCO0FBQ0gsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGdldEFuaW1hdGlvblN0YXRlID0gKG9wZW46IGJvb2xlYW4sIGVuYWJsZWQ6IGJvb2xlYW4gPSB0cnVlKSA9PiB7XG4gIGlmKCFlbmFibGVkKXtcbiAgICByZXR1cm4gJ29wZW4nO1xuICB9XG4gIGlmKG9wZW4gJiYgZW5hYmxlZCl7XG4gICAgcmV0dXJuICdvcGVuJztcbiAgfSBlbHNlIHtcbiAgICByZXR1cm4gJ2Nsb3NlZCc7XG4gIH1cbn07XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1hbmltYXRpb24tc3RhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvYW5pbWF0aW9uL3NpZGViYXItYW5pbWF0aW9uLXN0YXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLENBQUMsSUFBYSxFQUFFLFVBQW1CLElBQUksRUFBNkIsRUFBRTtJQUNyRyxJQUFHLENBQUMsT0FBTyxFQUFDO1FBQ1YsT0FBTyxNQUFNLENBQUM7S0FDZjtJQUNELElBQUcsSUFBSSxJQUFJLE9BQU8sRUFBQztRQUNqQixPQUFPLE1BQU0sQ0FBQztLQUNmO1NBQU07UUFDTCxPQUFPLFFBQVEsQ0FBQztLQUNqQjtBQUNILENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIERhZmZTaWRlYmFyQW5pbWF0aW9uU3RhdGUgPSAnb3BlbicgfCAnY2xvc2VkJyB8ICdub25lJztcblxuZXhwb3J0IGNvbnN0IGdldEFuaW1hdGlvblN0YXRlID0gKG9wZW46IGJvb2xlYW4sIGVuYWJsZWQ6IGJvb2xlYW4gPSB0cnVlKTogRGFmZlNpZGViYXJBbmltYXRpb25TdGF0ZSA9PiB7XG4gIGlmKCFlbmFibGVkKXtcbiAgICByZXR1cm4gJ25vbmUnO1xuICB9XG4gIGlmKG9wZW4gJiYgZW5hYmxlZCl7XG4gICAgcmV0dXJuICdvcGVuJztcbiAgfSBlbHNlIHtcbiAgICByZXR1cm4gJ2Nsb3NlZCc7XG4gIH1cbn07XG4iXX0=

package/esm2020/molecules/sidebar/animation/sidebar-animation-width.mjs

@@ -0,0 +1,2 @@
+export const getSidebarAnimationWidth = (side, width) => side === 'left' ? -1 * width + 'px' : width + 'px';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1hbmltYXRpb24td2lkdGguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvYW5pbWF0aW9uL3NpZGViYXItYW5pbWF0aW9uLXdpZHRoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUNuQyxDQUFDLElBQXFCLEVBQUUsS0FBYSxFQUFVLEVBQUUsQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGFmZlNpZGViYXJTaWRlIH0gZnJvbSAnLi4vaGVscGVyL3NpZGViYXItc2lkZSc7XG5cbmV4cG9ydCBjb25zdCBnZXRTaWRlYmFyQW5pbWF0aW9uV2lkdGggPVxuICAoc2lkZTogRGFmZlNpZGViYXJTaWRlLCB3aWR0aDogbnVtYmVyKTogc3RyaW5nID0+IHNpZGUgPT09ICdsZWZ0JyA/IC0xICogd2lkdGggKyAncHgnIDogd2lkdGggKyAncHgnO1xuIl19

package/esm2020/molecules/sidebar/animation/sidebar-animation.mjs

@@ -1,6 +1,5 @@
 import { animate, state, style, transition, trigger, } from '@angular/animations';
-const duration = '350ms';
-const sidebarAnimateRemainTransition = 'cubic-bezier(0.4, 0.0, 0.2, 1)';
+const duration = '200ms';
 const sidebarAnimateInTransition = 'cubic-bezier(0.0, 0.0, 0.2, 1)';
 const sidebarAnimateOutTransition = 'cubic-bezier(0.4, 0.0, 1, 1)';
 export const daffSidebarAnimations = {
@@ -9,15 +8,32 @@ export const daffSidebarAnimations = {
         // 1. 3d transforms causes text to appear blurry on IE and Edge.
         state('open', style({
             transform: 'none',
-            visibility: 'visible',
         })),
+        state('closed', style({
+            transform: 'translateX({{width}})',
+        }), { params: { width: '-240px' } }),
         transition('open => closed', animate(duration + ' ' + sidebarAnimateOutTransition)),
         transition('closed => open', animate(duration + ' ' + sidebarAnimateInTransition)),
     ]),
     transformContent: trigger('transformContent', [
+        // We remove the `transform` here completely, rather than setting it to zero, because:
+        // 1. 3d transforms causes text to appear blurry on IE and Edge.
         state('closed', style({
             transform: 'none',
         })),
+        state('open', style({
+            transform: 'translateX({{shift}})',
+        }), { params: { shift: '-240px' } }),
+        transition('open => closed', animate(duration + ' ' + sidebarAnimateInTransition)),
+        transition('closed => open', animate(duration + ' ' + sidebarAnimateOutTransition)),
+    ]),
+    backdropTrigger: trigger('backdropTrigger', [
+        state('open', style({
+            opacity: 1,
+        })),
+        state('closed', style({
+            opacity: 0,
+        })),
         transition('open => closed', animate(duration + ' ' + sidebarAnimateOutTransition)),
         transition('closed => open', animate(duration + ' ' + sidebarAnimateInTransition)),
     ]),
@@ -26,5 +42,6 @@ export var DaffSidebarAnimationStates;
 (function (DaffSidebarAnimationStates) {
     DaffSidebarAnimationStates["OPEN"] = "open";
     DaffSidebarAnimationStates["CLOSED"] = "closed";
+    DaffSidebarAnimationStates["NONE"] = "none";
 })(DaffSidebarAnimationStates || (DaffSidebarAnimationStates = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1hbmltYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvYW5pbWF0aW9uL3NpZGViYXItYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxPQUFPLEVBQ1AsS0FBSyxFQUNMLEtBQUssRUFDTCxVQUFVLEVBQ1YsT0FBTyxHQUVSLE1BQU0scUJBQXFCLENBQUM7QUFFN0IsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDO0FBQ3pCLE1BQU0sOEJBQThCLEdBQUcsZ0NBQWdDLENBQUM7QUFDeEUsTUFBTSwwQkFBMEIsR0FBRyxnQ0FBZ0MsQ0FBQztBQUNwRSxNQUFNLDJCQUEyQixHQUFHLDhCQUE4QixDQUFDO0FBRW5FLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUc5QjtJQUNGLGdCQUFnQixFQUFFLE9BQU8sQ0FBQyxrQkFBa0IsRUFBRTtRQUM1QyxzRkFBc0Y7UUFDdEYsZ0VBQWdFO1FBQ2hFLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO1lBQ2xCLFNBQVMsRUFBRSxNQUFNO1lBQ2pCLFVBQVUsRUFBRSxTQUFTO1NBQ3RCLENBQUMsQ0FBQztRQUNILFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLENBQUMsUUFBUSxHQUFHLEdBQUcsR0FBRywyQkFBMkIsQ0FBQyxDQUFDO1FBQ25GLFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLENBQUMsUUFBUSxHQUFHLEdBQUcsR0FBRywwQkFBMEIsQ0FBQyxDQUFDO0tBQ25GLENBQUM7SUFDRixnQkFBZ0IsRUFBRSxPQUFPLENBQUMsa0JBQWtCLEVBQUU7UUFDNUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7WUFDcEIsU0FBUyxFQUFFLE1BQU07U0FDbEIsQ0FBQyxDQUFDO1FBQ0gsVUFBVSxDQUFDLGdCQUFnQixFQUFFLE9BQU8sQ0FBQyxRQUFRLEdBQUcsR0FBRyxHQUFHLDJCQUEyQixDQUFDLENBQUM7UUFDbkYsVUFBVSxDQUFDLGdCQUFnQixFQUFFLE9BQU8sQ0FBQyxRQUFRLEdBQUcsR0FBRyxHQUFHLDBCQUEwQixDQUFDLENBQUM7S0FDbkYsQ0FBQztDQUNILENBQUM7QUFFRixNQUFNLENBQU4sSUFBWSwwQkFHWDtBQUhELFdBQVksMEJBQTBCO0lBQ3BDLDJDQUFjLENBQUE7SUFDZCwrQ0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSFcsMEJBQTBCLEtBQTFCLDBCQUEwQixRQUdyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGFuaW1hdGUsXG4gIHN0YXRlLFxuICBzdHlsZSxcbiAgdHJhbnNpdGlvbixcbiAgdHJpZ2dlcixcbiAgQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhLFxufSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuY29uc3QgZHVyYXRpb24gPSAnMzUwbXMnO1xuY29uc3Qgc2lkZWJhckFuaW1hdGVSZW1haW5UcmFuc2l0aW9uID0gJ2N1YmljLWJlemllcigwLjQsIDAuMCwgMC4yLCAxKSc7XG5jb25zdCBzaWRlYmFyQW5pbWF0ZUluVHJhbnNpdGlvbiA9ICdjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMiwgMSknO1xuY29uc3Qgc2lkZWJhckFuaW1hdGVPdXRUcmFuc2l0aW9uID0gJ2N1YmljLWJlemllcigwLjQsIDAuMCwgMSwgMSknO1xuXG5leHBvcnQgY29uc3QgZGFmZlNpZGViYXJBbmltYXRpb25zOiB7XG4gIHJlYWRvbmx5IHRyYW5zZm9ybVNpZGViYXI6IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YTtcbiAgcmVhZG9ubHkgdHJhbnNmb3JtQ29udGVudDogQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhO1xufSA9IHtcbiAgdHJhbnNmb3JtU2lkZWJhcjogdHJpZ2dlcigndHJhbnNmb3JtU2lkZWJhcicsIFtcbiAgICAvLyBXZSByZW1vdmUgdGhlIGB0cmFuc2Zvcm1gIGhlcmUgY29tcGxldGVseSwgcmF0aGVyIHRoYW4gc2V0dGluZyBpdCB0byB6ZXJvLCBiZWNhdXNlOlxuICAgIC8vIDEuIDNkIHRyYW5zZm9ybXMgY2F1c2VzIHRleHQgdG8gYXBwZWFyIGJsdXJyeSBvbiBJRSBhbmQgRWRnZS5cbiAgICBzdGF0ZSgnb3BlbicsIHN0eWxlKHtcbiAgICAgIHRyYW5zZm9ybTogJ25vbmUnLFxuICAgICAgdmlzaWJpbGl0eTogJ3Zpc2libGUnLFxuICAgIH0pKSxcbiAgICB0cmFuc2l0aW9uKCdvcGVuID0+IGNsb3NlZCcsIGFuaW1hdGUoZHVyYXRpb24gKyAnICcgKyBzaWRlYmFyQW5pbWF0ZU91dFRyYW5zaXRpb24pKSxcbiAgICB0cmFuc2l0aW9uKCdjbG9zZWQgPT4gb3BlbicsIGFuaW1hdGUoZHVyYXRpb24gKyAnICcgKyBzaWRlYmFyQW5pbWF0ZUluVHJhbnNpdGlvbikpLFxuICBdKSxcbiAgdHJhbnNmb3JtQ29udGVudDogdHJpZ2dlcigndHJhbnNmb3JtQ29udGVudCcsIFtcbiAgICBzdGF0ZSgnY2xvc2VkJywgc3R5bGUoe1xuICAgICAgdHJhbnNmb3JtOiAnbm9uZScsXG4gICAgfSkpLFxuICAgIHRyYW5zaXRpb24oJ29wZW4gPT4gY2xvc2VkJywgYW5pbWF0ZShkdXJhdGlvbiArICcgJyArIHNpZGViYXJBbmltYXRlT3V0VHJhbnNpdGlvbikpLFxuICAgIHRyYW5zaXRpb24oJ2Nsb3NlZCA9PiBvcGVuJywgYW5pbWF0ZShkdXJhdGlvbiArICcgJyArIHNpZGViYXJBbmltYXRlSW5UcmFuc2l0aW9uKSksXG4gIF0pLFxufTtcblxuZXhwb3J0IGVudW0gRGFmZlNpZGViYXJBbmltYXRpb25TdGF0ZXMge1xuICBPUEVOID0gICdvcGVuJyxcbiAgQ0xPU0VEID0gJ2Nsb3NlZCdcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1hbmltYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvYW5pbWF0aW9uL3NpZGViYXItYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxPQUFPLEVBQ1AsS0FBSyxFQUNMLEtBQUssRUFDTCxVQUFVLEVBQ1YsT0FBTyxHQUVSLE1BQU0scUJBQXFCLENBQUM7QUFFN0IsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDO0FBQ3pCLE1BQU0sMEJBQTBCLEdBQUcsZ0NBQWdDLENBQUM7QUFDcEUsTUFBTSwyQkFBMkIsR0FBRyw4QkFBOEIsQ0FBQztBQUVuRSxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FJOUI7SUFDRixnQkFBZ0IsRUFBRSxPQUFPLENBQUMsa0JBQWtCLEVBQUU7UUFDNUMsc0ZBQXNGO1FBQ3RGLGdFQUFnRTtRQUNoRSxLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztZQUNsQixTQUFTLEVBQUUsTUFBTTtTQUNsQixDQUFDLENBQUM7UUFDSCxLQUFLLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQztZQUNwQixTQUFTLEVBQUUsdUJBQXVCO1NBQ25DLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsRUFBQyxDQUFDO1FBQ25DLFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLENBQUMsUUFBUSxHQUFHLEdBQUcsR0FBRywyQkFBMkIsQ0FBQyxDQUFDO1FBQ25GLFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLENBQUMsUUFBUSxHQUFHLEdBQUcsR0FBRywwQkFBMEIsQ0FBQyxDQUFDO0tBQ25GLENBQUM7SUFDRixnQkFBZ0IsRUFBRSxPQUFPLENBQUMsa0JBQWtCLEVBQUU7UUFDNUMsc0ZBQXNGO1FBQ3RGLGdFQUFnRTtRQUNoRSxLQUFLLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQztZQUNwQixTQUFTLEVBQUUsTUFBTTtTQUNsQixDQUFDLENBQUM7UUFDSCxLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztZQUNsQixTQUFTLEVBQUUsdUJBQXVCO1NBQ25DLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsRUFBQyxDQUFDO1FBQ25DLFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLENBQUMsUUFBUSxHQUFHLEdBQUcsR0FBRywwQkFBMEIsQ0FBQyxDQUFDO1FBQ2xGLFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLENBQUMsUUFBUSxHQUFHLEdBQUcsR0FBRywyQkFBMkIsQ0FBQyxDQUFDO0tBQ3BGLENBQUM7SUFDRixlQUFlLEVBQUUsT0FBTyxDQUFDLGlCQUFpQixFQUFFO1FBQzFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO1lBQ2xCLE9BQU8sRUFBRSxDQUFDO1NBQ1gsQ0FBQyxDQUFDO1FBQ0gsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7WUFDcEIsT0FBTyxFQUFFLENBQUM7U0FDWCxDQUFDLENBQUM7UUFDSCxVQUFVLENBQUMsZ0JBQWdCLEVBQUUsT0FBTyxDQUFDLFFBQVEsR0FBRyxHQUFHLEdBQUcsMkJBQTJCLENBQUMsQ0FBQztRQUNuRixVQUFVLENBQUMsZ0JBQWdCLEVBQUUsT0FBTyxDQUFDLFFBQVEsR0FBRyxHQUFHLEdBQUcsMEJBQTBCLENBQUMsQ0FBQztLQUNuRixDQUFDO0NBQ0gsQ0FBQztBQUVGLE1BQU0sQ0FBTixJQUFZLDBCQUlYO0FBSkQsV0FBWSwwQkFBMEI7SUFDcEMsMkNBQWEsQ0FBQTtJQUNiLCtDQUFpQixDQUFBO0lBQ2pCLDJDQUFhLENBQUE7QUFDZixDQUFDLEVBSlcsMEJBQTBCLEtBQTFCLDBCQUEwQixRQUlyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGFuaW1hdGUsXG4gIHN0YXRlLFxuICBzdHlsZSxcbiAgdHJhbnNpdGlvbixcbiAgdHJpZ2dlcixcbiAgQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhLFxufSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuY29uc3QgZHVyYXRpb24gPSAnMjAwbXMnO1xuY29uc3Qgc2lkZWJhckFuaW1hdGVJblRyYW5zaXRpb24gPSAnY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjIsIDEpJztcbmNvbnN0IHNpZGViYXJBbmltYXRlT3V0VHJhbnNpdGlvbiA9ICdjdWJpYy1iZXppZXIoMC40LCAwLjAsIDEsIDEpJztcblxuZXhwb3J0IGNvbnN0IGRhZmZTaWRlYmFyQW5pbWF0aW9uczoge1xuICByZWFkb25seSB0cmFuc2Zvcm1TaWRlYmFyOiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGE7XG4gIHJlYWRvbmx5IHRyYW5zZm9ybUNvbnRlbnQ6IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YTtcbiAgcmVhZG9ubHkgYmFja2Ryb3BUcmlnZ2VyOiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGE7XG59ID0ge1xuICB0cmFuc2Zvcm1TaWRlYmFyOiB0cmlnZ2VyKCd0cmFuc2Zvcm1TaWRlYmFyJywgW1xuICAgIC8vIFdlIHJlbW92ZSB0aGUgYHRyYW5zZm9ybWAgaGVyZSBjb21wbGV0ZWx5LCByYXRoZXIgdGhhbiBzZXR0aW5nIGl0IHRvIHplcm8sIGJlY2F1c2U6XG4gICAgLy8gMS4gM2QgdHJhbnNmb3JtcyBjYXVzZXMgdGV4dCB0byBhcHBlYXIgYmx1cnJ5IG9uIElFIGFuZCBFZGdlLlxuICAgIHN0YXRlKCdvcGVuJywgc3R5bGUoe1xuICAgICAgdHJhbnNmb3JtOiAnbm9uZScsXG4gICAgfSkpLFxuICAgIHN0YXRlKCdjbG9zZWQnLCBzdHlsZSh7XG4gICAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKHt7d2lkdGh9fSknLFxuICAgIH0pLCB7IHBhcmFtczogeyB3aWR0aDogJy0yNDBweCcgfX0pLFxuICAgIHRyYW5zaXRpb24oJ29wZW4gPT4gY2xvc2VkJywgYW5pbWF0ZShkdXJhdGlvbiArICcgJyArIHNpZGViYXJBbmltYXRlT3V0VHJhbnNpdGlvbikpLFxuICAgIHRyYW5zaXRpb24oJ2Nsb3NlZCA9PiBvcGVuJywgYW5pbWF0ZShkdXJhdGlvbiArICcgJyArIHNpZGViYXJBbmltYXRlSW5UcmFuc2l0aW9uKSksXG4gIF0pLFxuICB0cmFuc2Zvcm1Db250ZW50OiB0cmlnZ2VyKCd0cmFuc2Zvcm1Db250ZW50JywgW1xuICAgIC8vIFdlIHJlbW92ZSB0aGUgYHRyYW5zZm9ybWAgaGVyZSBjb21wbGV0ZWx5LCByYXRoZXIgdGhhbiBzZXR0aW5nIGl0IHRvIHplcm8sIGJlY2F1c2U6XG4gICAgLy8gMS4gM2QgdHJhbnNmb3JtcyBjYXVzZXMgdGV4dCB0byBhcHBlYXIgYmx1cnJ5IG9uIElFIGFuZCBFZGdlLlxuICAgIHN0YXRlKCdjbG9zZWQnLCBzdHlsZSh7XG4gICAgICB0cmFuc2Zvcm06ICdub25lJyxcbiAgICB9KSksXG4gICAgc3RhdGUoJ29wZW4nLCBzdHlsZSh7XG4gICAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKHt7c2hpZnR9fSknLFxuICAgIH0pLCB7IHBhcmFtczogeyBzaGlmdDogJy0yNDBweCcgfX0pLFxuICAgIHRyYW5zaXRpb24oJ29wZW4gPT4gY2xvc2VkJywgYW5pbWF0ZShkdXJhdGlvbiArICcgJyArIHNpZGViYXJBbmltYXRlSW5UcmFuc2l0aW9uKSksXG4gICAgdHJhbnNpdGlvbignY2xvc2VkID0+IG9wZW4nLCBhbmltYXRlKGR1cmF0aW9uICsgJyAnICsgc2lkZWJhckFuaW1hdGVPdXRUcmFuc2l0aW9uKSksXG4gIF0pLFxuICBiYWNrZHJvcFRyaWdnZXI6IHRyaWdnZXIoJ2JhY2tkcm9wVHJpZ2dlcicsIFtcbiAgICBzdGF0ZSgnb3BlbicsIHN0eWxlKHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSkpLFxuICAgIHN0YXRlKCdjbG9zZWQnLCBzdHlsZSh7XG4gICAgICBvcGFjaXR5OiAwLFxuICAgIH0pKSxcbiAgICB0cmFuc2l0aW9uKCdvcGVuID0+IGNsb3NlZCcsIGFuaW1hdGUoZHVyYXRpb24gKyAnICcgKyBzaWRlYmFyQW5pbWF0ZU91dFRyYW5zaXRpb24pKSxcbiAgICB0cmFuc2l0aW9uKCdjbG9zZWQgPT4gb3BlbicsIGFuaW1hdGUoZHVyYXRpb24gKyAnICcgKyBzaWRlYmFyQW5pbWF0ZUluVHJhbnNpdGlvbikpLFxuICBdKSxcbn07XG5cbmV4cG9ydCBlbnVtIERhZmZTaWRlYmFyQW5pbWF0aW9uU3RhdGVzIHtcbiAgT1BFTiA9ICdvcGVuJyxcbiAgQ0xPU0VEID0gJ2Nsb3NlZCcsXG4gIE5PTkUgPSAnbm9uZSdcbn1cbiJdfQ==

package/esm2020/molecules/sidebar/animation/sidebar-viewport-animation-state.mjs

@@ -0,0 +1,3 @@
+;
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci12aWV3cG9ydC1hbmltYXRpb24tc3RhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvYW5pbWF0aW9uL3NpZGViYXItdmlld3BvcnQtYW5pbWF0aW9uLXN0YXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmltYXRpb25TdGF0ZVdpdGhQYXJhbXMgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3B1YmxpY19hcGknO1xuaW1wb3J0IHsgRGFmZlNpZGViYXJBbmltYXRpb25TdGF0ZSB9IGZyb20gJy4vc2lkZWJhci1hbmltYXRpb24tc3RhdGUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIERhZmZTaWRlYmFyQW5pbWF0aW9uU3RhdGVQYXJhbXMge1xuICBzaGlmdDogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgRGFmZlNpZGViYXJWaWV3cG9ydEFuaW1hdGlvblN0YXRlID0gQW5pbWF0aW9uU3RhdGVXaXRoUGFyYW1zPERhZmZTaWRlYmFyQW5pbWF0aW9uU3RhdGUsIERhZmZTaWRlYmFyQW5pbWF0aW9uU3RhdGVQYXJhbXM+O1xuIl19

package/esm2020/molecules/sidebar/helper/sidebar-mode.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1tb2RlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9zaWRlYmFyL2hlbHBlci9zaWRlYmFyLW1vZGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIERhZmZTaWRlYmFyTW9kZSA9ICdvdmVyJyB8ICdwdXNoJyB8ICdzaWRlJyB8ICdmaXhlZCc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1tb2RlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9zaWRlYmFyL2hlbHBlci9zaWRlYmFyLW1vZGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogVGhlIHZhcmlvdXMgbW9kZXMgdGhhdCBhIERhZmZTaWRlYmFyIGNhbiBiZSBpbi5cbiAqXG4gKiAqIGBzaWRlYCBpcyBhIG1vZGUgdGhhdCBhbGxvd3MgeW91IHRvIHBsYWNlIHRoZSBzaWRlYmFyIGFsb25nc2lkZVxuICogICAgdGhlIGNvbnRlbnQuXG4gKlxuICogKiBgc2lkZS1maXhlZGAgaXMgYSBtb2RlIHRoYXQgYWxsb3dzIHlvdSB3YW50IHRvIHBsYWNlIHRoZSBzaWRlYmFyXG4gKiAgICBhbG9uZ3NpZGUgdGhlIGNvbnRlbnQsIGhvd2V2ZXIgdGhlIHNpZGViYXIgd2lsbCBzY3JvbGwgc2VwYXJhdGVseVxuICogICAgZnJvbSB0aGUgY29udGVudC5cbiAqXG4gKiAqIGBvdmVyYCBpcyBhIG1vZGUgd2hpY2ggYWxsb3dzIHRoZSBzaWRlYmFyIHRvIHNsaWRlICpvdmVyKiB0aGUgcmVzdCBvZlxuICogICAgdGhlIGNvbnRlbnQgaW4gdGhlIHZpZXdwb3J0LlxuICpcbiAqICogYHVuZGVyYCBpcyBhIG1vZGUgdGhhdCBmcmVlemVzIHRoZSBzaWRlYmFyIGluIHBsYWNlIGFuZCBhbGxvd3MgdGhlIGNvbnRlbnRcbiAqICAgc2xpZGUgYWJvdmUgaXQuXG4gKi9cbmV4cG9ydCB0eXBlIERhZmZTaWRlYmFyTW9kZSA9ICdzaWRlJyB8ICdvdmVyJyB8ICd1bmRlcicgfCAnc2lkZS1maXhlZCc7XG5cbi8qKlxuICogQSBlbnVtIHJlcHJlc2VudGluZyB0aGUgZGlmZmVyZW50IHNpZGViYXIgbW9kZXMuXG4gKiBTZWUge0BsaW5rIERhZmZTaWRlYmFyTW9kZX1cbiAqL1xuZXhwb3J0IGNvbnN0IGVudW0gRGFmZlNpZGViYXJNb2RlRW51bSAge1xuICBTaWRlID0gJ3NpZGUnLFxuICBTaWRlRml4ZWQgPSAnc2lkZS1maXhlZCcsXG4gIE92ZXIgPSAnb3ZlcicsXG4gIFVuZGVyID0gJ3VuZGVyJyxcbn1cbiJdfQ==

package/esm2020/molecules/sidebar/helper/sidebar-side.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1zaWRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9zaWRlYmFyL2hlbHBlci9zaWRlYmFyLXNpZGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogVGhlIHNpZGVzIG9mIGEgdmlld3BvcnQgdGhhdCB0aGF0IGEgc2lkZWJhciBjYW4gYXBwZWFyIG9uLlxuICovXG5leHBvcnQgdHlwZSBEYWZmU2lkZWJhclNpZGUgPSAnbGVmdCcgfCAncmlnaHQnO1xuXG5cbi8qKlxuICogQSBlbnVtIHJlcHJlc2VudGluZyB0aGUgZGlmZmVyZW50IHNpZGViYXIgbW9kZXMuXG4gKiBTZWUge0BsaW5rIERhZmZTaWRlYmFyU2lkZX1cbiAqL1xuZXhwb3J0IGNvbnN0IGVudW0gRGFmZlNpZGViYXJTaWRlRW51bSB7XG4gIExlZnQgPSAnbGVmdCcsXG4gIFJpZ2h0ID0gJ3JpZ2h0J1xufVxuIl19

package/esm2020/molecules/sidebar/public_api.mjs

@@ -1,5 +1,4 @@
 export { DaffSidebarModule } from './sidebar.module';
 export * from './sidebar-viewport/sidebar-viewport.component';
 export * from './sidebar/sidebar.component';
-export * from './helper/sidebar-mode';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvc2lkZWJhci9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3JELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgRGFmZlNpZGViYXJNb2R1bGUgfSBmcm9tICcuL3NpZGViYXIubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vc2lkZWJhci12aWV3cG9ydC9zaWRlYmFyLXZpZXdwb3J0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9oZWxwZXIvc2lkZWJhci1tb2RlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvc2lkZWJhci9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3JELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyw2QkFBNkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IERhZmZTaWRlYmFyTW9kdWxlIH0gZnJvbSAnLi9zaWRlYmFyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL3NpZGViYXItdmlld3BvcnQvc2lkZWJhci12aWV3cG9ydC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zaWRlYmFyL3NpZGViYXIuY29tcG9uZW50JztcbmV4cG9ydCB7XG4gIERhZmZTaWRlYmFyTW9kZSxcbiAgRGFmZlNpZGViYXJNb2RlRW51bSxcbn0gZnJvbSAnLi9oZWxwZXIvc2lkZWJhci1tb2RlJztcbmV4cG9ydCB7XG4gIERhZmZTaWRlYmFyU2lkZSxcbiAgRGFmZlNpZGViYXJTaWRlRW51bSxcbn0gZnJvbSAnLi9oZWxwZXIvc2lkZWJhci1zaWRlJztcbiJdfQ==

package/esm2020/molecules/sidebar/sidebar/sidebar.component.mjs

@@ -1,22 +1,35 @@
-import { Component, ViewEncapsulation, NgZone, ElementRef, Output, EventEmitter, HostBinding, ChangeDetectionStrategy, } from '@angular/core';
+import { Component, NgZone, ElementRef, Output, EventEmitter, HostBinding, ChangeDetectionStrategy, Input, } from '@angular/core';
 import { fromEvent } from 'rxjs';
 import { filter } from 'rxjs/operators';
+import { daffSidebarAnimations } from '../animation/sidebar-animation';
+import { getAnimationState } from '../animation/sidebar-animation-state';
+import { getSidebarAnimationWidth } from '../animation/sidebar-animation-width';
 import * as i0 from "@angular/core";
 /**
- * DaffSidebar is heavily based upon the work done by the @angular/material2
+ * DaffSidebarComponent is heavily based upon the work done by the @angular/components
  * team on `mat-drawer` and `mat-sidenav`. `daff-sidebar` is intended to be
- * a simplified version (with a different design) of `mat-drawer` which
- * follows a stricter "dumb" component pattern than `mat-drawer`
+ * a simplified version (with a different design) of `mat-drawer`.
  */
 export class DaffSidebarComponent {
     constructor(_elementRef, _ngZone) {
         this._elementRef = _elementRef;
         this._ngZone = _ngZone;
-        this.class = true;
         /**
          * Event fired when `ESC` key is pressed when the sidebar has focus
          */
         this.escapePressed = new EventEmitter();
+        /**
+         * What side of the viewport to show the sidebar on.
+         */
+        this.side = 'left';
+        /**
+         * The mode of the sidebar.
+         */
+        this.mode = 'side';
+        /**
+         * Whether or not the sidebar is open.
+         */
+        this.open = false;
         /**
          * Listen to `keydown` events outside the zone so that change detection is not run every
          * time a key is pressed. Instead we re-enter the zone only if the `ESC` key is pressed.
@@ -29,16 +42,55 @@ export class DaffSidebarComponent {
             }));
         });
     }
+    /**
+     * The CSS classes set.
+     */
+    get classes() {
+        return {
+            'daff-sidebar': true,
+            [this.side]: true,
+            [this.mode]: true,
+        };
+    }
+    ;
+    /**
+     * The animation state of the sidebar.
+     */
+    get transformSidebar() {
+        return {
+            value: getAnimationState(this.open, this.mode === 'over' || this.mode === 'side-fixed'),
+            params: { width: getSidebarAnimationWidth(this.side, this.width) },
+        };
+    }
+    /**
+     * The width of the sidebar.
+     */
+    get width() {
+        return this._elementRef.nativeElement.offsetWidth;
+    }
 }
 /** @nocollapse */ DaffSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarComponent, selector: "daff-sidebar", outputs: { escapePressed: "escapePressed" }, host: { properties: { "class.daff-sidebar": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}.daff-sidebar{display:block;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ DaffSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarComponent, selector: "daff-sidebar", inputs: { side: "side", mode: "mode", open: "open" }, outputs: { escapePressed: "escapePressed" }, host: { properties: { "class": "this.classes", "@transformSidebar": "this.transformSidebar" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}:host-context(daff-sidebar-viewport daff-sidebar-viewport >).side-fixed{position:sticky}\n"], animations: [
+        daffSidebarAnimations.transformSidebar,
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-sidebar', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.daff-sidebar{display:block;height:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { class: [{
+            args: [{ selector: 'daff-sidebar', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+                        daffSidebarAnimations.transformSidebar,
+                    ], styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}:host-context(daff-sidebar-viewport daff-sidebar-viewport >).side-fixed{position:sticky}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { classes: [{
+                type: HostBinding,
+                args: ['class']
+            }], transformSidebar: [{
                 type: HostBinding,
-                args: ['class.daff-sidebar']
+                args: ['@transformSidebar']
             }], escapePressed: [{
                 type: Output
+            }], side: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], open: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQixNQUFNLEVBQ04sVUFBVSxFQUNWLE1BQU0sRUFDTixZQUFZLEVBQ1osV0FBVyxFQUNYLHVCQUF1QixHQUN4QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFFeEM7Ozs7O0dBS0c7QUFRSCxNQUFNLE9BQU8sb0JBQW9CO0lBTy9CLFlBQ1UsV0FBb0MsRUFDcEMsT0FBZTtRQURmLGdCQUFXLEdBQVgsV0FBVyxDQUF5QjtRQUNwQyxZQUFPLEdBQVAsT0FBTyxDQUFRO1FBUlUsVUFBSyxHQUFHLElBQUksQ0FBQztRQUNoRDs7V0FFRztRQUNPLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFPckU7Ozs7V0FJRztRQUNILElBQUksQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsR0FBRyxFQUFFO1lBQ2xDLFNBQVMsQ0FBZ0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsU0FBUyxDQUFDLENBQUMsSUFBSSxDQUN0RSxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUN4QyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRTtnQkFDekMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztnQkFDMUIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQzFCLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDTixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O29JQXpCVSxvQkFBb0I7d0hBQXBCLG9CQUFvQiwrSkFKckIsMkJBQTJCOzJGQUkxQixvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsY0FBYyxZQUVkLDJCQUEyQixpQkFDdEIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTtzSEFHWixLQUFLO3NCQUF2QyxXQUFXO3VCQUFDLG9CQUFvQjtnQkFJdkIsYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIE5nWm9uZSxcbiAgRWxlbWVudFJlZixcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBmcm9tRXZlbnQgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGZpbHRlciB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuLyoqXG4gKiBEYWZmU2lkZWJhciBpcyBoZWF2aWx5IGJhc2VkIHVwb24gdGhlIHdvcmsgZG9uZSBieSB0aGUgQGFuZ3VsYXIvbWF0ZXJpYWwyXG4gKiB0ZWFtIG9uIGBtYXQtZHJhd2VyYCBhbmQgYG1hdC1zaWRlbmF2YC4gYGRhZmYtc2lkZWJhcmAgaXMgaW50ZW5kZWQgdG8gYmVcbiAqIGEgc2ltcGxpZmllZCB2ZXJzaW9uICh3aXRoIGEgZGlmZmVyZW50IGRlc2lnbikgb2YgYG1hdC1kcmF3ZXJgIHdoaWNoXG4gKiBmb2xsb3dzIGEgc3RyaWN0ZXIgXCJkdW1iXCIgY29tcG9uZW50IHBhdHRlcm4gdGhhbiBgbWF0LWRyYXdlcmBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1zaWRlYmFyJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZWJhci5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlNpZGViYXJDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtc2lkZWJhcicpIGNsYXNzID0gdHJ1ZTtcbiAgLyoqXG4gICAqIEV2ZW50IGZpcmVkIHdoZW4gYEVTQ2Aga2V5IGlzIHByZXNzZWQgd2hlbiB0aGUgc2lkZWJhciBoYXMgZm9jdXNcbiAgICovXG4gIEBPdXRwdXQoKSBlc2NhcGVQcmVzc2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgcHJpdmF0ZSBfbmdab25lOiBOZ1pvbmUsXG4gICkge1xuXG4gICAgLyoqXG4gICAgICogTGlzdGVuIHRvIGBrZXlkb3duYCBldmVudHMgb3V0c2lkZSB0aGUgem9uZSBzbyB0aGF0IGNoYW5nZSBkZXRlY3Rpb24gaXMgbm90IHJ1biBldmVyeVxuICAgICAqIHRpbWUgYSBrZXkgaXMgcHJlc3NlZC4gSW5zdGVhZCB3ZSByZS1lbnRlciB0aGUgem9uZSBvbmx5IGlmIHRoZSBgRVNDYCBrZXkgaXMgcHJlc3NlZC5cbiAgICAgKlxuICAgICAqL1xuICAgIHRoaXMuX25nWm9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICBmcm9tRXZlbnQ8S2V5Ym9hcmRFdmVudD4odGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAna2V5ZG93bicpLnBpcGUoXG4gICAgICAgIGZpbHRlcihldmVudCA9PiBldmVudC5rZXkgPT09ICdFc2NhcGUnKSxcbiAgICAgICkuc3Vic2NyaWJlKGV2ZW50ID0+IHRoaXMuX25nWm9uZS5ydW4oKCkgPT4ge1xuICAgICAgICB0aGlzLmVzY2FwZVByZXNzZWQuZW1pdCgpO1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIH0pKTtcbiAgICB9KTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULE1BQU0sRUFDTixVQUFVLEVBQ1YsTUFBTSxFQUNOLFlBQVksRUFDWixXQUFXLEVBQ1gsdUJBQXVCLEVBQ3ZCLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7QUFJaEY7Ozs7R0FJRztBQVVILE1BQU0sT0FBTyxvQkFBb0I7SUFpRC9CLFlBQ1UsV0FBb0MsRUFDcEMsT0FBZTtRQURmLGdCQUFXLEdBQVgsV0FBVyxDQUF5QjtRQUNwQyxZQUFPLEdBQVAsT0FBTyxDQUFRO1FBN0J6Qjs7V0FFRztRQUNPLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFdkU7O1dBRUc7UUFDTSxTQUFJLEdBQW9CLE1BQU0sQ0FBQztRQUV4Qzs7V0FFRztRQUNNLFNBQUksR0FBb0IsTUFBTSxDQUFDO1FBRXhDOztXQUVHO1FBQ00sU0FBSSxHQUFHLEtBQUssQ0FBQztRQWNwQjs7OztXQUlHO1FBQ0gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUU7WUFDbEMsU0FBUyxDQUFnQixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQ3RFLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLEtBQUssUUFBUSxDQUFDLENBQ3hDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO2dCQUN6QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUMxQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDMUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQWxFRDs7T0FFRztJQUNILElBQTBCLE9BQU87UUFDL0IsT0FBTztZQUNMLGNBQWMsRUFBRSxJQUFJO1lBQ3BCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUk7WUFDakIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSTtTQUNsQixDQUFDO0lBQ0osQ0FBQztJQUFBLENBQUM7SUFFRjs7T0FFRztJQUNILElBQXNDLGdCQUFnQjtRQUNwRCxPQUFPO1lBQ0wsS0FBSyxFQUFFLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxZQUFZLENBQUM7WUFDdkYsTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFHLHdCQUF3QixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFO1NBQ3BFLENBQUM7SUFDSixDQUFDO0lBc0JEOztPQUVHO0lBQ0gsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7SUFDcEQsQ0FBQzs7b0lBL0NVLG9CQUFvQjt3SEFBcEIsb0JBQW9CLHdQQU5yQiwyQkFBMkIsbWxCQUV6QjtRQUNWLHFCQUFxQixDQUFDLGdCQUFnQjtLQUN2QzsyRkFFVSxvQkFBb0I7a0JBVGhDLFNBQVM7K0JBQ0UsY0FBYyxZQUVkLDJCQUEyQixtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQzt3QkFDVixxQkFBcUIsQ0FBQyxnQkFBZ0I7cUJBQ3ZDO3NIQU15QixPQUFPO3NCQUFoQyxXQUFXO3VCQUFDLE9BQU87Z0JBV2tCLGdCQUFnQjtzQkFBckQsV0FBVzt1QkFBQyxtQkFBbUI7Z0JBVXRCLGFBQWE7c0JBQXRCLE1BQU07Z0JBS0UsSUFBSTtzQkFBWixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBOZ1pvbmUsXG4gIEVsZW1lbnRSZWYsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZyb21FdmVudCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZmlsdGVyIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBkYWZmU2lkZWJhckFuaW1hdGlvbnMgfSBmcm9tICcuLi9hbmltYXRpb24vc2lkZWJhci1hbmltYXRpb24nO1xuaW1wb3J0IHsgZ2V0QW5pbWF0aW9uU3RhdGUgfSBmcm9tICcuLi9hbmltYXRpb24vc2lkZWJhci1hbmltYXRpb24tc3RhdGUnO1xuaW1wb3J0IHsgZ2V0U2lkZWJhckFuaW1hdGlvbldpZHRoIH0gZnJvbSAnLi4vYW5pbWF0aW9uL3NpZGViYXItYW5pbWF0aW9uLXdpZHRoJztcbmltcG9ydCB7IERhZmZTaWRlYmFyTW9kZSB9IGZyb20gJy4uL2hlbHBlci9zaWRlYmFyLW1vZGUnO1xuaW1wb3J0IHsgRGFmZlNpZGViYXJTaWRlIH0gZnJvbSAnLi4vaGVscGVyL3NpZGViYXItc2lkZSc7XG5cbi8qKlxuICogRGFmZlNpZGViYXJDb21wb25lbnQgaXMgaGVhdmlseSBiYXNlZCB1cG9uIHRoZSB3b3JrIGRvbmUgYnkgdGhlIEBhbmd1bGFyL2NvbXBvbmVudHNcbiAqIHRlYW0gb24gYG1hdC1kcmF3ZXJgIGFuZCBgbWF0LXNpZGVuYXZgLiBgZGFmZi1zaWRlYmFyYCBpcyBpbnRlbmRlZCB0byBiZVxuICogYSBzaW1wbGlmaWVkIHZlcnNpb24gKHdpdGggYSBkaWZmZXJlbnQgZGVzaWduKSBvZiBgbWF0LWRyYXdlcmAuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtc2lkZWJhcicsXG4gIHN0eWxlVXJsczogWycuL3NpZGViYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGFuaW1hdGlvbnM6IFtcbiAgICBkYWZmU2lkZWJhckFuaW1hdGlvbnMudHJhbnNmb3JtU2lkZWJhcixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlNpZGViYXJDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIENTUyBjbGFzc2VzIHNldC5cbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3NlcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgJ2RhZmYtc2lkZWJhcic6IHRydWUsXG4gICAgICBbdGhpcy5zaWRlXTogdHJ1ZSxcbiAgICAgIFt0aGlzLm1vZGVdOiB0cnVlLFxuICAgIH07XG4gIH07XG5cbiAgLyoqXG4gICAqIFRoZSBhbmltYXRpb24gc3RhdGUgb2YgdGhlIHNpZGViYXIuXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ0B0cmFuc2Zvcm1TaWRlYmFyJykgZ2V0IHRyYW5zZm9ybVNpZGViYXIoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHZhbHVlOiBnZXRBbmltYXRpb25TdGF0ZSh0aGlzLm9wZW4sIHRoaXMubW9kZSA9PT0gJ292ZXInIHx8IHRoaXMubW9kZSA9PT0gJ3NpZGUtZml4ZWQnKSxcbiAgICAgIHBhcmFtczogeyB3aWR0aDogIGdldFNpZGViYXJBbmltYXRpb25XaWR0aCh0aGlzLnNpZGUsIHRoaXMud2lkdGgpIH0sXG4gICAgfTtcbiAgfVxuXG4gIC8qKlxuICAgKiBFdmVudCBmaXJlZCB3aGVuIGBFU0NgIGtleSBpcyBwcmVzc2VkIHdoZW4gdGhlIHNpZGViYXIgaGFzIGZvY3VzXG4gICAqL1xuICBAT3V0cHV0KCkgZXNjYXBlUHJlc3NlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBXaGF0IHNpZGUgb2YgdGhlIHZpZXdwb3J0IHRvIHNob3cgdGhlIHNpZGViYXIgb24uXG4gICAqL1xuICBASW5wdXQoKSBzaWRlOiBEYWZmU2lkZWJhclNpZGUgPSAnbGVmdCc7XG5cbiAgLyoqXG4gICAqIFRoZSBtb2RlIG9mIHRoZSBzaWRlYmFyLlxuICAgKi9cbiAgQElucHV0KCkgbW9kZTogRGFmZlNpZGViYXJNb2RlID0gJ3NpZGUnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIG9yIG5vdCB0aGUgc2lkZWJhciBpcyBvcGVuLlxuICAgKi9cbiAgQElucHV0KCkgb3BlbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBUaGUgd2lkdGggb2YgdGhlIHNpZGViYXIuXG4gICAqL1xuICBnZXQgd2lkdGgoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgIHByaXZhdGUgX25nWm9uZTogTmdab25lLFxuICApIHtcblxuICAgIC8qKlxuICAgICAqIExpc3RlbiB0byBga2V5ZG93bmAgZXZlbnRzIG91dHNpZGUgdGhlIHpvbmUgc28gdGhhdCBjaGFuZ2UgZGV0ZWN0aW9uIGlzIG5vdCBydW4gZXZlcnlcbiAgICAgKiB0aW1lIGEga2V5IGlzIHByZXNzZWQuIEluc3RlYWQgd2UgcmUtZW50ZXIgdGhlIHpvbmUgb25seSBpZiB0aGUgYEVTQ2Aga2V5IGlzIHByZXNzZWQuXG4gICAgICpcbiAgICAgKi9cbiAgICB0aGlzLl9uZ1pvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4ge1xuICAgICAgZnJvbUV2ZW50PEtleWJvYXJkRXZlbnQ+KHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2tleWRvd24nKS5waXBlKFxuICAgICAgICBmaWx0ZXIoZXZlbnQgPT4gZXZlbnQua2V5ID09PSAnRXNjYXBlJyksXG4gICAgICApLnN1YnNjcmliZShldmVudCA9PiB0aGlzLl9uZ1pvbmUucnVuKCgpID0+IHtcbiAgICAgICAgdGhpcy5lc2NhcGVQcmVzc2VkLmVtaXQoKTtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICB9KSk7XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==

package/esm2020/molecules/sidebar/sidebar-viewport/backdrop-interactable.mjs

@@ -0,0 +1,5 @@
+/**
+ * Determines, given a list of sidebars, whether or not the backdrop is interactable (typically clickable).
+ */
+export const sidebarViewportBackdropInteractable = (sidebars) => sidebars.reduce((acc, sidebar) => ((sidebar.mode === 'over' || sidebar.mode === 'under') && sidebar.open) || acc, false);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AtaW50ZXJhY3RhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9zaWRlYmFyL3NpZGViYXItdmlld3BvcnQvYmFja2Ryb3AtaW50ZXJhY3RhYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sbUNBQW1DLEdBQUcsQ0FBQyxRQUF5QyxFQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUN4SCxDQUFDLEdBQVksRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxLQUFLLE1BQU0sSUFBSSxPQUFPLENBQUMsSUFBSSxLQUFLLE9BQU8sQ0FBQyxJQUFJLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxHQUFHLEVBQ3pHLEtBQUssQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZTaWRlYmFyQ29tcG9uZW50IH0gZnJvbSAnLi4vc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudCc7XG5cbi8qKlxuICogRGV0ZXJtaW5lcywgZ2l2ZW4gYSBsaXN0IG9mIHNpZGViYXJzLCB3aGV0aGVyIG9yIG5vdCB0aGUgYmFja2Ryb3AgaXMgaW50ZXJhY3RhYmxlICh0eXBpY2FsbHkgY2xpY2thYmxlKS5cbiAqL1xuZXhwb3J0IGNvbnN0IHNpZGViYXJWaWV3cG9ydEJhY2tkcm9wSW50ZXJhY3RhYmxlID0gKHNpZGViYXJzOiBRdWVyeUxpc3Q8RGFmZlNpZGViYXJDb21wb25lbnQ+KTogYm9vbGVhbiA9PiBzaWRlYmFycy5yZWR1Y2UoXG4gIChhY2M6IGJvb2xlYW4sIHNpZGViYXIpID0+ICgoc2lkZWJhci5tb2RlID09PSAnb3ZlcicgfHwgc2lkZWJhci5tb2RlID09PSAndW5kZXInKSAmJiBzaWRlYmFyLm9wZW4pIHx8IGFjYyxcbiAgZmFsc2UpO1xuIl19

package/esm2020/molecules/sidebar/sidebar-viewport/content-pad.mjs

@@ -0,0 +1,17 @@
+/**
+ * Given a list of sidebars, compute the associated content shift.
+ */
+export const sidebarViewportContentPadding = (sidebars, side) => sidebars.reduce((acc, sidebar) => {
+    if (!(sidebar.mode === "side-fixed" /* SideFixed */ && sidebar.open)) {
+        return acc;
+    }
+    if (sidebar.side === side) {
+        return sidebar.width;
+    }
+    else {
+        // This component is "stateless", its possible to have two open "under" sidebars.
+        // As such, we defer to "left" being open by default.
+        return acc;
+    }
+}, 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1wYWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci12aWV3cG9ydC9jb250ZW50LXBhZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLDZCQUE2QixHQUFHLENBQUMsUUFBeUMsRUFBRSxJQUFxQixFQUFVLEVBQUUsQ0FDeEgsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQVcsRUFBRSxPQUFPLEVBQUUsRUFBRTtJQUN2QyxJQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxpQ0FBa0MsSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7UUFDcEUsT0FBTyxHQUFHLENBQUM7S0FDWjtJQUVELElBQUcsT0FBTyxDQUFDLElBQUksS0FBSyxJQUFJLEVBQUM7UUFDdkIsT0FBTyxPQUFPLENBQUMsS0FBSyxDQUFDO0tBQ3RCO1NBQU07UUFDTCxpRkFBaUY7UUFDakYscURBQXFEO1FBQ3JELE9BQU8sR0FBRyxDQUFDO0tBQ1o7QUFDSCxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZlNpZGViYXJNb2RlRW51bSB9IGZyb20gJy4uL2hlbHBlci9zaWRlYmFyLW1vZGUnO1xuaW1wb3J0IHsgRGFmZlNpZGViYXJTaWRlIH0gZnJvbSAnLi4vaGVscGVyL3NpZGViYXItc2lkZSc7XG5pbXBvcnQgeyBEYWZmU2lkZWJhckNvbXBvbmVudCB9IGZyb20gJy4uL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQnO1xuXG5cbi8qKlxuICogR2l2ZW4gYSBsaXN0IG9mIHNpZGViYXJzLCBjb21wdXRlIHRoZSBhc3NvY2lhdGVkIGNvbnRlbnQgc2hpZnQuXG4gKi9cbmV4cG9ydCBjb25zdCBzaWRlYmFyVmlld3BvcnRDb250ZW50UGFkZGluZyA9IChzaWRlYmFyczogUXVlcnlMaXN0PERhZmZTaWRlYmFyQ29tcG9uZW50Piwgc2lkZTogRGFmZlNpZGViYXJTaWRlKTogbnVtYmVyID0+XG4gIHNpZGViYXJzLnJlZHVjZSgoYWNjOiBudW1iZXIsIHNpZGViYXIpID0+IHtcbiAgICBpZighKHNpZGViYXIubW9kZSA9PT0gRGFmZlNpZGViYXJNb2RlRW51bS5TaWRlRml4ZWQgJiYgc2lkZWJhci5vcGVuKSkge1xuICAgICAgcmV0dXJuIGFjYztcbiAgICB9XG5cbiAgICBpZihzaWRlYmFyLnNpZGUgPT09IHNpZGUpe1xuICAgICAgcmV0dXJuIHNpZGViYXIud2lkdGg7XG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIFRoaXMgY29tcG9uZW50IGlzIFwic3RhdGVsZXNzXCIsIGl0cyBwb3NzaWJsZSB0byBoYXZlIHR3byBvcGVuIFwidW5kZXJcIiBzaWRlYmFycy5cbiAgICAgIC8vIEFzIHN1Y2gsIHdlIGRlZmVyIHRvIFwibGVmdFwiIGJlaW5nIG9wZW4gYnkgZGVmYXVsdC5cbiAgICAgIHJldHVybiBhY2M7XG4gICAgfVxuICB9LCAwKTtcbiJdfQ==

package/esm2020/molecules/sidebar/sidebar-viewport/content-shift.mjs

@@ -0,0 +1,21 @@
+export const isViewportContentShifted = (mode, open) => (mode === 'under' && open);
+/**
+ * Given a list of sidebars, compute the associated content shift.
+ */
+export const sidebarViewportContentShift = (sidebars) => sidebars.reduce((acc, sidebar) => {
+    if (!isViewportContentShifted(sidebar.mode, sidebar.open)) {
+        return acc;
+    }
+    if (sidebar.side === 'left') {
+        return sidebar.width;
+    }
+    else if (sidebar.side === 'right' && acc === 0) {
+        return -1 * sidebar.width;
+    }
+    else {
+        // This component is "stateless", its possible to have two open "under" sidebars.
+        // As such, we defer to "left" being open by default.
+        return acc;
+    }
+}, 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1zaGlmdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvc2lkZWJhci9zaWRlYmFyLXZpZXdwb3J0L2NvbnRlbnQtc2hpZnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUcsQ0FBQyxJQUFxQixFQUFFLElBQWEsRUFBVyxFQUFFLENBQUMsQ0FBQyxJQUFJLEtBQUssT0FBTyxJQUFJLElBQUksQ0FBQyxDQUFDO0FBRXRIOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sMkJBQTJCLEdBQUcsQ0FBQyxRQUF5QyxFQUFVLEVBQUUsQ0FDL0YsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQVcsRUFBRSxPQUFPLEVBQUUsRUFBRTtJQUN2QyxJQUFHLENBQUMsd0JBQXdCLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7UUFDeEQsT0FBTyxHQUFHLENBQUM7S0FDWjtJQUVELElBQUcsT0FBTyxDQUFDLElBQUksS0FBSyxNQUFNLEVBQUM7UUFDekIsT0FBTyxPQUFPLENBQUMsS0FBSyxDQUFDO0tBQ3RCO1NBQU0sSUFBSSxPQUFPLENBQUMsSUFBSSxLQUFLLE9BQU8sSUFBSSxHQUFHLEtBQUssQ0FBQyxFQUFFO1FBQ2hELE9BQU8sQ0FBQyxDQUFDLEdBQUcsT0FBTyxDQUFDLEtBQUssQ0FBQztLQUMzQjtTQUFNO1FBQ0wsaUZBQWlGO1FBQ2pGLHFEQUFxRDtRQUNyRCxPQUFPLEdBQUcsQ0FBQztLQUNaO0FBQ0gsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZTaWRlYmFyTW9kZSB9IGZyb20gJy4uL2hlbHBlci9zaWRlYmFyLW1vZGUnO1xuaW1wb3J0IHsgRGFmZlNpZGViYXJDb21wb25lbnQgfSBmcm9tICcuLi9zaWRlYmFyL3NpZGViYXIuY29tcG9uZW50JztcblxuZXhwb3J0IGNvbnN0IGlzVmlld3BvcnRDb250ZW50U2hpZnRlZCA9IChtb2RlOiBEYWZmU2lkZWJhck1vZGUsIG9wZW46IGJvb2xlYW4pOiBib29sZWFuID0+IChtb2RlID09PSAndW5kZXInICYmIG9wZW4pO1xuXG4vKipcbiAqIEdpdmVuIGEgbGlzdCBvZiBzaWRlYmFycywgY29tcHV0ZSB0aGUgYXNzb2NpYXRlZCBjb250ZW50IHNoaWZ0LlxuICovXG5leHBvcnQgY29uc3Qgc2lkZWJhclZpZXdwb3J0Q29udGVudFNoaWZ0ID0gKHNpZGViYXJzOiBRdWVyeUxpc3Q8RGFmZlNpZGViYXJDb21wb25lbnQ+KTogbnVtYmVyID0+XG4gIHNpZGViYXJzLnJlZHVjZSgoYWNjOiBudW1iZXIsIHNpZGViYXIpID0+IHtcbiAgICBpZighaXNWaWV3cG9ydENvbnRlbnRTaGlmdGVkKHNpZGViYXIubW9kZSwgc2lkZWJhci5vcGVuKSkge1xuICAgICAgcmV0dXJuIGFjYztcbiAgICB9XG5cbiAgICBpZihzaWRlYmFyLnNpZGUgPT09ICdsZWZ0Jyl7XG4gICAgICByZXR1cm4gc2lkZWJhci53aWR0aDtcbiAgICB9IGVsc2UgaWYgKHNpZGViYXIuc2lkZSA9PT0gJ3JpZ2h0JyAmJiBhY2MgPT09IDApIHtcbiAgICAgIHJldHVybiAtMSAqIHNpZGViYXIud2lkdGg7XG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIFRoaXMgY29tcG9uZW50IGlzIFwic3RhdGVsZXNzXCIsIGl0cyBwb3NzaWJsZSB0byBoYXZlIHR3byBvcGVuIFwidW5kZXJcIiBzaWRlYmFycy5cbiAgICAgIC8vIEFzIHN1Y2gsIHdlIGRlZmVyIHRvIFwibGVmdFwiIGJlaW5nIG9wZW4gYnkgZGVmYXVsdC5cbiAgICAgIHJldHVybiBhY2M7XG4gICAgfVxuICB9LCAwKTtcblxuXG4iXX0=