@daffodil/design 0.71.0 → 0.72.0
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/README.md +36 -40
- package/accordion/accordion/accordion-item/accordion-item.component.d.ts +1 -3
- package/accordion/accordion.module.d.ts +4 -5
- package/accordion/public_api.d.ts +0 -1
- package/atoms/form/quantity-field/quantity-field.component.d.ts +2 -1
- package/callout/callout/callout.component.d.ts +1 -31
- package/esm2022/accordion/accordion/accordion-item/accordion-item.component.mjs +2 -5
- package/esm2022/accordion/accordion.module.mjs +3 -8
- package/esm2022/accordion/examples/basic-accordion/basic-accordion.component.mjs +1 -1
- package/esm2022/accordion/public_api.mjs +1 -2
- package/esm2022/atoms/form/quantity-field/quantity-field.component.mjs +7 -4
- package/esm2022/callout/callout/callout.component.mjs +5 -35
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +1 -1
- package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +1 -1
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +1 -1
- package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +1 -1
- package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +1 -1
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +1 -1
- package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +1 -1
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +1 -1
- package/esm2022/hero/hero/hero.component.mjs +5 -36
- package/esm2022/list/examples/basic-list/basic-list.component.mjs +1 -1
- package/esm2022/list/examples/icon-list/icon-list.component.mjs +1 -1
- package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +1 -1
- package/esm2022/list/examples/nav-list/nav-list.component.mjs +1 -1
- package/esm2022/list/list/list.component.mjs +5 -43
- package/esm2022/list/list.module.mjs +1 -6
- package/esm2022/list/public_api.mjs +1 -2
- package/esm2022/menu/menu-activator/menu-activator.component.mjs +1 -1
- package/esm2022/notification/examples/default-notification/default-notification.component.mjs +1 -1
- package/esm2022/notification/examples/{dismissable-notification/dismissable-notification.component.mjs → dismissible-notification/dismissible-notification.component.mjs} +6 -6
- package/esm2022/notification/examples/{dismissable-notification/dismissable-notification.module.mjs → dismissible-notification/dismissible-notification.module.mjs} +10 -10
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +1 -1
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +1 -1
- package/esm2022/notification/examples/public_api.mjs +4 -4
- package/esm2022/notification/notification/notification.component.mjs +6 -6
- package/esm2022/paginator/examples/basic-paginator/basic-paginator.component.mjs +1 -1
- package/esm2022/paginator/examples/link-paginator/link-paginator.component.mjs +1 -1
- package/esm2022/paginator/paginator/paginator.component.mjs +8 -24
- package/esm2022/public_api.mjs +1 -8
- package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.mjs +1 -1
- package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.component.mjs +1 -1
- package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.component.mjs +1 -1
- package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.component.mjs +1 -1
- package/esm2022/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.mjs +1 -5
- package/fesm2022/daffodil-design-accordion-examples.mjs +1 -1
- package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-accordion.mjs +4 -34
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +4 -4
- package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout.mjs +5 -35
- package/fesm2022/daffodil-design-callout.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +4 -4
- package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero.mjs +5 -36
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-list-examples.mjs +4 -4
- package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +5 -70
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +17 -17
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +5 -5
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator-examples.mjs +2 -2
- package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +6 -22
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-quantity-field-examples.mjs +4 -4
- package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +0 -4
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +64 -602
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/hero/README.md +0 -6
- package/hero/hero/hero.component.d.ts +1 -32
- package/list/README.md +0 -7
- package/list/list/list.component.d.ts +1 -30
- package/list/list.module.d.ts +4 -5
- package/list/public_api.d.ts +0 -1
- package/list/src/list-theme.scss +0 -34
- package/menu/README.md +15 -3
- package/notification/examples/dismissible-notification/dismissible-notification.component.d.ts +6 -0
- package/notification/examples/dismissible-notification/dismissible-notification.module.d.ts +11 -0
- package/notification/notification/notification.component.d.ts +2 -2
- package/package.json +1 -1
- package/paginator/paginator/paginator.component.d.ts +4 -24
- package/paginator/src/paginator-theme.scss +0 -55
- package/public_api.d.ts +0 -6
- package/scss/theme.scss +0 -2
- package/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts +0 -4
- package/accordion/accordion/accordion-item-content/accordion-item-content.directive.d.ts +0 -12
- package/atoms/progress-indicator/animation/progress-indicator-animation.d.ts +0 -4
- package/atoms/progress-indicator/progress-indicator.component.d.ts +0 -57
- package/atoms/progress-indicator/progress-indicator.module.d.ts +0 -8
- package/atoms/progress-indicator/public_api.d.ts +0 -2
- package/esm2022/accordion/accordion/accordion-item-content/accordion-item-content.directive.mjs +0 -25
- package/esm2022/atoms/progress-indicator/animation/progress-indicator-animation.mjs +0 -8
- package/esm2022/atoms/progress-indicator/progress-indicator.component.mjs +0 -82
- package/esm2022/atoms/progress-indicator/progress-indicator.module.mjs +0 -20
- package/esm2022/atoms/progress-indicator/public_api.mjs +0 -3
- package/esm2022/list/list-subheader/list-subheader.directive.mjs +0 -25
- package/esm2022/molecules/button-set/button-set.component.mjs +0 -23
- package/esm2022/molecules/button-set/button-set.module.mjs +0 -20
- package/esm2022/molecules/button-set/public_api.mjs +0 -3
- package/esm2022/molecules/feature/feature/feature.component.mjs +0 -49
- package/esm2022/molecules/feature/feature-icon/feature-icon.directive.mjs +0 -22
- package/esm2022/molecules/feature/feature-subheader/feature-subheader.directive.mjs +0 -22
- package/esm2022/molecules/feature/feature-subtitle/feature-subtitle.directive.mjs +0 -22
- package/esm2022/molecules/feature/feature-title/feature-title.directive.mjs +0 -22
- package/esm2022/molecules/feature/feature.module.mjs +0 -44
- package/esm2022/molecules/feature/public_api.mjs +0 -7
- package/esm2022/molecules/image-gallery/gallery-image/gallery-image.component.mjs +0 -25
- package/esm2022/molecules/image-gallery/image-gallery/image-gallery.component.mjs +0 -15
- package/esm2022/molecules/image-gallery/image-gallery.module.mjs +0 -33
- package/esm2022/molecules/image-gallery/public_api.mjs +0 -4
- package/esm2022/molecules/image-list/image-list.component.mjs +0 -20
- package/esm2022/molecules/image-list/image-list.module.mjs +0 -24
- package/esm2022/molecules/image-list/public_api.mjs +0 -3
- package/esm2022/molecules/qty-dropdown/public_api.mjs +0 -3
- package/esm2022/molecules/qty-dropdown/qty-dropdown.component.mjs +0 -113
- package/esm2022/molecules/qty-dropdown/qty-dropdown.module.mjs +0 -40
- package/list/list-subheader/list-subheader.directive.d.ts +0 -12
- package/molecules/button-set/button-set.component.d.ts +0 -12
- package/molecules/button-set/button-set.module.d.ts +0 -7
- package/molecules/button-set/public_api.d.ts +0 -2
- package/molecules/feature/feature/feature.component.d.ts +0 -26
- package/molecules/feature/feature-icon/feature-icon.directive.d.ts +0 -9
- package/molecules/feature/feature-subheader/feature-subheader.directive.d.ts +0 -9
- package/molecules/feature/feature-subtitle/feature-subtitle.directive.d.ts +0 -9
- package/molecules/feature/feature-title/feature-title.directive.d.ts +0 -9
- package/molecules/feature/feature.module.d.ts +0 -12
- package/molecules/feature/public_api.d.ts +0 -6
- package/molecules/image-gallery/gallery-image/gallery-image.component.d.ts +0 -10
- package/molecules/image-gallery/image-gallery/image-gallery.component.d.ts +0 -8
- package/molecules/image-gallery/image-gallery.module.d.ts +0 -10
- package/molecules/image-gallery/public_api.d.ts +0 -3
- package/molecules/image-list/image-list.component.d.ts +0 -9
- package/molecules/image-list/image-list.module.d.ts +0 -8
- package/molecules/image-list/public_api.d.ts +0 -2
- package/molecules/qty-dropdown/public_api.d.ts +0 -2
- package/molecules/qty-dropdown/qty-dropdown.component.d.ts +0 -61
- package/molecules/qty-dropdown/qty-dropdown.module.d.ts +0 -12
- package/notification/examples/dismissable-notification/dismissable-notification.component.d.ts +0 -6
- package/notification/examples/dismissable-notification/dismissable-notification.module.d.ts +0 -11
- package/src/atoms/progress-indicator/progress-indicator-theme.scss +0 -60
package/README.md
CHANGED
@@ -2,62 +2,58 @@
|
|
2
2
|
`@daffodil/design` is an Angular component library built to support ecommerce use-cases. The library provides turn-key support for various features like:
|
3
3
|
|
4
4
|
* [Pre-Built Components](#components)
|
5
|
-
* [Theming](
|
6
|
-
* [Typography](
|
7
|
-
* [Accessibility](
|
8
|
-
* [Color](
|
5
|
+
* [Theming](/libs/design/guides/theming.md)
|
6
|
+
* [Typography](/libs/design/guides/typography.md)
|
7
|
+
* [Accessibility](/libs/design/guides/accessibility.md)
|
8
|
+
* [Color](/libs/design/guides/accessibility/color.md)
|
9
9
|
|
10
10
|
## Packages
|
11
11
|
| Package | Version | Stability |
|
12
12
|
|---|---|---|
|
13
|
-
| [@daffodil/design](
|
13
|
+
| [@daffodil/design](/libs/design/README.md) | [](https://npmjs.com/package/@daffodil/design) | [](https://www.github.com/graycoreio/daffodil) |
|
14
14
|
|
15
15
|
The source for this package is in the [Daffodil repository](https://github.com/graycoreio/daffodil).
|
16
16
|
|
17
17
|
## Getting Started
|
18
|
-
Refer to the [Getting Started Guide](
|
18
|
+
Refer to the [Getting Started Guide](/libs/design/guides/getting-started.md).
|
19
19
|
|
20
20
|
## Upgrading
|
21
|
-
Refer to the [Upgrade Guide](
|
21
|
+
Refer to the [Upgrade Guide](/libs/design/guides/upgrading.md).
|
22
22
|
|
23
23
|
## Components
|
24
24
|
|
25
25
|
### Atoms
|
26
|
-
* [Button](
|
27
|
-
* [Container](
|
28
|
-
* [Form](
|
29
|
-
* [Checkbox](
|
30
|
-
* [Checkbox Set](
|
31
|
-
* [Error Message](
|
32
|
-
* [Form Field](
|
33
|
-
* [Form Label](
|
34
|
-
* [Input](
|
35
|
-
* [Radio](
|
36
|
-
* [Radio Set](
|
37
|
-
* [Select](
|
38
|
-
* [Quantity Field](
|
39
|
-
* [Image](
|
40
|
-
* [Loading Icon](
|
41
|
-
* [Progress Indicator](./src/atoms/progress-indicator/README.md)
|
26
|
+
* [Button](/libs/design/src/atoms/button/README.md)
|
27
|
+
* [Container](/libs/design/src/atoms/container/README.md)
|
28
|
+
* [Form](/libs/design/src/atoms/form/README.md)
|
29
|
+
* [Checkbox](/libs/design/src/atoms/form/checkbox/README.md)
|
30
|
+
* [Checkbox Set](/libs/design/src/atoms/form/checkbox-set/README.md)
|
31
|
+
* [Error Message](/libs/design/src/atoms/form/error-message/README.md)
|
32
|
+
* [Form Field](/libs/design/src/atoms/form/form-field/README.md)
|
33
|
+
* [Form Label](/libs/design/src/atoms/form/form-label/README.md)
|
34
|
+
* [Input](/libs/design/src/atoms/form/input/README.md)
|
35
|
+
* [Radio](/libs/design/src/atoms/form/radio/README.md)
|
36
|
+
* [Radio Set](/libs/design/src/atoms/form/radio-set/README.md)
|
37
|
+
* [Select](/libs/design/src/atoms/form/select/README.md)
|
38
|
+
* [Quantity Field](/libs/design/src/atoms/form/quantity-field/README.md)
|
39
|
+
* [Image](/libs/design/src/atoms/image/README.md)
|
40
|
+
* [Loading Icon](/libs/design/src/atoms/loading-icon/README.md)
|
42
41
|
|
43
42
|
### Molecules
|
44
|
-
* [Accordion](
|
45
|
-
* [Article](
|
46
|
-
* [Backdrop](
|
47
|
-
* [
|
48
|
-
* [
|
49
|
-
* [
|
50
|
-
* [
|
51
|
-
* [
|
52
|
-
* [
|
53
|
-
* [
|
54
|
-
* [
|
55
|
-
* [
|
56
|
-
* [
|
57
|
-
* [
|
58
|
-
* [Navbar](./src/molecules/navbar/README.md)
|
59
|
-
* [Paginator](./src/molecules/paginator/README.md)
|
60
|
-
* [Sidebar](./src/molecules/sidebar/README.md)
|
43
|
+
* [Accordion](/libs/design/src/molecules/accordion/README.md)
|
44
|
+
* [Article](/libs/design/src/molecules/article/README.md)
|
45
|
+
* [Backdrop](/libs/design/src/molecules/backdrop/README.md)
|
46
|
+
* [Callout](/libs/design/src/molecules/callout/README.md)
|
47
|
+
* [Card](/libs/design/src/molecules/card/README.md)
|
48
|
+
* [Hero](/libs/design/src/molecules/hero/README.md)
|
49
|
+
* [Image List](/libs/design/src/molecules/image-list/README.md)
|
50
|
+
* [Link Set](/libs/design/src/molecules/link-set/README.md)
|
51
|
+
* [List](/libs/design/src/molecules/list/README.md)
|
52
|
+
* [Media Gallery](/libs/design/src/molecules/media-gallery/README.md)
|
53
|
+
* [Modal](/libs/design/src/molecules/modal/README.md)
|
54
|
+
* [Navbar](/libs/design/src/molecules/navbar/README.md)
|
55
|
+
* [Paginator](/libs/design/src/molecules/paginator/README.md)
|
56
|
+
* [Sidebar](/libs/design/src/molecules/sidebar/README.md)
|
61
57
|
|
62
58
|
## Behind the Scenes
|
63
59
|
* [The Team](https://github.com/graycoreio/daffodil/graphs/contributors)
|
@@ -16,8 +16,6 @@ export declare class DaffAccordionItemComponent implements OnInit {
|
|
16
16
|
get openClass(): boolean;
|
17
17
|
_daffAccordionItemId: string;
|
18
18
|
id: string;
|
19
|
-
/** @deprecated in v1.0.0 in favor of `initiallyExpanded` */
|
20
|
-
initiallyActive: boolean;
|
21
19
|
/** Whether or not the item is initiallyExpanded by default. */
|
22
20
|
initiallyExpanded: boolean;
|
23
21
|
/**
|
@@ -34,5 +32,5 @@ export declare class DaffAccordionItemComponent implements OnInit {
|
|
34
32
|
ngOnInit(): void;
|
35
33
|
toggleActive(): void;
|
36
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffAccordionItemComponent, never>;
|
37
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffAccordionItemComponent, "daff-accordion-item", never, { "id": { "alias": "id"; "required": false; }; "
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffAccordionItemComponent, "daff-accordion-item", never, { "id": { "alias": "id"; "required": false; }; "initiallyExpanded": { "alias": "initiallyExpanded"; "required": false; }; }, {}, never, ["[daffAccordionItemTitle]", "*"], false, never>;
|
38
36
|
}
|
@@ -2,12 +2,11 @@ import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./accordion/accordion/accordion.component";
|
3
3
|
import * as i2 from "./accordion/accordion-item/accordion-item.component";
|
4
4
|
import * as i3 from "./accordion/accordion-item-title/accordion-item-title.directive";
|
5
|
-
import * as i4 from "
|
6
|
-
import * as i5 from "@angular
|
7
|
-
import * as i6 from "@
|
8
|
-
import * as i7 from "@daffodil/design";
|
5
|
+
import * as i4 from "@angular/common";
|
6
|
+
import * as i5 from "@fortawesome/angular-fontawesome";
|
7
|
+
import * as i6 from "@daffodil/design";
|
9
8
|
export declare class DaffAccordionModule {
|
10
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffAccordionModule, never>;
|
11
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffAccordionModule, [typeof i1.DaffAccordionComponent, typeof i2.DaffAccordionItemComponent, typeof i3.DaffAccordionItemTitleDirective
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffAccordionModule, [typeof i1.DaffAccordionComponent, typeof i2.DaffAccordionItemComponent, typeof i3.DaffAccordionItemTitleDirective], [typeof i4.CommonModule, typeof i5.FontAwesomeModule, typeof i6.DaffPrefixSuffixModule], [typeof i1.DaffAccordionComponent, typeof i2.DaffAccordionItemComponent, typeof i3.DaffAccordionItemTitleDirective]>;
|
12
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<DaffAccordionModule>;
|
13
12
|
}
|
@@ -2,4 +2,3 @@ export { DaffAccordionModule } from './accordion.module';
|
|
2
2
|
export * from './accordion/accordion/accordion.component';
|
3
3
|
export * from './accordion/accordion-item/accordion-item.component';
|
4
4
|
export * from './accordion/accordion-item-title/accordion-item-title.directive';
|
5
|
-
export * from './accordion/accordion-item-content/accordion-item-content.directive';
|
@@ -27,6 +27,7 @@ export declare class DaffQuantityFieldComponent implements ControlValueAccessor,
|
|
27
27
|
* before it becomes an input element.
|
28
28
|
*/
|
29
29
|
selectMax: number;
|
30
|
+
id: string;
|
30
31
|
get focused(): boolean;
|
31
32
|
disabled: boolean;
|
32
33
|
private _quantity;
|
@@ -49,5 +50,5 @@ export declare class DaffQuantityFieldComponent implements ControlValueAccessor,
|
|
49
50
|
setDisabledState(isDisabled: boolean): void;
|
50
51
|
focus(): void;
|
51
52
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffQuantityFieldComponent, [{ optional: true; self: true; }, null]>;
|
52
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffQuantityFieldComponent, "daff-quantity-field", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "selectMax": { "alias": "selectMax"; "required": false; }; }, {}, never, never, false, never>;
|
53
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffQuantityFieldComponent, "daff-quantity-field", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "selectMax": { "alias": "selectMax"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, false, never>;
|
53
54
|
}
|
@@ -1,20 +1,6 @@
|
|
1
1
|
import { ElementRef, Renderer2 } from '@angular/core';
|
2
2
|
import { DaffColorable, DaffCompactable, DaffTextAlignable } from '@daffodil/design';
|
3
3
|
import * as i0 from "@angular/core";
|
4
|
-
/**
|
5
|
-
* @deprecated See {@link DaffTextAlignable}
|
6
|
-
*/
|
7
|
-
export type DaffCalloutLayout = 'centered' | undefined;
|
8
|
-
export declare enum DaffCalloutLayoutEnum {
|
9
|
-
Centered = "centered"
|
10
|
-
}
|
11
|
-
/**
|
12
|
-
* @deprecated See {@link DaffCompactable}
|
13
|
-
*/
|
14
|
-
export type DaffCalloutSize = 'compact' | undefined;
|
15
|
-
export declare enum DaffCalloutSizeEnum {
|
16
|
-
Compact = "compact"
|
17
|
-
}
|
18
4
|
/**
|
19
5
|
* An _elementRef and an instance of renderer2 are needed for the Colorable mixin
|
20
6
|
*/
|
@@ -51,28 +37,12 @@ declare const _daffCalloutBase: (new (...args: any[]) => {
|
|
51
37
|
export declare class DaffCalloutComponent extends _daffCalloutBase implements DaffColorable, DaffTextAlignable, DaffCompactable {
|
52
38
|
private elementRef;
|
53
39
|
private renderer;
|
54
|
-
/**
|
55
|
-
* @deprecated See {@link DaffTextAlignable}
|
56
|
-
*/
|
57
|
-
layout: DaffCalloutLayout;
|
58
|
-
/**
|
59
|
-
* @deprecated See {@link DaffCompactable}
|
60
|
-
*/
|
61
|
-
size: DaffCalloutSize;
|
62
40
|
constructor(elementRef: ElementRef, renderer: Renderer2);
|
63
41
|
/**
|
64
42
|
* @docs-private
|
65
43
|
*/
|
66
44
|
class: boolean;
|
67
|
-
/**
|
68
|
-
* @deprecated See {@link DaffTextAlignable}
|
69
|
-
*/
|
70
|
-
get centered(): boolean;
|
71
|
-
/**
|
72
|
-
* @deprecated See {@link DaffCompactable}
|
73
|
-
*/
|
74
|
-
get compactClass(): boolean;
|
75
45
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffCalloutComponent, never>;
|
76
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffCalloutComponent, "daff-callout", never, { "color": { "alias": "color"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; };
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffCalloutComponent, "daff-callout", never, { "color": { "alias": "color"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; }, {}, never, ["*"], false, never>;
|
77
47
|
}
|
78
48
|
export {};
|
@@ -34,7 +34,6 @@ export class DaffAccordionItemComponent {
|
|
34
34
|
* @docs-private
|
35
35
|
*/
|
36
36
|
ngOnInit() {
|
37
|
-
this._open = this.initiallyActive ? this.initiallyActive : this._open;
|
38
37
|
this._open = this.initiallyExpanded ? this.initiallyExpanded : this._open;
|
39
38
|
this._animationState = getAnimationState(this._open);
|
40
39
|
}
|
@@ -43,7 +42,7 @@ export class DaffAccordionItemComponent {
|
|
43
42
|
this._animationState = getAnimationState(this._open);
|
44
43
|
}
|
45
44
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
46
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: { id: "id",
|
45
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: { id: "id", initiallyExpanded: "initiallyExpanded" }, host: { properties: { "class.daff-accordion-item": "this.class", "class.open": "this.openClass" } }, ngImport: i0, template: "<button type=\"button\" class=\"daff-accordion-item__header\"\n (click)=\"toggleActive()\"\n [attr.aria-expanded]=\"_open === true\"\n [attr.aria-controls]=\"id\">\n <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n</button>\n<div [@openAccordion]=\"_animationState\" [id]=\"id\">\n <div class=\"daff-accordion-item__content\">\n <ng-content></ng-content>\n </div>\n</div>", styles: [".daff-accordion-item{display:block}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:none;inline-size:100%;margin:0;padding:16px;position:relative}.daff-accordion-item__header:after{content:\"\";position:absolute;top:48%;right:2px;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);transition:transform .15s}.daff-accordion-item.open .daff-accordion-item__header:after{top:56%;transform:translateY(-50%) rotate(225deg)}.daff-accordion-item__title{font-size:1rem;font-weight:500;inline-size:100%;margin:0;padding:0 32px 0 0;text-align:start}.daff-accordion-item__content{padding:0 16px 16px}.daff-accordion-item__content>p{margin:0 0 16px}.daff-accordion-item__content>p:last-child{margin:0}\n"], animations: [
|
47
46
|
daffAccordionAnimations.openAccordion,
|
48
47
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
49
48
|
}
|
@@ -60,9 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
60
59
|
args: ['class.open']
|
61
60
|
}], id: [{
|
62
61
|
type: Input
|
63
|
-
}], initiallyActive: [{
|
64
|
-
type: Input
|
65
62
|
}], initiallyExpanded: [{
|
66
63
|
type: Input
|
67
64
|
}] } });
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYWNjb3JkaW9uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYWNjb3JkaW9uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBRUwsaUJBQWlCLEVBQ2pCLFdBQVcsRUFDWCx1QkFBdUIsR0FDeEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGFBQWEsRUFDYixXQUFXLEdBQ1osTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7QUFFM0UsSUFBSSxtQkFBbUIsR0FBRyxDQUFDLENBQUM7QUFZNUIsTUFBTSxPQUFPLDBCQUEwQjtJQVZ2QztRQVdFOztXQUVHO1FBQ0gsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFDOUI7O1dBRUc7UUFDSCxnQkFBVyxHQUFHLFdBQVcsQ0FBQztRQUUxQjs7V0FFRztRQUN1QyxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBTXZELHlCQUFvQixHQUFHLHFCQUFxQixHQUFHLEdBQUcsR0FBRyxFQUFFLG1CQUFtQixDQUFDO1FBRWxFLE9BQUUsR0FBVyxJQUFJLENBQUMsb0JBQW9CLENBQUM7UUFFaEQsK0RBQStEO1FBQ3RELHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNILFVBQUssR0FBRyxLQUFLLENBQUM7S0FrQmY7SUFoQ0MsSUFBK0IsU0FBUztRQUN0QyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQWtCRDs7T0FFRztJQUNILFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQzFFLElBQUksQ0FBQyxlQUFlLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZELENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLGVBQWUsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkQsQ0FBQztrSUE5Q1UsMEJBQTBCO3NIQUExQiwwQkFBMEIsOE5DNUJ2Qyw2WUFVTSxxK0JEY1E7WUFDVix1QkFBdUIsQ0FBQyxhQUFhO1NBQ3RDOzs0RkFFVSwwQkFBMEI7a0JBVnRDLFNBQVM7K0JBQ0UscUJBQXFCLGlCQUdoQixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DO3dCQUNWLHVCQUF1QixDQUFDLGFBQWE7cUJBQ3RDOzhCQWV5QyxLQUFLO3NCQUE5QyxXQUFXO3VCQUFDLDJCQUEyQjtnQkFFVCxTQUFTO3NCQUF2QyxXQUFXO3VCQUFDLFlBQVk7Z0JBTWhCLEVBQUU7c0JBQVYsS0FBSztnQkFHRyxpQkFBaUI7c0JBQXpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBIb3N0QmluZGluZyxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgZmFDaGV2cm9uRG93bixcbiAgZmFDaGV2cm9uVXAsXG59IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IGRhZmZBY2NvcmRpb25BbmltYXRpb25zIH0gZnJvbSAnLi4vYW5pbWF0aW9uL2FjY29yZGlvbi1hbmltYXRpb24nO1xuaW1wb3J0IHsgZ2V0QW5pbWF0aW9uU3RhdGUgfSBmcm9tICcuLi9hbmltYXRpb24vYWNjb3JkaW9uLWFuaW1hdGlvbi1zdGF0ZSc7XG5cbmxldCBkYWZmQWNjb3JkaW9uSXRlbUlkID0gMDtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1hY2NvcmRpb24taXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY2NvcmRpb24taXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBhbmltYXRpb25zOiBbXG4gICAgZGFmZkFjY29yZGlvbkFuaW1hdGlvbnMub3BlbkFjY29yZGlvbixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkFjY29yZGlvbkl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgZmFDaGV2cm9uRG93biA9IGZhQ2hldnJvbkRvd247XG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBmYUNoZXZyb25VcCA9IGZhQ2hldnJvblVwO1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtYWNjb3JkaW9uLWl0ZW0nKSBjbGFzcyA9IHRydWU7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5vcGVuJykgZ2V0IG9wZW5DbGFzcygpIHtcbiAgICByZXR1cm4gdGhpcy5fb3BlbjtcbiAgfVxuXG4gIF9kYWZmQWNjb3JkaW9uSXRlbUlkID0gJ2RhZmYtYWNjb3JkaW9uLWl0ZW0nICsgJy0nICsgKytkYWZmQWNjb3JkaW9uSXRlbUlkO1xuXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSB0aGlzLl9kYWZmQWNjb3JkaW9uSXRlbUlkO1xuXG4gIC8qKiBXaGV0aGVyIG9yIG5vdCB0aGUgaXRlbSBpcyBpbml0aWFsbHlFeHBhbmRlZCBieSBkZWZhdWx0LiAqL1xuICBASW5wdXQoKSBpbml0aWFsbHlFeHBhbmRlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBfb3BlbiA9IGZhbHNlO1xuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgX2FuaW1hdGlvblN0YXRlOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuX29wZW4gPSB0aGlzLmluaXRpYWxseUV4cGFuZGVkID8gdGhpcy5pbml0aWFsbHlFeHBhbmRlZCA6IHRoaXMuX29wZW47XG4gICAgdGhpcy5fYW5pbWF0aW9uU3RhdGUgPSBnZXRBbmltYXRpb25TdGF0ZSh0aGlzLl9vcGVuKTtcbiAgfVxuXG4gIHRvZ2dsZUFjdGl2ZSgpIHtcbiAgICB0aGlzLl9vcGVuID0gIXRoaXMuX29wZW47XG4gICAgdGhpcy5fYW5pbWF0aW9uU3RhdGUgPSBnZXRBbmltYXRpb25TdGF0ZSh0aGlzLl9vcGVuKTtcbiAgfVxufVxuIiwiPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJkYWZmLWFjY29yZGlvbi1pdGVtX19oZWFkZXJcIlxuICAoY2xpY2spPVwidG9nZ2xlQWN0aXZlKClcIlxuICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cIl9vcGVuID09PSB0cnVlXCJcbiAgW2F0dHIuYXJpYS1jb250cm9sc109XCJpZFwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGFmZkFjY29yZGlvbkl0ZW1UaXRsZV1cIj48L25nLWNvbnRlbnQ+XG48L2J1dHRvbj5cbjxkaXYgW0BvcGVuQWNjb3JkaW9uXT1cIl9hbmltYXRpb25TdGF0ZVwiIFtpZF09XCJpZFwiPlxuICA8ZGl2IGNsYXNzPVwiZGFmZi1hY2NvcmRpb24taXRlbV9fY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
|
@@ -4,20 +4,17 @@ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
4
4
|
import { DaffPrefixSuffixModule } from '@daffodil/design';
|
5
5
|
import { DaffAccordionComponent } from './accordion/accordion/accordion.component';
|
6
6
|
import { DaffAccordionItemComponent } from './accordion/accordion-item/accordion-item.component';
|
7
|
-
import { DaffAccordionItemContentDirective } from './accordion/accordion-item-content/accordion-item-content.directive';
|
8
7
|
import { DaffAccordionItemTitleDirective } from './accordion/accordion-item-title/accordion-item-title.directive';
|
9
8
|
import * as i0 from "@angular/core";
|
10
9
|
export class DaffAccordionModule {
|
11
10
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
12
11
|
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionModule, declarations: [DaffAccordionComponent,
|
13
12
|
DaffAccordionItemComponent,
|
14
|
-
DaffAccordionItemTitleDirective,
|
15
|
-
DaffAccordionItemContentDirective], imports: [CommonModule,
|
13
|
+
DaffAccordionItemTitleDirective], imports: [CommonModule,
|
16
14
|
FontAwesomeModule,
|
17
15
|
DaffPrefixSuffixModule], exports: [DaffAccordionComponent,
|
18
16
|
DaffAccordionItemComponent,
|
19
|
-
DaffAccordionItemTitleDirective
|
20
|
-
DaffAccordionItemContentDirective] }); }
|
17
|
+
DaffAccordionItemTitleDirective] }); }
|
21
18
|
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionModule, imports: [CommonModule,
|
22
19
|
FontAwesomeModule,
|
23
20
|
DaffPrefixSuffixModule] }); }
|
@@ -34,14 +31,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
34
31
|
DaffAccordionComponent,
|
35
32
|
DaffAccordionItemComponent,
|
36
33
|
DaffAccordionItemTitleDirective,
|
37
|
-
DaffAccordionItemContentDirective,
|
38
34
|
],
|
39
35
|
exports: [
|
40
36
|
DaffAccordionComponent,
|
41
37
|
DaffAccordionItemComponent,
|
42
38
|
DaffAccordionItemTitleDirective,
|
43
|
-
DaffAccordionItemContentDirective,
|
44
39
|
],
|
45
40
|
}]
|
46
41
|
}] });
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2FjY29yZGlvbi9zcmMvYWNjb3JkaW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUUxRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQzs7QUFvQmxILE1BQU0sT0FBTyxtQkFBbUI7a0lBQW5CLG1CQUFtQjttSUFBbkIsbUJBQW1CLGlCQVY1QixzQkFBc0I7WUFDdEIsMEJBQTBCO1lBQzFCLCtCQUErQixhQVIvQixZQUFZO1lBRVosaUJBQWlCO1lBQ2pCLHNCQUFzQixhQVF0QixzQkFBc0I7WUFDdEIsMEJBQTBCO1lBQzFCLCtCQUErQjttSUFHdEIsbUJBQW1CLFlBaEI1QixZQUFZO1lBRVosaUJBQWlCO1lBQ2pCLHNCQUFzQjs7NEZBYWIsbUJBQW1CO2tCQWxCL0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFFWixpQkFBaUI7d0JBQ2pCLHNCQUFzQjtxQkFDdkI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHNCQUFzQjt3QkFDdEIsMEJBQTBCO3dCQUMxQiwrQkFBK0I7cUJBQ2hDO29CQUNELE9BQU8sRUFBRTt3QkFDUCxzQkFBc0I7d0JBQ3RCLDBCQUEwQjt3QkFDMUIsK0JBQStCO3FCQUNoQztpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5cbmltcG9ydCB7IERhZmZQcmVmaXhTdWZmaXhNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgRGFmZkFjY29yZGlvbkNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uL2FjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERhZmZBY2NvcmRpb25JdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IERhZmZBY2NvcmRpb25JdGVtVGl0bGVEaXJlY3RpdmUgfSBmcm9tICcuL2FjY29yZGlvbi9hY2NvcmRpb24taXRlbS10aXRsZS9hY2NvcmRpb24taXRlbS10aXRsZS5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gICAgRGFmZlByZWZpeFN1ZmZpeE1vZHVsZSxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGFmZkFjY29yZGlvbkNvbXBvbmVudCxcbiAgICBEYWZmQWNjb3JkaW9uSXRlbUNvbXBvbmVudCxcbiAgICBEYWZmQWNjb3JkaW9uSXRlbVRpdGxlRGlyZWN0aXZlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGFmZkFjY29yZGlvbkNvbXBvbmVudCxcbiAgICBEYWZmQWNjb3JkaW9uSXRlbUNvbXBvbmVudCxcbiAgICBEYWZmQWNjb3JkaW9uSXRlbVRpdGxlRGlyZWN0aXZlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmQWNjb3JkaW9uTW9kdWxlIHsgfVxuIl19
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@daffodil/design/accordion";
|
4
4
|
export class BasicAccordionComponent {
|
5
5
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
6
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicAccordionComponent, selector: "basic-accordion", ngImport: i0, template: "<daff-accordion>\n\t<daff-accordion-item [initiallyExpanded]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n", dependencies: [{ kind: "component", type: i1.DaffAccordionComponent, selector: "daff-accordion" }, { kind: "component", type: i1.DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: ["id", "
|
6
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicAccordionComponent, selector: "basic-accordion", ngImport: i0, template: "<daff-accordion>\n\t<daff-accordion-item [initiallyExpanded]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n", dependencies: [{ kind: "component", type: i1.DaffAccordionComponent, selector: "daff-accordion" }, { kind: "component", type: i1.DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: ["id", "initiallyExpanded"] }, { kind: "directive", type: i1.DaffAccordionItemTitleDirective, selector: "[daffAccordionItemTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
7
7
|
}
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicAccordionComponent, decorators: [{
|
9
9
|
type: Component,
|
@@ -2,5 +2,4 @@ export { DaffAccordionModule } from './accordion.module';
|
|
2
2
|
export * from './accordion/accordion/accordion.component';
|
3
3
|
export * from './accordion/accordion-item/accordion-item.component';
|
4
4
|
export * from './accordion/accordion-item-title/accordion-item-title.directive';
|
5
|
-
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2FjY29yZGlvbi9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN6RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyxpRUFBaUUsQ0FBQztBQUNoRixjQUFjLHFFQUFxRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgRGFmZkFjY29yZGlvbk1vZHVsZSB9IGZyb20gJy4vYWNjb3JkaW9uLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbi9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbi9hY2NvcmRpb24taXRlbS9hY2NvcmRpb24taXRlbS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0tdGl0bGUvYWNjb3JkaW9uLWl0ZW0tdGl0bGUuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLWNvbnRlbnQvYWNjb3JkaW9uLWl0ZW0tY29udGVudC5kaXJlY3RpdmUnO1xuIl19
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2FjY29yZGlvbi9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN6RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyxpRUFBaUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IERhZmZBY2NvcmRpb25Nb2R1bGUgfSBmcm9tICcuL2FjY29yZGlvbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9hY2NvcmRpb24vYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLXRpdGxlL2FjY29yZGlvbi1pdGVtLXRpdGxlLmRpcmVjdGl2ZSc7XG4iXX0=
|
@@ -64,6 +64,7 @@ export class DaffQuantityFieldComponent {
|
|
64
64
|
* before it becomes an input element.
|
65
65
|
*/
|
66
66
|
this.selectMax = 10;
|
67
|
+
this.id = '';
|
67
68
|
this.disabled = false;
|
68
69
|
this._quantity = 1;
|
69
70
|
this._inputHasBeenShown = false;
|
@@ -97,13 +98,13 @@ export class DaffQuantityFieldComponent {
|
|
97
98
|
}
|
98
99
|
}
|
99
100
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffQuantityFieldComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
100
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: { min: "min", max: "max", selectMax: "selectMax" }, providers: [
|
101
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: { min: "min", max: "max", selectMax: "selectMax", id: "id" }, providers: [
|
101
102
|
{
|
102
103
|
provide: DaffFormFieldControl,
|
103
104
|
// eslint-disable-next-line @typescript-eslint/no-use-before-define
|
104
105
|
useExisting: DaffQuantityFieldComponent,
|
105
106
|
},
|
106
|
-
], viewQueries: [{ propertyName: "input", first: true, predicate: DaffQuantityInputComponent, descendants: true }, { propertyName: "select", first: true, predicate: DaffQuantitySelectComponent, descendants: true }], ngImport: i0, template: "<daff-quantity-select\n *ngIf=\"showSelectField\"\n [min]=\"min\"
|
107
|
+
], viewQueries: [{ propertyName: "input", first: true, predicate: DaffQuantityInputComponent, descendants: true }, { propertyName: "select", first: true, predicate: DaffQuantitySelectComponent, descendants: true }], ngImport: i0, template: "<daff-quantity-select\n *ngIf=\"showSelectField\"\n [min]=\"min\"\n [max]=\"_maxFloor\"\n [extendable]=\"max > selectMax\"\n [id]=\"id\">\n</daff-quantity-select>\n<daff-quantity-input\n *ngIf=\"showInputField\"\n [min]=\"min\"\n [max]=\"max\"\n [id]=\"id\">\n</daff-quantity-input>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.DaffQuantityInputComponent, selector: "daff-quantity-input", inputs: ["min", "max"] }, { kind: "component", type: i4.DaffQuantitySelectComponent, selector: "daff-quantity-select", inputs: ["min", "max", "extendable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
107
108
|
}
|
108
109
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffQuantityFieldComponent, decorators: [{
|
109
110
|
type: Component,
|
@@ -113,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
113
114
|
// eslint-disable-next-line @typescript-eslint/no-use-before-define
|
114
115
|
useExisting: DaffQuantityFieldComponent,
|
115
116
|
},
|
116
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-quantity-select\n *ngIf=\"showSelectField\"\n [min]=\"min\"
|
117
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-quantity-select\n *ngIf=\"showSelectField\"\n [min]=\"min\"\n [max]=\"_maxFloor\"\n [extendable]=\"max > selectMax\"\n [id]=\"id\">\n</daff-quantity-select>\n<daff-quantity-input\n *ngIf=\"showInputField\"\n [min]=\"min\"\n [max]=\"max\"\n [id]=\"id\">\n</daff-quantity-input>\n" }]
|
117
118
|
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
118
119
|
type: Optional
|
119
120
|
}, {
|
@@ -130,5 +131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
130
131
|
type: Input
|
131
132
|
}], selectMax: [{
|
132
133
|
type: Input
|
134
|
+
}], id: [{
|
135
|
+
type: Input
|
133
136
|
}] } });
|
134
|
-
//# sourceMappingURL=data:application/json;base64,
|
137
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVhbnRpdHktZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2F0b21zL2Zvcm0vcXVhbnRpdHktZmllbGQvcXVhbnRpdHktZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2F0b21zL2Zvcm0vcXVhbnRpdHktZmllbGQvcXVhbnRpdHktZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDN0QsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsdUJBQXVCLEVBQ3ZCLFFBQVEsRUFDUixJQUFJLEVBQ0osU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBRUwsU0FBUyxHQUNWLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEIsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDdkYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDMUYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7OztBQWN4RSxNQUFNLE9BQU8sMEJBQTBCO0lBNEJyQyxJQUFJLE9BQU87UUFDVCxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsT0FBTyxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDekQsQ0FBQztJQU1ELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBSSxRQUFRLENBQUMsS0FBYTtRQUN4QixJQUFJLENBQUMsU0FBUyxHQUFHLG9CQUFvQixDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLGlCQUFpQjtRQUNqQixPQUFPLElBQUksQ0FBQyxjQUFjO1lBQ3hCLENBQUMsQ0FBQyxjQUFjO1lBQ2hCLENBQUMsQ0FBQyxlQUFlLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQUksY0FBYztRQUNoQixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsa0JBQWtCLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUztZQUNwRCxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLFNBQVM7WUFDeEMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRXJDLElBQUksR0FBRyxFQUFFO1lBQ1AsSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQztTQUNoQztRQUVELE9BQU8sR0FBRyxDQUFDO0lBQ2IsQ0FBQztJQUVELElBQUksZUFBZTtRQUNqQixPQUFPLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM5QixDQUFDO0lBRUQsWUFDNkIsU0FBb0IsRUFDdkMsRUFBcUI7UUFERixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQ3ZDLE9BQUUsR0FBRixFQUFFLENBQW1CO1FBdEUvQjs7OztXQUlHO1FBQ00sUUFBRyxHQUFHLENBQUMsQ0FBQztRQUVqQjs7OztXQUlHO1FBQ00sUUFBRyxHQUFHLEdBQUcsQ0FBQztRQUVuQjs7OztXQUlHO1FBQ00sY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUVmLE9BQUUsR0FBRyxFQUFFLENBQUM7UUFNakIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNULGNBQVMsR0FBRyxDQUFDLENBQUM7UUFDZCx1QkFBa0IsR0FBRyxLQUFLLENBQUM7UUEyQ2pDLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO1NBQ3JDO0lBQ0gsQ0FBQztJQUVPLFFBQVEsQ0FBQyxRQUFnQixJQUFTLENBQUM7SUFBQSxDQUFDO0lBQ3BDLFNBQVMsQ0FBQyxRQUFnQixJQUFTLENBQUM7SUFBQSxDQUFDO0lBRTdDLFVBQVUsQ0FBQyxRQUFnQjtRQUN6QixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztRQUN6QixJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUE4QjtRQUM3QyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsVUFBbUI7UUFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDN0IsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFHLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZCxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ3JCO1FBQ0QsSUFBRyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2IsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNwQjtJQUNILENBQUM7a0lBN0dVLDBCQUEwQjtzSEFBMUIsMEJBQTBCLG9IQVQxQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxvQkFBb0I7Z0JBQzdCLG1FQUFtRTtnQkFDbkUsV0FBVyxFQUFFLDBCQUEwQjthQUN4QztTQUNGLGlFQUtVLDBCQUEwQix5RUFDMUIsMkJBQTJCLGdEQ2xDeEMsdVNBYUE7OzRGRGtCYSwwQkFBMEI7a0JBWnRDLFNBQVM7K0JBQ0UscUJBQXFCLGFBRXBCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxvQkFBb0I7NEJBQzdCLG1FQUFtRTs0QkFDbkUsV0FBVyw0QkFBNEI7eUJBQ3hDO3FCQUNGLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOzswQkE0RTVDLFFBQVE7OzBCQUFJLElBQUk7eUVBeEVvQixLQUFLO3NCQUEzQyxTQUFTO3VCQUFDLDBCQUEwQjtnQkFDRyxNQUFNO3NCQUE3QyxTQUFTO3VCQUFDLDJCQUEyQjtnQkFPN0IsR0FBRztzQkFBWCxLQUFLO2dCQU9HLEdBQUc7c0JBQVgsS0FBSztnQkFPRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLEVBQUU7c0JBQVYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvZXJjZU51bWJlclByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBPcHRpb25hbCxcbiAgU2VsZixcbiAgVmlld0NoaWxkLFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBDb250cm9sVmFsdWVBY2Nlc3NvcixcbiAgTmdDb250cm9sLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZRdWFudGl0eUlucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9xdWFudGl0eS1pbnB1dC9xdWFudGl0eS1pbnB1dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGFmZlF1YW50aXR5U2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi9xdWFudGl0eS1zZWxlY3QvcXVhbnRpdHktc2VsZWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYWZmRm9ybUZpZWxkQ29udHJvbCB9IGZyb20gJy4uL2Zvcm0tZmllbGQvZm9ybS1maWVsZC1jb250cm9sJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1xdWFudGl0eS1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9xdWFudGl0eS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IERhZmZGb3JtRmllbGRDb250cm9sLFxuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11c2UtYmVmb3JlLWRlZmluZVxuICAgICAgdXNlRXhpc3Rpbmc6IERhZmZRdWFudGl0eUZpZWxkQ29tcG9uZW50LFxuICAgIH0sXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmUXVhbnRpdHlGaWVsZENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBEYWZmRm9ybUZpZWxkQ29udHJvbCB7XG5cbiAgQFZpZXdDaGlsZChEYWZmUXVhbnRpdHlJbnB1dENvbXBvbmVudCkgaW5wdXQ6IERhZmZRdWFudGl0eUlucHV0Q29tcG9uZW50O1xuICBAVmlld0NoaWxkKERhZmZRdWFudGl0eVNlbGVjdENvbXBvbmVudCkgc2VsZWN0OiBEYWZmUXVhbnRpdHlTZWxlY3RDb21wb25lbnQ7XG5cbiAgLyoqXG4gICAqIEBkb2NzXG4gICAqIFRoZSBtaW5pbXVtIHZhbGlkIHZhbHVlIG9mIHRoZSBxdWFudGl0eSBmaWVsZC5cbiAgICogTXVzdCBiZSBncmVhdGVyIHRoYW4gb3IgZXF1YWwgdG8gMS5cbiAgICovXG4gIEBJbnB1dCgpIG1pbiA9IDE7XG5cbiAgLyoqXG4gICAqIEBkb2NzXG4gICAqIFRoZSBtYXhpbXVtIHZhbGlkIHZhbHVlIG9mIHRoZSBxdWFudGl0eSBmaWVsZC5cbiAgICogTXVzdCBiZSBncmVhdGVyIHRoYW4gbWluLlxuICAgKi9cbiAgQElucHV0KCkgbWF4ID0gNTAwO1xuXG4gIC8qKlxuICAgKiBAZG9jc1xuICAgKiBUaGUgcmFuZ2Ugb2YgbnVtYmVycyBhY2NlcHRhYmxlIGluIGEgcXVhbnRpdHkgZHJvcGRvd25cbiAgICogYmVmb3JlIGl0IGJlY29tZXMgYW4gaW5wdXQgZWxlbWVudC5cbiAgICovXG4gIEBJbnB1dCgpIHNlbGVjdE1heCA9IDEwO1xuXG4gIEBJbnB1dCgpIGlkID0gJyc7XG5cbiAgZ2V0IGZvY3VzZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhKHRoaXMuaW5wdXQ/LmZvY3VzZWQgfHwgdGhpcy5zZWxlY3Q/LmZvY3VzZWQpO1xuICB9XG5cbiAgZGlzYWJsZWQgPSBmYWxzZTtcbiAgcHJpdmF0ZSBfcXVhbnRpdHkgPSAxO1xuICBwcml2YXRlIF9pbnB1dEhhc0JlZW5TaG93biA9IGZhbHNlO1xuXG4gIGdldCBxdWFudGl0eSgpIHtcbiAgICByZXR1cm4gdGhpcy5fcXVhbnRpdHk7XG4gIH1cbiAgc2V0IHF1YW50aXR5KHZhbHVlOiBudW1iZXIpIHtcbiAgICB0aGlzLl9xdWFudGl0eSA9IGNvZXJjZU51bWJlclByb3BlcnR5KHZhbHVlLCAxKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBsZXNzZXIgb2YgbWF4IGFuZCBzZWxlY3RNYXguXG4gICAqL1xuICBnZXQgX21heEZsb29yKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIE1hdGgubWluKHRoaXMubWF4LCB0aGlzLnNlbGVjdE1heCk7XG4gIH1cblxuICBnZXQgY29udHJvbFR5cGUoKSB7XG4gICAgLy8gVE9ETzogdXNlIGVudW1cbiAgICByZXR1cm4gdGhpcy5zaG93SW5wdXRGaWVsZFxuICAgICAgPyAnbmF0aXZlLWlucHV0J1xuICAgICAgOiAnbmF0aXZlLXNlbGVjdCc7XG4gIH1cblxuICBnZXQgc2hvd0lucHV0RmllbGQoKTogYm9vbGVhbiB7XG4gICAgY29uc3QgcmV0ID0gdGhpcy5faW5wdXRIYXNCZWVuU2hvd24gfHwgKHRoaXMubmdDb250cm9sXG4gICAgICA/IHRoaXMubmdDb250cm9sLnZhbHVlID49IHRoaXMuc2VsZWN0TWF4XG4gICAgICA6IHRoaXMucXVhbnRpdHkgPj0gdGhpcy5zZWxlY3RNYXgpO1xuXG4gICAgaWYgKHJldCkge1xuICAgICAgdGhpcy5faW5wdXRIYXNCZWVuU2hvd24gPSB0cnVlO1xuICAgIH1cblxuICAgIHJldHVybiByZXQ7XG4gIH1cblxuICBnZXQgc2hvd1NlbGVjdEZpZWxkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5zaG93SW5wdXRGaWVsZDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBPcHRpb25hbCgpIEBTZWxmKCkgcHVibGljIG5nQ29udHJvbDogTmdDb250cm9sLFxuICAgIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmLFxuICApIHtcbiAgICBpZiAodGhpcy5uZ0NvbnRyb2wgIT0gbnVsbCkge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wudmFsdWVBY2Nlc3NvciA9IHRoaXM7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBvbkNoYW5nZShxdWFudGl0eTogbnVtYmVyKTogdm9pZCB7fTtcbiAgcHJpdmF0ZSBvblRvdWNoZWQocXVhbnRpdHk6IG51bWJlcik6IHZvaWQge307XG5cbiAgd3JpdGVWYWx1ZShxdWFudGl0eTogbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy5xdWFudGl0eSA9IHF1YW50aXR5O1xuICAgIHRoaXMuY2QubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAocXVhbnRpdHk6IG51bWJlcikgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cblxuICBmb2N1cygpIHtcbiAgICBpZih0aGlzLnNlbGVjdCkge1xuICAgICAgdGhpcy5zZWxlY3QuZm9jdXMoKTtcbiAgICB9XG4gICAgaWYodGhpcy5pbnB1dCkge1xuICAgICAgdGhpcy5pbnB1dC5mb2N1cygpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRhZmYtcXVhbnRpdHktc2VsZWN0XG4gICpuZ0lmPVwic2hvd1NlbGVjdEZpZWxkXCJcbiAgW21pbl09XCJtaW5cIlxuICBbbWF4XT1cIl9tYXhGbG9vclwiXG4gIFtleHRlbmRhYmxlXT1cIm1heCA+IHNlbGVjdE1heFwiXG4gIFtpZF09XCJpZFwiPlxuPC9kYWZmLXF1YW50aXR5LXNlbGVjdD5cbjxkYWZmLXF1YW50aXR5LWlucHV0XG4gICpuZ0lmPVwic2hvd0lucHV0RmllbGRcIlxuICBbbWluXT1cIm1pblwiXG4gIFttYXhdPVwibWF4XCJcbiAgW2lkXT1cImlkXCI+XG48L2RhZmYtcXVhbnRpdHktaW5wdXQ+XG4iXX0=
|
@@ -1,14 +1,6 @@
|
|
1
|
-
import { Component, ViewEncapsulation,
|
1
|
+
import { Component, ViewEncapsulation, ElementRef, ChangeDetectionStrategy, HostBinding, Renderer2, } from '@angular/core';
|
2
2
|
import { daffArticleEncapsulatedMixin, daffColorMixin, daffCompactableMixin, daffManageContainerLayoutMixin, daffTextAlignmentMixin, } from '@daffodil/design';
|
3
3
|
import * as i0 from "@angular/core";
|
4
|
-
export var DaffCalloutLayoutEnum;
|
5
|
-
(function (DaffCalloutLayoutEnum) {
|
6
|
-
DaffCalloutLayoutEnum["Centered"] = "centered";
|
7
|
-
})(DaffCalloutLayoutEnum || (DaffCalloutLayoutEnum = {}));
|
8
|
-
export var DaffCalloutSizeEnum;
|
9
|
-
(function (DaffCalloutSizeEnum) {
|
10
|
-
DaffCalloutSizeEnum["Compact"] = "compact";
|
11
|
-
})(DaffCalloutSizeEnum || (DaffCalloutSizeEnum = {}));
|
12
4
|
/**
|
13
5
|
* An _elementRef and an instance of renderer2 are needed for the Colorable mixin
|
14
6
|
*/
|
@@ -32,36 +24,14 @@ export class DaffCalloutComponent extends _daffCalloutBase {
|
|
32
24
|
*/
|
33
25
|
this.class = true;
|
34
26
|
}
|
35
|
-
/**
|
36
|
-
* @deprecated See {@link DaffTextAlignable}
|
37
|
-
*/
|
38
|
-
get centered() {
|
39
|
-
return this.layout === DaffCalloutLayoutEnum.Centered;
|
40
|
-
}
|
41
|
-
/**
|
42
|
-
* @deprecated See {@link DaffCompactable}
|
43
|
-
*/
|
44
|
-
get compactClass() {
|
45
|
-
return this.size === DaffCalloutSizeEnum.Compact;
|
46
|
-
}
|
47
27
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffCalloutComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
48
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffCalloutComponent, selector: "daff-callout", inputs: { color: "color", compact: "compact", textAlignment: "textAlignment"
|
28
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffCalloutComponent, selector: "daff-callout", inputs: { color: "color", compact: "compact", textAlignment: "textAlignment" }, host: { properties: { "class.daff-callout": "this.class" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
49
29
|
}
|
50
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffCalloutComponent, decorators: [{
|
51
31
|
type: Component,
|
52
|
-
args: [{ selector: 'daff-callout', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, inputs: ['color', 'compact', 'textAlignment'], changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout
|
53
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: {
|
54
|
-
type: Input
|
55
|
-
}], size: [{
|
56
|
-
type: Input
|
57
|
-
}], class: [{
|
32
|
+
args: [{ selector: 'daff-callout', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, inputs: ['color', 'compact', 'textAlignment'], changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"] }]
|
33
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { class: [{
|
58
34
|
type: HostBinding,
|
59
35
|
args: ['class.daff-callout']
|
60
|
-
}], centered: [{
|
61
|
-
type: HostBinding,
|
62
|
-
args: ['class.daff-callout--centered']
|
63
|
-
}], compactClass: [{
|
64
|
-
type: HostBinding,
|
65
|
-
args: ['class.daff-callout--compact']
|
66
36
|
}] } });
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYWxsb3V0L3NyYy9jYWxsb3V0L2NhbGxvdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBRWpCLFVBQVUsRUFDVix1QkFBdUIsRUFDdkIsV0FBVyxFQUNYLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsNEJBQTRCLEVBRTVCLGNBQWMsRUFFZCxvQkFBb0IsRUFDcEIsOEJBQThCLEVBRTlCLHNCQUFzQixHQUN2QixNQUFNLGtCQUFrQixDQUFDOztBQUUxQjs7R0FFRztBQUNILE1BQU0sZUFBZTtJQUNuQixZQUFtQixXQUF1QixFQUFTLFNBQW9CO1FBQXBELGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQVMsY0FBUyxHQUFULFNBQVMsQ0FBVztJQUFHLENBQUM7Q0FDNUU7QUFFRCxNQUFNLGdCQUFnQixHQUFHLDRCQUE0QixDQUFDLDhCQUE4QixDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUU3Szs7R0FFRztBQVdILE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxnQkFBZ0I7SUFDeEQsWUFBb0IsVUFBc0IsRUFBVSxRQUFtQjtRQUNyRSxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRFYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7UUFJdkU7O1dBRUc7UUFDZ0MsVUFBSyxHQUFHLElBQUksQ0FBQztJQUxoRCxDQUFDO2tJQUhVLG9CQUFvQjtzSEFBcEIsb0JBQW9CLHlOQVJyQiwyQkFBMkI7OzRGQVExQixvQkFBb0I7a0JBVmhDLFNBQVM7K0JBQ0UsY0FBYyxZQUNkLDJCQUEyQixpQkFFdEIsaUJBQWlCLENBQUMsSUFBSSxVQUc3QixDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxDQUFDLG1CQUM1Qix1QkFBdUIsQ0FBQyxNQUFNO3VHQVVaLEtBQUs7c0JBQXZDLFdBQVc7dUJBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgSW5wdXQsXG4gIEVsZW1lbnRSZWYsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBIb3N0QmluZGluZyxcbiAgUmVuZGVyZXIyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbixcbiAgRGFmZkNvbG9yYWJsZSxcbiAgZGFmZkNvbG9yTWl4aW4sXG4gIERhZmZDb21wYWN0YWJsZSxcbiAgZGFmZkNvbXBhY3RhYmxlTWl4aW4sXG4gIGRhZmZNYW5hZ2VDb250YWluZXJMYXlvdXRNaXhpbixcbiAgRGFmZlRleHRBbGlnbmFibGUsXG4gIGRhZmZUZXh0QWxpZ25tZW50TWl4aW4sXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG4vKipcbiAqIEFuIF9lbGVtZW50UmVmIGFuZCBhbiBpbnN0YW5jZSBvZiByZW5kZXJlcjIgYXJlIG5lZWRlZCBmb3IgdGhlIENvbG9yYWJsZSBtaXhpblxuICovXG5jbGFzcyBEYWZmQ2FsbG91dEJhc2Uge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHB1YmxpYyBfcmVuZGVyZXI6IFJlbmRlcmVyMikge31cbn1cblxuY29uc3QgX2RhZmZDYWxsb3V0QmFzZSA9IGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4oZGFmZk1hbmFnZUNvbnRhaW5lckxheW91dE1peGluKGRhZmZDb2xvck1peGluKGRhZmZDb21wYWN0YWJsZU1peGluKGRhZmZUZXh0QWxpZ25tZW50TWl4aW4oRGFmZkNhbGxvdXRCYXNlLCAnbGVmdCcpKSkpKTtcblxuLyoqXG4gKiBAaW5oZXJpdGRvY1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLWNhbGxvdXQnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi9jYWxsb3V0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIC8vdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydjb2xvcicsICdjb21wYWN0JywgJ3RleHRBbGlnbm1lbnQnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZDYWxsb3V0Q29tcG9uZW50IGV4dGVuZHMgX2RhZmZDYWxsb3V0QmFzZSBpbXBsZW1lbnRzIERhZmZDb2xvcmFibGUsIERhZmZUZXh0QWxpZ25hYmxlLCBEYWZmQ29tcGFjdGFibGUge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtY2FsbG91dCcpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==
|
package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs
CHANGED
@@ -20,7 +20,7 @@ export class CalloutTextAlignmentComponent {
|
|
20
20
|
];
|
21
21
|
}
|
22
22
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CalloutTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
23
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment"
|
23
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment"] }, { kind: "directive", type: i3.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i3.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i3.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i3.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i3.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: i4.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { kind: "component", type: i5.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i6.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
24
24
|
}
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CalloutTextAlignmentComponent, decorators: [{
|
26
26
|
type: Component,
|
@@ -23,7 +23,7 @@ export class CalloutThemingComponent {
|
|
23
23
|
];
|
24
24
|
}
|
25
25
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CalloutThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
26
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment"
|
26
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment"] }, { kind: "directive", type: i3.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i3.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i3.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i3.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i3.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: i4.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i5.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
27
27
|
}
|
28
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CalloutThemingComponent, decorators: [{
|
29
29
|
type: Component,
|