@masterteam/components 0.0.140 → 0.0.142
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/assets/common.css +1 -1
- package/fesm2022/masterteam-components-business-fields.mjs +1 -1
- package/fesm2022/masterteam-components-business-fields.mjs.map +1 -1
- package/fesm2022/masterteam-components-client-page-menu.mjs +2 -2
- package/fesm2022/masterteam-components-client-page-menu.mjs.map +1 -1
- package/fesm2022/masterteam-components-client-page.mjs +2 -2
- package/fesm2022/masterteam-components-client-page.mjs.map +1 -1
- package/fesm2022/masterteam-components-entities.mjs +44 -7
- package/fesm2022/masterteam-components-entities.mjs.map +1 -1
- package/fesm2022/masterteam-components-paginator.mjs +2 -3
- package/fesm2022/masterteam-components-paginator.mjs.map +1 -1
- package/fesm2022/masterteam-components-select-field.mjs +2 -2
- package/fesm2022/masterteam-components-select-field.mjs.map +1 -1
- package/fesm2022/masterteam-components-statistic-card.mjs +2 -2
- package/fesm2022/masterteam-components-statistic-card.mjs.map +1 -1
- package/fesm2022/masterteam-components-table.mjs +69 -27
- package/fesm2022/masterteam-components-table.mjs.map +1 -1
- package/fesm2022/masterteam-components-tooltip.mjs +9 -5
- package/fesm2022/masterteam-components-tooltip.mjs.map +1 -1
- package/fesm2022/masterteam-components.mjs +84 -70
- package/fesm2022/masterteam-components.mjs.map +1 -1
- package/package.json +11 -10
- package/types/masterteam-components-entities.d.ts +30 -5
- package/types/masterteam-components-table.d.ts +10 -18
|
@@ -48,6 +48,7 @@ class TruncateTooltip {
|
|
|
48
48
|
ngAfterViewInit() {
|
|
49
49
|
this.zone.runOutsideAngular(() => {
|
|
50
50
|
const element = this.elementRef.nativeElement;
|
|
51
|
+
this.tooltip.setOption({ showOnEllipsis: true });
|
|
51
52
|
if (typeof ResizeObserver !== 'undefined') {
|
|
52
53
|
this.resizeObserver = new ResizeObserver(() => this.queueSync());
|
|
53
54
|
this.resizeObserver.observe(element);
|
|
@@ -62,7 +63,7 @@ class TruncateTooltip {
|
|
|
62
63
|
attributeFilter: ['class', 'style'],
|
|
63
64
|
});
|
|
64
65
|
}
|
|
65
|
-
this.
|
|
66
|
+
this.syncTooltip();
|
|
66
67
|
});
|
|
67
68
|
this.destroyRef.onDestroy(() => {
|
|
68
69
|
this.resizeObserver?.disconnect();
|
|
@@ -73,7 +74,7 @@ class TruncateTooltip {
|
|
|
73
74
|
});
|
|
74
75
|
}
|
|
75
76
|
syncTooltipState() {
|
|
76
|
-
this.
|
|
77
|
+
this.syncTooltip();
|
|
77
78
|
}
|
|
78
79
|
queueSync() {
|
|
79
80
|
if (this.syncTimeout !== null) {
|
|
@@ -89,15 +90,18 @@ class TruncateTooltip {
|
|
|
89
90
|
const text = element.textContent?.replace(/\s+/g, ' ').trim() ?? '';
|
|
90
91
|
const isTruncated = element.scrollWidth > element.clientWidth ||
|
|
91
92
|
element.scrollHeight > element.clientHeight;
|
|
92
|
-
this.tooltip.
|
|
93
|
-
this.tooltip.disabled = !text || !isTruncated;
|
|
93
|
+
this.tooltip.setOption({ tooltipLabel: text || null });
|
|
94
94
|
if (!this.tooltip.active) {
|
|
95
95
|
return;
|
|
96
96
|
}
|
|
97
|
-
if (
|
|
97
|
+
if (!text || !isTruncated) {
|
|
98
98
|
this.tooltip.hide();
|
|
99
99
|
return;
|
|
100
100
|
}
|
|
101
|
+
if (!this.tooltip.container) {
|
|
102
|
+
this.tooltip.show();
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
101
105
|
this.tooltip.updateText();
|
|
102
106
|
this.tooltip.align();
|
|
103
107
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"masterteam-components-tooltip.mjs","sources":["../../../../packages/masterteam/components/tooltip/tooltip.ts","../../../../packages/masterteam/components/tooltip/truncate-tooltip.ts","../../../../packages/masterteam/components/tooltip/masterteam-components-tooltip.ts"],"sourcesContent":["import { Directive } from '@angular/core';\r\nimport { Tooltip as PrimeTooltip } from 'primeng/tooltip';\r\n\r\n@Directive({\r\n selector: '[mtTooltip]',\r\n standalone: true,\r\n hostDirectives: [\r\n {\r\n directive: PrimeTooltip,\r\n inputs: [\r\n 'pTooltip: mtTooltip',\r\n 'tooltipPosition',\r\n 'tooltipEvent',\r\n 'appendTo',\r\n 'tooltipStyleClass',\r\n 'escape',\r\n 'showDelay',\r\n 'hideDelay',\r\n 'life',\r\n 'positionTop',\r\n 'positionLeft',\r\n 'autoHide',\r\n 'fitContent',\r\n 'hideOnEscape',\r\n 'tooltipDisabled',\r\n ],\r\n },\r\n ],\r\n})\r\nexport class Tooltip {}\r\n","import {\r\n AfterViewInit,\r\n DestroyRef,\r\n Directive,\r\n ElementRef,\r\n NgZone,\r\n inject,\r\n} from '@angular/core';\r\nimport { Tooltip as PrimeTooltip } from 'primeng/tooltip';\r\n\r\n@Directive({\r\n selector: '[mtTruncateTooltip]',\r\n host: {\r\n '(mouseenter)': 'syncTooltipState()',\r\n '(focusin)': 'syncTooltipState()',\r\n },\r\n hostDirectives: [\r\n {\r\n directive: PrimeTooltip,\r\n inputs: [\r\n 'tooltipPosition',\r\n 'tooltipEvent',\r\n 'appendTo',\r\n 'tooltipStyleClass',\r\n 'escape',\r\n 'showDelay',\r\n 'hideDelay',\r\n 'life',\r\n 'positionTop',\r\n 'positionLeft',\r\n 'autoHide',\r\n 'fitContent',\r\n 'hideOnEscape',\r\n ],\r\n },\r\n ],\r\n})\r\nexport class TruncateTooltip implements AfterViewInit {\r\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n private readonly zone = inject(NgZone);\r\n private readonly destroyRef = inject(DestroyRef);\r\n private readonly tooltip = inject(PrimeTooltip);\r\n\r\n private resizeObserver?: ResizeObserver;\r\n private mutationObserver?: MutationObserver;\r\n private syncTimeout: ReturnType<typeof setTimeout> | null = null;\r\n\r\n ngAfterViewInit(): void {\r\n this.zone.runOutsideAngular(() => {\r\n const element = this.elementRef.nativeElement;\r\n\r\n if (typeof ResizeObserver !== 'undefined') {\r\n this.resizeObserver = new ResizeObserver(() => this.queueSync());\r\n this.resizeObserver.observe(element);\r\n }\r\n\r\n if (typeof MutationObserver !== 'undefined') {\r\n this.mutationObserver = new MutationObserver(() => this.queueSync());\r\n this.mutationObserver.observe(element, {\r\n childList: true,\r\n characterData: true,\r\n subtree: true,\r\n attributes: true,\r\n attributeFilter: ['class', 'style'],\r\n });\r\n }\r\n\r\n this.
|
|
1
|
+
{"version":3,"file":"masterteam-components-tooltip.mjs","sources":["../../../../packages/masterteam/components/tooltip/tooltip.ts","../../../../packages/masterteam/components/tooltip/truncate-tooltip.ts","../../../../packages/masterteam/components/tooltip/masterteam-components-tooltip.ts"],"sourcesContent":["import { Directive } from '@angular/core';\r\nimport { Tooltip as PrimeTooltip } from 'primeng/tooltip';\r\n\r\n@Directive({\r\n selector: '[mtTooltip]',\r\n standalone: true,\r\n hostDirectives: [\r\n {\r\n directive: PrimeTooltip,\r\n inputs: [\r\n 'pTooltip: mtTooltip',\r\n 'tooltipPosition',\r\n 'tooltipEvent',\r\n 'appendTo',\r\n 'tooltipStyleClass',\r\n 'escape',\r\n 'showDelay',\r\n 'hideDelay',\r\n 'life',\r\n 'positionTop',\r\n 'positionLeft',\r\n 'autoHide',\r\n 'fitContent',\r\n 'hideOnEscape',\r\n 'tooltipDisabled',\r\n ],\r\n },\r\n ],\r\n})\r\nexport class Tooltip {}\r\n","import {\r\n AfterViewInit,\r\n DestroyRef,\r\n Directive,\r\n ElementRef,\r\n NgZone,\r\n inject,\r\n} from '@angular/core';\r\nimport { Tooltip as PrimeTooltip } from 'primeng/tooltip';\r\n\r\n@Directive({\r\n selector: '[mtTruncateTooltip]',\r\n host: {\r\n '(mouseenter)': 'syncTooltipState()',\r\n '(focusin)': 'syncTooltipState()',\r\n },\r\n hostDirectives: [\r\n {\r\n directive: PrimeTooltip,\r\n inputs: [\r\n 'tooltipPosition',\r\n 'tooltipEvent',\r\n 'appendTo',\r\n 'tooltipStyleClass',\r\n 'escape',\r\n 'showDelay',\r\n 'hideDelay',\r\n 'life',\r\n 'positionTop',\r\n 'positionLeft',\r\n 'autoHide',\r\n 'fitContent',\r\n 'hideOnEscape',\r\n ],\r\n },\r\n ],\r\n})\r\nexport class TruncateTooltip implements AfterViewInit {\r\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n private readonly zone = inject(NgZone);\r\n private readonly destroyRef = inject(DestroyRef);\r\n private readonly tooltip = inject(PrimeTooltip);\r\n\r\n private resizeObserver?: ResizeObserver;\r\n private mutationObserver?: MutationObserver;\r\n private syncTimeout: ReturnType<typeof setTimeout> | null = null;\r\n\r\n ngAfterViewInit(): void {\r\n this.zone.runOutsideAngular(() => {\r\n const element = this.elementRef.nativeElement;\r\n\r\n this.tooltip.setOption({ showOnEllipsis: true });\r\n\r\n if (typeof ResizeObserver !== 'undefined') {\r\n this.resizeObserver = new ResizeObserver(() => this.queueSync());\r\n this.resizeObserver.observe(element);\r\n }\r\n\r\n if (typeof MutationObserver !== 'undefined') {\r\n this.mutationObserver = new MutationObserver(() => this.queueSync());\r\n this.mutationObserver.observe(element, {\r\n childList: true,\r\n characterData: true,\r\n subtree: true,\r\n attributes: true,\r\n attributeFilter: ['class', 'style'],\r\n });\r\n }\r\n\r\n this.syncTooltip();\r\n });\r\n\r\n this.destroyRef.onDestroy(() => {\r\n this.resizeObserver?.disconnect();\r\n this.mutationObserver?.disconnect();\r\n\r\n if (this.syncTimeout !== null) {\r\n clearTimeout(this.syncTimeout);\r\n }\r\n });\r\n }\r\n\r\n syncTooltipState(): void {\r\n this.syncTooltip();\r\n }\r\n\r\n private queueSync(): void {\r\n if (this.syncTimeout !== null) {\r\n return;\r\n }\r\n\r\n this.syncTimeout = setTimeout(() => {\r\n this.syncTimeout = null;\r\n this.syncTooltip();\r\n });\r\n }\r\n\r\n private syncTooltip(): void {\r\n const element = this.elementRef.nativeElement;\r\n const text = element.textContent?.replace(/\\s+/g, ' ').trim() ?? '';\r\n const isTruncated =\r\n element.scrollWidth > element.clientWidth ||\r\n element.scrollHeight > element.clientHeight;\r\n\r\n this.tooltip.setOption({ tooltipLabel: text || null });\r\n\r\n if (!this.tooltip.active) {\r\n return;\r\n }\r\n\r\n if (!text || !isTruncated) {\r\n this.tooltip.hide();\r\n return;\r\n }\r\n\r\n if (!this.tooltip.container) {\r\n this.tooltip.show();\r\n return;\r\n }\r\n\r\n this.tooltip.updateText();\r\n this.tooltip.align();\r\n }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["PrimeTooltip"],"mappings":"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"}
|
|
@@ -308,20 +308,20 @@ const MTPreset = (themeOptions) => {
|
|
|
308
308
|
paginator: {
|
|
309
309
|
root: {
|
|
310
310
|
borderRadius: '{border.radius.md}',
|
|
311
|
-
padding: '0
|
|
311
|
+
padding: '0',
|
|
312
312
|
},
|
|
313
313
|
navButton: {
|
|
314
|
-
borderRadius: '
|
|
314
|
+
borderRadius: '{border.radius.sm}',
|
|
315
315
|
},
|
|
316
316
|
colorScheme: {
|
|
317
317
|
light: {
|
|
318
318
|
navButton: {
|
|
319
|
-
color: '{surface.
|
|
320
|
-
hoverBackground: '
|
|
321
|
-
selectedBackground: '{
|
|
322
|
-
selectedColor: '
|
|
319
|
+
color: '{surface.500}',
|
|
320
|
+
hoverBackground: '{surface.50}',
|
|
321
|
+
selectedBackground: '{primary.500}',
|
|
322
|
+
selectedColor: '#ffffff',
|
|
323
323
|
focusRing: {
|
|
324
|
-
color: '{
|
|
324
|
+
color: '{primary.100}',
|
|
325
325
|
},
|
|
326
326
|
},
|
|
327
327
|
},
|
|
@@ -329,75 +329,89 @@ const MTPreset = (themeOptions) => {
|
|
|
329
329
|
navButton: {
|
|
330
330
|
color: '{surface.200}',
|
|
331
331
|
hoverBackground: 'transparent',
|
|
332
|
-
selectedBackground: '
|
|
332
|
+
selectedBackground: '{primary.500}',
|
|
333
333
|
selectedColor: '#fff',
|
|
334
334
|
focusRing: {
|
|
335
|
-
color: '
|
|
335
|
+
color: '{primary.500}',
|
|
336
336
|
},
|
|
337
337
|
},
|
|
338
338
|
},
|
|
339
339
|
},
|
|
340
|
-
css: () => `
|
|
341
|
-
.p-paginator {
|
|
342
|
-
--p-paginator-gap: 0;
|
|
343
|
-
--p-paginator-nav-button-width:
|
|
344
|
-
--p-paginator-nav-button-height:
|
|
345
|
-
width: fit-content;
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
.p-paginator-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
}
|
|
356
|
-
|
|
357
|
-
.p-paginator-pages button
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
.p-paginator
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
}
|
|
393
|
-
|
|
394
|
-
.
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
340
|
+
css: () => `
|
|
341
|
+
.p-paginator {
|
|
342
|
+
--p-paginator-gap: 0.375rem;
|
|
343
|
+
--p-paginator-nav-button-width: 1.75rem;
|
|
344
|
+
--p-paginator-nav-button-height: 1.75rem;
|
|
345
|
+
width: fit-content;
|
|
346
|
+
padding: 0;
|
|
347
|
+
border: 0;
|
|
348
|
+
background: transparent;
|
|
349
|
+
font-size: 0.875rem;
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
.p-paginator-pages {
|
|
353
|
+
display: flex;
|
|
354
|
+
gap: var(--p-paginator-gap);
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
.p-paginator-pages button,
|
|
358
|
+
.p-paginator-prev,
|
|
359
|
+
.p-paginator-next,
|
|
360
|
+
.p-paginator-first,
|
|
361
|
+
.p-paginator-last {
|
|
362
|
+
min-width: var(--p-paginator-nav-button-width);
|
|
363
|
+
height: var(--p-paginator-nav-button-height);
|
|
364
|
+
border: 1px solid var(--p-surface-200);
|
|
365
|
+
border-radius: 0.375rem;
|
|
366
|
+
background: #fff;
|
|
367
|
+
color: #667085;
|
|
368
|
+
box-shadow: none;
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
.p-paginator .p-paginator-page.p-paginator-page-selected {
|
|
372
|
+
border-color: var(--p-primary-color);
|
|
373
|
+
background: var(--p-primary-color);
|
|
374
|
+
color: #fff;
|
|
375
|
+
font-weight: 500;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
.p-paginator-pages button:not(.p-paginator-page-selected):hover,
|
|
379
|
+
.p-paginator-prev:hover,
|
|
380
|
+
.p-paginator-next:hover,
|
|
381
|
+
.p-paginator-first:hover,
|
|
382
|
+
.p-paginator-last:hover {
|
|
383
|
+
background: var(--p-surface-50);
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
.p-paginator .p-select {
|
|
387
|
+
min-height: var(--p-paginator-nav-button-height);
|
|
388
|
+
margin-inline-start: 0.5rem;
|
|
389
|
+
border: 1px solid var(--p-surface-200);
|
|
390
|
+
border-radius: 0.5rem;
|
|
391
|
+
background: #fff;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
.p-paginator .p-select .p-select-label {
|
|
395
|
+
padding: 0.375rem 0.625rem;
|
|
396
|
+
font-size: 0.875rem;
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
/* Dark Mode Styles */
|
|
400
|
+
.dark .p-paginator-pages button,
|
|
401
|
+
.dark .p-paginator-prev,
|
|
402
|
+
.dark .p-paginator-next,
|
|
403
|
+
.dark .p-paginator-first,
|
|
404
|
+
.dark .p-paginator-last,
|
|
405
|
+
.dark .p-paginator .p-select {
|
|
406
|
+
border-color: var(--p-surface-500);
|
|
407
|
+
background: var(--p-surface-900);
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
.dark .p-paginator .p-paginator-page.p-paginator-page-selected {
|
|
411
|
+
border-color: var(--p-primary-color);
|
|
412
|
+
background: var(--p-primary-color);
|
|
413
|
+
color: #fff;
|
|
414
|
+
}
|
|
401
415
|
`,
|
|
402
416
|
},
|
|
403
417
|
toggleswitch: {
|