@daffodil/design 0.60.0 → 0.61.0
Sign up to get free protection for your applications and to get access to all the features.
- package/accordion/examples/package.json +1 -1
- package/article/examples/package.json +1 -1
- package/atoms/button/button.component.d.ts +18 -2
- package/atoms/button/button.module.d.ts +2 -1
- package/atoms/form/error-message/error-message.component.d.ts +1 -0
- package/atoms/form/form-label/form-label.directive.d.ts +6 -0
- package/atoms/form/form-label/form-label.module.d.ts +7 -0
- package/atoms/form/form-label/public_api.d.ts +2 -0
- package/atoms/form/{select/select/select.component.d.ts → native-select/native-select.component.d.ts} +1 -1
- package/atoms/form/{select/select.module.d.ts → native-select/native-select.module.d.ts} +1 -1
- package/atoms/form/native-select/public_api.d.ts +2 -0
- package/atoms/form/quantity-field/quantity-field.module.d.ts +1 -1
- package/atoms/form/quantity-field/quantity-select/quantity-select.component.d.ts +1 -1
- package/atoms/loading-icon/loading-icon.component.d.ts +3 -3
- package/button/examples/examples.d.ts +4 -0
- package/button/examples/flat-button/flat-button.component.d.ts +7 -0
- package/button/examples/flat-button/flat-button.module.d.ts +9 -0
- package/button/examples/package.json +1 -1
- package/button/examples/public_api.d.ts +10 -9
- package/callout/examples/package.json +1 -1
- package/card/examples/package.json +1 -1
- package/checkbox/examples/package.json +1 -1
- package/container/examples/package.json +1 -1
- package/core/public_api.d.ts +2 -2
- package/core/statusable/public_api.d.ts +2 -0
- package/esm2020/atoms/button/button.component.mjs +62 -5
- package/esm2020/atoms/button/button.module.mjs +6 -2
- package/esm2020/atoms/form/error-message/error-message.component.mjs +10 -4
- package/esm2020/atoms/form/form-label/form-label.directive.mjs +19 -0
- package/esm2020/atoms/form/form-label/form-label.module.mjs +20 -0
- package/esm2020/atoms/form/form-label/public_api.mjs +3 -0
- package/esm2020/atoms/form/native-select/native-select.component.mjs +64 -0
- package/esm2020/atoms/form/{select/select.module.mjs → native-select/native-select.module.mjs} +2 -2
- package/esm2020/atoms/form/native-select/public_api.mjs +3 -0
- package/esm2020/atoms/form/quantity-field/quantity-field.module.mjs +2 -2
- package/esm2020/atoms/form/quantity-field/quantity-select/quantity-select.component.mjs +3 -3
- package/esm2020/atoms/image/image.component.mjs +2 -2
- package/esm2020/atoms/loading-icon/loading-icon.component.mjs +4 -5
- package/esm2020/button/examples/basic-button/basic-button.component.mjs +7 -6
- package/esm2020/button/examples/examples.mjs +19 -0
- package/esm2020/button/examples/flat-button/flat-button.component.mjs +24 -0
- package/esm2020/button/examples/flat-button/flat-button.module.mjs +30 -0
- package/esm2020/button/examples/icon-button/icon-button.component.mjs +6 -5
- package/esm2020/button/examples/public_api.mjs +11 -18
- package/esm2020/button/examples/raised-button/raised-button.component.mjs +7 -6
- package/esm2020/button/examples/sizeable-button/sizeable-button.component.mjs +3 -7
- package/esm2020/button/examples/statusable-button/statusable-button.component.mjs +3 -11
- package/esm2020/button/examples/stroked-button/stroked-button.component.mjs +7 -6
- package/esm2020/button/examples/underline-button/underline-button.component.mjs +7 -6
- package/esm2020/button/examples/underline-button/underline-button.module.mjs +1 -1
- package/esm2020/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +1 -1
- package/esm2020/callout/examples/callout-theming/callout-theming.component.mjs +1 -1
- package/esm2020/callout/examples/callout-with-grid/callout-with-grid.component.mjs +1 -1
- package/esm2020/callout/examples/compact-callout/compact-callout.component.mjs +1 -1
- package/esm2020/card/examples/basic-card/basic-card.component.mjs +1 -1
- package/esm2020/card/examples/card-orientation/card-orientation.component.mjs +1 -1
- package/esm2020/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +1 -1
- package/esm2020/checkbox/examples/checkbox-set/checkbox-set.component.mjs +1 -1
- package/esm2020/core/public_api.mjs +3 -3
- package/esm2020/core/statusable/public_api.mjs +3 -0
- package/esm2020/hero/examples/compact-hero/compact-hero.component.mjs +1 -1
- package/esm2020/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +1 -1
- package/esm2020/hero/examples/hero-theming/hero-theming.component.mjs +1 -1
- package/esm2020/hero/examples/hero-with-grid/hero-with-grid.component.mjs +1 -1
- package/esm2020/menu/examples/basic-menu/basic-menu.component.mjs +1 -1
- package/esm2020/modal/examples/basic-modal/basic-modal.component.mjs +1 -1
- package/esm2020/modal/examples/basic-modal/modal-content.component.mjs +1 -1
- package/esm2020/molecules/media-gallery/media-gallery.component.mjs +2 -2
- package/esm2020/molecules/qty-dropdown/qty-dropdown.component.mjs +1 -1
- package/esm2020/molecules/qty-dropdown/qty-dropdown.module.mjs +2 -2
- package/esm2020/navbar/examples/basic-navbar/basic-navbar.component.mjs +1 -1
- package/esm2020/navbar/examples/contained-navbar/contained-navbar.component.mjs +1 -1
- package/esm2020/navbar/examples/navbar-theming/navbar-theming.component.mjs +1 -1
- package/esm2020/navbar/examples/raised-navbar/raised-navbar.component.mjs +1 -1
- package/esm2020/public_api.mjs +3 -2
- package/fesm2015/daffodil-design-button-examples.mjs +160 -122
- package/fesm2015/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2015/daffodil-design-callout-examples.mjs +4 -4
- package/fesm2015/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2015/daffodil-design-card-examples.mjs +2 -2
- package/fesm2015/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2015/daffodil-design-checkbox-examples.mjs +2 -2
- package/fesm2015/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2015/daffodil-design-hero-examples.mjs +4 -4
- package/fesm2015/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2015/daffodil-design-menu-examples.mjs +1 -1
- package/fesm2015/daffodil-design-menu-examples.mjs.map +1 -1
- package/fesm2015/daffodil-design-modal-examples.mjs +2 -2
- package/fesm2015/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2015/daffodil-design-navbar-examples.mjs +4 -4
- package/fesm2015/daffodil-design-navbar-examples.mjs.map +1 -1
- package/fesm2015/daffodil-design.mjs +191 -94
- package/fesm2015/daffodil-design.mjs.map +1 -1
- package/fesm2020/daffodil-design-button-examples.mjs +160 -122
- package/fesm2020/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2020/daffodil-design-callout-examples.mjs +4 -4
- package/fesm2020/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2020/daffodil-design-card-examples.mjs +2 -2
- package/fesm2020/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2020/daffodil-design-checkbox-examples.mjs +2 -2
- package/fesm2020/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2020/daffodil-design-hero-examples.mjs +4 -4
- package/fesm2020/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2020/daffodil-design-menu-examples.mjs +1 -1
- package/fesm2020/daffodil-design-menu-examples.mjs.map +1 -1
- package/fesm2020/daffodil-design-modal-examples.mjs +2 -2
- package/fesm2020/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2020/daffodil-design-navbar-examples.mjs +4 -4
- package/fesm2020/daffodil-design-navbar-examples.mjs.map +1 -1
- package/fesm2020/daffodil-design.mjs +191 -94
- package/fesm2020/daffodil-design.mjs.map +1 -1
- package/hero/examples/package.json +1 -1
- package/image/examples/package.json +1 -1
- package/input/examples/package.json +1 -1
- package/list/examples/package.json +1 -1
- package/loading-icon/examples/package.json +1 -1
- package/media-gallery/examples/package.json +1 -1
- package/menu/examples/package.json +1 -1
- package/modal/examples/package.json +1 -1
- package/molecules/qty-dropdown/qty-dropdown.module.d.ts +1 -1
- package/navbar/examples/package.json +1 -1
- package/package.json +1 -1
- package/paginator/examples/package.json +1 -1
- package/public_api.d.ts +2 -1
- package/quantity-field/examples/package.json +1 -1
- package/radio/examples/package.json +1 -1
- package/scss/state/skeleton/_mixins.scss +1 -0
- package/scss/theme.scss +2 -2
- package/scss/theming/_color-palettes.scss +5 -5
- package/src/atoms/button/button-theme-variants/button.scss +9 -18
- package/src/atoms/button/button-theme-variants/flat.scss +25 -0
- package/src/atoms/button/button-theme-variants/raised.scss +6 -26
- package/src/atoms/button/button-theme-variants/stroked.scss +12 -20
- package/src/atoms/button/button-theme.scss +121 -117
- package/src/atoms/form/{select → native-select}/README.md +1 -1
- package/src/atoms/form/{select/select/select-theme.scss → native-select/native-select-theme.scss} +3 -3
- package/src/atoms/loading-icon/loading-icon-theme.scss +4 -0
- package/atoms/form/select/public_api.d.ts +0 -2
- package/esm2020/atoms/form/select/public_api.mjs +0 -3
- package/esm2020/atoms/form/select/select/select.component.mjs +0 -64
- package/src/atoms/button/button-theme-variants/focus.scss +0 -6
@@ -9,13 +9,9 @@ export class SizeableButtonComponent {
|
|
9
9
|
}
|
10
10
|
}
|
11
11
|
/** @nocollapse */ SizeableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SizeableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
12
|
-
/** @nocollapse */ SizeableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: SizeableButtonComponent, selector: "sizeable-button", ngImport: i0, template: "<h4>Small Buttons</h4>\n\n<button daff-button size=\"sm\">Small Button</button>\n<button daff-raised-button size=\"sm\">Small Raised Button</button>\n<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\n<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n\n<h4>Medium Buttons (Default)</h4>\n\n<button daff-button size=\"md\">Medium Button</button>\n<button daff-raised-button size=\"md\">Medium Raised Button</button>\n<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\n<button daff-underline-button size=\"md\">Medium Underline Button</button>\n<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n\n<h4>Large Buttons</h4>\n\n<button daff-button size=\"lg\">Large Button</button>\n<button daff-raised-button size=\"lg\">Large Raised Button</button>\n<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\n\
|
12
|
+
/** @nocollapse */ SizeableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: SizeableButtonComponent, selector: "sizeable-button", ngImport: i0, template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"], components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SizeableButtonComponent, decorators: [{
|
14
14
|
type: Component,
|
15
|
-
args: [{ selector: 'sizeable-button', styles: [
|
16
|
-
button {
|
17
|
-
margin: 4px;
|
18
|
-
}
|
19
|
-
`], changeDetection: ChangeDetectionStrategy.OnPush, template: "<h4>Small Buttons</h4>\n\n<button daff-button size=\"sm\">Small Button</button>\n<button daff-raised-button size=\"sm\">Small Raised Button</button>\n<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\n<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n\n<h4>Medium Buttons (Default)</h4>\n\n<button daff-button size=\"md\">Medium Button</button>\n<button daff-raised-button size=\"md\">Medium Raised Button</button>\n<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\n<button daff-underline-button size=\"md\">Medium Underline Button</button>\n<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n\n<h4>Large Buttons</h4>\n\n<button daff-button size=\"lg\">Large Button</button>\n<button daff-raised-button size=\"lg\">Large Raised Button</button>\n<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\n\n<button daff-underline-button size=\"lg\">Large Underline Button</button>\n<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>" }]
|
15
|
+
args: [{ selector: 'sizeable-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"] }]
|
20
16
|
}] });
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6ZWFibGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9leGFtcGxlcy9zcmMvc2l6ZWFibGUtYnV0dG9uL3NpemVhYmxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3NpemVhYmxlLWJ1dHRvbi9zaXplYWJsZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7O0FBUzNELE1BQU0sT0FBTyx1QkFBdUI7SUFQcEM7UUFRRSxXQUFNLEdBQUcsTUFBTSxDQUFDO0tBQ2pCOzt1SUFGWSx1QkFBdUI7MkhBQXZCLHVCQUF1Qix1RENicEMsZ2dEQStCTTsyRkRsQk8sdUJBQXVCO2tCQVBuQyxTQUFTOytCQUVFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBmYVBsdXMgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdzaXplYWJsZS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc2l6ZWFibGUtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2l6ZWFibGUtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTaXplYWJsZUJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhUGx1cyA9IGZhUGx1cztcbn1cbiIsIjxoND5TbWFsbCBCdXR0b25zPC9oND5cblxuPGRpdiBjbGFzcz1cInNpemVhYmxlLWJ1dHRvbl9fZ3JvdXBcIj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzaXplPVwic21cIj5TbWFsbCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gc2l6ZT1cInNtXCI+U21hbGwgUmFpc2VkIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gc2l6ZT1cInNtXCI+U21hbGwgU3Ryb2tlZCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIHNpemU9XCJzbVwiPlNtYWxsIEZsYXQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIHNpemU9XCJzbVwiPlNtYWxsIFVuZGVybGluZSBCdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzaXplPVwic21cIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48L2Rpdj5cblxuPGg0Pk1lZGl1bSBCdXR0b25zIChEZWZhdWx0KTwvaDQ+XG5cbjxkaXYgY2xhc3M9XCJzaXplYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBzaXplPVwibWRcIj5NZWRpdW0gUmFpc2VkIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIFN0cm9rZWQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBzaXplPVwibWRcIj5NZWRpdW0gRmxhdCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIFVuZGVybGluZSBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHNpemU9XCJtZFwiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjwvZGl2PlxuXG48aDQ+TGFyZ2UgQnV0dG9uczwvaDQ+XG5cbjxkaXYgY2xhc3M9XCJzaXplYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc2l6ZT1cImxnXCI+TGFyZ2UgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHNpemU9XCJsZ1wiPkxhcmdlIFJhaXNlZCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHNpemU9XCJsZ1wiPkxhcmdlIFN0cm9rZWQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBzaXplPVwibGdcIj5MYXJnZSBGbGF0IEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzaXplPVwibGdcIj5MYXJnZSBVbmRlcmxpbmUgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzaXplPVwibGdcIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48L2Rpdj4iXX0=
|
@@ -11,17 +11,9 @@ export class StatusableButtonComponent {
|
|
11
11
|
}
|
12
12
|
}
|
13
13
|
/** @nocollapse */ StatusableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StatusableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
14
|
-
/** @nocollapse */ StatusableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: StatusableButtonComponent, selector: "statusable-button", ngImport: i0, template: "<h4>Basic Status Buttons</h4>\n<button daff-button status=\"warn\">Warn</button>\n<button daff-button status=\"danger\">Danger</button>\n<button daff-button status=\"success\">Success</button>\n\n<h4>Stroked Status Buttons</h4>\n<button daff-stroked-button status=\"warn\">Warn</button>\n<button daff-stroked-button status=\"danger\">Danger</button>\n<button daff-stroked-button status=\"success\">Success</button>\n\n<h4>Raised Status Buttons</h4>\n<button daff-raised-button status=\"warn\">Warn</button>\n<button daff-raised-button status=\"danger\">Danger</button>\n<button daff-raised-button status=\"success\">Success</button>\n\n<h4>Underline Status Buttons</h4>\n<button daff-underline-button status=\"warn\">Warn</button>\n<button daff-underline-button status=\"danger\">Danger</button>\n<button daff-underline-button status=\"success\">Success</button>\n\n<h4>Icon Status Buttons</h4>\n<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>", styles: ["
|
14
|
+
/** @nocollapse */ StatusableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: StatusableButtonComponent, selector: "statusable-button", ngImport: i0, template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"], components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StatusableButtonComponent, decorators: [{
|
16
16
|
type: Component,
|
17
|
-
args: [{ selector: 'statusable-button', styles: [
|
18
|
-
button[daff-button],
|
19
|
-
button[daff-stroked-button],
|
20
|
-
button[daff-raised-button],
|
21
|
-
button[daff-underline-button],
|
22
|
-
button[daff-icon-button] {
|
23
|
-
margin: 4px;
|
24
|
-
}
|
25
|
-
`], changeDetection: ChangeDetectionStrategy.OnPush, template: "<h4>Basic Status Buttons</h4>\n<button daff-button status=\"warn\">Warn</button>\n<button daff-button status=\"danger\">Danger</button>\n<button daff-button status=\"success\">Success</button>\n\n<h4>Stroked Status Buttons</h4>\n<button daff-stroked-button status=\"warn\">Warn</button>\n<button daff-stroked-button status=\"danger\">Danger</button>\n<button daff-stroked-button status=\"success\">Success</button>\n\n<h4>Raised Status Buttons</h4>\n<button daff-raised-button status=\"warn\">Warn</button>\n<button daff-raised-button status=\"danger\">Danger</button>\n<button daff-raised-button status=\"success\">Success</button>\n\n<h4>Underline Status Buttons</h4>\n<button daff-underline-button status=\"warn\">Warn</button>\n<button daff-underline-button status=\"danger\">Danger</button>\n<button daff-underline-button status=\"success\">Success</button>\n\n<h4>Icon Status Buttons</h4>\n<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>" }]
|
17
|
+
args: [{ selector: 'statusable-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"] }]
|
26
18
|
}] });
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdGF0dXNhYmxlLWJ1dHRvbi9zdGF0dXNhYmxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3N0YXR1c2FibGUtYnV0dG9uL3N0YXR1c2FibGUtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxhQUFhLEVBQ2IscUJBQXFCLEVBQ3JCLGFBQWEsR0FDZCxNQUFNLG1DQUFtQyxDQUFDOzs7O0FBVTNDLE1BQU0sT0FBTyx5QkFBeUI7SUFQdEM7UUFRRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QiwwQkFBcUIsR0FBRyxxQkFBcUIsQ0FBQztRQUM5QyxrQkFBYSxHQUFHLGFBQWEsQ0FBQztLQUMvQjs7eUlBSlkseUJBQXlCOzZIQUF6Qix5QkFBeUIseURDbEJ0QyxxOENBaUNNOzJGRGZPLHlCQUF5QjtrQkFQckMsU0FBUzsrQkFFRSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgZmFFeGNsYW1hdGlvbixcbiAgZmFFeGNsYW1hdGlvblRyaWFuZ2xlLFxuICBmYUNoZWNrQ2lyY2xlLFxufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3N0YXR1c2FibGUtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0YXR1c2FibGUtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN0YXR1c2FibGVCdXR0b25Db21wb25lbnQge1xuICBmYUV4Y2xhbWF0aW9uID0gZmFFeGNsYW1hdGlvbjtcbiAgZmFFeGNsYW1hdGlvblRyaWFuZ2xlID0gZmFFeGNsYW1hdGlvblRyaWFuZ2xlO1xuICBmYUNoZWNrQ2lyY2xlID0gZmFDaGVja0NpcmNsZTtcbn1cbiIsIjxoND5CYXNpYyBTdGF0dXMgQnV0dG9uczwvaDQ+XG48ZGl2IGNsYXNzPVwic3RhdHVzYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc3RhdHVzPVwid2FyblwiPldhcm48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzdGF0dXM9XCJzdWNjZXNzXCI+U3VjY2VzczwvYnV0dG9uPlxuPC9kaXY+XG5cbjxoND5TdHJva2VkIFN0YXR1cyBCdXR0b25zPC9oND5cbjxkaXYgY2xhc3M9XCJzdGF0dXNhYmxlLWJ1dHRvbl9fZ3JvdXBcIj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHN0YXR1cz1cIndhcm5cIj5XYXJuPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHN0YXR1cz1cInN1Y2Nlc3NcIj5TdWNjZXNzPC9idXR0b24+XG48L2Rpdj5cblxuPGg0PlJhaXNlZCBTdGF0dXMgQnV0dG9uczwvaDQ+XG48ZGl2IGNsYXNzPVwic3RhdHVzYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHN0YXR1cz1cIndhcm5cIj5XYXJuPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHN0YXR1cz1cImRhbmdlclwiPkRhbmdlcjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBzdGF0dXM9XCJzdWNjZXNzXCI+U3VjY2VzczwvYnV0dG9uPlxuPC9kaXY+XG5cbjxoND5VbmRlcmxpbmUgU3RhdHVzIEJ1dHRvbnM8L2g0PlxuPGRpdiBjbGFzcz1cInN0YXR1c2FibGUtYnV0dG9uX19ncm91cFwiPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzdGF0dXM9XCJ3YXJuXCI+V2FybjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gc3RhdHVzPVwic3VjY2Vzc1wiPlN1Y2Nlc3M8L2J1dHRvbj5cbjwvZGl2PlxuXG48aDQ+SWNvbiBTdGF0dXMgQnV0dG9uczwvaDQ+XG48ZGl2IGNsYXNzPVwic3RhdHVzYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzdGF0dXM9XCJ3YXJuXCI+PGZhLWljb24gW2ljb25dPVwiZmFFeGNsYW1hdGlvblwiPjwvZmEtaWNvbj48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHN0YXR1cz1cImRhbmdlclwiPjxmYS1pY29uIFtpY29uXT1cImZhRXhjbGFtYXRpb25UcmlhbmdsZVwiPjwvZmEtaWNvbj48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHN0YXR1cz1cInN1Y2Nlc3NcIj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZWNrQ2lyY2xlXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPC9kaXY+Il19
|
@@ -10,14 +10,15 @@ export class StrokedButtonComponent {
|
|
10
10
|
}
|
11
11
|
}
|
12
12
|
/** @nocollapse */ StrokedButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
13
|
-
/** @nocollapse */ StrokedButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: StrokedButtonComponent, selector: "stroked-button", ngImport: i0, template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<a href=\"#\" daff-stroked-button>Link</a>", styles: ["
|
13
|
+
/** @nocollapse */ StrokedButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: StrokedButtonComponent, selector: "stroked-button", ngImport: i0, template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedButtonComponent, decorators: [{
|
15
15
|
type: Component,
|
16
16
|
args: [{ selector: 'stroked-button', styles: [`
|
17
|
-
|
18
|
-
|
19
|
-
|
17
|
+
:host {
|
18
|
+
display: flex;
|
19
|
+
flex-wrap: wrap;
|
20
|
+
gap: 8px;
|
20
21
|
}
|
21
|
-
`], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<a href=\"#\" daff-stroked-button>Link</a>" }]
|
22
|
+
`], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>" }]
|
22
23
|
}] });
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdHJva2VkLWJ1dHRvbi9zdHJva2VkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3N0cm9rZWQtYnV0dG9uL3N0cm9rZWQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxhQUFhLEVBQ2IsY0FBYyxHQUNmLE1BQU0sbUNBQW1DLENBQUM7Ozs7QUFlM0MsTUFBTSxPQUFPLHNCQUFzQjtJQWJuQztRQWNFLGtCQUFhLEdBQUcsYUFBYSxDQUFDO1FBQzlCLG1CQUFjLEdBQUcsY0FBYyxDQUFDO0tBQ2pDOztzSUFIWSxzQkFBc0I7MEhBQXRCLHNCQUFzQixzREN0Qm5DLDAzQkFZd0M7MkZEVTNCLHNCQUFzQjtrQkFibEMsU0FBUzsrQkFFRSxnQkFBZ0IsVUFFbEIsQ0FBQzs7Ozs7O0dBTVIsQ0FBQyxtQkFDZSx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBmYUNoZXZyb25MZWZ0LFxuICBmYUNoZXZyb25SaWdodCxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnc3Ryb2tlZC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Ryb2tlZC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGdhcDogOHB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdHJva2VkQnV0dG9uQ29tcG9uZW50IHtcbiAgZmFDaGV2cm9uTGVmdCA9IGZhQ2hldnJvbkxlZnQ7XG4gIGZhQ2hldnJvblJpZ2h0ID0gZmFDaGV2cm9uUmlnaHQ7XG59XG4iLCI8YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24+RGVmYXVsdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiPlByaW1hcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwiYmxhY2tcIj5CbGFjazwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwid2hpdGVcIj5XaGl0ZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwidGhlbWVcIj5UaGVtZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIj5UaGVtZSBDb250cmFzdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvbkxlZnRcIiBzaXplPVwic21cIiBkYWZmUHJlZml4PjwvZmEtaWNvbj5CdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25SaWdodFwiIHNpemU9XCJzbVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGRpc2FibGVkPkRpc2FibGVkPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gbG9hZGluZz1cInRydWVcIj5EZWZhdWx0PC9idXR0b24+XG48YSBocmVmPVwiI1wiIGRhZmYtc3Ryb2tlZC1idXR0b24+TGluazwvYT4iXX0=
|
@@ -10,14 +10,15 @@ export class UnderlineButtonComponent {
|
|
10
10
|
}
|
11
11
|
}
|
12
12
|
/** @nocollapse */ UnderlineButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderlineButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
13
|
-
/** @nocollapse */ UnderlineButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: UnderlineButtonComponent, selector: "underline-button", ngImport: i0, template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<a href=\"#\" daff-underline-button>Link</a>", styles: ["
|
13
|
+
/** @nocollapse */ UnderlineButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: UnderlineButtonComponent, selector: "underline-button", ngImport: i0, template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderlineButtonComponent, decorators: [{
|
15
15
|
type: Component,
|
16
16
|
args: [{ selector: 'underline-button', styles: [`
|
17
|
-
|
18
|
-
|
19
|
-
|
17
|
+
:host {
|
18
|
+
display: flex;
|
19
|
+
flex-wrap: wrap;
|
20
|
+
gap: 8px;
|
20
21
|
}
|
21
|
-
`], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<a href=\"#\" daff-underline-button>Link</a>" }]
|
22
|
+
`], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>" }]
|
22
23
|
}] });
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsYUFBYSxFQUNiLGNBQWMsR0FDZixNQUFNLG1DQUFtQyxDQUFDOzs7O0FBZTNDLE1BQU0sT0FBTyx3QkFBd0I7SUFickM7UUFjRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QixtQkFBYyxHQUFHLGNBQWMsQ0FBQztLQUNqQzs7d0lBSFksd0JBQXdCOzRIQUF4Qix3QkFBd0Isd0RDdEJyQyxvNUJBWTBDOzJGRFU3Qix3QkFBd0I7a0JBYnBDLFNBQVM7K0JBRUUsa0JBQWtCLFVBRXBCLENBQUM7Ozs7OztHQU1SLENBQUMsbUJBQ2UsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgZmFDaGV2cm9uTGVmdCxcbiAgZmFDaGV2cm9uUmlnaHQsXG59IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3VuZGVybGluZS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW2BcbiAgICA6aG9zdCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgZ2FwOiA4cHg7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFVuZGVybGluZUJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhQ2hldnJvbkxlZnQgPSBmYUNoZXZyb25MZWZ0O1xuICBmYUNoZXZyb25SaWdodCA9IGZhQ2hldnJvblJpZ2h0O1xufVxuIiwiPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24+RGVmYXVsdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJwcmltYXJ5XCI+UHJpbWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJzZWNvbmRhcnlcIj5TZWNvbmRhcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJibGFja1wiPkJsYWNrPC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cIndoaXRlXCI+V2hpdGU8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIGNvbG9yPVwidGhlbWVcIj5UaGVtZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiPlRoZW1lIENvbnRyYXN0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25MZWZ0XCIgc2l6ZT1cInNtXCIgZGFmZlByZWZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25SaWdodFwiIHNpemU9XCJzbVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gZGlzYWJsZWQ+RGlzYWJsZWQ8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIGxvYWRpbmc9XCJ0cnVlXCI+RGVmYXVsdDwvYnV0dG9uPlxuPGEgaHJlZj1cIiNcIiBkYWZmLXVuZGVybGluZS1idXR0b24+TGluazwvYT4iXX0=
|
@@ -27,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
27
27
|
],
|
28
28
|
}]
|
29
29
|
}] });
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5kZXJsaW5lLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFjeEUsTUFBTSxPQUFPLHFCQUFxQjs7cUlBQXJCLHFCQUFxQjtzSUFBckIscUJBQXFCLGlCQVY5Qix3QkFBd0IsYUFNeEIsZ0JBQWdCO1FBQ2hCLGlCQUFpQixhQUpqQix3QkFBd0I7c0lBT2YscUJBQXFCLFlBTHZCO1lBQ1AsZ0JBQWdCO1lBQ2hCLGlCQUFpQjtTQUNsQjsyRkFFVSxxQkFBcUI7a0JBWmpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBVbmRlcmxpbmVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3VuZGVybGluZS1idXR0b24uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgVW5kZXJsaW5lQnV0dG9uQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgVW5kZXJsaW5lQnV0dG9uQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVW5kZXJsaW5lQnV0dG9uTW9kdWxlIHsgfVxuIl19
|
package/esm2020/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs
CHANGED
@@ -19,7 +19,7 @@ export class CalloutTextAlignmentComponent {
|
|
19
19
|
}
|
20
20
|
}
|
21
21
|
/** @nocollapse */ CalloutTextAlignmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
22
|
-
/** @nocollapse */ CalloutTextAlignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CalloutTextAlignmentComponent, selector: "callout-text-alignment", ngImport: i0, template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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"], components: [{ type: i1.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
22
|
+
/** @nocollapse */ CalloutTextAlignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CalloutTextAlignmentComponent, selector: "callout-text-alignment", ngImport: i0, template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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"], components: [{ type: i1.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutTextAlignmentComponent, decorators: [{
|
24
24
|
type: Component,
|
25
25
|
args: [{ selector: 'callout-text-alignment', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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"] }]
|
@@ -23,7 +23,7 @@ export class CalloutThemingComponent {
|
|
23
23
|
}
|
24
24
|
}
|
25
25
|
/** @nocollapse */ CalloutThemingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
26
|
-
/** @nocollapse */ CalloutThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CalloutThemingComponent, selector: "callout-theming", ngImport: i0, template: "<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\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</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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"], components: [{ type: i1.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
26
|
+
/** @nocollapse */ CalloutThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CalloutThemingComponent, selector: "callout-theming", ngImport: i0, template: "<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\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</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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"], components: [{ type: i1.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutThemingComponent, decorators: [{
|
28
28
|
type: Component,
|
29
29
|
args: [{ selector: 'callout-theming', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\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</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-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"] }]
|
@@ -9,7 +9,7 @@ export class CalloutWithGridComponent {
|
|
9
9
|
}
|
10
10
|
}
|
11
11
|
/** @nocollapse */ CalloutWithGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutWithGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
12
|
-
/** @nocollapse */ CalloutWithGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CalloutWithGridComponent, selector: "callout-with-grid", ngImport: i0, template: "<daff-callout color=\"theme\">\n\t<daff-container class=\"daff-callout-with-grid__grid\">\n\t\t<div class=\"daff-callout-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-callout-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-callout-with-grid__icon\" daffCalloutIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffCalloutBody>\n\t\t\t\t<div class=\"daff-callout-with-grid__actions\">\n\t\t\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\" class=\"daff-callout-with-grid__daffodil-action\">What is Daffodil?</a>\n\t\t\t\t\t<a daff-underline-button color=\"theme-contrast\" routerLink=\"/contact\" class=\"daff-callout-with-grid__demo-action\">Sign up for a demo</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-callout-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width: 768px){.daff-callout-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px}}.daff-callout-with-grid__image{grid-area:image}.daff-callout-with-grid__content-wrapper{grid-area:content}.daff-callout-with-grid__actions{display:flex;flex-direction:column}@media (min-width: 480px){.daff-callout-with-grid__actions{flex-direction:row;align-items:center}}.daff-callout-with-grid__daffodil-action{margin:0 0 24px}@media (min-width: 480px){.daff-callout-with-grid__daffodil-action{margin:0 24px 0 0}}.daff-callout-with-grid__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"], components: [{ type: i1.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
12
|
+
/** @nocollapse */ CalloutWithGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CalloutWithGridComponent, selector: "callout-with-grid", ngImport: i0, template: "<daff-callout color=\"theme\">\n\t<daff-container class=\"daff-callout-with-grid__grid\">\n\t\t<div class=\"daff-callout-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-callout-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-callout-with-grid__icon\" daffCalloutIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffCalloutBody>\n\t\t\t\t<div class=\"daff-callout-with-grid__actions\">\n\t\t\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\" class=\"daff-callout-with-grid__daffodil-action\">What is Daffodil?</a>\n\t\t\t\t\t<a daff-underline-button color=\"theme-contrast\" routerLink=\"/contact\" class=\"daff-callout-with-grid__demo-action\">Sign up for a demo</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-callout-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width: 768px){.daff-callout-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px}}.daff-callout-with-grid__image{grid-area:image}.daff-callout-with-grid__content-wrapper{grid-area:content}.daff-callout-with-grid__actions{display:flex;flex-direction:column}@media (min-width: 480px){.daff-callout-with-grid__actions{flex-direction:row;align-items:center}}.daff-callout-with-grid__daffodil-action{margin:0 0 24px}@media (min-width: 480px){.daff-callout-with-grid__daffodil-action{margin:0 24px 0 0}}.daff-callout-with-grid__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"], components: [{ type: i1.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutWithGridComponent, decorators: [{
|
14
14
|
type: Component,
|
15
15
|
args: [{ selector: 'callout-with-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-callout color=\"theme\">\n\t<daff-container class=\"daff-callout-with-grid__grid\">\n\t\t<div class=\"daff-callout-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-callout-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-callout-with-grid__icon\" daffCalloutIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffCalloutBody>\n\t\t\t\t<div class=\"daff-callout-with-grid__actions\">\n\t\t\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\" class=\"daff-callout-with-grid__daffodil-action\">What is Daffodil?</a>\n\t\t\t\t\t<a daff-underline-button color=\"theme-contrast\" routerLink=\"/contact\" class=\"daff-callout-with-grid__demo-action\">Sign up for a demo</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-callout-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width: 768px){.daff-callout-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px}}.daff-callout-with-grid__image{grid-area:image}.daff-callout-with-grid__content-wrapper{grid-area:content}.daff-callout-with-grid__actions{display:flex;flex-direction:column}@media (min-width: 480px){.daff-callout-with-grid__actions{flex-direction:row;align-items:center}}.daff-callout-with-grid__daffodil-action{margin:0 0 24px}@media (min-width: 480px){.daff-callout-with-grid__daffodil-action{margin:0 24px 0 0}}.daff-callout-with-grid__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"] }]
|
@@ -9,7 +9,7 @@ export class CompactCalloutComponent {
|
|
9
9
|
}
|
10
10
|
}
|
11
11
|
/** @nocollapse */ CompactCalloutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CompactCalloutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
12
|
-
/** @nocollapse */ CompactCalloutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CompactCalloutComponent, selector: "compact-callout", ngImport: i0, template: "<daff-callout [compact]=\"true\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-compact-callout__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-compact-callout__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"], components: [{ type: i1.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
12
|
+
/** @nocollapse */ CompactCalloutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CompactCalloutComponent, selector: "compact-callout", ngImport: i0, template: "<daff-callout [compact]=\"true\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-compact-callout__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-compact-callout__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"], components: [{ type: i1.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CompactCalloutComponent, decorators: [{
|
14
14
|
type: Component,
|
15
15
|
args: [{ selector: 'compact-callout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-callout [compact]=\"true\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-compact-callout__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\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</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>", styles: [".daff-compact-callout__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"] }]
|
@@ -9,7 +9,7 @@ export class BasicCardComponent {
|
|
9
9
|
}
|
10
10
|
}
|
11
11
|
/** @nocollapse */ BasicCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
12
|
-
/** @nocollapse */ BasicCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicCardComponent, selector: "basic-card", ngImport: i0, template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n </div>\n <div daffCardActions>\n <button daff-button color=\"theme-contrast\">Learn More</button>\n </div>\n</daff-card>\n", styles: ["daff-card{max-width:480px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
12
|
+
/** @nocollapse */ BasicCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicCardComponent, selector: "basic-card", ngImport: i0, template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n </div>\n <div daffCardActions>\n <button daff-button color=\"theme-contrast\">Learn More</button>\n </div>\n</daff-card>\n", styles: ["daff-card{max-width:480px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicCardComponent, decorators: [{
|
14
14
|
type: Component,
|
15
15
|
args: [{ selector: 'basic-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n </div>\n <div daffCardActions>\n <button daff-button color=\"theme-contrast\">Learn More</button>\n </div>\n</daff-card>\n", styles: ["daff-card{max-width:480px}\n"] }]
|
@@ -18,7 +18,7 @@ export class CardOrientationComponent {
|
|
18
18
|
}
|
19
19
|
}
|
20
20
|
/** @nocollapse */ CardOrientationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CardOrientationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
21
|
-
/** @nocollapse */ CardOrientationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CardOrientationComponent, selector: "card-orientation", ngImport: i0, template: "<daff-card [orientation]=\"orientationControl.value\">\n <daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n </div>\n\t<div daffCardActions>\n <button daff-button color=\"theme-contrast\">Learn More</button>\n </div>\n</daff-card>\n\n<select [formControl]=\"orientationControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-card--vertical{max-width:560px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
21
|
+
/** @nocollapse */ CardOrientationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CardOrientationComponent, selector: "card-orientation", ngImport: i0, template: "<daff-card [orientation]=\"orientationControl.value\">\n <daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n </div>\n\t<div daffCardActions>\n <button daff-button color=\"theme-contrast\">Learn More</button>\n </div>\n</daff-card>\n\n<select [formControl]=\"orientationControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-card--vertical{max-width:560px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CardOrientationComponent, decorators: [{
|
23
23
|
type: Component,
|
24
24
|
args: [{ selector: 'card-orientation', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-card [orientation]=\"orientationControl.value\">\n <daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n </div>\n\t<div daffCardActions>\n <button daff-button color=\"theme-contrast\">Learn More</button>\n </div>\n</daff-card>\n\n<select [formControl]=\"orientationControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-card--vertical{max-width:560px}\n"] }]
|
@@ -18,7 +18,7 @@ export class BasicCheckboxComponent {
|
|
18
18
|
}
|
19
19
|
}
|
20
20
|
/** @nocollapse */ BasicCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
21
|
-
/** @nocollapse */ BasicCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicCheckboxComponent, selector: "basic-checkbox", ngImport: i0, template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>", components: [{ type: i1.DaffCheckboxComponent, selector: "daff-checkbox", inputs: ["name", "value", "checked", "id", "aria-label", "aria-labelledby"], outputs: ["becameChecked", "becameUnchecked"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: ["value", "name"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
21
|
+
/** @nocollapse */ BasicCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicCheckboxComponent, selector: "basic-checkbox", ngImport: i0, template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>", components: [{ type: i1.DaffCheckboxComponent, selector: "daff-checkbox", inputs: ["name", "value", "checked", "id", "aria-label", "aria-labelledby"], outputs: ["becameChecked", "becameUnchecked"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: ["value", "name"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicCheckboxComponent, decorators: [{
|
23
23
|
type: Component,
|
24
24
|
args: [{ selector: 'basic-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>" }]
|
@@ -17,7 +17,7 @@ export class CheckboxSetComponent {
|
|
17
17
|
}
|
18
18
|
}
|
19
19
|
/** @nocollapse */ CheckboxSetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CheckboxSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
20
|
-
/** @nocollapse */ CheckboxSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CheckboxSetComponent, selector: "checkbox-set", viewQueries: [{ propertyName: "checkboxSet", first: true, predicate: DaffCheckboxSetComponent, descendants: true }], ngImport: i0, template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>", components: [{ type: i1.DaffCheckboxSetComponent, selector: "daff-checkbox-set", inputs: ["formArray", "name"], outputs: ["valueList"] }, { type: i1.DaffCheckboxComponent, selector: "daff-checkbox", inputs: ["name", "value", "checked", "id", "aria-label", "aria-labelledby"], outputs: ["becameChecked", "becameUnchecked"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: ["value", "name"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
20
|
+
/** @nocollapse */ CheckboxSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CheckboxSetComponent, selector: "checkbox-set", viewQueries: [{ propertyName: "checkboxSet", first: true, predicate: DaffCheckboxSetComponent, descendants: true }], ngImport: i0, template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>", components: [{ type: i1.DaffCheckboxSetComponent, selector: "daff-checkbox-set", inputs: ["formArray", "name"], outputs: ["valueList"] }, { type: i1.DaffCheckboxComponent, selector: "daff-checkbox", inputs: ["name", "value", "checked", "id", "aria-label", "aria-labelledby"], outputs: ["becameChecked", "becameUnchecked"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: ["value", "name"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CheckboxSetComponent, decorators: [{
|
22
22
|
type: Component,
|
23
23
|
args: [{ selector: 'checkbox-set', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>" }]
|
@@ -1,9 +1,9 @@
|
|
1
1
|
// Core
|
2
2
|
export * from './prefix-suffix/public_api';
|
3
|
-
export * from './colorable/
|
3
|
+
export * from './colorable/public_api';
|
4
4
|
export * from './breakpoints/breakpoints';
|
5
5
|
export * from './constructor/constructor';
|
6
|
-
export * from './statusable/
|
6
|
+
export * from './statusable/public_api';
|
7
7
|
export * from './skeletonable/skeletonable';
|
8
8
|
export * from './mutable/mutable';
|
9
9
|
export * from './text-alignable/text-alignable';
|
@@ -13,4 +13,4 @@ export * from './article-encapsulated/public_api';
|
|
13
13
|
export * from './theming/public_api';
|
14
14
|
export * from './lazy/public_api';
|
15
15
|
export * from './focus/public_api';
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTztBQUNQLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcmVcbmV4cG9ydCAqIGZyb20gJy4vcHJlZml4LXN1ZmZpeC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vY29sb3JhYmxlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9icmVha3BvaW50cy9icmVha3BvaW50cyc7XG5leHBvcnQgKiBmcm9tICcuL2NvbnN0cnVjdG9yL2NvbnN0cnVjdG9yJztcbmV4cG9ydCAqIGZyb20gJy4vc3RhdHVzYWJsZS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vc2tlbGV0b25hYmxlL3NrZWxldG9uYWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL211dGFibGUvbXV0YWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL3RleHQtYWxpZ25hYmxlL3RleHQtYWxpZ25hYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcGFjdGFibGUvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21hbmFnZS1jb250YWluZXItbGF5b3V0L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hcnRpY2xlLWVuY2Fwc3VsYXRlZC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vdGhlbWluZy9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbGF6eS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vZm9jdXMvcHVibGljX2FwaSc7XG4iXX0=
|
@@ -0,0 +1,3 @@
|
|
1
|
+
export { DaffStatusEnum, } from './statusable';
|
2
|
+
export { daffStatusMixin } from './statusable-mixin';
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3N0YXR1c2FibGUvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0wsY0FBYyxHQUNmLE1BQU0sY0FBYyxDQUFDO0FBQ3RCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7XG4gIERhZmZTdGF0dXNhYmxlLFxuICBEYWZmU3RhdHVzLFxuICBEYWZmU3RhdHVzRW51bSxcbn0gZnJvbSAnLi9zdGF0dXNhYmxlJztcbmV4cG9ydCB7IGRhZmZTdGF0dXNNaXhpbiB9IGZyb20gJy4vc3RhdHVzYWJsZS1taXhpbic7XG4iXX0=
|
@@ -9,7 +9,7 @@ export class CompactHeroComponent {
|
|
9
9
|
}
|
10
10
|
}
|
11
11
|
/** @nocollapse */ CompactHeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CompactHeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
12
|
-
/** @nocollapse */ CompactHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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"], components: [{ type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
12
|
+
/** @nocollapse */ CompactHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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"], components: [{ type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CompactHeroComponent, decorators: [{
|
14
14
|
type: Component,
|
15
15
|
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"] }]
|
@@ -19,7 +19,7 @@ export class HeroTextAlignmentComponent {
|
|
19
19
|
}
|
20
20
|
}
|
21
21
|
/** @nocollapse */ HeroTextAlignmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
22
|
-
/** @nocollapse */ HeroTextAlignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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"], components: [{ type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
22
|
+
/** @nocollapse */ HeroTextAlignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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"], components: [{ type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroTextAlignmentComponent, decorators: [{
|
24
24
|
type: Component,
|
25
25
|
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"] }]
|