@ng-matero/extensions 18.1.3 → 18.2.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 (149) hide show
  1. package/alert/alert.scss +1 -1
  2. package/core/theming/_definition.scss +16 -5
  3. package/core/tokens/_m3-tokens.scss +311 -153
  4. package/core/tokens/_token-definition.scss +271 -0
  5. package/core/tokens/_token-utils.scss +70 -301
  6. package/core/tokens/m2/mdc/_plain-tooltip.scss +4 -4
  7. package/core/tokens/m2/mtx/_alert.scss +4 -4
  8. package/core/tokens/m2/mtx/_colorpicker.scss +4 -4
  9. package/core/tokens/m2/mtx/_datetimepicker.scss +4 -4
  10. package/core/tokens/m2/mtx/_drawer.scss +4 -4
  11. package/core/tokens/m2/mtx/_grid.scss +4 -4
  12. package/core/tokens/m2/mtx/_loader.scss +4 -4
  13. package/core/tokens/m2/mtx/_popover.scss +4 -4
  14. package/core/tokens/m2/mtx/_progress.scss +4 -4
  15. package/core/tokens/m2/mtx/_select.scss +4 -4
  16. package/core/tokens/m2/mtx/_split.scss +4 -4
  17. package/core/tokens/m3/mtx/_alert.scss +2 -2
  18. package/core/tokens/m3/mtx/_colorpicker.scss +2 -2
  19. package/core/tokens/m3/mtx/_datetimepicker.scss +6 -6
  20. package/core/tokens/m3/mtx/_drawer.scss +3 -3
  21. package/core/tokens/m3/mtx/_grid.scss +3 -3
  22. package/core/tokens/m3/mtx/_loader.scss +2 -2
  23. package/core/tokens/m3/mtx/_popover.scss +3 -3
  24. package/core/tokens/m3/mtx/_progress.scss +6 -6
  25. package/core/tokens/m3/mtx/_select.scss +4 -4
  26. package/core/tokens/m3/mtx/_split.scss +2 -2
  27. package/datetimepicker/calendar-body.scss +1 -1
  28. package/datetimepicker/calendar.scss +5 -5
  29. package/esm2022/alert/alert-module.mjs +4 -4
  30. package/esm2022/alert/alert.mjs +5 -5
  31. package/esm2022/button/button-loading.mjs +3 -3
  32. package/esm2022/button/button-module.mjs +4 -4
  33. package/esm2022/checkbox-group/checkbox-group-module.mjs +4 -4
  34. package/esm2022/checkbox-group/checkbox-group.mjs +5 -5
  35. package/esm2022/colorpicker/colorpicker-input.mjs +3 -3
  36. package/esm2022/colorpicker/colorpicker-module.mjs +4 -4
  37. package/esm2022/colorpicker/colorpicker-toggle.mjs +8 -8
  38. package/esm2022/colorpicker/colorpicker.mjs +6 -6
  39. package/esm2022/column-resize/column-resize-directives/column-resize-flex.mjs +3 -3
  40. package/esm2022/column-resize/column-resize-directives/column-resize.mjs +3 -3
  41. package/esm2022/column-resize/column-resize-module.mjs +4 -4
  42. package/esm2022/column-resize/column-resize-notifier.mjs +6 -6
  43. package/esm2022/column-resize/column-resize.mjs +3 -3
  44. package/esm2022/column-resize/column-size-store.mjs +3 -3
  45. package/esm2022/column-resize/event-dispatcher.mjs +3 -3
  46. package/esm2022/column-resize/overlay-handle.mjs +3 -3
  47. package/esm2022/column-resize/resizable.mjs +3 -3
  48. package/esm2022/column-resize/resize-strategy.mjs +9 -9
  49. package/esm2022/core/datetime/datetime.module.mjs +8 -8
  50. package/esm2022/core/datetime/native-datetime-adapter.mjs +3 -3
  51. package/esm2022/core/pipes/is-template-ref.pipe.mjs +3 -3
  52. package/esm2022/core/pipes/pipes.module.mjs +4 -4
  53. package/esm2022/core/pipes/to-observable.pipe.mjs +3 -3
  54. package/esm2022/datetimepicker/calendar-body.mjs +4 -4
  55. package/esm2022/datetimepicker/calendar.mjs +5 -5
  56. package/esm2022/datetimepicker/clock.mjs +4 -4
  57. package/esm2022/datetimepicker/datetimepicker-actions.mjs +12 -12
  58. package/esm2022/datetimepicker/datetimepicker-input.mjs +3 -3
  59. package/esm2022/datetimepicker/datetimepicker-intl.mjs +3 -3
  60. package/esm2022/datetimepicker/datetimepicker-module.mjs +4 -4
  61. package/esm2022/datetimepicker/datetimepicker-toggle.mjs +8 -8
  62. package/esm2022/datetimepicker/datetimepicker.mjs +8 -8
  63. package/esm2022/datetimepicker/month-view.mjs +3 -3
  64. package/esm2022/datetimepicker/multi-year-view.mjs +3 -3
  65. package/esm2022/datetimepicker/time.mjs +8 -8
  66. package/esm2022/datetimepicker/year-view.mjs +3 -3
  67. package/esm2022/dialog/dialog-container.mjs +3 -3
  68. package/esm2022/dialog/dialog-module.mjs +4 -4
  69. package/esm2022/dialog/dialog.mjs +3 -3
  70. package/esm2022/drawer/drawer-container.mjs +5 -5
  71. package/esm2022/drawer/drawer-module.mjs +4 -4
  72. package/esm2022/drawer/drawer.mjs +3 -3
  73. package/esm2022/grid/cell.mjs +4 -4
  74. package/esm2022/grid/column-menu.mjs +5 -5
  75. package/esm2022/grid/column-resize/column-resize-directives/column-resize-flex.mjs +3 -3
  76. package/esm2022/grid/column-resize/column-resize-directives/column-resize.mjs +3 -3
  77. package/esm2022/grid/column-resize/column-resize-module.mjs +8 -8
  78. package/esm2022/grid/column-resize/overlay-handle.mjs +3 -3
  79. package/esm2022/grid/column-resize/resizable-directives/resizable.mjs +3 -3
  80. package/esm2022/grid/column-resize/resize-strategy.mjs +3 -3
  81. package/esm2022/grid/expansion-toggle.mjs +3 -3
  82. package/esm2022/grid/grid-module.mjs +4 -4
  83. package/esm2022/grid/grid-pipes.mjs +21 -21
  84. package/esm2022/grid/grid-utils.mjs +3 -3
  85. package/esm2022/grid/grid.mjs +5 -5
  86. package/esm2022/grid/selectable-cell.mjs +3 -3
  87. package/esm2022/loader/loader-module.mjs +4 -4
  88. package/esm2022/loader/loader.mjs +3 -3
  89. package/esm2022/photoviewer/photoviewer-module.mjs +4 -4
  90. package/esm2022/photoviewer/photoviewer.mjs +3 -3
  91. package/esm2022/popover/popover-content.mjs +6 -6
  92. package/esm2022/popover/popover-module.mjs +4 -4
  93. package/esm2022/popover/popover-target.mjs +3 -3
  94. package/esm2022/popover/popover-trigger.mjs +3 -3
  95. package/esm2022/popover/popover.mjs +5 -5
  96. package/esm2022/progress/progress-module.mjs +4 -4
  97. package/esm2022/progress/progress.mjs +4 -4
  98. package/esm2022/select/option.mjs +3 -3
  99. package/esm2022/select/select-module.mjs +12 -8
  100. package/esm2022/select/select.mjs +9 -6
  101. package/esm2022/select/templates.mjs +45 -34
  102. package/esm2022/split/split-module.mjs +4 -4
  103. package/esm2022/split/split-pane.mjs +3 -3
  104. package/esm2022/split/split.mjs +4 -4
  105. package/esm2022/tooltip/tooltip-module.mjs +4 -4
  106. package/esm2022/tooltip/tooltip.mjs +6 -6
  107. package/fesm2022/mtxAlert.mjs +8 -8
  108. package/fesm2022/mtxAlert.mjs.map +1 -1
  109. package/fesm2022/mtxButton.mjs +7 -7
  110. package/fesm2022/mtxCheckboxGroup.mjs +8 -8
  111. package/fesm2022/mtxCheckboxGroup.mjs.map +1 -1
  112. package/fesm2022/mtxColorpicker.mjs +20 -20
  113. package/fesm2022/mtxColorpicker.mjs.map +1 -1
  114. package/fesm2022/mtxColumnResize.mjs +40 -40
  115. package/fesm2022/mtxCore.mjs +21 -21
  116. package/fesm2022/mtxDatetimepicker.mjs +64 -64
  117. package/fesm2022/mtxDatetimepicker.mjs.map +1 -1
  118. package/fesm2022/mtxDialog.mjs +10 -10
  119. package/fesm2022/mtxDrawer.mjs +11 -11
  120. package/fesm2022/mtxDrawer.mjs.map +1 -1
  121. package/fesm2022/mtxGrid.mjs +68 -68
  122. package/fesm2022/mtxGrid.mjs.map +1 -1
  123. package/fesm2022/mtxLoader.mjs +7 -7
  124. package/fesm2022/mtxPhotoviewer.mjs +7 -7
  125. package/fesm2022/mtxPopover.mjs +20 -20
  126. package/fesm2022/mtxPopover.mjs.map +1 -1
  127. package/fesm2022/mtxProgress.mjs +8 -8
  128. package/fesm2022/mtxProgress.mjs.map +1 -1
  129. package/fesm2022/mtxSelect.mjs +65 -47
  130. package/fesm2022/mtxSelect.mjs.map +1 -1
  131. package/fesm2022/mtxSplit.mjs +11 -11
  132. package/fesm2022/mtxSplit.mjs.map +1 -1
  133. package/fesm2022/mtxTooltip.mjs +10 -10
  134. package/grid/column-menu.scss +3 -3
  135. package/grid/column-resize/_column-resize.scss +2 -2
  136. package/grid/grid.scss +8 -8
  137. package/package.json +37 -25
  138. package/prebuilt-themes/azure-blue.css +1 -1
  139. package/prebuilt-themes/cyan-orange.css +1 -1
  140. package/prebuilt-themes/deeppurple-amber.css +1 -1
  141. package/prebuilt-themes/indigo-pink.css +1 -1
  142. package/prebuilt-themes/magenta-violet.css +1 -1
  143. package/prebuilt-themes/pink-bluegrey.css +1 -1
  144. package/prebuilt-themes/purple-green.css +1 -1
  145. package/prebuilt-themes/rose-red.css +1 -1
  146. package/select/select-module.d.ts +1 -1
  147. package/select/select.d.ts +2 -1
  148. package/select/select.scss +8 -8
  149. package/select/templates.d.ts +6 -0
package/prebuilt-themes/rose-red.css CHANGED
@@ -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)}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background-color:var(--mtx-grid-resizable-handle-hover-background-color)}.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)}.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) 7px, var(--mtx-grid-resizable-handle-active-background-color) 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) 4px, var(--mtx-grid-resizable-handle-active-background-color) 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-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}html{--mtx-alert-background-color:#f7ebec}html{--mtx-alert-text-color:#201a1b}html{--mtx-alert-info-outline-color:#abc7ff}html{--mtx-alert-info-background-color:#d7e3ff}html{--mtx-alert-info-text-color:#002f65}html{--mtx-alert-success-outline-color:#02e600}html{--mtx-alert-success-background-color:#cbffb8}html{--mtx-alert-success-text-color:#013a00}html{--mtx-alert-warning-outline-color:#cdcd00}html{--mtx-alert-warning-background-color:#fffeac}html{--mtx-alert-warning-text-color:#323200}html{--mtx-alert-danger-outline-color:#ffb4a8}html{--mtx-alert-danger-background-color:#ffdad4}html{--mtx-alert-danger-text-color:#690100}html{--mtx-alert-container-shape:8px}html{--mtx-colorpicker-toggle-active-state-icon-color:#514346}html{--mtx-colorpicker-toggle-icon-color:#514346}html{--mtx-datetimepicker-calendar-date-selected-state-text-color:#ffffff}html{--mtx-datetimepicker-calendar-date-selected-state-background-color:#ba005c}html{--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(32, 26, 27, 0.38)}html{--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#ba005c}html{--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(32, 26, 27, 0.12)}html{--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(32, 26, 27, 0.08)}html{--mtx-datetimepicker-clock-hand-background-color:#ba005c}html{--mtx-datetimepicker-clock-cell-selected-state-background-color:#ba005c}html{--mtx-datetimepicker-time-input-active-state-text-color:#3f001b}html{--mtx-datetimepicker-time-input-active-state-background-color:#ffd9e1}html{--mtx-datetimepicker-time-input-focus-state-outline-color:#ba005c}html{--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#3f001b}html{--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffdad4}html{--mtx-datetimepicker-toggle-active-state-icon-color:#514346}html{--mtx-datetimepicker-toggle-icon-color:#514346}html{--mtx-datetimepicker-calendar-body-label-text-color:#201a1b}html{--mtx-datetimepicker-calendar-header-text-color:#514346}html{--mtx-datetimepicker-calendar-header-divider-color:#d6c2c5}html{--mtx-datetimepicker-calendar-table-header-text-color:#201a1b}html{--mtx-datetimepicker-calendar-date-today-outline-color:#ba005c}html{--mtx-datetimepicker-calendar-date-text-color:#201a1b}html{--mtx-datetimepicker-calendar-date-disabled-state-text-color:rgba(32, 26, 27, 0.38)}html{--mtx-datetimepicker-container-background-color:#f2e6e7}html{--mtx-datetimepicker-container-text-color:#201a1b}html{--mtx-datetimepicker-clock-dial-background-color:#ece0e1}html{--mtx-datetimepicker-clock-cell-text-color:#201a1b}html{--mtx-datetimepicker-clock-cell-hover-state-background-color:rgba(32, 26, 27, 0.08)}html{--mtx-datetimepicker-clock-cell-disabled-state-text-color:rgba(32, 26, 27, 0.38)}html{--mtx-datetimepicker-time-input-text-color:#201a1b}html{--mtx-datetimepicker-time-input-background-color:#ece0e1}html{--mtx-datetimepicker-time-input-focus-state-background-color:#ffd9e1}html{--mtx-datetimepicker-time-input-warn-state-outline-color:#ba1a1a}html{--mtx-datetimepicker-time-ampm-text-color:#201a1b}html{--mtx-datetimepicker-time-ampm-outline-color:#847376}html{--mtx-datetimepicker-time-ampm-selected-state-text-color:#410000}html{--mtx-datetimepicker-calendar-text-font:Roboto, sans-serif}html{--mtx-datetimepicker-calendar-text-size:1rem}html{--mtx-datetimepicker-calendar-body-label-text-size:0.875rem}html{--mtx-datetimepicker-calendar-body-label-text-weight:500}html{--mtx-datetimepicker-calendar-period-button-text-size:0.875rem}html{--mtx-datetimepicker-calendar-period-button-text-weight:500}html{--mtx-datetimepicker-clock-text-size:0.875rem}html{--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)}html{--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)}html{--mtx-datetimepicker-container-shape:16px}html{--mtx-datetimepicker-container-touch-shape:28px}html{--mtx-datetimepicker-selector-container-shape:8px}html{--mtx-datetimepicker-calendar-header-background-color:transparent}html{--mtx-datetimepicker-calendar-date-outline-color:transparent}html{--mtx-drawer-container-background-color:#fffbff}html{--mtx-drawer-container-text-color:#514346}html{--mtx-drawer-container-shape:16px}html{--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)}html{--mtx-grid-outline-color:#d6c2c5}html{--mtx-grid-column-menu-text-color:#514346}html{--mtx-grid-column-menu-divider-color:#d6c2c5}html{--mtx-grid-table-footer-background-color:#f7ebec}html{--mtx-grid-table-row-striped-background-color:#f7ebec}html{--mtx-grid-table-row-hover-background-color:#ffd9e1}html{--mtx-grid-table-row-selected-background-color:#ffd9e1}html{--mtx-grid-table-row-selected-hover-background-color:#ffd9e1}html{--mtx-grid-table-cell-selected-outline-color:#ba005c}html{--mtx-grid-resizable-handle-active-background-color:#ba005c}html{--mtx-grid-resizable-handle-hover-background-color:#ba005c}html{--mtx-grid-resizable-handle-disabled-background-color:#d6c2c5}html{--mtx-grid-container-shape:12px}html{--mtx-grid-table-cell-min-width:80px}html{--mtx-loader-backdrop-background-color:rgba(255, 251, 255, 0.75)}html{--mtx-popover-outline-color:#f7ebec}html{--mtx-popover-background-color:#f7ebec}html{--mtx-popover-text-color:#201a1b}html{--mtx-popover-container-shape:4px}html{--mtx-popover-base-elevation-level:2}html{--mtx-progress-track-color:#f7ebec}html{--mtx-progress-indicator-color:#d6c2c5}html{--mtx-progress-text-color:#201a1b}html{--mtx-progress-info-indicator-color:#5a64ff}html{--mtx-progress-success-indicator-color:#038b00}html{--mtx-progress-warning-indicator-color:#bc5d00}html{--mtx-progress-danger-indicator-color:#ef0000}html{--mtx-progress-container-shape:4px}html{--mtx-progress-info-text-color:white}html{--mtx-progress-success-text-color:white}html{--mtx-progress-warning-text-color:white}html{--mtx-progress-danger-text-color:white}html{--mtx-select-option-selected-state-text-color:#201a1b}html{--mtx-select-container-text-color:#201a1b}html{--mtx-select-placeholder-text-color:rgba(32, 26, 27, 0.38)}html{--mtx-select-disabled-text-color:rgba(32, 26, 27, 0.38)}html{--mtx-select-multiple-value-outline-color:#847376}html{--mtx-select-multiple-value-icon-hover-background-color:#d6c2c5}html{--mtx-select-clear-icon-color:#201a1b}html{--mtx-select-clear-icon-hover-color:#ba1a1a}html{--mtx-select-enabled-arrow-color:#201a1b}html{--mtx-select-disabled-arrow-color:rgba(32, 26, 27, 0.38)}html{--mtx-select-invalid-arrow-color:#ba1a1a}html{--mtx-select-panel-background-color:#f7ebec}html{--mtx-select-panel-divider-color:#847376}html{--mtx-select-optgroup-label-text-color:#201a1b}html{--mtx-select-option-label-text-color:#201a1b}html{--mtx-select-option-selected-state-background-color:#ffd9e1}html{--mtx-select-option-hover-state-background-color:rgba(32, 26, 27, 0.08)}html{--mtx-select-option-disabled-state-text-color:rgba(32, 26, 27, 0.38)}html{--mtx-select-container-shape:4px}html{--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)}html{--mtx-select-multiple-value-background-color:transparent}html{--mtx-split-gutter-hover-state-background-color:#ba005c}html{--mtx-split-gutter-background-color:#d6c2c5}html{--mdc-plain-tooltip-container-color:#352f30}html{--mdc-plain-tooltip-supporting-text-color:#faeeef}html{--mdc-plain-tooltip-supporting-text-line-height:1rem}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif}html{--mdc-plain-tooltip-supporting-text-size:0.75rem}html{--mdc-plain-tooltip-supporting-text-weight:400}html{--mdc-plain-tooltip-supporting-text-tracking:0.025rem}html{--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}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-selected-state-background-color:#c00100}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#c00100}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-clock-hand-background-color:#c00100}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-clock-cell-selected-state-background-color:#c00100}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-time-input-active-state-text-color:#410000}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-time-input-active-state-background-color:#ffdad4}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-time-input-focus-state-outline-color:#c00100}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#410000}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffdad6}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-today-outline-color:#c00100}.mat-accent.mtx-datetimepicker-content{--mtx-datetimepicker-time-input-focus-state-background-color:#ffdad4}.mat-accent.mtx-datetimepicker-content{--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}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-selected-state-background-color:#ba1a1a}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:#ba1a1a}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-clock-hand-background-color:#ba1a1a}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-clock-cell-selected-state-background-color:#ba1a1a}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-time-input-active-state-text-color:#410002}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-time-input-active-state-background-color:#ffdad6}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-time-input-focus-state-outline-color:#ba1a1a}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:#410002}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-time-ampm-selected-state-background-color:#ffd9e1}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-calendar-date-today-outline-color:#ba1a1a}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-time-input-focus-state-background-color:#ffdad6}.mat-warn.mtx-datetimepicker-content{--mtx-datetimepicker-time-ampm-selected-state-text-color:#3f001b}.mat-warn.ng-dropdown-panel{--mtx-select-option-selected-state-background-color:#ffdad6}
package/select/select-module.d.ts CHANGED
@@ -7,6 +7,6 @@ import * as i5 from "./option";
7
7
  import * as i6 from "./templates";
8
8
  export declare class MtxSelectModule {
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<MtxSelectModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.NgSelectModule, typeof i4.MtxSelect, typeof i5.MtxOption, typeof i6.MtxSelectOptgroupTemplate, typeof i6.MtxSelectOptionTemplate, typeof i6.MtxSelectLabelTemplate, typeof i6.MtxSelectMultiLabelTemplate, typeof i6.MtxSelectHeaderTemplate, typeof i6.MtxSelectFooterTemplate, typeof i6.MtxSelectNotFoundTemplate, typeof i6.MtxSelectTypeToSearchTemplate, typeof i6.MtxSelectLoadingTextTemplate, typeof i6.MtxSelectTagTemplate, typeof i6.MtxSelectLoadingSpinnerTemplate], [typeof i4.MtxSelect, typeof i5.MtxOption, typeof i6.MtxSelectOptgroupTemplate, typeof i6.MtxSelectOptionTemplate, typeof i6.MtxSelectLabelTemplate, typeof i6.MtxSelectMultiLabelTemplate, typeof i6.MtxSelectHeaderTemplate, typeof i6.MtxSelectFooterTemplate, typeof i6.MtxSelectNotFoundTemplate, typeof i6.MtxSelectTypeToSearchTemplate, typeof i6.MtxSelectLoadingTextTemplate, typeof i6.MtxSelectTagTemplate, typeof i6.MtxSelectLoadingSpinnerTemplate]>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<MtxSelectModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.NgSelectModule, typeof i4.MtxSelect, typeof i5.MtxOption, typeof i6.MtxSelectOptgroupTemplate, typeof i6.MtxSelectOptionTemplate, typeof i6.MtxSelectLabelTemplate, typeof i6.MtxSelectMultiLabelTemplate, typeof i6.MtxSelectHeaderTemplate, typeof i6.MtxSelectFooterTemplate, typeof i6.MtxSelectNotFoundTemplate, typeof i6.MtxSelectTypeToSearchTemplate, typeof i6.MtxSelectLoadingTextTemplate, typeof i6.MtxSelectTagTemplate, typeof i6.MtxSelectLoadingSpinnerTemplate, typeof i6.MtxSelectPlaceholderTemplate], [typeof i4.MtxSelect, typeof i5.MtxOption, typeof i6.MtxSelectOptgroupTemplate, typeof i6.MtxSelectOptionTemplate, typeof i6.MtxSelectLabelTemplate, typeof i6.MtxSelectMultiLabelTemplate, typeof i6.MtxSelectHeaderTemplate, typeof i6.MtxSelectFooterTemplate, typeof i6.MtxSelectNotFoundTemplate, typeof i6.MtxSelectTypeToSearchTemplate, typeof i6.MtxSelectLoadingTextTemplate, typeof i6.MtxSelectTagTemplate, typeof i6.MtxSelectLoadingSpinnerTemplate, typeof i6.MtxSelectPlaceholderTemplate]>;
11
11
  static ɵinj: i0.ɵɵInjectorDeclaration<MtxSelectModule>;
12
12
  }
package/select/select.d.ts CHANGED
@@ -51,6 +51,7 @@ export declare class MtxSelect implements OnInit, OnDestroy, DoCheck, AfterViewI
51
51
  loadingTextTemplate: TemplateRef<any>;
52
52
  tagTemplate: TemplateRef<any>;
53
53
  loadingSpinnerTemplate: TemplateRef<any>;
54
+ placeholderTemplate: TemplateRef<any>;
54
55
  mtxOptions: QueryList<MtxOption>;
55
56
  addTag: boolean | AddTagFn;
56
57
  addTagText: string;
@@ -235,7 +236,7 @@ export declare class MtxSelect implements OnInit, OnDestroy, DoCheck, AfterViewI
235
236
  blur(): void;
236
237
  openChange(): void;
237
238
  static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelect, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }, { optional: true; }]>;
238
- static ɵcmp: i0.ɵɵComponentDeclaration<MtxSelect, "mtx-select", ["mtxSelect"], { "addTag": { "alias": "addTag"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "labelForId": { "alias": "labelForId"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "items": { "alias": "items"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "mtxOptions"], never, true, never>;
239
+ static ɵcmp: i0.ɵɵComponentDeclaration<MtxSelect, "mtx-select", ["mtxSelect"], { "addTag": { "alias": "addTag"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "labelForId": { "alias": "labelForId"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "items": { "alias": "items"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "placeholderTemplate", "mtxOptions"], never, true, never>;
239
240
  static ngAcceptInputType_closeOnSelect: unknown;
240
241
  static ngAcceptInputType_clearable: unknown;
241
242
  static ngAcceptInputType_clearOnBackspace: unknown;
package/select/select.scss CHANGED
@@ -102,7 +102,7 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
102
102
 
103
103
  $border-color: token-utils.get-token-variable(multiple-value-outline-color);
104
104
 
105
- border: 1px solid var($border-color);
105
+ border: 1px solid $border-color;
106
106
 
107
107
  @include rtl {
108
108
  margin-right: auto;
@@ -161,23 +161,23 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
161
161
  .ng-arrow {
162
162
  border-width: 5px 5px 2px;
163
163
  border-style: solid;
164
- border-color: var($enabled-arrow-color) transparent transparent;
164
+ border-color: $enabled-arrow-color transparent transparent;
165
165
  }
166
166
 
167
167
  &.ng-select-disabled .ng-arrow {
168
- border-color: var($disabled-arrow-color) transparent transparent;
168
+ border-color: $disabled-arrow-color transparent transparent;
169
169
  }
170
170
 
171
171
  &.ng-select-invalid .ng-arrow {
172
- border-color: var($invalid-arrow-color) transparent transparent;
172
+ border-color: $invalid-arrow-color transparent transparent;
173
173
  }
174
174
 
175
175
  &.ng-select-opened .ng-arrow {
176
- border-color: transparent transparent var($enabled-arrow-color);
176
+ border-color: transparent transparent $enabled-arrow-color;
177
177
  }
178
178
 
179
179
  &.ng-select-opened.ng-select-invalid .ng-arrow {
180
- border-color: transparent transparent var($invalid-arrow-color);
180
+ border-color: transparent transparent $invalid-arrow-color;
181
181
  }
182
182
  }
183
183
  }
@@ -210,11 +210,11 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
210
210
  $border-color: token-utils.get-token-variable(panel-divider-color);
211
211
 
212
212
  .ng-dropdown-header {
213
- border-bottom: 1px solid var($border-color);
213
+ border-bottom: 1px solid $border-color;
214
214
  }
215
215
 
216
216
  .ng-dropdown-footer {
217
- border-top: 1px solid var($border-color);
217
+ border-top: 1px solid $border-color;
218
218
  }
219
219
 
220
220
  .ng-dropdown-panel-items {
package/select/templates.d.ts CHANGED
@@ -66,3 +66,9 @@ export declare class MtxSelectLoadingSpinnerTemplate {
66
66
  static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectLoadingSpinnerTemplate, never>;
67
67
  static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLoadingSpinnerTemplate, "[ng-loadingspinner-tmp]", never, {}, {}, never, never, true, never>;
68
68
  }
69
+ export declare class MtxSelectPlaceholderTemplate {
70
+ template: TemplateRef<any>;
71
+ constructor(template: TemplateRef<any>);
72
+ static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectPlaceholderTemplate, never>;
73
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectPlaceholderTemplate, "[ng-placeholder-tmp]", never, {}, {}, never, never, true, never>;
74
+ }