@tedi-design-system/angular 5.0.0 → 5.0.1-rc.2
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.
|
@@ -17,7 +17,6 @@ import * as i2$1 from '@angular/cdk/menu';
|
|
|
17
17
|
import { CdkMenu, CdkMenuModule } from '@angular/cdk/menu';
|
|
18
18
|
import * as i1$3 from '@angular/router';
|
|
19
19
|
import { RouterLink, Router, RouterLinkActive } from '@angular/router';
|
|
20
|
-
import { CardComponent as CardComponent$1, CardContentComponent as CardContentComponent$1 } from 'community/components/cards';
|
|
21
20
|
import { Subject, takeUntil, startWith } from 'rxjs';
|
|
22
21
|
import { toSignal } from '@angular/core/rxjs-interop';
|
|
23
22
|
|
|
@@ -3049,13 +3048,13 @@ class TableOfContentsComponent {
|
|
|
3049
3048
|
this.intersectionObservers = [];
|
|
3050
3049
|
}
|
|
3051
3050
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TableOfContentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3052
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TableOfContentsComponent, isStandalone: true, selector: "tedi-table-of-contents", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, scrollOnClick: { classPropertyName: "scrollOnClick", publicName: "scrollOnClick", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, modalBreakpoint: { classPropertyName: "modalBreakpoint", publicName: "modalBreakpoint", isSignal: true, isRequired: false, transformFunction: null }, scrollAware: { classPropertyName: "scrollAware", publicName: "scrollAware", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "tableItems", predicate: TableOfContentsItemComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["defaultTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #defaultTemplate>\n <nav [attr.aria-label]=\"ariaLabel()\" [class]=\"classes()\">\n <tedi-card>\n <tedi-card-content class=\"table-of-contents__content\">\n <h1 tedi-text modifiers=\"h4\" class=\"table-of-contents__header\">\n {{ heading() }}\n </h1>\n <div class=\"table-of-contents__items\">\n <ng-content />\n </div>\n </tedi-card-content>\n </tedi-card>\n </nav>\n</ng-template>\n\n@if (!isOpen()) {\n <ng-container *ngTemplateOutlet=\"defaultTemplate\" />\n\n <tedi-card [class]=\"footerClasses()\">\n <tedi-card-content>\n <button\n class=\"table-of-contents__footer-trigger\"\n (click)=\"openMobileModal()\"\n >\n <h1 tedi-text modifiers=\"normal\" class=\"table-of-contents__header\">\n {{ heading() }}\n\n <div tedi-button variant=\"neutral\">\n {{ \"open\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" />\n </div>\n </h1>\n </button>\n </tedi-card-content>\n </tedi-card>\n}\n", styles: [".table-of-contents{display:none;max-height:100vh}.table-of-contents--position-sticky{position:sticky;top:var(--dimensions-10)}.table-of-contents--position-fixed{position:fixed}.table-of-contents__content{padding:0;padding-bottom:var(--dimensions-10)}.table-of-contents__header{width:100%;padding:var(--dimensions-10);display:flex;align-items:center;justify-content:space-between}.table-of-contents__items{gap:var(--dimensions-05);display:flex;flex-direction:column}.table-of-contents--modal-active{display:initial}@media (min-width: 576px){.table-of-contents--modal-breakpoint-mobile{display:initial}}@media (min-width: 768px){.table-of-contents--modal-breakpoint-tablet{display:initial}}@media (min-width: 992px){.table-of-contents--modal-breakpoint-desktop{display:initial}}.table-of-contents__footer{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-index-fixed);padding:0;--_card-padding-top: 0;--_card-padding-left: 0;--_card-padding-bottom: 0;--_card-padding-right: 0}.table-of-contents__footer-trigger{border:none;width:100%;background-color:transparent;padding:0;cursor:pointer}.table-of-contents__footer-trigger .tedi-button{padding:0}.table-of-contents__footer-trigger:hover{background-color:transparent}.table-of-contents__footer .table-of-contents__header{padding:var(--dimensions-10)}@media (min-width: 576px){.table-of-contents__footer--modal-breakpoint-mobile{display:none}}@media (min-width: 768px){.table-of-contents__footer--modal-breakpoint-tablet{display:none}}@media (min-width: 992px){.table-of-contents__footer--modal-breakpoint-desktop{display:none}}\n"], dependencies: [{ kind: "component", type: CardComponent
|
|
3051
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TableOfContentsComponent, isStandalone: true, selector: "tedi-table-of-contents", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, scrollOnClick: { classPropertyName: "scrollOnClick", publicName: "scrollOnClick", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, modalBreakpoint: { classPropertyName: "modalBreakpoint", publicName: "modalBreakpoint", isSignal: true, isRequired: false, transformFunction: null }, scrollAware: { classPropertyName: "scrollAware", publicName: "scrollAware", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "tableItems", predicate: TableOfContentsItemComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["defaultTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #defaultTemplate>\n <nav [attr.aria-label]=\"ariaLabel()\" [class]=\"classes()\">\n <tedi-card>\n <tedi-card-content class=\"table-of-contents__content\">\n <h1 tedi-text modifiers=\"h4\" class=\"table-of-contents__header\">\n {{ heading() }}\n </h1>\n <div class=\"table-of-contents__items\">\n <ng-content />\n </div>\n </tedi-card-content>\n </tedi-card>\n </nav>\n</ng-template>\n\n@if (!isOpen()) {\n <ng-container *ngTemplateOutlet=\"defaultTemplate\" />\n\n <tedi-card [class]=\"footerClasses()\">\n <tedi-card-content>\n <button\n class=\"table-of-contents__footer-trigger\"\n (click)=\"openMobileModal()\"\n >\n <h1 tedi-text modifiers=\"normal\" class=\"table-of-contents__header\">\n {{ heading() }}\n\n <div tedi-button variant=\"neutral\">\n {{ \"open\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" />\n </div>\n </h1>\n </button>\n </tedi-card-content>\n </tedi-card>\n}\n", styles: [".table-of-contents{display:none;max-height:100vh}.table-of-contents--position-sticky{position:sticky;top:var(--dimensions-10)}.table-of-contents--position-fixed{position:fixed}.table-of-contents__content{padding:0;padding-bottom:var(--dimensions-10)}.table-of-contents__header{width:100%;padding:var(--dimensions-10);display:flex;align-items:center;justify-content:space-between}.table-of-contents__items{gap:var(--dimensions-05);display:flex;flex-direction:column}.table-of-contents--modal-active{display:initial}@media (min-width: 576px){.table-of-contents--modal-breakpoint-mobile{display:initial}}@media (min-width: 768px){.table-of-contents--modal-breakpoint-tablet{display:initial}}@media (min-width: 992px){.table-of-contents--modal-breakpoint-desktop{display:initial}}.table-of-contents__footer{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-index-fixed);padding:0;--_card-padding-top: 0;--_card-padding-left: 0;--_card-padding-bottom: 0;--_card-padding-right: 0}.table-of-contents__footer-trigger{border:none;width:100%;background-color:transparent;padding:0;cursor:pointer}.table-of-contents__footer-trigger .tedi-button{padding:0}.table-of-contents__footer-trigger:hover{background-color:transparent}.table-of-contents__footer .table-of-contents__header{padding:var(--dimensions-10)}@media (min-width: 576px){.table-of-contents__footer--modal-breakpoint-mobile{display:none}}@media (min-width: 768px){.table-of-contents__footer--modal-breakpoint-tablet{display:none}}@media (min-width: 992px){.table-of-contents__footer--modal-breakpoint-desktop{display:none}}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
3053
3052
|
}
|
|
3054
3053
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TableOfContentsComponent, decorators: [{
|
|
3055
3054
|
type: Component,
|
|
3056
3055
|
args: [{ selector: "tedi-table-of-contents", imports: [
|
|
3057
|
-
CardComponent
|
|
3058
|
-
CardContentComponent
|
|
3056
|
+
CardComponent,
|
|
3057
|
+
CardContentComponent,
|
|
3059
3058
|
TextComponent,
|
|
3060
3059
|
ButtonComponent,
|
|
3061
3060
|
IconComponent,
|