@ng-matero/extensions 18.4.1 → 18.5.0

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 (40) hide show
  1. package/checkbox-group/checkbox-group.d.ts +12 -2
  2. package/core/tokens/m2/mtx/_select.scss +1 -0
  3. package/core/tokens/m3/mtx/_datetimepicker.scss +2 -2
  4. package/core/tokens/m3/mtx/_select.scss +4 -0
  5. package/datetimepicker/datetimepicker-content.scss +3 -3
  6. package/esm2022/checkbox-group/checkbox-group.mjs +26 -4
  7. package/esm2022/datetimepicker/calendar.mjs +3 -3
  8. package/esm2022/datetimepicker/datetimepicker.mjs +2 -2
  9. package/esm2022/grid/column-menu.mjs +9 -3
  10. package/esm2022/grid/grid.mjs +11 -3
  11. package/esm2022/grid/interfaces.mjs +1 -1
  12. package/esm2022/popover/popover.mjs +21 -16
  13. package/esm2022/select/select.mjs +4 -4
  14. package/esm2022/tooltip/tooltip.mjs +2 -2
  15. package/fesm2022/mtxCheckboxGroup.mjs +25 -3
  16. package/fesm2022/mtxCheckboxGroup.mjs.map +1 -1
  17. package/fesm2022/mtxDatetimepicker.mjs +4 -4
  18. package/fesm2022/mtxDatetimepicker.mjs.map +1 -1
  19. package/fesm2022/mtxGrid.mjs +18 -4
  20. package/fesm2022/mtxGrid.mjs.map +1 -1
  21. package/fesm2022/mtxPopover.mjs +20 -15
  22. package/fesm2022/mtxPopover.mjs.map +1 -1
  23. package/fesm2022/mtxSelect.mjs +3 -3
  24. package/fesm2022/mtxSelect.mjs.map +1 -1
  25. package/fesm2022/mtxTooltip.mjs +2 -2
  26. package/grid/column-menu.d.ts +3 -1
  27. package/grid/grid.d.ts +5 -1
  28. package/grid/interfaces.d.ts +2 -0
  29. package/package.json +19 -19
  30. package/popover/popover.d.ts +3 -2
  31. package/prebuilt-themes/azure-blue.css +1 -1
  32. package/prebuilt-themes/cyan-orange.css +1 -1
  33. package/prebuilt-themes/deeppurple-amber.css +1 -1
  34. package/prebuilt-themes/indigo-pink.css +1 -1
  35. package/prebuilt-themes/magenta-violet.css +1 -1
  36. package/prebuilt-themes/pink-bluegrey.css +1 -1
  37. package/prebuilt-themes/purple-green.css +1 -1
  38. package/prebuilt-themes/rose-red.css +1 -1
  39. package/select/select.scss +22 -33
  40. package/tooltip/tooltip.scss +1 -1
@@ -1 +1 @@
1
- .mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-mdc-header-cell,.mat-column-resize-flex .mat-mdc-cell{box-sizing:border-box;min-width:32px}.mat-mdc-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-mdc-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-mdc-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-mdc-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-header-cell,[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-left:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-right:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell:not(.mat-resizable)::after{background-color:var(--mtx-grid-resizable-handle-disabled-background-color, var(--mat-app-outline-variant))}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background-color:var(--mtx-grid-resizable-handle-hover-background-color, var(--mat-app-primary))}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{outline:none;background-color:var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary))}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;width:100%;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);-webkit-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{will-change:transform;background:linear-gradient(90deg, transparent, transparent 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 9px, transparent 9px, transparent)}.mat-column-resize-overlay-thumb:active .mat-column-resize-overlay-thumb-top{background:linear-gradient(90deg, transparent, transparent 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 12px, transparent 12px, transparent)}.mat-column-resize-overlay-thumb-top{width:100%}html{--mtx-alert-container-shape:4px}html{--mtx-alert-outline-color:transparent;--mtx-alert-background-color:#212121;--mtx-alert-text-color:white;--mtx-alert-info-outline-color:transparent;--mtx-alert-info-background-color:#0d47a1;--mtx-alert-info-text-color:white;--mtx-alert-success-outline-color:transparent;--mtx-alert-success-background-color:#1b5e20;--mtx-alert-success-text-color:white;--mtx-alert-warning-outline-color:transparent;--mtx-alert-warning-background-color:#ff6f00;--mtx-alert-warning-text-color:white;--mtx-alert-danger-outline-color:transparent;--mtx-alert-danger-background-color:#b71c1c;--mtx-alert-danger-text-color:white}html{--mtx-colorpicker-toggle-active-state-icon-color:#7b1fa2;--mtx-colorpicker-toggle-icon-color:white}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color:#69f0ae}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color:#f44336}html{--mtx-datetimepicker-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape:4px;--mtx-datetimepicker-container-touch-shape:4px;--mtx-datetimepicker-selector-container-shape:4px}html{--mtx-datetimepicker-calendar-header-background-color:#7b1fa2;--mtx-datetimepicker-calendar-date-selected-state-text-color:white;--mtx-datetimepicker-calendar-date-selected-state-background-color:#7b1fa2;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(123, 31, 162, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(123, 31, 162, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(123, 31, 162, 0.3);--mtx-datetimepicker-clock-hand-background-color:#7b1fa2;--mtx-datetimepicker-clock-cell-selected-state-background-color:#7b1fa2;--mtx-datetimepicker-time-input-active-state-text-color:#7b1fa2;--mtx-datetimepicker-time-input-active-state-background-color:rgba(123, 31, 162, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#7b1fa2;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(123, 31, 162, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(123, 31, 162, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color:#7b1fa2;--mtx-datetimepicker-toggle-icon-color:white;--mtx-datetimepicker-calendar-body-label-text-color:rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-text-color:white;--mtx-datetimepicker-calendar-header-divider-color:transparent;--mtx-datetimepicker-calendar-table-header-text-color:rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-calendar-date-text-color:white;--mtx-datetimepicker-calendar-date-outline-color:transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-container-background-color:#424242;--mtx-datetimepicker-container-text-color:white;--mtx-datetimepicker-clock-dial-background-color:rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color:white;--mtx-datetimepicker-clock-cell-hover-state-background-color:rgba(255, 255, 255, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-input-text-color:white;--mtx-datetimepicker-time-input-background-color:rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color:#303030;--mtx-datetimepicker-time-input-warn-state-outline-color:#f44336;--mtx-datetimepicker-time-ampm-text-color:rgba(255, 255, 255, 0.75);--mtx-datetimepicker-time-ampm-outline-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-ampm-selected-state-text-color:white}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color:#69f0ae;--mtx-datetimepicker-calendar-date-selected-state-text-color:rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color:#69f0ae;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(105, 240, 174, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(105, 240, 174, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(105, 240, 174, 0.3);--mtx-datetimepicker-clock-hand-background-color:#69f0ae;--mtx-datetimepicker-clock-cell-selected-state-background-color:#69f0ae;--mtx-datetimepicker-time-input-active-state-text-color:#69f0ae;--mtx-datetimepicker-time-input-active-state-background-color:rgba(105, 240, 174, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#69f0ae;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(105, 240, 174, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(105, 240, 174, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color:#f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color:white;--mtx-datetimepicker-calendar-date-selected-state-background-color:#f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color:#f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color:#f44336;--mtx-datetimepicker-time-input-active-state-text-color:#f44336;--mtx-datetimepicker-time-input-active-state-background-color:rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color:#69f0ae}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color:#f44336}html{--mtx-datetimepicker-calendar-text-font:Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size:13px;--mtx-datetimepicker-calendar-body-label-text-size:14px;--mtx-datetimepicker-calendar-body-label-text-weight:500;--mtx-datetimepicker-calendar-period-button-text-size:14px;--mtx-datetimepicker-calendar-period-button-text-weight:500;--mtx-datetimepicker-calendar-table-header-text-size:11px;--mtx-datetimepicker-calendar-table-header-text-weight:400;--mtx-datetimepicker-clock-text-size:14px}html{--mtx-drawer-container-shape:0;--mtx-drawer-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}html{--mtx-drawer-container-background-color:#424242;--mtx-drawer-container-text-color:white}html{--mtx-grid-container-shape:0;--mtx-grid-table-cell-min-width:80px}html{--mtx-grid-outline-color:rgba(255, 255, 255, 0.2);--mtx-grid-column-menu-text-color:white;--mtx-grid-column-menu-divider-color:rgba(255, 255, 255, 0.12);--mtx-grid-table-footer-background-color:#212121;--mtx-grid-table-row-striped-background-color:#3a3a3a;--mtx-grid-table-row-hover-background-color:#2a2a2a;--mtx-grid-table-row-selected-background-color:#2a2a2a;--mtx-grid-table-row-selected-hover-background-color:#1a1a1a;--mtx-grid-table-cell-selected-outline-color:#69f0ae;--mtx-grid-resizable-handle-active-background-color:#7b1fa2;--mtx-grid-resizable-handle-hover-background-color:#7b1fa2;--mtx-grid-resizable-handle-disabled-background-color:rgba(255, 255, 255, 0.12)}html{--mtx-grid-row-expand-button-size:48px}html{--mtx-loader-backdrop-background-color:rgba(48, 48, 48, 0.75)}html{--mtx-popover-container-shape:4px;--mtx-popover-base-elevation-level:8}html{--mtx-popover-outline-color:rgba(255, 255, 255, 0.12);--mtx-popover-background-color:#424242;--mtx-popover-text-color:white}html{--mtx-progress-container-shape:4px}html{--mtx-progress-track-color:rgba(255, 255, 255, 0.04);--mtx-progress-indicator-color:rgba(255, 255, 255, 0.12);--mtx-progress-text-color:white;--mtx-progress-info-indicator-color:#0d47a1;--mtx-progress-info-text-color:white;--mtx-progress-success-indicator-color:#1b5e20;--mtx-progress-success-text-color:white;--mtx-progress-warning-indicator-color:#e65100;--mtx-progress-warning-text-color:white;--mtx-progress-danger-indicator-color:#b71c1c;--mtx-progress-danger-text-color:white}html{--mtx-progress-text-size:12px}html{--mtx-select-container-shape:4px;--mtx-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mtx-select-option-selected-state-text-color:#7b1fa2;--mtx-select-container-text-color:white;--mtx-select-placeholder-text-color:rgba(255, 255, 255, 0.5);--mtx-select-disabled-text-color:rgba(255, 255, 255, 0.5);--mtx-select-multiple-value-background-color:#616161;--mtx-select-multiple-value-outline-color:rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-icon-hover-background-color:rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color:rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color:#f44336;--mtx-select-enabled-arrow-color:rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color:rgba(255, 255, 255, 0.5);--mtx-select-invalid-arrow-color:#f44336;--mtx-select-panel-background-color:#424242;--mtx-select-panel-divider-color:rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color:rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color:white;--mtx-select-option-selected-state-background-color:rgba(255, 255, 255, 0.04);--mtx-select-option-hover-state-background-color:rgba(255, 255, 255, 0.04);--mtx-select-option-disabled-state-text-color:rgba(255, 255, 255, 0.5)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color:#69f0ae}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color:#f44336}html{--mtx-split-gutter-hover-state-background-color:#7b1fa2;--mtx-split-gutter-background-color:rgba(255, 255, 255, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color:#69f0ae}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color:#f44336}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}
1
+ .mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-mdc-header-cell,.mat-column-resize-flex .mat-mdc-cell{box-sizing:border-box;min-width:32px}.mat-mdc-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-mdc-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-mdc-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-mdc-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-header-cell,[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-left:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-right:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell:not(.mat-resizable)::after{background-color:var(--mtx-grid-resizable-handle-disabled-background-color, var(--mat-app-outline-variant))}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background-color:var(--mtx-grid-resizable-handle-hover-background-color, var(--mat-app-primary))}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{outline:none;background-color:var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary))}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;width:100%;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);-webkit-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{will-change:transform;background:linear-gradient(90deg, transparent, transparent 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 9px, transparent 9px, transparent)}.mat-column-resize-overlay-thumb:active .mat-column-resize-overlay-thumb-top{background:linear-gradient(90deg, transparent, transparent 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 12px, transparent 12px, transparent)}.mat-column-resize-overlay-thumb-top{width:100%}html{--mtx-alert-container-shape:4px}html{--mtx-alert-outline-color:transparent;--mtx-alert-background-color:#212121;--mtx-alert-text-color:white;--mtx-alert-info-outline-color:transparent;--mtx-alert-info-background-color:#0d47a1;--mtx-alert-info-text-color:white;--mtx-alert-success-outline-color:transparent;--mtx-alert-success-background-color:#1b5e20;--mtx-alert-success-text-color:white;--mtx-alert-warning-outline-color:transparent;--mtx-alert-warning-background-color:#ff6f00;--mtx-alert-warning-text-color:white;--mtx-alert-danger-outline-color:transparent;--mtx-alert-danger-background-color:#b71c1c;--mtx-alert-danger-text-color:white}html{--mtx-colorpicker-toggle-active-state-icon-color:#7b1fa2;--mtx-colorpicker-toggle-icon-color:white}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color:#69f0ae}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color:#f44336}html{--mtx-datetimepicker-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape:4px;--mtx-datetimepicker-container-touch-shape:4px;--mtx-datetimepicker-selector-container-shape:4px}html{--mtx-datetimepicker-calendar-header-background-color:#7b1fa2;--mtx-datetimepicker-calendar-date-selected-state-text-color:white;--mtx-datetimepicker-calendar-date-selected-state-background-color:#7b1fa2;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(123, 31, 162, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(123, 31, 162, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(123, 31, 162, 0.3);--mtx-datetimepicker-clock-hand-background-color:#7b1fa2;--mtx-datetimepicker-clock-cell-selected-state-background-color:#7b1fa2;--mtx-datetimepicker-time-input-active-state-text-color:#7b1fa2;--mtx-datetimepicker-time-input-active-state-background-color:rgba(123, 31, 162, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#7b1fa2;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(123, 31, 162, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(123, 31, 162, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color:#7b1fa2;--mtx-datetimepicker-toggle-icon-color:white;--mtx-datetimepicker-calendar-body-label-text-color:rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-text-color:white;--mtx-datetimepicker-calendar-header-divider-color:transparent;--mtx-datetimepicker-calendar-table-header-text-color:rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-calendar-date-text-color:white;--mtx-datetimepicker-calendar-date-outline-color:transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-container-background-color:#424242;--mtx-datetimepicker-container-text-color:white;--mtx-datetimepicker-clock-dial-background-color:rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color:white;--mtx-datetimepicker-clock-cell-hover-state-background-color:rgba(255, 255, 255, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-input-text-color:white;--mtx-datetimepicker-time-input-background-color:rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color:#303030;--mtx-datetimepicker-time-input-warn-state-outline-color:#f44336;--mtx-datetimepicker-time-ampm-text-color:rgba(255, 255, 255, 0.75);--mtx-datetimepicker-time-ampm-outline-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-ampm-selected-state-text-color:white}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color:#69f0ae;--mtx-datetimepicker-calendar-date-selected-state-text-color:rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color:#69f0ae;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(105, 240, 174, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(105, 240, 174, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(105, 240, 174, 0.3);--mtx-datetimepicker-clock-hand-background-color:#69f0ae;--mtx-datetimepicker-clock-cell-selected-state-background-color:#69f0ae;--mtx-datetimepicker-time-input-active-state-text-color:#69f0ae;--mtx-datetimepicker-time-input-active-state-background-color:rgba(105, 240, 174, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#69f0ae;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(105, 240, 174, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(105, 240, 174, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color:#f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color:white;--mtx-datetimepicker-calendar-date-selected-state-background-color:#f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color:#f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color:#f44336;--mtx-datetimepicker-time-input-active-state-text-color:#f44336;--mtx-datetimepicker-time-input-active-state-background-color:rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color:#69f0ae}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color:#f44336}html{--mtx-datetimepicker-calendar-text-font:Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size:13px;--mtx-datetimepicker-calendar-body-label-text-size:14px;--mtx-datetimepicker-calendar-body-label-text-weight:500;--mtx-datetimepicker-calendar-period-button-text-size:14px;--mtx-datetimepicker-calendar-period-button-text-weight:500;--mtx-datetimepicker-calendar-table-header-text-size:11px;--mtx-datetimepicker-calendar-table-header-text-weight:400;--mtx-datetimepicker-clock-text-size:14px}html{--mtx-drawer-container-shape:0;--mtx-drawer-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}html{--mtx-drawer-container-background-color:#424242;--mtx-drawer-container-text-color:white}html{--mtx-grid-container-shape:0;--mtx-grid-table-cell-min-width:80px}html{--mtx-grid-outline-color:rgba(255, 255, 255, 0.2);--mtx-grid-column-menu-text-color:white;--mtx-grid-column-menu-divider-color:rgba(255, 255, 255, 0.12);--mtx-grid-table-footer-background-color:#212121;--mtx-grid-table-row-striped-background-color:#3a3a3a;--mtx-grid-table-row-hover-background-color:#2a2a2a;--mtx-grid-table-row-selected-background-color:#2a2a2a;--mtx-grid-table-row-selected-hover-background-color:#1a1a1a;--mtx-grid-table-cell-selected-outline-color:#69f0ae;--mtx-grid-resizable-handle-active-background-color:#7b1fa2;--mtx-grid-resizable-handle-hover-background-color:#7b1fa2;--mtx-grid-resizable-handle-disabled-background-color:rgba(255, 255, 255, 0.12)}html{--mtx-grid-row-expand-button-size:48px}html{--mtx-loader-backdrop-background-color:rgba(48, 48, 48, 0.75)}html{--mtx-popover-container-shape:4px;--mtx-popover-base-elevation-level:8}html{--mtx-popover-outline-color:rgba(255, 255, 255, 0.12);--mtx-popover-background-color:#424242;--mtx-popover-text-color:white}html{--mtx-progress-container-shape:4px}html{--mtx-progress-track-color:rgba(255, 255, 255, 0.04);--mtx-progress-indicator-color:rgba(255, 255, 255, 0.12);--mtx-progress-text-color:white;--mtx-progress-info-indicator-color:#0d47a1;--mtx-progress-info-text-color:white;--mtx-progress-success-indicator-color:#1b5e20;--mtx-progress-success-text-color:white;--mtx-progress-warning-indicator-color:#e65100;--mtx-progress-warning-text-color:white;--mtx-progress-danger-indicator-color:#b71c1c;--mtx-progress-danger-text-color:white}html{--mtx-progress-text-size:12px}html{--mtx-select-container-shape:4px;--mtx-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mtx-select-option-selected-state-text-color:#7b1fa2;--mtx-select-container-text-color:white;--mtx-select-placeholder-text-color:rgba(255, 255, 255, 0.5);--mtx-select-disabled-text-color:rgba(255, 255, 255, 0.5);--mtx-select-multiple-value-background-color:#616161;--mtx-select-multiple-value-outline-color:rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color:rgba(255, 255, 255, 0.06);--mtx-select-multiple-value-icon-hover-background-color:rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color:rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color:#f44336;--mtx-select-enabled-arrow-color:rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color:rgba(255, 255, 255, 0.5);--mtx-select-invalid-arrow-color:#f44336;--mtx-select-panel-background-color:#424242;--mtx-select-panel-divider-color:rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color:rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color:white;--mtx-select-option-selected-state-background-color:rgba(255, 255, 255, 0.04);--mtx-select-option-hover-state-background-color:rgba(255, 255, 255, 0.04);--mtx-select-option-disabled-state-text-color:rgba(255, 255, 255, 0.5)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color:#69f0ae}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color:#f44336}html{--mtx-split-gutter-hover-state-background-color:#7b1fa2;--mtx-split-gutter-background-color:rgba(255, 255, 255, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color:#69f0ae}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color:#f44336}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}
@@ -1 +1 @@
1
- .mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-mdc-header-cell,.mat-column-resize-flex .mat-mdc-cell{box-sizing:border-box;min-width:32px}.mat-mdc-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-mdc-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-mdc-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-mdc-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-header-cell,[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-left:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-right:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell:not(.mat-resizable)::after{background-color:var(--mtx-grid-resizable-handle-disabled-background-color, var(--mat-app-outline-variant))}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background-color:var(--mtx-grid-resizable-handle-hover-background-color, var(--mat-app-primary))}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{outline:none;background-color:var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary))}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;width:100%;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);-webkit-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{will-change:transform;background:linear-gradient(90deg, transparent, transparent 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 9px, transparent 9px, transparent)}.mat-column-resize-overlay-thumb:active .mat-column-resize-overlay-thumb-top{background:linear-gradient(90deg, transparent, transparent 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 12px, transparent 12px, transparent)}.mat-column-resize-overlay-thumb-top{width:100%}html{--mtx-alert-outline-color:#d6c2c5;--mtx-alert-background-color:#f7ebec;--mtx-alert-text-color:#201a1b;--mtx-alert-info-outline-color:#abc7ff;--mtx-alert-info-background-color:#d7e3ff;--mtx-alert-info-text-color:#002f65;--mtx-alert-success-outline-color:#02e600;--mtx-alert-success-background-color:#cbffb8;--mtx-alert-success-text-color:#013a00;--mtx-alert-warning-outline-color:#cdcd00;--mtx-alert-warning-background-color:#fffeac;--mtx-alert-warning-text-color:#323200;--mtx-alert-danger-outline-color:#ffb4a8;--mtx-alert-danger-background-color:#ffdad4;--mtx-alert-danger-text-color:#690100;--mtx-alert-container-shape:8px;--mtx-colorpicker-toggle-active-state-icon-color:#514346;--mtx-colorpicker-toggle-icon-color:#514346;--mtx-datetimepicker-calendar-date-selected-state-text-color:#ffffff;--mtx-datetimepicker-calendar-date-selected-state-background-color:#ba005c;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(32, 26, 27, 0.38);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#ba005c;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(32, 26, 27, 0.12);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(32, 26, 27, 0.08);--mtx-datetimepicker-clock-hand-background-color:#ba005c;--mtx-datetimepicker-clock-cell-selected-state-background-color:#ba005c;--mtx-datetimepicker-time-input-active-state-text-color:#3f001b;--mtx-datetimepicker-time-input-active-state-background-color:#ffd9e1;--mtx-datetimepicker-time-input-focus-state-outline-color:#ba005c;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#3f001b;--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffdad4;--mtx-datetimepicker-toggle-active-state-icon-color:#514346;--mtx-datetimepicker-toggle-icon-color:#514346;--mtx-datetimepicker-calendar-body-label-text-color:#201a1b;--mtx-datetimepicker-calendar-header-text-color:#514346;--mtx-datetimepicker-calendar-header-divider-color:#d6c2c5;--mtx-datetimepicker-calendar-table-header-text-color:#201a1b;--mtx-datetimepicker-calendar-date-today-outline-color:#ba005c;--mtx-datetimepicker-calendar-date-text-color:#201a1b;--mtx-datetimepicker-calendar-date-disabled-state-text-color:rgba(32, 26, 27, 0.38);--mtx-datetimepicker-container-background-color:#f2e6e7;--mtx-datetimepicker-container-text-color:#201a1b;--mtx-datetimepicker-clock-dial-background-color:#ece0e1;--mtx-datetimepicker-clock-cell-text-color:#201a1b;--mtx-datetimepicker-clock-cell-hover-state-background-color:rgba(32, 26, 27, 0.08);--mtx-datetimepicker-clock-cell-disabled-state-text-color:rgba(32, 26, 27, 0.38);--mtx-datetimepicker-time-input-text-color:#201a1b;--mtx-datetimepicker-time-input-background-color:#ece0e1;--mtx-datetimepicker-time-input-focus-state-background-color:#ffd9e1;--mtx-datetimepicker-time-input-warn-state-outline-color:#ba1a1a;--mtx-datetimepicker-time-ampm-text-color:#201a1b;--mtx-datetimepicker-time-ampm-outline-color:#847376;--mtx-datetimepicker-time-ampm-selected-state-text-color:#410000;--mtx-datetimepicker-calendar-text-font:Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size:1rem;--mtx-datetimepicker-calendar-body-label-text-size:0.875rem;--mtx-datetimepicker-calendar-body-label-text-weight:500;--mtx-datetimepicker-calendar-period-button-text-size:0.875rem;--mtx-datetimepicker-calendar-period-button-text-weight:500;--mtx-datetimepicker-clock-text-size:0.875rem;--mtx-datetimepicker-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape:16px;--mtx-datetimepicker-container-touch-shape:28px;--mtx-datetimepicker-selector-container-shape:8px;--mtx-datetimepicker-calendar-header-background-color:transparent;--mtx-datetimepicker-calendar-date-outline-color:transparent;--mtx-drawer-container-background-color:#fffbff;--mtx-drawer-container-text-color:#514346;--mtx-drawer-container-shape:16px;--mtx-drawer-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mtx-grid-outline-color:#d6c2c5;--mtx-grid-column-menu-text-color:#514346;--mtx-grid-column-menu-divider-color:#d6c2c5;--mtx-grid-table-footer-background-color:#f7ebec;--mtx-grid-table-row-striped-background-color:#f7ebec;--mtx-grid-table-row-hover-background-color:#ffd9e1;--mtx-grid-table-row-selected-background-color:#ffd9e1;--mtx-grid-table-row-selected-hover-background-color:#ffd9e1;--mtx-grid-table-cell-selected-outline-color:#ba005c;--mtx-grid-resizable-handle-active-background-color:#ba005c;--mtx-grid-resizable-handle-hover-background-color:#ba005c;--mtx-grid-resizable-handle-disabled-background-color:#d6c2c5;--mtx-grid-container-shape:12px;--mtx-grid-table-cell-min-width:80px;--mtx-loader-backdrop-background-color:rgba(255, 251, 255, 0.75);--mtx-popover-outline-color:#f7ebec;--mtx-popover-background-color:#f7ebec;--mtx-popover-text-color:#201a1b;--mtx-popover-container-shape:4px;--mtx-popover-base-elevation-level:2;--mtx-progress-track-color:#f7ebec;--mtx-progress-indicator-color:#d6c2c5;--mtx-progress-text-color:#201a1b;--mtx-progress-info-indicator-color:#5a64ff;--mtx-progress-success-indicator-color:#038b00;--mtx-progress-warning-indicator-color:#bc5d00;--mtx-progress-danger-indicator-color:#ef0000;--mtx-progress-text-size:0.75rem;--mtx-progress-container-shape:4px;--mtx-progress-info-text-color:white;--mtx-progress-success-text-color:white;--mtx-progress-warning-text-color:white;--mtx-progress-danger-text-color:white;--mtx-select-option-selected-state-text-color:#201a1b;--mtx-select-container-text-color:#201a1b;--mtx-select-placeholder-text-color:rgba(32, 26, 27, 0.38);--mtx-select-disabled-text-color:rgba(32, 26, 27, 0.38);--mtx-select-multiple-value-outline-color:#847376;--mtx-select-multiple-value-icon-hover-background-color:#d6c2c5;--mtx-select-clear-icon-color:#201a1b;--mtx-select-clear-icon-hover-color:#ba1a1a;--mtx-select-enabled-arrow-color:#201a1b;--mtx-select-disabled-arrow-color:rgba(32, 26, 27, 0.38);--mtx-select-invalid-arrow-color:#ba1a1a;--mtx-select-panel-background-color:#f7ebec;--mtx-select-panel-divider-color:#847376;--mtx-select-optgroup-label-text-color:#201a1b;--mtx-select-option-label-text-color:#201a1b;--mtx-select-option-selected-state-background-color:#ffd9e1;--mtx-select-option-hover-state-background-color:rgba(32, 26, 27, 0.08);--mtx-select-option-disabled-state-text-color:rgba(32, 26, 27, 0.38);--mtx-select-container-shape:4px;--mtx-select-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-background-color:transparent;--mtx-split-gutter-hover-state-background-color:#ba005c;--mtx-split-gutter-background-color:#d6c2c5;--mdc-plain-tooltip-container-color:#352f30;--mdc-plain-tooltip-supporting-text-color:#faeeef;--mdc-plain-tooltip-supporting-text-line-height:1rem;--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:0.75rem;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.025rem;--mdc-plain-tooltip-container-shape:4px}.mat-accent.mtx-split-gutter{--mtx-split-gutter-hover-state-background-color:#c00100}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-selected-state-text-color:#ffffff;--mtx-datetimepicker-calendar-date-selected-state-background-color:#c00100;--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#c00100;--mtx-datetimepicker-clock-hand-background-color:#c00100;--mtx-datetimepicker-clock-cell-selected-state-background-color:#c00100;--mtx-datetimepicker-time-input-active-state-text-color:#410000;--mtx-datetimepicker-time-input-active-state-background-color:#ffdad4;--mtx-datetimepicker-time-input-focus-state-outline-color:#c00100;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#410000;--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffdad6;--mtx-datetimepicker-calendar-date-today-outline-color:#c00100;--mtx-datetimepicker-time-input-focus-state-background-color:#ffdad4;--mtx-datetimepicker-time-ampm-selected-state-text-color:#410002}.mat-accent.ng-dropdown-panel{--mtx-select-option-selected-state-background-color:#ffdad4}.mat-warn.mtx-split-gutter{--mtx-split-gutter-hover-state-background-color:#ba1a1a}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-selected-state-text-color:#ffffff;--mtx-datetimepicker-calendar-date-selected-state-background-color:#ba1a1a;--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#ba1a1a;--mtx-datetimepicker-clock-hand-background-color:#ba1a1a;--mtx-datetimepicker-clock-cell-selected-state-background-color:#ba1a1a;--mtx-datetimepicker-time-input-active-state-text-color:#410002;--mtx-datetimepicker-time-input-active-state-background-color:#ffdad6;--mtx-datetimepicker-time-input-focus-state-outline-color:#ba1a1a;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#410002;--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffd9e1;--mtx-datetimepicker-calendar-date-today-outline-color:#ba1a1a;--mtx-datetimepicker-time-input-focus-state-background-color:#ffdad6;--mtx-datetimepicker-time-ampm-selected-state-text-color:#3f001b}.mat-warn.ng-dropdown-panel{--mtx-select-option-selected-state-background-color:#ffdad6}
1
+ .mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-mdc-header-cell,.mat-column-resize-flex .mat-mdc-cell{box-sizing:border-box;min-width:32px}.mat-mdc-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-mdc-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-mdc-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-mdc-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-header-cell,[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-left:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-right:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell:not(.mat-resizable)::after{background-color:var(--mtx-grid-resizable-handle-disabled-background-color, var(--mat-app-outline-variant))}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background-color:var(--mtx-grid-resizable-handle-hover-background-color, var(--mat-app-primary))}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{outline:none;background-color:var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary))}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;width:100%;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);-webkit-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{will-change:transform;background:linear-gradient(90deg, transparent, transparent 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 9px, transparent 9px, transparent)}.mat-column-resize-overlay-thumb:active .mat-column-resize-overlay-thumb-top{background:linear-gradient(90deg, transparent, transparent 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 12px, transparent 12px, transparent)}.mat-column-resize-overlay-thumb-top{width:100%}html{--mtx-alert-outline-color:#d6c2c5;--mtx-alert-background-color:#f7ebec;--mtx-alert-text-color:#201a1b;--mtx-alert-info-outline-color:#abc7ff;--mtx-alert-info-background-color:#d7e3ff;--mtx-alert-info-text-color:#002f65;--mtx-alert-success-outline-color:#02e600;--mtx-alert-success-background-color:#cbffb8;--mtx-alert-success-text-color:#013a00;--mtx-alert-warning-outline-color:#cdcd00;--mtx-alert-warning-background-color:#fffeac;--mtx-alert-warning-text-color:#323200;--mtx-alert-danger-outline-color:#ffb4a8;--mtx-alert-danger-background-color:#ffdad4;--mtx-alert-danger-text-color:#690100;--mtx-alert-container-shape:8px;--mtx-colorpicker-toggle-active-state-icon-color:#514346;--mtx-colorpicker-toggle-icon-color:#514346;--mtx-datetimepicker-calendar-date-selected-state-text-color:#ffffff;--mtx-datetimepicker-calendar-date-selected-state-background-color:#ba005c;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(32, 26, 27, 0.38);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#ba005c;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(32, 26, 27, 0.12);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(32, 26, 27, 0.08);--mtx-datetimepicker-clock-hand-background-color:#ba005c;--mtx-datetimepicker-clock-cell-selected-state-background-color:#ba005c;--mtx-datetimepicker-time-input-active-state-text-color:#3f001b;--mtx-datetimepicker-time-input-active-state-background-color:#ffd9e1;--mtx-datetimepicker-time-input-focus-state-outline-color:#ba005c;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#3f001b;--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffdad4;--mtx-datetimepicker-toggle-active-state-icon-color:#514346;--mtx-datetimepicker-toggle-icon-color:#514346;--mtx-datetimepicker-calendar-body-label-text-color:#201a1b;--mtx-datetimepicker-calendar-header-text-color:#514346;--mtx-datetimepicker-calendar-header-divider-color:#d6c2c5;--mtx-datetimepicker-calendar-table-header-text-color:#201a1b;--mtx-datetimepicker-calendar-date-today-outline-color:#ba005c;--mtx-datetimepicker-calendar-date-text-color:#201a1b;--mtx-datetimepicker-calendar-date-disabled-state-text-color:rgba(32, 26, 27, 0.38);--mtx-datetimepicker-container-background-color:#f2e6e7;--mtx-datetimepicker-container-text-color:#201a1b;--mtx-datetimepicker-clock-dial-background-color:#ece0e1;--mtx-datetimepicker-clock-cell-text-color:#201a1b;--mtx-datetimepicker-clock-cell-hover-state-background-color:rgba(32, 26, 27, 0.08);--mtx-datetimepicker-clock-cell-disabled-state-text-color:rgba(32, 26, 27, 0.38);--mtx-datetimepicker-time-input-text-color:#201a1b;--mtx-datetimepicker-time-input-background-color:#ece0e1;--mtx-datetimepicker-time-input-focus-state-background-color:#ffd9e1;--mtx-datetimepicker-time-input-warn-state-outline-color:#ba1a1a;--mtx-datetimepicker-time-ampm-text-color:#201a1b;--mtx-datetimepicker-time-ampm-outline-color:#847376;--mtx-datetimepicker-time-ampm-selected-state-text-color:#410000;--mtx-datetimepicker-calendar-text-font:Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size:0.875rem;--mtx-datetimepicker-calendar-body-label-text-size:0.875rem;--mtx-datetimepicker-calendar-body-label-text-weight:500;--mtx-datetimepicker-calendar-period-button-text-size:0.875rem;--mtx-datetimepicker-calendar-period-button-text-weight:500;--mtx-datetimepicker-clock-text-size:0.875rem;--mtx-datetimepicker-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape:16px;--mtx-datetimepicker-container-touch-shape:28px;--mtx-datetimepicker-selector-container-shape:8px;--mtx-datetimepicker-calendar-header-background-color:transparent;--mtx-datetimepicker-calendar-date-outline-color:transparent;--mtx-drawer-container-background-color:#fffbff;--mtx-drawer-container-text-color:#514346;--mtx-drawer-container-shape:16px;--mtx-drawer-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mtx-grid-outline-color:#d6c2c5;--mtx-grid-column-menu-text-color:#514346;--mtx-grid-column-menu-divider-color:#d6c2c5;--mtx-grid-table-footer-background-color:#f7ebec;--mtx-grid-table-row-striped-background-color:#f7ebec;--mtx-grid-table-row-hover-background-color:#ffd9e1;--mtx-grid-table-row-selected-background-color:#ffd9e1;--mtx-grid-table-row-selected-hover-background-color:#ffd9e1;--mtx-grid-table-cell-selected-outline-color:#ba005c;--mtx-grid-resizable-handle-active-background-color:#ba005c;--mtx-grid-resizable-handle-hover-background-color:#ba005c;--mtx-grid-resizable-handle-disabled-background-color:#d6c2c5;--mtx-grid-container-shape:12px;--mtx-grid-table-cell-min-width:80px;--mtx-loader-backdrop-background-color:rgba(255, 251, 255, 0.75);--mtx-popover-outline-color:#f7ebec;--mtx-popover-background-color:#f7ebec;--mtx-popover-text-color:#201a1b;--mtx-popover-container-shape:4px;--mtx-popover-base-elevation-level:2;--mtx-progress-track-color:#f7ebec;--mtx-progress-indicator-color:#d6c2c5;--mtx-progress-text-color:#201a1b;--mtx-progress-info-indicator-color:#5a64ff;--mtx-progress-success-indicator-color:#038b00;--mtx-progress-warning-indicator-color:#bc5d00;--mtx-progress-danger-indicator-color:#ef0000;--mtx-progress-text-size:0.75rem;--mtx-progress-container-shape:4px;--mtx-progress-info-text-color:white;--mtx-progress-success-text-color:white;--mtx-progress-warning-text-color:white;--mtx-progress-danger-text-color:white;--mtx-select-option-selected-state-text-color:#201a1b;--mtx-select-container-text-color:#201a1b;--mtx-select-placeholder-text-color:rgba(32, 26, 27, 0.38);--mtx-select-disabled-text-color:rgba(32, 26, 27, 0.38);--mtx-select-multiple-value-outline-color:#847376;--mtx-select-multiple-value-disabled-outline-color:rgba(132, 115, 118, 0.38);--mtx-select-multiple-value-icon-hover-background-color:#d6c2c5;--mtx-select-clear-icon-color:#201a1b;--mtx-select-clear-icon-hover-color:#ba1a1a;--mtx-select-enabled-arrow-color:#201a1b;--mtx-select-disabled-arrow-color:rgba(32, 26, 27, 0.38);--mtx-select-invalid-arrow-color:#ba1a1a;--mtx-select-panel-background-color:#f7ebec;--mtx-select-panel-divider-color:#847376;--mtx-select-optgroup-label-text-color:#201a1b;--mtx-select-option-label-text-color:#201a1b;--mtx-select-option-selected-state-background-color:#ffd9e1;--mtx-select-option-hover-state-background-color:rgba(32, 26, 27, 0.08);--mtx-select-option-disabled-state-text-color:rgba(32, 26, 27, 0.38);--mtx-select-container-shape:4px;--mtx-select-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-background-color:transparent;--mtx-split-gutter-hover-state-background-color:#ba005c;--mtx-split-gutter-background-color:#d6c2c5;--mdc-plain-tooltip-container-color:#352f30;--mdc-plain-tooltip-supporting-text-color:#faeeef;--mdc-plain-tooltip-supporting-text-line-height:1rem;--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:0.75rem;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.025rem;--mdc-plain-tooltip-container-shape:4px}.mat-accent.mtx-split-gutter{--mtx-split-gutter-hover-state-background-color:#c00100}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-selected-state-text-color:#ffffff;--mtx-datetimepicker-calendar-date-selected-state-background-color:#c00100;--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#c00100;--mtx-datetimepicker-clock-hand-background-color:#c00100;--mtx-datetimepicker-clock-cell-selected-state-background-color:#c00100;--mtx-datetimepicker-time-input-active-state-text-color:#410000;--mtx-datetimepicker-time-input-active-state-background-color:#ffdad4;--mtx-datetimepicker-time-input-focus-state-outline-color:#c00100;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#410000;--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffdad6;--mtx-datetimepicker-calendar-date-today-outline-color:#c00100;--mtx-datetimepicker-time-input-focus-state-background-color:#ffdad4;--mtx-datetimepicker-time-ampm-selected-state-text-color:#410002}.mat-accent.ng-dropdown-panel{--mtx-select-option-selected-state-background-color:#ffdad4}.mat-warn.mtx-split-gutter{--mtx-split-gutter-hover-state-background-color:#ba1a1a}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-selected-state-text-color:#ffffff;--mtx-datetimepicker-calendar-date-selected-state-background-color:#ba1a1a;--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#ba1a1a;--mtx-datetimepicker-clock-hand-background-color:#ba1a1a;--mtx-datetimepicker-clock-cell-selected-state-background-color:#ba1a1a;--mtx-datetimepicker-time-input-active-state-text-color:#410002;--mtx-datetimepicker-time-input-active-state-background-color:#ffdad6;--mtx-datetimepicker-time-input-focus-state-outline-color:#ba1a1a;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#410002;--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffd9e1;--mtx-datetimepicker-calendar-date-today-outline-color:#ba1a1a;--mtx-datetimepicker-time-input-focus-state-background-color:#ffdad6;--mtx-datetimepicker-time-ampm-selected-state-text-color:#3f001b}.mat-warn.ng-dropdown-panel{--mtx-select-option-selected-state-background-color:#ffdad6}
@@ -15,6 +15,7 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
15
15
  $filled-padding-top: var(--mat-form-field-filled-with-label-container-padding-top);
16
16
  $filled-padding-bottom: var(--mat-form-field-filled-with-label-container-padding-bottom);
17
17
  $vertical-padding: var(--mat-form-field-container-vertical-padding);
18
+ $text-line-height: var(--mat-form-field-container-text-line-height, var(--mat-app-body-large-line-height));
18
19
 
19
20
  padding: $filled-padding-top 16px $filled-padding-bottom;
20
21
  margin: calc($filled-padding-top * -1) -16px calc($filled-padding-bottom * -1);
@@ -34,17 +35,21 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
34
35
 
35
36
  .ng-value-container {
36
37
  align-items: center;
38
+ gap: 4px;
37
39
 
38
40
  .ng-input>input {
39
- padding: 0;
41
+ height: $text-line-height;
40
42
  color: inherit;
41
43
  font: inherit;
42
44
  }
43
45
  }
44
46
 
45
47
  .ng-clear-wrapper {
48
+ display: inline-flex;
49
+ justify-content: center;
50
+ align-items: center;
46
51
  width: 24px;
47
- text-align: center;
52
+ height: $text-line-height;
48
53
  }
49
54
  }
50
55
 
@@ -93,10 +98,12 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
93
98
 
94
99
  &.ng-select-multiple {
95
100
  .ng-select-container .ng-value-container .ng-value {
96
- margin: 2px 4px 2px 0;
97
- border-radius: 16px;
101
+ display: inline-flex;
102
+ align-items: center;
103
+ height: $text-line-height;
104
+ padding: 0 calc(($text-line-height - 16px) / 2);
105
+ border-radius: 9999px;
98
106
  font-size: .875em;
99
- line-height: 18px;
100
107
 
101
108
  @include token-utils.create-token-slot(background-color, multiple-value-background-color);
102
109
 
@@ -104,50 +111,32 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
104
111
 
105
112
  border: 1px solid $border-color;
106
113
 
107
- @include rtl {
108
- margin-right: auto;
109
- margin-left: 4px;
110
- }
111
-
112
114
  &.ng-value-disabled {
113
115
  opacity: .4;
114
116
  }
115
117
 
116
118
  .ng-value-label {
117
119
  display: inline-block;
118
- margin: 0 8px;
120
+ margin: 0 4px;
121
+ line-height: 16px;
119
122
  }
120
123
 
121
124
  .ng-value-icon {
122
- display: inline-block;
123
- width: 18px;
124
- height: 18px;
125
- border-radius: 100%;
125
+ width: 16px;
126
+ height: 16px;
127
+ line-height: 16px;
128
+ border-radius: 50%;
126
129
  text-align: center;
127
130
 
128
- &.left {
129
- margin-right: -4px;
130
-
131
- @include rtl {
132
- margin-left: -4px;
133
- margin-right: auto;
134
- }
135
- }
136
-
137
- &.right {
138
- margin-left: -4px;
139
-
140
- @include rtl {
141
- margin-right: -4px;
142
- margin-left: auto;
143
- }
144
- }
145
-
146
131
  &:hover {
147
132
  @include token-utils.create-token-slot(background-color, multiple-value-icon-hover-background-color);
148
133
  }
149
134
  }
150
135
  }
136
+
137
+ &.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
138
+ border-color: token-utils.get-token-variable(multiple-value-disabled-outline-color);
139
+ }
151
140
  }
152
141
 
153
142
  .ng-arrow-wrapper {
@@ -37,7 +37,7 @@
37
37
  }
38
38
  }
39
39
 
40
- &._mat-animation-noopable {
40
+ &._mtx-animation-noopable {
41
41
  animation: none;
42
42
  transform: scale(1);
43
43
  }