@daffodil/design 0.39.7 → 0.39.11

package/button/examples/daffodil-design-button-examples.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"BUTTON_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}],"BasicButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"IconButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"RaisedButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"SizeableButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"StatusableButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵe"}],"exports":[{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"StrokedButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵf"}],"exports":[{"__symbolic":"reference","name":"ɵf"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"UnderlineButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵg"}],"exports":[{"__symbolic":"reference","name":"ɵg"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"basic-button","styles":["\n    button[daff-button],\n    a[daff-button] {\n      margin: 4px;\n    }\n  "],"template":"<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<a href=\"#\" daff-button>Link</a>"}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"icon-button","styles":["\n    button[daff-button],\n    a[daff-button] {\n      margin: 4px;\n    }\n  "],"template":"<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>"}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"raised-button","styles":["\n    button[daff-raised-button],\n    a[daff-raised-button] {\n      margin: 4px;\n    }\n  "],"template":"<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<a href=\"#\" daff-raised-button>Link</a>"}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sizeable-button","styles":["\n    button {\n      margin: 4px;\n    }\n  "],"template":"<h4>Small Buttons</h4>\n\n<button daff-button size=\"sm\">Small Button</button>\n<button daff-raised-button size=\"sm\">Small Raised Button</button>\n<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\n<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n\n<h4>Medium Buttons (Default)</h4>\n\n<button daff-button size=\"md\">Medium Button</button>\n<button daff-raised-button size=\"md\">Medium Raised Button</button>\n<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\n<button daff-underline-button size=\"md\">Medium Underline Button</button>\n<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n\n<h4>Large Buttons</h4>\n\n<button daff-button size=\"lg\">Large Button</button>\n<button daff-raised-button size=\"lg\">Large Raised Button</button>\n<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\n\n<button daff-underline-button size=\"lg\">Large Underline Button</button>\n<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>"}]}],"members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"statusable-button","styles":["\n    button[daff-button],\n    button[daff-stroked-button],\n    button[daff-raised-button],\n    button[daff-underline-button],\n    button[daff-icon-button] {\n      margin: 4px;\n    }\n  "],"template":"<h4>Basic Status Buttons</h4>\n<button daff-button status=\"warn\">Warn</button>\n<button daff-button status=\"danger\">Danger</button>\n<button daff-button status=\"success\">Success</button>\n\n<h4>Stroked Status Buttons</h4>\n<button daff-stroked-button status=\"warn\">Warn</button>\n<button daff-stroked-button status=\"danger\">Danger</button>\n<button daff-stroked-button status=\"success\">Success</button>\n\n<h4>Raised Status Buttons</h4>\n<button daff-raised-button status=\"warn\">Warn</button>\n<button daff-raised-button status=\"danger\">Danger</button>\n<button daff-raised-button status=\"success\">Success</button>\n\n<h4>Underline Status Buttons</h4>\n<button daff-underline-button status=\"warn\">Warn</button>\n<button daff-underline-button status=\"danger\">Danger</button>\n<button daff-underline-button status=\"success\">Success</button>\n\n<h4>Icon Status Buttons</h4>\n<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>"}]}],"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"stroked-button","styles":["\n    button[daff-stroked-button],\n    a[daff-stroked-button] {\n      margin: 4px;\n    }\n  "],"template":"<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<a href=\"#\" daff-stroked-button>Link</a>"}]}],"members":{}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"underline-button","styles":["\n    button[daff-underline-button],\n    a[daff-underline-button] {\n      margin: 4px;\n    }\n  "],"template":"<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<a href=\"#\" daff-underline-button>Link</a>"}]}],"members":{}}},"origins":{"BUTTON_EXAMPLES":"./public_api","BasicButtonModule":"./basic-button/basic-button.module","IconButtonModule":"./icon-button/icon-button.module","RaisedButtonModule":"./raised-button/raised-button.module","SizeableButtonModule":"./sizeable-button/sizeable-button.module","StatusableButtonModule":"./statusable-button/statusable-button.module","StrokedButtonModule":"./stroked-button/stroked-button.module","UnderlineButtonModule":"./underline-button/underline-button.module","ɵa":"./basic-button/basic-button.component","ɵb":"./icon-button/icon-button.component","ɵc":"./raised-button/raised-button.component","ɵd":"./sizeable-button/sizeable-button.component","ɵe":"./statusable-button/statusable-button.component","ɵf":"./stroked-button/stroked-button.component","ɵg":"./underline-button/underline-button.component"},"importAs":"@daffodil/design/button/examples"}
+{"__symbolic":"module","version":4,"metadata":{"BUTTON_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}],"BasicButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"IconButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"RaisedButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"SizeableButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"StatusableButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵe"}],"exports":[{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"StrokedButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵf"}],"exports":[{"__symbolic":"reference","name":"ɵf"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"UnderlineButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵg"}],"exports":[{"__symbolic":"reference","name":"ɵg"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"basic-button","styles":["\n    button[daff-button],\n    a[daff-button] {\n      margin: 4px;\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"template":"<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<a href=\"#\" daff-button>Link</a>"}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"icon-button","styles":["\n    button[daff-button],\n    a[daff-button] {\n      margin: 4px;\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":19},"member":"OnPush"},"template":"<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>"}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"raised-button","styles":["\n    button[daff-raised-button],\n    a[daff-raised-button] {\n      margin: 4px;\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"template":"<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<a href=\"#\" daff-raised-button>Link</a>"}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sizeable-button","styles":["\n    button {\n      margin: 4px;\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"template":"<h4>Small Buttons</h4>\n\n<button daff-button size=\"sm\">Small Button</button>\n<button daff-raised-button size=\"sm\">Small Raised Button</button>\n<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\n<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n\n<h4>Medium Buttons (Default)</h4>\n\n<button daff-button size=\"md\">Medium Button</button>\n<button daff-raised-button size=\"md\">Medium Raised Button</button>\n<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\n<button daff-underline-button size=\"md\">Medium Underline Button</button>\n<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n\n<h4>Large Buttons</h4>\n\n<button daff-button size=\"lg\">Large Button</button>\n<button daff-raised-button size=\"lg\">Large Raised Button</button>\n<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\n\n<button daff-underline-button size=\"lg\">Large Underline Button</button>\n<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>"}]}],"members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"statusable-button","styles":["\n    button[daff-button],\n    button[daff-stroked-button],\n    button[daff-raised-button],\n    button[daff-underline-button],\n    button[daff-icon-button] {\n      margin: 4px;\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"template":"<h4>Basic Status Buttons</h4>\n<button daff-button status=\"warn\">Warn</button>\n<button daff-button status=\"danger\">Danger</button>\n<button daff-button status=\"success\">Success</button>\n\n<h4>Stroked Status Buttons</h4>\n<button daff-stroked-button status=\"warn\">Warn</button>\n<button daff-stroked-button status=\"danger\">Danger</button>\n<button daff-stroked-button status=\"success\">Success</button>\n\n<h4>Raised Status Buttons</h4>\n<button daff-raised-button status=\"warn\">Warn</button>\n<button daff-raised-button status=\"danger\">Danger</button>\n<button daff-raised-button status=\"success\">Success</button>\n\n<h4>Underline Status Buttons</h4>\n<button daff-underline-button status=\"warn\">Warn</button>\n<button daff-underline-button status=\"danger\">Danger</button>\n<button daff-underline-button status=\"success\">Success</button>\n\n<h4>Icon Status Buttons</h4>\n<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>"}]}],"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"stroked-button","styles":["\n    button[daff-stroked-button],\n    a[daff-stroked-button] {\n      margin: 4px;\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"template":"<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<a href=\"#\" daff-stroked-button>Link</a>"}]}],"members":{}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"underline-button","styles":["\n    button[daff-underline-button],\n    a[daff-underline-button] {\n      margin: 4px;\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"template":"<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<a href=\"#\" daff-underline-button>Link</a>"}]}],"members":{}}},"origins":{"BUTTON_EXAMPLES":"./public_api","BasicButtonModule":"./basic-button/basic-button.module","IconButtonModule":"./icon-button/icon-button.module","RaisedButtonModule":"./raised-button/raised-button.module","SizeableButtonModule":"./sizeable-button/sizeable-button.module","StatusableButtonModule":"./statusable-button/statusable-button.module","StrokedButtonModule":"./stroked-button/stroked-button.module","UnderlineButtonModule":"./underline-button/underline-button.module","ɵa":"./basic-button/basic-button.component","ɵb":"./icon-button/icon-button.component","ɵc":"./raised-button/raised-button.component","ɵd":"./sizeable-button/sizeable-button.component","ɵe":"./statusable-button/statusable-button.component","ɵf":"./stroked-button/stroked-button.component","ɵg":"./underline-button/underline-button.component"},"importAs":"@daffodil/design/button/examples"}

package/callout/examples/daffodil-design-callout-examples.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"CalloutThemingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"callout-theming","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}"]}]}],"members":{}},"CalloutThemingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CalloutThemingComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCalloutModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":21,"character":4}]}]}],"members":{}},"CalloutTextAlignmentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"callout-text-alignment","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}"]}]}],"members":{}},"CalloutTextAlignmentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CalloutTextAlignmentComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCalloutModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":23,"character":4}]}]}],"members":{}},"CalloutWithGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"callout-with-grid","template":"<daff-callout color=\"theme\">\n\t<daff-container class=\"daff-callout-with-grid__grid\">\n\t\t<div class=\"daff-callout-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-callout-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-callout-with-grid__icon\" daffCalloutIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffCalloutBody>\n\t\t\t\t<div class=\"daff-callout-with-grid__actions\">\n\t\t\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\" class=\"daff-callout-with-grid__daffodil-action\">What is Daffodil?</a>\n\t\t\t\t\t<a daff-underline-button color=\"theme-contrast\" routerLink=\"/contact\" class=\"daff-callout-with-grid__demo-action\">Sign up for a demo</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>","styles":[".daff-callout-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width:768px){.daff-callout-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px}}.daff-callout-with-grid__image{grid-area:image}.daff-callout-with-grid__content-wrapper{grid-area:content}.daff-callout-with-grid__actions{display:flex;flex-direction:column}@media (min-width:480px){.daff-callout-with-grid__actions{flex-direction:row;align-items:center}}.daff-callout-with-grid__daffodil-action{margin:0 0 24px}@media (min-width:480px){.daff-callout-with-grid__daffodil-action{margin:0 24px 0 0}}.daff-callout-with-grid__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"CalloutWithGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CalloutWithGridComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCalloutModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":23,"character":4}]}]}],"members":{}},"CompactCalloutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"compact-callout","template":"<daff-callout [compact]=\"true\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-compact-callout__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>","styles":[".daff-compact-callout__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"CompactCalloutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CompactCalloutComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCalloutModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":23,"character":4}]}]}],"members":{}},"CALLOUT_EXAMPLES":[{"__symbolic":"reference","name":"CalloutThemingComponent"},{"__symbolic":"reference","name":"CalloutTextAlignmentComponent"},{"__symbolic":"reference","name":"CalloutWithGridComponent"},{"__symbolic":"reference","name":"CompactCalloutComponent"}]},"origins":{"CalloutThemingComponent":"./callout-theming/callout-theming.component","CalloutThemingModule":"./callout-theming/callout-theming.module","CalloutTextAlignmentComponent":"./callout-text-alignment/callout-text-alignment.component","CalloutTextAlignmentModule":"./callout-text-alignment/callout-text-alignment.module","CalloutWithGridComponent":"./callout-with-grid/callout-with-grid.component","CalloutWithGridModule":"./callout-with-grid/callout-with-grid.module","CompactCalloutComponent":"./compact-callout/compact-callout.component","CompactCalloutModule":"./compact-callout/compact-callout.module","CALLOUT_EXAMPLES":"./examples"},"importAs":"@daffodil/design/callout/examples"}
+{"__symbolic":"module","version":4,"metadata":{"CalloutThemingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"callout-theming","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"template":"<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","styles":[".daff-callout-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"CalloutThemingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CalloutThemingComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCalloutModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":21,"character":4}]}]}],"members":{}},"CalloutTextAlignmentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"callout-text-alignment","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"template":"<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","styles":[".daff-callout-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"CalloutTextAlignmentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CalloutTextAlignmentComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCalloutModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":23,"character":4}]}]}],"members":{}},"CalloutWithGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"callout-with-grid","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<daff-callout color=\"theme\">\n\t<daff-container class=\"daff-callout-with-grid__grid\">\n\t\t<div class=\"daff-callout-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-callout-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-callout-with-grid__icon\" daffCalloutIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffCalloutBody>\n\t\t\t\t<div class=\"daff-callout-with-grid__actions\">\n\t\t\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\" class=\"daff-callout-with-grid__daffodil-action\">What is Daffodil?</a>\n\t\t\t\t\t<a daff-underline-button color=\"theme-contrast\" routerLink=\"/contact\" class=\"daff-callout-with-grid__demo-action\">Sign up for a demo</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>","styles":[".daff-callout-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width:768px){.daff-callout-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px}}.daff-callout-with-grid__image{grid-area:image}.daff-callout-with-grid__content-wrapper{grid-area:content}.daff-callout-with-grid__actions{display:flex;flex-direction:column}@media (min-width:480px){.daff-callout-with-grid__actions{flex-direction:row;align-items:center}}.daff-callout-with-grid__daffodil-action{margin:0 0 24px}@media (min-width:480px){.daff-callout-with-grid__daffodil-action{margin:0 24px 0 0}}.daff-callout-with-grid__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"CalloutWithGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CalloutWithGridComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCalloutModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":23,"character":4}]}]}],"members":{}},"CompactCalloutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"compact-callout","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<daff-callout [compact]=\"true\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-compact-callout__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>","styles":[".daff-compact-callout__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"CompactCalloutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CompactCalloutComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCalloutModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":23,"character":4}]}]}],"members":{}},"CALLOUT_EXAMPLES":[{"__symbolic":"reference","name":"CalloutThemingComponent"},{"__symbolic":"reference","name":"CalloutTextAlignmentComponent"},{"__symbolic":"reference","name":"CalloutWithGridComponent"},{"__symbolic":"reference","name":"CompactCalloutComponent"}]},"origins":{"CalloutThemingComponent":"./callout-theming/callout-theming.component","CalloutThemingModule":"./callout-theming/callout-theming.module","CalloutTextAlignmentComponent":"./callout-text-alignment/callout-text-alignment.component","CalloutTextAlignmentModule":"./callout-text-alignment/callout-text-alignment.module","CalloutWithGridComponent":"./callout-with-grid/callout-with-grid.component","CalloutWithGridModule":"./callout-with-grid/callout-with-grid.module","CompactCalloutComponent":"./compact-callout/compact-callout.component","CompactCalloutModule":"./compact-callout/compact-callout.module","CALLOUT_EXAMPLES":"./examples"},"importAs":"@daffodil/design/callout/examples"}

package/card/examples/basic-card/basic-card.component.d.ts

@@ -1,2 +1,3 @@
 export declare class BasicCardComponent {
+    faMapMarked: import("@fortawesome/fontawesome-common-types").IconDefinition;
 }

package/card/examples/card-orientation/card-orientation.component.d.ts

@@ -0,0 +1,9 @@
+import { FormControl } from '@angular/forms';
+export declare class CardOrientationComponent {
+    faMapMarked: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    orientationControl: FormControl;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}

package/card/examples/card-orientation/card-orientation.module.d.ts

@@ -0,0 +1,2 @@
+export declare class CardOrientationModule {
+}

package/card/examples/card-theming/card-theming.component.d.ts

@@ -1,6 +1,8 @@
 import { FormControl } from '@angular/forms';
-import { DaffPalette } from '@daffodil/design';
 export declare class CardThemingComponent {
-    color: DaffPalette;
     colorControl: FormControl;
+    options: {
+        value: string;
+        label: string;
+    }[];
 }

package/card/examples/daffodil-design-card-examples.d.ts

@@ -3,6 +3,8 @@
  */
 export * from './index';
 export { BasicCardComponent as ɵa } from './basic-card/basic-card.component';
+export { CardOrientationComponent as ɵf } from './card-orientation/card-orientation.component';
 export { CardThemingComponent as ɵb } from './card-theming/card-theming.component';
 export { LinkableCardComponent as ɵc } from './linkable-card/linkable-card.component';
 export { RaisedCardComponent as ɵd } from './raised-card/raised-card.component';
+export { StrokedCardComponent as ɵe } from './stroked-card/stroked-card.component';

package/card/examples/daffodil-design-card-examples.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"CARD_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"BasicCardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCardModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"CardThemingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCardModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"LinkableCardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCardModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":21,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"RaisedCardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCardModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":21,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"basic-card","template":"<daff-card>\n  <daff-image daffCardImage src=\"/assets/card/uber-logo-dark.svg\" alt=\"uber logo\" width=\"340\" height=\"135\"></daff-image>\n  <div daffCardTagline>Card Tagline</div>\n  <h4 daffCardTitle>Title</h4>\n  <p>This is a basic card.</p>\n  <div daffCardActions class=\"daff-basic-card__actions\">\n    <button daff-underline-button>Card Button</button>\n    <button daff-underline-button>Another Card Button</button>\n  </div>\n</daff-card>","styles":[":host{display:block;max-width:340px}.daff-basic-card__actions>*{margin-right:16px}.daff-basic-card__actions>:last-child{margin-right:0}"]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"card-theming","styles":["\n    daff-card {\n      max-width: 400px;\n    }\n  "],"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  <option value=\"\">Default</option>\n  <option value=\"primary\">Primary</option>\n  <option value=\"secondary\">Secondary</option>\n  <option value=\"tertiary\">Tertiary</option>\n  <option value=\"theme\">Theme</option>\n  <option value=\"theme-contrast\">Theme Contrast</option>\n  <option value=\"black\">Black</option>\n  <option value=\"white\">White</option>\n</select>"}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"linkable-card","template":"<a routerLink=\"/\" daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"/assets/card/uber-logo-dark.svg\"\n\t\talt=\"uber logo\"\n\t\twidth=\"340\"\n\t\theight=\"135\">\n\t</daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a linkable card.</p>\n</a>\n","styles":[":host{display:block;max-width:340px}"]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"raised-card","template":"<daff-card [raised]=\"true\">\n\t<daff-image\n\t\tdaffCardImage\n\t\tsrc=\"/assets/card/uber-logo-dark.svg\"\n\t\talt=\"uber logo\"\n\t\twidth=\"340\"\n\t\theight=\"135\"\n\t></daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a raised card.</p>\n</daff-card>\n","styles":[":host{display:block;max-width:340px}"]}]}],"members":{}}},"origins":{"CARD_EXAMPLES":"./public_api","BasicCardModule":"./basic-card/basic-card.module","CardThemingModule":"./card-theming/card-theming.module","LinkableCardModule":"./linkable-card/linkable-card.module","RaisedCardModule":"./raised-card/raised-card.module","ɵa":"./basic-card/basic-card.component","ɵb":"./card-theming/card-theming.component","ɵc":"./linkable-card/linkable-card.component","ɵd":"./raised-card/raised-card.component"},"importAs":"@daffodil/design/card/examples"}
+{"__symbolic":"module","version":4,"metadata":{"CARD_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"}],"BasicCardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCardModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":22,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"CardOrientationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵf"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCardModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":23,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵf"}]}]}],"members":{}},"CardThemingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCardModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"LinkableCardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCardModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":22,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":23,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"RaisedCardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCardModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"StrokedCardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCardModule","line":22,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":23,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":24,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"basic-card","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n    <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n  <div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n","styles":["daff-card{max-width:480px}"]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"card-theming","styles":["\n    daff-card {\n      max-width: 480px;\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"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>"}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"linkable-card","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"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>","styles":["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}"]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"raised-card","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"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>","styles":["daff-raised-card{max-width:480px}"]}]}],"members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"stroked-card","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"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>","styles":[":host{display:block;max-width:340px}"]}]}],"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"card-orientation","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"template":"<daff-card [orientation]=\"orientationControl.value\">\n  <daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n\t<div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n\n<select [formControl]=\"orientationControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","styles":[".daff-card--vertical{max-width:560px}"]}]}],"members":{}}},"origins":{"CARD_EXAMPLES":"./public_api","BasicCardModule":"./basic-card/basic-card.module","CardOrientationModule":"./card-orientation/card-orientation.module","CardThemingModule":"./card-theming/card-theming.module","LinkableCardModule":"./linkable-card/linkable-card.module","RaisedCardModule":"./raised-card/raised-card.module","StrokedCardModule":"./stroked-card/stroked-card.module","ɵa":"./basic-card/basic-card.component","ɵb":"./card-theming/card-theming.component","ɵc":"./linkable-card/linkable-card.component","ɵd":"./raised-card/raised-card.component","ɵe":"./stroked-card/stroked-card.component","ɵf":"./card-orientation/card-orientation.component"},"importAs":"@daffodil/design/card/examples"}

package/card/examples/linkable-card/linkable-card.component.d.ts

@@ -1,2 +1,10 @@
+import { FormControl } from '@angular/forms';
 export declare class LinkableCardComponent {
+    basicColorControl: FormControl;
+    raisedColorControl: FormControl;
+    strokedColorControl: FormControl;
+    options: {
+        value: string;
+        label: string;
+    }[];
 }

package/card/examples/public_api.d.ts

@@ -1,6 +1,10 @@
 import { BasicCardComponent } from './basic-card/basic-card.component';
 export { BasicCardModule } from './basic-card/basic-card.module';
+export { CardOrientationModule } from './card-orientation/card-orientation.module';
+import { CardThemingComponent } from './card-theming/card-theming.component';
 export { CardThemingModule } from './card-theming/card-theming.module';
+import { LinkableCardComponent } from './linkable-card/linkable-card.component';
 export { LinkableCardModule } from './linkable-card/linkable-card.module';
 export { RaisedCardModule } from './raised-card/raised-card.module';
-export declare const CARD_EXAMPLES: (typeof BasicCardComponent)[];
+export { StrokedCardModule } from './stroked-card/stroked-card.module';
+export declare const CARD_EXAMPLES: (typeof BasicCardComponent | typeof CardThemingComponent | typeof LinkableCardComponent)[];

package/card/examples/raised-card/raised-card.component.d.ts

@@ -1,2 +1,8 @@
+import { FormControl } from '@angular/forms';
 export declare class RaisedCardComponent {
+    colorControl: FormControl;
+    options: {
+        value: string;
+        label: string;
+    }[];
 }

package/card/examples/stroked-card/stroked-card.component.d.ts

@@ -0,0 +1,8 @@
+import { FormControl } from '@angular/forms';
+export declare class StrokedCardComponent {
+    colorControl: FormControl;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}

package/card/examples/stroked-card/stroked-card.module.d.ts

@@ -0,0 +1,2 @@
+export declare class StrokedCardModule {
+}

package/checkbox/examples/daffodil-design-checkbox-examples.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"CHECKBOX_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"CHECKBOX_EXAMPLES_MODULES":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"checkbox-set","template":"<daff-checkbox-set [formArray]=\"checkboxArray\">\n  <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n  {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n  List of selected values: {{selectedValues}}\n</div>"}]}],"members":{"checkboxSet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":5},"arguments":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCheckboxSetComponent","line":19,"character":15}]}]}],"ngOnInit":[{"__symbolic":"method"}],"displayList":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"basic-checkbox","template":"<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n  {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"setFalse":[{"__symbolic":"method"}],"setTrue":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCheckboxModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":21,"character":4}],"providers":[]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCheckboxModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":21,"character":4}],"providers":[]}]}],"members":{}}},"origins":{"CHECKBOX_EXAMPLES":"./examples","CHECKBOX_EXAMPLES_MODULES":"./examples","ɵa":"./checkbox-set/checkbox-set.component","ɵb":"./basic-checkbox/basic-checkbox.component","ɵc":"./basic-checkbox/basic-checkbox.module","ɵd":"./checkbox-set/checkbox-set.module"},"importAs":"@daffodil/design/checkbox/examples"}
+{"__symbolic":"module","version":4,"metadata":{"CHECKBOX_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"CHECKBOX_EXAMPLES_MODULES":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"checkbox-set","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":17,"character":19},"member":"OnPush"},"template":"<daff-checkbox-set [formArray]=\"checkboxArray\">\n  <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n  {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n  List of selected values: {{selectedValues}}\n</div>"}]}],"members":{"checkboxSet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":5},"arguments":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCheckboxSetComponent","line":21,"character":15}]}]}],"ngOnInit":[{"__symbolic":"method"}],"displayList":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"basic-checkbox","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n  {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"setFalse":[{"__symbolic":"method"}],"setTrue":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCheckboxModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":21,"character":4}],"providers":[]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffCheckboxModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":21,"character":4}],"providers":[]}]}],"members":{}}},"origins":{"CHECKBOX_EXAMPLES":"./examples","CHECKBOX_EXAMPLES_MODULES":"./examples","ɵa":"./checkbox-set/checkbox-set.component","ɵb":"./basic-checkbox/basic-checkbox.component","ɵc":"./basic-checkbox/basic-checkbox.module","ɵd":"./checkbox-set/checkbox-set.module"},"importAs":"@daffodil/design/checkbox/examples"}

package/container/examples/container-sizes/container-sizes.component.d.ts

@@ -0,0 +1,8 @@
+import { FormControl } from '@angular/forms';
+export declare class ContainerSizesComponent {
+    sizeControl: FormControl;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}

package/container/examples/container-sizes/container-sizes.module.d.ts

@@ -0,0 +1,2 @@
+export declare class ContainerSizesModule {
+}

package/container/examples/daffodil-design-container-examples.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/container/examples/daffodil-design-container-examples.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"ContainerSizesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"container-sizes","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"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>"}]}],"members":{}},"ContainerSizesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ContainerSizesComponent"}],"exports":[{"__symbolic":"reference","name":"ContainerSizesComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":20,"character":4}]}]}],"members":{}},"CONTAINER_EXAMPLES":[{"__symbolic":"reference","name":"ContainerSizesComponent"}]},"origins":{"ContainerSizesComponent":"./container-sizes/container-sizes.component","ContainerSizesModule":"./container-sizes/container-sizes.module","CONTAINER_EXAMPLES":"./examples"},"importAs":"@daffodil/design/container/examples"}

package/container/examples/examples.d.ts

@@ -0,0 +1,2 @@
+import { ContainerSizesComponent } from './container-sizes/container-sizes.component';
+export declare const CONTAINER_EXAMPLES: (typeof ContainerSizesComponent)[];

package/container/examples/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/container/examples/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@daffodil/design/container/examples",
+  "main": "../../bundles/daffodil-design-container-examples.umd.js",
+  "module": "../../fesm2015/daffodil-design-container-examples.js",
+  "es2015": "../../fesm2015/daffodil-design-container-examples.js",
+  "esm2015": "../../esm2015/container/examples/daffodil-design-container-examples.js",
+  "fesm2015": "../../fesm2015/daffodil-design-container-examples.js",
+  "typings": "daffodil-design-container-examples.d.ts",
+  "metadata": "daffodil-design-container-examples.metadata.json",
+  "sideEffects": false
+}

package/container/examples/public_api.d.ts

@@ -0,0 +1,3 @@
+export { ContainerSizesComponent } from './container-sizes/container-sizes.component';
+export { ContainerSizesModule } from './container-sizes/container-sizes.module';
+export { CONTAINER_EXAMPLES } from './examples';

package/core/article-encapsulated/article-encapsulated-mixin.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { Constructor } from '../constructor/constructor';
+export interface HasElementRef {
+    _elementRef: ElementRef;
+    _renderer: Renderer2;
+}
+/**
+ * A mixin for giving a component the ability to prevent article styles from cascading down.
+ */
+export declare function daffArticleEncapsulatedMixin<T extends Constructor<HasElementRef>>(Base: T): {
+    new (...args: any[]): {
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & T;

package/core/article-encapsulated/public_api.d.ts

@@ -0,0 +1 @@
+export { daffArticleEncapsulatedMixin } from './article-encapsulated-mixin';

package/core/manage-container-layout/manage-container-layout-mixin.d.ts

@@ -0,0 +1,17 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { Constructor } from '../constructor/constructor';
+export interface HasElementRef {
+    _elementRef: ElementRef;
+    _renderer: Renderer2;
+}
+/**
+ * A mixin for giving a component the ability to manage a DaffContainerComponent's layout.
+ * It passes predetermined layout styles down to the container. In order for a component to
+ * do this, it must implement this mixin.
+ */
+export declare function daffManageContainerLayoutMixin<T extends Constructor<HasElementRef>>(Base: T): {
+    new (...args: any[]): {
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & T;

package/core/manage-container-layout/public_api.d.ts

@@ -0,0 +1 @@
+export { daffManageContainerLayoutMixin } from './manage-container-layout-mixin';

package/core/public_api.d.ts

@@ -7,3 +7,5 @@ export * from './skeletonable/skeletonable';
 export * from './mutable/mutable';
 export * from './text-alignable/text-alignable';
 export * from './compactable/public_api';
+export * from './manage-container-layout/public_api';
+export * from './article-encapsulated/public_api';