@daffodil/design 0.39.8 → 0.39.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/daffodil-design-card-examples.umd.js +152 -14
- package/bundles/daffodil-design-card-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-card-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-card-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-container-examples.umd.js +65 -0
- package/bundles/daffodil-design-container-examples.umd.js.map +1 -0
- package/bundles/daffodil-design-container-examples.umd.min.js +2 -0
- package/bundles/daffodil-design-container-examples.umd.min.js.map +1 -0
- package/bundles/daffodil-design.umd.js +171 -22
- package/bundles/daffodil-design.umd.js.map +1 -1
- package/bundles/daffodil-design.umd.min.js +2 -2
- package/bundles/daffodil-design.umd.min.js.map +1 -1
- package/card/examples/basic-card/basic-card.component.d.ts +1 -0
- package/card/examples/card-orientation/card-orientation.component.d.ts +9 -0
- package/card/examples/card-orientation/card-orientation.module.d.ts +2 -0
- package/card/examples/card-theming/card-theming.component.d.ts +4 -2
- package/card/examples/daffodil-design-card-examples.d.ts +2 -0
- package/card/examples/daffodil-design-card-examples.metadata.json +1 -1
- package/card/examples/linkable-card/linkable-card.component.d.ts +8 -0
- package/card/examples/public_api.d.ts +5 -1
- package/card/examples/raised-card/raised-card.component.d.ts +6 -0
- package/card/examples/stroked-card/stroked-card.component.d.ts +8 -0
- package/card/examples/stroked-card/stroked-card.module.d.ts +2 -0
- package/container/examples/container-sizes/container-sizes.component.d.ts +8 -0
- package/container/examples/container-sizes/container-sizes.module.d.ts +2 -0
- package/container/examples/daffodil-design-container-examples.d.ts +4 -0
- package/container/examples/daffodil-design-container-examples.metadata.json +1 -0
- package/container/examples/examples.d.ts +2 -0
- package/container/examples/index.d.ts +1 -0
- package/container/examples/package.json +11 -0
- package/container/examples/public_api.d.ts +3 -0
- package/core/manage-container-layout/manage-container-layout-mixin.d.ts +17 -0
- package/core/manage-container-layout/public_api.d.ts +1 -0
- package/core/public_api.d.ts +1 -0
- package/daff-theme.scss +165 -18
- package/daffodil-design.metadata.json +1 -1
- package/esm2015/atoms/container/container.component.js +1 -1
- package/esm2015/atoms/image/image.component.js +2 -2
- package/esm2015/card/examples/basic-card/basic-card.component.js +7 -3
- package/esm2015/card/examples/basic-card/basic-card.module.js +3 -1
- package/esm2015/card/examples/card-orientation/card-orientation.component.js +24 -0
- package/esm2015/card/examples/card-orientation/card-orientation.module.js +27 -0
- package/esm2015/card/examples/card-theming/card-theming.component.js +13 -4
- package/esm2015/card/examples/daffodil-design-card-examples.js +3 -1
- package/esm2015/card/examples/linkable-card/linkable-card.component.js +19 -3
- package/esm2015/card/examples/linkable-card/linkable-card.module.js +3 -1
- package/esm2015/card/examples/public_api.js +7 -1
- package/esm2015/card/examples/raised-card/raised-card.component.js +17 -3
- package/esm2015/card/examples/raised-card/raised-card.module.js +3 -3
- package/esm2015/card/examples/stroked-card/stroked-card.component.js +27 -0
- package/esm2015/card/examples/stroked-card/stroked-card.module.js +27 -0
- package/esm2015/container/examples/container-sizes/container-sizes.component.js +23 -0
- package/esm2015/container/examples/container-sizes/container-sizes.module.js +23 -0
- package/esm2015/container/examples/daffodil-design-container-examples.js +5 -0
- package/esm2015/container/examples/examples.js +5 -0
- package/esm2015/container/examples/index.js +2 -0
- package/esm2015/container/examples/public_api.js +4 -0
- package/esm2015/core/manage-container-layout/manage-container-layout-mixin.js +14 -0
- package/esm2015/core/manage-container-layout/public_api.js +2 -0
- package/esm2015/core/public_api.js +2 -1
- package/esm2015/molecules/callout/callout/callout.component.js +4 -3
- package/esm2015/molecules/card/card/card.component.js +76 -14
- package/esm2015/molecules/card/card-content/card-content.directive.js +18 -0
- package/esm2015/molecules/card/card-icon/card-icon.directive.js +18 -0
- package/esm2015/molecules/card/card.module.js +9 -3
- package/esm2015/molecules/card/public_api.js +4 -2
- package/esm2015/molecules/hero/hero/hero.component.js +4 -3
- package/esm2015/molecules/navbar/navbar.component.js +3 -2
- package/fesm2015/daffodil-design-card-examples.js +145 -11
- package/fesm2015/daffodil-design-card-examples.js.map +1 -1
- package/fesm2015/daffodil-design-container-examples.js +54 -0
- package/fesm2015/daffodil-design-container-examples.js.map +1 -0
- package/fesm2015/daffodil-design.js +137 -23
- package/fesm2015/daffodil-design.js.map +1 -1
- package/molecules/callout/callout/callout.component.d.ts +5 -0
- package/molecules/card/card/card.component.d.ts +37 -11
- package/molecules/card/card-content/card-content.directive.d.ts +6 -0
- package/molecules/card/card-icon/card-icon.directive.d.ts +6 -0
- package/molecules/card/public_api.d.ts +3 -1
- package/molecules/hero/hero/hero.component.d.ts +5 -0
- package/molecules/navbar/navbar.component.d.ts +5 -0
- package/package.json +1 -1
@@ -32,7 +32,7 @@ DaffContainerComponent.decorators = [
|
|
32
32
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
33
33
|
inputs: ['size'],
|
34
34
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
35
|
-
styles: [":host{display:block;margin:0 auto;padding:0;width:100%}:host.daff-xs{max-width:640px}:host.daff-sm{max-width:800px}:host.daff-md{max-width:1040px}:host.daff-lg{max-width:1340px}:host.daff-xl{max-width:1920px}"]
|
35
|
+
styles: [":host-context(.daff-manage-container-layout){display:inherit;flex:inherit;flex-direction:inherit;flex-flow:inherit;flex-wrap:inherit;justify-content:inherit;justify-items:inherit;align-items:inherit;align-content:inherit;gap:inherit;grid-template-columns:inherit;grid-template-rows:inherit;grid-template-areas:inherit;grid-template:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid:inherit;-moz-column-gap:inherit;column-gap:inherit;row-gap:inherit;grid-gap:inherit;grid-column-gap:inherit;grid-row-gap:inherit;place-items:inherit;place-content:inherit}:host{display:block;margin:0 auto;padding:0;width:100%}:host.daff-xs{max-width:640px}:host.daff-sm{max-width:800px}:host.daff-md{max-width:1040px}:host.daff-lg{max-width:1340px}:host.daff-xl{max-width:1920px}"]
|
36
36
|
},] }
|
37
37
|
];
|
38
38
|
/** @nocollapse */
|
@@ -82,7 +82,7 @@ export class DaffImageComponent {
|
|
82
82
|
DaffImageComponent.decorators = [
|
83
83
|
{ type: Component, args: [{
|
84
84
|
selector: 'daff-image',
|
85
|
-
template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" />\n</div>",
|
85
|
+
template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>",
|
86
86
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
87
87
|
providers: [
|
88
88
|
{
|
@@ -106,4 +106,4 @@ DaffImageComponent.propDecorators = {
|
|
106
106
|
maxWidth: [{ type: HostBinding, args: ['style.max-width',] }]
|
107
107
|
};
|
108
108
|
export { ɵ0, ɵ1 };
|
109
|
-
//# sourceMappingURL=data:application/json;base64,
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2F0b21zL2ltYWdlL2ltYWdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUN2QixLQUFLLEVBQ0wsWUFBWSxFQUNaLE1BQU0sRUFDTixXQUFXLEdBRVosTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXpELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBRXBGLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxNQUEyQixFQUFFLElBQVksRUFBRSxFQUFFO0lBQ3JFLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssU0FBUyxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDOUUsTUFBTSxJQUFJLEtBQUssQ0FBQywwQ0FBMEMsSUFBSSxhQUFhLENBQUMsQ0FBQztLQUM5RTtBQUNILENBQUMsQ0FBQzs7QUFFRixNQUFNLGtCQUFrQixHQUFHLENBQUMsTUFBMkIsRUFBRSxLQUFlLEVBQUUsRUFBRTtJQUMxRSxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFO1FBQ3ZDLElBQUk7WUFDRixnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7U0FDaEM7UUFBQyxPQUFNLENBQUMsRUFBRTtZQUNULE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUMsQ0FBQyxDQUFDO0lBRUgsSUFBSSxZQUFZLENBQUMsTUFBTSxFQUFFO1FBQ3ZCLE1BQU0sSUFBSSxLQUFLLENBQUMsb0NBQW9DLFlBQVksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLHNCQUFzQixDQUFDLENBQUM7S0FDbkc7QUFDSCxDQUFDLENBQUM7O0FBY0YsTUFBTSxPQUFPLGtCQUFrQjtJQXlEOUIsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQVgxQyxrRkFBa0Y7UUFDbEYsNERBQTREO1FBQ25ELFNBQUksR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQVNWLENBQUM7SUFyRDlDLElBQ0csR0FBRztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBQ0EsSUFBSSxHQUFHLENBQUMsS0FBYTtRQUNuQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUlELElBQ0ksR0FBRztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBQ0QsSUFBSSxHQUFHLENBQUMsS0FBYTtRQUNuQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUlELElBQ0ksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBQ0QsSUFBSSxLQUFLLENBQUMsS0FBYTtRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUlELElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBQ0QsSUFBSSxNQUFNLENBQUMsS0FBYTtRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQU1GOztPQUVHO0lBQ0gsUUFBUTtRQUNOLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUlEOztPQUVHO0lBQ0gsSUFBSSxXQUFXO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFHO1lBQ2hDLE9BQU8sU0FBUyxDQUFDO1NBQ2xCO1FBRUQsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQyxDQUFDO0lBQzFHLENBQUM7SUFFRDs7T0FFRztJQUNGLElBQW9DLFFBQVE7UUFDM0MsT0FBTyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUMzQixDQUFDOzs7WUF2RkQsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QixzS0FBcUM7Z0JBRXJDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxTQUFTLEVBQUU7b0JBQ1Q7d0JBQ0UsbUVBQW1FO3dCQUNyRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsV0FBVyxFQUFFLGtCQUFrQjtxQkFDakU7aUJBQ0Y7O2FBQ0Y7Ozs7WUFwQ1EsWUFBWTs7O2tCQXlDbEIsS0FBSztrQkFXTCxLQUFLO29CQVdMLEtBQUs7cUJBV0wsS0FBSzttQkFXTixNQUFNO3VCQXlCTCxXQUFXLFNBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSW5wdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxuICBIb3N0QmluZGluZyxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5pbXBvcnQgeyBkYWZmVGh1bWJuYWlsQ29tcGF0VG9rZW4gfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbWVkaWEtZ2FsbGVyeS9wdWJsaWNfYXBpJztcblxuY29uc3QgdmFsaWRhdGVQcm9wZXJ0eSA9IChvYmplY3Q6IFJlY29yZDxzdHJpbmcsIGFueT4sIHByb3A6IHN0cmluZykgPT4ge1xuICBpZiAob2JqZWN0W3Byb3BdID09PSBudWxsIHx8IG9iamVjdFtwcm9wXSA9PT0gdW5kZWZpbmVkIHx8IG9iamVjdFtwcm9wXSA9PT0gJycpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoYERhZmZJbWFnZUNvbXBvbmVudCBtdXN0IGhhdmUgYSBkZWZpbmVkICR7cHJvcH0gYXR0cmlidXRlLmApO1xuICB9XG59O1xuXG5jb25zdCB2YWxpZGF0ZVByb3BlcnRpZXMgPSAob2JqZWN0OiBSZWNvcmQ8c3RyaW5nLCBhbnk+LCBwcm9wczogc3RyaW5nW10pID0+IHtcbiAgY29uc3QgaW52YWxpZFByb3BzID0gcHJvcHMuZmlsdGVyKHByb3AgPT4ge1xuICAgIHRyeSB7XG4gICAgICB2YWxpZGF0ZVByb3BlcnR5KG9iamVjdCwgcHJvcCk7XG4gICAgfSBjYXRjaChlKSB7XG4gICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9KTtcblxuICBpZiAoaW52YWxpZFByb3BzLmxlbmd0aCkge1xuICAgIHRocm93IG5ldyBFcnJvcihgRGFmZkltYWdlQ29tcG9uZW50IG11c3QgaGF2ZSB0aGUgJHtpbnZhbGlkUHJvcHMuam9pbignLCcpfSBhdHRyaWJ1dGVzIGRlZmluZWQuYCk7XG4gIH1cbn07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtaW1hZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11c2UtYmVmb3JlLWRlZmluZVxuXHRcdFx0IHByb3ZpZGU6IGRhZmZUaHVtYm5haWxDb21wYXRUb2tlbiwgdXNlRXhpc3Rpbmc6IERhZmZJbWFnZUNvbXBvbmVudCxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmSW1hZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG5cdHByaXZhdGUgX3NyYzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG5cdGdldCBzcmMoKTogc3RyaW5nIHtcblx0ICByZXR1cm4gdGhpcy5fc3JjO1xuXHR9XG4gIHNldCBzcmModmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX3NyYyA9IHZhbHVlO1xuICAgIHZhbGlkYXRlUHJvcGVydHkodGhpcywgJ3NyYycpO1xuICB9XG5cbiAgcHJpdmF0ZSBfYWx0OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZ2V0IGFsdCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9hbHQ7XG4gIH1cbiAgc2V0IGFsdCh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fYWx0ID0gdmFsdWU7XG4gICAgdmFsaWRhdGVQcm9wZXJ0eSh0aGlzLCAnYWx0Jyk7XG4gIH1cblxuICBwcml2YXRlIF93aWR0aDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGdldCB3aWR0aCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl93aWR0aDtcbiAgfVxuICBzZXQgd2lkdGgodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuX3dpZHRoID0gdmFsdWU7XG4gICAgdmFsaWRhdGVQcm9wZXJ0eSh0aGlzLCAnd2lkdGgnKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hlaWdodDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBoZWlnaHQoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5faGVpZ2h0O1xuICB9XG4gIHNldCBoZWlnaHQodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuX2hlaWdodCA9IHZhbHVlO1xuICAgIHZhbGlkYXRlUHJvcGVydHkodGhpcywgJ2hlaWdodCcpO1xuICB9XG5cbiAgLy8gVE9ETzogcmVuYW1lIGV2ZW50IHRvIG5vdCBjb2xsaWRlIHdpdGggbmF0aXZlIGV2ZW50ICh1bmxlc3MgdGhhdCdzIGludGVudGlvbmFsKVxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcblx0QE91dHB1dCgpIGxvYWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXHQvKipcblx0ICogQGRvY3MtcHJpdmF0ZVxuXHQgKi9cblx0bmdPbkluaXQoKTogdm9pZCB7XG5cdCAgdmFsaWRhdGVQcm9wZXJ0aWVzKHRoaXMsIFsnc3JjJywgJ2FsdCcsICd3aWR0aCcsICdoZWlnaHQnXSk7XG5cdH1cblxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxuXG5cdC8qKlxuXHQgKiBAZG9jcy1wcml2YXRlXG5cdCAqL1xuXHRnZXQgX3BhZGRpbmdUb3AoKTogYW55IHtcblx0ICBpZiAoIXRoaXMuaGVpZ2h0IHx8ICF0aGlzLndpZHRoICkge1xuXHQgICAgcmV0dXJuIHVuZGVmaW5lZDtcblx0ICB9XG5cblx0ICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKCdjYWxjKCcgKyB0aGlzLmhlaWdodCArICcgLyAnICsgdGhpcy53aWR0aCArICcgKiAxMDAlKScpO1xuXHR9XG5cblx0LyoqXG5cdCAqIEBkb2NzLXByaXZhdGVcblx0ICovXG4gIEBIb3N0QmluZGluZygnc3R5bGUubWF4LXdpZHRoJykgZ2V0IG1heFdpZHRoKCk6IHN0cmluZyB7XG5cdCAgcmV0dXJuIHRoaXMud2lkdGggKyAncHgnO1xuXHR9XG59XG4iXX0=
|
@@ -1,13 +1,17 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { faMapMarked } from '@fortawesome/free-solid-svg-icons';
|
2
3
|
export class BasicCardComponent {
|
4
|
+
constructor() {
|
5
|
+
this.faMapMarked = faMapMarked;
|
6
|
+
}
|
3
7
|
}
|
4
8
|
BasicCardComponent.decorators = [
|
5
9
|
{ type: Component, args: [{
|
6
10
|
// eslint-disable-next-line @angular-eslint/component-selector
|
7
11
|
selector: 'basic-card',
|
8
|
-
template: "<daff-card>\n
|
12
|
+
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. 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",
|
9
13
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
10
|
-
styles: ["
|
14
|
+
styles: ["daff-card{max-width:480px}"]
|
11
15
|
},] }
|
12
16
|
];
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9iYXNpYy1jYXJkL2Jhc2ljLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQVNoRSxNQUFNLE9BQU8sa0JBQWtCO0lBUC9CO1FBUUUsZ0JBQVcsR0FBRyxXQUFXLENBQUM7SUFDNUIsQ0FBQzs7O1lBVEEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLDI0QkFBMEM7Z0JBRTFDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZmFNYXBNYXJrZWQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdiYXNpYy1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhc2ljLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iYXNpYy1jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCYXNpY0NhcmRDb21wb25lbnQge1xuICBmYU1hcE1hcmtlZCA9IGZhTWFwTWFya2VkO1xufVxuIl19
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
2
2
|
import { NgModule } from '@angular/core';
|
3
|
+
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
3
4
|
import { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
|
4
5
|
import { BasicCardComponent } from './basic-card.component';
|
5
6
|
export class BasicCardModule {
|
@@ -14,10 +15,11 @@ BasicCardModule.decorators = [
|
|
14
15
|
DaffCardModule,
|
15
16
|
DaffImageModule,
|
16
17
|
DaffButtonModule,
|
18
|
+
FontAwesomeModule,
|
17
19
|
],
|
18
20
|
exports: [
|
19
21
|
BasicCardComponent,
|
20
22
|
],
|
21
23
|
},] }
|
22
24
|
];
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9iYXNpYy1jYXJkL2Jhc2ljLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFDTCxjQUFjLEVBQ2QsZUFBZSxFQUNmLGdCQUFnQixHQUNqQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBa0I1RCxNQUFNLE9BQU8sZUFBZTs7O1lBaEIzQixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLGtCQUFrQjtpQkFDbkI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osY0FBYztvQkFDZCxlQUFlO29CQUNmLGdCQUFnQjtvQkFFaEIsaUJBQWlCO2lCQUNsQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1Asa0JBQWtCO2lCQUNuQjthQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHtcbiAgRGFmZkNhcmRNb2R1bGUsXG4gIERhZmZJbWFnZU1vZHVsZSxcbiAgRGFmZkJ1dHRvbk1vZHVsZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IEJhc2ljQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtY2FyZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBCYXNpY0NhcmRDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGFmZkNhcmRNb2R1bGUsXG4gICAgRGFmZkltYWdlTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG5cbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEJhc2ljQ2FyZENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFzaWNDYXJkTW9kdWxlIHsgfVxuIl19
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FormControl } from '@angular/forms';
|
3
|
+
import { faMapMarked } from '@fortawesome/free-solid-svg-icons';
|
4
|
+
export class CardOrientationComponent {
|
5
|
+
constructor() {
|
6
|
+
this.faMapMarked = faMapMarked;
|
7
|
+
this.orientationControl = new FormControl('');
|
8
|
+
this.options = [
|
9
|
+
{ value: '', label: 'Default' },
|
10
|
+
{ value: 'vertical', label: 'Vertical' },
|
11
|
+
{ value: 'horizontal', label: 'Horizontal' },
|
12
|
+
];
|
13
|
+
}
|
14
|
+
}
|
15
|
+
CardOrientationComponent.decorators = [
|
16
|
+
{ type: Component, args: [{
|
17
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
18
|
+
selector: 'card-orientation',
|
19
|
+
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>",
|
20
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
21
|
+
styles: [".daff-card--vertical{max-width:560px}"]
|
22
|
+
},] }
|
23
|
+
];
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1vcmllbnRhdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9jYXJkLW9yaWVudGF0aW9uL2NhcmQtb3JpZW50YXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFTaEUsTUFBTSxPQUFPLHdCQUF3QjtJQVByQztRQVFFLGdCQUFXLEdBQUcsV0FBVyxDQUFDO1FBRTFCLHVCQUFrQixHQUFnQixJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUV0RCxZQUFPLEdBQUc7WUFDUixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtZQUN4QyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRTtTQUM3QyxDQUFDO0lBQ0osQ0FBQzs7O1lBakJBLFNBQVMsU0FBQztnQkFDVCw4REFBOEQ7Z0JBQzlELFFBQVEsRUFBRSxrQkFBa0I7Z0JBQzVCLGlsQ0FBZ0Q7Z0JBRWhELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBmYU1hcE1hcmtlZCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2NhcmQtb3JpZW50YXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1vcmllbnRhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQtb3JpZW50YXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRPcmllbnRhdGlvbkNvbXBvbmVudCB7XG4gIGZhTWFwTWFya2VkID0gZmFNYXBNYXJrZWQ7XG5cbiAgb3JpZW50YXRpb25Db250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICd2ZXJ0aWNhbCcsIGxhYmVsOiAnVmVydGljYWwnIH0sXG4gICAgeyB2YWx1ZTogJ2hvcml6b250YWwnLCBsYWJlbDogJ0hvcml6b250YWwnIH0sXG4gIF07XG59XG4iXX0=
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
2
|
+
import { NgModule } from '@angular/core';
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
4
|
+
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
5
|
+
import { DaffButtonModule, DaffCardModule, DaffImageModule, } from '@daffodil/design';
|
6
|
+
import { CardOrientationComponent } from './card-orientation.component';
|
7
|
+
export class CardOrientationModule {
|
8
|
+
}
|
9
|
+
CardOrientationModule.decorators = [
|
10
|
+
{ type: NgModule, args: [{
|
11
|
+
declarations: [
|
12
|
+
CardOrientationComponent,
|
13
|
+
],
|
14
|
+
imports: [
|
15
|
+
CommonModule,
|
16
|
+
ReactiveFormsModule,
|
17
|
+
DaffCardModule,
|
18
|
+
DaffImageModule,
|
19
|
+
DaffButtonModule,
|
20
|
+
FontAwesomeModule,
|
21
|
+
],
|
22
|
+
exports: [
|
23
|
+
CardOrientationComponent,
|
24
|
+
],
|
25
|
+
},] }
|
26
|
+
];
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1vcmllbnRhdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9jYXJkLW9yaWVudGF0aW9uL2NhcmQtb3JpZW50YXRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFDTCxnQkFBZ0IsRUFDaEIsY0FBYyxFQUNkLGVBQWUsR0FDaEIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQWtCeEUsTUFBTSxPQUFPLHFCQUFxQjs7O1lBaEJqQyxRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLHdCQUF3QjtpQkFDekI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osbUJBQW1CO29CQUNuQixjQUFjO29CQUNkLGVBQWU7b0JBQ2YsZ0JBQWdCO29CQUNoQixpQkFBaUI7aUJBQ2xCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCx3QkFBd0I7aUJBQ3pCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHtcbiAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgRGFmZkNhcmRNb2R1bGUsXG4gIERhZmZJbWFnZU1vZHVsZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IENhcmRPcmllbnRhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vY2FyZC1vcmllbnRhdGlvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBDYXJkT3JpZW50YXRpb25Db21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBEYWZmQ2FyZE1vZHVsZSxcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIENhcmRPcmllbnRhdGlvbkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZE9yaWVudGF0aW9uTW9kdWxlIHsgfVxuIl19
|
@@ -2,21 +2,30 @@ import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
|
2
2
|
import { FormControl } from '@angular/forms';
|
3
3
|
export class CardThemingComponent {
|
4
4
|
constructor() {
|
5
|
-
this.color = 'primary';
|
6
5
|
this.colorControl = new FormControl('');
|
6
|
+
this.options = [
|
7
|
+
{ value: '', label: 'Default' },
|
8
|
+
{ value: 'primary', label: 'Primary' },
|
9
|
+
{ value: 'secondary', label: 'Secondary' },
|
10
|
+
{ value: 'tertiary', label: 'Tertiary' },
|
11
|
+
{ value: 'theme', label: 'Theme' },
|
12
|
+
{ value: 'theme-contrast', label: 'Theme Contrast' },
|
13
|
+
{ value: 'black', label: 'Black' },
|
14
|
+
{ value: 'white', label: 'White' },
|
15
|
+
];
|
7
16
|
}
|
8
17
|
}
|
9
18
|
CardThemingComponent.decorators = [
|
10
19
|
{ type: Component, args: [{
|
11
20
|
// eslint-disable-next-line @angular-eslint/component-selector
|
12
21
|
selector: 'card-theming',
|
13
|
-
template: "<daff-card [color]=\"colorControl.value\">\n <div daffCardTagline>Card Tagline</div>\n <div daffCardTitle>Title</div>\n <p>Cards are themable.</p>\n</daff-card>\n\n<select [formControl]=\"colorControl\">\n
|
22
|
+
template: "<daff-card [color]=\"colorControl.value\">\n <div daffCardTagline>Card Tagline</div>\n <div daffCardTitle>Title</div>\n <div daffCardContent>\n <p>Cards are themable.</p>\n </div>\n</daff-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
14
23
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
15
24
|
styles: [`
|
16
25
|
daff-card {
|
17
|
-
max-width:
|
26
|
+
max-width: 480px;
|
18
27
|
}
|
19
28
|
`]
|
20
29
|
},] }
|
21
30
|
];
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL2NhcmQtdGhlbWluZy9jYXJkLXRoZW1pbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQWE3QyxNQUFNLE9BQU8sb0JBQW9CO0lBWGpDO1FBWUUsaUJBQVksR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFaEQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7SUFDSixDQUFDOzs7WUF4QkEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLDJXQUE0QztnQkFNNUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07eUJBTHRDOzs7O0dBSVI7YUFFRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2NhcmQtdGhlbWluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXRoZW1pbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgZGFmZi1jYXJkIHtcbiAgICAgIG1heC13aWR0aDogNDgwcHg7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRUaGVtaW5nQ29tcG9uZW50IHtcbiAgY29sb3JDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICdwcmltYXJ5JywgbGFiZWw6ICdQcmltYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICdzZWNvbmRhcnknLCBsYWJlbDogJ1NlY29uZGFyeScgfSxcbiAgICB7IHZhbHVlOiAndGVydGlhcnknLCBsYWJlbDogJ1RlcnRpYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZScsIGxhYmVsOiAnVGhlbWUnIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lLWNvbnRyYXN0JywgbGFiZWw6ICdUaGVtZSBDb250cmFzdCcgfSxcbiAgICB7IHZhbHVlOiAnYmxhY2snLCBsYWJlbDogJ0JsYWNrJyB9LFxuICAgIHsgdmFsdWU6ICd3aGl0ZScsIGxhYmVsOiAnV2hpdGUnIH0sXG4gIF07XG59XG4iXX0=
|
@@ -3,7 +3,9 @@
|
|
3
3
|
*/
|
4
4
|
export * from './index';
|
5
5
|
export { BasicCardComponent as ɵa } from './basic-card/basic-card.component';
|
6
|
+
export { CardOrientationComponent as ɵf } from './card-orientation/card-orientation.component';
|
6
7
|
export { CardThemingComponent as ɵb } from './card-theming/card-theming.component';
|
7
8
|
export { LinkableCardComponent as ɵc } from './linkable-card/linkable-card.component';
|
8
9
|
export { RaisedCardComponent as ɵd } from './raised-card/raised-card.component';
|
9
|
-
|
10
|
+
export { StrokedCardComponent as ɵe } from './stroked-card/stroked-card.component';
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLWNhcmQtZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9kYWZmb2RpbC1kZXNpZ24tY2FyZC1leGFtcGxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDO0FBRXhCLE9BQU8sRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzRSxPQUFPLEVBQUMsd0JBQXdCLElBQUksRUFBRSxFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFDN0YsT0FBTyxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBQ2pGLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsTUFBTSx5Q0FBeUMsQ0FBQztBQUNwRixPQUFPLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLE1BQU0scUNBQXFDLENBQUM7QUFDOUUsT0FBTyxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBQyxNQUFNLHVDQUF1QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcblxuZXhwb3J0IHtCYXNpY0NhcmRDb21wb25lbnQgYXMgybVhfSBmcm9tICcuL2Jhc2ljLWNhcmQvYmFzaWMtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0IHtDYXJkT3JpZW50YXRpb25Db21wb25lbnQgYXMgybVmfSBmcm9tICcuL2NhcmQtb3JpZW50YXRpb24vY2FyZC1vcmllbnRhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHtDYXJkVGhlbWluZ0NvbXBvbmVudCBhcyDJtWJ9IGZyb20gJy4vY2FyZC10aGVtaW5nL2NhcmQtdGhlbWluZy5jb21wb25lbnQnO1xuZXhwb3J0IHtMaW5rYWJsZUNhcmRDb21wb25lbnQgYXMgybVjfSBmcm9tICcuL2xpbmthYmxlLWNhcmQvbGlua2FibGUtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0IHtSYWlzZWRDYXJkQ29tcG9uZW50IGFzIMm1ZH0gZnJvbSAnLi9yYWlzZWQtY2FyZC9yYWlzZWQtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0IHtTdHJva2VkQ2FyZENvbXBvbmVudCBhcyDJtWV9IGZyb20gJy4vc3Ryb2tlZC1jYXJkL3N0cm9rZWQtY2FyZC5jb21wb25lbnQnOyJdfQ==
|
@@ -1,13 +1,29 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FormControl } from '@angular/forms';
|
2
3
|
export class LinkableCardComponent {
|
4
|
+
constructor() {
|
5
|
+
this.basicColorControl = new FormControl('');
|
6
|
+
this.raisedColorControl = new FormControl('');
|
7
|
+
this.strokedColorControl = new FormControl('');
|
8
|
+
this.options = [
|
9
|
+
{ value: '', label: 'Default' },
|
10
|
+
{ value: 'primary', label: 'Primary' },
|
11
|
+
{ value: 'secondary', label: 'Secondary' },
|
12
|
+
{ value: 'tertiary', label: 'Tertiary' },
|
13
|
+
{ value: 'theme', label: 'Theme' },
|
14
|
+
{ value: 'theme-contrast', label: 'Theme Contrast' },
|
15
|
+
{ value: 'black', label: 'Black' },
|
16
|
+
{ value: 'white', label: 'White' },
|
17
|
+
];
|
18
|
+
}
|
3
19
|
}
|
4
20
|
LinkableCardComponent.decorators = [
|
5
21
|
{ type: Component, args: [{
|
6
22
|
// eslint-disable-next-line @angular-eslint/component-selector
|
7
23
|
selector: 'linkable-card',
|
8
|
-
template: "<a
|
24
|
+
template: "<a daff-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"basicColorControl.value\">\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\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<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\t</div>\n</a>\n\n<select [formControl]=\"basicColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-raised-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"raisedColorControl.value\">\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\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<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\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-stroked-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"strokedColorControl.value\">\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\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<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\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
9
25
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
10
|
-
styles: ["
|
26
|
+
styles: ["a daff-card,a daff-raised-card,a daff-stroked-card{max-width:480px}"]
|
11
27
|
},] }
|
12
28
|
];
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2FibGUtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQVM3QyxNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUUUsc0JBQWlCLEdBQWdCLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3JELHVCQUFrQixHQUFnQixJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN0RCx3QkFBbUIsR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFdkQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7SUFDSixDQUFDOzs7WUF0QkEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLGVBQWU7Z0JBQ3pCLDRnR0FBNkM7Z0JBRTdDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpbmthYmxlLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGlua2FibGUtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xpbmthYmxlLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIExpbmthYmxlQ2FyZENvbXBvbmVudCB7XG4gIGJhc2ljQ29sb3JDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG4gIHJhaXNlZENvbG9yQ29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJycpO1xuICBzdHJva2VkQ29sb3JDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICdwcmltYXJ5JywgbGFiZWw6ICdQcmltYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICdzZWNvbmRhcnknLCBsYWJlbDogJ1NlY29uZGFyeScgfSxcbiAgICB7IHZhbHVlOiAndGVydGlhcnknLCBsYWJlbDogJ1RlcnRpYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZScsIGxhYmVsOiAnVGhlbWUnIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lLWNvbnRyYXN0JywgbGFiZWw6ICdUaGVtZSBDb250cmFzdCcgfSxcbiAgICB7IHZhbHVlOiAnYmxhY2snLCBsYWJlbDogJ0JsYWNrJyB9LFxuICAgIHsgdmFsdWU6ICd3aGl0ZScsIGxhYmVsOiAnV2hpdGUnIH0sXG4gIF07XG59XG4iXX0=
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
2
2
|
import { NgModule } from '@angular/core';
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
3
4
|
import { RouterModule } from '@angular/router';
|
4
5
|
import { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
|
5
6
|
import { LinkableCardComponent } from './linkable-card.component';
|
@@ -13,6 +14,7 @@ LinkableCardModule.decorators = [
|
|
13
14
|
imports: [
|
14
15
|
CommonModule,
|
15
16
|
RouterModule,
|
17
|
+
ReactiveFormsModule,
|
16
18
|
DaffCardModule,
|
17
19
|
DaffImageModule,
|
18
20
|
DaffButtonModule,
|
@@ -22,4 +24,4 @@ LinkableCardModule.decorators = [
|
|
22
24
|
],
|
23
25
|
},] }
|
24
26
|
];
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2FibGUtY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQ0wsY0FBYyxFQUNkLGVBQWUsRUFDZixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQWtCbEUsTUFBTSxPQUFPLGtCQUFrQjs7O1lBaEI5QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLHFCQUFxQjtpQkFDdEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osWUFBWTtvQkFDWixtQkFBbUI7b0JBQ25CLGNBQWM7b0JBQ2QsZUFBZTtvQkFDZixnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxxQkFBcUI7aUJBQ3RCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5pbXBvcnQge1xuICBEYWZmQ2FyZE1vZHVsZSxcbiAgRGFmZkltYWdlTW9kdWxlLFxuICBEYWZmQnV0dG9uTW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgTGlua2FibGVDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9saW5rYWJsZS1jYXJkLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIExpbmthYmxlQ2FyZENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBEYWZmQ2FyZE1vZHVsZSxcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIExpbmthYmxlQ2FyZENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTGlua2FibGVDYXJkTW9kdWxlIHsgfVxuIl19
|
@@ -1,15 +1,21 @@
|
|
1
1
|
import { BasicCardComponent } from './basic-card/basic-card.component';
|
2
2
|
export { BasicCardModule } from './basic-card/basic-card.module';
|
3
|
+
import { CardOrientationComponent } from './card-orientation/card-orientation.component';
|
4
|
+
export { CardOrientationModule } from './card-orientation/card-orientation.module';
|
3
5
|
import { CardThemingComponent } from './card-theming/card-theming.component';
|
4
6
|
export { CardThemingModule } from './card-theming/card-theming.module';
|
5
7
|
import { LinkableCardComponent } from './linkable-card/linkable-card.component';
|
6
8
|
export { LinkableCardModule } from './linkable-card/linkable-card.module';
|
7
9
|
import { RaisedCardComponent } from './raised-card/raised-card.component';
|
8
10
|
export { RaisedCardModule } from './raised-card/raised-card.module';
|
11
|
+
import { StrokedCardComponent } from './stroked-card/stroked-card.component';
|
12
|
+
export { StrokedCardModule } from './stroked-card/stroked-card.module';
|
9
13
|
export const CARD_EXAMPLES = [
|
10
14
|
BasicCardComponent,
|
11
15
|
CardThemingComponent,
|
12
16
|
LinkableCardComponent,
|
13
17
|
RaisedCardComponent,
|
18
|
+
StrokedCardComponent,
|
19
|
+
CardOrientationComponent,
|
14
20
|
];
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRXZFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRztJQUMzQixrQkFBa0I7SUFDbEIsb0JBQW9CO0lBQ3BCLHFCQUFxQjtJQUNyQixtQkFBbUI7SUFDbkIsb0JBQW9CO0lBQ3BCLHdCQUF3QjtDQUN6QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFzaWNDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy1jYXJkL2Jhc2ljLWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCB7IEJhc2ljQ2FyZE1vZHVsZSB9IGZyb20gJy4vYmFzaWMtY2FyZC9iYXNpYy1jYXJkLm1vZHVsZSc7XG5pbXBvcnQgeyBDYXJkT3JpZW50YXRpb25Db21wb25lbnQgfSBmcm9tICcuL2NhcmQtb3JpZW50YXRpb24vY2FyZC1vcmllbnRhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgQ2FyZE9yaWVudGF0aW9uTW9kdWxlIH0gZnJvbSAnLi9jYXJkLW9yaWVudGF0aW9uL2NhcmQtb3JpZW50YXRpb24ubW9kdWxlJztcbmltcG9ydCB7IENhcmRUaGVtaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLXRoZW1pbmcvY2FyZC10aGVtaW5nLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDYXJkVGhlbWluZ01vZHVsZSB9IGZyb20gJy4vY2FyZC10aGVtaW5nL2NhcmQtdGhlbWluZy5tb2R1bGUnO1xuaW1wb3J0IHsgTGlua2FibGVDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCB7IExpbmthYmxlQ2FyZE1vZHVsZSB9IGZyb20gJy4vbGlua2FibGUtY2FyZC9saW5rYWJsZS1jYXJkLm1vZHVsZSc7XG5pbXBvcnQgeyBSYWlzZWRDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9yYWlzZWQtY2FyZC9yYWlzZWQtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0IHsgUmFpc2VkQ2FyZE1vZHVsZSB9IGZyb20gJy4vcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQubW9kdWxlJztcbmltcG9ydCB7IFN0cm9rZWRDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9zdHJva2VkLWNhcmQvc3Ryb2tlZC1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTdHJva2VkQ2FyZE1vZHVsZSB9IGZyb20gJy4vc3Ryb2tlZC1jYXJkL3N0cm9rZWQtY2FyZC5tb2R1bGUnO1xuXG5leHBvcnQgY29uc3QgQ0FSRF9FWEFNUExFUyA9IFtcbiAgQmFzaWNDYXJkQ29tcG9uZW50LFxuICBDYXJkVGhlbWluZ0NvbXBvbmVudCxcbiAgTGlua2FibGVDYXJkQ29tcG9uZW50LFxuICBSYWlzZWRDYXJkQ29tcG9uZW50LFxuICBTdHJva2VkQ2FyZENvbXBvbmVudCxcbiAgQ2FyZE9yaWVudGF0aW9uQ29tcG9uZW50LFxuXTtcbiJdfQ==
|
@@ -1,13 +1,27 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FormControl } from '@angular/forms';
|
2
3
|
export class RaisedCardComponent {
|
4
|
+
constructor() {
|
5
|
+
this.colorControl = new FormControl('');
|
6
|
+
this.options = [
|
7
|
+
{ value: '', label: 'Default' },
|
8
|
+
{ value: 'primary', label: 'Primary' },
|
9
|
+
{ value: 'secondary', label: 'Secondary' },
|
10
|
+
{ value: 'tertiary', label: 'Tertiary' },
|
11
|
+
{ value: 'theme', label: 'Theme' },
|
12
|
+
{ value: 'theme-contrast', label: 'Theme Contrast' },
|
13
|
+
{ value: 'black', label: 'Black' },
|
14
|
+
{ value: 'white', label: 'White' },
|
15
|
+
];
|
16
|
+
}
|
3
17
|
}
|
4
18
|
RaisedCardComponent.decorators = [
|
5
19
|
{ type: Component, args: [{
|
6
20
|
// eslint-disable-next-line @angular-eslint/component-selector
|
7
21
|
selector: 'raised-card',
|
8
|
-
template: "<daff-card [
|
22
|
+
template: "<daff-raised-card [color]=\"colorControl.value\">\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\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<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\t</div>\n</daff-raised-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
9
23
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
10
|
-
styles: ["
|
24
|
+
styles: ["daff-raised-card{max-width:480px}"]
|
11
25
|
},] }
|
12
26
|
];
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQVM3QyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUUUsaUJBQVksR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFaEQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7SUFDSixDQUFDOzs7WUFwQkEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLHk2QkFBMkM7Z0JBRTNDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3JhaXNlZC1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhaXNlZC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmFpc2VkLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZENhcmRDb21wb25lbnQge1xuICBjb2xvckNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ3ByaW1hcnknLCBsYWJlbDogJ1ByaW1hcnknIH0sXG4gICAgeyB2YWx1ZTogJ3NlY29uZGFyeScsIGxhYmVsOiAnU2Vjb25kYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0ZXJ0aWFyeScsIGxhYmVsOiAnVGVydGlhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lJywgbGFiZWw6ICdUaGVtZScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUtY29udHJhc3QnLCBsYWJlbDogJ1RoZW1lIENvbnRyYXN0JyB9LFxuICAgIHsgdmFsdWU6ICdibGFjaycsIGxhYmVsOiAnQmxhY2snIH0sXG4gICAgeyB2YWx1ZTogJ3doaXRlJywgbGFiZWw6ICdXaGl0ZScgfSxcbiAgXTtcbn1cbiJdfQ==
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
2
2
|
import { NgModule } from '@angular/core';
|
3
|
-
import {
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
4
4
|
import { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
|
5
5
|
import { RaisedCardComponent } from './raised-card.component';
|
6
6
|
export class RaisedCardModule {
|
@@ -12,7 +12,7 @@ RaisedCardModule.decorators = [
|
|
12
12
|
],
|
13
13
|
imports: [
|
14
14
|
CommonModule,
|
15
|
-
|
15
|
+
ReactiveFormsModule,
|
16
16
|
DaffCardModule,
|
17
17
|
DaffImageModule,
|
18
18
|
DaffButtonModule,
|
@@ -22,4 +22,4 @@ RaisedCardModule.decorators = [
|
|
22
22
|
],
|
23
23
|
},] }
|
24
24
|
];
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWNhcmQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXJELE9BQU8sRUFDTCxjQUFjLEVBQ2QsZUFBZSxFQUNmLGdCQUFnQixHQUNqQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBa0I5RCxNQUFNLE9BQU8sZ0JBQWdCOzs7WUFoQjVCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osbUJBQW1CO2lCQUNwQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixtQkFBbUI7b0JBRW5CLGNBQWM7b0JBQ2QsZUFBZTtvQkFDZixnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxtQkFBbUI7aUJBQ3BCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7XG4gIERhZmZDYXJkTW9kdWxlLFxuICBEYWZmSW1hZ2VNb2R1bGUsXG4gIERhZmZCdXR0b25Nb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBSYWlzZWRDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9yYWlzZWQtY2FyZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBSYWlzZWRDYXJkQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG5cbiAgICBEYWZmQ2FyZE1vZHVsZSxcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFJhaXNlZENhcmRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZENhcmRNb2R1bGUgeyB9XG4iXX0=
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FormControl } from '@angular/forms';
|
3
|
+
export class StrokedCardComponent {
|
4
|
+
constructor() {
|
5
|
+
this.colorControl = new FormControl('');
|
6
|
+
this.options = [
|
7
|
+
{ value: '', label: 'Default' },
|
8
|
+
{ value: 'primary', label: 'Primary' },
|
9
|
+
{ value: 'secondary', label: 'Secondary' },
|
10
|
+
{ value: 'tertiary', label: 'Tertiary' },
|
11
|
+
{ value: 'theme', label: 'Theme' },
|
12
|
+
{ value: 'theme-contrast', label: 'Theme Contrast' },
|
13
|
+
{ value: 'black', label: 'Black' },
|
14
|
+
{ value: 'white', label: 'White' },
|
15
|
+
];
|
16
|
+
}
|
17
|
+
}
|
18
|
+
StrokedCardComponent.decorators = [
|
19
|
+
{ type: Component, args: [{
|
20
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
21
|
+
selector: 'stroked-card',
|
22
|
+
template: "<daff-stroked-card [color]=\"colorControl.value\">\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\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<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\t</div>\n</daff-stroked-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
23
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
24
|
+
styles: [":host{display:block;max-width:340px}"]
|
25
|
+
},] }
|
26
|
+
];
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3N0cm9rZWQtY2FyZC9zdHJva2VkLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQVM3QyxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBUUUsaUJBQVksR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFaEQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7SUFDSixDQUFDOzs7WUFwQkEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLDI2QkFBNEM7Z0JBRTVDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3N0cm9rZWQtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdHJva2VkLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHJva2VkLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN0cm9rZWRDYXJkQ29tcG9uZW50IHtcbiAgY29sb3JDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICdwcmltYXJ5JywgbGFiZWw6ICdQcmltYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICdzZWNvbmRhcnknLCBsYWJlbDogJ1NlY29uZGFyeScgfSxcbiAgICB7IHZhbHVlOiAndGVydGlhcnknLCBsYWJlbDogJ1RlcnRpYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZScsIGxhYmVsOiAnVGhlbWUnIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lLWNvbnRyYXN0JywgbGFiZWw6ICdUaGVtZSBDb250cmFzdCcgfSxcbiAgICB7IHZhbHVlOiAnYmxhY2snLCBsYWJlbDogJ0JsYWNrJyB9LFxuICAgIHsgdmFsdWU6ICd3aGl0ZScsIGxhYmVsOiAnV2hpdGUnIH0sXG4gIF07XG59XG4iXX0=
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
2
|
+
import { NgModule } from '@angular/core';
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
4
|
+
import { RouterModule } from '@angular/router';
|
5
|
+
import { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
|
6
|
+
import { StrokedCardComponent } from './stroked-card.component';
|
7
|
+
export class StrokedCardModule {
|
8
|
+
}
|
9
|
+
StrokedCardModule.decorators = [
|
10
|
+
{ type: NgModule, args: [{
|
11
|
+
declarations: [
|
12
|
+
StrokedCardComponent,
|
13
|
+
],
|
14
|
+
imports: [
|
15
|
+
CommonModule,
|
16
|
+
RouterModule,
|
17
|
+
ReactiveFormsModule,
|
18
|
+
DaffCardModule,
|
19
|
+
DaffImageModule,
|
20
|
+
DaffButtonModule,
|
21
|
+
],
|
22
|
+
exports: [
|
23
|
+
StrokedCardComponent,
|
24
|
+
],
|
25
|
+
},] }
|
26
|
+
];
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1jYXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3N0cm9rZWQtY2FyZC9zdHJva2VkLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQ0wsY0FBYyxFQUNkLGVBQWUsRUFDZixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQW1CaEUsTUFBTSxPQUFPLGlCQUFpQjs7O1lBakI3QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLG9CQUFvQjtpQkFDckI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osWUFBWTtvQkFDWixtQkFBbUI7b0JBRW5CLGNBQWM7b0JBQ2QsZUFBZTtvQkFDZixnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxvQkFBb0I7aUJBQ3JCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5pbXBvcnQge1xuICBEYWZmQ2FyZE1vZHVsZSxcbiAgRGFmZkltYWdlTW9kdWxlLFxuICBEYWZmQnV0dG9uTW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgU3Ryb2tlZENhcmRDb21wb25lbnQgfSBmcm9tICcuL3N0cm9rZWQtY2FyZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTdHJva2VkQ2FyZENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcblxuICAgIERhZmZDYXJkTW9kdWxlLFxuICAgIERhZmZJbWFnZU1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU3Ryb2tlZENhcmRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0cm9rZWRDYXJkTW9kdWxlIHsgfVxuIl19
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FormControl } from '@angular/forms';
|
3
|
+
export class ContainerSizesComponent {
|
4
|
+
constructor() {
|
5
|
+
this.sizeControl = new FormControl('xs');
|
6
|
+
this.options = [
|
7
|
+
{ value: 'xs', label: 'Extra Small' },
|
8
|
+
{ value: 'sm', label: 'Small' },
|
9
|
+
{ value: 'md', label: 'Medium' },
|
10
|
+
{ value: 'lg', label: 'Large' },
|
11
|
+
{ value: 'xl', label: 'Extra Large' },
|
12
|
+
];
|
13
|
+
}
|
14
|
+
}
|
15
|
+
ContainerSizesComponent.decorators = [
|
16
|
+
{ type: Component, args: [{
|
17
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
18
|
+
selector: 'container-sizes',
|
19
|
+
template: "<daff-container [size]=\"sizeControl.value\">\n\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in egestas ex, sed scelerisque neque. In ut vestibulum dui. Donec aliquet tortor pellentesque ex tincidunt faucibus. Vestibulum scelerisque dolor sit amet enim facilisis mattis. Pellentesque scelerisque vitae sapien sit amet dignissim. Aenean gravida facilisis ligula id vestibulum. Etiam viverra massa et nibh auctor molestie. Vestibulum rutrum pretium ex, vitae tempus mi. Nunc non arcu id ligula feugiat venenatis eu id urna. Vivamus fringilla, sapien ut molestie eleifend, ex arcu fringilla sapien, nec eleifend erat justo scelerisque metus. Integer eleifend, felis eget ultrices iaculis, sapien nibh pharetra enim, non malesuada mauris orci sed diam. Curabitur ultricies, enim in porta blandit, justo urna porta lacus, eu aliquet lectus est nec quam. Morbi condimentum auctor nisl, id convallis purus blandit laoreet. Nunc quis nulla mattis tellus feugiat laoreet. Curabitur in efficitur nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n</daff-container>\n\n<select [formControl]=\"sizeControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
20
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
21
|
+
},] }
|
22
|
+
];
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLXNpemVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9leGFtcGxlcy9zcmMvY29udGFpbmVyLXNpemVzL2NvbnRhaW5lci1zaXplcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBUTdDLE1BQU0sT0FBTyx1QkFBdUI7SUFOcEM7UUFPRSxnQkFBVyxHQUFnQixJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVqRCxZQUFPLEdBQUc7WUFDUixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRTtZQUNyQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtZQUNoQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRTtTQUN0QyxDQUFDO0lBQ0osQ0FBQzs7O1lBaEJBLFNBQVMsU0FBQztnQkFDVCw4REFBOEQ7Z0JBQzlELFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLG13Q0FBK0M7Z0JBQy9DLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2FBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY29udGFpbmVyLXNpemVzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRhaW5lci1zaXplcy5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDb250YWluZXJTaXplc0NvbXBvbmVudCB7XG4gIHNpemVDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgneHMnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICd4cycsIGxhYmVsOiAnRXh0cmEgU21hbGwnIH0sXG4gICAgeyB2YWx1ZTogJ3NtJywgbGFiZWw6ICdTbWFsbCcgfSxcbiAgICB7IHZhbHVlOiAnbWQnLCBsYWJlbDogJ01lZGl1bScgfSxcbiAgICB7IHZhbHVlOiAnbGcnLCBsYWJlbDogJ0xhcmdlJyB9LFxuICAgIHsgdmFsdWU6ICd4bCcsIGxhYmVsOiAnRXh0cmEgTGFyZ2UnIH0sXG4gIF07XG59XG4iXX0=
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
2
|
+
import { NgModule } from '@angular/core';
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
4
|
+
import { DaffContainerModule } from '@daffodil/design';
|
5
|
+
import { ContainerSizesComponent } from './container-sizes.component';
|
6
|
+
export class ContainerSizesModule {
|
7
|
+
}
|
8
|
+
ContainerSizesModule.decorators = [
|
9
|
+
{ type: NgModule, args: [{
|
10
|
+
declarations: [
|
11
|
+
ContainerSizesComponent,
|
12
|
+
],
|
13
|
+
exports: [
|
14
|
+
ContainerSizesComponent,
|
15
|
+
],
|
16
|
+
imports: [
|
17
|
+
CommonModule,
|
18
|
+
ReactiveFormsModule,
|
19
|
+
DaffContainerModule,
|
20
|
+
],
|
21
|
+
},] }
|
22
|
+
];
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLXNpemVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9leGFtcGxlcy9zcmMvY29udGFpbmVyLXNpemVzL2NvbnRhaW5lci1zaXplcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFdkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFpQnRFLE1BQU0sT0FBTyxvQkFBb0I7OztZQWRoQyxRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLHVCQUF1QjtpQkFDeEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLHVCQUF1QjtpQkFDeEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osbUJBQW1CO29CQUVuQixtQkFBbUI7aUJBQ3BCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZDb250YWluZXJNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgQ29udGFpbmVyU2l6ZXNDb21wb25lbnQgfSBmcm9tICcuL2NvbnRhaW5lci1zaXplcy5jb21wb25lbnQnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIENvbnRhaW5lclNpemVzQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ29udGFpbmVyU2l6ZXNDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcblxuICAgIERhZmZDb250YWluZXJNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENvbnRhaW5lclNpemVzTW9kdWxlIHsgfVxuIl19
|
@@ -0,0 +1,5 @@
|
|
1
|
+
/**
|
2
|
+
* Generated bundle index. Do not edit.
|
3
|
+
*/
|
4
|
+
export * from './index';
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLWNvbnRhaW5lci1leGFtcGxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9leGFtcGxlcy9zcmMvZGFmZm9kaWwtZGVzaWduLWNvbnRhaW5lci1leGFtcGxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { ContainerSizesComponent } from './container-sizes/container-sizes.component';
|
2
|
+
export const CONTAINER_EXAMPLES = [
|
3
|
+
ContainerSizesComponent,
|
4
|
+
];
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jb250YWluZXIvZXhhbXBsZXMvc3JjL2V4YW1wbGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBRXRGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHO0lBQ2hDLHVCQUF1QjtDQUN4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29udGFpbmVyU2l6ZXNDb21wb25lbnQgfSBmcm9tICcuL2NvbnRhaW5lci1zaXplcy9jb250YWluZXItc2l6ZXMuY29tcG9uZW50JztcblxuZXhwb3J0IGNvbnN0IENPTlRBSU5FUl9FWEFNUExFUyA9IFtcbiAgQ29udGFpbmVyU2l6ZXNDb21wb25lbnQsXG5dO1xuIl19
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './public_api';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jb250YWluZXIvZXhhbXBsZXMvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
|
@@ -0,0 +1,4 @@
|
|
1
|
+
export { ContainerSizesComponent } from './container-sizes/container-sizes.component';
|
2
|
+
export { ContainerSizesModule } from './container-sizes/container-sizes.module';
|
3
|
+
export { CONTAINER_EXAMPLES } from './examples';
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNoRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBDb250YWluZXJTaXplc0NvbXBvbmVudCB9IGZyb20gJy4vY29udGFpbmVyLXNpemVzL2NvbnRhaW5lci1zaXplcy5jb21wb25lbnQnO1xuZXhwb3J0IHsgQ29udGFpbmVyU2l6ZXNNb2R1bGUgfSBmcm9tICcuL2NvbnRhaW5lci1zaXplcy9jb250YWluZXItc2l6ZXMubW9kdWxlJztcbmV4cG9ydCB7IENPTlRBSU5FUl9FWEFNUExFUyB9IGZyb20gJy4vZXhhbXBsZXMnO1xuIl19
|
@@ -0,0 +1,14 @@
|
|
1
|
+
/**
|
2
|
+
* A mixin for giving a component the ability to manage a DaffContainerComponent's layout.
|
3
|
+
* It passes predetermined layout styles down to the container. In order for a component to
|
4
|
+
* do this, it must implement this mixin.
|
5
|
+
*/
|
6
|
+
export function daffManageContainerLayoutMixin(Base) {
|
7
|
+
return class extends Base {
|
8
|
+
constructor(...args) {
|
9
|
+
super(...args);
|
10
|
+
this._renderer.addClass(this._elementRef.nativeElement, `daff-manage-container-layout`);
|
11
|
+
}
|
12
|
+
};
|
13
|
+
}
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlLWNvbnRhaW5lci1sYXlvdXQtbWl4aW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9tYW5hZ2UtY29udGFpbmVyLWxheW91dC9tYW5hZ2UtY29udGFpbmVyLWxheW91dC1taXhpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZQTs7OztHQUlHO0FBQ0gsTUFBTSxVQUNOLDhCQUE4QixDQUF1QyxJQUFPO0lBQzFFLE9BQU8sS0FBTSxTQUFRLElBQUk7UUFDdkIsWUFBWSxHQUFHLElBQVc7WUFDeEIsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7WUFDZixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSw4QkFBOEIsQ0FBQyxDQUFDO1FBQzFGLENBQUM7S0FDRixDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEVsZW1lbnRSZWYsXG4gIFJlbmRlcmVyMixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IENvbnN0cnVjdG9yIH0gZnJvbSAnLi4vY29uc3RydWN0b3IvY29uc3RydWN0b3InO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhhc0VsZW1lbnRSZWYge1xuXHRfZWxlbWVudFJlZjogRWxlbWVudFJlZjtcblx0X3JlbmRlcmVyOiBSZW5kZXJlcjI7XG59XG5cbi8qKlxuICogQSBtaXhpbiBmb3IgZ2l2aW5nIGEgY29tcG9uZW50IHRoZSBhYmlsaXR5IHRvIG1hbmFnZSBhIERhZmZDb250YWluZXJDb21wb25lbnQncyBsYXlvdXQuXG4gKiBJdCBwYXNzZXMgcHJlZGV0ZXJtaW5lZCBsYXlvdXQgc3R5bGVzIGRvd24gdG8gdGhlIGNvbnRhaW5lci4gSW4gb3JkZXIgZm9yIGEgY29tcG9uZW50IHRvXG4gKiBkbyB0aGlzLCBpdCBtdXN0IGltcGxlbWVudCB0aGlzIG1peGluLlxuICovXG5leHBvcnQgZnVuY3Rpb25cbmRhZmZNYW5hZ2VDb250YWluZXJMYXlvdXRNaXhpbjxUIGV4dGVuZHMgQ29uc3RydWN0b3I8SGFzRWxlbWVudFJlZj4+KEJhc2U6IFQpIHtcbiAgcmV0dXJuIGNsYXNzIGV4dGVuZHMgQmFzZSB7XG4gICAgY29uc3RydWN0b3IoLi4uYXJnczogYW55W10pIHtcbiAgICAgIHN1cGVyKC4uLmFyZ3MpO1xuICAgICAgdGhpcy5fcmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCBgZGFmZi1tYW5hZ2UtY29udGFpbmVyLWxheW91dGApO1xuICAgIH1cbiAgfTtcbn1cbiJdfQ==
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export { daffManageContainerLayoutMixin } from './manage-container-layout-mixin';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL21hbmFnZS1jb250YWluZXItbGF5b3V0L3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0saUNBQWlDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBkYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0TWl4aW4gfSBmcm9tICcuL21hbmFnZS1jb250YWluZXItbGF5b3V0LW1peGluJztcbiJdfQ==
|