@daffodil/design 0.81.1 → 0.83.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/README.md +44 -29
- package/accordion/accordion/accordion/accordion.component.d.ts +3 -0
- package/accordion/accordion/accordion-item/accordion-item.component.d.ts +23 -12
- package/accordion/accordion/accordion-item-title/accordion-item-title.directive.d.ts +3 -0
- package/accordion/accordion.d.ts +5 -0
- package/accordion/examples/disabled-accordion/disabled-accordion.component.d.ts +5 -0
- package/accordion/examples/initially-expanded-accordion/initially-expanded-accordion.component.d.ts +5 -0
- package/accordion/examples/public_api.d.ts +2 -0
- package/accordion/src/accordion-theme.scss +28 -6
- package/article/README.md +4 -3
- package/article/article.d.ts +3 -0
- package/article/src/article-theme.scss +128 -51
- package/breadcrumb/README.md +38 -28
- package/breadcrumb/breadcrumb/breadcrumb.component.d.ts +15 -2
- package/breadcrumb/breadcrumb-item/breadcrumb-item.directive.d.ts +18 -4
- package/breadcrumb/breadcrumb.d.ts +3 -0
- package/breadcrumb/examples/iterated-breadcrumb/iterated-breadcrumb.component.d.ts +6 -0
- package/breadcrumb/public_api.d.ts +2 -2
- package/button/README.md +43 -23
- package/button/button/basic/button.component.d.ts +5 -1
- package/button/button/button-base.directive.d.ts +11 -3
- package/button/button/button-sizable.directive.d.ts +1 -1
- package/button/button/raised/raised.component.d.ts +2 -0
- package/button/button/stroked/stroked.component.d.ts +5 -1
- package/button/button.d.ts +4 -2
- package/button/button.module.d.ts +1 -2
- package/button/examples/elevated-button/elevated-button.component.d.ts +6 -0
- package/button/examples/examples.d.ts +2 -1
- package/button/examples/public_api.d.ts +1 -0
- package/button/public_api.d.ts +0 -1
- package/button/src/button/basic/button-theme.scss +185 -80
- package/button/src/button/button-base.scss +41 -16
- package/button/src/button/flat/flat-theme.scss +144 -85
- package/button/src/button/icon/icon-theme.scss +183 -79
- package/button/src/button/raised/raised-theme.scss +2 -7
- package/button/src/button/stroked/stroked-theme.scss +128 -94
- package/button/src/button/underline/underline-theme.scss +112 -44
- package/callout/README.md +4 -3
- package/callout/callout.d.ts +3 -0
- package/card/README.md +6 -3
- package/card/card/basic/basic.component.d.ts +7 -0
- package/card/card/raised/raised.component.d.ts +7 -0
- package/card/card/stroked/stroked.component.d.ts +7 -0
- package/card/card-base.directive.d.ts +25 -0
- package/card/card.d.ts +18 -1
- package/card/card.module.d.ts +10 -8
- package/card/examples/card-theming/card-theming.component.d.ts +2 -1
- package/card/examples/public_api.d.ts +1 -1
- package/card/public_api.d.ts +6 -1
- package/card/src/card/raised/raised-theme.scss +30 -0
- package/card/src/card/stroked/stroked-theme.scss +135 -0
- package/card/src/card-base-theme.scss +197 -0
- package/card/src/card-base.scss +134 -0
- package/container/README.md +5 -3
- package/container/container.d.ts +3 -0
- package/core/colorable/colorable.d.ts +20 -14
- package/core/colorable/colorable.directive.d.ts +9 -6
- package/fesm2022/daffodil-design-accordion-examples.mjs +28 -4
- package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-accordion.mjs +56 -29
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article-examples.mjs +30 -30
- package/fesm2022/daffodil-design-article.mjs +14 -11
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-breadcrumb-examples.mjs +24 -4
- package/fesm2022/daffodil-design-breadcrumb-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-breadcrumb.mjs +78 -40
- package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
- package/fesm2022/daffodil-design-button-examples.mjs +55 -33
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +79 -69
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +12 -12
- package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout.mjs +25 -22
- package/fesm2022/daffodil-design-callout.mjs.map +1 -1
- package/fesm2022/daffodil-design-card-examples.mjs +35 -31
- package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +140 -86
- package/fesm2022/daffodil-design-card.mjs.map +1 -1
- package/fesm2022/daffodil-design-checkbox-examples.mjs +6 -6
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container-examples.mjs +3 -3
- package/fesm2022/daffodil-design-container.mjs +10 -7
- package/fesm2022/daffodil-design-container.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +12 -12
- package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero.mjs +25 -22
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-image-examples.mjs +9 -9
- package/fesm2022/daffodil-design-image.mjs +36 -19
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-input-examples.mjs +12 -12
- package/fesm2022/daffodil-design-link-set.mjs +19 -16
- package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
- package/fesm2022/daffodil-design-list-examples.mjs +12 -12
- package/fesm2022/daffodil-design-list.mjs +13 -10
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +4 -4
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +11 -8
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery-examples.mjs +62 -13
- package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +204 -250
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu-examples.mjs +6 -6
- package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu.mjs +16 -16
- package/fesm2022/daffodil-design-modal-examples.mjs +7 -7
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +28 -25
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +12 -12
- package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +10 -7
- package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +17 -16
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +23 -20
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator-examples.mjs +6 -6
- package/fesm2022/daffodil-design-paginator.mjs +13 -7
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar-examples.mjs +10 -10
- package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +13 -13
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-quantity-field-examples.mjs +12 -12
- package/fesm2022/daffodil-design-radio-examples.mjs +3 -3
- package/fesm2022/daffodil-design-sidebar-examples.mjs +14 -14
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +150 -61
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-switch-examples.mjs +15 -15
- package/fesm2022/daffodil-design-switch-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-switch.mjs +38 -10
- package/fesm2022/daffodil-design-switch.mjs.map +1 -1
- package/fesm2022/daffodil-design-tabs-examples.mjs +23 -17
- package/fesm2022/daffodil-design-tabs-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-tabs.mjs +67 -35
- package/fesm2022/daffodil-design-tabs.mjs.map +1 -1
- package/fesm2022/daffodil-design-text-snippet-examples.mjs +3 -3
- package/fesm2022/daffodil-design-text-snippet.mjs +4 -5
- package/fesm2022/daffodil-design-text-snippet.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast-examples.mjs +40 -15
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +296 -239
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree-examples.mjs +6 -6
- package/fesm2022/daffodil-design-tree.mjs +15 -12
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design-youtube-player.mjs +104 -0
- package/fesm2022/daffodil-design-youtube-player.mjs.map +1 -0
- package/fesm2022/daffodil-design.mjs +167 -155
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/hero/README.md +4 -3
- package/hero/hero.d.ts +3 -0
- package/image/README.md +4 -3
- package/image/image/image.component.d.ts +22 -1
- package/image/image.d.ts +3 -0
- package/link-set/README.md +4 -3
- package/link-set/link-set.d.ts +3 -0
- package/list/README.md +4 -3
- package/list/list.d.ts +3 -0
- package/loading-icon/README.md +10 -7
- package/loading-icon/loading-icon.d.ts +3 -0
- package/loading-icon/src/loading-icon-theme.scss +66 -38
- package/media-gallery/README.md +19 -10
- package/media-gallery/examples/iterated-media-gallery/iterated-media-gallery.component.d.ts +13 -0
- package/media-gallery/examples/media-gallery-with-video/media-gallery-with-video.component.d.ts +5 -0
- package/media-gallery/examples/public_api.d.ts +2 -0
- package/media-gallery/helpers/media-gallery-registration.interface.d.ts +1 -1
- package/media-gallery/media-gallery/media-gallery.component.d.ts +89 -11
- package/media-gallery/media-gallery.d.ts +4 -2
- package/media-gallery/media-gallery.module.d.ts +1 -2
- package/media-gallery/public_api.d.ts +3 -4
- package/media-gallery/src/media-gallery-theme.scss +30 -4
- package/media-gallery/thumbnail/thumbnail.directive.d.ts +45 -22
- package/menu/README.md +1 -2
- package/modal/README.md +3 -2
- package/modal/modal.d.ts +3 -0
- package/navbar/README.md +3 -2
- package/navbar/navbar.d.ts +3 -0
- package/notification/README.md +5 -4
- package/notification/notification.d.ts +3 -0
- package/notification/src/notification-theme.scss +62 -23
- package/package.json +1 -1
- package/paginator/README.md +3 -2
- package/paginator/paginator/paginator.component.d.ts +3 -0
- package/paginator/paginator.d.ts +3 -0
- package/progress-bar/README.md +5 -6
- package/progress-bar/progress-bar.component.d.ts +0 -3
- package/progress-bar/progress-bar.d.ts +3 -0
- package/progress-bar/src/progress-bar-theme.scss +17 -8
- package/scss/theme.scss +36 -17
- package/scss/theming/_configure-theme.scss +2 -0
- package/scss/theming/_index.scss +1 -0
- package/scss/theming/_light-dark.scss +45 -0
- package/sidebar/README.md +20 -21
- package/sidebar/helper/sidebar-mode.d.ts +9 -15
- package/sidebar/public_api.d.ts +10 -11
- package/sidebar/sidebar/sidebar.component.d.ts +22 -7
- package/sidebar/sidebar-footer/sidebar-footer.component.d.ts +11 -0
- package/sidebar/sidebar-header/sidebar-header-title/sidebar-header-title.directive.d.ts +8 -0
- package/sidebar/sidebar-header/sidebar-header.component.d.ts +19 -1
- package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +36 -15
- package/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts +17 -0
- package/sidebar/sidebar.d.ts +4 -2
- package/sidebar/sidebar.module.d.ts +1 -2
- package/switch/README.md +3 -2
- package/switch/src/switch-theme.scss +29 -10
- package/switch/switch/switch.component.d.ts +31 -6
- package/switch/switch.d.ts +3 -0
- package/tabs/README.md +33 -3
- package/tabs/src/tabs-theme.scss +31 -13
- package/tabs/tabs/tab/tab.component.d.ts +1 -1
- package/tabs/tabs/tab-label/tab-label.component.d.ts +6 -0
- package/tabs/tabs/tab-panel/tab-panel.component.d.ts +8 -0
- package/tabs/tabs/tabs.component.d.ts +21 -4
- package/tabs/tabs.d.ts +8 -2
- package/text-snippet/README.md +19 -1
- package/toast/README.md +21 -151
- package/toast/examples/dismissible-toast/dismissible-toast.component.d.ts +11 -0
- package/toast/examples/public_api.d.ts +2 -1
- package/toast/interfaces/toast-action.d.ts +22 -11
- package/toast/interfaces/toast-action.type.d.ts +10 -0
- package/toast/interfaces/toast.d.ts +11 -5
- package/toast/options/daff-toast-options.d.ts +2 -1
- package/toast/public_api.d.ts +2 -6
- package/toast/service/position.service.d.ts +9 -1
- package/toast/service/toast.service.d.ts +63 -0
- package/toast/src/toast-theme.scss +80 -33
- package/toast/toast/toast-config.d.ts +24 -1
- package/toast/toast/toast-provider.d.ts +16 -0
- package/toast/toast/toast.component.d.ts +20 -1
- package/toast/toast-actions/toast-actions.directive.d.ts +3 -0
- package/toast/toast-message/toast-message.directive.d.ts +3 -0
- package/toast/toast-title/toast-title.directive.d.ts +3 -0
- package/tree/README.md +6 -10
- package/tree/src/tree-theme.scss +39 -13
- package/tree/tree.d.ts +3 -0
- package/youtube-player/index.d.ts +1 -0
- package/youtube-player/public_api.d.ts +3 -0
- package/youtube-player/safe-url.pipe.d.ts +10 -0
- package/youtube-player/youtube-player.component.d.ts +23 -0
- package/youtube-player/youtube-player.d.ts +6 -0
- package/card/card/card.component.d.ts +0 -48
- package/card/src/card-theme-variants/basic-card.scss +0 -6
- package/card/src/card-theme-variants/linkable-card.scss +0 -16
- package/card/src/card-theme-variants/stroked-card.scss +0 -3
- package/card/src/card-theme.scss +0 -170
- package/media-gallery/media-renderer/media-renderer.component.d.ts +0 -29
- package/media-gallery/registry/media-gallery.registry.d.ts +0 -34
- package/media-gallery/thumbnail/thumbnail-compat.token.d.ts +0 -1
- package/media-gallery/thumbnail/thumbnail-registration.interface.d.ts +0 -9
- package/scss/theming/prebuilt/internal-theme.scss +0 -13
- package/toast/toast.module.d.ts +0 -19
@@ -0,0 +1,23 @@
|
|
1
|
+
import { OnInit } from '@angular/core';
|
2
|
+
import { DomSanitizer, SafeStyle, SafeUrl } from '@angular/platform-browser';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class DaffYoutubePlayerComponent implements OnInit {
|
5
|
+
private sanitizer;
|
6
|
+
src: SafeUrl;
|
7
|
+
title: string;
|
8
|
+
private _width;
|
9
|
+
get width(): number;
|
10
|
+
set width(value: number);
|
11
|
+
private _height;
|
12
|
+
get height(): number;
|
13
|
+
set height(value: number);
|
14
|
+
constructor(sanitizer: DomSanitizer);
|
15
|
+
/**
|
16
|
+
* @docs-private
|
17
|
+
*/
|
18
|
+
ngOnInit(): void;
|
19
|
+
get _aspectRatio(): SafeStyle;
|
20
|
+
get maxWidth(): string;
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffYoutubePlayerComponent, never>;
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffYoutubePlayerComponent, "daff-youtube-player", never, { "src": { "alias": "src"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
|
23
|
+
}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { DaffYoutubeSafePipe } from './safe-url.pipe';
|
2
|
+
import { DaffYoutubePlayerComponent } from './youtube-player.component';
|
3
|
+
/**
|
4
|
+
* @docs-private
|
5
|
+
*/
|
6
|
+
export declare const DAFF_YOUTUBE_PLAYER_COMPONENTS: readonly [typeof DaffYoutubePlayerComponent, typeof DaffYoutubeSafePipe];
|
@@ -1,48 +0,0 @@
|
|
1
|
-
import { ElementRef, Renderer2, OnInit } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "@daffodil/design";
|
4
|
-
export type DaffCardType = null | 'daff-raised-card' | 'daff-stroked-card';
|
5
|
-
/**
|
6
|
-
* This attribute determines what orientation the the card contents are stacked.
|
7
|
-
*/
|
8
|
-
export type DaffCardOrientation = 'vertical' | 'horizontal';
|
9
|
-
export declare enum DaffCardOrientationEnum {
|
10
|
-
Vertical = "vertical",
|
11
|
-
Horizontal = "horizontal"
|
12
|
-
}
|
13
|
-
/**
|
14
|
-
* @inheritdoc
|
15
|
-
*/
|
16
|
-
export declare class DaffCardComponent implements OnInit {
|
17
|
-
private elementRef;
|
18
|
-
private renderer;
|
19
|
-
private _orientation;
|
20
|
-
get orientation(): DaffCardOrientation;
|
21
|
-
set orientation(value: DaffCardOrientation);
|
22
|
-
/**
|
23
|
-
* @docs-private
|
24
|
-
*/
|
25
|
-
private cardType;
|
26
|
-
private initCardType;
|
27
|
-
constructor(elementRef: ElementRef, renderer: Renderer2);
|
28
|
-
/**
|
29
|
-
* @docs-private
|
30
|
-
*/
|
31
|
-
ngOnInit(): void;
|
32
|
-
class: boolean;
|
33
|
-
/**
|
34
|
-
* @docs-private
|
35
|
-
*/
|
36
|
-
get verticalClass(): boolean;
|
37
|
-
/**
|
38
|
-
* @docs-private
|
39
|
-
*/
|
40
|
-
get horizontalClass(): boolean;
|
41
|
-
private _getHostElement;
|
42
|
-
/**
|
43
|
-
* Gets whether the button has one of the given attributes.
|
44
|
-
* */
|
45
|
-
private _hasHostAttributes;
|
46
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DaffCardComponent, never>;
|
47
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffCardComponent, "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", never, { "orientation": { "alias": "orientation"; "required": false; }; }, {}, never, ["[daffCardImage]", "[daffCardIcon]", "[daffCardTagline]", "[daffCardTitle]", "[daffCardContent]", "[daffCardActions]"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
|
48
|
-
}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
@use '../../../scss/theming';
|
2
|
-
|
3
|
-
@mixin daff-linkable-card-theme-variant(
|
4
|
-
$hover-color,
|
5
|
-
) {
|
6
|
-
.daff-card__wrapper {
|
7
|
-
&::after {
|
8
|
-
background: $hover-color;
|
9
|
-
}
|
10
|
-
}
|
11
|
-
|
12
|
-
&:hover,
|
13
|
-
&:focus {
|
14
|
-
color: theming.daff-text-contrast($hover-color);
|
15
|
-
}
|
16
|
-
}
|
package/card/src/card-theme.scss
DELETED
@@ -1,170 +0,0 @@
|
|
1
|
-
@use 'sass:map';
|
2
|
-
@use '../../scss/core';
|
3
|
-
@use '../../scss/theming';
|
4
|
-
@use './card-theme-variants/basic-card' as basic;
|
5
|
-
@use './card-theme-variants/stroked-card' as stroked;
|
6
|
-
@use './card-theme-variants/linkable-card' as linkable;
|
7
|
-
|
8
|
-
@mixin daff-card-theme($theme) {
|
9
|
-
$primary: core.daff-map-get($theme, primary);
|
10
|
-
$secondary: core.daff-map-get($theme, secondary);
|
11
|
-
$tertiary: core.daff-map-get($theme, tertiary);
|
12
|
-
$base: core.daff-map-get($theme, 'core', 'base');
|
13
|
-
$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
|
14
|
-
$white: core.daff-map-get($theme, 'core', 'white');
|
15
|
-
$black: core.daff-map-get($theme, 'core', 'black');
|
16
|
-
$neutral: core.daff-map-get($theme, 'core', 'neutral');
|
17
|
-
|
18
|
-
.daff-card {
|
19
|
-
$root: &;
|
20
|
-
@include basic.daff-basic-card-theme-variant(
|
21
|
-
theming.daff-illuminate($base, $neutral, 1)
|
22
|
-
);
|
23
|
-
|
24
|
-
&.daff-primary {
|
25
|
-
@include basic.daff-basic-card-theme-variant(
|
26
|
-
theming.daff-color($primary)
|
27
|
-
);
|
28
|
-
}
|
29
|
-
|
30
|
-
&.daff-secondary {
|
31
|
-
@include basic.daff-basic-card-theme-variant(
|
32
|
-
theming.daff-color($secondary)
|
33
|
-
);
|
34
|
-
}
|
35
|
-
|
36
|
-
&.daff-tertiary {
|
37
|
-
@include basic.daff-basic-card-theme-variant(
|
38
|
-
theming.daff-color($tertiary)
|
39
|
-
);
|
40
|
-
}
|
41
|
-
|
42
|
-
&.daff-theme {
|
43
|
-
@include basic.daff-basic-card-theme-variant($base);
|
44
|
-
}
|
45
|
-
|
46
|
-
&.daff-theme-contrast {
|
47
|
-
@include basic.daff-basic-card-theme-variant($base-contrast);
|
48
|
-
}
|
49
|
-
|
50
|
-
&.daff-black {
|
51
|
-
@include basic.daff-basic-card-theme-variant($black);
|
52
|
-
}
|
53
|
-
|
54
|
-
&.daff-white {
|
55
|
-
@include basic.daff-basic-card-theme-variant($white);
|
56
|
-
}
|
57
|
-
}
|
58
|
-
|
59
|
-
.daff-raised-card {
|
60
|
-
box-shadow: 0 6px 12px -4px rgba($black, 0.12),
|
61
|
-
0 4px 8px -2px rgba($black, 0.06);
|
62
|
-
}
|
63
|
-
|
64
|
-
.daff-stroked-card {
|
65
|
-
@include stroked.daff-stroked-card-theme-variant(
|
66
|
-
theming.daff-illuminate($base, $neutral, 2)
|
67
|
-
);
|
68
|
-
|
69
|
-
&.daff-primary {
|
70
|
-
@include stroked.daff-stroked-card-theme-variant(
|
71
|
-
theming.daff-illuminate($base-contrast, $primary, 3)
|
72
|
-
);
|
73
|
-
}
|
74
|
-
|
75
|
-
&.daff-secondary {
|
76
|
-
@include stroked.daff-stroked-card-theme-variant(
|
77
|
-
theming.daff-illuminate($base-contrast, $secondary, 3)
|
78
|
-
);
|
79
|
-
}
|
80
|
-
|
81
|
-
&.daff-tertiary {
|
82
|
-
@include stroked.daff-stroked-card-theme-variant(
|
83
|
-
theming.daff-illuminate($base-contrast, $tertiary, 3)
|
84
|
-
);
|
85
|
-
}
|
86
|
-
|
87
|
-
&.daff-theme {
|
88
|
-
@include stroked.daff-stroked-card-theme-variant(
|
89
|
-
theming.daff-illuminate($base, $neutral, 2)
|
90
|
-
);
|
91
|
-
}
|
92
|
-
|
93
|
-
&.daff-theme-contrast {
|
94
|
-
@include stroked.daff-stroked-card-theme-variant(
|
95
|
-
theming.daff-illuminate($base-contrast, $neutral, 2)
|
96
|
-
);
|
97
|
-
}
|
98
|
-
|
99
|
-
&.daff-black {
|
100
|
-
@include stroked.daff-stroked-card-theme-variant(
|
101
|
-
theming.daff-color($neutral, 90)
|
102
|
-
);
|
103
|
-
}
|
104
|
-
|
105
|
-
&.daff-white {
|
106
|
-
@include stroked.daff-stroked-card-theme-variant(
|
107
|
-
theming.daff-color($neutral, 20)
|
108
|
-
);
|
109
|
-
}
|
110
|
-
}
|
111
|
-
|
112
|
-
a {
|
113
|
-
&.daff-card {
|
114
|
-
@include linkable.daff-linkable-card-theme-variant(
|
115
|
-
theming.daff-illuminate($base, $neutral, 2)
|
116
|
-
);
|
117
|
-
|
118
|
-
&.daff-primary {
|
119
|
-
@include linkable.daff-linkable-card-theme-variant(
|
120
|
-
theming.daff-color($primary, 70)
|
121
|
-
);
|
122
|
-
}
|
123
|
-
|
124
|
-
&.daff-secondary {
|
125
|
-
@include linkable.daff-linkable-card-theme-variant(
|
126
|
-
theming.daff-color($secondary, 70)
|
127
|
-
);
|
128
|
-
}
|
129
|
-
|
130
|
-
&.daff-tertiary {
|
131
|
-
@include linkable.daff-linkable-card-theme-variant(
|
132
|
-
theming.daff-color($tertiary, 70)
|
133
|
-
);
|
134
|
-
}
|
135
|
-
|
136
|
-
&.daff-theme {
|
137
|
-
@include linkable.daff-linkable-card-theme-variant(
|
138
|
-
theming.daff-illuminate($base, $neutral, 1)
|
139
|
-
);
|
140
|
-
}
|
141
|
-
|
142
|
-
&.daff-theme-contrast {
|
143
|
-
@include linkable.daff-linkable-card-theme-variant(
|
144
|
-
theming.daff-illuminate($base-contrast, $neutral, 1)
|
145
|
-
);
|
146
|
-
}
|
147
|
-
|
148
|
-
&.daff-black {
|
149
|
-
@include linkable.daff-linkable-card-theme-variant(
|
150
|
-
theming.daff-color($neutral, 100)
|
151
|
-
);
|
152
|
-
}
|
153
|
-
|
154
|
-
&.daff-white {
|
155
|
-
@include linkable.daff-linkable-card-theme-variant(
|
156
|
-
theming.daff-color($neutral, 10)
|
157
|
-
);
|
158
|
-
}
|
159
|
-
}
|
160
|
-
|
161
|
-
&.daff-raised-card {
|
162
|
-
.daff-card__wrapper {
|
163
|
-
&::after {
|
164
|
-
box-shadow: 0 16px 32px -4px rgba($black, 0.12),
|
165
|
-
0 8px 12px -2px rgba($black, 0.06);
|
166
|
-
}
|
167
|
-
}
|
168
|
-
}
|
169
|
-
}
|
170
|
-
}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import { OnInit, ComponentFactoryResolver, ViewContainerRef, OnDestroy } from '@angular/core';
|
2
|
-
import { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';
|
3
|
-
import { DaffMediaGalleryRegistry } from '../registry/media-gallery.registry';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
/**
|
6
|
-
* Dynamically renders the selected `DaffThumbnailDirective` in a `daff-media-gallery` any time the selected thumbnail
|
7
|
-
* changes.
|
8
|
-
*/
|
9
|
-
export declare class DaffMediaRendererComponent implements OnInit, OnDestroy {
|
10
|
-
private componentFactoryResolver;
|
11
|
-
private registry;
|
12
|
-
private gallery;
|
13
|
-
/**
|
14
|
-
* Private tracker for indicating when the component is destroyed.
|
15
|
-
*/
|
16
|
-
private _destroy$;
|
17
|
-
constructor(componentFactoryResolver: ComponentFactoryResolver, registry: DaffMediaGalleryRegistry, gallery: DaffMediaGalleryRegistration);
|
18
|
-
/**
|
19
|
-
* The slot that the "component" is rendered into.
|
20
|
-
*/
|
21
|
-
slot: ViewContainerRef;
|
22
|
-
ngOnInit(): void;
|
23
|
-
/**
|
24
|
-
* Used to unsubscribe from the dynamic component.
|
25
|
-
*/
|
26
|
-
ngOnDestroy(): void;
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaRendererComponent, never>;
|
28
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffMediaRendererComponent, "daff-media-renderer", never, {}, {}, never, never, true, never>;
|
29
|
-
}
|
@@ -1,34 +0,0 @@
|
|
1
|
-
import { BehaviorSubject } from 'rxjs';
|
2
|
-
import { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';
|
3
|
-
import { DaffThumbnailRegistration } from '../thumbnail/thumbnail-registration.interface';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export interface DaffMediaGalleryDict {
|
6
|
-
[galleryName: string]: BehaviorSubject<DaffMediaGallery>;
|
7
|
-
}
|
8
|
-
export interface DaffMediaGallery {
|
9
|
-
gallery: DaffMediaGalleryRegistration;
|
10
|
-
thumbnails: DaffThumbnailRegistration[];
|
11
|
-
}
|
12
|
-
export declare const isGallery: (element: DaffThumbnailRegistration | DaffMediaGalleryRegistration) => element is DaffMediaGalleryRegistration;
|
13
|
-
export declare class DaffMediaGalleryRegistry {
|
14
|
-
galleries: DaffMediaGalleryDict;
|
15
|
-
/**
|
16
|
-
* @description
|
17
|
-
* Adds a media element to the internal registry.
|
18
|
-
*/
|
19
|
-
add(gallery: DaffMediaGalleryRegistration, thumbnail?: DaffThumbnailRegistration): void;
|
20
|
-
/**
|
21
|
-
* @description
|
22
|
-
* Removes a thumbnail or gallery from the internal registry.
|
23
|
-
*/
|
24
|
-
remove(element: DaffThumbnailRegistration | DaffMediaGalleryRegistration): void;
|
25
|
-
private removeThumbnail;
|
26
|
-
private removeGallery;
|
27
|
-
/**
|
28
|
-
* @description
|
29
|
-
* Selects a media element for a given gallery.
|
30
|
-
*/
|
31
|
-
select(thumbnail: DaffThumbnailRegistration): void;
|
32
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryRegistry, never>;
|
33
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<DaffMediaGalleryRegistry>;
|
34
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const daffThumbnailCompatToken: import("@angular/core").InjectionToken<unknown>, provideDaffThumbnailCompatToken: <R extends unknown = unknown>(value: R) => import("@angular/core").ValueProvider;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import { Type } from '@angular/core';
|
2
|
-
import { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';
|
3
|
-
export interface DaffThumbnailRegistration {
|
4
|
-
gallery: DaffMediaGalleryRegistration;
|
5
|
-
selected: boolean;
|
6
|
-
component: Type<unknown>;
|
7
|
-
select: () => DaffThumbnailRegistration;
|
8
|
-
deselect: () => DaffThumbnailRegistration;
|
9
|
-
}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
@import '../variables';
|
2
|
-
@import '../color';
|
3
|
-
@import '../configure-palette';
|
4
|
-
@import '../configure-theme';
|
5
|
-
@import '../theme';
|
6
|
-
|
7
|
-
$primary: daff-configure-palette($daff-blue, 60);
|
8
|
-
$secondary: daff-configure-palette($daff-purple, 60);
|
9
|
-
$tertiary: daff-configure-palette($daff-turquoise, 60);
|
10
|
-
|
11
|
-
$theme: daff-configure-theme($primary, $secondary, $tertiary);
|
12
|
-
|
13
|
-
@include daff-theme($theme);
|
package/toast/toast.module.d.ts
DELETED
@@ -1,19 +0,0 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "@angular/common";
|
3
|
-
import * as i2 from "@daffodil/design";
|
4
|
-
import * as i3 from "@daffodil/design/button";
|
5
|
-
import * as i4 from "@fortawesome/angular-fontawesome";
|
6
|
-
import * as i5 from "@angular/cdk/portal";
|
7
|
-
import * as i6 from "@angular/cdk/overlay";
|
8
|
-
import * as i7 from "./toast/toast.component";
|
9
|
-
import * as i8 from "./toast-actions/toast-actions.directive";
|
10
|
-
import * as i9 from "./toast-title/toast-title.directive";
|
11
|
-
import * as i10 from "./toast-message/toast-message.directive";
|
12
|
-
/**
|
13
|
-
* @deprecated in favor of {@link provideDaffToast}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
14
|
-
*/
|
15
|
-
export declare class DaffToastModule {
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastModule, never>;
|
17
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffToastModule, never, [typeof i1.CommonModule, typeof i2.DaffPrefixSuffixModule, typeof i3.DaffButtonModule, typeof i4.FontAwesomeModule, typeof i5.PortalModule, typeof i6.OverlayModule, typeof i7.DaffToastComponent, typeof i8.DaffToastActionsDirective, typeof i9.DaffToastTitleDirective, typeof i10.DaffToastMessageDirective], [typeof i7.DaffToastComponent, typeof i8.DaffToastActionsDirective, typeof i9.DaffToastTitleDirective, typeof i10.DaffToastMessageDirective, typeof i2.DaffPrefixSuffixModule]>;
|
18
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<DaffToastModule>;
|
19
|
-
}
|