@neural-ui/core 1.6.0 → 1.6.1
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.
- package/fesm2022/neural-ui-core-accordion.mjs +13 -9
- package/fesm2022/neural-ui-core-accordion.mjs.map +1 -1
- package/fesm2022/neural-ui-core-alert.mjs +25 -14
- package/fesm2022/neural-ui-core-alert.mjs.map +1 -1
- package/fesm2022/neural-ui-core-autocomplete.mjs +53 -28
- package/fesm2022/neural-ui-core-autocomplete.mjs.map +1 -1
- package/fesm2022/neural-ui-core-avatar.mjs +23 -13
- package/fesm2022/neural-ui-core-avatar.mjs.map +1 -1
- package/fesm2022/neural-ui-core-badge.mjs +15 -9
- package/fesm2022/neural-ui-core-badge.mjs.map +1 -1
- package/fesm2022/neural-ui-core-block-ui.mjs +16 -11
- package/fesm2022/neural-ui-core-block-ui.mjs.map +1 -1
- package/fesm2022/neural-ui-core-breadcrumb.mjs +8 -6
- package/fesm2022/neural-ui-core-breadcrumb.mjs.map +1 -1
- package/fesm2022/neural-ui-core-button.mjs +29 -16
- package/fesm2022/neural-ui-core-button.mjs.map +1 -1
- package/fesm2022/neural-ui-core-calendar.mjs +75 -50
- package/fesm2022/neural-ui-core-calendar.mjs.map +1 -1
- package/fesm2022/neural-ui-core-card.mjs +13 -8
- package/fesm2022/neural-ui-core-card.mjs.map +1 -1
- package/fesm2022/neural-ui-core-chart.mjs +45 -24
- package/fesm2022/neural-ui-core-chart.mjs.map +1 -1
- package/fesm2022/neural-ui-core-checkbox.mjs +15 -9
- package/fesm2022/neural-ui-core-checkbox.mjs.map +1 -1
- package/fesm2022/neural-ui-core-chip.mjs +23 -13
- package/fesm2022/neural-ui-core-chip.mjs.map +1 -1
- package/fesm2022/neural-ui-core-code-block.mjs +32 -17
- package/fesm2022/neural-ui-core-code-block.mjs.map +1 -1
- package/fesm2022/neural-ui-core-color-picker.mjs +19 -11
- package/fesm2022/neural-ui-core-color-picker.mjs.map +1 -1
- package/fesm2022/neural-ui-core-command-palette.mjs +16 -11
- package/fesm2022/neural-ui-core-command-palette.mjs.map +1 -1
- package/fesm2022/neural-ui-core-confirm-dialog.mjs +6 -6
- package/fesm2022/neural-ui-core-context-menu.mjs +12 -9
- package/fesm2022/neural-ui-core-context-menu.mjs.map +1 -1
- package/fesm2022/neural-ui-core-dashboard-grid.mjs +11 -7
- package/fesm2022/neural-ui-core-dashboard-grid.mjs.map +1 -1
- package/fesm2022/neural-ui-core-date-input.mjs +111 -57
- package/fesm2022/neural-ui-core-date-input.mjs.map +1 -1
- package/fesm2022/neural-ui-core-divider.mjs +7 -5
- package/fesm2022/neural-ui-core-divider.mjs.map +1 -1
- package/fesm2022/neural-ui-core-empty-state.mjs +13 -8
- package/fesm2022/neural-ui-core-empty-state.mjs.map +1 -1
- package/fesm2022/neural-ui-core-filter-bar.mjs +19 -11
- package/fesm2022/neural-ui-core-filter-bar.mjs.map +1 -1
- package/fesm2022/neural-ui-core-icon.mjs +11 -7
- package/fesm2022/neural-ui-core-icon.mjs.map +1 -1
- package/fesm2022/neural-ui-core-image-gallery.mjs +23 -13
- package/fesm2022/neural-ui-core-image-gallery.mjs.map +1 -1
- package/fesm2022/neural-ui-core-image-viewer.mjs +22 -14
- package/fesm2022/neural-ui-core-image-viewer.mjs.map +1 -1
- package/fesm2022/neural-ui-core-input-otp.mjs +19 -11
- package/fesm2022/neural-ui-core-input-otp.mjs.map +1 -1
- package/fesm2022/neural-ui-core-input.mjs +67 -35
- package/fesm2022/neural-ui-core-input.mjs.map +1 -1
- package/fesm2022/neural-ui-core-kanban.mjs +17 -11
- package/fesm2022/neural-ui-core-kanban.mjs.map +1 -1
- package/fesm2022/neural-ui-core-knob.mjs +41 -22
- package/fesm2022/neural-ui-core-knob.mjs.map +1 -1
- package/fesm2022/neural-ui-core-meter-group.mjs +23 -13
- package/fesm2022/neural-ui-core-meter-group.mjs.map +1 -1
- package/fesm2022/neural-ui-core-modal.mjs +16 -11
- package/fesm2022/neural-ui-core-modal.mjs.map +1 -1
- package/fesm2022/neural-ui-core-multiselect.mjs +72 -39
- package/fesm2022/neural-ui-core-multiselect.mjs.map +1 -1
- package/fesm2022/neural-ui-core-nav.mjs +22 -13
- package/fesm2022/neural-ui-core-nav.mjs.map +1 -1
- package/fesm2022/neural-ui-core-notification-center.mjs +27 -10
- package/fesm2022/neural-ui-core-notification-center.mjs.map +1 -1
- package/fesm2022/neural-ui-core-number-input.mjs +35 -19
- package/fesm2022/neural-ui-core-number-input.mjs.map +1 -1
- package/fesm2022/neural-ui-core-pagination.mjs +15 -9
- package/fesm2022/neural-ui-core-pagination.mjs.map +1 -1
- package/fesm2022/neural-ui-core-popover.mjs +22 -14
- package/fesm2022/neural-ui-core-popover.mjs.map +1 -1
- package/fesm2022/neural-ui-core-progress-bar.mjs +19 -11
- package/fesm2022/neural-ui-core-progress-bar.mjs.map +1 -1
- package/fesm2022/neural-ui-core-radio.mjs +24 -15
- package/fesm2022/neural-ui-core-radio.mjs.map +1 -1
- package/fesm2022/neural-ui-core-rating.mjs +13 -8
- package/fesm2022/neural-ui-core-rating.mjs.map +1 -1
- package/fesm2022/neural-ui-core-rich-text-editor.mjs +63 -30
- package/fesm2022/neural-ui-core-rich-text-editor.mjs.map +1 -1
- package/fesm2022/neural-ui-core-scheduler-gantt.mjs +41 -22
- package/fesm2022/neural-ui-core-scheduler-gantt.mjs.map +1 -1
- package/fesm2022/neural-ui-core-select.mjs +77 -43
- package/fesm2022/neural-ui-core-select.mjs.map +1 -1
- package/fesm2022/neural-ui-core-sidebar.mjs +23 -14
- package/fesm2022/neural-ui-core-sidebar.mjs.map +1 -1
- package/fesm2022/neural-ui-core-skeleton.mjs +11 -7
- package/fesm2022/neural-ui-core-skeleton.mjs.map +1 -1
- package/fesm2022/neural-ui-core-slider.mjs +23 -13
- package/fesm2022/neural-ui-core-slider.mjs.map +1 -1
- package/fesm2022/neural-ui-core-spinner.mjs +17 -10
- package/fesm2022/neural-ui-core-spinner.mjs.map +1 -1
- package/fesm2022/neural-ui-core-split-button.mjs +27 -15
- package/fesm2022/neural-ui-core-split-button.mjs.map +1 -1
- package/fesm2022/neural-ui-core-splitter.mjs +9 -6
- package/fesm2022/neural-ui-core-splitter.mjs.map +1 -1
- package/fesm2022/neural-ui-core-stats-card.mjs +19 -11
- package/fesm2022/neural-ui-core-stats-card.mjs.map +1 -1
- package/fesm2022/neural-ui-core-stepper.mjs +13 -8
- package/fesm2022/neural-ui-core-stepper.mjs.map +1 -1
- package/fesm2022/neural-ui-core-switch.mjs +15 -9
- package/fesm2022/neural-ui-core-switch.mjs.map +1 -1
- package/fesm2022/neural-ui-core-table.mjs +242 -124
- package/fesm2022/neural-ui-core-table.mjs.map +1 -1
- package/fesm2022/neural-ui-core-tabs.mjs +30 -18
- package/fesm2022/neural-ui-core-tabs.mjs.map +1 -1
- package/fesm2022/neural-ui-core-textarea.mjs +43 -23
- package/fesm2022/neural-ui-core-textarea.mjs.map +1 -1
- package/fesm2022/neural-ui-core-timeline-grid.mjs +21 -12
- package/fesm2022/neural-ui-core-timeline-grid.mjs.map +1 -1
- package/fesm2022/neural-ui-core-timeline.mjs +5 -4
- package/fesm2022/neural-ui-core-timeline.mjs.map +1 -1
- package/fesm2022/neural-ui-core-toast.mjs +25 -9
- package/fesm2022/neural-ui-core-toast.mjs.map +1 -1
- package/fesm2022/neural-ui-core-toggle-button-group.mjs +17 -10
- package/fesm2022/neural-ui-core-toggle-button-group.mjs.map +1 -1
- package/fesm2022/neural-ui-core-toolbar.mjs +13 -8
- package/fesm2022/neural-ui-core-toolbar.mjs.map +1 -1
- package/fesm2022/neural-ui-core-tooltip.mjs +16 -11
- package/fesm2022/neural-ui-core-tooltip.mjs.map +1 -1
- package/fesm2022/neural-ui-core-tree-table.mjs +57 -30
- package/fesm2022/neural-ui-core-tree-table.mjs.map +1 -1
- package/fesm2022/neural-ui-core-tree.mjs +31 -17
- package/fesm2022/neural-ui-core-tree.mjs.map +1 -1
- package/fesm2022/neural-ui-core-uploader.mjs +91 -47
- package/fesm2022/neural-ui-core-uploader.mjs.map +1 -1
- package/fesm2022/neural-ui-core-url-state.mjs +7 -5
- package/fesm2022/neural-ui-core-url-state.mjs.map +1 -1
- package/fesm2022/neural-ui-core-virtual-list.mjs +32 -19
- package/fesm2022/neural-ui-core-virtual-list.mjs.map +1 -1
- package/package.json +1 -1
- package/types/neural-ui-core-notification-center.d.ts +2 -0
- package/types/neural-ui-core-toast.d.ts +2 -0
|
@@ -14,15 +14,20 @@ import { input, output, signal, computed, ChangeDetectionStrategy, ViewEncapsula
|
|
|
14
14
|
class NeuRatingComponent {
|
|
15
15
|
Math = Math;
|
|
16
16
|
/** Valor actual (1 a stars) / Current value (1 to stars) */
|
|
17
|
-
value = input(0,
|
|
17
|
+
value = input(0, /* @ts-ignore */
|
|
18
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
18
19
|
/** Número de estrellas / Number of stars */
|
|
19
|
-
stars = input(5,
|
|
20
|
+
stars = input(5, /* @ts-ignore */
|
|
21
|
+
...(ngDevMode ? [{ debugName: "stars" }] : /* istanbul ignore next */ []));
|
|
20
22
|
/** Modo solo lectura / Read-only mode */
|
|
21
|
-
readonly = input(false,
|
|
23
|
+
readonly = input(false, /* @ts-ignore */
|
|
24
|
+
...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
22
25
|
/** Emite el nuevo valor al seleccionar / Emits the new value on selection */
|
|
23
26
|
valueChange = output();
|
|
24
|
-
hovered = signal(null,
|
|
25
|
-
|
|
27
|
+
hovered = signal(null, /* @ts-ignore */
|
|
28
|
+
...(ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []));
|
|
29
|
+
starsArray = computed(() => Array.from({ length: this.stars() }, (_, i) => i + 1), /* @ts-ignore */
|
|
30
|
+
...(ngDevMode ? [{ debugName: "starsArray" }] : /* istanbul ignore next */ []));
|
|
26
31
|
onHover(i) {
|
|
27
32
|
if (!this.readonly())
|
|
28
33
|
this.hovered.set(i);
|
|
@@ -47,8 +52,8 @@ class NeuRatingComponent {
|
|
|
47
52
|
return `url(#half-${i})`;
|
|
48
53
|
return 'transparent';
|
|
49
54
|
}
|
|
50
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
51
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
55
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NeuRatingComponent, isStandalone: true, selector: "neu-rating", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, stars: { classPropertyName: "stars", publicName: "stars", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
52
57
|
<div
|
|
53
58
|
class="neu-rating"
|
|
54
59
|
[class.neu-rating--readonly]="readonly()"
|
|
@@ -94,7 +99,7 @@ class NeuRatingComponent {
|
|
|
94
99
|
</div>
|
|
95
100
|
`, isInline: true, styles: [".neu-rating{display:inline-flex;align-items:center;gap:2px;font-family:var(--neu-font-sans)}.neu-rating--readonly{pointer-events:none}.neu-rating__star{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--neu-radius-sm);cursor:pointer;color:var(--neu-surface-3);padding:2px;transition:transform .15s ease,color .15s ease;outline:none}.neu-rating__star--filled{color:#f59e0b}.neu-rating__star:hover:not(:disabled){transform:scale(1.15)}.neu-rating__star:focus-visible{outline:2px solid var(--neu-primary);outline-offset:2px}.neu-rating__star:disabled{cursor:default}.neu-rating__icon{width:22px;height:22px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
96
101
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuRatingComponent, decorators: [{
|
|
98
103
|
type: Component,
|
|
99
104
|
args: [{ selector: 'neu-rating', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
100
105
|
<div
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"neural-ui-core-rating.mjs","sources":["../../../../projects/ui-core/rating/neu-rating.component.ts","../../../../projects/ui-core/rating/neural-ui-core-rating.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n computed,\n input,\n output,\n signal,\n} from '@angular/core';\n\n/**\n * NeuralUI Rating Component\n *\n * Selector de valoración con estrellas (o icono personalizable).\n * Soporta valores medios (half-star) y modo solo-lectura.\n *\n * Uso:\n * <neu-rating [value]=\"rating\" (valueChange)=\"rating = $event\" />\n * <neu-rating [value]=\"4.5\" [readonly]=\"true\" />\n */\n@Component({\n selector: 'neu-rating',\n imports: [],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `\n <div\n class=\"neu-rating\"\n [class.neu-rating--readonly]=\"readonly()\"\n [attr.role]=\"readonly() ? null : 'radiogroup'\"\n [attr.aria-label]=\"'Valoración: ' + value() + ' de ' + stars() + ' estrellas'\"\n >\n @for (i of starsArray(); track i) {\n <button\n class=\"neu-rating__star\"\n [class.neu-rating__star--filled]=\"i <= (hovered() ?? value())\"\n [class.neu-rating__star--half]=\"\n !isInteger(hovered() ?? value()) && i === Math.ceil(hovered() ?? value())\n \"\n type=\"button\"\n [disabled]=\"readonly()\"\n [attr.aria-label]=\"i + ' star' + (i > 1 ? 's' : '')\"\n [attr.aria-checked]=\"i === value()\"\n [attr.role]=\"'radio'\"\n (mouseenter)=\"onHover(i)\"\n (mouseleave)=\"onLeave()\"\n (click)=\"select(i)\"\n (keydown.left)=\"select(value() - 1)\"\n (keydown.right)=\"select(value() + 1)\"\n >\n <svg class=\"neu-rating__icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <defs>\n <linearGradient [id]=\"'half-' + i\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\">\n <stop offset=\"50%\" stop-color=\"currentColor\" />\n <stop offset=\"50%\" stop-color=\"transparent\" />\n </linearGradient>\n </defs>\n <polygon\n points=\"12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26\"\n [attr.fill]=\"getFill(i)\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n `,\n styleUrl: './neu-rating.component.scss',\n})\nexport class NeuRatingComponent {\n protected readonly Math = Math;\n\n /** Valor actual (1 a stars) / Current value (1 to stars) */\n value = input<number>(0);\n\n /** Número de estrellas / Number of stars */\n stars = input<number>(5);\n\n /** Modo solo lectura / Read-only mode */\n readonly = input<boolean>(false);\n\n /** Emite el nuevo valor al seleccionar / Emits the new value on selection */\n valueChange = output<number>();\n\n protected readonly hovered = signal<number | null>(null);\n readonly starsArray = computed(() => Array.from({ length: this.stars() }, (_, i) => i + 1));\n\n onHover(i: number): void {\n if (!this.readonly()) this.hovered.set(i);\n }\n\n onLeave(): void {\n this.hovered.set(null);\n }\n\n select(i: number): void {\n if (this.readonly()) return;\n const clamped = Math.min(this.stars(), Math.max(1, i));\n this.valueChange.emit(clamped);\n }\n\n isInteger(n: number): boolean {\n return Number.isInteger(n);\n }\n\n getFill(i: number): string {\n const val = this.hovered() ?? this.value();\n if (i <= Math.floor(val)) return 'currentColor';\n if (!Number.isInteger(val) && i === Math.ceil(val)) return `url(#half-${i})`;\n return 'transparent';\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;AAUA;;;;;;;;;AASG;MAqDU,kBAAkB,CAAA;IACV,IAAI,GAAG,IAAI;;
|
|
1
|
+
{"version":3,"file":"neural-ui-core-rating.mjs","sources":["../../../../projects/ui-core/rating/neu-rating.component.ts","../../../../projects/ui-core/rating/neural-ui-core-rating.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n computed,\n input,\n output,\n signal,\n} from '@angular/core';\n\n/**\n * NeuralUI Rating Component\n *\n * Selector de valoración con estrellas (o icono personalizable).\n * Soporta valores medios (half-star) y modo solo-lectura.\n *\n * Uso:\n * <neu-rating [value]=\"rating\" (valueChange)=\"rating = $event\" />\n * <neu-rating [value]=\"4.5\" [readonly]=\"true\" />\n */\n@Component({\n selector: 'neu-rating',\n imports: [],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `\n <div\n class=\"neu-rating\"\n [class.neu-rating--readonly]=\"readonly()\"\n [attr.role]=\"readonly() ? null : 'radiogroup'\"\n [attr.aria-label]=\"'Valoración: ' + value() + ' de ' + stars() + ' estrellas'\"\n >\n @for (i of starsArray(); track i) {\n <button\n class=\"neu-rating__star\"\n [class.neu-rating__star--filled]=\"i <= (hovered() ?? value())\"\n [class.neu-rating__star--half]=\"\n !isInteger(hovered() ?? value()) && i === Math.ceil(hovered() ?? value())\n \"\n type=\"button\"\n [disabled]=\"readonly()\"\n [attr.aria-label]=\"i + ' star' + (i > 1 ? 's' : '')\"\n [attr.aria-checked]=\"i === value()\"\n [attr.role]=\"'radio'\"\n (mouseenter)=\"onHover(i)\"\n (mouseleave)=\"onLeave()\"\n (click)=\"select(i)\"\n (keydown.left)=\"select(value() - 1)\"\n (keydown.right)=\"select(value() + 1)\"\n >\n <svg class=\"neu-rating__icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <defs>\n <linearGradient [id]=\"'half-' + i\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\">\n <stop offset=\"50%\" stop-color=\"currentColor\" />\n <stop offset=\"50%\" stop-color=\"transparent\" />\n </linearGradient>\n </defs>\n <polygon\n points=\"12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26\"\n [attr.fill]=\"getFill(i)\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n `,\n styleUrl: './neu-rating.component.scss',\n})\nexport class NeuRatingComponent {\n protected readonly Math = Math;\n\n /** Valor actual (1 a stars) / Current value (1 to stars) */\n value = input<number>(0);\n\n /** Número de estrellas / Number of stars */\n stars = input<number>(5);\n\n /** Modo solo lectura / Read-only mode */\n readonly = input<boolean>(false);\n\n /** Emite el nuevo valor al seleccionar / Emits the new value on selection */\n valueChange = output<number>();\n\n protected readonly hovered = signal<number | null>(null);\n readonly starsArray = computed(() => Array.from({ length: this.stars() }, (_, i) => i + 1));\n\n onHover(i: number): void {\n if (!this.readonly()) this.hovered.set(i);\n }\n\n onLeave(): void {\n this.hovered.set(null);\n }\n\n select(i: number): void {\n if (this.readonly()) return;\n const clamped = Math.min(this.stars(), Math.max(1, i));\n this.valueChange.emit(clamped);\n }\n\n isInteger(n: number): boolean {\n return Number.isInteger(n);\n }\n\n getFill(i: number): string {\n const val = this.hovered() ?? this.value();\n if (i <= Math.floor(val)) return 'currentColor';\n if (!Number.isInteger(val) && i === Math.ceil(val)) return `url(#half-${i})`;\n return 'transparent';\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
|
@@ -172,48 +172,73 @@ const DEFAULT_RICH_TEXT_EDITOR_LABELS = {
|
|
|
172
172
|
};
|
|
173
173
|
let _neuRichTextEditorIdSeq = 0;
|
|
174
174
|
class NeuRichTextEditorComponent {
|
|
175
|
-
label = input('',
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
175
|
+
label = input('', /* @ts-ignore */
|
|
176
|
+
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
177
|
+
placeholder = input('Write here...', /* @ts-ignore */
|
|
178
|
+
...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
179
|
+
hint = input('', /* @ts-ignore */
|
|
180
|
+
...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
|
|
181
|
+
errorMessage = input('', /* @ts-ignore */
|
|
182
|
+
...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
|
|
183
|
+
size = input('md', /* @ts-ignore */
|
|
184
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
185
|
+
minHeight = input('180px', /* @ts-ignore */
|
|
186
|
+
...(ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []));
|
|
187
|
+
disabled = input(false, /* @ts-ignore */
|
|
188
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
189
|
+
readonly = input(false, /* @ts-ignore */
|
|
190
|
+
...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
183
191
|
/**
|
|
184
192
|
* @deprecated Use `labels.toolbar` instead.
|
|
185
193
|
*/
|
|
186
|
-
toolbarAriaLabel = input('',
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
194
|
+
toolbarAriaLabel = input('', /* @ts-ignore */
|
|
195
|
+
...(ngDevMode ? [{ debugName: "toolbarAriaLabel" }] : /* istanbul ignore next */ []));
|
|
196
|
+
labels = input({}, /* @ts-ignore */
|
|
197
|
+
...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
|
|
198
|
+
variables = input([], /* @ts-ignore */
|
|
199
|
+
...(ngDevMode ? [{ debugName: "variables" }] : /* istanbul ignore next */ []));
|
|
200
|
+
variablesLabel = input('Variables', /* @ts-ignore */
|
|
201
|
+
...(ngDevMode ? [{ debugName: "variablesLabel" }] : /* istanbul ignore next */ []));
|
|
202
|
+
variablesAriaLabel = input('Available variables', /* @ts-ignore */
|
|
203
|
+
...(ngDevMode ? [{ debugName: "variablesAriaLabel" }] : /* istanbul ignore next */ []));
|
|
204
|
+
maxPastedImageBytes = input(1_500_000, /* @ts-ignore */
|
|
205
|
+
...(ngDevMode ? [{ debugName: "maxPastedImageBytes" }] : /* istanbul ignore next */ []));
|
|
206
|
+
showPreview = input(false, /* @ts-ignore */
|
|
207
|
+
...(ngDevMode ? [{ debugName: "showPreview" }] : /* istanbul ignore next */ []));
|
|
208
|
+
previewLabel = input('Preview', /* @ts-ignore */
|
|
209
|
+
...(ngDevMode ? [{ debugName: "previewLabel" }] : /* istanbul ignore next */ []));
|
|
210
|
+
editorId = input(`neu-rich-text-editor-${++_neuRichTextEditorIdSeq}`, /* @ts-ignore */
|
|
211
|
+
...(ngDevMode ? [{ debugName: "editorId" }] : /* istanbul ignore next */ []));
|
|
195
212
|
valueChange = output();
|
|
196
213
|
imageRejected = output();
|
|
197
|
-
value = signal('',
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
214
|
+
value = signal('', /* @ts-ignore */
|
|
215
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
216
|
+
focused = signal(false, /* @ts-ignore */
|
|
217
|
+
...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
|
|
218
|
+
cvaDisabled = signal(false, /* @ts-ignore */
|
|
219
|
+
...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
|
|
220
|
+
editorRef = viewChild('editorRef', /* @ts-ignore */
|
|
221
|
+
...(ngDevMode ? [{ debugName: "editorRef" }] : /* istanbul ignore next */ []));
|
|
201
222
|
viewReady = false;
|
|
202
223
|
onChange = () => undefined;
|
|
203
224
|
onTouched = () => undefined;
|
|
204
|
-
isDisabledFinal = computed(() => this.disabled() || this.readonly() || this.cvaDisabled(),
|
|
225
|
+
isDisabledFinal = computed(() => this.disabled() || this.readonly() || this.cvaDisabled(), /* @ts-ignore */
|
|
226
|
+
...(ngDevMode ? [{ debugName: "isDisabledFinal" }] : /* istanbul ignore next */ []));
|
|
205
227
|
mergedLabels = computed(() => ({
|
|
206
228
|
...DEFAULT_RICH_TEXT_EDITOR_LABELS,
|
|
207
229
|
...(this.toolbarAriaLabel() ? { toolbar: this.toolbarAriaLabel() } : {}),
|
|
208
230
|
...this.labels(),
|
|
209
|
-
}),
|
|
210
|
-
|
|
231
|
+
}), /* @ts-ignore */
|
|
232
|
+
...(ngDevMode ? [{ debugName: "mergedLabels" }] : /* istanbul ignore next */ []));
|
|
233
|
+
hasError = computed(() => !!this.errorMessage(), /* @ts-ignore */
|
|
234
|
+
...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
|
|
211
235
|
ariaDescribedBy = computed(() => {
|
|
212
236
|
if (this.hasError()) {
|
|
213
237
|
return `${this.editorId()}-error`;
|
|
214
238
|
}
|
|
215
239
|
return this.hint() ? `${this.editorId()}-hint` : null;
|
|
216
|
-
},
|
|
240
|
+
}, /* @ts-ignore */
|
|
241
|
+
...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
|
|
217
242
|
ngAfterViewInit() {
|
|
218
243
|
this.viewReady = true;
|
|
219
244
|
this.renderValue(this.value());
|
|
@@ -328,8 +353,8 @@ class NeuRichTextEditorComponent {
|
|
|
328
353
|
editor.innerHTML = html;
|
|
329
354
|
}
|
|
330
355
|
}
|
|
331
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
332
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
356
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuRichTextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
357
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NeuRichTextEditorComponent, isStandalone: true, selector: "neu-rich-text-editor", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, toolbarAriaLabel: { classPropertyName: "toolbarAriaLabel", publicName: "toolbarAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, variables: { classPropertyName: "variables", publicName: "variables", isSignal: true, isRequired: false, transformFunction: null }, variablesLabel: { classPropertyName: "variablesLabel", publicName: "variablesLabel", isSignal: true, isRequired: false, transformFunction: null }, variablesAriaLabel: { classPropertyName: "variablesAriaLabel", publicName: "variablesAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, maxPastedImageBytes: { classPropertyName: "maxPastedImageBytes", publicName: "maxPastedImageBytes", isSignal: true, isRequired: false, transformFunction: null }, showPreview: { classPropertyName: "showPreview", publicName: "showPreview", isSignal: true, isRequired: false, transformFunction: null }, previewLabel: { classPropertyName: "previewLabel", publicName: "previewLabel", isSignal: true, isRequired: false, transformFunction: null }, editorId: { classPropertyName: "editorId", publicName: "editorId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", imageRejected: "imageRejected" }, host: { properties: { "class.neu-rich-text-editor-host--sm": "size() === \"sm\"", "class.neu-rich-text-editor-host--lg": "size() === \"lg\"" }, classAttribute: "neu-rich-text-editor-host" }, providers: [
|
|
333
358
|
{
|
|
334
359
|
provide: NG_VALUE_ACCESSOR,
|
|
335
360
|
useExisting: forwardRef(() => NeuRichTextEditorComponent),
|
|
@@ -338,7 +363,9 @@ class NeuRichTextEditorComponent {
|
|
|
338
363
|
], viewQueries: [{ propertyName: "editorRef", first: true, predicate: ["editorRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
339
364
|
<div class="neu-rich-text-editor" [class.neu-rich-text-editor--disabled]="isDisabledFinal()">
|
|
340
365
|
@if (label()) {
|
|
341
|
-
<label class="neu-rich-text-editor__label" [
|
|
366
|
+
<label class="neu-rich-text-editor__label" [id]="editorId() + '-label'" [for]="editorId()">
|
|
367
|
+
{{ label() }}
|
|
368
|
+
</label>
|
|
342
369
|
}
|
|
343
370
|
|
|
344
371
|
<div
|
|
@@ -498,6 +525,8 @@ class NeuRichTextEditorComponent {
|
|
|
498
525
|
role="textbox"
|
|
499
526
|
aria-multiline="true"
|
|
500
527
|
[id]="editorId()"
|
|
528
|
+
[attr.aria-label]="label() ? null : mergedLabels().toolbar"
|
|
529
|
+
[attr.aria-labelledby]="label() ? editorId() + '-label' : null"
|
|
501
530
|
[attr.contenteditable]="isDisabledFinal() ? 'false' : 'true'"
|
|
502
531
|
[attr.data-placeholder]="placeholder()"
|
|
503
532
|
[attr.aria-describedby]="ariaDescribedBy()"
|
|
@@ -527,7 +556,7 @@ class NeuRichTextEditorComponent {
|
|
|
527
556
|
</div>
|
|
528
557
|
`, isInline: true, styles: [".neu-rich-text-editor-host{display:block;font-family:var(--neu-font-sans)}.neu-rich-text-editor{display:grid;gap:var(--neu-space-2, .5rem);color:var(--neu-text)}.neu-rich-text-editor__label{color:var(--neu-text);font-size:var(--neu-text-sm);font-weight:700;line-height:1.2}.neu-rich-text-editor__frame{overflow:hidden;background:var(--neu-surface);border:1px solid var(--neu-border);border-radius:var(--neu-radius-lg, .75rem);box-shadow:var(--neu-shadow-sm, 0 1px 2px rgba(15, 23, 42, .08));transition:border-color var(--neu-transition),box-shadow var(--neu-transition),background-color var(--neu-transition)}.neu-rich-text-editor__frame--focused{border-color:var(--neu-border-focus, var(--neu-primary));box-shadow:var(--neu-focus-ring, 0 0 0 3px rgba(0, 176, 160, .18))}.neu-rich-text-editor__frame--error{border-color:var(--neu-error)}.neu-rich-text-editor__toolbar{display:flex;flex-wrap:wrap;gap:var(--neu-space-2, .5rem);align-items:center;min-height:46px;padding:var(--neu-space-2, .5rem);background:var(--neu-surface-2, #f8fafc);border-bottom:1px solid var(--neu-border)}.neu-rich-text-editor__toolbar-group{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--neu-surface);border:1px solid var(--neu-border);border-radius:var(--neu-radius, .5rem)}.neu-rich-text-editor__toolbar .neu-button--ghost{color:var(--neu-text-muted)}.neu-rich-text-editor__toolbar .neu-button--ghost:hover:not(:disabled):not(.neu-button--disabled){color:var(--neu-text);background:var(--neu-primary-50, rgba(0, 176, 160, .1))}.neu-rich-text-editor__variables{display:flex;flex-wrap:wrap;gap:var(--neu-space-2, .5rem);align-items:center;padding:var(--neu-space-2, .5rem) var(--neu-space-3, .75rem);background:var(--neu-surface);border-bottom:1px solid var(--neu-border)}.neu-rich-text-editor__variables-label{color:var(--neu-text-muted);font-size:var(--neu-text-xs, .75rem);font-weight:700}.neu-rich-text-editor__variable{min-height:28px;padding:0 var(--neu-space-2, .5rem);color:var(--neu-primary-dark, var(--neu-primary));font:inherit;font-size:var(--neu-text-xs, .75rem);font-weight:700;cursor:pointer;background:var(--neu-primary-50, rgba(0, 176, 160, .1));border:1px solid var(--neu-primary-100, rgba(0, 176, 160, .22));border-radius:var(--neu-radius-full, 999px)}.neu-rich-text-editor__variable:hover:not(:disabled){background:var(--neu-primary-100, rgba(0, 176, 160, .18))}.neu-rich-text-editor__surface{min-height:180px;max-height:min(60vh,560px);padding:var(--neu-space-4, 1rem);overflow:auto;color:var(--neu-text);font-size:var(--neu-text-base, 1rem);line-height:1.55;background:var(--neu-surface);outline:none;-webkit-overflow-scrolling:touch}.neu-rich-text-editor-host--sm .neu-rich-text-editor__surface{min-height:140px;padding:var(--neu-space-3, .75rem);font-size:var(--neu-text-sm, .875rem)}.neu-rich-text-editor-host--lg .neu-rich-text-editor__surface{min-height:240px;padding:var(--neu-space-5, 1.25rem);font-size:var(--neu-text-lg, 1.125rem)}.neu-rich-text-editor__surface:empty:before{color:var(--neu-text-muted);pointer-events:none;content:attr(data-placeholder)}.neu-rich-text-editor__surface :where(p,ul,ol,blockquote,table){margin:0 0 .85em}.neu-rich-text-editor__surface :where(p:last-child,ul:last-child,ol:last-child,blockquote:last-child){margin-bottom:0}.neu-rich-text-editor__surface :where(ul,ol){padding-left:1.4rem}.neu-rich-text-editor__surface :where(a){color:var(--neu-primary-dark, var(--neu-primary));text-decoration:underline;text-underline-offset:2px}.neu-rich-text-editor__surface :where(img){max-width:100%;height:auto;border-radius:var(--neu-radius-sm, .375rem)}.neu-rich-text-editor__surface :where(blockquote){padding-left:var(--neu-space-4, 1rem);color:var(--neu-text-muted);border-left:3px solid var(--neu-primary-100, rgba(0, 176, 160, .22))}.neu-rich-text-editor__surface :where(table){width:100%;border-collapse:collapse}.neu-rich-text-editor__surface :where(td,th){padding:.45rem;border:1px solid var(--neu-border)}.neu-rich-text-editor__hint,.neu-rich-text-editor__error{margin:0;font-size:var(--neu-text-xs, .75rem);line-height:1.45}.neu-rich-text-editor__hint{color:var(--neu-text-muted)}.neu-rich-text-editor__error{color:var(--neu-error);font-weight:600}.neu-rich-text-editor__preview{padding:var(--neu-space-3, .75rem);background:var(--neu-surface-2, #f8fafc);border:1px solid var(--neu-border);border-radius:var(--neu-radius, .5rem)}.neu-rich-text-editor__preview summary{cursor:pointer;color:var(--neu-text);font-weight:700}.neu-rich-text-editor__preview-content{margin-top:var(--neu-space-3, .75rem)}.neu-rich-text-editor--disabled{opacity:.72}.neu-rich-text-editor--disabled .neu-rich-text-editor__surface{cursor:not-allowed;background:var(--neu-surface-2, #f8fafc)}\n"], dependencies: [{ kind: "component", type: NeuButtonComponent, selector: "button[neu-button]", inputs: ["variant", "size", "disabled", "loading", "fullWidth", "icon", "iconPosition", "iconOnly", "ariaLabel"], outputs: ["neuClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
529
558
|
}
|
|
530
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
559
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuRichTextEditorComponent, decorators: [{
|
|
531
560
|
type: Component,
|
|
532
561
|
args: [{ selector: 'neu-rich-text-editor', imports: [NeuButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
533
562
|
class: 'neu-rich-text-editor-host',
|
|
@@ -542,7 +571,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
|
|
|
542
571
|
], template: `
|
|
543
572
|
<div class="neu-rich-text-editor" [class.neu-rich-text-editor--disabled]="isDisabledFinal()">
|
|
544
573
|
@if (label()) {
|
|
545
|
-
<label class="neu-rich-text-editor__label" [
|
|
574
|
+
<label class="neu-rich-text-editor__label" [id]="editorId() + '-label'" [for]="editorId()">
|
|
575
|
+
{{ label() }}
|
|
576
|
+
</label>
|
|
546
577
|
}
|
|
547
578
|
|
|
548
579
|
<div
|
|
@@ -702,6 +733,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
|
|
|
702
733
|
role="textbox"
|
|
703
734
|
aria-multiline="true"
|
|
704
735
|
[id]="editorId()"
|
|
736
|
+
[attr.aria-label]="label() ? null : mergedLabels().toolbar"
|
|
737
|
+
[attr.aria-labelledby]="label() ? editorId() + '-label' : null"
|
|
705
738
|
[attr.contenteditable]="isDisabledFinal() ? 'false' : 'true'"
|
|
706
739
|
[attr.data-placeholder]="placeholder()"
|
|
707
740
|
[attr.aria-describedby]="ariaDescribedBy()"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"neural-ui-core-rich-text-editor.mjs","sources":["../../../../projects/ui-core/rich-text-editor/neu-rich-text-editor.utils.ts","../../../../projects/ui-core/rich-text-editor/neu-rich-text-editor.component.ts","../../../../projects/ui-core/rich-text-editor/neural-ui-core-rich-text-editor.ts"],"sourcesContent":["export const NEU_RICH_TEXT_ALLOWED_TAGS = new Set([\n 'a',\n 'b',\n 'blockquote',\n 'br',\n 'div',\n 'em',\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'h5',\n 'h6',\n 'i',\n 'img',\n 'li',\n 'ol',\n 'p',\n 'span',\n 'strong',\n 'table',\n 'tbody',\n 'td',\n 'th',\n 'thead',\n 'tr',\n 'u',\n 'ul',\n]);\n\nconst VOID_TAGS = new Set(['br', 'img']);\nconst BLOCKED_TAGS =\n 'script|style|iframe|object|embed|form|input|button|textarea|select|option|meta|link|svg|math';\n\nexport function normalizeRichTextHtml(value: string): string {\n const clean = value.trim();\n if (!clean) {\n return '';\n }\n\n return hasHtmlTags(clean) ? sanitizeRichTextHtml(clean) : plainTextToRichTextHtml(clean);\n}\n\nexport function plainTextToRichTextHtml(value: string): string {\n return value\n .trim()\n .split(/\\n{2,}/)\n .map((paragraph) => `<p>${escapeRichTextHtml(paragraph).replace(/\\n/g, '<br>')}</p>`)\n .join('');\n}\n\nexport function sanitizeRichTextHtml(value: string): string {\n const blockedTagPattern = new RegExp(\n `<\\\\s*(?:${BLOCKED_TAGS})[\\\\s\\\\S]*?>[\\\\s\\\\S]*?<\\\\s*\\\\/\\\\s*(?:${BLOCKED_TAGS})\\\\s*>`,\n 'gi',\n );\n const blockedSingleTagPattern = new RegExp(`<\\\\s*\\\\/?\\\\s*(?:${BLOCKED_TAGS})[^>]*>`, 'gi');\n\n const withoutDangerousContent = value\n .replace(/<!--[\\s\\S]*?-->/g, '')\n .replace(blockedTagPattern, '')\n .replace(blockedSingleTagPattern, '')\n .replace(/\\s+on[a-z]+\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s>]+)/gi, '')\n .replace(/\\s+style\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s>]+)/gi, '');\n\n return withoutDangerousContent\n .replace(/<\\/?([a-z][a-z0-9]*)([^>]*)>/gi, (match, tagName: string, rawAttributes: string) => {\n const tag = tagName.toLowerCase();\n const isClosing = /^<\\s*\\//.test(match);\n\n if (!NEU_RICH_TEXT_ALLOWED_TAGS.has(tag)) {\n return '';\n }\n\n if (isClosing) {\n return VOID_TAGS.has(tag) ? '' : `</${tag}>`;\n }\n\n return `<${tag}${sanitizeAttributes(tag, rawAttributes || '')}>`;\n })\n .trim();\n}\n\nexport function escapeRichTextHtml(value: string): string {\n return value\n .replaceAll('&', '&')\n .replaceAll('<', '<')\n .replaceAll('>', '>')\n .replaceAll('\"', '"')\n .replaceAll(\"'\", ''');\n}\n\nexport function escapeRichTextAttribute(value: string): string {\n return escapeRichTextHtml(value).replaceAll('`', '`');\n}\n\nfunction sanitizeAttributes(tag: string, rawAttributes: string): string {\n const attributes = new Map<string, string>();\n rawAttributes.replace(\n /([a-zA-Z:-]+)(?:\\s*=\\s*(\"([^\"]*)\"|'([^']*)'|([^\\s\"'>`]+)))?/g,\n (\n _match,\n rawName: string,\n _rawValue: string,\n doubleQuoted: string,\n singleQuoted: string,\n bareValue: string,\n ) => {\n const name = rawName.toLowerCase();\n const value = doubleQuoted ?? singleQuoted ?? bareValue ?? '';\n\n if (name.startsWith('on') || name === 'style' || !isAllowedAttribute(tag, name)) {\n return '';\n }\n\n if (tag === 'a' && name === 'href') {\n if (isSafeHref(value)) {\n attributes.set('href', value.trim());\n attributes.set('target', '_blank');\n attributes.set('rel', 'noopener noreferrer');\n }\n return '';\n }\n\n if (tag === 'img' && name === 'src') {\n if (isSafeImageSource(value)) {\n attributes.set('src', value.trim());\n }\n return '';\n }\n\n if ((name === 'width' || name === 'height') && !/^\\d{1,4}$/.test(value.trim())) {\n return '';\n }\n\n if (name === 'target' || name === 'rel') {\n return '';\n }\n\n attributes.set(name, value.trim());\n return '';\n },\n );\n\n return Array.from(attributes.entries())\n .filter(([, value]) => value.length > 0)\n .map(([name, value]) => ` ${name}=\"${escapeRichTextAttribute(value)}\"`)\n .join('');\n}\n\nfunction isAllowedAttribute(tag: string, name: string): boolean {\n if (name === 'title') {\n return true;\n }\n\n if (tag === 'a') {\n return ['href', 'target', 'rel'].includes(name);\n }\n\n if (tag === 'img') {\n return ['src', 'alt', 'width', 'height'].includes(name);\n }\n\n if (['td', 'th'].includes(tag)) {\n return ['colspan', 'rowspan'].includes(name);\n }\n\n return false;\n}\n\nfunction hasHtmlTags(value: string): boolean {\n return /<\\/?[a-z][\\s\\S]*>/i.test(value);\n}\n\nfunction isSafeHref(value: string): boolean {\n const clean = value.trim();\n return /^{{[a-zA-Z0-9_. -]+}}$/.test(clean) || /^(https?:|mailto:|tel:)/i.test(clean);\n}\n\nfunction isSafeImageSource(value: string): boolean {\n const clean = value.trim();\n if (/^https?:\\/\\//i.test(clean)) {\n return true;\n }\n\n return (\n /^data:image\\/(?:png|jpe?g|gif|webp);base64,[a-z0-9+/=\\s]+$/i.test(clean) &&\n clean.length <= 1_500_000\n );\n}\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n ViewEncapsulation,\n computed,\n forwardRef,\n input,\n output,\n signal,\n viewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { NeuButtonComponent } from '@neural-ui/core/button';\nimport {\n escapeRichTextAttribute,\n escapeRichTextHtml,\n normalizeRichTextHtml,\n plainTextToRichTextHtml,\n sanitizeRichTextHtml,\n} from './neu-rich-text-editor.utils';\n\nexport type NeuRichTextEditorSize = 'sm' | 'md' | 'lg';\nexport type NeuRichTextEditorCommand =\n | 'bold'\n | 'italic'\n | 'underline'\n | 'insertUnorderedList'\n | 'insertOrderedList'\n | 'removeFormat';\n\nexport interface NeuRichTextImageRejectedEvent {\n file: File;\n maxBytes: number;\n reason: 'size';\n}\n\nexport interface NeuRichTextEditorLabels {\n toolbar: string;\n formatGroup: string;\n listsGroup: string;\n insertGroup: string;\n clearGroup: string;\n bold: string;\n italic: string;\n underline: string;\n unorderedList: string;\n orderedList: string;\n addLink: string;\n addImageUrl: string;\n clearFormat: string;\n linkUrlPrompt: string;\n linkTextPrompt: string;\n imageUrlPrompt: string;\n imageAltPrompt: string;\n imageAltFallback: string;\n pastedImageAlt: string;\n}\n\nconst DEFAULT_RICH_TEXT_EDITOR_LABELS: NeuRichTextEditorLabels = {\n toolbar: 'Rich text editor',\n formatGroup: 'Text formatting',\n listsGroup: 'Lists',\n insertGroup: 'Insert',\n clearGroup: 'Clear',\n bold: 'Bold',\n italic: 'Italic',\n underline: 'Underline',\n unorderedList: 'Bullet list',\n orderedList: 'Numbered list',\n addLink: 'Add link',\n addImageUrl: 'Add image by URL',\n clearFormat: 'Clear formatting',\n linkUrlPrompt: 'Link URL',\n linkTextPrompt: 'Link text',\n imageUrlPrompt: 'Image URL',\n imageAltPrompt: 'Alternative text',\n imageAltFallback: 'Image',\n pastedImageAlt: 'Pasted image',\n};\n\nlet _neuRichTextEditorIdSeq = 0;\n\n@Component({\n selector: 'neu-rich-text-editor',\n imports: [NeuButtonComponent],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'neu-rich-text-editor-host',\n '[class.neu-rich-text-editor-host--sm]': 'size() === \"sm\"',\n '[class.neu-rich-text-editor-host--lg]': 'size() === \"lg\"',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => NeuRichTextEditorComponent),\n multi: true,\n },\n ],\n template: `\n <div class=\"neu-rich-text-editor\" [class.neu-rich-text-editor--disabled]=\"isDisabledFinal()\">\n @if (label()) {\n <label class=\"neu-rich-text-editor__label\" [for]=\"editorId()\">{{ label() }}</label>\n }\n\n <div\n class=\"neu-rich-text-editor__frame\"\n [class.neu-rich-text-editor__frame--focused]=\"focused()\"\n [class.neu-rich-text-editor__frame--error]=\"hasError()\"\n >\n <div\n class=\"neu-rich-text-editor__toolbar\"\n role=\"toolbar\"\n [attr.aria-label]=\"mergedLabels().toolbar\"\n >\n <div\n class=\"neu-rich-text-editor__toolbar-group\"\n role=\"group\"\n [attr.aria-label]=\"mergedLabels().formatGroup\"\n >\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideBold\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().bold\"\n [title]=\"mergedLabels().bold\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"format('bold')\"\n ></button>\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideItalic\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().italic\"\n [title]=\"mergedLabels().italic\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"format('italic')\"\n ></button>\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideUnderline\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().underline\"\n [title]=\"mergedLabels().underline\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"format('underline')\"\n ></button>\n </div>\n\n <div\n class=\"neu-rich-text-editor__toolbar-group\"\n role=\"group\"\n [attr.aria-label]=\"mergedLabels().listsGroup\"\n >\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideList\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().unorderedList\"\n [title]=\"mergedLabels().unorderedList\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"format('insertUnorderedList')\"\n ></button>\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideListOrdered\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().orderedList\"\n [title]=\"mergedLabels().orderedList\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"format('insertOrderedList')\"\n ></button>\n </div>\n\n <div\n class=\"neu-rich-text-editor__toolbar-group\"\n role=\"group\"\n [attr.aria-label]=\"mergedLabels().insertGroup\"\n >\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideLink\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().addLink\"\n [title]=\"mergedLabels().addLink\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"addLink()\"\n ></button>\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideImage\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().addImageUrl\"\n [title]=\"mergedLabels().addImageUrl\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"addImageUrl()\"\n ></button>\n </div>\n\n <div\n class=\"neu-rich-text-editor__toolbar-group\"\n role=\"group\"\n [attr.aria-label]=\"mergedLabels().clearGroup\"\n >\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideEraser\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().clearFormat\"\n [title]=\"mergedLabels().clearFormat\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"format('removeFormat')\"\n ></button>\n </div>\n </div>\n\n @if (variables().length) {\n <div class=\"neu-rich-text-editor__variables\" [attr.aria-label]=\"variablesAriaLabel()\">\n <span class=\"neu-rich-text-editor__variables-label\">{{ variablesLabel() }}</span>\n @for (variable of variables(); track variable) {\n <button\n class=\"neu-rich-text-editor__variable\"\n type=\"button\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"insertVariable(variable)\"\n >\n {{ variable }}\n </button>\n }\n </div>\n }\n\n <div\n #editorRef\n class=\"neu-rich-text-editor__surface\"\n role=\"textbox\"\n aria-multiline=\"true\"\n [id]=\"editorId()\"\n [attr.contenteditable]=\"isDisabledFinal() ? 'false' : 'true'\"\n [attr.data-placeholder]=\"placeholder()\"\n [attr.aria-describedby]=\"ariaDescribedBy()\"\n [attr.aria-invalid]=\"hasError() ? 'true' : null\"\n [style.min-height]=\"minHeight()\"\n (input)=\"handleInput()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (paste)=\"handlePaste($event)\"\n ></div>\n </div>\n\n @if (hasError()) {\n <p class=\"neu-rich-text-editor__error\" [id]=\"editorId() + '-error'\" role=\"alert\">\n {{ errorMessage() }}\n </p>\n } @else if (hint()) {\n <p class=\"neu-rich-text-editor__hint\" [id]=\"editorId() + '-hint'\">{{ hint() }}</p>\n }\n\n @if (showPreview() && value()) {\n <details class=\"neu-rich-text-editor__preview\">\n <summary>{{ previewLabel() }}</summary>\n <div class=\"neu-rich-text-editor__preview-content\" [innerHTML]=\"value()\"></div>\n </details>\n }\n </div>\n `,\n styleUrl: './neu-rich-text-editor.component.scss',\n})\nexport class NeuRichTextEditorComponent implements ControlValueAccessor, AfterViewInit {\n readonly label = input<string>('');\n readonly placeholder = input<string>('Write here...');\n readonly hint = input<string>('');\n readonly errorMessage = input<string>('');\n readonly size = input<NeuRichTextEditorSize>('md');\n readonly minHeight = input<string>('180px');\n readonly disabled = input<boolean>(false);\n readonly readonly = input<boolean>(false);\n /**\n * @deprecated Use `labels.toolbar` instead.\n */\n readonly toolbarAriaLabel = input<string>('');\n readonly labels = input<Partial<NeuRichTextEditorLabels>>({});\n readonly variables = input<readonly string[]>([]);\n readonly variablesLabel = input<string>('Variables');\n readonly variablesAriaLabel = input<string>('Available variables');\n readonly maxPastedImageBytes = input<number>(1_500_000);\n readonly showPreview = input<boolean>(false);\n readonly previewLabel = input<string>('Preview');\n readonly editorId = input<string>(`neu-rich-text-editor-${++_neuRichTextEditorIdSeq}`);\n\n readonly valueChange = output<string>();\n readonly imageRejected = output<NeuRichTextImageRejectedEvent>();\n\n protected readonly value = signal('');\n protected readonly focused = signal(false);\n private readonly cvaDisabled = signal(false);\n private readonly editorRef = viewChild<ElementRef<HTMLDivElement>>('editorRef');\n\n private viewReady = false;\n private onChange: (value: string) => void = () => undefined;\n private onTouched: () => void = () => undefined;\n\n readonly isDisabledFinal = computed(\n () => this.disabled() || this.readonly() || this.cvaDisabled(),\n );\n readonly mergedLabels = computed<NeuRichTextEditorLabels>(() => ({\n ...DEFAULT_RICH_TEXT_EDITOR_LABELS,\n ...(this.toolbarAriaLabel() ? { toolbar: this.toolbarAriaLabel() } : {}),\n ...this.labels(),\n }));\n readonly hasError = computed(() => !!this.errorMessage());\n readonly ariaDescribedBy = computed(() => {\n if (this.hasError()) {\n return `${this.editorId()}-error`;\n }\n return this.hint() ? `${this.editorId()}-hint` : null;\n });\n\n ngAfterViewInit(): void {\n this.viewReady = true;\n this.renderValue(this.value());\n }\n\n writeValue(value: string | null): void {\n const html = normalizeRichTextHtml(value ?? '');\n this.value.set(html);\n this.renderValue(html);\n }\n\n registerOnChange(fn: (value: string) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.cvaDisabled.set(isDisabled);\n }\n\n format(command: NeuRichTextEditorCommand): void {\n if (this.isDisabledFinal()) return;\n this.focus();\n document.execCommand(command);\n this.syncValueFromEditor();\n }\n\n addLink(): void {\n if (this.isDisabledFinal()) return;\n const url = window.prompt(this.mergedLabels().linkUrlPrompt);\n if (!url) return;\n const text = window.prompt(this.mergedLabels().linkTextPrompt) || url;\n this.insertHtml(`<a href=\"${escapeRichTextAttribute(url)}\">${escapeRichTextHtml(text)}</a>`);\n }\n\n addImageUrl(): void {\n if (this.isDisabledFinal()) return;\n const url = window.prompt(this.mergedLabels().imageUrlPrompt);\n if (!url) return;\n const alt =\n window.prompt(this.mergedLabels().imageAltPrompt) || this.mergedLabels().imageAltFallback;\n this.insertHtml(\n `<img src=\"${escapeRichTextAttribute(url)}\" alt=\"${escapeRichTextAttribute(alt)}\">`,\n );\n }\n\n insertVariable(variable: string): void {\n if (this.isDisabledFinal()) return;\n this.insertHtml(escapeRichTextHtml(variable));\n }\n\n handleInput(): void {\n this.syncValueFromEditor();\n }\n\n onFocus(): void {\n this.focused.set(true);\n }\n\n onBlur(): void {\n this.focused.set(false);\n this.onTouched();\n }\n\n handlePaste(event: ClipboardEvent): void {\n if (this.isDisabledFinal()) return;\n\n const imageFile = Array.from(event.clipboardData?.files ?? []).find((file) =>\n file.type.startsWith('image/'),\n );\n if (imageFile) {\n event.preventDefault();\n this.insertPastedImage(imageFile);\n return;\n }\n\n const html = event.clipboardData?.getData('text/html');\n if (html) {\n event.preventDefault();\n this.insertHtml(sanitizeRichTextHtml(html));\n return;\n }\n\n const text = event.clipboardData?.getData('text/plain');\n if (text) {\n event.preventDefault();\n this.insertHtml(plainTextToRichTextHtml(text));\n }\n }\n\n private insertPastedImage(file: File): void {\n const maxBytes = this.maxPastedImageBytes();\n if (file.size > maxBytes) {\n this.imageRejected.emit({ file, maxBytes, reason: 'size' });\n return;\n }\n\n const reader = new FileReader();\n reader.onload = () => {\n const src = typeof reader.result === 'string' ? reader.result : '';\n this.insertHtml(\n sanitizeRichTextHtml(\n `<img src=\"${escapeRichTextAttribute(src)}\" alt=\"${escapeRichTextAttribute(\n this.mergedLabels().pastedImageAlt,\n )}\">`,\n ),\n );\n };\n reader.readAsDataURL(file);\n }\n\n private insertHtml(html: string): void {\n this.focus();\n document.execCommand('insertHTML', false, sanitizeRichTextHtml(html));\n this.syncValueFromEditor();\n }\n\n private syncValueFromEditor(): void {\n const html = sanitizeRichTextHtml(this.editorRef()?.nativeElement.innerHTML ?? '');\n this.value.set(html);\n this.onChange(html);\n this.valueChange.emit(html);\n }\n\n private focus(): void {\n this.editorRef()?.nativeElement.focus();\n }\n\n private renderValue(html: string): void {\n const editor = this.editorRef()?.nativeElement;\n if (!this.viewReady || !editor) return;\n if (editor.innerHTML !== html) {\n editor.innerHTML = html;\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"neural-ui-core-rich-text-editor.mjs","sources":["../../../../projects/ui-core/rich-text-editor/neu-rich-text-editor.utils.ts","../../../../projects/ui-core/rich-text-editor/neu-rich-text-editor.component.ts","../../../../projects/ui-core/rich-text-editor/neural-ui-core-rich-text-editor.ts"],"sourcesContent":["export const NEU_RICH_TEXT_ALLOWED_TAGS = new Set([\n 'a',\n 'b',\n 'blockquote',\n 'br',\n 'div',\n 'em',\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'h5',\n 'h6',\n 'i',\n 'img',\n 'li',\n 'ol',\n 'p',\n 'span',\n 'strong',\n 'table',\n 'tbody',\n 'td',\n 'th',\n 'thead',\n 'tr',\n 'u',\n 'ul',\n]);\n\nconst VOID_TAGS = new Set(['br', 'img']);\nconst BLOCKED_TAGS =\n 'script|style|iframe|object|embed|form|input|button|textarea|select|option|meta|link|svg|math';\n\nexport function normalizeRichTextHtml(value: string): string {\n const clean = value.trim();\n if (!clean) {\n return '';\n }\n\n return hasHtmlTags(clean) ? sanitizeRichTextHtml(clean) : plainTextToRichTextHtml(clean);\n}\n\nexport function plainTextToRichTextHtml(value: string): string {\n return value\n .trim()\n .split(/\\n{2,}/)\n .map((paragraph) => `<p>${escapeRichTextHtml(paragraph).replace(/\\n/g, '<br>')}</p>`)\n .join('');\n}\n\nexport function sanitizeRichTextHtml(value: string): string {\n const blockedTagPattern = new RegExp(\n `<\\\\s*(?:${BLOCKED_TAGS})[\\\\s\\\\S]*?>[\\\\s\\\\S]*?<\\\\s*\\\\/\\\\s*(?:${BLOCKED_TAGS})\\\\s*>`,\n 'gi',\n );\n const blockedSingleTagPattern = new RegExp(`<\\\\s*\\\\/?\\\\s*(?:${BLOCKED_TAGS})[^>]*>`, 'gi');\n\n const withoutDangerousContent = value\n .replace(/<!--[\\s\\S]*?-->/g, '')\n .replace(blockedTagPattern, '')\n .replace(blockedSingleTagPattern, '')\n .replace(/\\s+on[a-z]+\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s>]+)/gi, '')\n .replace(/\\s+style\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s>]+)/gi, '');\n\n return withoutDangerousContent\n .replace(/<\\/?([a-z][a-z0-9]*)([^>]*)>/gi, (match, tagName: string, rawAttributes: string) => {\n const tag = tagName.toLowerCase();\n const isClosing = /^<\\s*\\//.test(match);\n\n if (!NEU_RICH_TEXT_ALLOWED_TAGS.has(tag)) {\n return '';\n }\n\n if (isClosing) {\n return VOID_TAGS.has(tag) ? '' : `</${tag}>`;\n }\n\n return `<${tag}${sanitizeAttributes(tag, rawAttributes || '')}>`;\n })\n .trim();\n}\n\nexport function escapeRichTextHtml(value: string): string {\n return value\n .replaceAll('&', '&')\n .replaceAll('<', '<')\n .replaceAll('>', '>')\n .replaceAll('\"', '"')\n .replaceAll(\"'\", ''');\n}\n\nexport function escapeRichTextAttribute(value: string): string {\n return escapeRichTextHtml(value).replaceAll('`', '`');\n}\n\nfunction sanitizeAttributes(tag: string, rawAttributes: string): string {\n const attributes = new Map<string, string>();\n rawAttributes.replace(\n /([a-zA-Z:-]+)(?:\\s*=\\s*(\"([^\"]*)\"|'([^']*)'|([^\\s\"'>`]+)))?/g,\n (\n _match,\n rawName: string,\n _rawValue: string,\n doubleQuoted: string,\n singleQuoted: string,\n bareValue: string,\n ) => {\n const name = rawName.toLowerCase();\n const value = doubleQuoted ?? singleQuoted ?? bareValue ?? '';\n\n if (name.startsWith('on') || name === 'style' || !isAllowedAttribute(tag, name)) {\n return '';\n }\n\n if (tag === 'a' && name === 'href') {\n if (isSafeHref(value)) {\n attributes.set('href', value.trim());\n attributes.set('target', '_blank');\n attributes.set('rel', 'noopener noreferrer');\n }\n return '';\n }\n\n if (tag === 'img' && name === 'src') {\n if (isSafeImageSource(value)) {\n attributes.set('src', value.trim());\n }\n return '';\n }\n\n if ((name === 'width' || name === 'height') && !/^\\d{1,4}$/.test(value.trim())) {\n return '';\n }\n\n if (name === 'target' || name === 'rel') {\n return '';\n }\n\n attributes.set(name, value.trim());\n return '';\n },\n );\n\n return Array.from(attributes.entries())\n .filter(([, value]) => value.length > 0)\n .map(([name, value]) => ` ${name}=\"${escapeRichTextAttribute(value)}\"`)\n .join('');\n}\n\nfunction isAllowedAttribute(tag: string, name: string): boolean {\n if (name === 'title') {\n return true;\n }\n\n if (tag === 'a') {\n return ['href', 'target', 'rel'].includes(name);\n }\n\n if (tag === 'img') {\n return ['src', 'alt', 'width', 'height'].includes(name);\n }\n\n if (['td', 'th'].includes(tag)) {\n return ['colspan', 'rowspan'].includes(name);\n }\n\n return false;\n}\n\nfunction hasHtmlTags(value: string): boolean {\n return /<\\/?[a-z][\\s\\S]*>/i.test(value);\n}\n\nfunction isSafeHref(value: string): boolean {\n const clean = value.trim();\n return /^{{[a-zA-Z0-9_. -]+}}$/.test(clean) || /^(https?:|mailto:|tel:)/i.test(clean);\n}\n\nfunction isSafeImageSource(value: string): boolean {\n const clean = value.trim();\n if (/^https?:\\/\\//i.test(clean)) {\n return true;\n }\n\n return (\n /^data:image\\/(?:png|jpe?g|gif|webp);base64,[a-z0-9+/=\\s]+$/i.test(clean) &&\n clean.length <= 1_500_000\n );\n}\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n ViewEncapsulation,\n computed,\n forwardRef,\n input,\n output,\n signal,\n viewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { NeuButtonComponent } from '@neural-ui/core/button';\nimport {\n escapeRichTextAttribute,\n escapeRichTextHtml,\n normalizeRichTextHtml,\n plainTextToRichTextHtml,\n sanitizeRichTextHtml,\n} from './neu-rich-text-editor.utils';\n\nexport type NeuRichTextEditorSize = 'sm' | 'md' | 'lg';\nexport type NeuRichTextEditorCommand =\n | 'bold'\n | 'italic'\n | 'underline'\n | 'insertUnorderedList'\n | 'insertOrderedList'\n | 'removeFormat';\n\nexport interface NeuRichTextImageRejectedEvent {\n file: File;\n maxBytes: number;\n reason: 'size';\n}\n\nexport interface NeuRichTextEditorLabels {\n toolbar: string;\n formatGroup: string;\n listsGroup: string;\n insertGroup: string;\n clearGroup: string;\n bold: string;\n italic: string;\n underline: string;\n unorderedList: string;\n orderedList: string;\n addLink: string;\n addImageUrl: string;\n clearFormat: string;\n linkUrlPrompt: string;\n linkTextPrompt: string;\n imageUrlPrompt: string;\n imageAltPrompt: string;\n imageAltFallback: string;\n pastedImageAlt: string;\n}\n\nconst DEFAULT_RICH_TEXT_EDITOR_LABELS: NeuRichTextEditorLabels = {\n toolbar: 'Rich text editor',\n formatGroup: 'Text formatting',\n listsGroup: 'Lists',\n insertGroup: 'Insert',\n clearGroup: 'Clear',\n bold: 'Bold',\n italic: 'Italic',\n underline: 'Underline',\n unorderedList: 'Bullet list',\n orderedList: 'Numbered list',\n addLink: 'Add link',\n addImageUrl: 'Add image by URL',\n clearFormat: 'Clear formatting',\n linkUrlPrompt: 'Link URL',\n linkTextPrompt: 'Link text',\n imageUrlPrompt: 'Image URL',\n imageAltPrompt: 'Alternative text',\n imageAltFallback: 'Image',\n pastedImageAlt: 'Pasted image',\n};\n\nlet _neuRichTextEditorIdSeq = 0;\n\n@Component({\n selector: 'neu-rich-text-editor',\n imports: [NeuButtonComponent],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'neu-rich-text-editor-host',\n '[class.neu-rich-text-editor-host--sm]': 'size() === \"sm\"',\n '[class.neu-rich-text-editor-host--lg]': 'size() === \"lg\"',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => NeuRichTextEditorComponent),\n multi: true,\n },\n ],\n template: `\n <div class=\"neu-rich-text-editor\" [class.neu-rich-text-editor--disabled]=\"isDisabledFinal()\">\n @if (label()) {\n <label class=\"neu-rich-text-editor__label\" [id]=\"editorId() + '-label'\" [for]=\"editorId()\">\n {{ label() }}\n </label>\n }\n\n <div\n class=\"neu-rich-text-editor__frame\"\n [class.neu-rich-text-editor__frame--focused]=\"focused()\"\n [class.neu-rich-text-editor__frame--error]=\"hasError()\"\n >\n <div\n class=\"neu-rich-text-editor__toolbar\"\n role=\"toolbar\"\n [attr.aria-label]=\"mergedLabels().toolbar\"\n >\n <div\n class=\"neu-rich-text-editor__toolbar-group\"\n role=\"group\"\n [attr.aria-label]=\"mergedLabels().formatGroup\"\n >\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideBold\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().bold\"\n [title]=\"mergedLabels().bold\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"format('bold')\"\n ></button>\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideItalic\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().italic\"\n [title]=\"mergedLabels().italic\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"format('italic')\"\n ></button>\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideUnderline\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().underline\"\n [title]=\"mergedLabels().underline\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"format('underline')\"\n ></button>\n </div>\n\n <div\n class=\"neu-rich-text-editor__toolbar-group\"\n role=\"group\"\n [attr.aria-label]=\"mergedLabels().listsGroup\"\n >\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideList\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().unorderedList\"\n [title]=\"mergedLabels().unorderedList\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"format('insertUnorderedList')\"\n ></button>\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideListOrdered\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().orderedList\"\n [title]=\"mergedLabels().orderedList\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"format('insertOrderedList')\"\n ></button>\n </div>\n\n <div\n class=\"neu-rich-text-editor__toolbar-group\"\n role=\"group\"\n [attr.aria-label]=\"mergedLabels().insertGroup\"\n >\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideLink\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().addLink\"\n [title]=\"mergedLabels().addLink\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"addLink()\"\n ></button>\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideImage\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().addImageUrl\"\n [title]=\"mergedLabels().addImageUrl\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"addImageUrl()\"\n ></button>\n </div>\n\n <div\n class=\"neu-rich-text-editor__toolbar-group\"\n role=\"group\"\n [attr.aria-label]=\"mergedLabels().clearGroup\"\n >\n <button\n neu-button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n icon=\"lucideEraser\"\n [iconOnly]=\"true\"\n [ariaLabel]=\"mergedLabels().clearFormat\"\n [title]=\"mergedLabels().clearFormat\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"format('removeFormat')\"\n ></button>\n </div>\n </div>\n\n @if (variables().length) {\n <div class=\"neu-rich-text-editor__variables\" [attr.aria-label]=\"variablesAriaLabel()\">\n <span class=\"neu-rich-text-editor__variables-label\">{{ variablesLabel() }}</span>\n @for (variable of variables(); track variable) {\n <button\n class=\"neu-rich-text-editor__variable\"\n type=\"button\"\n [disabled]=\"isDisabledFinal()\"\n (click)=\"insertVariable(variable)\"\n >\n {{ variable }}\n </button>\n }\n </div>\n }\n\n <div\n #editorRef\n class=\"neu-rich-text-editor__surface\"\n role=\"textbox\"\n aria-multiline=\"true\"\n [id]=\"editorId()\"\n [attr.aria-label]=\"label() ? null : mergedLabels().toolbar\"\n [attr.aria-labelledby]=\"label() ? editorId() + '-label' : null\"\n [attr.contenteditable]=\"isDisabledFinal() ? 'false' : 'true'\"\n [attr.data-placeholder]=\"placeholder()\"\n [attr.aria-describedby]=\"ariaDescribedBy()\"\n [attr.aria-invalid]=\"hasError() ? 'true' : null\"\n [style.min-height]=\"minHeight()\"\n (input)=\"handleInput()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (paste)=\"handlePaste($event)\"\n ></div>\n </div>\n\n @if (hasError()) {\n <p class=\"neu-rich-text-editor__error\" [id]=\"editorId() + '-error'\" role=\"alert\">\n {{ errorMessage() }}\n </p>\n } @else if (hint()) {\n <p class=\"neu-rich-text-editor__hint\" [id]=\"editorId() + '-hint'\">{{ hint() }}</p>\n }\n\n @if (showPreview() && value()) {\n <details class=\"neu-rich-text-editor__preview\">\n <summary>{{ previewLabel() }}</summary>\n <div class=\"neu-rich-text-editor__preview-content\" [innerHTML]=\"value()\"></div>\n </details>\n }\n </div>\n `,\n styleUrl: './neu-rich-text-editor.component.scss',\n})\nexport class NeuRichTextEditorComponent implements ControlValueAccessor, AfterViewInit {\n readonly label = input<string>('');\n readonly placeholder = input<string>('Write here...');\n readonly hint = input<string>('');\n readonly errorMessage = input<string>('');\n readonly size = input<NeuRichTextEditorSize>('md');\n readonly minHeight = input<string>('180px');\n readonly disabled = input<boolean>(false);\n readonly readonly = input<boolean>(false);\n /**\n * @deprecated Use `labels.toolbar` instead.\n */\n readonly toolbarAriaLabel = input<string>('');\n readonly labels = input<Partial<NeuRichTextEditorLabels>>({});\n readonly variables = input<readonly string[]>([]);\n readonly variablesLabel = input<string>('Variables');\n readonly variablesAriaLabel = input<string>('Available variables');\n readonly maxPastedImageBytes = input<number>(1_500_000);\n readonly showPreview = input<boolean>(false);\n readonly previewLabel = input<string>('Preview');\n readonly editorId = input<string>(`neu-rich-text-editor-${++_neuRichTextEditorIdSeq}`);\n\n readonly valueChange = output<string>();\n readonly imageRejected = output<NeuRichTextImageRejectedEvent>();\n\n protected readonly value = signal('');\n protected readonly focused = signal(false);\n private readonly cvaDisabled = signal(false);\n private readonly editorRef = viewChild<ElementRef<HTMLDivElement>>('editorRef');\n\n private viewReady = false;\n private onChange: (value: string) => void = () => undefined;\n private onTouched: () => void = () => undefined;\n\n readonly isDisabledFinal = computed(\n () => this.disabled() || this.readonly() || this.cvaDisabled(),\n );\n readonly mergedLabels = computed<NeuRichTextEditorLabels>(() => ({\n ...DEFAULT_RICH_TEXT_EDITOR_LABELS,\n ...(this.toolbarAriaLabel() ? { toolbar: this.toolbarAriaLabel() } : {}),\n ...this.labels(),\n }));\n readonly hasError = computed(() => !!this.errorMessage());\n readonly ariaDescribedBy = computed(() => {\n if (this.hasError()) {\n return `${this.editorId()}-error`;\n }\n return this.hint() ? `${this.editorId()}-hint` : null;\n });\n\n ngAfterViewInit(): void {\n this.viewReady = true;\n this.renderValue(this.value());\n }\n\n writeValue(value: string | null): void {\n const html = normalizeRichTextHtml(value ?? '');\n this.value.set(html);\n this.renderValue(html);\n }\n\n registerOnChange(fn: (value: string) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.cvaDisabled.set(isDisabled);\n }\n\n format(command: NeuRichTextEditorCommand): void {\n if (this.isDisabledFinal()) return;\n this.focus();\n document.execCommand(command);\n this.syncValueFromEditor();\n }\n\n addLink(): void {\n if (this.isDisabledFinal()) return;\n const url = window.prompt(this.mergedLabels().linkUrlPrompt);\n if (!url) return;\n const text = window.prompt(this.mergedLabels().linkTextPrompt) || url;\n this.insertHtml(`<a href=\"${escapeRichTextAttribute(url)}\">${escapeRichTextHtml(text)}</a>`);\n }\n\n addImageUrl(): void {\n if (this.isDisabledFinal()) return;\n const url = window.prompt(this.mergedLabels().imageUrlPrompt);\n if (!url) return;\n const alt =\n window.prompt(this.mergedLabels().imageAltPrompt) || this.mergedLabels().imageAltFallback;\n this.insertHtml(\n `<img src=\"${escapeRichTextAttribute(url)}\" alt=\"${escapeRichTextAttribute(alt)}\">`,\n );\n }\n\n insertVariable(variable: string): void {\n if (this.isDisabledFinal()) return;\n this.insertHtml(escapeRichTextHtml(variable));\n }\n\n handleInput(): void {\n this.syncValueFromEditor();\n }\n\n onFocus(): void {\n this.focused.set(true);\n }\n\n onBlur(): void {\n this.focused.set(false);\n this.onTouched();\n }\n\n handlePaste(event: ClipboardEvent): void {\n if (this.isDisabledFinal()) return;\n\n const imageFile = Array.from(event.clipboardData?.files ?? []).find((file) =>\n file.type.startsWith('image/'),\n );\n if (imageFile) {\n event.preventDefault();\n this.insertPastedImage(imageFile);\n return;\n }\n\n const html = event.clipboardData?.getData('text/html');\n if (html) {\n event.preventDefault();\n this.insertHtml(sanitizeRichTextHtml(html));\n return;\n }\n\n const text = event.clipboardData?.getData('text/plain');\n if (text) {\n event.preventDefault();\n this.insertHtml(plainTextToRichTextHtml(text));\n }\n }\n\n private insertPastedImage(file: File): void {\n const maxBytes = this.maxPastedImageBytes();\n if (file.size > maxBytes) {\n this.imageRejected.emit({ file, maxBytes, reason: 'size' });\n return;\n }\n\n const reader = new FileReader();\n reader.onload = () => {\n const src = typeof reader.result === 'string' ? reader.result : '';\n this.insertHtml(\n sanitizeRichTextHtml(\n `<img src=\"${escapeRichTextAttribute(src)}\" alt=\"${escapeRichTextAttribute(\n this.mergedLabels().pastedImageAlt,\n )}\">`,\n ),\n );\n };\n reader.readAsDataURL(file);\n }\n\n private insertHtml(html: string): void {\n this.focus();\n document.execCommand('insertHTML', false, sanitizeRichTextHtml(html));\n this.syncValueFromEditor();\n }\n\n private syncValueFromEditor(): void {\n const html = sanitizeRichTextHtml(this.editorRef()?.nativeElement.innerHTML ?? '');\n this.value.set(html);\n this.onChange(html);\n this.valueChange.emit(html);\n }\n\n private focus(): void {\n this.editorRef()?.nativeElement.focus();\n }\n\n private renderValue(html: string): void {\n const editor = this.editorRef()?.nativeElement;\n if (!this.viewReady || !editor) return;\n if (editor.innerHTML !== html) {\n editor.innerHTML = html;\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
|
@@ -3,18 +3,30 @@ import { input, output, computed, ChangeDetectionStrategy, ViewEncapsulation, Co
|
|
|
3
3
|
import { NeuTimelineGridComponent } from '@neural-ui/core/timeline-grid';
|
|
4
4
|
|
|
5
5
|
class NeuSchedulerGanttComponent {
|
|
6
|
-
rows = input([],
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
6
|
+
rows = input([], /* @ts-ignore */
|
|
7
|
+
...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
|
|
8
|
+
startDate = input(null, /* @ts-ignore */
|
|
9
|
+
...(ngDevMode ? [{ debugName: "startDate" }] : /* istanbul ignore next */ []));
|
|
10
|
+
endDate = input(null, /* @ts-ignore */
|
|
11
|
+
...(ngDevMode ? [{ debugName: "endDate" }] : /* istanbul ignore next */ []));
|
|
12
|
+
locale = input(undefined, /* @ts-ignore */
|
|
13
|
+
...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
|
|
14
|
+
scale = input('day', /* @ts-ignore */
|
|
15
|
+
...(ngDevMode ? [{ debugName: "scale" }] : /* istanbul ignore next */ []));
|
|
16
|
+
title = input('Delivery timeline', /* @ts-ignore */
|
|
17
|
+
...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
18
|
+
compact = input(false, /* @ts-ignore */
|
|
19
|
+
...(ngDevMode ? [{ debugName: "compact" }] : /* istanbul ignore next */ []));
|
|
20
|
+
stickyLabels = input(true, /* @ts-ignore */
|
|
21
|
+
...(ngDevMode ? [{ debugName: "stickyLabels" }] : /* istanbul ignore next */ []));
|
|
22
|
+
minColumnWidth = input('112px', /* @ts-ignore */
|
|
23
|
+
...(ngDevMode ? [{ debugName: "minColumnWidth" }] : /* istanbul ignore next */ []));
|
|
24
|
+
showSummary = input(true, /* @ts-ignore */
|
|
25
|
+
...(ngDevMode ? [{ debugName: "showSummary" }] : /* istanbul ignore next */ []));
|
|
26
|
+
selectedTaskId = input(null, /* @ts-ignore */
|
|
27
|
+
...(ngDevMode ? [{ debugName: "selectedTaskId" }] : /* istanbul ignore next */ []));
|
|
28
|
+
selectedSlot = input(null, /* @ts-ignore */
|
|
29
|
+
...(ngDevMode ? [{ debugName: "selectedSlot" }] : /* istanbul ignore next */ []));
|
|
18
30
|
taskClick = output();
|
|
19
31
|
slotClick = output();
|
|
20
32
|
_bounds = computed(() => {
|
|
@@ -32,8 +44,10 @@ class NeuSchedulerGanttComponent {
|
|
|
32
44
|
};
|
|
33
45
|
}
|
|
34
46
|
return { start: min, end: max };
|
|
35
|
-
},
|
|
36
|
-
|
|
47
|
+
}, /* @ts-ignore */
|
|
48
|
+
...(ngDevMode ? [{ debugName: "_bounds" }] : /* istanbul ignore next */ []));
|
|
49
|
+
gridColumns = computed(() => buildColumns(this._bounds().start, this._bounds().end, this.scale(), this.locale()), /* @ts-ignore */
|
|
50
|
+
...(ngDevMode ? [{ debugName: "gridColumns" }] : /* istanbul ignore next */ []));
|
|
37
51
|
gridRows = computed(() => {
|
|
38
52
|
const bounds = this._bounds();
|
|
39
53
|
const scale = this.scale();
|
|
@@ -45,12 +59,15 @@ class NeuSchedulerGanttComponent {
|
|
|
45
59
|
.map((task) => mapTask(task, bounds.start, bounds.end, scale))
|
|
46
60
|
.filter((task) => task !== null),
|
|
47
61
|
}));
|
|
48
|
-
},
|
|
49
|
-
|
|
62
|
+
}, /* @ts-ignore */
|
|
63
|
+
...(ngDevMode ? [{ debugName: "gridRows" }] : /* istanbul ignore next */ []));
|
|
64
|
+
taskCount = computed(() => this.rows().reduce((total, row) => total + row.tasks.length, 0), /* @ts-ignore */
|
|
65
|
+
...(ngDevMode ? [{ debugName: "taskCount" }] : /* istanbul ignore next */ []));
|
|
50
66
|
rangeLabel = computed(() => {
|
|
51
67
|
const bounds = this._bounds();
|
|
52
68
|
return `${formatRangeDate(bounds.start, this.locale())} - ${formatRangeDate(bounds.end, this.locale())}`;
|
|
53
|
-
},
|
|
69
|
+
}, /* @ts-ignore */
|
|
70
|
+
...(ngDevMode ? [{ debugName: "rangeLabel" }] : /* istanbul ignore next */ []));
|
|
54
71
|
gridSelectedSlot = computed(() => {
|
|
55
72
|
const selectedSlot = this.selectedSlot();
|
|
56
73
|
const date = normalizeDate(selectedSlot?.date ?? null);
|
|
@@ -59,8 +76,10 @@ class NeuSchedulerGanttComponent {
|
|
|
59
76
|
}
|
|
60
77
|
const columnId = this.scale() === 'week' ? toDateKey(startOfUtcWeek(date)) : toDateKey(startOfUtcDay(date));
|
|
61
78
|
return { rowId: selectedSlot.rowId, columnId };
|
|
62
|
-
},
|
|
63
|
-
|
|
79
|
+
}, /* @ts-ignore */
|
|
80
|
+
...(ngDevMode ? [{ debugName: "gridSelectedSlot" }] : /* istanbul ignore next */ []));
|
|
81
|
+
_taskIndex = computed(() => new Map(this.rows().flatMap((row) => row.tasks.map((task) => [task.id, { rowId: row.id, rowLabel: row.label, task }]))), /* @ts-ignore */
|
|
82
|
+
...(ngDevMode ? [{ debugName: "_taskIndex" }] : /* istanbul ignore next */ []));
|
|
64
83
|
onTaskClick(item) {
|
|
65
84
|
const match = this._taskIndex().get(item.id);
|
|
66
85
|
if (!match) {
|
|
@@ -76,8 +95,8 @@ class NeuSchedulerGanttComponent {
|
|
|
76
95
|
scale: this.scale(),
|
|
77
96
|
});
|
|
78
97
|
}
|
|
79
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
80
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
98
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuSchedulerGanttComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
99
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NeuSchedulerGanttComponent, isStandalone: true, selector: "neu-scheduler-gantt", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, startDate: { classPropertyName: "startDate", publicName: "startDate", isSignal: true, isRequired: false, transformFunction: null }, endDate: { classPropertyName: "endDate", publicName: "endDate", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, scale: { classPropertyName: "scale", publicName: "scale", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, stickyLabels: { classPropertyName: "stickyLabels", publicName: "stickyLabels", isSignal: true, isRequired: false, transformFunction: null }, minColumnWidth: { classPropertyName: "minColumnWidth", publicName: "minColumnWidth", isSignal: true, isRequired: false, transformFunction: null }, showSummary: { classPropertyName: "showSummary", publicName: "showSummary", isSignal: true, isRequired: false, transformFunction: null }, selectedTaskId: { classPropertyName: "selectedTaskId", publicName: "selectedTaskId", isSignal: true, isRequired: false, transformFunction: null }, selectedSlot: { classPropertyName: "selectedSlot", publicName: "selectedSlot", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { taskClick: "taskClick", slotClick: "slotClick" }, host: { classAttribute: "neu-scheduler-gantt" }, ngImport: i0, template: `
|
|
81
100
|
@if (showSummary()) {
|
|
82
101
|
<header class="neu-scheduler-gantt__summary">
|
|
83
102
|
<div class="neu-scheduler-gantt__summary-copy">
|
|
@@ -101,7 +120,7 @@ class NeuSchedulerGanttComponent {
|
|
|
101
120
|
/>
|
|
102
121
|
`, isInline: true, styles: [".neu-scheduler-gantt{display:grid;gap:1rem;min-width:0}neu-scheduler-gantt{min-width:0}.neu-scheduler-gantt .neu-timeline-grid__row-label{min-inline-size:14rem}.neu-scheduler-gantt .neu-timeline-grid__column-label{text-transform:capitalize}.neu-scheduler-gantt .neu-timeline-grid__column-desc{white-space:nowrap}.neu-scheduler-gantt__summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border:1px solid var(--neu-border);border-radius:calc(var(--neu-radius, 1rem) * .9);background:linear-gradient(135deg,color-mix(in srgb,var(--neu-primary) 8%,transparent),transparent 48%),var(--neu-surface);color:var(--neu-text)}.neu-scheduler-gantt__summary-copy{display:grid;gap:.2rem}.neu-scheduler-gantt__title{font-size:.95rem;font-weight:700}.neu-scheduler-gantt__range,.neu-scheduler-gantt__count{color:var(--neu-text-muted, #64748b);font-size:.875rem}.neu-scheduler-gantt__count{font-weight:600}@media(max-width:720px){.neu-scheduler-gantt .neu-timeline-grid__row-label{min-inline-size:10rem}.neu-scheduler-gantt__summary{align-items:flex-start;flex-direction:column}}\n"], dependencies: [{ kind: "component", type: NeuTimelineGridComponent, selector: "neu-timeline-grid", inputs: ["columns", "rows", "compact", "stickyLabels", "minColumnWidth", "selectedItemId", "selectedSlot"], outputs: ["itemClick", "slotClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
103
122
|
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuSchedulerGanttComponent, decorators: [{
|
|
105
124
|
type: Component,
|
|
106
125
|
args: [{ selector: 'neu-scheduler-gantt', standalone: true, imports: [NeuTimelineGridComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
107
126
|
class: 'neu-scheduler-gantt',
|