@daffodil/design 0.81.1 → 0.82.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/article/README.md +4 -3
- package/article/article.d.ts +3 -0
- package/article/src/article-theme.scss +25 -2
- 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 +180 -80
- package/button/src/button/button-base.scss +26 -15
- package/button/src/button/flat/flat-theme.scss +144 -85
- package/button/src/button/raised/raised-theme.scss +2 -7
- package/button/src/button/stroked/stroked-theme.scss +126 -92
- 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/public_api.d.ts +6 -1
- package/card/src/card/raised/raised-theme.scss +30 -0
- package/card/src/card/stroked/stroked-theme.scss +46 -0
- package/card/src/card-base-theme.scss +126 -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 +23 -21
- 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 +165 -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 +15 -15
- package/fesm2022/daffodil-design-notification.mjs +22 -19
- 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 +9 -9
- package/fesm2022/daffodil-design-progress-bar.mjs +13 -10
- 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 +147 -53
- 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 +6 -3
- 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 +66 -34
- 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 +301 -245
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree-examples.mjs +6 -6
- package/fesm2022/daffodil-design-tree.mjs +13 -10
- 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 +17 -8
- 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 +73 -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 +0 -1
- package/media-gallery/src/media-gallery-theme.scss +30 -4
- package/media-gallery/thumbnail/thumbnail.directive.d.ts +29 -23
- 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/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 +3 -2
- package/progress-bar/progress-bar.d.ts +3 -0
- 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/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 +3 -0
- package/switch/README.md +3 -2
- package/switch/switch.d.ts +3 -0
- package/tabs/README.md +33 -3
- 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/toast/toast-config.d.ts +24 -1
- package/toast/toast/toast-provider.d.ts +16 -0
- package/toast/toast/toast-template.component.d.ts +1 -3
- 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/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
|
@@ -2,23 +2,25 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component, ChangeDetectionStrategy, ViewChild } from '@angular/core';
|
|
3
3
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
|
4
4
|
import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
|
|
5
|
+
import * as i2 from '@daffodil/design';
|
|
6
|
+
import { DaffPrefixSuffixModule } from '@daffodil/design';
|
|
5
7
|
import * as i1 from '@daffodil/design/tabs';
|
|
6
8
|
import { DAFF_TABS_COMPONENTS, DaffTabsComponent } from '@daffodil/design/tabs';
|
|
7
|
-
import * as i2 from '@daffodil/design';
|
|
8
9
|
import { DaffButtonComponent } from '@daffodil/design/button';
|
|
9
10
|
|
|
10
11
|
class BasicTabsComponent {
|
|
11
12
|
constructor() {
|
|
12
13
|
this.faInfoCircle = faInfoCircle;
|
|
13
14
|
}
|
|
14
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
15
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
15
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: BasicTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: BasicTabsComponent, isStandalone: true, selector: "basic-tabs", ngImport: i0, template: "<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>", dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label", "linkMode", "url", "queryParam"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16
17
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: BasicTabsComponent, decorators: [{
|
|
18
19
|
type: Component,
|
|
19
20
|
args: [{ selector: 'basic-tabs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
20
21
|
DAFF_TABS_COMPONENTS,
|
|
21
22
|
FaIconComponent,
|
|
23
|
+
DaffPrefixSuffixModule,
|
|
22
24
|
], template: "<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>" }]
|
|
23
25
|
}] });
|
|
24
26
|
|
|
@@ -33,15 +35,16 @@ class CustomSelectTabsComponent {
|
|
|
33
35
|
selectTabFive() {
|
|
34
36
|
this._tab.select('tab-5');
|
|
35
37
|
}
|
|
36
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
37
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
38
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CustomSelectTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CustomSelectTabsComponent, isStandalone: true, selector: "custom-select-tabs", viewQueries: [{ propertyName: "_tab", first: true, predicate: DaffTabsComponent, descendants: true }], ngImport: i0, template: "<div class=\"custom-select-tabs__buttons\">\n\t<button daff-button size=\"sm\" (click)=\"selectTabThree()\">\n\t\tSelect Tab 3\n\t</button>\n\t\n\t<button daff-button size=\"sm\" (click)=\"selectTabFive()\">\n\t\tSelect Tab 5\n\t</button>\n</div>\n\n<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-3\">\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-5\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>", styles: [".custom-select-tabs__buttons{display:flex;gap:8px;margin:0 0 16px}\n"], dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label", "linkMode", "url", "queryParam"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
38
40
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CustomSelectTabsComponent, decorators: [{
|
|
40
42
|
type: Component,
|
|
41
43
|
args: [{ selector: 'custom-select-tabs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
42
44
|
DAFF_TABS_COMPONENTS,
|
|
43
45
|
DaffButtonComponent,
|
|
44
46
|
FaIconComponent,
|
|
47
|
+
DaffPrefixSuffixModule,
|
|
45
48
|
], template: "<div class=\"custom-select-tabs__buttons\">\n\t<button daff-button size=\"sm\" (click)=\"selectTabThree()\">\n\t\tSelect Tab 3\n\t</button>\n\t\n\t<button daff-button size=\"sm\" (click)=\"selectTabFive()\">\n\t\tSelect Tab 5\n\t</button>\n</div>\n\n<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-3\">\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-5\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>", styles: [".custom-select-tabs__buttons{display:flex;gap:8px;margin:0 0 16px}\n"] }]
|
|
46
49
|
}], propDecorators: { _tab: [{
|
|
47
50
|
type: ViewChild,
|
|
@@ -52,14 +55,15 @@ class DisabledTabsComponent {
|
|
|
52
55
|
constructor() {
|
|
53
56
|
this.faInfoCircle = faInfoCircle;
|
|
54
57
|
}
|
|
55
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
56
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
58
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DisabledTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
59
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: DisabledTabsComponent, isStandalone: true, selector: "disabled-tabs", ngImport: i0, template: "<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab [disabled]=\"true\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>", dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label", "linkMode", "url", "queryParam"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
57
60
|
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DisabledTabsComponent, decorators: [{
|
|
59
62
|
type: Component,
|
|
60
63
|
args: [{ selector: 'disabled-tabs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
61
64
|
DAFF_TABS_COMPONENTS,
|
|
62
65
|
FaIconComponent,
|
|
66
|
+
DaffPrefixSuffixModule,
|
|
63
67
|
], template: "<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab [disabled]=\"true\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>" }]
|
|
64
68
|
}] });
|
|
65
69
|
|
|
@@ -67,14 +71,15 @@ class InitiallySelectTabComponent {
|
|
|
67
71
|
constructor() {
|
|
68
72
|
this.faInfoCircle = faInfoCircle;
|
|
69
73
|
}
|
|
70
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
71
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
74
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: InitiallySelectTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
75
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: InitiallySelectTabComponent, isStandalone: true, selector: "initially-select-tab", ngImport: i0, template: "<daff-tabs aria-label=\"List of tabs\" [initiallySelected]=\"'tab-4'\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-4\">\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>", dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label", "linkMode", "url", "queryParam"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
72
76
|
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: InitiallySelectTabComponent, decorators: [{
|
|
74
78
|
type: Component,
|
|
75
79
|
args: [{ selector: 'initially-select-tab', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
76
80
|
DAFF_TABS_COMPONENTS,
|
|
77
81
|
FaIconComponent,
|
|
82
|
+
DaffPrefixSuffixModule,
|
|
78
83
|
], template: "<daff-tabs aria-label=\"List of tabs\" [initiallySelected]=\"'tab-4'\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-4\">\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>" }]
|
|
79
84
|
}] });
|
|
80
85
|
|
|
@@ -82,15 +87,16 @@ class LinkTabsComponent {
|
|
|
82
87
|
constructor() {
|
|
83
88
|
this.faInfoCircle = faInfoCircle;
|
|
84
89
|
}
|
|
85
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
86
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
90
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LinkTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
91
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: LinkTabsComponent, isStandalone: true, selector: "link-tabs", ngImport: i0, template: "<daff-tabs\n\taria-label=\"List of tabs\"\n\t[linkMode]=\"true\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>", dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label", "linkMode", "url", "queryParam"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
87
92
|
}
|
|
88
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LinkTabsComponent, decorators: [{
|
|
89
94
|
type: Component,
|
|
90
95
|
args: [{ selector: 'link-tabs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
91
96
|
DAFF_TABS_COMPONENTS,
|
|
92
97
|
FaIconComponent,
|
|
93
|
-
|
|
98
|
+
DaffPrefixSuffixModule,
|
|
99
|
+
], template: "<daff-tabs\n\taria-label=\"List of tabs\"\n\t[linkMode]=\"true\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>" }]
|
|
94
100
|
}] });
|
|
95
101
|
|
|
96
102
|
const TABS_EXAMPLES = [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"daffodil-design-tabs-examples.mjs","sources":["../../../libs/design/tabs/examples/src/basic-tabs/basic-tabs.component.ts","../../../libs/design/tabs/examples/src/basic-tabs/basic-tabs.component.html","../../../libs/design/tabs/examples/src/custom-select-tabs/custom-select-tabs.component.ts","../../../libs/design/tabs/examples/src/custom-select-tabs/custom-select-tabs.component.html","../../../libs/design/tabs/examples/src/disabled-tabs/disabled-tabs.component.ts","../../../libs/design/tabs/examples/src/disabled-tabs/disabled-tabs.component.html","../../../libs/design/tabs/examples/src/initially-select-tab/initially-select-tab.component.ts","../../../libs/design/tabs/examples/src/initially-select-tab/initially-select-tab.component.html","../../../libs/design/tabs/examples/src/link-tabs/link-tabs.component.ts","../../../libs/design/tabs/examples/src/link-tabs/link-tabs.component.html","../../../libs/design/tabs/examples/src/public_api.ts","../../../libs/design/tabs/examples/src/daffodil-design-tabs-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-tabs',\n templateUrl: './basic-tabs.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_TABS_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class BasicTabsComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>","import {\n ChangeDetectionStrategy,\n Component,\n ViewChild,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DAFF_TABS_COMPONENTS,\n DaffTabsComponent,\n} from '@daffodil/design/tabs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'custom-select-tabs',\n templateUrl: './custom-select-tabs.component.html',\n styleUrl: './custom-select-tabs.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_TABS_COMPONENTS,\n DaffButtonComponent,\n FaIconComponent,\n ],\n})\nexport class CustomSelectTabsComponent {\n faInfoCircle = faInfoCircle;\n\n selectedTab = 'tab-3';\n\n @ViewChild(DaffTabsComponent) _tab: DaffTabsComponent;\n\n selectTabThree() {\n this._tab.select('tab-3');\n }\n\n selectTabFive() {\n this._tab.select('tab-5');\n }\n}\n","<div class=\"custom-select-tabs__buttons\">\n\t<button daff-button size=\"sm\" (click)=\"selectTabThree()\">\n\t\tSelect Tab 3\n\t</button>\n\t\n\t<button daff-button size=\"sm\" (click)=\"selectTabFive()\">\n\t\tSelect Tab 5\n\t</button>\n</div>\n\n<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-3\">\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-5\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'disabled-tabs',\n templateUrl: './disabled-tabs.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_TABS_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class DisabledTabsComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab [disabled]=\"true\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'initially-select-tab',\n templateUrl: './initially-select-tab.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_TABS_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class InitiallySelectTabComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-tabs aria-label=\"List of tabs\" [initiallySelected]=\"'tab-4'\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-4\">\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'link-tabs',\n templateUrl: './link-tabs.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_TABS_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class LinkTabsComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-tabs\n\taria-label=\"List of tabs\"\n\t[linkMode]=\"true\"\n>\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>","import { BasicTabsComponent } from './basic-tabs/basic-tabs.component';\nimport { CustomSelectTabsComponent } from './custom-select-tabs/custom-select-tabs.component';\nimport { DisabledTabsComponent } from './disabled-tabs/disabled-tabs.component';\nimport { InitiallySelectTabComponent } from './initially-select-tab/initially-select-tab.component';\nimport { LinkTabsComponent } from './link-tabs/link-tabs.component';\n\nexport const TABS_EXAMPLES = [\n BasicTabsComponent,\n DisabledTabsComponent,\n InitiallySelectTabComponent,\n CustomSelectTabsComponent,\n LinkTabsComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"daffodil-design-tabs-examples.mjs","sources":["../../../libs/design/tabs/examples/src/basic-tabs/basic-tabs.component.ts","../../../libs/design/tabs/examples/src/basic-tabs/basic-tabs.component.html","../../../libs/design/tabs/examples/src/custom-select-tabs/custom-select-tabs.component.ts","../../../libs/design/tabs/examples/src/custom-select-tabs/custom-select-tabs.component.html","../../../libs/design/tabs/examples/src/disabled-tabs/disabled-tabs.component.ts","../../../libs/design/tabs/examples/src/disabled-tabs/disabled-tabs.component.html","../../../libs/design/tabs/examples/src/initially-select-tab/initially-select-tab.component.ts","../../../libs/design/tabs/examples/src/initially-select-tab/initially-select-tab.component.html","../../../libs/design/tabs/examples/src/link-tabs/link-tabs.component.ts","../../../libs/design/tabs/examples/src/link-tabs/link-tabs.component.html","../../../libs/design/tabs/examples/src/public_api.ts","../../../libs/design/tabs/examples/src/daffodil-design-tabs-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-tabs',\n templateUrl: './basic-tabs.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_TABS_COMPONENTS,\n FaIconComponent,\n DaffPrefixSuffixModule,\n ],\n})\nexport class BasicTabsComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>","import {\n ChangeDetectionStrategy,\n Component,\n ViewChild,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DAFF_TABS_COMPONENTS,\n DaffTabsComponent,\n} from '@daffodil/design/tabs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'custom-select-tabs',\n templateUrl: './custom-select-tabs.component.html',\n styleUrl: './custom-select-tabs.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_TABS_COMPONENTS,\n DaffButtonComponent,\n FaIconComponent,\n DaffPrefixSuffixModule,\n ],\n})\nexport class CustomSelectTabsComponent {\n faInfoCircle = faInfoCircle;\n\n selectedTab = 'tab-3';\n\n @ViewChild(DaffTabsComponent) _tab: DaffTabsComponent;\n\n selectTabThree() {\n this._tab.select('tab-3');\n }\n\n selectTabFive() {\n this._tab.select('tab-5');\n }\n}\n","<div class=\"custom-select-tabs__buttons\">\n\t<button daff-button size=\"sm\" (click)=\"selectTabThree()\">\n\t\tSelect Tab 3\n\t</button>\n\t\n\t<button daff-button size=\"sm\" (click)=\"selectTabFive()\">\n\t\tSelect Tab 5\n\t</button>\n</div>\n\n<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-3\">\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-5\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'disabled-tabs',\n templateUrl: './disabled-tabs.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_TABS_COMPONENTS,\n FaIconComponent,\n DaffPrefixSuffixModule,\n ],\n})\nexport class DisabledTabsComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab [disabled]=\"true\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'initially-select-tab',\n templateUrl: './initially-select-tab.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_TABS_COMPONENTS,\n FaIconComponent,\n DaffPrefixSuffixModule,\n ],\n})\nexport class InitiallySelectTabComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-tabs aria-label=\"List of tabs\" [initiallySelected]=\"'tab-4'\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-4\">\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'link-tabs',\n templateUrl: './link-tabs.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_TABS_COMPONENTS,\n FaIconComponent,\n DaffPrefixSuffixModule,\n ],\n})\nexport class LinkTabsComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-tabs\n\taria-label=\"List of tabs\"\n\t[linkMode]=\"true\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>","import { BasicTabsComponent } from './basic-tabs/basic-tabs.component';\nimport { CustomSelectTabsComponent } from './custom-select-tabs/custom-select-tabs.component';\nimport { DisabledTabsComponent } from './disabled-tabs/disabled-tabs.component';\nimport { InitiallySelectTabComponent } from './initially-select-tab/initially-select-tab.component';\nimport { LinkTabsComponent } from './link-tabs/link-tabs.component';\n\nexport const TABS_EXAMPLES = [\n BasicTabsComponent,\n DisabledTabsComponent,\n InitiallySelectTabComponent,\n CustomSelectTabsComponent,\n LinkTabsComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import * as i1 from '@daffodil/design';
|
|
2
|
-
import { DaffPrefixDirective, DaffSuffixDirective, DaffPrefixSuffixModule, DaffSelectableDirective } from '@daffodil/design';
|
|
3
1
|
import * as i0 from '@angular/core';
|
|
4
2
|
import { TemplateRef, Component, ChangeDetectionStrategy, Input, ViewChild, ContentChild, HostBinding, ViewEncapsulation, EventEmitter, Output, ContentChildren, ViewChildren } from '@angular/core';
|
|
5
3
|
import * as i1$1 from '@angular/common';
|
|
6
4
|
import { NgIf, NgTemplateOutlet } from '@angular/common';
|
|
5
|
+
import * as i1 from '@daffodil/design';
|
|
6
|
+
import { DaffPrefixDirective, DaffSuffixDirective, DaffPrefixSuffixModule, DaffSelectableDirective } from '@daffodil/design';
|
|
7
7
|
import { RouterLink, RouterLinkActive } from '@angular/router';
|
|
8
8
|
|
|
9
9
|
let tabId = 1;
|
|
10
10
|
/**
|
|
11
11
|
* `DaffTabComponet` is an element in the tab list that is used as a content container to group the label of a tab panel and the tab panel together.
|
|
12
12
|
*
|
|
13
|
-
* A `<daff-tab>` should include the
|
|
13
|
+
* A `<daff-tab>` should include the DaffTabLabelComponent and DaffTabPanelComponent components in order to properly structure the UI.
|
|
14
14
|
*
|
|
15
15
|
* @example Basic structure of tab
|
|
16
16
|
* ```html
|
|
@@ -54,8 +54,8 @@ class DaffTabComponent {
|
|
|
54
54
|
this.panelId = 'daff-tab-panel-' + tabId;
|
|
55
55
|
tabId++;
|
|
56
56
|
}
|
|
57
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
58
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
57
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
58
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: DaffTabComponent, isStandalone: true, selector: "daff-tab", inputs: { disabled: "disabled", id: "id" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, read: TemplateRef, static: true }, { propertyName: "labelRef", first: true, predicate: ["label"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
|
|
59
59
|
<ng-template #label>
|
|
60
60
|
<ng-content select="daff-tab-label"></ng-content>
|
|
61
61
|
</ng-template>
|
|
@@ -64,10 +64,9 @@ class DaffTabComponent {
|
|
|
64
64
|
</ng-template>
|
|
65
65
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
66
66
|
}
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffTabComponent, decorators: [{
|
|
68
68
|
type: Component,
|
|
69
69
|
args: [{
|
|
70
|
-
standalone: true,
|
|
71
70
|
selector: 'daff-tab',
|
|
72
71
|
template: `
|
|
73
72
|
<ng-template #label>
|
|
@@ -104,10 +103,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
|
|
|
104
103
|
* ```
|
|
105
104
|
*/
|
|
106
105
|
class DaffTabLabelComponent {
|
|
107
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
108
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
106
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffTabLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
107
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: DaffTabLabelComponent, isStandalone: true, selector: "daff-tab-label", queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }, { propertyName: "_suffix", first: true, predicate: DaffSuffixDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-tab-label__content\">\n <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"_suffix\">\n <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>", styles: [":host{display:flex;justify-content:center;align-items:center;gap:.5rem}.daff-tab-label__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:15rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
109
108
|
}
|
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffTabLabelComponent, decorators: [{
|
|
111
110
|
type: Component,
|
|
112
111
|
args: [{ selector: 'daff-tab-label', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
113
112
|
NgIf,
|
|
@@ -133,6 +132,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
|
|
|
133
132
|
*/
|
|
134
133
|
class DaffTabPanelComponent {
|
|
135
134
|
/**
|
|
135
|
+
* @docs-private
|
|
136
|
+
*
|
|
136
137
|
* Dynamically binds the tab panel's id to a unique value generated from the associated tab's panelId.
|
|
137
138
|
*/
|
|
138
139
|
get tabPanelId() {
|
|
@@ -145,14 +146,20 @@ class DaffTabPanelComponent {
|
|
|
145
146
|
*/
|
|
146
147
|
this.class = true;
|
|
147
148
|
/**
|
|
149
|
+
* @docs-private
|
|
150
|
+
*
|
|
148
151
|
* Sets the `role` to tabpanel.
|
|
149
152
|
*/
|
|
150
153
|
this.role = 'tabpanel';
|
|
151
154
|
/**
|
|
155
|
+
* @docs-private
|
|
156
|
+
*
|
|
152
157
|
* `aria-labelledby` for the tab.
|
|
153
158
|
*/
|
|
154
159
|
this.ariaLabelledBy = '';
|
|
155
160
|
/**
|
|
161
|
+
* @docs-private
|
|
162
|
+
*
|
|
156
163
|
* Sets the `tabindex` to 0.
|
|
157
164
|
*/
|
|
158
165
|
this.tabIndex = '0';
|
|
@@ -163,12 +170,12 @@ class DaffTabPanelComponent {
|
|
|
163
170
|
this.ariaLabelledBy = this.tab.id;
|
|
164
171
|
this._id = this.tab.panelId;
|
|
165
172
|
}
|
|
166
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
167
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
173
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffTabPanelComponent, deps: [{ token: DaffTabComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
174
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: DaffTabPanelComponent, isStandalone: true, selector: "daff-tab-panel", host: { properties: { "class.daff-tab-panel": "this.class", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledBy", "attr.tabindex": "this.tabIndex", "attr.id": "this.tabPanelId" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host(.daff-tab-panel){display:block;padding:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
168
175
|
}
|
|
169
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
176
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffTabPanelComponent, decorators: [{
|
|
170
177
|
type: Component,
|
|
171
|
-
args: [{
|
|
178
|
+
args: [{ selector: 'daff-tab-panel', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host(.daff-tab-panel){display:block;padding:1rem}\n"] }]
|
|
172
179
|
}], ctorParameters: () => [{ type: DaffTabComponent }], propDecorators: { class: [{
|
|
173
180
|
type: HostBinding,
|
|
174
181
|
args: ['class.daff-tab-panel']
|
|
@@ -229,12 +236,12 @@ class DaffTabActivatorComponent {
|
|
|
229
236
|
focus() {
|
|
230
237
|
this.el.nativeElement.focus();
|
|
231
238
|
}
|
|
232
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
233
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
239
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffTabActivatorComponent, deps: [{ token: i0.ElementRef }, { token: i1.DaffSelectableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
240
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: DaffTabActivatorComponent, isStandalone: true, selector: "button[daff-tab-activator],a[daff-tab-activator]", inputs: { tabActivatorId: "tabActivatorId", panelId: "panelId" }, host: { properties: { "class.daff-tab-activator": "this.class", "attr.role": "this.role", "attr.aria-selected": "this.ariaSelected", "attr.tabindex": "this.tabIndex", "attr.aria-controls": "this.ariaControls", "attr.id": "this.tabActivatorId" } }, hostDirectives: [{ directive: i1.DaffSelectableDirective, inputs: ["selected", "selected"] }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".daff-tab-activator{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;appearance:none;background:none;border:none;color:currentColor;font-size:1rem;line-height:1.5rem;font-weight:500;height:3rem;margin:0;min-width:8rem;padding:.5rem 1.5rem;text-decoration:none;z-index:2}.daff-tab-activator[disabled]{cursor:not-allowed;opacity:.6}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
234
241
|
}
|
|
235
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
242
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffTabActivatorComponent, decorators: [{
|
|
236
243
|
type: Component,
|
|
237
|
-
args: [{
|
|
244
|
+
args: [{ selector: '' +
|
|
238
245
|
'button[daff-tab-activator]' + ',' +
|
|
239
246
|
'a[daff-tab-activator]', template: `<ng-content></ng-content>`, hostDirectives: [
|
|
240
247
|
{
|
|
@@ -294,6 +301,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
|
|
|
294
301
|
* ```
|
|
295
302
|
*/
|
|
296
303
|
class DaffTabsComponent {
|
|
304
|
+
/**
|
|
305
|
+
* @docs-private
|
|
306
|
+
*/
|
|
297
307
|
get currentPath() {
|
|
298
308
|
return this.location.path();
|
|
299
309
|
}
|
|
@@ -305,19 +315,20 @@ class DaffTabsComponent {
|
|
|
305
315
|
*/
|
|
306
316
|
this.class = true;
|
|
307
317
|
/**
|
|
308
|
-
* The tab that is
|
|
318
|
+
* The tab that is selected on initial load. If it's not used, the first tab in the tablist will be selected by default.
|
|
309
319
|
*/
|
|
310
320
|
this.initiallySelected = null;
|
|
311
321
|
/**
|
|
312
|
-
*
|
|
322
|
+
* aria-label for the tab.
|
|
313
323
|
*/
|
|
314
324
|
this.externalAriaLabel = null;
|
|
315
325
|
/**
|
|
316
|
-
*
|
|
326
|
+
* @docs-private
|
|
327
|
+
*
|
|
317
328
|
*/
|
|
318
329
|
this.ariaLabel = '';
|
|
319
330
|
/**
|
|
320
|
-
* Replace the tab buttons
|
|
331
|
+
* Replace the tab buttons as links.
|
|
321
332
|
*/
|
|
322
333
|
this.linkMode = false;
|
|
323
334
|
/**
|
|
@@ -329,14 +340,24 @@ class DaffTabsComponent {
|
|
|
329
340
|
*/
|
|
330
341
|
this.tabChange = new EventEmitter();
|
|
331
342
|
}
|
|
343
|
+
reset() {
|
|
344
|
+
if (this.initiallySelected) {
|
|
345
|
+
this.selectedTab = this.initiallySelected;
|
|
346
|
+
}
|
|
347
|
+
if (!this.selectedTab) {
|
|
348
|
+
this.selectedTab = this._tabs.first.id;
|
|
349
|
+
}
|
|
350
|
+
}
|
|
332
351
|
/**
|
|
333
352
|
* @docs-private
|
|
334
353
|
*/
|
|
335
354
|
ngOnInit() {
|
|
336
355
|
this.location.onUrlChange(() => {
|
|
337
|
-
if
|
|
356
|
+
// if the app is navigated away from the current page, reset the state
|
|
357
|
+
if (this.linkMode && !this.location.isCurrentPathEqualTo(this.url, `${this.queryParam}=${this.selectedTab}`)) {
|
|
338
358
|
this.selectedTab = null;
|
|
339
|
-
this.
|
|
359
|
+
this.reset();
|
|
360
|
+
this.tabChange.emit(this.selectedTab);
|
|
340
361
|
}
|
|
341
362
|
});
|
|
342
363
|
}
|
|
@@ -344,14 +365,11 @@ class DaffTabsComponent {
|
|
|
344
365
|
* @docs-private
|
|
345
366
|
*/
|
|
346
367
|
ngAfterContentInit() {
|
|
347
|
-
|
|
348
|
-
this.selectedTab = this.initiallySelected;
|
|
349
|
-
}
|
|
350
|
-
if (!this.selectedTab) {
|
|
351
|
-
this.selectedTab = this._tabs.first.id;
|
|
352
|
-
}
|
|
368
|
+
this.reset();
|
|
353
369
|
}
|
|
354
370
|
/**
|
|
371
|
+
* @docs-private
|
|
372
|
+
*
|
|
355
373
|
* Selects a tab and sets focus on the selected tab.
|
|
356
374
|
*/
|
|
357
375
|
select(tabId) {
|
|
@@ -389,18 +407,24 @@ class DaffTabsComponent {
|
|
|
389
407
|
};
|
|
390
408
|
}
|
|
391
409
|
/**
|
|
410
|
+
* @docs-private
|
|
411
|
+
*
|
|
392
412
|
* Selects the previous tab and wraps around to the last tab if the first tab is currently selected.
|
|
393
413
|
*/
|
|
394
414
|
previous() {
|
|
395
415
|
this.navigateTabs(-1);
|
|
396
416
|
}
|
|
397
417
|
/**
|
|
418
|
+
* @docs-private
|
|
419
|
+
*
|
|
398
420
|
* Selects the next tab and wraps around to the first tab if the last tab is currently selected.
|
|
399
421
|
*/
|
|
400
422
|
next() {
|
|
401
423
|
this.navigateTabs(1);
|
|
402
424
|
}
|
|
403
425
|
/**
|
|
426
|
+
* @docs-private
|
|
427
|
+
*
|
|
404
428
|
* Selects the first tab.
|
|
405
429
|
*/
|
|
406
430
|
selectFirst(event) {
|
|
@@ -408,6 +432,8 @@ class DaffTabsComponent {
|
|
|
408
432
|
this.select(this._tabs.toArray()[0].id);
|
|
409
433
|
}
|
|
410
434
|
/**
|
|
435
|
+
* @docs-private
|
|
436
|
+
*
|
|
411
437
|
* Selects the last tab.
|
|
412
438
|
*/
|
|
413
439
|
selectLast(event) {
|
|
@@ -415,10 +441,10 @@ class DaffTabsComponent {
|
|
|
415
441
|
const array = this._tabs.toArray();
|
|
416
442
|
this.select(array[array.length - 1].id);
|
|
417
443
|
}
|
|
418
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
419
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.
|
|
444
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffTabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.Location }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
445
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: DaffTabsComponent, isStandalone: true, selector: "daff-tabs", inputs: { initiallySelected: "initiallySelected", ariaLabel: ["aria-label", "ariaLabel"], linkMode: "linkMode", url: "url", queryParam: "queryParam" }, outputs: { tabChange: "tabChange" }, host: { properties: { "class.daff-tabs": "this.class", "attr.aria-label": "this.externalAriaLabel" } }, queries: [{ propertyName: "_labels", predicate: DaffTabLabelComponent, descendants: true }, { propertyName: "_tabs", predicate: DaffTabComponent }], viewQueries: [{ propertyName: "_tabActivators", predicate: DaffTabActivatorComponent, descendants: true }], ngImport: i0, template: "<div class=\"daff-tabs__tab-list\"\n\trole=\"tablist\"\n\t[attr.aria-label]=\"ariaLabel\"\n\t(keydown.home)=\"selectFirst($event)\"\n\t(keydown.end)=\"selectLast($event)\">\n\t@for (tab of _tabs; track tab) {\n\t\t@if (linkMode && tab.disabled) {\n\t\t\t<button daff-tab-activator routerLinkActive\n\t\t\t\t[selected]=\"tab.id === selectedTab\"\n\t\t\t\t[panelId]=\"tab.panelId\"\n\t\t\t\t[disabled]=\"tab.disabled\"\n\t\t\t\t[tabActivatorId]=\"tab.id\"\n\t\t\t\t(keydown.arrowright)=\"next()\"\n\t\t\t\t(keydown.arrowleft)=\"previous()\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"tab.labelRef\"></ng-container>\n\t\t\t</button>\n\t\t} @else if (linkMode) {\n\t\t\t<a daff-tab-activator routerLinkActive\n\t\t\t\tclass=\"daff-ae daff_tabs__link\"\n\t\t\t\t[selected]=\"tab.id === selectedTab\"\n\t\t\t\t[routerLink]=\"url || currentPath\"\n\t\t\t\tqueryParamsHandling=\"merge\"\n\t\t\t\t[queryParams]=\"_buildQueryParams(tab.id)\"\n\t\t\t\t[panelId]=\"tab.panelId\"\n\t\t\t\t[tabActivatorId]=\"tab.id\"\n\t\t\t\t(keydown.arrowright)=\"next()\"\n\t\t\t\t(keydown.arrowleft)=\"previous()\"\n\t\t\t\t(isActiveChange)=\"$event && select(tab.id)\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"tab.labelRef\"></ng-container>\n\t\t\t</a>\n\t\t} @else {\n\t\t\t<button daff-tab-activator\n\t\t\t\t[selected]=\"tab.id === selectedTab\"\n\t\t\t\t(click)=\"select(tab.id)\"\n\t\t\t\t[panelId]=\"tab.panelId\"\n\t\t\t\t[disabled]=\"tab.disabled\"\n\t\t\t\t[tabActivatorId]=\"tab.id\"\n\t\t\t\t(keydown.arrowright)=\"next()\"\n\t\t\t\t(keydown.arrowleft)=\"previous()\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"tab.labelRef\"></ng-container>\n\t\t\t</button>\n\t\t}\n\t}\n</div>\n\n@for (tab of _tabs; track tab) {\n\t@if(tab.id === selectedTab ) {\n\t\t<ng-container *ngTemplateOutlet=\"tab.contentRef\"></ng-container>\n\t}\n}", styles: [":host(.daff-tabs){max-width:100%}.daff-tabs{display:block}.daff-tabs .daff-tabs__tab-list{display:flex;overflow-x:auto;scrollbar-width:thin;position:relative}.daff-tabs .daff-tabs__tab-list:after{content:\"\";position:absolute;height:.125rem;width:100%;bottom:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: DaffTabActivatorComponent, selector: "button[daff-tab-activator],a[daff-tab-activator]", inputs: ["tabActivatorId", "panelId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
420
446
|
}
|
|
421
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffTabsComponent, decorators: [{
|
|
422
448
|
type: Component,
|
|
423
449
|
args: [{ selector: 'daff-tabs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
424
450
|
NgTemplateOutlet,
|
|
@@ -456,11 +482,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
|
|
|
456
482
|
args: [DaffTabActivatorComponent]
|
|
457
483
|
}] } });
|
|
458
484
|
|
|
485
|
+
/**
|
|
486
|
+
* @docs-private
|
|
487
|
+
*
|
|
488
|
+
* ```ts
|
|
489
|
+
* import { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';
|
|
490
|
+
* ```
|
|
491
|
+
*/
|
|
459
492
|
const DAFF_TABS_COMPONENTS = [
|
|
460
493
|
DaffTabsComponent,
|
|
461
494
|
DaffTabLabelComponent,
|
|
462
495
|
DaffTabPanelComponent,
|
|
463
|
-
DaffPrefixSuffixModule,
|
|
464
496
|
DaffTabComponent,
|
|
465
497
|
];
|
|
466
498
|
|