@design-factory/design-factory 16.0.0 → 16.0.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.
- package/design-factory.css +1 -1
- package/esm2022/lib/angular/sidenav/sidenavlist.component.mjs +12 -3
- package/esm2022/lib/angular/tooltip/truncate/tooltipTruncate.directive.mjs +3 -5
- package/esm2022/lib/angular/utils/html-element-helper.mjs +8 -0
- package/esm2022/lib/angular/utils/titleTruncate.directive.mjs +39 -0
- package/esm2022/lib/index.mjs +3 -1
- package/fesm2022/design-factory.mjs +56 -7
- package/fesm2022/design-factory.mjs.map +1 -1
- package/lib/angular/tooltip/truncate/tooltipTruncate.directive.d.ts +0 -1
- package/lib/angular/utils/html-element-helper.d.ts +5 -0
- package/lib/angular/utils/titleTruncate.directive.d.ts +16 -0
- package/lib/index.d.ts +1 -0
- package/package.json +1 -1
- package/schematics/migrations/utils/component-resource-collector.js +3 -3
- package/styles/scss/themes/brand2023/_variables.scss +3 -0
|
@@ -11,7 +11,6 @@ export declare class DfTooltipTruncateDirective implements OnInit, DoCheck {
|
|
|
11
11
|
constructor(tooltip: NgbTooltip, elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
|
|
12
12
|
ngOnInit(): void;
|
|
13
13
|
ngDoCheck(): void;
|
|
14
|
-
private hasOverflow;
|
|
15
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<DfTooltipTruncateDirective, never>;
|
|
16
15
|
static ɵdir: i0.ɵɵDirectiveDeclaration<DfTooltipTruncateDirective, "[dfTooltipTruncate]", ["dfTooltipTruncate"], {}, {}, never, never, true, never>;
|
|
17
16
|
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { DoCheck, ElementRef, OnInit, Renderer2 } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* DfTitleTruncate directive
|
|
5
|
+
* It adds the title attribute with the element's inner text as value
|
|
6
|
+
* when the element is truncated.
|
|
7
|
+
*/
|
|
8
|
+
export declare class DfTitleTruncateDirective implements OnInit, DoCheck {
|
|
9
|
+
private readonly elementRef;
|
|
10
|
+
private readonly renderer;
|
|
11
|
+
constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
|
|
12
|
+
ngOnInit(): void;
|
|
13
|
+
ngDoCheck(): void;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DfTitleTruncateDirective, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DfTitleTruncateDirective, "[dfTitleTruncate]", ["dfTitleTruncate"], {}, {}, never, never, true, never>;
|
|
16
|
+
}
|
package/lib/index.d.ts
CHANGED
|
@@ -65,3 +65,4 @@ export { DfMediaModule } from './angular/mediaqueries/media.module';
|
|
|
65
65
|
export { DfManageCardSelectionDirective } from './angular/card/manage-card-selection.directive';
|
|
66
66
|
export { DfAdvancedCardModule } from './angular/card/card-advanced.module';
|
|
67
67
|
export { DfModule } from './angular/df.module';
|
|
68
|
+
export { DfTitleTruncateDirective } from './angular/utils/titleTruncate.directive';
|
package/package.json
CHANGED
|
@@ -54,7 +54,7 @@ class ComponentResourceCollector {
|
|
|
54
54
|
}
|
|
55
55
|
const sourceFile = node.getSourceFile();
|
|
56
56
|
const absFilePath = (0, core_1.normalize)(path_1.posix.resolve('/', (0, core_1.normalize)(sourceFile.fileName)));
|
|
57
|
-
const filePath = path_1.posix.relative(process.cwd(), absFilePath);
|
|
57
|
+
const filePath = path_1.posix.relative((0, core_1.normalize)(process.cwd()), absFilePath);
|
|
58
58
|
const sourceFileDirPath = (0, path_1.dirname)(sourceFile.fileName);
|
|
59
59
|
// Walk through all component metadata properties and determine the referenced
|
|
60
60
|
// HTML templates (either external or inline)
|
|
@@ -112,7 +112,7 @@ class ComponentResourceCollector {
|
|
|
112
112
|
if (propertyName === 'templateUrl' && ts.isStringLiteralLike(property.initializer)) {
|
|
113
113
|
const templateUrl = property.initializer.text;
|
|
114
114
|
const absTemplatePath = (0, core_1.normalize)(path_1.posix.resolve('/', (0, core_1.normalize)(sourceFileDirPath), (0, core_1.normalize)(templateUrl)));
|
|
115
|
-
const templatePath = path_1.posix.relative(process.cwd(), absTemplatePath);
|
|
115
|
+
const templatePath = path_1.posix.relative((0, core_1.normalize)(process.cwd()), absTemplatePath);
|
|
116
116
|
// In case the template does not exist in the file system, skip this
|
|
117
117
|
// external template.
|
|
118
118
|
if (!this.tree.exists(templatePath)) {
|
|
@@ -152,7 +152,7 @@ class ComponentResourceCollector {
|
|
|
152
152
|
};
|
|
153
153
|
}
|
|
154
154
|
_trackExternalStylesheet(sourceFileDirPath, node, container) {
|
|
155
|
-
const stylesheetPath = path_1.posix.relative(process.cwd(), (0, core_1.normalize)(path_1.posix.resolve('/', (0, core_1.normalize)(sourceFileDirPath), (0, core_1.normalize)(node.text))));
|
|
155
|
+
const stylesheetPath = path_1.posix.relative((0, core_1.normalize)(process.cwd()), (0, core_1.normalize)(path_1.posix.resolve('/', (0, core_1.normalize)(sourceFileDirPath), (0, core_1.normalize)(node.text))));
|
|
156
156
|
const stylesheet = this.resolveExternalStylesheet(stylesheetPath, container);
|
|
157
157
|
if (stylesheet) {
|
|
158
158
|
this.resolvedStylesheets.push(stylesheet);
|
|
@@ -537,6 +537,9 @@ $df-navbar-nav-link-focus-color: var(--#{$prefix}primary-900) !default;
|
|
|
537
537
|
$pagination-active-color: var(--#{$prefix}primary-100-color) !default;
|
|
538
538
|
$pagination-active-bg: var(--#{$prefix}primary-100) !default;
|
|
539
539
|
|
|
540
|
+
// Progress indicator
|
|
541
|
+
$df-progress-bar-text-color: $gray-800 !default;
|
|
542
|
+
|
|
540
543
|
// Select
|
|
541
544
|
$form-select-disabled-color: $gray-400 !default;
|
|
542
545
|
$form-select-disabled-bg: $gray-200 !default;
|