@sdcorejs/angular 20.0.6 → 20.0.8

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 (122) hide show
  1. package/README.md +8 -2
  2. package/assets/STYLE-GUIDE.md +13 -0
  3. package/components/autoid-inspector/index.d.ts +47 -137
  4. package/components/index.d.ts +1 -0
  5. package/components/upload-file/index.d.ts +7 -4
  6. package/fesm2022/sdcorejs-angular-components-anchor.mjs +11 -12
  7. package/fesm2022/sdcorejs-angular-components-anchor.mjs.map +1 -1
  8. package/fesm2022/sdcorejs-angular-components-autoid-inspector.mjs +210 -40
  9. package/fesm2022/sdcorejs-angular-components-autoid-inspector.mjs.map +1 -1
  10. package/fesm2022/sdcorejs-angular-components-avatar.mjs +3 -3
  11. package/fesm2022/sdcorejs-angular-components-badge.mjs +4 -4
  12. package/fesm2022/sdcorejs-angular-components-badge.mjs.map +1 -1
  13. package/fesm2022/sdcorejs-angular-components-base.mjs +3 -3
  14. package/fesm2022/sdcorejs-angular-components-button.mjs +4 -4
  15. package/fesm2022/sdcorejs-angular-components-button.mjs.map +1 -1
  16. package/fesm2022/sdcorejs-angular-components-chart.mjs +12 -12
  17. package/fesm2022/sdcorejs-angular-components-ckeditor-styles.mjs +3 -3
  18. package/fesm2022/sdcorejs-angular-components-code-editor.mjs +3 -3
  19. package/fesm2022/sdcorejs-angular-components-document-builder.mjs +11 -12
  20. package/fesm2022/sdcorejs-angular-components-document-builder.mjs.map +1 -1
  21. package/fesm2022/sdcorejs-angular-components-editor.mjs +6 -6
  22. package/fesm2022/sdcorejs-angular-components-editor.mjs.map +1 -1
  23. package/fesm2022/sdcorejs-angular-components-form-generic.mjs +203 -203
  24. package/fesm2022/sdcorejs-angular-components-form-generic.mjs.map +1 -1
  25. package/fesm2022/sdcorejs-angular-components-history.mjs +7 -7
  26. package/fesm2022/sdcorejs-angular-components-import-excel.mjs +10 -10
  27. package/fesm2022/sdcorejs-angular-components-import-excel.mjs.map +1 -1
  28. package/fesm2022/sdcorejs-angular-components-inform.mjs +7 -7
  29. package/fesm2022/sdcorejs-angular-components-inform.mjs.map +1 -1
  30. package/fesm2022/sdcorejs-angular-components-mini-editor.mjs +3 -3
  31. package/fesm2022/sdcorejs-angular-components-modal-resizable.mjs +5 -5
  32. package/fesm2022/sdcorejs-angular-components-modal-resizable.mjs.map +1 -1
  33. package/fesm2022/sdcorejs-angular-components-modal.mjs +4 -4
  34. package/fesm2022/sdcorejs-angular-components-modal.mjs.map +1 -1
  35. package/fesm2022/sdcorejs-angular-components-operator.mjs +4 -4
  36. package/fesm2022/sdcorejs-angular-components-operator.mjs.map +1 -1
  37. package/fesm2022/sdcorejs-angular-components-org-chart.mjs +7 -7
  38. package/fesm2022/sdcorejs-angular-components-org-chart.mjs.map +1 -1
  39. package/fesm2022/sdcorejs-angular-components-preview.mjs +9 -9
  40. package/fesm2022/sdcorejs-angular-components-preview.mjs.map +1 -1
  41. package/fesm2022/sdcorejs-angular-components-query-bar.mjs +31 -31
  42. package/fesm2022/sdcorejs-angular-components-query-bar.mjs.map +1 -1
  43. package/fesm2022/sdcorejs-angular-components-query-builder.mjs +3 -3
  44. package/fesm2022/sdcorejs-angular-components-quick-action.mjs +3 -3
  45. package/fesm2022/sdcorejs-angular-components-section.mjs +7 -7
  46. package/fesm2022/sdcorejs-angular-components-section.mjs.map +1 -1
  47. package/fesm2022/sdcorejs-angular-components-side-drawer.mjs +8 -6
  48. package/fesm2022/sdcorejs-angular-components-side-drawer.mjs.map +1 -1
  49. package/fesm2022/sdcorejs-angular-components-splitter.mjs +28 -14
  50. package/fesm2022/sdcorejs-angular-components-splitter.mjs.map +1 -1
  51. package/fesm2022/sdcorejs-angular-components-stepper.mjs +6 -6
  52. package/fesm2022/sdcorejs-angular-components-tab-router.mjs +18 -18
  53. package/fesm2022/sdcorejs-angular-components-tab.mjs +6 -6
  54. package/fesm2022/sdcorejs-angular-components-table.mjs +110 -111
  55. package/fesm2022/sdcorejs-angular-components-table.mjs.map +1 -1
  56. package/fesm2022/sdcorejs-angular-components-tree.mjs +7 -7
  57. package/fesm2022/sdcorejs-angular-components-tree.mjs.map +1 -1
  58. package/fesm2022/sdcorejs-angular-components-upload-file.mjs +37 -32
  59. package/fesm2022/sdcorejs-angular-components-upload-file.mjs.map +1 -1
  60. package/fesm2022/sdcorejs-angular-components-view.mjs +3 -3
  61. package/fesm2022/sdcorejs-angular-components.mjs +1 -0
  62. package/fesm2022/sdcorejs-angular-components.mjs.map +1 -1
  63. package/fesm2022/sdcorejs-angular-directives.mjs +21 -21
  64. package/fesm2022/sdcorejs-angular-forms-autocomplete.mjs +6 -7
  65. package/fesm2022/sdcorejs-angular-forms-autocomplete.mjs.map +1 -1
  66. package/fesm2022/sdcorejs-angular-forms-checkbox.mjs +6 -6
  67. package/fesm2022/sdcorejs-angular-forms-checkbox.mjs.map +1 -1
  68. package/fesm2022/sdcorejs-angular-forms-chip-calendar.mjs +9 -9
  69. package/fesm2022/sdcorejs-angular-forms-chip-calendar.mjs.map +1 -1
  70. package/fesm2022/sdcorejs-angular-forms-chip.mjs +9 -9
  71. package/fesm2022/sdcorejs-angular-forms-chip.mjs.map +1 -1
  72. package/fesm2022/sdcorejs-angular-forms-date-range.mjs +11 -12
  73. package/fesm2022/sdcorejs-angular-forms-date-range.mjs.map +1 -1
  74. package/fesm2022/sdcorejs-angular-forms-date.mjs +8 -9
  75. package/fesm2022/sdcorejs-angular-forms-date.mjs.map +1 -1
  76. package/fesm2022/sdcorejs-angular-forms-datetime.mjs +14 -15
  77. package/fesm2022/sdcorejs-angular-forms-datetime.mjs.map +1 -1
  78. package/fesm2022/sdcorejs-angular-forms-directives.mjs +12 -12
  79. package/fesm2022/sdcorejs-angular-forms-inline-text.mjs +4 -4
  80. package/fesm2022/sdcorejs-angular-forms-inline-text.mjs.map +1 -1
  81. package/fesm2022/sdcorejs-angular-forms-input-color.mjs +3 -3
  82. package/fesm2022/sdcorejs-angular-forms-input-number.mjs +7 -8
  83. package/fesm2022/sdcorejs-angular-forms-input-number.mjs.map +1 -1
  84. package/fesm2022/sdcorejs-angular-forms-input.mjs +6 -6
  85. package/fesm2022/sdcorejs-angular-forms-input.mjs.map +1 -1
  86. package/fesm2022/sdcorejs-angular-forms-label.mjs +3 -3
  87. package/fesm2022/sdcorejs-angular-forms-radio.mjs +6 -7
  88. package/fesm2022/sdcorejs-angular-forms-radio.mjs.map +1 -1
  89. package/fesm2022/sdcorejs-angular-forms-select.mjs +7 -7
  90. package/fesm2022/sdcorejs-angular-forms-select.mjs.map +1 -1
  91. package/fesm2022/sdcorejs-angular-forms-switch.mjs +6 -7
  92. package/fesm2022/sdcorejs-angular-forms-switch.mjs.map +1 -1
  93. package/fesm2022/sdcorejs-angular-forms-textarea.mjs +7 -9
  94. package/fesm2022/sdcorejs-angular-forms-textarea.mjs.map +1 -1
  95. package/fesm2022/sdcorejs-angular-forms.mjs +4 -4
  96. package/fesm2022/sdcorejs-angular-handlers.mjs +3 -3
  97. package/fesm2022/sdcorejs-angular-i18n.mjs +6 -6
  98. package/fesm2022/sdcorejs-angular-interceptors.mjs +6 -6
  99. package/fesm2022/sdcorejs-angular-modules-auth.mjs +9 -9
  100. package/fesm2022/sdcorejs-angular-modules-authom.mjs +7 -7
  101. package/fesm2022/sdcorejs-angular-modules-keycloak.mjs +37 -14
  102. package/fesm2022/sdcorejs-angular-modules-keycloak.mjs.map +1 -1
  103. package/fesm2022/sdcorejs-angular-modules-layout.mjs +75 -76
  104. package/fesm2022/sdcorejs-angular-modules-layout.mjs.map +1 -1
  105. package/fesm2022/sdcorejs-angular-modules-permission.mjs +9 -9
  106. package/fesm2022/sdcorejs-angular-pipes.mjs +14 -14
  107. package/fesm2022/sdcorejs-angular-services-api.mjs +11 -12
  108. package/fesm2022/sdcorejs-angular-services-api.mjs.map +1 -1
  109. package/fesm2022/sdcorejs-angular-services-cache.mjs +3 -3
  110. package/fesm2022/sdcorejs-angular-services-confirm.mjs +8 -8
  111. package/fesm2022/sdcorejs-angular-services-confirm.mjs.map +1 -1
  112. package/fesm2022/sdcorejs-angular-services-docx.mjs +3 -3
  113. package/fesm2022/sdcorejs-angular-services-excel.mjs +3 -3
  114. package/fesm2022/sdcorejs-angular-services-license.mjs +3 -3
  115. package/fesm2022/sdcorejs-angular-services-loading.mjs +3 -3
  116. package/fesm2022/sdcorejs-angular-services-notify.mjs +9 -9
  117. package/fesm2022/sdcorejs-angular-services-storage.mjs +3 -3
  118. package/forms/input-number/index.d.ts +0 -1
  119. package/modules/keycloak/htmls/auth-keycloak-error.html +54 -0
  120. package/modules/keycloak/htmls/silent-renew.html +7 -0
  121. package/modules/keycloak/index.d.ts +30 -0
  122. package/package.json +1 -1
@@ -97,8 +97,8 @@ class ToastComponent {
97
97
  get dataMessage() {
98
98
  return Array.isArray(this.data.message) ? this.data.message.join(' | ') : this.data.message;
99
99
  }
100
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastComponent, deps: [{ token: SdNotifyService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
101
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: ToastComponent, isStandalone: true, selector: "toast", inputs: { data: "data" }, host: { listeners: { "mouseenter": "pauseTimer()", "mouseleave": "resumeTimer()" }, properties: { "@toastAnimation": "true", "class": "\"bg-white sd-toast\"", "attr.data-autoid": "autoId", "attr.data-type": "data.type", "attr.data-title": "data.title ?? null", "attr.data-message": "dataMessage" } }, ngImport: i0, template: "<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\n\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\n @switch (data.type) {\n @case ('success') {\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\n }\n @case ('info') {\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"/></svg>\n }\n @case ('warning') {\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\n }\n @case ('error') {\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"/></svg>\n }\n }\n</div>\n\n<div class=\"sd-toast__content\">\n <div class=\"sd-toast__header\">\n <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\n <button class=\"sd-toast__close\" (click)=\"close()\">\u2715</button>\n </div>\n\n <div class=\"sd-toast__body\">\n @if (!isMultiMessage) {\n <!-- why: m\u1EB7c \u0111\u1ECBnh render TEXT (auto-escape) \u2014 an to\u00E0n. Ch\u1EC9 render HTML\n (\u0111\u00E3 sanitize) khi data.html=true. -->\n @if (data.html) {\n <div [innerHTML]=\"sanitizeHtml(singleMessage)\"></div>\n } @else {\n <div>{{ singleMessage }}</div>\n }\n }\n @else {\n <ul class=\"msg-list\">\n @for (msg of displayMessages; track msg) {\n @if (data.html) {\n <li [innerHTML]=\"sanitizeHtml('- ' + msg)\"></li>\n } @else {\n <li>{{ '- ' + msg }}</li>\n }\n }\n </ul>\n\n @if (hasMore) {\n <button type=\"button\" \n class=\"toggle-more btn-link\" \n [class]=\"'text-' + data.type\" \n (click)=\"toggleExpand()\">\n {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\n </button>\n }\n }\n </div>\n\n @if (data.actionLabel) {\n <div class=\"sd-toast__actions\">\n <button class=\"btn-action\" \n [class]=\"'bg-' + data.type + '-light text-' + data.type\"\n (click)=\"onActionClick()\">\n {{ data.actionLabel }}\n </button>\n </div>\n }\n</div>", styles: ["@charset \"UTF-8\";:host{display:flex;width:350px;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;overflow:hidden;position:relative;font-family:Roboto,sans-serif;pointer-events:auto}.sd-toast__bar{width:6px;flex-shrink:0}.sd-toast__icon{padding:12px 0 0 12px;flex-shrink:0}.sd-toast__icon svg{width:24px;height:24px}.sd-toast__content{flex-grow:1;padding:12px;display:flex;flex-direction:column}.sd-toast__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.sd-toast__title{font-size:16px;font-weight:600}.sd-toast__close{background:none;border:none;font-size:16px;cursor:pointer;line-height:1;padding:0;opacity:.5;transition:opacity .2s}.sd-toast__close:hover{opacity:1}.sd-toast__body{font-size:14px;line-height:1.4;word-break:break-word}.sd-toast__actions{display:flex;justify-content:flex-end;margin-top:8px}.msg-list{padding-left:0;list-style:none;margin:0}.toggle-more{background:none;border:none;padding:0;font:inherit;cursor:pointer;font-size:13px;margin-top:4px;font-weight:500;text-align:left}.toggle-more:hover{text-decoration:underline}.toggle-more:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn-action{border:none;padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;font-size:13px;transition:filter .2s}.btn-action:hover{filter:brightness(.95)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
100
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ToastComponent, deps: [{ token: SdNotifyService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
101
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ToastComponent, isStandalone: true, selector: "toast", inputs: { data: "data" }, host: { listeners: { "mouseenter": "pauseTimer()", "mouseleave": "resumeTimer()" }, properties: { "@toastAnimation": "true", "class": "\"bg-white sd-toast\"", "attr.data-autoid": "autoId", "attr.data-type": "data.type", "attr.data-title": "data.title ?? null", "attr.data-message": "dataMessage" } }, ngImport: i0, template: "<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\n\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\n @switch (data.type) {\n @case ('success') {\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\n }\n @case ('info') {\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"/></svg>\n }\n @case ('warning') {\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\n }\n @case ('error') {\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"/></svg>\n }\n }\n</div>\n\n<div class=\"sd-toast__content\">\n <div class=\"sd-toast__header\">\n <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\n <button class=\"sd-toast__close\" (click)=\"close()\">\u2715</button>\n </div>\n\n <div class=\"sd-toast__body\">\n @if (!isMultiMessage) {\n <!-- why: m\u1EB7c \u0111\u1ECBnh render TEXT (auto-escape) \u2014 an to\u00E0n. Ch\u1EC9 render HTML\n (\u0111\u00E3 sanitize) khi data.html=true. -->\n @if (data.html) {\n <div [innerHTML]=\"sanitizeHtml(singleMessage)\"></div>\n } @else {\n <div>{{ singleMessage }}</div>\n }\n }\n @else {\n <ul class=\"msg-list\">\n @for (msg of displayMessages; track msg) {\n @if (data.html) {\n <li [innerHTML]=\"sanitizeHtml('- ' + msg)\"></li>\n } @else {\n <li>{{ '- ' + msg }}</li>\n }\n }\n </ul>\n\n @if (hasMore) {\n <button type=\"button\" \n class=\"toggle-more btn-link\" \n [class]=\"'text-' + data.type\" \n (click)=\"toggleExpand()\">\n {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\n </button>\n }\n }\n </div>\n\n @if (data.actionLabel) {\n <div class=\"sd-toast__actions\">\n <button class=\"btn-action\" \n [class]=\"'bg-' + data.type + '-light text-' + data.type\"\n (click)=\"onActionClick()\">\n {{ data.actionLabel }}\n </button>\n </div>\n }\n</div>", styles: ["@charset \"UTF-8\";:host{display:flex;width:350px;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;overflow:hidden;position:relative;font-family:Roboto,sans-serif;pointer-events:auto}.sd-toast__bar{width:6px;flex-shrink:0}.sd-toast__icon{padding:12px 0 0 12px;flex-shrink:0}.sd-toast__icon svg{width:24px;height:24px}.sd-toast__content{flex-grow:1;padding:12px;display:flex;flex-direction:column}.sd-toast__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.sd-toast__title{font-size:16px;font-weight:600}.sd-toast__close{background:none;border:none;font-size:16px;cursor:pointer;line-height:1;padding:0;opacity:.5;transition:opacity .2s}.sd-toast__close:hover{opacity:1}.sd-toast__body{font-size:14px;line-height:1.4;word-break:break-word}.sd-toast__actions{display:flex;justify-content:flex-end;margin-top:8px}.msg-list{padding-left:0;list-style:none;margin:0}.toggle-more{background:none;border:none;padding:0;font:inherit;cursor:pointer;font-size:13px;margin-top:4px;font-weight:500;text-align:left}.toggle-more:hover{text-decoration:underline}.toggle-more:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn-action{border:none;padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;font-size:13px;transition:filter .2s}.btn-action:hover{filter:brightness(.95)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
102
102
  trigger('toastAnimation', [
103
103
  transition(':enter', [
104
104
  style({ transform: 'translateX(100%)', opacity: 0 }),
@@ -110,7 +110,7 @@ class ToastComponent {
110
110
  ])
111
111
  ] });
112
112
  }
113
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastComponent, decorators: [{
113
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ToastComponent, decorators: [{
114
114
  type: Component,
115
115
  args: [{ selector: 'toast', standalone: true, imports: [CommonModule, TranslatePipe], animations: [
116
116
  trigger('toastAnimation', [
@@ -144,8 +144,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImpo
144
144
 
145
145
  class ToastContainerComponent {
146
146
  toasts = signal([], ...(ngDevMode ? [{ debugName: "toasts" }] : []));
147
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
148
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: ToastContainerComponent, isStandalone: true, selector: "toast-container", ngImport: i0, template: `
147
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
148
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ToastContainerComponent, isStandalone: true, selector: "toast-container", ngImport: i0, template: `
149
149
  <div class="toast-container">
150
150
  @for (toast of toasts(); track toast.id) {
151
151
  <toast [data]="toast"> </toast>
@@ -153,7 +153,7 @@ class ToastContainerComponent {
153
153
  </div>
154
154
  `, isInline: true, styles: [".toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;pointer-events:none}sd-toast{pointer-events:auto}\n"], dependencies: [{ kind: "component", type: ToastComponent, selector: "toast", inputs: ["data"] }] });
155
155
  }
156
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastContainerComponent, decorators: [{
156
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ToastContainerComponent, decorators: [{
157
157
  type: Component,
158
158
  args: [{ selector: 'toast-container', standalone: true, imports: [ToastComponent], template: `
159
159
  <div class="toast-container">
@@ -278,10 +278,10 @@ class SdNotifyService {
278
278
  });
279
279
  this.#timers = {};
280
280
  }
281
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdNotifyService, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
282
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdNotifyService, providedIn: 'root' });
281
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdNotifyService, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
282
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdNotifyService, providedIn: 'root' });
283
283
  }
284
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdNotifyService, decorators: [{
284
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdNotifyService, decorators: [{
285
285
  type: Injectable,
286
286
  args: [{
287
287
  providedIn: 'root',
@@ -151,10 +151,10 @@ class SdStorageService {
151
151
  return val;
152
152
  return JSON.parse(JSON.stringify(val));
153
153
  }
154
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdStorageService, deps: [{ token: SD_STORAGE_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
155
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdStorageService, providedIn: 'root' });
154
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdStorageService, deps: [{ token: SD_STORAGE_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
155
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdStorageService, providedIn: 'root' });
156
156
  }
157
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdStorageService, decorators: [{
157
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdStorageService, decorators: [{
158
158
  type: Injectable,
159
159
  args: [{
160
160
  providedIn: 'root',
@@ -25,7 +25,6 @@ declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
25
25
  sdSuffixDef: _angular_core.Signal<SdSuffixDefDirective | undefined>;
26
26
  private ref;
27
27
  private coreConfiguration;
28
- private formatNumberPipe;
29
28
  private formConfig;
30
29
  autoIdInput: _angular_core.InputSignal<string | null | undefined>;
31
30
  autoId: _angular_core.Signal<string | undefined>;
@@ -0,0 +1,54 @@
1
+ <!doctype html>
2
+ <html lang="vi">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Lỗi đăng nhập</title>
7
+ <!--
8
+ Trang lỗi tĩnh (fallback) cho luồng đăng nhập Keycloak — đích redirect khi keycloak.init() thất bại.
9
+
10
+ MẪU TỔNG QUÁT TỪ CORE: dùng được NGAY, không cần chỉnh sửa gì. Consumer COPY file này vào
11
+ `public/auth-keycloak-error.html` (hoặc tên theo `authErrorUrl`). Khi muốn, tuỳ biến tại các
12
+ placeholder bên dưới (logo, thông tin hỗ trợ, nội dung, ngôn ngữ).
13
+
14
+ Nguyên tắc: KHÔNG phụ thuộc JS/CSS/ảnh bên ngoài (bundle app có thể đã lỗi) → style để inline,
15
+ mặc định không nhúng tài nguyên nào.
16
+ -->
17
+ <style>
18
+ * { box-sizing: border-box; }
19
+ html, body { height: 100%; margin: 0; }
20
+ body {
21
+ display: flex; align-items: center; justify-content: center;
22
+ min-height: 100vh; padding: 24px;
23
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
24
+ color: #1f2937; background: #f5f6f8;
25
+ }
26
+ .box {
27
+ max-width: 480px; width: 100%; text-align: center;
28
+ background: #fff; border: 1px solid #e5e7eb; border-radius: 12px;
29
+ padding: 40px 32px; box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
30
+ }
31
+ h1 { font-size: 20px; margin: 0 0 12px; }
32
+ p { margin: 8px 0; line-height: 1.6; color: #4b5563; font-size: 14px; }
33
+ .actions { margin-top: 24px; }
34
+ .btn {
35
+ display: inline-block; padding: 10px 20px; border-radius: 8px;
36
+ background: #2563eb; color: #fff; text-decoration: none; font-size: 14px;
37
+ }
38
+ </style>
39
+ </head>
40
+ <body>
41
+ <main class="box">
42
+ <!-- (Tuỳ chọn) Logo — bỏ comment và sửa src:
43
+ <img src="/your-logo.svg" alt="logo" style="height: 40px; margin-bottom: 24px;" /> -->
44
+ <h1>Có lỗi xảy ra khi đăng nhập</h1>
45
+ <p>Hệ thống đang gặp sự cố kỹ thuật trong quá trình xác thực. Trang chưa thể tải đầy đủ thông tin.</p>
46
+ <p>Vui lòng thử lại sau ít phút.</p>
47
+ <!-- (Tuỳ chọn) Thông tin hỗ trợ — bỏ comment và sửa email/đường dẫn:
48
+ <p>Cần hỗ trợ? Liên hệ <a href="mailto:you@example.com">you@example.com</a></p> -->
49
+ <div class="actions">
50
+ <a class="btn" href="/">Thử lại</a>
51
+ </div>
52
+ </main>
53
+ </body>
54
+ </html>
@@ -0,0 +1,7 @@
1
+ <html>
2
+ <body>
3
+ <script>
4
+ parent.postMessage(location.href, location.origin);
5
+ </script>
6
+ </body>
7
+ </html>
@@ -8,6 +8,31 @@ interface SdKeycloakTenantConfig {
8
8
  realm: string;
9
9
  clientId: string;
10
10
  secureRoutes?: string[];
11
+ /**
12
+ * Basename (KHÔNG kèm đuôi `.html`) của file Keycloak **silent SSO redirect** mà consumer
13
+ * BẮT BUỘC đặt trong thư mục `public/`. Mặc định `'silent-renew'`.
14
+ *
15
+ * Service sẽ truyền `${origin}/<silentRenewUrl>.html` vào `silentCheckSsoRedirectUri`. Với giá trị
16
+ * mặc định, Keycloak gọi `${origin}/silent-renew.html` (giống hành vi cũ — không phá vỡ project hiện có).
17
+ *
18
+ * Consumer cần tạo file tĩnh này (nội dung mẫu ở `modules/keycloak/htmls/silent-renew.html`); nếu THIẾU,
19
+ * silent `check-sso` thất bại và `init()` trả về `false` không mong muốn (user bị coi là chưa đăng nhập).
20
+ * Cho phép truyền kèm `/` đầu hoặc đuôi `.html` (tự chuẩn hoá), hoặc đặt sâu hơn:
21
+ * `'assets/silent-renew'` → `${origin}/assets/silent-renew.html`.
22
+ */
23
+ silentRenewUrl?: string;
24
+ /**
25
+ * Basename (KHÔNG kèm đuôi `.html`) của **trang lỗi tĩnh** trong `public/`, dùng làm đích redirect khi
26
+ * `keycloak.init()` NÉM LỖI (Keycloak sập / mạng lỗi / cấu hình realm sai). Mặc định `'auth-keycloak-error'`.
27
+ *
28
+ * Khi init thất bại, app điều hướng full-page tới `${origin}/<authErrorUrl>.html`. Vì là file tĩnh nên
29
+ * trang lỗi vẫn hiển thị kể cả khi bundle Angular chưa khởi tạo được. Service cũng tự bỏ qua `init()` nếu
30
+ * đang đứng sẵn ở trang lỗi này (chống vòng lặp redirect).
31
+ *
32
+ * Consumer nên tạo file (nội dung mẫu ở `modules/keycloak/htmls/auth-keycloak-error.html`) và viết lại
33
+ * branding/nội dung. Nếu THIẾU, redirect rơi vào trang 404 của host. Chuẩn hoá giá trị giống `silentRenewUrl`.
34
+ */
35
+ authErrorUrl?: string;
11
36
  }
12
37
  interface ISdKeycloakConfiguration {
13
38
  loadTenantConfig: () => Promise<SdKeycloakTenantConfig>;
@@ -18,6 +43,11 @@ declare class SdKeycloakService {
18
43
  keycloak: Keycloak;
19
44
  config: SdKeycloakTenantConfig;
20
45
  init(config: SdKeycloakTenantConfig): Promise<boolean>;
46
+ /**
47
+ * Chuẩn hoá basename file tĩnh trong public/ thành URL tuyệt đối.
48
+ * `'silent-renew'` | `'/silent-renew'` | `'silent-renew.html'` → `${origin}/silent-renew.html`.
49
+ */
50
+ private toPublicHtmlUrl;
21
51
  login(): Promise<void>;
22
52
  logout(): Promise<void>;
23
53
  getToken(): string | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sdcorejs/angular",
3
- "version": "20.0.6",
3
+ "version": "20.0.8",
4
4
  "license": "MIT",
5
5
  "peerDependencies": {
6
6
  "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0",