@tedi-design-system/angular 8.0.0-rc.1 → 8.0.0-rc.2

package/fesm2022/tedi-design-system-angular-tedi.mjs

@@ -5959,13 +5959,13 @@ class EllipsisComponent {
         this.fullText.set(el.textContent?.trim() ?? "");
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: EllipsisComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: EllipsisComponent, isStandalone: true, selector: "tedi-ellipsis", inputs: { lineClamp: { classPropertyName: "lineClamp", publicName: "lineClamp", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "tedi-ellipsis" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (isEllipsed() && tooltip()) {\n  <tedi-tooltip openWith=\"hover\">\n    <tedi-tooltip-trigger class=\"tedi-ellipsis__trigger\">\n      <ng-container [ngTemplateOutlet]=\"contentTpl\" />\n    </tedi-tooltip-trigger>\n    <tedi-tooltip-content>{{ fullText() }}</tedi-tooltip-content>\n  </tedi-tooltip>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"contentTpl\" />\n}\n\n<ng-template #contentTpl>\n  <span class=\"tedi-ellipsis__wrapper\">\n    <span\n      #content\n      [class]=\"contentClasses()\"\n      [style.-webkit-line-clamp]=\"clampStyle()\"\n      [style.line-clamp]=\"clampStyle()\"\n    >\n      <span class=\"tedi-ellipsis__inner\"><ng-content /></span>\n    </span>\n  </span>\n</ng-template>\n", styles: [".tedi-ellipsis,.tedi-ellipsis__trigger,.tedi-ellipsis__wrapper{display:block;min-width:0}.tedi-ellipsis__content{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;-webkit-box-orient:vertical}.tedi-ellipsis__content--start{display:block;text-align:left;-webkit-hyphens:none;hyphens:none;word-break:normal;white-space:nowrap;-webkit-user-select:none;user-select:none;direction:rtl}.tedi-ellipsis__content--start .tedi-ellipsis__inner{unicode-bidi:plaintext}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TooltipComponent, selector: "tedi-tooltip", inputs: ["position", "preventOverflow", "openWith", "open", "trackPosition", "timeoutDelay", "offset"], outputs: ["openChange"] }, { kind: "component", type: TooltipTriggerComponent, selector: "tedi-tooltip-trigger", inputs: ["interactive"] }, { kind: "component", type: TooltipContentComponent, selector: "tedi-tooltip-content", inputs: ["maxWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: EllipsisComponent, isStandalone: true, selector: "tedi-ellipsis", inputs: { lineClamp: { classPropertyName: "lineClamp", publicName: "lineClamp", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "tedi-ellipsis" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (isEllipsed() && tooltip()) {\n  <tedi-tooltip openWith=\"hover\">\n    <tedi-tooltip-trigger class=\"tedi-ellipsis__trigger\">\n      <ng-container [ngTemplateOutlet]=\"contentTpl\" />\n    </tedi-tooltip-trigger>\n    <tedi-tooltip-content>{{ fullText() }}</tedi-tooltip-content>\n  </tedi-tooltip>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"contentTpl\" />\n}\n\n<ng-template #contentTpl>\n  <span class=\"tedi-ellipsis__wrapper\">\n    <span\n      #content\n      [class]=\"contentClasses()\"\n      [style.-webkit-line-clamp]=\"clampStyle()\"\n      [style.line-clamp]=\"clampStyle()\"\n    >\n      <span class=\"tedi-ellipsis__inner\"><ng-content /></span>\n    </span>\n  </span>\n</ng-template>\n", styles: [".tedi-ellipsis,.tedi-ellipsis__trigger,.tedi-ellipsis__wrapper{display:block;min-width:0}.tedi-ellipsis__content{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;white-space:normal;-webkit-box-orient:vertical}.tedi-ellipsis__content--start{display:block;text-align:left;-webkit-hyphens:none;hyphens:none;word-break:normal;white-space:nowrap;-webkit-user-select:none;user-select:none;direction:rtl}.tedi-ellipsis__content--start .tedi-ellipsis__inner{unicode-bidi:plaintext}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TooltipComponent, selector: "tedi-tooltip", inputs: ["position", "preventOverflow", "openWith", "open", "trackPosition", "timeoutDelay", "offset"], outputs: ["openChange"] }, { kind: "component", type: TooltipTriggerComponent, selector: "tedi-tooltip-trigger", inputs: ["interactive"] }, { kind: "component", type: TooltipContentComponent, selector: "tedi-tooltip-content", inputs: ["maxWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: EllipsisComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: "tedi-ellipsis", imports: [NgTemplateOutlet, TooltipComponent, TooltipTriggerComponent, TooltipContentComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: "tedi-ellipsis",
-                    }, template: "@if (isEllipsed() && tooltip()) {\n  <tedi-tooltip openWith=\"hover\">\n    <tedi-tooltip-trigger class=\"tedi-ellipsis__trigger\">\n      <ng-container [ngTemplateOutlet]=\"contentTpl\" />\n    </tedi-tooltip-trigger>\n    <tedi-tooltip-content>{{ fullText() }}</tedi-tooltip-content>\n  </tedi-tooltip>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"contentTpl\" />\n}\n\n<ng-template #contentTpl>\n  <span class=\"tedi-ellipsis__wrapper\">\n    <span\n      #content\n      [class]=\"contentClasses()\"\n      [style.-webkit-line-clamp]=\"clampStyle()\"\n      [style.line-clamp]=\"clampStyle()\"\n    >\n      <span class=\"tedi-ellipsis__inner\"><ng-content /></span>\n    </span>\n  </span>\n</ng-template>\n", styles: [".tedi-ellipsis,.tedi-ellipsis__trigger,.tedi-ellipsis__wrapper{display:block;min-width:0}.tedi-ellipsis__content{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;-webkit-box-orient:vertical}.tedi-ellipsis__content--start{display:block;text-align:left;-webkit-hyphens:none;hyphens:none;word-break:normal;white-space:nowrap;-webkit-user-select:none;user-select:none;direction:rtl}.tedi-ellipsis__content--start .tedi-ellipsis__inner{unicode-bidi:plaintext}\n"] }]
+                    }, template: "@if (isEllipsed() && tooltip()) {\n  <tedi-tooltip openWith=\"hover\">\n    <tedi-tooltip-trigger class=\"tedi-ellipsis__trigger\">\n      <ng-container [ngTemplateOutlet]=\"contentTpl\" />\n    </tedi-tooltip-trigger>\n    <tedi-tooltip-content>{{ fullText() }}</tedi-tooltip-content>\n  </tedi-tooltip>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"contentTpl\" />\n}\n\n<ng-template #contentTpl>\n  <span class=\"tedi-ellipsis__wrapper\">\n    <span\n      #content\n      [class]=\"contentClasses()\"\n      [style.-webkit-line-clamp]=\"clampStyle()\"\n      [style.line-clamp]=\"clampStyle()\"\n    >\n      <span class=\"tedi-ellipsis__inner\"><ng-content /></span>\n    </span>\n  </span>\n</ng-template>\n", styles: [".tedi-ellipsis,.tedi-ellipsis__trigger,.tedi-ellipsis__wrapper{display:block;min-width:0}.tedi-ellipsis__content{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;white-space:normal;-webkit-box-orient:vertical}.tedi-ellipsis__content--start{display:block;text-align:left;-webkit-hyphens:none;hyphens:none;word-break:normal;white-space:nowrap;-webkit-user-select:none;user-select:none;direction:rtl}.tedi-ellipsis__content--start .tedi-ellipsis__inner{unicode-bidi:plaintext}\n"] }]
         }], ctorParameters: () => [], propDecorators: { lineClamp: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineClamp", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], content: [{ type: i0.ViewChild, args: ["content", { isSignal: true }] }] } });
 
 class TagComponent {