@daffodil/design 0.68.0 → 0.69.0

package/fesm2022/daffodil-design.mjs

@@ -1463,130 +1463,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
                 }]
         }] });
 
-const animationDuration = '350ms';
-const backdropTransitionOut = 'cubic-bezier(0.4, 0.0, 1, 1)';
-const backdropTransitionIn = 'cubic-bezier(0.0, 0.0, 0.2, 1)';
-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 })),
-        ]),
-        transition(':leave', [
-            animate(animationDuration + ' ' + backdropTransitionOut, style({ opacity: 0 })),
-        ]),
-    ]),
-};
-
-const getAnimationState = (interactable) => interactable ? 'interactable' : 'non-interactable';
-
-class DaffBackdropComponent {
-    constructor() {
-        /**
-         * Determines whether or not the backdrop is transparent.
-         */
-        // 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.
-         */
-        // eslint-disable-next-line @typescript-eslint/no-inferrable-types
-        this.fullscreen = false;
-        /**
-         * 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 */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", 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;-moz-user-select:none;-ms-user-select:none;user-select:none}.daff-backdrop{background:#0000004d;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: "17.1.1", 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{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;-moz-user-select:none;-ms-user-select:none;user-select:none}.daff-backdrop{background:#0000004d;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
-            }], 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']
-            }] } });
-
-class DaffBackdropModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropModule, declarations: [DaffBackdropComponent], imports: [CommonModule], exports: [DaffBackdropComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                    ],
-                    declarations: [
-                        DaffBackdropComponent,
-                    ],
-                    exports: [
-                        DaffBackdropComponent,
-                    ],
-                }]
-        }] });
-
 /**
  * @deprecated in v1.0.0
  */
@@ -2671,5 +2547,5 @@ function daffSizeMixin(Base, defaultSize) {
  * Generated bundle index. Do not edit.
  */
 
-export { DAFF_THEME_INITIALIZER, DaffBackdropComponent, DaffBackdropModule, DaffBreakpoints, DaffButtonSetComponent, DaffButtonSetModule, DaffCheckboxComponent, DaffCheckboxControlValueAccessorDirective, DaffCheckboxModule, DaffCheckboxSetComponent, DaffErrorMessageComponent, DaffErrorMessageModule, DaffErrorStateMatcher, DaffFeatureComponent, DaffFeatureIconDirective, DaffFeatureModeEnum, DaffFeatureModule, DaffFeatureSubheaderDirective, DaffFeatureSubtitleDirective, DaffFeatureTitleDirective, DaffFocusStackService, DaffFormFieldComponent, DaffFormFieldControl, DaffFormFieldModule, DaffFormLabelDirective, DaffFormLabelModule, DaffGalleryImageComponent, DaffImageGalleryComponent, DaffImageGalleryModule, DaffImageListComponent, DaffImageListModule, DaffInputComponent, DaffInputModule, DaffNativeSelectComponent, DaffNativeSelectModule, DaffPrefixDirective, DaffPrefixSuffixModule, DaffProgressIndicatorComponent, DaffProgressIndicatorModule, DaffQtyDropdownComponent, DaffQtyDropdownModule, DaffQuantityFieldComponent, DaffQuantityFieldModule, DaffQuantityInputComponent, DaffQuantitySelectComponent, DaffRadioComponent, DaffRadioControlValueAccessorDirective, DaffRadioModule, DaffRadioSetComponent, DaffSizableEnum, DaffStatusEnum, DaffSuffixDirective, DaffTextAlignmentEnum, DaffTheme, DaffThemingService, daffArticleEncapsulatedMixin, daffColorMixin, daffCompactableMixin, daffFocusableElementsSelector, daffManageContainerLayoutMixin, daffPrefixableMixin, daffSizeMixin, daffSkeletonableMixin, daffStatusMixin, daffSuffixableMixin, daffTextAlignmentMixin };
+export { DAFF_THEME_INITIALIZER, DaffBreakpoints, DaffButtonSetComponent, DaffButtonSetModule, DaffCheckboxComponent, DaffCheckboxControlValueAccessorDirective, DaffCheckboxModule, DaffCheckboxSetComponent, DaffErrorMessageComponent, DaffErrorMessageModule, DaffErrorStateMatcher, DaffFeatureComponent, DaffFeatureIconDirective, DaffFeatureModeEnum, DaffFeatureModule, DaffFeatureSubheaderDirective, DaffFeatureSubtitleDirective, DaffFeatureTitleDirective, DaffFocusStackService, DaffFormFieldComponent, DaffFormFieldControl, DaffFormFieldModule, DaffFormLabelDirective, DaffFormLabelModule, DaffGalleryImageComponent, DaffImageGalleryComponent, DaffImageGalleryModule, DaffImageListComponent, DaffImageListModule, DaffInputComponent, DaffInputModule, DaffNativeSelectComponent, DaffNativeSelectModule, DaffPrefixDirective, DaffPrefixSuffixModule, DaffProgressIndicatorComponent, DaffProgressIndicatorModule, DaffQtyDropdownComponent, DaffQtyDropdownModule, DaffQuantityFieldComponent, DaffQuantityFieldModule, DaffQuantityInputComponent, DaffQuantitySelectComponent, DaffRadioComponent, DaffRadioControlValueAccessorDirective, DaffRadioModule, DaffRadioSetComponent, DaffSizableEnum, DaffStatusEnum, DaffSuffixDirective, DaffTextAlignmentEnum, DaffTheme, DaffThemingService, daffArticleEncapsulatedMixin, daffColorMixin, daffCompactableMixin, daffFocusableElementsSelector, daffManageContainerLayoutMixin, daffPrefixableMixin, daffSizeMixin, daffSkeletonableMixin, daffStatusMixin, daffSuffixableMixin, daffTextAlignmentMixin };
 //# sourceMappingURL=daffodil-design.mjs.map