@daffodil/design 0.90.0 → 0.91.0

package/fesm2022/daffodil-design-radio-examples.mjs

@@ -1,34 +0,0 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i2 from '@angular/forms';
-import { UntypedFormGroup, UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
-import * as i1 from '@daffodil/design/radio';
-import { DAFF_RADIO_COMPONENTS } from '@daffodil/design/radio';
-
-class BasicRadioComponent {
-    constructor() {
-        this.radioGroup = new UntypedFormGroup({
-            race: new UntypedFormControl('Zerg'),
-        });
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicRadioComponent, isStandalone: true, selector: "basic-radio", ngImport: i0, template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n  <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n  The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>", dependencies: [{ kind: "component", type: i1.DaffRadioComponent, selector: "daff-radio", inputs: ["checked", "value", "id", "name", "aria-label", "aria-labelledby"], outputs: ["selectionChange"] }, { kind: "component", type: i1.DaffRadioSetComponent, selector: "daff-radio-set", inputs: ["name"] }, { kind: "directive", type: i1.DaffRadioControlValueAccessorDirective, selector: "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", inputs: ["value", "name"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicRadioComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'basic-radio', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_RADIO_COMPONENTS,
-                        ReactiveFormsModule,
-                    ], template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n  <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n  The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>" }]
-        }], ctorParameters: () => [] });
-
-const RADIO_EXAMPLES = [
-    BasicRadioComponent,
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { RADIO_EXAMPLES };
-//# sourceMappingURL=daffodil-design-radio-examples.mjs.map

package/fesm2022/daffodil-design-radio-examples.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"daffodil-design-radio-examples.mjs","sources":["../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.ts","../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.html","../../../libs/design/radio/examples/src/examples.ts","../../../libs/design/radio/examples/src/daffodil-design-radio-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormGroup,\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_RADIO_COMPONENTS } from '@daffodil/design/radio';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-radio',\n  templateUrl: './basic-radio.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_RADIO_COMPONENTS,\n    ReactiveFormsModule,\n  ],\n})\nexport class BasicRadioComponent {\n  radioGroup = new UntypedFormGroup({\n    race: new UntypedFormControl('Zerg'),\n  });\n\n  constructor() {}\n}\n","<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n  <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n  The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>","import { BasicRadioComponent } from './basic-radio/basic-radio.component';\n\nexport const RADIO_EXAMPLES = [\n  BasicRadioComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAsBa,mBAAmB,CAAA;AAK9B,IAAA,WAAA,GAAA;QAJA,IAAA,CAAA,UAAU,GAAG,IAAI,gBAAgB,CAAC;AAChC,YAAA,IAAI,EAAE,IAAI,kBAAkB,CAAC,MAAM,CAAC;AACrC,SAAA,CAAC;IAEa;iIALJ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBhC,8ZAQM,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sCAAA,EAAA,QAAA,EAAA,2EAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDWF,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGV,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAV/B,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,eAAA,EAEN,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,qBAAqB;wBACrB,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,8ZAAA,EAAA;;;AElBI,MAAM,cAAc,GAAG;IAC5B,mBAAmB;;;ACHrB;;AAEG;;;;"}

package/fesm2022/daffodil-design-select-examples.mjs

@@ -1,117 +0,0 @@
-import { NgIf } from '@angular/common';
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { FormControl, ReactiveFormsModule, UntypedFormControl, Validators } from '@angular/forms';
-import * as i3 from '@daffodil/design/form-field';
-import { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';
-import * as i2 from '@daffodil/design/select';
-import { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';
-import * as i4 from '@daffodil/design';
-
-const SELECT_EXAMPLE_ADDRESSES = [
-    {
-        name: 'John Doe',
-        street: '123 New St',
-        city: 'New York',
-        state: 'NY',
-        postcode: '10001',
-    },
-    {
-        name: 'Srinivasa Ramanujan',
-        street: '1729 Hardy Blvd',
-        city: 'New York',
-        state: 'NY',
-        postcode: '10001',
-    },
-    {
-        name: 'Bob the Builder',
-        street: '525 Coal Ave',
-        city: 'Morgantown',
-        state: 'WV',
-        postcode: '26501',
-    },
-];
-
-class DefaultSelectComponent {
-    constructor() {
-        this.control = new FormControl();
-        this.options = SELECT_EXAMPLE_ADDRESSES;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DefaultSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DefaultSelectComponent, isStandalone: true, selector: "default-select", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Select an address</daff-form-label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n</daff-form-field>\n\n<div class=\"default-select__selected-value\" *ngIf=\"control.value\">\n  Selected Address:\n  <div>{{control.value.name}}</div>\n  <div>{{control.value.street}}</div>\n  <div>{{control.value.city}}, {{control.value.state}} {{control.value.postcode}}</div>\n</div>", styles: [".default-select__selected-value{margin:16px 0 0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "required", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i3.DaffFormFieldLabelDirective, selector: "daff-form-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DefaultSelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'default-select', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        ReactiveFormsModule,
-                        NgIf,
-                        DAFF_SELECT_COMPONENTS,
-                        DAFF_FORM_FIELD_COMPONENTS,
-                    ], template: "<daff-form-field>\n  <daff-form-label>Select an address</daff-form-label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n</daff-form-field>\n\n<div class=\"default-select__selected-value\" *ngIf=\"control.value\">\n  Selected Address:\n  <div>{{control.value.name}}</div>\n  <div>{{control.value.street}}</div>\n  <div>{{control.value.city}}, {{control.value.state}} {{control.value.postcode}}</div>\n</div>", styles: [".default-select__selected-value{margin:16px 0 0}\n"] }]
-        }] });
-
-class DisabledSelectComponent {
-    constructor() {
-        this.disabled = new UntypedFormControl({ value: '', disabled: true });
-        this.options = SELECT_EXAMPLE_ADDRESSES;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DisabledSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DisabledSelectComponent, isStandalone: true, selector: "disabled-select", ngImport: i0, template: "<daff-form-field>\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"disabled\">\n    <ng-template daffSelectOption let-option=\"option\"></ng-template>\n  </daff-select>\n</daff-form-field>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { 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.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "required", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i4.DaffFormLabelDirective, selector: "[daffFormLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DisabledSelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'disabled-select', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        ReactiveFormsModule,
-                        DAFF_SELECT_COMPONENTS,
-                        DAFF_FORM_FIELD_COMPONENTS,
-                    ], template: "<daff-form-field>\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"disabled\">\n    <ng-template daffSelectOption let-option=\"option\"></ng-template>\n  </daff-select>\n</daff-form-field>" }]
-        }] });
-
-class SelectWithErrorComponent {
-    constructor() {
-        this.control = new FormControl('', [Validators.required]);
-        this.options = SELECT_EXAMPLE_ADDRESSES;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SelectWithErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: SelectWithErrorComponent, isStandalone: true, selector: "select-with-error", ngImport: i0, template: "<daff-form-field>\n  <daff-form-label>Select an address</daff-form-label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n  @if (control.invalid) {\n    <daff-error-message>This field is required</daff-error-message>\n  }\n</daff-form-field>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { 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.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "required", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "component", type: i3.DaffErrorMessageComponent, selector: "daff-error-message" }, { kind: "directive", type: i3.DaffFormFieldLabelDirective, selector: "daff-form-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SelectWithErrorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'select-with-error', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        ReactiveFormsModule,
-                        DAFF_SELECT_COMPONENTS,
-                        DAFF_FORM_FIELD_COMPONENTS,
-                    ], template: "<daff-form-field>\n  <daff-form-label>Select an address</daff-form-label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n  @if (control.invalid) {\n    <daff-error-message>This field is required</daff-error-message>\n  }\n</daff-form-field>" }]
-        }] });
-
-class SkeletonSelectComponent {
-    constructor() {
-        this.control = new FormControl();
-        this.options = SELECT_EXAMPLE_ADDRESSES;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SkeletonSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: SkeletonSelectComponent, isStandalone: true, selector: "skeleton-select", ngImport: i0, template: "<daff-form-field [skeleton]=\"true\">\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n    </ng-template>\n  </daff-select>\n</daff-form-field>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { 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.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "required", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i4.DaffFormLabelDirective, selector: "[daffFormLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SkeletonSelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'skeleton-select', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        ReactiveFormsModule,
-                        DAFF_SELECT_COMPONENTS,
-                        DAFF_FORM_FIELD_COMPONENTS,
-                    ], template: "<daff-form-field [skeleton]=\"true\">\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n    </ng-template>\n  </daff-select>\n</daff-form-field>" }]
-        }] });
-
-const SELECT_EXAMPLES = [
-    DefaultSelectComponent,
-    DisabledSelectComponent,
-    SkeletonSelectComponent,
-    SelectWithErrorComponent,
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SELECT_EXAMPLES };
-//# sourceMappingURL=daffodil-design-select-examples.mjs.map

package/fesm2022/daffodil-design-select-examples.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"daffodil-design-select-examples.mjs","sources":["../../../libs/design/select/examples/src/models/addresses.ts","../../../libs/design/select/examples/src/default-select/default-select.component.ts","../../../libs/design/select/examples/src/default-select/default-select.component.html","../../../libs/design/select/examples/src/disabled-select/disabled-select.component.ts","../../../libs/design/select/examples/src/disabled-select/disabled-select.component.html","../../../libs/design/select/examples/src/select-with-error/select-with-error.component.ts","../../../libs/design/select/examples/src/select-with-error/select-with-error.component.html","../../../libs/design/select/examples/src/skeleton-select/skeleton-select.component.ts","../../../libs/design/select/examples/src/skeleton-select/skeleton-select.component.html","../../../libs/design/select/examples/src/public_api.ts","../../../libs/design/select/examples/src/daffodil-design-select-examples.ts"],"sourcesContent":["import { SelectExampleAddress } from './address.type';\n\nexport const SELECT_EXAMPLE_ADDRESSES: SelectExampleAddress[] = [\n  {\n    name: 'John Doe',\n    street: '123 New St',\n    city: 'New York',\n    state: 'NY',\n    postcode: '10001',\n  },\n  {\n    name: 'Srinivasa Ramanujan',\n    street: '1729 Hardy Blvd',\n    city: 'New York',\n    state: 'NY',\n    postcode: '10001',\n  },\n  {\n    name: 'Bob the Builder',\n    street: '525 Coal Ave',\n    city: 'Morgantown',\n    state: 'WV',\n    postcode: '26501',\n  },\n];\n","import { NgIf } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'default-select',\n  templateUrl: './default-select.component.html',\n  styleUrls: ['./default-select.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    NgIf,\n    DAFF_SELECT_COMPONENTS,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class DefaultSelectComponent {\n  control = new FormControl();\n\n  options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field>\n  <daff-form-label>Select an address</daff-form-label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n</daff-form-field>\n\n<div class=\"default-select__selected-value\" *ngIf=\"control.value\">\n  Selected Address:\n  <div>{{control.value.name}}</div>\n  <div>{{control.value.street}}</div>\n  <div>{{control.value.city}}, {{control.value.state}} {{control.value.postcode}}</div>\n</div>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  ReactiveFormsModule,\n  UntypedFormControl,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'disabled-select',\n  templateUrl: './disabled-select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    DAFF_SELECT_COMPONENTS,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class DisabledSelectComponent {\n  disabled = new UntypedFormControl({ value : '' , disabled: true });\n\n  options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field>\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"disabled\">\n    <ng-template daffSelectOption let-option=\"option\"></ng-template>\n  </daff-select>\n</daff-form-field>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n  Validators,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'select-with-error',\n  templateUrl: './select-with-error.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    ReactiveFormsModule,\n    DAFF_SELECT_COMPONENTS,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class SelectWithErrorComponent {\n  control = new FormControl('', [Validators.required]);\n\n  options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field>\n  <daff-form-label>Select an address</daff-form-label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n      <div>{{option.name}}</div>\n      <div>{{option.street}}</div>\n      <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n    </ng-template>\n  </daff-select>\n  @if (control.invalid) {\n    <daff-error-message>This field is required</daff-error-message>\n  }\n</daff-form-field>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'skeleton-select',\n  templateUrl: './skeleton-select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    DAFF_SELECT_COMPONENTS,\n    DAFF_FORM_FIELD_COMPONENTS,\n  ],\n})\nexport class SkeletonSelectComponent {\n  control = new FormControl();\n\n  options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field [skeleton]=\"true\">\n  <label daffFormLabel>Select an address</label>\n  <daff-select [options]=\"options\" [formControl]=\"control\">\n    <ng-template daffSelectOption let-option=\"option\">\n    </ng-template>\n  </daff-select>\n</daff-form-field>","import { DefaultSelectComponent } from './default-select/default-select.component';\nimport { DisabledSelectComponent } from './disabled-select/disabled-select.component';\nimport { SelectWithErrorComponent } from './select-with-error/select-with-error.component';\nimport { SkeletonSelectComponent } from './skeleton-select/skeleton-select.component';\n\nexport const SELECT_EXAMPLES = [\n  DefaultSelectComponent,\n  DisabledSelectComponent,\n  SkeletonSelectComponent,\n  SelectWithErrorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/daffodil-design-sidebar-examples.mjs

@@ -1,109 +0,0 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@daffodil/design/sidebar';
-import { DAFF_SIDEBAR_COMPONENTS } from '@daffodil/design/sidebar';
-import * as i2 from '@angular/forms';
-import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { faTimes } from '@fortawesome/free-solid-svg-icons';
-import { DaffButtonComponent, DaffIconButtonComponent } from '@daffodil/design/button';
-import * as i2$1 from '@daffodil/design/navbar';
-import { DAFF_NAVBAR_COMPONENTS } from '@daffodil/design/navbar';
-
-class BasicSidebarComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicSidebarComponent, isStandalone: true, selector: "basic-sidebar", ngImport: i0, template: "<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    <daff-sidebar-header>\n      Sidebar Title\n    </daff-sidebar-header>\n    Sidebar content\n  </daff-sidebar>\n  <div class=\"basic-sidebar__content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.basic-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}\n"], dependencies: [{ kind: "component", type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode"], outputs: ["escapePressed"] }, { kind: "component", type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }, { kind: "component", type: i1.DaffSidebarHeaderComponent, selector: "daff-sidebar-header", inputs: ["dismissible"], outputs: ["closeSidebar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicSidebarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'basic-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_SIDEBAR_COMPONENTS,
-                    ], template: "<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    <daff-sidebar-header>\n      Sidebar Title\n    </daff-sidebar-header>\n    Sidebar content\n  </daff-sidebar>\n  <div class=\"basic-sidebar__content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.basic-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}\n"] }]
-        }] });
-
-class OverandUnderSidebarsComponent {
-    constructor() {
-        this.faTimes = faTimes;
-        this.open = false;
-        this.modeControl = new FormControl('over');
-    }
-    openSidebar() {
-        this.open = !this.open;
-    }
-    closeSidebar() {
-        this.open = false;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: OverandUnderSidebarsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: OverandUnderSidebarsComponent, isStandalone: true, selector: "over-and-under-sidebars", ngImport: i0, template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" [mode]=\"modeControl.value\" side=\"left\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\" (closeSidebar)=\"closeSidebar()\">\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Mode:</div>\n      <select [formControl]=\"modeControl\">\n        <option value=\"over\">Over</option>\n        <option value=\"under\">Under</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n", styles: ["daff-sidebar-viewport{height:288px}.over-and-under-sidebars__options-container{display:flex;gap:8px;margin:0 0 16px}.over-and-under-sidebars__footer,.over-and-under-sidebars__sidebar-content{padding:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode"], outputs: ["escapePressed"] }, { kind: "component", type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }, { kind: "component", type: i1.DaffSidebarHeaderComponent, selector: "daff-sidebar-header", inputs: ["dismissible"], outputs: ["closeSidebar"] }, { kind: "component", type: i1.DaffSidebarFooterComponent, selector: "daff-sidebar-footer" }, { kind: "directive", type: i1.DaffSidebarHeaderTitleDirective, selector: "[daffSidebarHeaderTitle]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: OverandUnderSidebarsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'over-and-under-sidebars', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_SIDEBAR_COMPONENTS,
-                        FaIconComponent,
-                        ReactiveFormsModule,
-                        DaffButtonComponent,
-                        DaffIconButtonComponent,
-                    ], template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" [mode]=\"modeControl.value\" side=\"left\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\" (closeSidebar)=\"closeSidebar()\">\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Mode:</div>\n      <select [formControl]=\"modeControl\">\n        <option value=\"over\">Over</option>\n        <option value=\"under\">Under</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n", styles: ["daff-sidebar-viewport{height:288px}.over-and-under-sidebars__options-container{display:flex;gap:8px;margin:0 0 16px}.over-and-under-sidebars__footer,.over-and-under-sidebars__sidebar-content{padding:16px}\n"] }]
-        }] });
-
-class SideFixedSidebarComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SideFixedSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: SideFixedSidebarComponent, isStandalone: true, selector: "side-fixed-sidebar", ngImport: i0, template: "<daff-sidebar-viewport navPlacement=\"beside\">\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"side-fixed-sidebar\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <nav daff-sidebar-viewport-nav daff-navbar>Navbar</nav>\n  <div class=\"content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.side-fixed-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}.content{padding:24px;height:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode"], outputs: ["escapePressed"] }, { kind: "component", type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }, { kind: "component", type: i2$1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["raised"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SideFixedSidebarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'side-fixed-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DAFF_SIDEBAR_COMPONENTS, DAFF_NAVBAR_COMPONENTS], template: "<daff-sidebar-viewport navPlacement=\"beside\">\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"side-fixed-sidebar\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <nav daff-sidebar-viewport-nav daff-navbar>Navbar</nav>\n  <div class=\"content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.side-fixed-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}.content{padding:24px;height:480px}\n"] }]
-        }] });
-
-class SidebarSidesComponent {
-    constructor() {
-        this.faTimes = faTimes;
-        this.open = false;
-        this.sideControl = new FormControl('left');
-    }
-    openSidebar() {
-        this.open = !this.open;
-    }
-    closeSidebar() {
-        this.open = false;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SidebarSidesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: SidebarSidesComponent, isStandalone: true, selector: "sidebar-sides", ngImport: i0, template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" mode=\"over\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\" (closeSidebar)=\"closeSidebar()\">\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Side:</div>\n      <select [formControl]=\"sideControl\">\n        <option value=\"left\">Left</option>\n        <option value=\"right\">Right</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n", styles: ["daff-sidebar-viewport{height:288px}.over-and-under-sidebars__options-container{display:flex;gap:8px;margin:0 0 16px}.over-and-under-sidebars__footer,.over-and-under-sidebars__sidebar-content{padding:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode"], outputs: ["escapePressed"] }, { kind: "component", type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }, { kind: "component", type: i1.DaffSidebarHeaderComponent, selector: "daff-sidebar-header", inputs: ["dismissible"], outputs: ["closeSidebar"] }, { kind: "component", type: i1.DaffSidebarFooterComponent, selector: "daff-sidebar-footer" }, { kind: "directive", type: i1.DaffSidebarHeaderTitleDirective, selector: "[daffSidebarHeaderTitle]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SidebarSidesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sidebar-sides', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_SIDEBAR_COMPONENTS,
-                        FaIconComponent,
-                        ReactiveFormsModule,
-                        DaffButtonComponent,
-                        DaffIconButtonComponent,
-                    ], template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" mode=\"over\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\" (closeSidebar)=\"closeSidebar()\">\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Side:</div>\n      <select [formControl]=\"sideControl\">\n        <option value=\"left\">Left</option>\n        <option value=\"right\">Right</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n", styles: ["daff-sidebar-viewport{height:288px}.over-and-under-sidebars__options-container{display:flex;gap:8px;margin:0 0 16px}.over-and-under-sidebars__footer,.over-and-under-sidebars__sidebar-content{padding:16px}\n"] }]
-        }] });
-
-class SidebarWithStickyContentComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SidebarWithStickyContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: SidebarWithStickyContentComponent, isStandalone: true, selector: "sidebar-with-sticky-content", ngImport: i0, template: "<daff-sidebar-viewport>\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"sidebar-with-sticky-content\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <div class=\"content\">\n    <div class=\"sticky\">\n      <div>Sticky content</div>\n    </div>\n    <div class=\"inner-content\">Inner content</div>\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.sidebar-with-sticky-content{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}.content{height:480px}.sticky{position:sticky;background:#fafafa;padding:16px;top:0}.inner-content{padding:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode"], outputs: ["escapePressed"] }, { kind: "component", type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SidebarWithStickyContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sidebar-with-sticky-content', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_SIDEBAR_COMPONENTS,
-                    ], template: "<daff-sidebar-viewport>\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"sidebar-with-sticky-content\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <div class=\"content\">\n    <div class=\"sticky\">\n      <div>Sticky content</div>\n    </div>\n    <div class=\"inner-content\">Inner content</div>\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.sidebar-with-sticky-content{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}.content{height:480px}.sticky{position:sticky;background:#fafafa;padding:16px;top:0}.inner-content{padding:16px}\n"] }]
-        }] });
-
-const SIDEBAR_EXAMPLES = [
-    BasicSidebarComponent,
-    OverandUnderSidebarsComponent,
-    SideFixedSidebarComponent,
-    SidebarWithStickyContentComponent,
-    SidebarSidesComponent,
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SIDEBAR_EXAMPLES };
-//# sourceMappingURL=daffodil-design-sidebar-examples.mjs.map

package/fesm2022/daffodil-design-sidebar-examples.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"daffodil-design-sidebar-examples.mjs","sources":["../../../libs/design/sidebar/examples/src/basic-sidebar/basic-sidebar.component.ts","../../../libs/design/sidebar/examples/src/basic-sidebar/basic-sidebar.component.html","../../../libs/design/sidebar/examples/src/over-and-under-sidebars/over-and-under-sidebars.component.ts","../../../libs/design/sidebar/examples/src/over-and-under-sidebars/over-and-under-sidebars.component.html","../../../libs/design/sidebar/examples/src/side-fixed-sidebar/side-fixed-sidebar.component.ts","../../../libs/design/sidebar/examples/src/side-fixed-sidebar/side-fixed-sidebar.component.html","../../../libs/design/sidebar/examples/src/sidebar-sides/sidebar-sides.component.ts","../../../libs/design/sidebar/examples/src/sidebar-sides/sidebar-sides.component.html","../../../libs/design/sidebar/examples/src/sidebar-with-sticky-content/sidebar-with-sticky-content.component.ts","../../../libs/design/sidebar/examples/src/sidebar-with-sticky-content/sidebar-with-sticky-content.component.html","../../../libs/design/sidebar/examples/src/public_api.ts","../../../libs/design/sidebar/examples/src/daffodil-design-sidebar-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_SIDEBAR_COMPONENTS } from '@daffodil/design/sidebar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-sidebar',\n  templateUrl: './basic-sidebar.component.html',\n  styleUrls: ['./basic-sidebar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_SIDEBAR_COMPONENTS,\n  ],\n})\nexport class BasicSidebarComponent {}\n","<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    <daff-sidebar-header>\n      Sidebar Title\n    </daff-sidebar-header>\n    Sidebar content\n  </daff-sidebar>\n  <div class=\"basic-sidebar__content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  DaffButtonComponent,\n  DaffIconButtonComponent,\n} from '@daffodil/design/button';\nimport { DAFF_SIDEBAR_COMPONENTS } from '@daffodil/design/sidebar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'over-and-under-sidebars',\n  templateUrl: './over-and-under-sidebars.component.html',\n  styleUrls: ['over-and-under-sidebars.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_SIDEBAR_COMPONENTS,\n    FaIconComponent,\n    ReactiveFormsModule,\n    DaffButtonComponent,\n    DaffIconButtonComponent,\n  ],\n})\nexport class OverandUnderSidebarsComponent {\n  faTimes = faTimes;\n\n  open = false;\n\n  modeControl: FormControl = new FormControl('over');\n\n  openSidebar() {\n    this.open = !this.open;\n  }\n\n  closeSidebar() {\n    this.open = false;\n  }\n}\n","<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" [mode]=\"modeControl.value\" side=\"left\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\" (closeSidebar)=\"closeSidebar()\">\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Mode:</div>\n      <select [formControl]=\"modeControl\">\n        <option value=\"over\">Over</option>\n        <option value=\"under\">Under</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_NAVBAR_COMPONENTS } from '@daffodil/design/navbar';\nimport { DAFF_SIDEBAR_COMPONENTS } from '@daffodil/design/sidebar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'side-fixed-sidebar',\n  templateUrl: './side-fixed-sidebar.component.html',\n  styleUrls: ['side-fixed-sidebar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [DAFF_SIDEBAR_COMPONENTS, DAFF_NAVBAR_COMPONENTS],\n})\nexport class SideFixedSidebarComponent {}\n","<daff-sidebar-viewport navPlacement=\"beside\">\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"side-fixed-sidebar\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <nav daff-sidebar-viewport-nav daff-navbar>Navbar</nav>\n  <div class=\"content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  DaffButtonComponent,\n  DaffIconButtonComponent,\n} from '@daffodil/design/button';\nimport { DAFF_SIDEBAR_COMPONENTS } from '@daffodil/design/sidebar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'sidebar-sides',\n  templateUrl: './sidebar-sides.component.html',\n  styleUrls: ['sidebar-sides.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_SIDEBAR_COMPONENTS,\n    FaIconComponent,\n    ReactiveFormsModule,\n    DaffButtonComponent,\n    DaffIconButtonComponent,\n  ],\n})\nexport class SidebarSidesComponent {\n  faTimes = faTimes;\n\n  open = false;\n\n  sideControl: FormControl = new FormControl('left');\n\n  openSidebar() {\n    this.open = !this.open;\n  }\n\n  closeSidebar() {\n    this.open = false;\n  }\n}\n","<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" mode=\"over\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\" (closeSidebar)=\"closeSidebar()\">\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Side:</div>\n      <select [formControl]=\"sideControl\">\n        <option value=\"left\">Left</option>\n        <option value=\"right\">Right</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_SIDEBAR_COMPONENTS } from '@daffodil/design/sidebar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'sidebar-with-sticky-content',\n  templateUrl: './sidebar-with-sticky-content.component.html',\n  styleUrls: ['sidebar-with-sticky-content.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_SIDEBAR_COMPONENTS,\n  ],\n})\nexport class SidebarWithStickyContentComponent {}\n","<daff-sidebar-viewport>\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"sidebar-with-sticky-content\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <div class=\"content\">\n    <div class=\"sticky\">\n      <div>Sticky content</div>\n    </div>\n    <div class=\"inner-content\">Inner content</div>\n  </div>\n</daff-sidebar-viewport>","import { BasicSidebarComponent } from './basic-sidebar/basic-sidebar.component';\nimport { OverandUnderSidebarsComponent } from './over-and-under-sidebars/over-and-under-sidebars.component';\nimport { SideFixedSidebarComponent } from './side-fixed-sidebar/side-fixed-sidebar.component';\nimport { SidebarSidesComponent } from './sidebar-sides/sidebar-sides.component';\nimport { SidebarWithStickyContentComponent } from './sidebar-with-sticky-content/sidebar-with-sticky-content.component';\n\nexport const SIDEBAR_EXAMPLES = [\n  BasicSidebarComponent,\n  OverandUnderSidebarsComponent,\n  SideFixedSidebarComponent,\n  SidebarWithStickyContentComponent,\n  SidebarSidesComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":";;;;;;;;;;;;MAiBa,qBAAqB,CAAA;iIAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,yECjBlC,uRAUwB,EAAA,MAAA,EAAA,CAAA,oHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDOX,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,uBAAuB;AACxB,qBAAA,EAAA,QAAA,EAAA,uRAAA,EAAA,MAAA,EAAA,CAAA,oHAAA,CAAA,EAAA;;;MEgBU,6BAA6B,CAAA;AAd1C,IAAA,WAAA,GAAA;QAeE,IAAA,CAAA,OAAO,GAAG,OAAO;QAEjB,IAAA,CAAA,IAAI,GAAG,KAAK;AAEZ,QAAA,IAAA,CAAA,WAAW,GAAgB,IAAI,WAAW,CAAC,MAAM,CAAC;AASnD,IAAA;IAPC,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;IACxB;IAEA,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;IACnB;iIAbW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/B1C,4kCA4BA,EAAA,MAAA,EAAA,CAAA,gNAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFI,mBAAmB,qtBACnB,mBAAmB,EAAA,QAAA,EAAA,oCAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIV,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAdzC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,EAAA,eAAA,EAGlB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,uBAAuB;wBACvB,eAAe;wBACf,mBAAmB;wBACnB,mBAAmB;wBACnB,uBAAuB;AACxB,qBAAA,EAAA,QAAA,EAAA,4kCAAA,EAAA,MAAA,EAAA,CAAA,gNAAA,CAAA,EAAA;;;MEbU,yBAAyB,CAAA;iIAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,8EChBtC,8TAQwB,EAAA,MAAA,EAAA,CAAA,4JAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDQX,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;+BAEE,oBAAoB,EAAA,eAAA,EAGb,uBAAuB,CAAC,MAAM,WACtC,CAAC,uBAAuB,EAAE,sBAAsB,CAAC,EAAA,QAAA,EAAA,8TAAA,EAAA,MAAA,EAAA,CAAA,4JAAA,CAAA,EAAA;;;MEiB/C,qBAAqB,CAAA;AAdlC,IAAA,WAAA,GAAA;QAeE,IAAA,CAAA,OAAO,GAAG,OAAO;QAEjB,IAAA,CAAA,IAAI,GAAG,KAAK;AAEZ,QAAA,IAAA,CAAA,WAAW,GAAgB,IAAI,WAAW,CAAC,MAAM,CAAC;AASnD,IAAA;IAPC,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;IACxB;IAEA,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;IACnB;iIAbW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/BlC,4kCA4BA,EAAA,MAAA,EAAA,CAAA,gNAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFI,mBAAmB,qtBACnB,mBAAmB,EAAA,QAAA,EAAA,oCAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIV,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAdjC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,uBAAuB;wBACvB,eAAe;wBACf,mBAAmB;wBACnB,mBAAmB;wBACnB,uBAAuB;AACxB,qBAAA,EAAA,QAAA,EAAA,4kCAAA,EAAA,MAAA,EAAA,CAAA,gNAAA,CAAA,EAAA;;;MEZU,iCAAiC,CAAA;iIAAjC,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjC,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iCAAiC,uFCjB9C,iWAUwB,EAAA,MAAA,EAAA,CAAA,kPAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDOX,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAV7C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,6BAA6B,EAAA,eAAA,EAGtB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,uBAAuB;AACxB,qBAAA,EAAA,QAAA,EAAA,iWAAA,EAAA,MAAA,EAAA,CAAA,kPAAA,CAAA,EAAA;;;AETI,MAAM,gBAAgB,GAAG;IAC9B,qBAAqB;IACrB,6BAA6B;IAC7B,yBAAyB;IACzB,iCAAiC;IACjC,qBAAqB;;;ACXvB;;AAEG;;;;"}

package/fesm2022/daffodil-design-sticky-examples.mjs

@@ -1,25 +0,0 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { DaffStickyTrackerDirective } from '@daffodil/design';
-
-class BasicStickyComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicStickyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicStickyComponent, isStandalone: true, selector: "basic-sticky", ngImport: i0, template: "<div class=\"basic-sticky\">\n  <div class=\"basic-sticky__section\">\n    <h3>Top Sticky Example</h3>\n    <div class=\"basic-sticky__container\">\n      <div class=\"basic-sticky__content-before\">\n        <p>Scroll down to see the header stick to the top...</p>\n        <p>The header below will stick to the top when you scroll past it.</p>\n        <p>Notice how its appearance changes when it becomes \"pinned\".</p>\n      </div>\n      \n      <div \n        daffStickyTracker sticky=\"top\"\n        class=\"basic-sticky__header\">\n        <span class=\"basic-sticky__text\">Header - Sticks to Top</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      \n      <div class=\"basic-sticky__content-middle\">\n        <p>Keep scrolling to see the sticky behavior...</p>\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\n        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"basic-sticky__section\">\n    <h3>Bottom Sticky Example</h3>\n    <div class=\"basic-sticky__container basic-sticky__container--bottom\">\n      <div class=\"basic-sticky__spacer\">\n        <p>Scroll down to see the footer stick to the bottom...</p>\n        <p>The footer is positioned naturally in the content below.</p>\n        <p>Continue scrolling to see it enter the viewport and then stick!</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling down...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Almost there...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>You should see the footer appear below this text:</p>\n      </div>\n      \n      <div \n        daffStickyTracker sticky=\"bottom\"\n        class=\"basic-sticky__footer\">\n        <span class=\"basic-sticky__text\">Footer - Sticks to Bottom</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      \n      <div class=\"basic-sticky__spacer-after\">\n        <p>This content appears after the footer.</p>\n        <p>When you scroll past the footer, it should stick to the bottom.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>The footer should remain pinned as you scroll through this content.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling to test the sticky behavior...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>End of content.</p>\n      </div>\n    </div>\n  </div> \n  \n  <div class=\"basic-sticky__section\">\n    <h3>Top Sticky (First Element in Container)</h3>\n    <div class=\"basic-sticky__container\">\n      <div \n        daffStickyTracker sticky=\"top\"\n        class=\"basic-sticky__header\">\n        <span class=\"basic-sticky__text\">Header - Sticks to Top</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      <div class=\"basic-sticky__content-before\">\n        <p>Scroll down to see the header stick to the top...</p>\n        <p>The header below will stick to the top when you scroll past it.</p>\n        <p>Notice how its appearance changes when it becomes \"pinned\".</p>\n      </div>\n      \n      \n      <div class=\"basic-sticky__content-middle\">\n        <p>Keep scrolling to see the sticky behavior...</p>\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\n        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>\n      </div>\n    </div>\n  </div>  \n\n    <div class=\"basic-sticky__section\">\n    <h3>Bottom Sticky (Last Element in Container)</h3>\n    <div class=\"basic-sticky__container basic-sticky__container--bottom\">\n      <div class=\"basic-sticky__spacer\">\n        <p>Scroll down to see the footer stick to the bottom...</p>\n        <p>The footer is positioned naturally in the content below.</p>\n        <p>Continue scrolling to see it enter the viewport and then stick!</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling down...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Almost there...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>You should see the footer appear below this text:</p>\n      </div>\n      \n      \n      <div class=\"basic-sticky__spacer-after\">\n        <p>This content appears after the footer.</p>\n        <p>When you scroll past the footer, it should stick to the bottom.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>The footer should remain pinned as you scroll through this content.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling to test the sticky behavior...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>End of content.</p>\n      </div>\n      <div \n        daffStickyTracker sticky=\"bottom\"\n        class=\"basic-sticky__footer\">\n        <span class=\"basic-sticky__text\">Footer - Sticks to Bottom</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n    </div>\n  </div>  \n\n</div> ", styles: [".basic-sticky__section{margin-bottom:40px}.basic-sticky__section h3{margin-bottom:16px;font-size:1.2em;font-weight:600}.basic-sticky__container{height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;background:#fff}.basic-sticky__container--bottom{height:400px}.basic-sticky__content-before,.basic-sticky__content-middle,.basic-sticky__content-after,.basic-sticky__spacer,.basic-sticky__spacer-after{padding:20px}.basic-sticky__content-before p,.basic-sticky__content-middle p,.basic-sticky__content-after p,.basic-sticky__spacer p,.basic-sticky__spacer-after p{margin:8px 0;line-height:1.6;color:#666}.basic-sticky__content-before{background:#f8f9fa;min-height:120px}.basic-sticky__content-middle{background:#fff;min-height:400px}.basic-sticky__content-after{background:#f1f3f4;min-height:300px;padding-bottom:40px}.basic-sticky__spacer{background:#f8f9fa;padding:20px}.basic-sticky__spacer-after{background:#f1f3f4;padding:20px}.basic-sticky__header,.basic-sticky__element{position:sticky;top:0;padding:16px 20px;background:#2196f3;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border-bottom:3px solid #1976d2;z-index:10}.basic-sticky__header .basic-sticky__indicator,.basic-sticky__element .basic-sticky__indicator{opacity:0;transform:translate(10px);transition:all .3s ease;font-size:.9em}.basic-sticky__header.is-pinned,.basic-sticky__element.is-pinned{background:#4caf50;border-bottom-color:#388e3c;box-shadow:0 4px 8px #00000026}.basic-sticky__header.is-pinned .basic-sticky__indicator,.basic-sticky__element.is-pinned .basic-sticky__indicator{opacity:1;transform:translate(0)}.basic-sticky__header.is-pinned .basic-sticky__text,.basic-sticky__element.is-pinned .basic-sticky__text{opacity:.95}.basic-sticky__footer{position:sticky;bottom:0;padding:16px 20px;background:#ff9800;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border-top:3px solid #f57c00;z-index:10}.basic-sticky__footer .basic-sticky__indicator{opacity:0;transform:translate(-10px);transition:all .3s ease;font-size:.9em}.basic-sticky__footer.is-pinned{background:#e91e63;border-top-color:#c2185b;box-shadow:0 -4px 8px #00000026}.basic-sticky__footer.is-pinned .basic-sticky__indicator{opacity:1;transform:translate(0)}.basic-sticky__footer.is-pinned .basic-sticky__text{opacity:.95}.basic-sticky__text{font-size:1em;transition:opacity .3s ease}\n"], dependencies: [{ kind: "directive", type: DaffStickyTrackerDirective, selector: "[daffStickyTracker]", inputs: ["sticky"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicStickyComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'basic-sticky', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DaffStickyTrackerDirective,
-                    ], template: "<div class=\"basic-sticky\">\n  <div class=\"basic-sticky__section\">\n    <h3>Top Sticky Example</h3>\n    <div class=\"basic-sticky__container\">\n      <div class=\"basic-sticky__content-before\">\n        <p>Scroll down to see the header stick to the top...</p>\n        <p>The header below will stick to the top when you scroll past it.</p>\n        <p>Notice how its appearance changes when it becomes \"pinned\".</p>\n      </div>\n      \n      <div \n        daffStickyTracker sticky=\"top\"\n        class=\"basic-sticky__header\">\n        <span class=\"basic-sticky__text\">Header - Sticks to Top</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      \n      <div class=\"basic-sticky__content-middle\">\n        <p>Keep scrolling to see the sticky behavior...</p>\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\n        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"basic-sticky__section\">\n    <h3>Bottom Sticky Example</h3>\n    <div class=\"basic-sticky__container basic-sticky__container--bottom\">\n      <div class=\"basic-sticky__spacer\">\n        <p>Scroll down to see the footer stick to the bottom...</p>\n        <p>The footer is positioned naturally in the content below.</p>\n        <p>Continue scrolling to see it enter the viewport and then stick!</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling down...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Almost there...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>You should see the footer appear below this text:</p>\n      </div>\n      \n      <div \n        daffStickyTracker sticky=\"bottom\"\n        class=\"basic-sticky__footer\">\n        <span class=\"basic-sticky__text\">Footer - Sticks to Bottom</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      \n      <div class=\"basic-sticky__spacer-after\">\n        <p>This content appears after the footer.</p>\n        <p>When you scroll past the footer, it should stick to the bottom.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>The footer should remain pinned as you scroll through this content.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling to test the sticky behavior...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>End of content.</p>\n      </div>\n    </div>\n  </div> \n  \n  <div class=\"basic-sticky__section\">\n    <h3>Top Sticky (First Element in Container)</h3>\n    <div class=\"basic-sticky__container\">\n      <div \n        daffStickyTracker sticky=\"top\"\n        class=\"basic-sticky__header\">\n        <span class=\"basic-sticky__text\">Header - Sticks to Top</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      <div class=\"basic-sticky__content-before\">\n        <p>Scroll down to see the header stick to the top...</p>\n        <p>The header below will stick to the top when you scroll past it.</p>\n        <p>Notice how its appearance changes when it becomes \"pinned\".</p>\n      </div>\n      \n      \n      <div class=\"basic-sticky__content-middle\">\n        <p>Keep scrolling to see the sticky behavior...</p>\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\n        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>\n      </div>\n    </div>\n  </div>  \n\n    <div class=\"basic-sticky__section\">\n    <h3>Bottom Sticky (Last Element in Container)</h3>\n    <div class=\"basic-sticky__container basic-sticky__container--bottom\">\n      <div class=\"basic-sticky__spacer\">\n        <p>Scroll down to see the footer stick to the bottom...</p>\n        <p>The footer is positioned naturally in the content below.</p>\n        <p>Continue scrolling to see it enter the viewport and then stick!</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling down...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Almost there...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>You should see the footer appear below this text:</p>\n      </div>\n      \n      \n      <div class=\"basic-sticky__spacer-after\">\n        <p>This content appears after the footer.</p>\n        <p>When you scroll past the footer, it should stick to the bottom.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>The footer should remain pinned as you scroll through this content.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling to test the sticky behavior...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>End of content.</p>\n      </div>\n      <div \n        daffStickyTracker sticky=\"bottom\"\n        class=\"basic-sticky__footer\">\n        <span class=\"basic-sticky__text\">Footer - Sticks to Bottom</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n    </div>\n  </div>  \n\n</div> ", styles: [".basic-sticky__section{margin-bottom:40px}.basic-sticky__section h3{margin-bottom:16px;font-size:1.2em;font-weight:600}.basic-sticky__container{height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;background:#fff}.basic-sticky__container--bottom{height:400px}.basic-sticky__content-before,.basic-sticky__content-middle,.basic-sticky__content-after,.basic-sticky__spacer,.basic-sticky__spacer-after{padding:20px}.basic-sticky__content-before p,.basic-sticky__content-middle p,.basic-sticky__content-after p,.basic-sticky__spacer p,.basic-sticky__spacer-after p{margin:8px 0;line-height:1.6;color:#666}.basic-sticky__content-before{background:#f8f9fa;min-height:120px}.basic-sticky__content-middle{background:#fff;min-height:400px}.basic-sticky__content-after{background:#f1f3f4;min-height:300px;padding-bottom:40px}.basic-sticky__spacer{background:#f8f9fa;padding:20px}.basic-sticky__spacer-after{background:#f1f3f4;padding:20px}.basic-sticky__header,.basic-sticky__element{position:sticky;top:0;padding:16px 20px;background:#2196f3;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border-bottom:3px solid #1976d2;z-index:10}.basic-sticky__header .basic-sticky__indicator,.basic-sticky__element .basic-sticky__indicator{opacity:0;transform:translate(10px);transition:all .3s ease;font-size:.9em}.basic-sticky__header.is-pinned,.basic-sticky__element.is-pinned{background:#4caf50;border-bottom-color:#388e3c;box-shadow:0 4px 8px #00000026}.basic-sticky__header.is-pinned .basic-sticky__indicator,.basic-sticky__element.is-pinned .basic-sticky__indicator{opacity:1;transform:translate(0)}.basic-sticky__header.is-pinned .basic-sticky__text,.basic-sticky__element.is-pinned .basic-sticky__text{opacity:.95}.basic-sticky__footer{position:sticky;bottom:0;padding:16px 20px;background:#ff9800;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border-top:3px solid #f57c00;z-index:10}.basic-sticky__footer .basic-sticky__indicator{opacity:0;transform:translate(-10px);transition:all .3s ease;font-size:.9em}.basic-sticky__footer.is-pinned{background:#e91e63;border-top-color:#c2185b;box-shadow:0 -4px 8px #00000026}.basic-sticky__footer.is-pinned .basic-sticky__indicator{opacity:1;transform:translate(0)}.basic-sticky__footer.is-pinned .basic-sticky__text{opacity:.95}.basic-sticky__text{font-size:1em;transition:opacity .3s ease}\n"] }]
-        }] });
-
-const STICKY_EXAMPLES = [
-    BasicStickyComponent,
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { STICKY_EXAMPLES };
-//# sourceMappingURL=daffodil-design-sticky-examples.mjs.map

package/fesm2022/daffodil-design-sticky-examples.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"daffodil-design-sticky-examples.mjs","sources":["../../../libs/design/sticky/examples/src/basic-sticky/basic-sticky.component.ts","../../../libs/design/sticky/examples/src/basic-sticky/basic-sticky.component.html","../../../libs/design/sticky/examples/src/public_api.ts","../../../libs/design/sticky/examples/src/daffodil-design-sticky-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DaffStickyTrackerDirective } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-sticky',\n  templateUrl: './basic-sticky.component.html',\n  styleUrls: ['./basic-sticky.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DaffStickyTrackerDirective,\n  ],\n})\nexport class BasicStickyComponent {}\n","<div class=\"basic-sticky\">\n  <div class=\"basic-sticky__section\">\n    <h3>Top Sticky Example</h3>\n    <div class=\"basic-sticky__container\">\n      <div class=\"basic-sticky__content-before\">\n        <p>Scroll down to see the header stick to the top...</p>\n        <p>The header below will stick to the top when you scroll past it.</p>\n        <p>Notice how its appearance changes when it becomes \"pinned\".</p>\n      </div>\n      \n      <div \n        daffStickyTracker sticky=\"top\"\n        class=\"basic-sticky__header\">\n        <span class=\"basic-sticky__text\">Header - Sticks to Top</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      \n      <div class=\"basic-sticky__content-middle\">\n        <p>Keep scrolling to see the sticky behavior...</p>\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\n        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"basic-sticky__section\">\n    <h3>Bottom Sticky Example</h3>\n    <div class=\"basic-sticky__container basic-sticky__container--bottom\">\n      <div class=\"basic-sticky__spacer\">\n        <p>Scroll down to see the footer stick to the bottom...</p>\n        <p>The footer is positioned naturally in the content below.</p>\n        <p>Continue scrolling to see it enter the viewport and then stick!</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling down...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Almost there...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>You should see the footer appear below this text:</p>\n      </div>\n      \n      <div \n        daffStickyTracker sticky=\"bottom\"\n        class=\"basic-sticky__footer\">\n        <span class=\"basic-sticky__text\">Footer - Sticks to Bottom</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      \n      <div class=\"basic-sticky__spacer-after\">\n        <p>This content appears after the footer.</p>\n        <p>When you scroll past the footer, it should stick to the bottom.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>The footer should remain pinned as you scroll through this content.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling to test the sticky behavior...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>End of content.</p>\n      </div>\n    </div>\n  </div> \n  \n  <div class=\"basic-sticky__section\">\n    <h3>Top Sticky (First Element in Container)</h3>\n    <div class=\"basic-sticky__container\">\n      <div \n        daffStickyTracker sticky=\"top\"\n        class=\"basic-sticky__header\">\n        <span class=\"basic-sticky__text\">Header - Sticks to Top</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      <div class=\"basic-sticky__content-before\">\n        <p>Scroll down to see the header stick to the top...</p>\n        <p>The header below will stick to the top when you scroll past it.</p>\n        <p>Notice how its appearance changes when it becomes \"pinned\".</p>\n      </div>\n      \n      \n      <div class=\"basic-sticky__content-middle\">\n        <p>Keep scrolling to see the sticky behavior...</p>\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\n        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>\n      </div>\n    </div>\n  </div>  \n\n    <div class=\"basic-sticky__section\">\n    <h3>Bottom Sticky (Last Element in Container)</h3>\n    <div class=\"basic-sticky__container basic-sticky__container--bottom\">\n      <div class=\"basic-sticky__spacer\">\n        <p>Scroll down to see the footer stick to the bottom...</p>\n        <p>The footer is positioned naturally in the content below.</p>\n        <p>Continue scrolling to see it enter the viewport and then stick!</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling down...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Almost there...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>You should see the footer appear below this text:</p>\n      </div>\n      \n      \n      <div class=\"basic-sticky__spacer-after\">\n        <p>This content appears after the footer.</p>\n        <p>When you scroll past the footer, it should stick to the bottom.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>The footer should remain pinned as you scroll through this content.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling to test the sticky behavior...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>End of content.</p>\n      </div>\n      <div \n        daffStickyTracker sticky=\"bottom\"\n        class=\"basic-sticky__footer\">\n        <span class=\"basic-sticky__text\">Footer - Sticks to Bottom</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n    </div>\n  </div>  \n\n</div> ","import { BasicStickyComponent } from './basic-sticky/basic-sticky.component';\n\nexport const STICKY_EXAMPLES = [\n  BasicStickyComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAiBa,oBAAoB,CAAA;iIAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBjC,q7LA6HO,EAAA,MAAA,EAAA,CAAA,s6EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED/GH,0BAA0B,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGjB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,0BAA0B;AAC3B,qBAAA,EAAA,QAAA,EAAA,q7LAAA,EAAA,MAAA,EAAA,CAAA,s6EAAA,CAAA,EAAA;;;AEbI,MAAM,eAAe,GAAG;IAC7B,oBAAoB;;;ACHtB;;AAEG;;;;"}