@masterteam/components 0.0.141 → 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.
Files changed (22) hide show
  1. package/assets/common.css +1 -1
  2. package/fesm2022/masterteam-components-business-fields.mjs +1 -1
  3. package/fesm2022/masterteam-components-business-fields.mjs.map +1 -1
  4. package/fesm2022/masterteam-components-client-page-menu.mjs +2 -2
  5. package/fesm2022/masterteam-components-client-page-menu.mjs.map +1 -1
  6. package/fesm2022/masterteam-components-client-page.mjs +2 -2
  7. package/fesm2022/masterteam-components-client-page.mjs.map +1 -1
  8. package/fesm2022/masterteam-components-entities.mjs +4 -4
  9. package/fesm2022/masterteam-components-entities.mjs.map +1 -1
  10. package/fesm2022/masterteam-components-paginator.mjs +2 -3
  11. package/fesm2022/masterteam-components-paginator.mjs.map +1 -1
  12. package/fesm2022/masterteam-components-select-field.mjs +2 -2
  13. package/fesm2022/masterteam-components-select-field.mjs.map +1 -1
  14. package/fesm2022/masterteam-components-statistic-card.mjs +2 -2
  15. package/fesm2022/masterteam-components-statistic-card.mjs.map +1 -1
  16. package/fesm2022/masterteam-components-table.mjs +69 -27
  17. package/fesm2022/masterteam-components-table.mjs.map +1 -1
  18. package/fesm2022/masterteam-components-tooltip.mjs.map +1 -1
  19. package/fesm2022/masterteam-components.mjs +58 -234
  20. package/fesm2022/masterteam-components.mjs.map +1 -1
  21. package/package.json +11 -10
  22. package/types/masterteam-components-table.d.ts +10 -18
package/fesm2022/masterteam-components-tooltip.mjs.map CHANGED
@@ -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 {\n this.zone.runOutsideAngular(() => {\n const element = this.elementRef.nativeElement;\n\n this.tooltip.setOption({ showOnEllipsis: true });\n\n if (typeof ResizeObserver !== 'undefined') {\n this.resizeObserver = new ResizeObserver(() => this.queueSync());\n this.resizeObserver.observe(element);\n }\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();\n });\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 {\n this.syncTooltip();\n }\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 {\n const element = this.elementRef.nativeElement;\n const text = element.textContent?.replace(/\\s+/g, ' ').trim() ?? '';\n const isTruncated =\n element.scrollWidth > element.clientWidth ||\n element.scrollHeight > element.clientHeight;\n\n this.tooltip.setOption({ tooltipLabel: text || null });\n\n if (!this.tooltip.active) {\n return;\n }\n\n if (!text || !isTruncated) {\n this.tooltip.hide();\n return;\n }\n\n if (!this.tooltip.container) {\n this.tooltip.show();\n return;\n }\n\n this.tooltip.updateText();\n this.tooltip.align();\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["PrimeTooltip"],"mappings":"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"}
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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"}
package/fesm2022/masterteam-components.mjs CHANGED
@@ -305,288 +305,112 @@ const MTPreset = (themeOptions) => {
305
305
  borderRadius: '{border.radius.md}',
306
306
  },
307
307
  },
308
- datatable: {
309
- root: {
310
- borderColor: '{surface.200}',
311
- transitionDuration: '{transition.duration}',
312
- },
313
- header: {
314
- background: '{surface.0}',
315
- borderColor: '{surface.200}',
316
- color: '{surface.700}',
317
- borderWidth: '0 0 1px 0',
318
- padding: '1rem 1.25rem',
319
- },
320
- headerCell: {
321
- background: '{surface.50}',
322
- hoverBackground: '{surface.100}',
323
- selectedBackground: '{surface.100}',
324
- borderColor: '{surface.200}',
325
- color: '{surface.600}',
326
- hoverColor: '{surface.700}',
327
- selectedColor: '{surface.700}',
328
- gap: '0.5rem',
329
- padding: '0.875rem 1rem',
330
- },
331
- columnTitle: {
332
- fontWeight: '600',
333
- },
334
- row: {
335
- background: '{surface.0}',
336
- hoverBackground: '{surface.50}',
337
- selectedBackground: '{surface.100}',
338
- color: '{surface.700}',
339
- hoverColor: '{surface.900}',
340
- selectedColor: '{surface.900}',
341
- stripedBackground: '{surface.50}',
342
- },
343
- bodyCell: {
344
- borderColor: '{surface.200}',
345
- padding: '0.875rem 1rem',
346
- },
347
- paginatorBottom: {
348
- borderColor: '{surface.200}',
349
- borderWidth: '1px 0 0 0',
350
- },
351
- colorScheme: {
352
- light: {
353
- root: {
354
- borderColor: '{surface.200}',
355
- },
356
- header: {
357
- background: '{surface.0}',
358
- borderColor: '{surface.200}',
359
- color: '{surface.700}',
360
- },
361
- headerCell: {
362
- background: '{surface.50}',
363
- hoverBackground: '{surface.100}',
364
- selectedBackground: '{surface.100}',
365
- borderColor: '{surface.200}',
366
- color: '{surface.600}',
367
- hoverColor: '{surface.700}',
368
- selectedColor: '{surface.700}',
369
- },
370
- row: {
371
- background: '{surface.0}',
372
- hoverBackground: '{surface.50}',
373
- selectedBackground: '{surface.100}',
374
- color: '{surface.700}',
375
- hoverColor: '{surface.900}',
376
- selectedColor: '{surface.900}',
377
- stripedBackground: '{surface.50}',
378
- },
379
- bodyCell: {
380
- selectedBorderColor: '{surface.200}',
381
- },
382
- paginatorBottom: {
383
- borderColor: '{surface.200}',
384
- },
385
- },
386
- dark: {
387
- root: {
388
- borderColor: '{surface.700}',
389
- },
390
- header: {
391
- background: '{surface.900}',
392
- borderColor: '{surface.700}',
393
- color: '{surface.100}',
394
- },
395
- headerCell: {
396
- background: '{surface.900}',
397
- hoverBackground: '{surface.800}',
398
- selectedBackground: '{surface.800}',
399
- borderColor: '{surface.700}',
400
- color: '{surface.200}',
401
- hoverColor: '{surface.0}',
402
- selectedColor: '{surface.0}',
403
- },
404
- row: {
405
- background: '{surface.950}',
406
- hoverBackground: '{surface.900}',
407
- selectedBackground: '{surface.800}',
408
- color: '{surface.100}',
409
- hoverColor: '{surface.0}',
410
- selectedColor: '{surface.0}',
411
- stripedBackground: '{surface.900}',
412
- },
413
- bodyCell: {
414
- selectedBorderColor: '{surface.700}',
415
- },
416
- paginatorBottom: {
417
- borderColor: '{surface.700}',
418
- },
419
- },
420
- },
421
- css: () => `
422
- .p-datatable,
423
- .p-datatable-table-container {
424
- font-size: 0.875rem;
425
- line-height: 1.25rem;
426
- background: var(--p-surface-0);
427
- }
428
-
429
- .p-datatable-header {
430
- background: var(--p-surface-0);
431
- }
432
-
433
- .p-datatable-table thead > tr > th {
434
- font-size: 0.75rem;
435
- letter-spacing: 0.04em;
436
- }
437
-
438
- .dark .p-datatable,
439
- .dark .p-datatable-table-container,
440
- .dark .p-datatable-header {
441
- background: var(--p-surface-950);
442
- }
443
- `,
444
- },
445
308
  paginator: {
446
309
  root: {
447
- background: '{surface.0}',
448
- borderRadius: '{border.radius.xl}',
449
- color: '{surface.600}',
450
- gap: '0.125rem',
451
- padding: '0.25rem',
310
+ borderRadius: '{border.radius.md}',
311
+ padding: '0',
452
312
  },
453
313
  navButton: {
454
- background: 'transparent',
455
- borderRadius: '{border.radius.lg}',
456
- color: '{surface.600}',
457
- hoverBackground: '{surface.100}',
458
- hoverColor: '{surface.700}',
459
- selectedBackground: '{surface.100}',
460
- selectedColor: '{surface.800}',
461
- width: '2.5rem',
462
- height: '2.5rem',
463
- },
464
- currentPageReport: {
465
- color: '{surface.500}',
314
+ borderRadius: '{border.radius.sm}',
466
315
  },
467
316
  colorScheme: {
468
317
  light: {
469
- root: {
470
- background: '{surface.0}',
471
- color: '{surface.600}',
472
- },
473
318
  navButton: {
474
- color: '{surface.600}',
475
- hoverBackground: '{surface.100}',
476
- hoverColor: '{surface.700}',
477
- selectedBackground: '{surface.100}',
478
- selectedColor: '{surface.800}',
319
+ color: '{surface.500}',
320
+ hoverBackground: '{surface.50}',
321
+ selectedBackground: '{primary.500}',
322
+ selectedColor: '#ffffff',
479
323
  focusRing: {
480
- color: '{surface.100}',
324
+ color: '{primary.100}',
481
325
  },
482
326
  },
483
- currentPageReport: {
484
- color: '{surface.500}',
485
- },
486
327
  },
487
328
  dark: {
488
- root: {
489
- background: '{surface.900}',
490
- color: '{surface.200}',
491
- },
492
329
  navButton: {
493
330
  color: '{surface.200}',
494
- hoverBackground: '{surface.800}',
495
- hoverColor: '{surface.0}',
496
- selectedBackground: '{surface.800}',
497
- selectedColor: '{surface.0}',
331
+ hoverBackground: 'transparent',
332
+ selectedBackground: '{primary.500}',
333
+ selectedColor: '#fff',
498
334
  focusRing: {
499
- color: '{surface.700}',
335
+ color: '{primary.500}',
500
336
  },
501
337
  },
502
- currentPageReport: {
503
- color: '{surface.400}',
504
- },
505
338
  },
506
339
  },
507
340
  css: () => `
508
341
  .p-paginator {
509
- --p-paginator-gap: 0.125rem;
510
- --p-paginator-nav-button-width: 2.5rem;
511
- --p-paginator-nav-button-height: 2.5rem;
342
+ --p-paginator-gap: 0.375rem;
343
+ --p-paginator-nav-button-width: 1.75rem;
344
+ --p-paginator-nav-button-height: 1.75rem;
512
345
  width: fit-content;
513
- border: 1px solid var(--p-surface-200);
514
- background: var(--p-surface-0);
515
- box-shadow: 0 1px 2px color-mix(in srgb, var(--p-surface-950) 8%, transparent);
516
- overflow: hidden;
346
+ padding: 0;
347
+ border: 0;
348
+ background: transparent;
517
349
  font-size: 0.875rem;
518
- line-height: 1.25rem;
519
350
  }
520
351
 
521
- .p-paginator .p-paginator-pages {
522
- gap: 0.125rem;
352
+ .p-paginator-pages {
353
+ display: flex;
354
+ gap: var(--p-paginator-gap);
523
355
  }
524
356
 
525
357
  .p-paginator-pages button,
526
358
  .p-paginator-prev,
527
- .p-paginator-next {
528
- border-color: var(--p-surface-200);
529
- }
530
-
531
- .p-paginator-pages button {
532
- border-style: solid;
533
- border-width: 0 0 0 1px;
534
- }
535
-
536
- .p-paginator-pages button:first-child {
537
- border-left: none;
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;
538
369
  }
539
370
 
540
- .p-paginator-prev {
541
- border-right: 1px solid var(--p-surface-200);
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;
542
376
  }
543
377
 
544
- .p-paginator-next {
545
- border-left: 1px solid var(--p-surface-200);
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);
546
384
  }
547
385
 
548
386
  .p-paginator .p-select {
549
- border: 0;
550
- background: transparent;
551
- min-width: auto;
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;
552
392
  }
553
393
 
554
394
  .p-paginator .p-select .p-select-label {
555
- padding: 0;
556
- }
557
-
558
- .p-paginator .p-select-label,
559
- .p-paginator .p-select-dropdown,
560
- .p-paginator .p-paginator-current,
561
- .p-paginator .p-paginator-rpp-label {
395
+ padding: 0.375rem 0.625rem;
562
396
  font-size: 0.875rem;
563
397
  }
564
398
 
565
- .p-paginator .p-paginator-prev > div,
566
- .p-paginator .p-paginator-next > div {
567
- gap: 0.5rem;
568
- color: inherit;
569
- }
570
-
571
399
  /* Dark Mode Styles */
572
- .dark .p-paginator {
573
- border-color: var(--p-surface-700);
574
- background: var(--p-surface-900);
575
- box-shadow: none;
576
- }
577
-
578
400
  .dark .p-paginator-pages button,
579
401
  .dark .p-paginator-prev,
580
- .dark .p-paginator-next {
581
- border-color: var(--p-surface-700);
582
- }
583
-
584
- .dark .p-paginator-prev {
585
- border-right-color: var(--p-surface-700);
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);
586
408
  }
587
409
 
588
- .dark .p-paginator-next {
589
- border-left-color: var(--p-surface-700);
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;
590
414
  }
591
415
  `,
592
416
  },