@daffodil/design 0.74.0 → 0.75.0

package/esm2022/core/public_api.mjs

@@ -2,7 +2,7 @@
 export * from './animation/animation-state-with-params';
 export * from './prefix-suffix/public_api';
 export * from './colorable/public_api';
-export * from './breakpoints/breakpoints';
+export * from './breakpoints/public_api';
 export * from './constructor/constructor';
 export * from './statusable/public_api';
 export * from './skeletonable/public_api';
@@ -15,4 +15,4 @@ export * from './theming/public_api';
 export * from './lazy/public_api';
 export * from './focus/public_api';
 export * from './sizable/public_api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTztBQUNQLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3JlXG5leHBvcnQgKiBmcm9tICcuL2FuaW1hdGlvbi9hbmltYXRpb24tc3RhdGUtd2l0aC1wYXJhbXMnO1xuZXhwb3J0ICogZnJvbSAnLi9wcmVmaXgtc3VmZml4L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9jb2xvcmFibGUvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2JyZWFrcG9pbnRzL2JyZWFrcG9pbnRzJztcbmV4cG9ydCAqIGZyb20gJy4vY29uc3RydWN0b3IvY29uc3RydWN0b3InO1xuZXhwb3J0ICogZnJvbSAnLi9zdGF0dXNhYmxlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9za2VsZXRvbmFibGUvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL211dGFibGUvbXV0YWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL3RleHQtYWxpZ25hYmxlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wYWN0YWJsZS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbWFuYWdlLWNvbnRhaW5lci1sYXlvdXQvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2FydGljbGUtZW5jYXBzdWxhdGVkL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi90aGVtaW5nL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9sYXp5L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9mb2N1cy9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vc2l6YWJsZS9wdWJsaWNfYXBpJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTztBQUNQLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3JlXG5leHBvcnQgKiBmcm9tICcuL2FuaW1hdGlvbi9hbmltYXRpb24tc3RhdGUtd2l0aC1wYXJhbXMnO1xuZXhwb3J0ICogZnJvbSAnLi9wcmVmaXgtc3VmZml4L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9jb2xvcmFibGUvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2JyZWFrcG9pbnRzL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9jb25zdHJ1Y3Rvci9jb25zdHJ1Y3Rvcic7XG5leHBvcnQgKiBmcm9tICcuL3N0YXR1c2FibGUvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL3NrZWxldG9uYWJsZS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbXV0YWJsZS9tdXRhYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vdGV4dC1hbGlnbmFibGUvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBhY3RhYmxlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tYW5hZ2UtY29udGFpbmVyLWxheW91dC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXJ0aWNsZS1lbmNhcHN1bGF0ZWQvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL3RoZW1pbmcvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2xhenkvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2ZvY3VzL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9zaXphYmxlL3B1YmxpY19hcGknO1xuIl19

package/esm2022/core/sizable/public_api.mjs

@@ -1,3 +1,3 @@
 export { DaffSizableEnum, } from './sizable';
-export { daffSizeMixin } from './sizable-mixin';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3NpemFibGUvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0wsZUFBZSxHQU1oQixNQUFNLFdBQVcsQ0FBQztBQUNuQixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge1xuICBEYWZmU2l6YWJsZSxcbiAgRGFmZlNpemVBbGxUeXBlLFxuICBEYWZmU2l6YWJsZUVudW0sXG4gIERhZmZTaXplWFNtYWxsVHlwZSxcbiAgRGFmZlNpemVTbWFsbFR5cGUsXG4gIERhZmZTaXplTWVkaXVtVHlwZSxcbiAgRGFmZlNpemVMYXJnZVR5cGUsXG4gIERhZmZTaXplWExhcmdlVHlwZSxcbn0gZnJvbSAnLi9zaXphYmxlJztcbmV4cG9ydCB7IGRhZmZTaXplTWl4aW4gfSBmcm9tICcuL3NpemFibGUtbWl4aW4nO1xuIl19
+export { DaffSizableDirective } from './sizable.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3NpemFibGUvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0wsZUFBZSxHQU1oQixNQUFNLFdBQVcsQ0FBQztBQUNuQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7XG4gIERhZmZTaXphYmxlLFxuICBEYWZmU2l6ZUFsbFR5cGUsXG4gIERhZmZTaXphYmxlRW51bSxcbiAgRGFmZlNpemVYU21hbGxUeXBlLFxuICBEYWZmU2l6ZVNtYWxsVHlwZSxcbiAgRGFmZlNpemVNZWRpdW1UeXBlLFxuICBEYWZmU2l6ZUxhcmdlVHlwZSxcbiAgRGFmZlNpemVYTGFyZ2VUeXBlLFxufSBmcm9tICcuL3NpemFibGUnO1xuZXhwb3J0IHsgRGFmZlNpemFibGVEaXJlY3RpdmUgfSBmcm9tICcuL3NpemFibGUuZGlyZWN0aXZlJztcbiJdfQ==

package/esm2022/core/sizable/sizable.directive.mjs

@@ -0,0 +1,53 @@
+import { Directive, HostBinding, Input, } from '@angular/core';
+import { DaffSizableEnum, } from './sizable';
+import * as i0 from "@angular/core";
+/**
+ * The `DaffSizableDirective` allows for dynamic sizing of a component by setting
+ * CSS classes based on the specified size.
+ *
+ * ## Example
+ *
+ * ```html
+ * <div daffSizable [size]="componentSize">Sized content</div>
+ * ```
+ */
+export class DaffSizableDirective {
+    /**
+     * Dynamically sets the CSS classes based on the size.
+     * @docs-private
+     */
+    get class() {
+        return {
+            'daff-xs': this.size === DaffSizableEnum.XSmall,
+            'daff-sm': this.size === DaffSizableEnum.Small,
+            'daff-md': this.size === DaffSizableEnum.Medium,
+            'daff-lg': this.size === DaffSizableEnum.Large,
+            'daff-xl': this.size === DaffSizableEnum.XLarge,
+        };
+    }
+    ngOnChanges(changes) {
+        if (!changes.size?.currentValue) {
+            this.size = this.defaultSize;
+        }
+    }
+    ngOnInit() {
+        if (!this.size) {
+            this.size = this.defaultSize;
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffSizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffSizableDirective, isStandalone: true, selector: "[daffSizable]", inputs: { size: "size" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffSizableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffSizable]',
+                    standalone: true,
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6YWJsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9zaXphYmxlL3NpemFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FJTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBRUwsZUFBZSxHQUVoQixNQUFNLFdBQVcsQ0FBQzs7QUFFbkI7Ozs7Ozs7OztHQVNHO0FBS0gsTUFBTSxPQUFPLG9CQUFvQjtJQUUvQjs7O09BR0c7SUFDSCxJQUEwQixLQUFLO1FBQzdCLE9BQU87WUFDTCxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxlQUFlLENBQUMsTUFBTTtZQUMvQyxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxlQUFlLENBQUMsS0FBSztZQUM5QyxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxlQUFlLENBQUMsTUFBTTtZQUMvQyxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxlQUFlLENBQUMsS0FBSztZQUM5QyxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxlQUFlLENBQUMsTUFBTTtTQUNoRCxDQUFDO0lBQ0osQ0FBQztJQVlELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFHLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxZQUFZLEVBQUU7WUFDOUIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1NBQzlCO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztTQUM5QjtJQUNILENBQUM7a0lBcENVLG9CQUFvQjtzSEFBcEIsb0JBQW9COzs0RkFBcEIsb0JBQW9CO2tCQUpoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBTzJCLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFhWCxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkluaXQsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEYWZmU2l6YWJsZSxcbiAgRGFmZlNpemFibGVFbnVtLFxuICBEYWZmU2l6ZUFsbFR5cGUsXG59IGZyb20gJy4vc2l6YWJsZSc7XG5cbi8qKlxuICogVGhlIGBEYWZmU2l6YWJsZURpcmVjdGl2ZWAgYWxsb3dzIGZvciBkeW5hbWljIHNpemluZyBvZiBhIGNvbXBvbmVudCBieSBzZXR0aW5nXG4gKiBDU1MgY2xhc3NlcyBiYXNlZCBvbiB0aGUgc3BlY2lmaWVkIHNpemUuXG4gKlxuICogIyMgRXhhbXBsZVxuICpcbiAqIGBgYGh0bWxcbiAqIDxkaXYgZGFmZlNpemFibGUgW3NpemVdPVwiY29tcG9uZW50U2l6ZVwiPlNpemVkIGNvbnRlbnQ8L2Rpdj5cbiAqIGBgYFxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZlNpemFibGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlNpemFibGVEaXJlY3RpdmU8VCBleHRlbmRzIERhZmZTaXplQWxsVHlwZT4gaW1wbGVtZW50cyBEYWZmU2l6YWJsZTxUPiwgT25DaGFuZ2VzLCBPbkluaXQge1xuXG4gIC8qKlxuICAgKiBEeW5hbWljYWxseSBzZXRzIHRoZSBDU1MgY2xhc3NlcyBiYXNlZCBvbiB0aGUgc2l6ZS5cbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBjbGFzcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgJ2RhZmYteHMnOiB0aGlzLnNpemUgPT09IERhZmZTaXphYmxlRW51bS5YU21hbGwsXG4gICAgICAnZGFmZi1zbSc6IHRoaXMuc2l6ZSA9PT0gRGFmZlNpemFibGVFbnVtLlNtYWxsLFxuICAgICAgJ2RhZmYtbWQnOiB0aGlzLnNpemUgPT09IERhZmZTaXphYmxlRW51bS5NZWRpdW0sXG4gICAgICAnZGFmZi1sZyc6IHRoaXMuc2l6ZSA9PT0gRGFmZlNpemFibGVFbnVtLkxhcmdlLFxuICAgICAgJ2RhZmYteGwnOiB0aGlzLnNpemUgPT09IERhZmZTaXphYmxlRW51bS5YTGFyZ2UsXG4gICAgfTtcbiAgfVxuXG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiBhIGNvbXBvbmVudC5cbiAgICovXG4gIEBJbnB1dCgpIHNpemU6IFQ7XG5cbiAgLyoqXG4gICAqIFNldHMgYSBkZWZhdWx0IHNpemUgd2hlbiBubyBzaXplIGlzIHByb3ZpZGVkLlxuICAgKi9cbiAgcHVibGljIGRlZmF1bHRTaXplOiBUO1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZighY2hhbmdlcy5zaXplPy5jdXJyZW50VmFsdWUpIHtcbiAgICAgIHRoaXMuc2l6ZSA9IHRoaXMuZGVmYXVsdFNpemU7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYoIXRoaXMuc2l6ZSkge1xuICAgICAgdGhpcy5zaXplID0gdGhpcy5kZWZhdWx0U2l6ZTtcbiAgICB9XG4gIH1cbn1cblxuIl19

package/esm2022/core/sizable/sizable.mjs

@@ -1,6 +1,5 @@
 /**
- * An interface for giving a component the ability to customize sizing for component-specific UI.
- * In order to be sizable, a component class must implement this property.
+ * Interfaces that gives a component the ability to customize sizing for component specific UI.
  */
 export var DaffSizableEnum;
 (function (DaffSizableEnum) {
@@ -10,4 +9,4 @@ export var DaffSizableEnum;
     DaffSizableEnum["Large"] = "lg";
     DaffSizableEnum["XLarge"] = "xl";
 })(DaffSizableEnum || (DaffSizableEnum = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3NpemFibGUvc2l6YWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFrQkgsTUFBTSxDQUFOLElBQVksZUFNWDtBQU5ELFdBQVksZUFBZTtJQUN6QixnQ0FBYSxDQUFBO0lBQ2IsK0JBQVksQ0FBQTtJQUNaLGdDQUFhLENBQUE7SUFDYiwrQkFBWSxDQUFBO0lBQ1osZ0NBQWEsQ0FBQTtBQUNmLENBQUMsRUFOVyxlQUFlLEtBQWYsZUFBZSxRQU0xQiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQW4gaW50ZXJmYWNlIGZvciBnaXZpbmcgYSBjb21wb25lbnQgdGhlIGFiaWxpdHkgdG8gY3VzdG9taXplIHNpemluZyBmb3IgY29tcG9uZW50LXNwZWNpZmljIFVJLlxuICogSW4gb3JkZXIgdG8gYmUgc2l6YWJsZSwgYSBjb21wb25lbnQgY2xhc3MgbXVzdCBpbXBsZW1lbnQgdGhpcyBwcm9wZXJ0eS5cbiAqL1xuXG5leHBvcnQgaW50ZXJmYWNlIERhZmZTaXphYmxlPFQgZXh0ZW5kcyBEYWZmU2l6ZUFsbFR5cGU+IHtcbiAgc2l6ZTogVDtcbn1cblxuLyoqXG4gKiBUaGUgcG9zc2libGUgdHlwZXMgdGhhdCBjYW4gYmUgcGFzc2VkIHRvIGEgY29tcG9uZW50IHRoYXQgaW1wbGVtZW50cyBEYWZmU2l6YWJsZVxuICovXG5cbmV4cG9ydCB0eXBlIERhZmZTaXplWFNtYWxsVHlwZSA9ICd4cyc7XG5leHBvcnQgdHlwZSBEYWZmU2l6ZVNtYWxsVHlwZSA9ICdzbSc7XG5leHBvcnQgdHlwZSBEYWZmU2l6ZU1lZGl1bVR5cGUgPSAnbWQnO1xuZXhwb3J0IHR5cGUgRGFmZlNpemVMYXJnZVR5cGUgPSAnbGcnO1xuZXhwb3J0IHR5cGUgRGFmZlNpemVYTGFyZ2VUeXBlID0gJ3hsJztcblxuZXhwb3J0IHR5cGUgRGFmZlNpemVBbGxUeXBlID0gRGFmZlNpemVYU21hbGxUeXBlIHwgRGFmZlNpemVTbWFsbFR5cGUgfCBEYWZmU2l6ZU1lZGl1bVR5cGUgfCBEYWZmU2l6ZUxhcmdlVHlwZSB8IERhZmZTaXplWExhcmdlVHlwZTtcblxuZXhwb3J0IGVudW0gRGFmZlNpemFibGVFbnVtIHtcbiAgWFNtYWxsID0gJ3hzJyxcbiAgU21hbGwgPSAnc20nLFxuICBNZWRpdW0gPSAnbWQnLFxuICBMYXJnZSA9ICdsZycsXG4gIFhMYXJnZSA9ICd4bCdcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3NpemFibGUvc2l6YWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQXFCSCxNQUFNLENBQU4sSUFBWSxlQU1YO0FBTkQsV0FBWSxlQUFlO0lBQ3pCLGdDQUFhLENBQUE7SUFDYiwrQkFBWSxDQUFBO0lBQ1osZ0NBQWEsQ0FBQTtJQUNiLCtCQUFZLENBQUE7SUFDWixnQ0FBYSxDQUFBO0FBQ2YsQ0FBQyxFQU5XLGVBQWUsS0FBZixlQUFlLFFBTTFCIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBJbnRlcmZhY2VzIHRoYXQgZ2l2ZXMgYSBjb21wb25lbnQgdGhlIGFiaWxpdHkgdG8gY3VzdG9taXplIHNpemluZyBmb3IgY29tcG9uZW50IHNwZWNpZmljIFVJLlxuICovXG5cbmV4cG9ydCBpbnRlcmZhY2UgRGFmZlNpemFibGU8VCBleHRlbmRzIERhZmZTaXplQWxsVHlwZT4ge1xuICBzaXplOiBUO1xufVxuXG4vKipcbiAqIFRoZSBwb3NzaWJsZSB0eXBlcyB0aGF0IGNhbiBiZSBwYXNzZWQgdG8gYSBjb21wb25lbnQgdGhhdCBpbXBsZW1lbnRzIERhZmZTaXphYmxlXG4gKi9cblxuZXhwb3J0IHR5cGUgRGFmZlNpemVYU21hbGxUeXBlID0gJ3hzJztcbmV4cG9ydCB0eXBlIERhZmZTaXplU21hbGxUeXBlID0gJ3NtJztcbmV4cG9ydCB0eXBlIERhZmZTaXplTWVkaXVtVHlwZSA9ICdtZCc7XG5leHBvcnQgdHlwZSBEYWZmU2l6ZUxhcmdlVHlwZSA9ICdsZyc7XG5leHBvcnQgdHlwZSBEYWZmU2l6ZVhMYXJnZVR5cGUgPSAneGwnO1xuXG4vKipcbiAqIFRoZSBhIHR5cGUgcmVwcmVzZW50aW5nIGFsbCBhdmFpbGFibGUgc2l6ZXMuXG4gKi9cbmV4cG9ydCB0eXBlIERhZmZTaXplQWxsVHlwZSA9IERhZmZTaXplWFNtYWxsVHlwZSB8IERhZmZTaXplU21hbGxUeXBlIHwgRGFmZlNpemVNZWRpdW1UeXBlIHwgRGFmZlNpemVMYXJnZVR5cGUgfCBEYWZmU2l6ZVhMYXJnZVR5cGU7XG5cbmV4cG9ydCBlbnVtIERhZmZTaXphYmxlRW51bSB7XG4gIFhTbWFsbCA9ICd4cycsXG4gIFNtYWxsID0gJ3NtJyxcbiAgTWVkaXVtID0gJ21kJyxcbiAgTGFyZ2UgPSAnbGcnLFxuICBYTGFyZ2UgPSAneGwnXG59XG4iXX0=

package/esm2022/core/skeletonable/public_api.mjs

@@ -1,2 +1,2 @@
-export { daffSkeletonableMixin } from './skeletonable-mixin';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3NrZWxldG9uYWJsZS9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgRGFmZlNrZWxldG9uYWJsZSB9IGZyb20gJy4vc2tlbGV0b25hYmxlJztcbmV4cG9ydCB7IGRhZmZTa2VsZXRvbmFibGVNaXhpbiB9IGZyb20gJy4vc2tlbGV0b25hYmxlLW1peGluJztcbiJdfQ==
+export { DaffSkeletonableDirective } from './skeletonable.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3NrZWxldG9uYWJsZS9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgRGFmZlNrZWxldG9uYWJsZSB9IGZyb20gJy4vc2tlbGV0b25hYmxlJztcbmV4cG9ydCB7IERhZmZTa2VsZXRvbmFibGVEaXJlY3RpdmUgfSBmcm9tICcuL3NrZWxldG9uYWJsZS5kaXJlY3RpdmUnO1xuIl19

package/esm2022/core/skeletonable/skeletonable.directive.mjs

@@ -0,0 +1,33 @@
+import { Directive, HostBinding, Input, } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * The `DaffSkeletonableDirective` allows a component to display a skeleton loading
+ * state by conditionally applying a CSS class. This is useful for indicating to
+ * users that content is loading or being processed. This directive can be used to
+ * apply a skeleton loading state to any component by toggling the `skeleton`
+ * input property. When `skeleton` is `true`, the `daff-skeleton` CSS class
+ * is applied, which should style the component to look like a loading placeholder.
+ *
+ * The styles for the`daff-skeleton` class should be defined component's
+ * stylesheets to display the loading state as desired.
+ */
+export class DaffSkeletonableDirective {
+    constructor() {
+        this.skeleton = false;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffSkeletonableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffSkeletonableDirective, isStandalone: true, selector: "[daffSkeletonable]", inputs: { skeleton: "skeleton" }, host: { properties: { "class.daff-skeleton": "this.skeleton" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffSkeletonableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffSkeletonable]',
+                    standalone: true,
+                }]
+        }], propDecorators: { skeleton: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.daff-skeleton']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b25hYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3NrZWxldG9uYWJsZS9za2VsZXRvbmFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7Ozs7Ozs7Ozs7R0FVRztBQUtILE1BQU0sT0FBTyx5QkFBeUI7SUFKdEM7UUFLK0MsYUFBUSxHQUFHLEtBQUssQ0FBQztLQUMvRDtrSUFGWSx5QkFBeUI7c0hBQXpCLHlCQUF5Qjs7NEZBQXpCLHlCQUF5QjtrQkFKckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBRThDLFFBQVE7c0JBQXBELEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFRoZSBgRGFmZlNrZWxldG9uYWJsZURpcmVjdGl2ZWAgYWxsb3dzIGEgY29tcG9uZW50IHRvIGRpc3BsYXkgYSBza2VsZXRvbiBsb2FkaW5nXG4gKiBzdGF0ZSBieSBjb25kaXRpb25hbGx5IGFwcGx5aW5nIGEgQ1NTIGNsYXNzLiBUaGlzIGlzIHVzZWZ1bCBmb3IgaW5kaWNhdGluZyB0b1xuICogdXNlcnMgdGhhdCBjb250ZW50IGlzIGxvYWRpbmcgb3IgYmVpbmcgcHJvY2Vzc2VkLiBUaGlzIGRpcmVjdGl2ZSBjYW4gYmUgdXNlZCB0b1xuICogYXBwbHkgYSBza2VsZXRvbiBsb2FkaW5nIHN0YXRlIHRvIGFueSBjb21wb25lbnQgYnkgdG9nZ2xpbmcgdGhlIGBza2VsZXRvbmBcbiAqIGlucHV0IHByb3BlcnR5LiBXaGVuIGBza2VsZXRvbmAgaXMgYHRydWVgLCB0aGUgYGRhZmYtc2tlbGV0b25gIENTUyBjbGFzc1xuICogaXMgYXBwbGllZCwgd2hpY2ggc2hvdWxkIHN0eWxlIHRoZSBjb21wb25lbnQgdG8gbG9vayBsaWtlIGEgbG9hZGluZyBwbGFjZWhvbGRlci5cbiAqXG4gKiBUaGUgc3R5bGVzIGZvciB0aGVgZGFmZi1za2VsZXRvbmAgY2xhc3Mgc2hvdWxkIGJlIGRlZmluZWQgY29tcG9uZW50J3NcbiAqIHN0eWxlc2hlZXRzIHRvIGRpc3BsYXkgdGhlIGxvYWRpbmcgc3RhdGUgYXMgZGVzaXJlZC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZTa2VsZXRvbmFibGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlNrZWxldG9uYWJsZURpcmVjdGl2ZSB7XG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1za2VsZXRvbicpIHNrZWxldG9uID0gZmFsc2U7XG59XG4iXX0=

package/esm2022/core/skeletonable/skeletonable.mjs

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

package/esm2022/core/statusable/public_api.mjs

@@ -1,3 +1,3 @@
 export { DaffStatusEnum, } from './statusable';
-export { daffStatusMixin } from './statusable-mixin';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3N0YXR1c2FibGUvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0wsY0FBYyxHQUNmLE1BQU0sY0FBYyxDQUFDO0FBQ3RCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7XG4gIERhZmZTdGF0dXNhYmxlLFxuICBEYWZmU3RhdHVzLFxuICBEYWZmU3RhdHVzRW51bSxcbn0gZnJvbSAnLi9zdGF0dXNhYmxlJztcbmV4cG9ydCB7IGRhZmZTdGF0dXNNaXhpbiB9IGZyb20gJy4vc3RhdHVzYWJsZS1taXhpbic7XG4iXX0=
+export { DaffStatusableDirective } from './statusable.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3N0YXR1c2FibGUvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0wsY0FBYyxHQUNmLE1BQU0sY0FBYyxDQUFDO0FBQ3RCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHtcbiAgRGFmZlN0YXR1c2FibGUsXG4gIERhZmZTdGF0dXMsXG4gIERhZmZTdGF0dXNFbnVtLFxufSBmcm9tICcuL3N0YXR1c2FibGUnO1xuZXhwb3J0IHsgRGFmZlN0YXR1c2FibGVEaXJlY3RpdmUgfSBmcm9tICcuL3N0YXR1c2FibGUuZGlyZWN0aXZlJztcbiJdfQ==

package/esm2022/core/statusable/statusable.directive.mjs

@@ -0,0 +1,50 @@
+import { Directive, HostBinding, Input, } from '@angular/core';
+import { DaffStatusEnum, } from './statusable';
+import * as i0 from "@angular/core";
+/**
+ * The `DaffStatusableDirective` allows a component to conditionally apply status-specific
+ * styles by setting CSS classes based on the specified status. This directive is useful
+ * for indicating different statuses such as warnings, errors, or success states.
+ *
+ * ## Example
+ *
+ * ```html
+ * <div daffStatusable [status]="componentStatus">Status content</div>
+ * ```
+ *
+ * ## Styles
+ *
+ * The directive applies the following CSS classes based on the status:
+ *
+ * - `daff-warn`: Applied when the status is `Warn`.
+ * - `daff-danger`: Applied when the status is `Danger`.
+ * - `daff-success`: Applied when the status is `Success`.
+ */
+export class DaffStatusableDirective {
+    /**
+     * Dynamically sets the CSS classes based on the status.
+     * @docs-private
+     */
+    get class() {
+        return {
+            'daff-warn': this.status === DaffStatusEnum.Warn,
+            'daff-danger': this.status === DaffStatusEnum.Danger,
+            'daff-success': this.status === DaffStatusEnum.Success,
+        };
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffStatusableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffStatusableDirective, isStandalone: true, selector: "[daffStatusable]", inputs: { status: "status" }, host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffStatusableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffStatusable]',
+                    standalone: true,
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], status: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9zdGF0dXNhYmxlL3N0YXR1c2FibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBRUwsY0FBYyxHQUVmLE1BQU0sY0FBYyxDQUFDOztBQUV0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBS0gsTUFBTSxPQUFPLHVCQUF1QjtJQUVsQzs7O09BR0c7SUFDSCxJQUEwQixLQUFLO1FBQzdCLE9BQU87WUFDTCxXQUFXLEVBQUUsSUFBSSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsSUFBSTtZQUNoRCxhQUFhLEVBQUUsSUFBSSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsTUFBTTtZQUNwRCxjQUFjLEVBQUUsSUFBSSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsT0FBTztTQUN2RCxDQUFDO0lBQ0osQ0FBQztrSUFaVSx1QkFBdUI7c0hBQXZCLHVCQUF1Qjs7NEZBQXZCLHVCQUF1QjtrQkFKbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBTzJCLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFXWCxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZTdGF0dXMsXG4gIERhZmZTdGF0dXNFbnVtLFxuICBEYWZmU3RhdHVzYWJsZSxcbn0gZnJvbSAnLi9zdGF0dXNhYmxlJztcblxuLyoqXG4gKiBUaGUgYERhZmZTdGF0dXNhYmxlRGlyZWN0aXZlYCBhbGxvd3MgYSBjb21wb25lbnQgdG8gY29uZGl0aW9uYWxseSBhcHBseSBzdGF0dXMtc3BlY2lmaWNcbiAqIHN0eWxlcyBieSBzZXR0aW5nIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBzcGVjaWZpZWQgc3RhdHVzLiBUaGlzIGRpcmVjdGl2ZSBpcyB1c2VmdWxcbiAqIGZvciBpbmRpY2F0aW5nIGRpZmZlcmVudCBzdGF0dXNlcyBzdWNoIGFzIHdhcm5pbmdzLCBlcnJvcnMsIG9yIHN1Y2Nlc3Mgc3RhdGVzLlxuICpcbiAqICMjIEV4YW1wbGVcbiAqXG4gKiBgYGBodG1sXG4gKiA8ZGl2IGRhZmZTdGF0dXNhYmxlIFtzdGF0dXNdPVwiY29tcG9uZW50U3RhdHVzXCI+U3RhdHVzIGNvbnRlbnQ8L2Rpdj5cbiAqIGBgYFxuICpcbiAqICMjIFN0eWxlc1xuICpcbiAqIFRoZSBkaXJlY3RpdmUgYXBwbGllcyB0aGUgZm9sbG93aW5nIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBzdGF0dXM6XG4gKlxuICogLSBgZGFmZi13YXJuYDogQXBwbGllZCB3aGVuIHRoZSBzdGF0dXMgaXMgYFdhcm5gLlxuICogLSBgZGFmZi1kYW5nZXJgOiBBcHBsaWVkIHdoZW4gdGhlIHN0YXR1cyBpcyBgRGFuZ2VyYC5cbiAqIC0gYGRhZmYtc3VjY2Vzc2A6IEFwcGxpZWQgd2hlbiB0aGUgc3RhdHVzIGlzIGBTdWNjZXNzYC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZTdGF0dXNhYmxlXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZTdGF0dXNhYmxlRGlyZWN0aXZlIGltcGxlbWVudHMgRGFmZlN0YXR1c2FibGUge1xuXG4gIC8qKlxuICAgKiBEeW5hbWljYWxseSBzZXRzIHRoZSBDU1MgY2xhc3NlcyBiYXNlZCBvbiB0aGUgc3RhdHVzLlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgZ2V0IGNsYXNzKCkge1xuICAgIHJldHVybiB7XG4gICAgICAnZGFmZi13YXJuJzogdGhpcy5zdGF0dXMgPT09IERhZmZTdGF0dXNFbnVtLldhcm4sXG4gICAgICAnZGFmZi1kYW5nZXInOiB0aGlzLnN0YXR1cyA9PT0gRGFmZlN0YXR1c0VudW0uRGFuZ2VyLFxuICAgICAgJ2RhZmYtc3VjY2Vzcyc6IHRoaXMuc3RhdHVzID09PSBEYWZmU3RhdHVzRW51bS5TdWNjZXNzLFxuICAgIH07XG4gIH1cblxuICAvKipcbiAgICogU2V0cyB0aGUgc3RhdHVzIG9uIGEgY29tcG9uZW50LlxuICAgKi9cbiAgQElucHV0KCkgc3RhdHVzOiBEYWZmU3RhdHVzO1xufVxuXG4iXX0=

package/esm2022/core/statusable/statusable.mjs

@@ -1,7 +1,10 @@
+/**
+ * The `DaffStatusEnum` enumerates the possible status values for a component.
+ */
 export var DaffStatusEnum;
 (function (DaffStatusEnum) {
     DaffStatusEnum["Warn"] = "warn";
     DaffStatusEnum["Danger"] = "danger";
     DaffStatusEnum["Success"] = "success";
 })(DaffStatusEnum || (DaffStatusEnum = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3N0YXR1c2FibGUvc3RhdHVzYWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNQSxNQUFNLENBQU4sSUFBWSxjQUlYO0FBSkQsV0FBWSxjQUFjO0lBQ3hCLCtCQUFhLENBQUE7SUFDYixtQ0FBaUIsQ0FBQTtJQUNqQixxQ0FBbUIsQ0FBQTtBQUNyQixDQUFDLEVBSlcsY0FBYyxLQUFkLGNBQWMsUUFJekIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIERhZmZTdGF0dXNhYmxlIHtcbiAgc3RhdHVzOiBEYWZmU3RhdHVzO1xufVxuXG5leHBvcnQgdHlwZSBEYWZmU3RhdHVzID0gJ3dhcm4nIHwgJ2RhbmdlcicgfCAnc3VjY2Vzcyc7XG5cbmV4cG9ydCBlbnVtIERhZmZTdGF0dXNFbnVtIHtcbiAgV2FybiA9ICd3YXJuJyxcbiAgRGFuZ2VyID0gJ2RhbmdlcicsXG4gIFN1Y2Nlc3MgPSAnc3VjY2Vzcydcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3N0YXR1c2FibGUvc3RhdHVzYWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQkE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxjQUlYO0FBSkQsV0FBWSxjQUFjO0lBQ3hCLCtCQUFhLENBQUE7SUFDYixtQ0FBaUIsQ0FBQTtJQUNqQixxQ0FBbUIsQ0FBQTtBQUNyQixDQUFDLEVBSlcsY0FBYyxLQUFkLGNBQWMsUUFJekIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFRoZSBgRGFmZlN0YXR1c2FibGVgIGludGVyZmFjZSBkZWZpbmVzIGEgY29tcG9uZW50IHRoYXQgY2FuIGhhdmUgYSBzdGF0dXMuXG4gKiBUaGlzIHN0YXR1cyBkZXRlcm1pbmVzIHRoZSBzdHlsaW5nIG9yIGJlaGF2aW9yIG9mIHRoZSBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgRGFmZlN0YXR1c2FibGUge1xuICAvKipcbiAgICogVGhlIHN0YXR1cyBvZiB0aGUgY29tcG9uZW50LlxuICAgKi9cbiAgc3RhdHVzOiBEYWZmU3RhdHVzO1xufVxuXG4vKipcbiAqIFRoZSBgRGFmZlN0YXR1c2AgdHlwZSBkZWZpbmVzIHRoZSBwb3NzaWJsZSBzdGF0dXMgdmFsdWVzIHRoYXQgYSBjb21wb25lbnQgY2FuIGhhdmUuXG4gKiAtICd3YXJuJzogSW5kaWNhdGVzIGEgd2FybmluZyBzdGF0dXMuXG4gKiAtICdkYW5nZXInOiBJbmRpY2F0ZXMgYSBkYW5nZXIgb3IgZXJyb3Igc3RhdHVzLlxuICogLSAnc3VjY2Vzcyc6IEluZGljYXRlcyBhIHN1Y2Nlc3Mgc3RhdHVzLlxuICovXG5leHBvcnQgdHlwZSBEYWZmU3RhdHVzID0gJ3dhcm4nIHwgJ2RhbmdlcicgfCAnc3VjY2Vzcyc7XG5cbi8qKlxuICogVGhlIGBEYWZmU3RhdHVzRW51bWAgZW51bWVyYXRlcyB0aGUgcG9zc2libGUgc3RhdHVzIHZhbHVlcyBmb3IgYSBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBlbnVtIERhZmZTdGF0dXNFbnVtIHtcbiAgV2FybiA9ICd3YXJuJyxcbiAgRGFuZ2VyID0gJ2RhbmdlcicsXG4gIFN1Y2Nlc3MgPSAnc3VjY2Vzcydcbn1cbiJdfQ==

package/esm2022/core/text-alignable/public_api.mjs

@@ -1,3 +1,3 @@
 export { DaffTextAlignmentEnum, } from './text-alignable';
-export { daffTextAlignmentMixin } from './text-alignable-mixin';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3RleHQtYWxpZ25hYmxlL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUdMLHFCQUFxQixHQUN0QixNQUFNLGtCQUFrQixDQUFDO0FBQzFCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHtcbiAgRGFmZlRleHRBbGlnbmFibGUsXG4gIERhZmZUZXh0QWxpZ25tZW50LFxuICBEYWZmVGV4dEFsaWdubWVudEVudW0sXG59IGZyb20gJy4vdGV4dC1hbGlnbmFibGUnO1xuZXhwb3J0IHsgZGFmZlRleHRBbGlnbm1lbnRNaXhpbiB9IGZyb20gJy4vdGV4dC1hbGlnbmFibGUtbWl4aW4nO1xuIl19
+export { DaffTextAlignableDirective } from './text-alignable.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3RleHQtYWxpZ25hYmxlL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUdMLHFCQUFxQixHQUN0QixNQUFNLGtCQUFrQixDQUFDO0FBQzFCLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHtcbiAgRGFmZlRleHRBbGlnbmFibGUsXG4gIERhZmZUZXh0QWxpZ25tZW50LFxuICBEYWZmVGV4dEFsaWdubWVudEVudW0sXG59IGZyb20gJy4vdGV4dC1hbGlnbmFibGUnO1xuZXhwb3J0IHsgRGFmZlRleHRBbGlnbmFibGVEaXJlY3RpdmUgfSBmcm9tICcuL3RleHQtYWxpZ25hYmxlLmRpcmVjdGl2ZSc7XG4iXX0=

package/esm2022/core/text-alignable/text-alignable.directive.mjs

@@ -0,0 +1,53 @@
+import { Directive, HostBinding, Input, } from '@angular/core';
+import { DaffTextAlignmentEnum, } from './text-alignable';
+import * as i0 from "@angular/core";
+/**
+ * The `DaffTextAlignableDirective` allows for dynamic text alignment of a component
+ * by setting CSS classes based on the specified text alignment. This directive is
+ * useful when text alignment needs to be managed dynamically in an Angular component.
+ *
+ * ## Example
+ *
+ * ```html
+ * <div daffTextAlignable textAlignment="center">Aligned text</div>
+ * ```
+ *
+ * ## Why not just use CSS?
+ *
+ * While the native CSS `text-align` property can be used for static text alignment,
+ * the `DaffTextAlignableDirective` provides a structured and consistent way to handle
+ * dynamic text alignment within Angular components in more complex use-cases
+ * application of `text-align:center` would cause unexpected side effects.
+ */
+export class DaffTextAlignableDirective {
+    /**
+     * @docs-private
+     */
+    get class() {
+        return {
+            'daff-left': this.textAlignment === DaffTextAlignmentEnum.Left,
+            'daff-center': this.textAlignment === DaffTextAlignmentEnum.Center,
+            'daff-right': this.textAlignment === DaffTextAlignmentEnum.Right,
+        };
+    }
+    ngOnChanges(changes) {
+        if (!changes.textAlignment?.currentValue) {
+            this.textAlignment = this.defaultAlignment;
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffTextAlignableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffTextAlignableDirective, isStandalone: true, selector: "[daffTextAlignable]", inputs: { textAlignment: "textAlignment" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffTextAlignableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffTextAlignable]',
+                    standalone: true,
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], textAlignment: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hbGlnbmFibGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvdGV4dC1hbGlnbmFibGUvdGV4dC1hbGlnbmFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FHTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBR0wscUJBQXFCLEdBQ3RCLE1BQU0sa0JBQWtCLENBQUM7O0FBRTFCOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUtILE1BQU0sT0FBTywwQkFBMEI7SUFFckM7O09BRUc7SUFDSCxJQUEwQixLQUFLO1FBQzdCLE9BQU87WUFDTCxXQUFXLEVBQUUsSUFBSSxDQUFDLGFBQWEsS0FBSyxxQkFBcUIsQ0FBQyxJQUFJO1lBQzlELGFBQWEsRUFBRSxJQUFJLENBQUMsYUFBYSxLQUFLLHFCQUFxQixDQUFDLE1BQU07WUFDbEUsWUFBWSxFQUFFLElBQUksQ0FBQyxhQUFhLEtBQUsscUJBQXFCLENBQUMsS0FBSztTQUNqRSxDQUFDO0lBQ0osQ0FBQztJQVlELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFBRSxZQUFZLEVBQUU7WUFDeEMsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7U0FDNUM7SUFDSCxDQUFDO2tJQTNCVSwwQkFBMEI7c0hBQTFCLDBCQUEwQjs7NEZBQTFCLDBCQUEwQjtrQkFKdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBTTJCLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFXWCxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZUZXh0QWxpZ25hYmxlLFxuICBEYWZmVGV4dEFsaWdubWVudCxcbiAgRGFmZlRleHRBbGlnbm1lbnRFbnVtLFxufSBmcm9tICcuL3RleHQtYWxpZ25hYmxlJztcblxuLyoqXG4gKiBUaGUgYERhZmZUZXh0QWxpZ25hYmxlRGlyZWN0aXZlYCBhbGxvd3MgZm9yIGR5bmFtaWMgdGV4dCBhbGlnbm1lbnQgb2YgYSBjb21wb25lbnRcbiAqIGJ5IHNldHRpbmcgQ1NTIGNsYXNzZXMgYmFzZWQgb24gdGhlIHNwZWNpZmllZCB0ZXh0IGFsaWdubWVudC4gVGhpcyBkaXJlY3RpdmUgaXNcbiAqIHVzZWZ1bCB3aGVuIHRleHQgYWxpZ25tZW50IG5lZWRzIHRvIGJlIG1hbmFnZWQgZHluYW1pY2FsbHkgaW4gYW4gQW5ndWxhciBjb21wb25lbnQuXG4gKlxuICogIyMgRXhhbXBsZVxuICpcbiAqIGBgYGh0bWxcbiAqIDxkaXYgZGFmZlRleHRBbGlnbmFibGUgdGV4dEFsaWdubWVudD1cImNlbnRlclwiPkFsaWduZWQgdGV4dDwvZGl2PlxuICogYGBgXG4gKlxuICogIyMgV2h5IG5vdCBqdXN0IHVzZSBDU1M/XG4gKlxuICogV2hpbGUgdGhlIG5hdGl2ZSBDU1MgYHRleHQtYWxpZ25gIHByb3BlcnR5IGNhbiBiZSB1c2VkIGZvciBzdGF0aWMgdGV4dCBhbGlnbm1lbnQsXG4gKiB0aGUgYERhZmZUZXh0QWxpZ25hYmxlRGlyZWN0aXZlYCBwcm92aWRlcyBhIHN0cnVjdHVyZWQgYW5kIGNvbnNpc3RlbnQgd2F5IHRvIGhhbmRsZVxuICogZHluYW1pYyB0ZXh0IGFsaWdubWVudCB3aXRoaW4gQW5ndWxhciBjb21wb25lbnRzIGluIG1vcmUgY29tcGxleCB1c2UtY2FzZXNcbiAqIGFwcGxpY2F0aW9uIG9mIGB0ZXh0LWFsaWduOmNlbnRlcmAgd291bGQgY2F1c2UgdW5leHBlY3RlZCBzaWRlIGVmZmVjdHMuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYWZmVGV4dEFsaWduYWJsZV0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmVGV4dEFsaWduYWJsZURpcmVjdGl2ZSBpbXBsZW1lbnRzIERhZmZUZXh0QWxpZ25hYmxlLCBPbkNoYW5nZXMge1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgZ2V0IGNsYXNzKCkge1xuICAgIHJldHVybiB7XG4gICAgICAnZGFmZi1sZWZ0JzogdGhpcy50ZXh0QWxpZ25tZW50ID09PSBEYWZmVGV4dEFsaWdubWVudEVudW0uTGVmdCxcbiAgICAgICdkYWZmLWNlbnRlcic6IHRoaXMudGV4dEFsaWdubWVudCA9PT0gRGFmZlRleHRBbGlnbm1lbnRFbnVtLkNlbnRlcixcbiAgICAgICdkYWZmLXJpZ2h0JzogdGhpcy50ZXh0QWxpZ25tZW50ID09PSBEYWZmVGV4dEFsaWdubWVudEVudW0uUmlnaHQsXG4gICAgfTtcbiAgfVxuXG4gIC8qKlxuICAgKiBUaGUgdGV4dC1hbGlnbm1lbnQgb2YgYSBjb21wb25lbnQuXG4gICAqL1xuICBASW5wdXQoKSB0ZXh0QWxpZ25tZW50OiBEYWZmVGV4dEFsaWdubWVudDtcblxuICAvKipcbiAgICogU2V0cyBhIGRlZmF1bHQgdGV4dEFsaWdubWVudC5cbiAgICovXG4gIHB1YmxpYyBkZWZhdWx0QWxpZ25tZW50OiBEYWZmVGV4dEFsaWdubWVudDtcblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKCFjaGFuZ2VzLnRleHRBbGlnbm1lbnQ/LmN1cnJlbnRWYWx1ZSkge1xuICAgICAgdGhpcy50ZXh0QWxpZ25tZW50ID0gdGhpcy5kZWZhdWx0QWxpZ25tZW50O1xuICAgIH1cbiAgfVxufVxuXG4iXX0=

package/esm2022/core/text-alignable/text-alignable.mjs

@@ -4,4 +4,4 @@ export var DaffTextAlignmentEnum;
     DaffTextAlignmentEnum["Center"] = "center";
     DaffTextAlignmentEnum["Right"] = "right";
 })(DaffTextAlignmentEnum || (DaffTextAlignmentEnum = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hbGlnbmFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS90ZXh0LWFsaWduYWJsZS90ZXh0LWFsaWduYWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZQSxNQUFNLENBQU4sSUFBWSxxQkFJWDtBQUpELFdBQVkscUJBQXFCO0lBQy9CLHNDQUFhLENBQUE7SUFDYiwwQ0FBaUIsQ0FBQTtJQUNqQix3Q0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFKVyxxQkFBcUIsS0FBckIscUJBQXFCLFFBSWhDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBBbiBpbnRlcmZhY2UgZm9yIGdpdmluZyBhIGNvbXBvbmVudCB0aGUgYWJpbGl0eSB0byBjdXN0b21pemUgdGV4dCBhbGlnbm1lbnQgZm9yIGNvbXBvbmVudC1zcGVjaWZpYyBVSS5cbiAqIEluIG9yZGVyIHRvIGJlIHRleHQgYWxpZ25hYmxlLCBhIGNvbXBvbmVudCBjbGFzcyBtdXN0IGltcGxlbWVudCB0aGlzIHByb3BlcnR5LlxuICovXG5leHBvcnQgaW50ZXJmYWNlIERhZmZUZXh0QWxpZ25hYmxlIHtcbiAgdGV4dEFsaWdubWVudDogRGFmZlRleHRBbGlnbm1lbnQ7XG59XG5cbi8qKlxuICogVGhlIHBvc3NpYmxlIHR5cGVzIHRoYXQgY2FuIGJlIHBhc3NlZCB0byBhIERhZmZUZXh0QWxpZ25hYmxlIGNvbXBvbmVudFxuICovXG5leHBvcnQgdHlwZSBEYWZmVGV4dEFsaWdubWVudCA9ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JztcbmV4cG9ydCBlbnVtIERhZmZUZXh0QWxpZ25tZW50RW51bSB7XG4gIExlZnQgPSAnbGVmdCcsXG4gIENlbnRlciA9ICdjZW50ZXInLFxuICBSaWdodCA9ICdyaWdodCdcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hbGlnbmFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS90ZXh0LWFsaWduYWJsZS90ZXh0LWFsaWduYWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXQSxNQUFNLENBQU4sSUFBWSxxQkFJWDtBQUpELFdBQVkscUJBQXFCO0lBQy9CLHNDQUFhLENBQUE7SUFDYiwwQ0FBaUIsQ0FBQTtJQUNqQix3Q0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFKVyxxQkFBcUIsS0FBckIscUJBQXFCLFFBSWhDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBJbnRlcmZhY2UgZm9yIGdpdmluZyBhIGNvbXBvbmVudCB0aGUgYWJpbGl0eSB0byBjdXN0b21pemUgdGV4dCBhbGlnbm1lbnQgZm9yIGNvbXBvbmVudC1zcGVjaWZpYyBVSS5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBEYWZmVGV4dEFsaWduYWJsZSB7XG4gIHRleHRBbGlnbm1lbnQ6IERhZmZUZXh0QWxpZ25tZW50O1xufVxuXG4vKipcbiAqIFRoZSBwb3NzaWJsZSB0eXBlcyB0aGF0IGNhbiBiZSBwYXNzZWQgdG8gYSBEYWZmVGV4dEFsaWduYWJsZSBjb21wb25lbnRcbiAqL1xuZXhwb3J0IHR5cGUgRGFmZlRleHRBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCc7XG5leHBvcnQgZW51bSBEYWZmVGV4dEFsaWdubWVudEVudW0ge1xuICBMZWZ0ID0gJ2xlZnQnLFxuICBDZW50ZXIgPSAnY2VudGVyJyxcbiAgUmlnaHQgPSAncmlnaHQnXG59XG4iXX0=

package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs

@@ -1,18 +1,24 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faMobile } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffHeroModule } from '@daffodil/design/hero';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/hero";
 import * as i2 from "@daffodil/design/button";
-import * as i3 from "@fortawesome/angular-fontawesome";
 export class CompactHeroComponent {
     constructor() {
         this.faMobile = faMobile;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CompactHeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CompactHeroComponent, selector: "compact-hero", ngImport: i0, template: "<daff-hero [compact]=\"true\">\n\t<div class=\"daff-compact-hero__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>", styles: [".daff-compact-hero__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "component", type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment"] }, { kind: "directive", type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: i2.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"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CompactHeroComponent, isStandalone: true, selector: "compact-hero", ngImport: i0, template: "<daff-hero [compact]=\"true\">\n\t<div class=\"daff-compact-hero__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>", styles: [".daff-compact-hero__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "ngmodule", type: DaffHeroModule }, { kind: "component", type: i1.DaffHeroComponent, selector: "daff-hero" }, { kind: "directive", type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i2.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: ["loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CompactHeroComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'compact-hero', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-hero [compact]=\"true\">\n\t<div class=\"daff-compact-hero__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>", styles: [".daff-compact-hero__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
+            args: [{ selector: 'compact-hero', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffHeroModule,
+                        FaIconComponent,
+                        DaffButtonModule,
+                    ], template: "<daff-hero [compact]=\"true\">\n\t<div class=\"daff-compact-hero__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>", styles: [".daff-compact-hero__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1oZXJvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vZXhhbXBsZXMvc3JjL2NvbXBhY3QtaGVyby9jb21wYWN0LWhlcm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvY29tcGFjdC1oZXJvL2NvbXBhY3QtaGVyby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7O0FBVzdELE1BQU0sT0FBTyxvQkFBb0I7SUFQakM7UUFRRSxhQUFRLEdBQUcsUUFBUSxDQUFDO0tBQ3JCO2tJQUZZLG9CQUFvQjtzSEFBcEIsb0JBQW9CLG9EQ2hCakMsOHBCQWFZOzs0RkRHQyxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBRUUsY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGZhTW9iaWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZlBhbGV0dGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY29tcGFjdC1oZXJvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbXBhY3QtaGVyby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbXBhY3QtaGVyby5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ29tcGFjdEhlcm9Db21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xufVxuIiwiPGRhZmYtaGVybyBbY29tcGFjdF09XCJ0cnVlXCI+XG5cdDxkaXYgY2xhc3M9XCJkYWZmLWNvbXBhY3QtaGVyb19faWNvblwiIGRhZmZIZXJvSWNvbj5cblx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYU1vYmlsZVwiPjwvZmEtaWNvbj5cblx0PC9kaXY+XG5cdDxwIGRhZmZIZXJvVGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9wPlxuXHQ8aDEgZGFmZkhlcm9UaXRsZT5EYWZmb2RpbDogVGhlIG5leHQgZ3JlYXQgbGVhcCBpbiBlY29tbWVyY2UuPC9oMT5cblx0PGgyIGRhZmZIZXJvU3VidGl0bGU+XG5cdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0PHA+V2l0aCBEYWZmb2RpbCwgYW1iaXRpb3VzIGJ1c2luZXNzZXMgYXJlIGFibGUgdG8gYWNoaWV2ZSBtb3JlIHdoaWxlIG1pbmltaXppbmcgZGV2ZWxvcG1lbnQgYW5kIG1haW50ZW5hbmNlIGNvc3RzLjwvcD5cblx0PC9oMj5cblx0PGRpdiBkYWZmSGVyb0JvZHk+XG5cdFx0PGEgaHJlZj1cImh0dHBzOi8vd3d3LmRhZmYuaW9cIiB0YXJnZXQ9XCJfYmxhbmtcIiBkYWZmLWJ1dHRvbj5HZXQgU3RhcnRlZDwvYT5cblx0PC9kaXY+XG48L2RhZmYtaGVybz4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1oZXJvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vZXhhbXBsZXMvc3JjL2NvbXBhY3QtaGVyby9jb21wYWN0LWhlcm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvY29tcGFjdC1oZXJvL2NvbXBhY3QtaGVyby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRzdELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQWV2RCxNQUFNLE9BQU8sb0JBQW9CO0lBYmpDO1FBY0UsYUFBUSxHQUFHLFFBQVEsQ0FBQztLQUNyQjtrSUFGWSxvQkFBb0I7c0hBQXBCLG9CQUFvQix3RUN6QmpDLDhwQkFhWSxrUkRPUixjQUFjLHdoQkFDZCxlQUFlLGlQQUNmLGdCQUFnQjs7NEZBR1Asb0JBQW9CO2tCQWJoQyxTQUFTOytCQUVFLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLGdCQUFnQjtxQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgZmFNb2JpbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmUGFsZXR0ZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcbmltcG9ydCB7IERhZmZIZXJvTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9oZXJvJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY29tcGFjdC1oZXJvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbXBhY3QtaGVyby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbXBhY3QtaGVyby5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZIZXJvTW9kdWxlLFxuICAgIEZhSWNvbkNvbXBvbmVudCxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDb21wYWN0SGVyb0NvbXBvbmVudCB7XG4gIGZhTW9iaWxlID0gZmFNb2JpbGU7XG59XG4iLCI8ZGFmZi1oZXJvIFtjb21wYWN0XT1cInRydWVcIj5cblx0PGRpdiBjbGFzcz1cImRhZmYtY29tcGFjdC1oZXJvX19pY29uXCIgZGFmZkhlcm9JY29uPlxuXHRcdDxmYS1pY29uIFtpY29uXT1cImZhTW9iaWxlXCI+PC9mYS1pY29uPlxuXHQ8L2Rpdj5cblx0PHAgZGFmZkhlcm9UYWdsaW5lPkZyb250ZW5kIGZyYW1ld29yayBmb3IgZWNvbW1lcmNlIFBXQXM8L3A+XG5cdDxoMSBkYWZmSGVyb1RpdGxlPkRhZmZvZGlsOiBUaGUgbmV4dCBncmVhdCBsZWFwIGluIGVjb21tZXJjZS48L2gxPlxuXHQ8aDIgZGFmZkhlcm9TdWJ0aXRsZT5cblx0XHQ8cD5EYWZmb2RpbCBwcm92aWRlcyBldmVyeXRoaW5nIHlvdSBuZWVkIHRvIGNyZWF0ZSBwb3dlcmZ1bCBhbmQgZmxleGlibGUgZWNvbW1lcmNlIGV4cGVyaWVuY2VzLjwvcD5cblx0XHQ8cD5XaXRoIERhZmZvZGlsLCBhbWJpdGlvdXMgYnVzaW5lc3NlcyBhcmUgYWJsZSB0byBhY2hpZXZlIG1vcmUgd2hpbGUgbWluaW1pemluZyBkZXZlbG9wbWVudCBhbmQgbWFpbnRlbmFuY2UgY29zdHMuPC9wPlxuXHQ8L2gyPlxuXHQ8ZGl2IGRhZmZIZXJvQm9keT5cblx0XHQ8YSBocmVmPVwiaHR0cHM6Ly93d3cuZGFmZi5pb1wiIHRhcmdldD1cIl9ibGFua1wiIGRhZmYtYnV0dG9uPkdldCBTdGFydGVkPC9hPlxuXHQ8L2Rpdj5cbjwvZGFmZi1oZXJvPiJdfQ==

package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs

@@ -1,13 +1,16 @@
+import { NgFor } from '@angular/common';
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
-import { UntypedFormControl } from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faMobile } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffContainerModule } from '@daffodil/design/container';
+import { DaffHeroModule } from '@daffodil/design/hero';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@daffodil/design/hero";
-import * as i4 from "@daffodil/design/container";
-import * as i5 from "@daffodil/design/button";
-import * as i6 from "@fortawesome/angular-fontawesome";
+import * as i1 from "@daffodil/design/hero";
+import * as i2 from "@daffodil/design/container";
+import * as i3 from "@daffodil/design/button";
+import * as i4 from "@angular/forms";
 export class HeroTextAlignmentComponent {
     constructor() {
         this.faMobile = faMobile;
@@ -20,10 +23,17 @@ export class HeroTextAlignmentComponent {
         ];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: HeroTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: HeroTextAlignmentComponent, selector: "hero-text-alignment", ngImport: i0, template: "<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-hero-text-alignment__icon\" daffHeroIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment"] }, { kind: "directive", type: i3.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i3.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i3.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i3.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i3.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: i4.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { kind: "component", type: i5.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"] }, { kind: "component", type: i6.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: HeroTextAlignmentComponent, isStandalone: true, selector: "hero-text-alignment", ngImport: i0, template: "<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-hero-text-alignment__icon\" daffHeroIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "ngmodule", type: DaffHeroModule }, { kind: "component", type: i1.DaffHeroComponent, selector: "daff-hero" }, { kind: "directive", type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "ngmodule", type: DaffContainerModule }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i3.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: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: HeroTextAlignmentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hero-text-alignment', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-hero-text-alignment__icon\" daffHeroIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
+            args: [{ selector: 'hero-text-alignment', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffHeroModule,
+                        DaffContainerModule,
+                        FaIconComponent,
+                        DaffButtonModule,
+                        ReactiveFormsModule,
+                        NgFor,
+                    ], template: "<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-hero-text-alignment__icon\" daffHeroIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL2V4YW1wbGVzL3NyYy9oZXJvLXRleHQtYWxpZ25tZW50L2hlcm8tdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby10ZXh0LWFsaWdubWVudC9oZXJvLXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7Ozs7QUFTN0QsTUFBTSxPQUFPLDBCQUEwQjtJQVB2QztRQVFFLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIscUJBQWdCLEdBQXVCLElBQUksa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFbEUsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUU7WUFDaEMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUU7WUFDcEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7U0FDbkMsQ0FBQztLQUNIO2tJQVZZLDBCQUEwQjtzSEFBMUIsMEJBQTBCLDJEQ2R2QyxxNkJBbUJTOzs0RkRMSSwwQkFBMEI7a0JBUHRDLFNBQVM7K0JBRUUscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVudHlwZWRGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGZhTW9iaWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnaGVyby10ZXh0LWFsaWdubWVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZXJvLXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGVyby10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgSGVyb1RleHRBbGlnbm1lbnRDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xuICB0ZXh0QWxpZ25Db250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ2xlZnQnLCBsYWJlbDogJ0xlZnQnIH0sXG4gICAgeyB2YWx1ZTogJ2NlbnRlcicsIGxhYmVsOiAnQ2VudGVyJyB9LFxuICAgIHsgdmFsdWU6ICdyaWdodCcsIGxhYmVsOiAnUmlnaHQnIH0sXG4gIF07XG59XG4iLCI8ZGFmZi1oZXJvIFt0ZXh0QWxpZ25tZW50XT1cInRleHRBbGlnbkNvbnRyb2wudmFsdWVcIj5cblx0PGRhZmYtY29udGFpbmVyIHNpemU9XCJtZFwiPlxuXHRcdDxkaXYgY2xhc3M9XCJkYWZmLWhlcm8tdGV4dC1hbGlnbm1lbnRfX2ljb25cIiBkYWZmSGVyb0ljb24+XG5cdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYU1vYmlsZVwiPjwvZmEtaWNvbj5cblx0XHQ8L2Rpdj5cblx0XHQ8cCBkYWZmSGVyb1RhZ2xpbmU+RnJvbnRlbmQgZnJhbWV3b3JrIGZvciBlY29tbWVyY2UgUFdBczwvcD5cblx0XHQ8aDEgZGFmZkhlcm9UaXRsZT5EYWZmb2RpbDogVGhlIG5leHQgZ3JlYXQgbGVhcCBpbiBlY29tbWVyY2UuPC9oMT5cblx0XHQ8aDIgZGFmZkhlcm9TdWJ0aXRsZT5cblx0XHRcdDxwPkRhZmZvZGlsIHByb3ZpZGVzIGV2ZXJ5dGhpbmcgeW91IG5lZWQgdG8gY3JlYXRlIHBvd2VyZnVsIGFuZCBmbGV4aWJsZSBlY29tbWVyY2UgZXhwZXJpZW5jZXMuPC9wPlxuXHRcdFx0PHA+V2l0aCBEYWZmb2RpbCwgYW1iaXRpb3VzIGJ1c2luZXNzZXMgYXJlIGFibGUgdG8gYWNoaWV2ZSBtb3JlIHdoaWxlIG1pbmltaXppbmcgZGV2ZWxvcG1lbnQgYW5kIG1haW50ZW5hbmNlIGNvc3RzLjwvcD5cblx0XHQ8L2gyPlxuXHRcdDxkaXYgZGFmZkhlcm9Cb2R5PlxuXHRcdFx0PGEgaHJlZj1cImh0dHBzOi8vd3d3LmRhZmYuaW9cIiB0YXJnZXQ9XCJfYmxhbmtcIiBkYWZmLWJ1dHRvbj5HZXQgU3RhcnRlZDwvYT5cblx0XHQ8L2Rpdj5cblx0PC9kYWZmLWNvbnRhaW5lcj5cbjwvZGFmZi1oZXJvPlxuXG48c2VsZWN0IFtmb3JtQ29udHJvbF09XCJ0ZXh0QWxpZ25Db250cm9sXCI+XG5cdDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCIgW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPnt7IG9wdGlvbi5sYWJlbCB9fTwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL2V4YW1wbGVzL3NyYy9oZXJvLXRleHQtYWxpZ25tZW50L2hlcm8tdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby10ZXh0LWFsaWdubWVudC9oZXJvLXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLG1CQUFtQixHQUNwQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDakUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7Ozs7QUFrQnZELE1BQU0sT0FBTywwQkFBMEI7SUFoQnZDO1FBaUJFLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIscUJBQWdCLEdBQXVCLElBQUksa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFbEUsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUU7WUFDaEMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUU7WUFDcEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7U0FDbkMsQ0FBQztLQUNIO2tJQVZZLDBCQUEwQjtzSEFBMUIsMEJBQTBCLCtFQ2hDdkMscTZCQW1CUyx5UkRLTCxjQUFjLHVoQkFDZCxtQkFBbUIsbUhBQ25CLGVBQWUsaVBBQ2YsZ0JBQWdCLHFhQUNoQixtQkFBbUIscXRCQUNuQixLQUFLOzs0RkFHSSwwQkFBMEI7a0JBaEJ0QyxTQUFTOytCQUVFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxjQUFjO3dCQUNkLG1CQUFtQjt3QkFDbkIsZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLG1CQUFtQjt3QkFDbkIsS0FBSztxQkFDTiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nRm9yIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgVW50eXBlZEZvcm1Db250cm9sLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBmYU1vYmlsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5pbXBvcnQgeyBEYWZmQ29udGFpbmVyTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9jb250YWluZXInO1xuaW1wb3J0IHsgRGFmZkhlcm9Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2hlcm8nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdoZXJvLXRleHQtYWxpZ25tZW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlcm8tdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZXJvLXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkhlcm9Nb2R1bGUsXG4gICAgRGFmZkNvbnRhaW5lck1vZHVsZSxcbiAgICBGYUljb25Db21wb25lbnQsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE5nRm9yLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBIZXJvVGV4dEFsaWdubWVudENvbXBvbmVudCB7XG4gIGZhTW9iaWxlID0gZmFNb2JpbGU7XG4gIHRleHRBbGlnbkNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycpO1xuXG4gIG9wdGlvbnMgPSBbXG4gICAgeyB2YWx1ZTogJycsIGxhYmVsOiAnRGVmYXVsdCcgfSxcbiAgICB7IHZhbHVlOiAnbGVmdCcsIGxhYmVsOiAnTGVmdCcgfSxcbiAgICB7IHZhbHVlOiAnY2VudGVyJywgbGFiZWw6ICdDZW50ZXInIH0sXG4gICAgeyB2YWx1ZTogJ3JpZ2h0JywgbGFiZWw6ICdSaWdodCcgfSxcbiAgXTtcbn1cbiIsIjxkYWZmLWhlcm8gW3RleHRBbGlnbm1lbnRdPVwidGV4dEFsaWduQ29udHJvbC52YWx1ZVwiPlxuXHQ8ZGFmZi1jb250YWluZXIgc2l6ZT1cIm1kXCI+XG5cdFx0PGRpdiBjbGFzcz1cImRhZmYtaGVyby10ZXh0LWFsaWdubWVudF9faWNvblwiIGRhZmZIZXJvSWNvbj5cblx0XHRcdDxmYS1pY29uIFtpY29uXT1cImZhTW9iaWxlXCI+PC9mYS1pY29uPlxuXHRcdDwvZGl2PlxuXHRcdDxwIGRhZmZIZXJvVGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9wPlxuXHRcdDxoMSBkYWZmSGVyb1RpdGxlPkRhZmZvZGlsOiBUaGUgbmV4dCBncmVhdCBsZWFwIGluIGVjb21tZXJjZS48L2gxPlxuXHRcdDxoMiBkYWZmSGVyb1N1YnRpdGxlPlxuXHRcdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0XHQ8cD5XaXRoIERhZmZvZGlsLCBhbWJpdGlvdXMgYnVzaW5lc3NlcyBhcmUgYWJsZSB0byBhY2hpZXZlIG1vcmUgd2hpbGUgbWluaW1pemluZyBkZXZlbG9wbWVudCBhbmQgbWFpbnRlbmFuY2UgY29zdHMuPC9wPlxuXHRcdDwvaDI+XG5cdFx0PGRpdiBkYWZmSGVyb0JvZHk+XG5cdFx0XHQ8YSBocmVmPVwiaHR0cHM6Ly93d3cuZGFmZi5pb1wiIHRhcmdldD1cIl9ibGFua1wiIGRhZmYtYnV0dG9uPkdldCBTdGFydGVkPC9hPlxuXHRcdDwvZGl2PlxuXHQ8L2RhZmYtY29udGFpbmVyPlxuPC9kYWZmLWhlcm8+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cInRleHRBbGlnbkNvbnRyb2xcIj5cblx0PG9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9vcHRpb24+XG48L3NlbGVjdD4iXX0=

package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs

@@ -1,11 +1,13 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
-import { UntypedFormControl } from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faMobile } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffHeroModule } from '@daffodil/design/hero';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@daffodil/design/hero";
-import * as i3 from "@daffodil/design/button";
-import * as i4 from "@fortawesome/angular-fontawesome";
+import * as i1 from "@daffodil/design/hero";
+import * as i2 from "@daffodil/design/button";
+import * as i3 from "@angular/forms";
 export class HeroThemingComponent {
     constructor() {
         this.faMobile = faMobile;
@@ -13,10 +15,15 @@ export class HeroThemingComponent {
         this.colorControl = new UntypedFormControl('');
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: HeroThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: HeroThemingComponent, selector: "hero-theming", ngImport: i0, template: "<daff-hero [color]=\"colorControl.value\">\n\t<div class=\"daff-hero-theming__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>", styles: [".daff-hero-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment"] }, { kind: "directive", type: i2.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i2.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i2.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i2.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i2.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: i3.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"] }, { kind: "component", type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: HeroThemingComponent, isStandalone: true, selector: "hero-theming", ngImport: i0, template: "<daff-hero [color]=\"colorControl.value\">\n\t<div class=\"daff-hero-theming__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>", styles: [".daff-hero-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "ngmodule", type: DaffHeroModule }, { kind: "component", type: i1.DaffHeroComponent, selector: "daff-hero" }, { kind: "directive", type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i2.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: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: HeroThemingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hero-theming', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-hero [color]=\"colorControl.value\">\n\t<div class=\"daff-hero-theming__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>", styles: [".daff-hero-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
+            args: [{ selector: 'hero-theming', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffHeroModule,
+                        FaIconComponent,
+                        DaffButtonModule,
+                        ReactiveFormsModule,
+                    ], template: "<daff-hero [color]=\"colorControl.value\">\n\t<div class=\"daff-hero-theming__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>", styles: [".daff-hero-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vZXhhbXBsZXMvc3JjL2hlcm8tdGhlbWluZy9oZXJvLXRoZW1pbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby10aGVtaW5nL2hlcm8tdGhlbWluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7OztBQVc3RCxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBUUUsYUFBUSxHQUFHLFFBQVEsQ0FBQztRQUNwQixVQUFLLEdBQWdCLFNBQVMsQ0FBQztRQUUvQixpQkFBWSxHQUF1QixJQUFJLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBQy9EO2tJQUxZLG9CQUFvQjtzSEFBcEIsb0JBQW9CLG9EQ2hCakMsaWxDQXdCUzs7NEZEUkksb0JBQW9CO2tCQVBoQyxTQUFTOytCQUVFLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVW50eXBlZEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgZmFNb2JpbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmUGFsZXR0ZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdoZXJvLXRoZW1pbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVyby10aGVtaW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGVyby10aGVtaW5nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBIZXJvVGhlbWluZ0NvbXBvbmVudCB7XG4gIGZhTW9iaWxlID0gZmFNb2JpbGU7XG4gIGNvbG9yOiBEYWZmUGFsZXR0ZSA9ICdwcmltYXJ5JztcblxuICBjb2xvckNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycpO1xufVxuIiwiPGRhZmYtaGVybyBbY29sb3JdPVwiY29sb3JDb250cm9sLnZhbHVlXCI+XG5cdDxkaXYgY2xhc3M9XCJkYWZmLWhlcm8tdGhlbWluZ19faWNvblwiIGRhZmZIZXJvSWNvbj5cblx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYU1vYmlsZVwiPjwvZmEtaWNvbj5cblx0PC9kaXY+XG5cdDxwIGRhZmZIZXJvVGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9wPlxuXHQ8aDEgZGFmZkhlcm9UaXRsZT5EYWZmb2RpbDogVGhlIG5leHQgZ3JlYXQgbGVhcCBpbiBlY29tbWVyY2UuPC9oMT5cblx0PGgyIGRhZmZIZXJvU3VidGl0bGU+XG5cdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0PHA+V2l0aCBEYWZmb2RpbCwgYW1iaXRpb3VzIGJ1c2luZXNzZXMgYXJlIGFibGUgdG8gYWNoaWV2ZSBtb3JlIHdoaWxlIG1pbmltaXppbmcgZGV2ZWxvcG1lbnQgYW5kIG1haW50ZW5hbmNlIGNvc3RzLjwvcD5cblx0PC9oMj5cblx0PGRpdiBkYWZmSGVyb0JvZHk+XG5cdFx0PGEgaHJlZj1cImh0dHBzOi8vd3d3LmRhZmYuaW9cIiB0YXJnZXQ9XCJfYmxhbmtcIiBkYWZmLWJ1dHRvbj5HZXQgU3RhcnRlZDwvYT5cblx0PC9kaXY+XG48L2RhZmYtaGVybz5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwiY29sb3JDb250cm9sXCI+XG5cdDxvcHRpb24gdmFsdWU9XCJcIj5EZWZhdWx0PC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJwcmltYXJ5XCI+UHJpbWFyeTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwic2Vjb25kYXJ5XCI+U2Vjb25kYXJ5PC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJ0ZXJ0aWFyeVwiPlRlcnRpYXJ5PC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJ3aGl0ZVwiPldoaXRlPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJibGFja1wiPkJsYWNrPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJ0aGVtZVwiPlRoZW1lPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJ0aGVtZS1jb250cmFzdFwiPlRoZW1lIENvbnRyYXN0PC9vcHRpb24+XG48L3NlbGVjdD4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vZXhhbXBsZXMvc3JjL2hlcm8tdGhlbWluZy9oZXJvLXRoZW1pbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby10aGVtaW5nL2hlcm8tdGhlbWluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLG1CQUFtQixHQUNwQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFHN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7OztBQWdCdkQsTUFBTSxPQUFPLG9CQUFvQjtJQWRqQztRQWVFLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIsVUFBSyxHQUFnQixTQUFTLENBQUM7UUFFL0IsaUJBQVksR0FBdUIsSUFBSSxrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQztLQUMvRDtrSUFMWSxvQkFBb0I7c0hBQXBCLG9CQUFvQix3RUM3QmpDLGlsQ0F3QlMsa1JEREwsY0FBYyx3aEJBQ2QsZUFBZSxpUEFDZixnQkFBZ0IscWFBQ2hCLG1CQUFtQjs7NEZBR1Ysb0JBQW9CO2tCQWRoQyxTQUFTOytCQUVFLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLGdCQUFnQjt3QkFDaEIsbUJBQW1CO3FCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgVW50eXBlZEZvcm1Db250cm9sLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBmYU1vYmlsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZQYWxldHRlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuaW1wb3J0IHsgRGFmZkhlcm9Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2hlcm8nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdoZXJvLXRoZW1pbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVyby10aGVtaW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGVyby10aGVtaW5nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkhlcm9Nb2R1bGUsXG4gICAgRmFJY29uQ29tcG9uZW50LFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgSGVyb1RoZW1pbmdDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xuICBjb2xvcjogRGFmZlBhbGV0dGUgPSAncHJpbWFyeSc7XG5cbiAgY29sb3JDb250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcbn1cbiIsIjxkYWZmLWhlcm8gW2NvbG9yXT1cImNvbG9yQ29udHJvbC52YWx1ZVwiPlxuXHQ8ZGl2IGNsYXNzPVwiZGFmZi1oZXJvLXRoZW1pbmdfX2ljb25cIiBkYWZmSGVyb0ljb24+XG5cdFx0PGZhLWljb24gW2ljb25dPVwiZmFNb2JpbGVcIj48L2ZhLWljb24+XG5cdDwvZGl2PlxuXHQ8cCBkYWZmSGVyb1RhZ2xpbmU+RnJvbnRlbmQgZnJhbWV3b3JrIGZvciBlY29tbWVyY2UgUFdBczwvcD5cblx0PGgxIGRhZmZIZXJvVGl0bGU+RGFmZm9kaWw6IFRoZSBuZXh0IGdyZWF0IGxlYXAgaW4gZWNvbW1lcmNlLjwvaDE+XG5cdDxoMiBkYWZmSGVyb1N1YnRpdGxlPlxuXHRcdDxwPkRhZmZvZGlsIHByb3ZpZGVzIGV2ZXJ5dGhpbmcgeW91IG5lZWQgdG8gY3JlYXRlIHBvd2VyZnVsIGFuZCBmbGV4aWJsZSBlY29tbWVyY2UgZXhwZXJpZW5jZXMuPC9wPlxuXHRcdDxwPldpdGggRGFmZm9kaWwsIGFtYml0aW91cyBidXNpbmVzc2VzIGFyZSBhYmxlIHRvIGFjaGlldmUgbW9yZSB3aGlsZSBtaW5pbWl6aW5nIGRldmVsb3BtZW50IGFuZCBtYWludGVuYW5jZSBjb3N0cy48L3A+XG5cdDwvaDI+XG5cdDxkaXYgZGFmZkhlcm9Cb2R5PlxuXHRcdDxhIGhyZWY9XCJodHRwczovL3d3dy5kYWZmLmlvXCIgdGFyZ2V0PVwiX2JsYW5rXCIgZGFmZi1idXR0b24+R2V0IFN0YXJ0ZWQ8L2E+XG5cdDwvZGl2PlxuPC9kYWZmLWhlcm8+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cImNvbG9yQ29udHJvbFwiPlxuXHQ8b3B0aW9uIHZhbHVlPVwiXCI+RGVmYXVsdDwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwicHJpbWFyeVwiPlByaW1hcnk8L29wdGlvbj5cblx0PG9wdGlvbiB2YWx1ZT1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwid2hpdGVcIj5XaGl0ZTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwiYmxhY2tcIj5CbGFjazwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwidGhlbWVcIj5UaGVtZTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwidGhlbWUtY29udHJhc3RcIj5UaGVtZSBDb250cmFzdDwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19