@ptsecurity/mosaic 15.5.0 → 15.6.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 (103) hide show
  1. package/_theming.scss +10 -6
  2. package/_visual.scss +4 -4
  3. package/button/_button-theme.scss +2 -5
  4. package/button-toggle/_button-toggle-theme.scss +2 -5
  5. package/checkbox/_checkbox-theme.scss +2 -5
  6. package/code-block/_code-block-theme.scss +2 -6
  7. package/core/forms/_forms-theme.scss +2 -4
  8. package/core/option/_optgroup-theme.scss +2 -4
  9. package/core/option/_option-theme.scss +2 -5
  10. package/core/styles/theming/_badges.scss +2 -1
  11. package/datepicker/_datepicker-theme.scss +2 -5
  12. package/dl/_dl-theme.scss +2 -5
  13. package/dropdown/_dropdown-theme.scss +2 -5
  14. package/esm2020/core/option/optgroup.mjs +2 -2
  15. package/esm2020/core/option/option.mjs +2 -2
  16. package/esm2020/core/version.mjs +2 -2
  17. package/esm2020/form-field/form-field.mjs +5 -8
  18. package/esm2020/form-field/password-hint.mjs +13 -5
  19. package/esm2020/list/list-selection.component.mjs +2 -2
  20. package/esm2020/list/list.component.mjs +2 -2
  21. package/esm2020/navbar/navbar-item.component.mjs +14 -13
  22. package/esm2020/radio/radio.component.mjs +3 -2
  23. package/esm2020/select/select.component.mjs +3 -3
  24. package/esm2020/tags/tag-default-options.mjs +1 -1
  25. package/esm2020/tags/tag-input.mjs +10 -8
  26. package/esm2020/tags/tag-list.component.mjs +10 -6
  27. package/esm2020/tags/tag.component.mjs +5 -5
  28. package/esm2020/timezone/timezone-option.component.mjs +2 -2
  29. package/esm2020/timezone/timezone-select.component.mjs +2 -2
  30. package/esm2020/tree/tree-option.component.mjs +2 -1
  31. package/esm2020/tree-select/tree-select.component.mjs +2 -2
  32. package/fesm2015/ptsecurity-mosaic-core.mjs +5 -5
  33. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  34. package/fesm2015/ptsecurity-mosaic-form-field.mjs +15 -11
  35. package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
  36. package/fesm2015/ptsecurity-mosaic-list.mjs +4 -4
  37. package/fesm2015/ptsecurity-mosaic-navbar.mjs +13 -12
  38. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
  39. package/fesm2015/ptsecurity-mosaic-radio.mjs +2 -1
  40. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
  41. package/fesm2015/ptsecurity-mosaic-select.mjs +2 -2
  42. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
  43. package/fesm2015/ptsecurity-mosaic-tags.mjs +22 -16
  44. package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
  45. package/fesm2015/ptsecurity-mosaic-timezone.mjs +4 -4
  46. package/fesm2015/ptsecurity-mosaic-timezone.mjs.map +1 -1
  47. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +2 -2
  48. package/fesm2015/ptsecurity-mosaic-tree.mjs +1 -0
  49. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  50. package/fesm2020/ptsecurity-mosaic-core.mjs +5 -5
  51. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  52. package/fesm2020/ptsecurity-mosaic-form-field.mjs +15 -10
  53. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
  54. package/fesm2020/ptsecurity-mosaic-list.mjs +4 -4
  55. package/fesm2020/ptsecurity-mosaic-navbar.mjs +13 -12
  56. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
  57. package/fesm2020/ptsecurity-mosaic-radio.mjs +2 -1
  58. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
  59. package/fesm2020/ptsecurity-mosaic-select.mjs +2 -2
  60. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
  61. package/fesm2020/ptsecurity-mosaic-tags.mjs +22 -16
  62. package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
  63. package/fesm2020/ptsecurity-mosaic-timezone.mjs +4 -4
  64. package/fesm2020/ptsecurity-mosaic-timezone.mjs.map +1 -1
  65. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +2 -2
  66. package/fesm2020/ptsecurity-mosaic-tree.mjs +1 -0
  67. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  68. package/file-upload/_file-upload-theme.scss +2 -4
  69. package/form-field/_form-field-theme.scss +3 -5
  70. package/form-field/form-field.d.ts +0 -1
  71. package/form-field/form-field.scss +1 -3
  72. package/form-field/password-hint.d.ts +6 -3
  73. package/input/_input-theme.scss +7 -6
  74. package/link/_link-theme.scss +7 -8
  75. package/list/_list-theme.scss +2 -5
  76. package/loader-overlay/_loader-overlay-theme.scss +2 -5
  77. package/markdown/_markdown-theme.scss +3 -6
  78. package/modal/_modal-theme.scss +3 -5
  79. package/navbar/_navbar-theme.scss +2 -6
  80. package/navbar/navbar-item.component.d.ts +3 -2
  81. package/package.json +14 -14
  82. package/popover/_popover-theme.scss +2 -6
  83. package/prebuilt-themes/dark-theme.css +1 -1
  84. package/prebuilt-themes/default-theme.css +1 -1
  85. package/prebuilt-visual/default-visual.css +1 -1
  86. package/radio/_radio-theme.scss +2 -6
  87. package/select/_select-theme.scss +2 -5
  88. package/select/select.scss +2 -0
  89. package/sidepanel/_sidepanel-theme.scss +2 -5
  90. package/table/_table-theme.scss +2 -5
  91. package/tabs/_tabs-theme.scss +2 -5
  92. package/tags/_tag-theme.scss +2 -5
  93. package/tags/tag-default-options.d.ts +4 -0
  94. package/tags/tag-list.component.d.ts +1 -0
  95. package/tags/tag-list.scss +6 -2
  96. package/tags/tag.component.d.ts +1 -1
  97. package/textarea/_textarea-theme.scss +2 -5
  98. package/timezone/_timezone-option-theme.scss +2 -5
  99. package/toast/_toast-theme.scss +2 -5
  100. package/toggle/_toggle-theme.scss +2 -5
  101. package/tooltip/_tooltip-theme.scss +2 -5
  102. package/tree/_tree-theme.scss +2 -4
  103. package/tree-select/_tree-select-theme.scss +2 -5
@@ -1040,13 +1040,13 @@ class McOptgroup extends McOptgroupMixinBase {
1040
1040
  }
1041
1041
  }
1042
1042
  /** @nocollapse */ McOptgroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McOptgroup, deps: null, target: i0.ɵɵFactoryTarget.Component });
1043
- /** @nocollapse */ McOptgroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McOptgroup, selector: "mc-optgroup", inputs: { disabled: "disabled", label: "label" }, host: { properties: { "class.mc-disabled": "disabled" }, classAttribute: "mc-optgroup" }, exportAs: ["mcOptgroup"], usesInheritance: true, ngImport: i0, template: "<label class=\"mc-optgroup-label\" [id]=\"labelId\">{{ label }}</label>\n<ng-content select=\"mc-option, mc-list-option, mc-timezone-option, ng-container\"></ng-content>\n", styles: [".mc-optgroup-label{padding-left:var(--mc-optgroup-size-padding-left, 17px);-webkit-user-select:none;user-select:none;cursor:default}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1043
+ /** @nocollapse */ McOptgroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McOptgroup, selector: "mc-optgroup", inputs: { disabled: "disabled", label: "label" }, host: { properties: { "class.mc-disabled": "disabled" }, classAttribute: "mc-optgroup" }, exportAs: ["mcOptgroup"], usesInheritance: true, ngImport: i0, template: "<label class=\"mc-optgroup-label\" [id]=\"labelId\">{{ label }}</label>\n<ng-content select=\"mc-option, mc-list-option, mc-timezone-option, ng-container\"></ng-content>\n", styles: [".mc-optgroup-label{padding-left:var(--mc-optgroup-size-padding-left, 12px);-webkit-user-select:none;user-select:none;cursor:default}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1044
1044
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McOptgroup, decorators: [{
1045
1045
  type: Component,
1046
1046
  args: [{ selector: 'mc-optgroup', exportAs: 'mcOptgroup', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['disabled'], host: {
1047
1047
  class: 'mc-optgroup',
1048
1048
  '[class.mc-disabled]': 'disabled'
1049
- }, template: "<label class=\"mc-optgroup-label\" [id]=\"labelId\">{{ label }}</label>\n<ng-content select=\"mc-option, mc-list-option, mc-timezone-option, ng-container\"></ng-content>\n", styles: [".mc-optgroup-label{padding-left:var(--mc-optgroup-size-padding-left, 17px);-webkit-user-select:none;user-select:none;cursor:default}\n"] }]
1049
+ }, template: "<label class=\"mc-optgroup-label\" [id]=\"labelId\">{{ label }}</label>\n<ng-content select=\"mc-option, mc-list-option, mc-timezone-option, ng-container\"></ng-content>\n", styles: [".mc-optgroup-label{padding-left:var(--mc-optgroup-size-padding-left, 12px);-webkit-user-select:none;user-select:none;cursor:default}\n"] }]
1050
1050
  }], propDecorators: { label: [{
1051
1051
  type: Input
1052
1052
  }] } });
@@ -1273,7 +1273,7 @@ class McOption {
1273
1273
  /** @nocollapse */ McOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: MC_OPTION_PARENT_COMPONENT, optional: true }, { token: McOptgroup, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1274
1274
  /** @nocollapse */ McOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McOption, selector: "mc-option", inputs: { value: "value", showCheckbox: "showCheckbox", disabled: "disabled" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "click": "selectViaInteraction()", "keydown": "handleKeydown($event)" }, properties: { "attr.tabindex": "getTabIndex()", "class.mc-selected": "selected", "class.mc-option-multiple": "multiple", "class.mc-active": "active", "class.mc-disabled": "disabled", "id": "id" }, classAttribute: "mc-option" }, providers: [{
1275
1275
  provide: MC_TITLE_TEXT_REF, useExisting: McOption
1276
- }], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["mcTitleText"], descendants: true }], exportAs: ["mcOption"], ngImport: i0, template: "<mc-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<span #mcTitleText class=\"mc-option-text\"><ng-content></ng-content></span>\n\n<div class=\"mc-option-overlay\"></div>\n", styles: [".mc-option{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--mc-option-size-height, 32px);border:var(--mc-option-size-border-width, 2px) solid transparent;cursor:pointer;outline:none;padding-left:var(--mc-option-size-horizontal-padding, 12px);padding-right:var(--mc-option-size-horizontal-padding, 12px);-webkit-tap-highlight-color:transparent}.mc-option.mc-disabled{cursor:default}.mc-option .mc-pseudo-checkbox{margin-right:8px}.mc-option .mc-option-overlay{position:absolute;top:calc(-1 * var(--mc-option-size-border-width, 2px));left:calc(-1 * var(--mc-option-size-border-width, 2px));right:calc(-1 * var(--mc-option-size-border-width, 2px));bottom:calc(-1 * var(--mc-option-size-border-width, 2px));pointer-events:none;border-radius:inherit}.mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: ["color", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1276
+ }], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["mcTitleText"], descendants: true }], exportAs: ["mcOption"], ngImport: i0, template: "<mc-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<span #mcTitleText class=\"mc-option-text\"><ng-content></ng-content></span>\n\n<div class=\"mc-option-overlay\"></div>\n", styles: [".mc-option{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--mc-option-size-height, 32px);border:var(--mc-option-size-border-width, 2px) solid transparent;cursor:pointer;outline:none;padding-left:var(--mc-option-size-horizontal-padding, 10px);padding-right:var(--mc-option-size-horizontal-padding, 10px);-webkit-tap-highlight-color:transparent}.mc-option.mc-disabled{cursor:default}.mc-option .mc-pseudo-checkbox{margin-right:8px}.mc-option .mc-option-overlay{position:absolute;top:calc(-1 * var(--mc-option-size-border-width, 2px));left:calc(-1 * var(--mc-option-size-border-width, 2px));right:calc(-1 * var(--mc-option-size-border-width, 2px));bottom:calc(-1 * var(--mc-option-size-border-width, 2px));pointer-events:none;border-radius:inherit}.mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: ["color", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1277
1277
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McOption, decorators: [{
1278
1278
  type: Component,
1279
1279
  args: [{ selector: 'mc-option', exportAs: 'mcOption', host: {
@@ -1288,7 +1288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
1288
1288
  '(keydown)': 'handleKeydown($event)'
1289
1289
  }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
1290
1290
  provide: MC_TITLE_TEXT_REF, useExisting: McOption
1291
- }], template: "<mc-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<span #mcTitleText class=\"mc-option-text\"><ng-content></ng-content></span>\n\n<div class=\"mc-option-overlay\"></div>\n", styles: [".mc-option{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--mc-option-size-height, 32px);border:var(--mc-option-size-border-width, 2px) solid transparent;cursor:pointer;outline:none;padding-left:var(--mc-option-size-horizontal-padding, 12px);padding-right:var(--mc-option-size-horizontal-padding, 12px);-webkit-tap-highlight-color:transparent}.mc-option.mc-disabled{cursor:default}.mc-option .mc-pseudo-checkbox{margin-right:8px}.mc-option .mc-option-overlay{position:absolute;top:calc(-1 * var(--mc-option-size-border-width, 2px));left:calc(-1 * var(--mc-option-size-border-width, 2px));right:calc(-1 * var(--mc-option-size-border-width, 2px));bottom:calc(-1 * var(--mc-option-size-border-width, 2px));pointer-events:none;border-radius:inherit}.mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"] }]
1291
+ }], template: "<mc-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<span #mcTitleText class=\"mc-option-text\"><ng-content></ng-content></span>\n\n<div class=\"mc-option-overlay\"></div>\n", styles: [".mc-option{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--mc-option-size-height, 32px);border:var(--mc-option-size-border-width, 2px) solid transparent;cursor:pointer;outline:none;padding-left:var(--mc-option-size-horizontal-padding, 10px);padding-right:var(--mc-option-size-horizontal-padding, 10px);-webkit-tap-highlight-color:transparent}.mc-option.mc-disabled{cursor:default}.mc-option .mc-pseudo-checkbox{margin-right:8px}.mc-option .mc-option-overlay{position:absolute;top:calc(-1 * var(--mc-option-size-border-width, 2px));left:calc(-1 * var(--mc-option-size-border-width, 2px));right:calc(-1 * var(--mc-option-size-border-width, 2px));bottom:calc(-1 * var(--mc-option-size-border-width, 2px));pointer-events:none;border-radius:inherit}.mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"] }]
1292
1292
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
1293
1293
  type: Optional
1294
1294
  }, {
@@ -2306,7 +2306,7 @@ const validationTooltipShowDelay = 10;
2306
2306
  const validationTooltipHideDelay = 3000;
2307
2307
  const MC_VALIDATION = new InjectionToken('McUseValidation', { factory: () => ({ useValidation: true }) });
2308
2308
 
2309
- const VERSION = new Version('15.5.0+sha-7c4543d');
2309
+ const VERSION = new Version('15.6.0+sha-7ad3c34');
2310
2310
 
2311
2311
  /**
2312
2312
  * Generated bundle index. Do not edit.