@neural-ui/core 1.6.1 → 1.6.3
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/accordion/package.json +4 -0
- package/alert/package.json +4 -0
- package/autocomplete/package.json +4 -0
- package/avatar/package.json +4 -0
- package/badge/package.json +4 -0
- package/block-ui/package.json +4 -0
- package/breadcrumb/package.json +4 -0
- package/button/package.json +4 -0
- package/calendar/package.json +4 -0
- package/card/package.json +4 -0
- package/chart/package.json +4 -0
- package/checkbox/package.json +4 -0
- package/chip/package.json +4 -0
- package/code-block/package.json +4 -0
- package/color-picker/package.json +4 -0
- package/command-palette/package.json +4 -0
- package/confirm-dialog/package.json +4 -0
- package/context-menu/package.json +4 -0
- package/dashboard-grid/package.json +4 -0
- package/date-input/package.json +4 -0
- package/divider/package.json +4 -0
- package/empty-state/package.json +4 -0
- package/fesm2022/neural-ui-core-accordion.mjs +7 -11
- package/fesm2022/neural-ui-core-accordion.mjs.map +1 -1
- package/fesm2022/neural-ui-core-alert.mjs +14 -25
- package/fesm2022/neural-ui-core-alert.mjs.map +1 -1
- package/fesm2022/neural-ui-core-autocomplete.mjs +28 -53
- package/fesm2022/neural-ui-core-autocomplete.mjs.map +1 -1
- package/fesm2022/neural-ui-core-avatar.mjs +13 -23
- package/fesm2022/neural-ui-core-avatar.mjs.map +1 -1
- package/fesm2022/neural-ui-core-badge.mjs +9 -15
- package/fesm2022/neural-ui-core-badge.mjs.map +1 -1
- package/fesm2022/neural-ui-core-block-ui.mjs +11 -16
- package/fesm2022/neural-ui-core-block-ui.mjs.map +1 -1
- package/fesm2022/neural-ui-core-breadcrumb.mjs +6 -8
- package/fesm2022/neural-ui-core-breadcrumb.mjs.map +1 -1
- package/fesm2022/neural-ui-core-button.mjs +16 -29
- package/fesm2022/neural-ui-core-button.mjs.map +1 -1
- package/fesm2022/neural-ui-core-calendar.mjs +20 -37
- package/fesm2022/neural-ui-core-calendar.mjs.map +1 -1
- package/fesm2022/neural-ui-core-card.mjs +8 -13
- package/fesm2022/neural-ui-core-card.mjs.map +1 -1
- package/fesm2022/neural-ui-core-chart.mjs +24 -45
- package/fesm2022/neural-ui-core-chart.mjs.map +1 -1
- package/fesm2022/neural-ui-core-checkbox.mjs +9 -15
- package/fesm2022/neural-ui-core-checkbox.mjs.map +1 -1
- package/fesm2022/neural-ui-core-chip.mjs +13 -23
- package/fesm2022/neural-ui-core-chip.mjs.map +1 -1
- package/fesm2022/neural-ui-core-code-block.mjs +17 -31
- package/fesm2022/neural-ui-core-code-block.mjs.map +1 -1
- package/fesm2022/neural-ui-core-color-picker.mjs +11 -19
- package/fesm2022/neural-ui-core-color-picker.mjs.map +1 -1
- package/fesm2022/neural-ui-core-command-palette.mjs +11 -16
- 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-confirm-dialog.mjs.map +1 -1
- package/fesm2022/neural-ui-core-context-menu.mjs +9 -12
- package/fesm2022/neural-ui-core-context-menu.mjs.map +1 -1
- package/fesm2022/neural-ui-core-dashboard-grid.mjs +7 -11
- package/fesm2022/neural-ui-core-dashboard-grid.mjs.map +1 -1
- package/fesm2022/neural-ui-core-date-input.mjs +57 -111
- package/fesm2022/neural-ui-core-date-input.mjs.map +1 -1
- package/fesm2022/neural-ui-core-divider.mjs +5 -7
- package/fesm2022/neural-ui-core-divider.mjs.map +1 -1
- package/fesm2022/neural-ui-core-empty-state.mjs +8 -13
- package/fesm2022/neural-ui-core-empty-state.mjs.map +1 -1
- package/fesm2022/neural-ui-core-filter-bar.mjs +11 -19
- package/fesm2022/neural-ui-core-filter-bar.mjs.map +1 -1
- package/fesm2022/neural-ui-core-icon.mjs +7 -11
- package/fesm2022/neural-ui-core-icon.mjs.map +1 -1
- package/fesm2022/neural-ui-core-image-gallery.mjs +13 -23
- package/fesm2022/neural-ui-core-image-gallery.mjs.map +1 -1
- package/fesm2022/neural-ui-core-image-viewer.mjs +14 -22
- package/fesm2022/neural-ui-core-image-viewer.mjs.map +1 -1
- package/fesm2022/neural-ui-core-input-otp.mjs +11 -19
- package/fesm2022/neural-ui-core-input-otp.mjs.map +1 -1
- package/fesm2022/neural-ui-core-input.mjs +35 -67
- package/fesm2022/neural-ui-core-input.mjs.map +1 -1
- package/fesm2022/neural-ui-core-kanban.mjs +9 -15
- package/fesm2022/neural-ui-core-kanban.mjs.map +1 -1
- package/fesm2022/neural-ui-core-knob.mjs +22 -41
- package/fesm2022/neural-ui-core-knob.mjs.map +1 -1
- package/fesm2022/neural-ui-core-meter-group.mjs +13 -23
- package/fesm2022/neural-ui-core-meter-group.mjs.map +1 -1
- package/fesm2022/neural-ui-core-modal.mjs +11 -16
- package/fesm2022/neural-ui-core-modal.mjs.map +1 -1
- package/fesm2022/neural-ui-core-multiselect.mjs +39 -72
- package/fesm2022/neural-ui-core-multiselect.mjs.map +1 -1
- package/fesm2022/neural-ui-core-nav.mjs +13 -22
- package/fesm2022/neural-ui-core-nav.mjs.map +1 -1
- package/fesm2022/neural-ui-core-notification-center.mjs +9 -12
- package/fesm2022/neural-ui-core-notification-center.mjs.map +1 -1
- package/fesm2022/neural-ui-core-number-input.mjs +19 -35
- package/fesm2022/neural-ui-core-number-input.mjs.map +1 -1
- package/fesm2022/neural-ui-core-pagination.mjs +9 -15
- package/fesm2022/neural-ui-core-pagination.mjs.map +1 -1
- package/fesm2022/neural-ui-core-popover.mjs +14 -22
- package/fesm2022/neural-ui-core-popover.mjs.map +1 -1
- package/fesm2022/neural-ui-core-progress-bar.mjs +11 -19
- package/fesm2022/neural-ui-core-progress-bar.mjs.map +1 -1
- package/fesm2022/neural-ui-core-radio.mjs +15 -24
- package/fesm2022/neural-ui-core-radio.mjs.map +1 -1
- package/fesm2022/neural-ui-core-rating.mjs +8 -13
- package/fesm2022/neural-ui-core-rating.mjs.map +1 -1
- package/fesm2022/neural-ui-core-rich-text-editor.mjs +28 -53
- package/fesm2022/neural-ui-core-rich-text-editor.mjs.map +1 -1
- package/fesm2022/neural-ui-core-scheduler-gantt.mjs +22 -41
- package/fesm2022/neural-ui-core-scheduler-gantt.mjs.map +1 -1
- package/fesm2022/neural-ui-core-select.mjs +43 -77
- package/fesm2022/neural-ui-core-select.mjs.map +1 -1
- package/fesm2022/neural-ui-core-sidebar.mjs +12 -21
- package/fesm2022/neural-ui-core-sidebar.mjs.map +1 -1
- package/fesm2022/neural-ui-core-skeleton.mjs +7 -11
- package/fesm2022/neural-ui-core-skeleton.mjs.map +1 -1
- package/fesm2022/neural-ui-core-slider.mjs +13 -23
- package/fesm2022/neural-ui-core-slider.mjs.map +1 -1
- package/fesm2022/neural-ui-core-spinner.mjs +10 -17
- package/fesm2022/neural-ui-core-spinner.mjs.map +1 -1
- package/fesm2022/neural-ui-core-split-button.mjs +15 -27
- package/fesm2022/neural-ui-core-split-button.mjs.map +1 -1
- package/fesm2022/neural-ui-core-splitter.mjs +6 -9
- package/fesm2022/neural-ui-core-splitter.mjs.map +1 -1
- package/fesm2022/neural-ui-core-stats-card.mjs +11 -19
- package/fesm2022/neural-ui-core-stats-card.mjs.map +1 -1
- package/fesm2022/neural-ui-core-stepper.mjs +8 -13
- package/fesm2022/neural-ui-core-stepper.mjs.map +1 -1
- package/fesm2022/neural-ui-core-switch.mjs +9 -15
- package/fesm2022/neural-ui-core-switch.mjs.map +1 -1
- package/fesm2022/neural-ui-core-table.mjs +124 -242
- package/fesm2022/neural-ui-core-table.mjs.map +1 -1
- package/fesm2022/neural-ui-core-tabs.mjs +18 -30
- package/fesm2022/neural-ui-core-tabs.mjs.map +1 -1
- package/fesm2022/neural-ui-core-textarea.mjs +23 -43
- package/fesm2022/neural-ui-core-textarea.mjs.map +1 -1
- package/fesm2022/neural-ui-core-timeline-grid.mjs +12 -21
- package/fesm2022/neural-ui-core-timeline-grid.mjs.map +1 -1
- package/fesm2022/neural-ui-core-timeline.mjs +4 -5
- package/fesm2022/neural-ui-core-timeline.mjs.map +1 -1
- package/fesm2022/neural-ui-core-toast.mjs +8 -10
- package/fesm2022/neural-ui-core-toast.mjs.map +1 -1
- package/fesm2022/neural-ui-core-toggle-button-group.mjs +10 -17
- package/fesm2022/neural-ui-core-toggle-button-group.mjs.map +1 -1
- package/fesm2022/neural-ui-core-toolbar.mjs +8 -13
- package/fesm2022/neural-ui-core-toolbar.mjs.map +1 -1
- package/fesm2022/neural-ui-core-tooltip.mjs +11 -16
- package/fesm2022/neural-ui-core-tooltip.mjs.map +1 -1
- package/fesm2022/neural-ui-core-tree-table.mjs +30 -57
- package/fesm2022/neural-ui-core-tree-table.mjs.map +1 -1
- package/fesm2022/neural-ui-core-tree.mjs +17 -31
- package/fesm2022/neural-ui-core-tree.mjs.map +1 -1
- package/fesm2022/neural-ui-core-uploader.mjs +47 -91
- package/fesm2022/neural-ui-core-uploader.mjs.map +1 -1
- package/fesm2022/neural-ui-core-url-state.mjs +5 -7
- package/fesm2022/neural-ui-core-url-state.mjs.map +1 -1
- package/fesm2022/neural-ui-core-virtual-list.mjs +19 -32
- package/fesm2022/neural-ui-core-virtual-list.mjs.map +1 -1
- package/filter-bar/package.json +4 -0
- package/icon/package.json +4 -0
- package/image-gallery/package.json +4 -0
- package/image-viewer/package.json +4 -0
- package/input/package.json +4 -0
- package/input-otp/package.json +4 -0
- package/kanban/package.json +4 -0
- package/knob/package.json +4 -0
- package/meter-group/package.json +4 -0
- package/modal/package.json +4 -0
- package/multiselect/package.json +4 -0
- package/nav/package.json +4 -0
- package/notification-center/package.json +4 -0
- package/number-input/package.json +4 -0
- package/package.json +6 -6
- package/pagination/package.json +4 -0
- package/popover/package.json +4 -0
- package/progress-bar/package.json +4 -0
- package/radio/package.json +4 -0
- package/rating/package.json +4 -0
- package/rich-text-editor/package.json +4 -0
- package/scheduler-gantt/package.json +4 -0
- package/select/package.json +4 -0
- package/sidebar/package.json +4 -0
- package/skeleton/package.json +4 -0
- package/slider/package.json +4 -0
- package/spinner/package.json +4 -0
- package/split-button/package.json +4 -0
- package/splitter/package.json +4 -0
- package/stats-card/package.json +4 -0
- package/stepper/package.json +4 -0
- package/switch/package.json +4 -0
- package/table/package.json +4 -0
- package/tabs/package.json +4 -0
- package/textarea/package.json +4 -0
- package/timeline/package.json +4 -0
- package/timeline-grid/package.json +4 -0
- package/toast/package.json +4 -0
- package/toggle-button-group/package.json +4 -0
- package/toolbar/package.json +4 -0
- package/tooltip/package.json +4 -0
- package/tree/package.json +4 -0
- package/tree-table/package.json +4 -0
- package/uploader/package.json +4 -0
- package/url-state/package.json +4 -0
- package/virtual-list/package.json +4 -0
|
@@ -14,20 +14,15 @@ 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, /*
|
|
18
|
-
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
17
|
+
value = input(0, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
19
18
|
/** Número de estrellas / Number of stars */
|
|
20
|
-
stars = input(5, /*
|
|
21
|
-
...(ngDevMode ? [{ debugName: "stars" }] : /* istanbul ignore next */ []));
|
|
19
|
+
stars = input(5, ...(ngDevMode ? [{ debugName: "stars" }] : /* istanbul ignore next */ []));
|
|
22
20
|
/** Modo solo lectura / Read-only mode */
|
|
23
|
-
readonly = input(false, /*
|
|
24
|
-
...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
21
|
+
readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
25
22
|
/** Emite el nuevo valor al seleccionar / Emits the new value on selection */
|
|
26
23
|
valueChange = output();
|
|
27
|
-
hovered = signal(null, /*
|
|
28
|
-
...(ngDevMode ? [{ debugName: "
|
|
29
|
-
starsArray = computed(() => Array.from({ length: this.stars() }, (_, i) => i + 1), /* @ts-ignore */
|
|
30
|
-
...(ngDevMode ? [{ debugName: "starsArray" }] : /* istanbul ignore next */ []));
|
|
24
|
+
hovered = signal(null, ...(ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []));
|
|
25
|
+
starsArray = computed(() => Array.from({ length: this.stars() }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "starsArray" }] : /* istanbul ignore next */ []));
|
|
31
26
|
onHover(i) {
|
|
32
27
|
if (!this.readonly())
|
|
33
28
|
this.hovered.set(i);
|
|
@@ -52,8 +47,8 @@ class NeuRatingComponent {
|
|
|
52
47
|
return `url(#half-${i})`;
|
|
53
48
|
return 'transparent';
|
|
54
49
|
}
|
|
55
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
56
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
50
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
57
52
|
<div
|
|
58
53
|
class="neu-rating"
|
|
59
54
|
[class.neu-rating--readonly]="readonly()"
|
|
@@ -99,7 +94,7 @@ class NeuRatingComponent {
|
|
|
99
94
|
</div>
|
|
100
95
|
`, 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 });
|
|
101
96
|
}
|
|
102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuRatingComponent, decorators: [{
|
|
103
98
|
type: Component,
|
|
104
99
|
args: [{ selector: 'neu-rating', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
105
100
|
<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,73 +172,48 @@ const DEFAULT_RICH_TEXT_EDITOR_LABELS = {
|
|
|
172
172
|
};
|
|
173
173
|
let _neuRichTextEditorIdSeq = 0;
|
|
174
174
|
class NeuRichTextEditorComponent {
|
|
175
|
-
label = input('', /*
|
|
176
|
-
...(ngDevMode ? [{ debugName: "
|
|
177
|
-
|
|
178
|
-
...(ngDevMode ? [{ debugName: "
|
|
179
|
-
|
|
180
|
-
...(ngDevMode ? [{ debugName: "
|
|
181
|
-
|
|
182
|
-
...(ngDevMode ? [{ debugName: "
|
|
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 */ []));
|
|
175
|
+
label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
176
|
+
placeholder = input('Write here...', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
177
|
+
hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
|
|
178
|
+
errorMessage = input('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
|
|
179
|
+
size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
180
|
+
minHeight = input('180px', ...(ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []));
|
|
181
|
+
disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
182
|
+
readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
191
183
|
/**
|
|
192
184
|
* @deprecated Use `labels.toolbar` instead.
|
|
193
185
|
*/
|
|
194
|
-
toolbarAriaLabel = input('', /*
|
|
195
|
-
...(ngDevMode ? [{ debugName: "
|
|
196
|
-
|
|
197
|
-
...(ngDevMode ? [{ debugName: "
|
|
198
|
-
|
|
199
|
-
...(ngDevMode ? [{ debugName: "
|
|
200
|
-
|
|
201
|
-
...(ngDevMode ? [{ debugName: "
|
|
202
|
-
|
|
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 */ []));
|
|
186
|
+
toolbarAriaLabel = input('', ...(ngDevMode ? [{ debugName: "toolbarAriaLabel" }] : /* istanbul ignore next */ []));
|
|
187
|
+
labels = input({}, ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
|
|
188
|
+
variables = input([], ...(ngDevMode ? [{ debugName: "variables" }] : /* istanbul ignore next */ []));
|
|
189
|
+
variablesLabel = input('Variables', ...(ngDevMode ? [{ debugName: "variablesLabel" }] : /* istanbul ignore next */ []));
|
|
190
|
+
variablesAriaLabel = input('Available variables', ...(ngDevMode ? [{ debugName: "variablesAriaLabel" }] : /* istanbul ignore next */ []));
|
|
191
|
+
maxPastedImageBytes = input(1_500_000, ...(ngDevMode ? [{ debugName: "maxPastedImageBytes" }] : /* istanbul ignore next */ []));
|
|
192
|
+
showPreview = input(false, ...(ngDevMode ? [{ debugName: "showPreview" }] : /* istanbul ignore next */ []));
|
|
193
|
+
previewLabel = input('Preview', ...(ngDevMode ? [{ debugName: "previewLabel" }] : /* istanbul ignore next */ []));
|
|
194
|
+
editorId = input(`neu-rich-text-editor-${++_neuRichTextEditorIdSeq}`, ...(ngDevMode ? [{ debugName: "editorId" }] : /* istanbul ignore next */ []));
|
|
212
195
|
valueChange = output();
|
|
213
196
|
imageRejected = output();
|
|
214
|
-
value = signal('', /*
|
|
215
|
-
...(ngDevMode ? [{ debugName: "
|
|
216
|
-
|
|
217
|
-
...(ngDevMode ? [{ debugName: "
|
|
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 */ []));
|
|
197
|
+
value = signal('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
198
|
+
focused = signal(false, ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
|
|
199
|
+
cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
|
|
200
|
+
editorRef = viewChild('editorRef', ...(ngDevMode ? [{ debugName: "editorRef" }] : /* istanbul ignore next */ []));
|
|
222
201
|
viewReady = false;
|
|
223
202
|
onChange = () => undefined;
|
|
224
203
|
onTouched = () => undefined;
|
|
225
|
-
isDisabledFinal = computed(() => this.disabled() || this.readonly() || this.cvaDisabled(), /*
|
|
226
|
-
...(ngDevMode ? [{ debugName: "isDisabledFinal" }] : /* istanbul ignore next */ []));
|
|
204
|
+
isDisabledFinal = computed(() => this.disabled() || this.readonly() || this.cvaDisabled(), ...(ngDevMode ? [{ debugName: "isDisabledFinal" }] : /* istanbul ignore next */ []));
|
|
227
205
|
mergedLabels = computed(() => ({
|
|
228
206
|
...DEFAULT_RICH_TEXT_EDITOR_LABELS,
|
|
229
207
|
...(this.toolbarAriaLabel() ? { toolbar: this.toolbarAriaLabel() } : {}),
|
|
230
208
|
...this.labels(),
|
|
231
|
-
}), /*
|
|
232
|
-
...(ngDevMode ? [{ debugName: "
|
|
233
|
-
hasError = computed(() => !!this.errorMessage(), /* @ts-ignore */
|
|
234
|
-
...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
|
|
209
|
+
}), ...(ngDevMode ? [{ debugName: "mergedLabels" }] : /* istanbul ignore next */ []));
|
|
210
|
+
hasError = computed(() => !!this.errorMessage(), ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
|
|
235
211
|
ariaDescribedBy = computed(() => {
|
|
236
212
|
if (this.hasError()) {
|
|
237
213
|
return `${this.editorId()}-error`;
|
|
238
214
|
}
|
|
239
215
|
return this.hint() ? `${this.editorId()}-hint` : null;
|
|
240
|
-
}, /*
|
|
241
|
-
...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
|
|
216
|
+
}, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
|
|
242
217
|
ngAfterViewInit() {
|
|
243
218
|
this.viewReady = true;
|
|
244
219
|
this.renderValue(this.value());
|
|
@@ -353,8 +328,8 @@ class NeuRichTextEditorComponent {
|
|
|
353
328
|
editor.innerHTML = html;
|
|
354
329
|
}
|
|
355
330
|
}
|
|
356
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
357
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
331
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuRichTextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
332
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: [
|
|
358
333
|
{
|
|
359
334
|
provide: NG_VALUE_ACCESSOR,
|
|
360
335
|
useExisting: forwardRef(() => NeuRichTextEditorComponent),
|
|
@@ -556,7 +531,7 @@ class NeuRichTextEditorComponent {
|
|
|
556
531
|
</div>
|
|
557
532
|
`, 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 });
|
|
558
533
|
}
|
|
559
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
534
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuRichTextEditorComponent, decorators: [{
|
|
560
535
|
type: Component,
|
|
561
536
|
args: [{ selector: 'neu-rich-text-editor', imports: [NeuButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
562
537
|
class: 'neu-rich-text-editor-host',
|
|
@@ -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\" [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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"}
|
|
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,30 +3,18 @@ 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
|
-
...(ngDevMode ? [{ debugName: "
|
|
8
|
-
|
|
9
|
-
...(ngDevMode ? [{ debugName: "
|
|
10
|
-
|
|
11
|
-
...(ngDevMode ? [{ debugName: "
|
|
12
|
-
|
|
13
|
-
...(ngDevMode ? [{ debugName: "
|
|
14
|
-
|
|
15
|
-
...(ngDevMode ? [{ debugName: "
|
|
16
|
-
|
|
17
|
-
...(ngDevMode ? [{ debugName: "
|
|
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 */ []));
|
|
6
|
+
rows = input([], ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
|
|
7
|
+
startDate = input(null, ...(ngDevMode ? [{ debugName: "startDate" }] : /* istanbul ignore next */ []));
|
|
8
|
+
endDate = input(null, ...(ngDevMode ? [{ debugName: "endDate" }] : /* istanbul ignore next */ []));
|
|
9
|
+
locale = input(undefined, ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
|
|
10
|
+
scale = input('day', ...(ngDevMode ? [{ debugName: "scale" }] : /* istanbul ignore next */ []));
|
|
11
|
+
title = input('Delivery timeline', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
12
|
+
compact = input(false, ...(ngDevMode ? [{ debugName: "compact" }] : /* istanbul ignore next */ []));
|
|
13
|
+
stickyLabels = input(true, ...(ngDevMode ? [{ debugName: "stickyLabels" }] : /* istanbul ignore next */ []));
|
|
14
|
+
minColumnWidth = input('112px', ...(ngDevMode ? [{ debugName: "minColumnWidth" }] : /* istanbul ignore next */ []));
|
|
15
|
+
showSummary = input(true, ...(ngDevMode ? [{ debugName: "showSummary" }] : /* istanbul ignore next */ []));
|
|
16
|
+
selectedTaskId = input(null, ...(ngDevMode ? [{ debugName: "selectedTaskId" }] : /* istanbul ignore next */ []));
|
|
17
|
+
selectedSlot = input(null, ...(ngDevMode ? [{ debugName: "selectedSlot" }] : /* istanbul ignore next */ []));
|
|
30
18
|
taskClick = output();
|
|
31
19
|
slotClick = output();
|
|
32
20
|
_bounds = computed(() => {
|
|
@@ -44,10 +32,8 @@ class NeuSchedulerGanttComponent {
|
|
|
44
32
|
};
|
|
45
33
|
}
|
|
46
34
|
return { start: min, end: max };
|
|
47
|
-
}, /*
|
|
48
|
-
...(ngDevMode ? [{ debugName: "
|
|
49
|
-
gridColumns = computed(() => buildColumns(this._bounds().start, this._bounds().end, this.scale(), this.locale()), /* @ts-ignore */
|
|
50
|
-
...(ngDevMode ? [{ debugName: "gridColumns" }] : /* istanbul ignore next */ []));
|
|
35
|
+
}, ...(ngDevMode ? [{ debugName: "_bounds" }] : /* istanbul ignore next */ []));
|
|
36
|
+
gridColumns = computed(() => buildColumns(this._bounds().start, this._bounds().end, this.scale(), this.locale()), ...(ngDevMode ? [{ debugName: "gridColumns" }] : /* istanbul ignore next */ []));
|
|
51
37
|
gridRows = computed(() => {
|
|
52
38
|
const bounds = this._bounds();
|
|
53
39
|
const scale = this.scale();
|
|
@@ -59,15 +45,12 @@ class NeuSchedulerGanttComponent {
|
|
|
59
45
|
.map((task) => mapTask(task, bounds.start, bounds.end, scale))
|
|
60
46
|
.filter((task) => task !== null),
|
|
61
47
|
}));
|
|
62
|
-
}, /*
|
|
63
|
-
...(ngDevMode ? [{ debugName: "
|
|
64
|
-
taskCount = computed(() => this.rows().reduce((total, row) => total + row.tasks.length, 0), /* @ts-ignore */
|
|
65
|
-
...(ngDevMode ? [{ debugName: "taskCount" }] : /* istanbul ignore next */ []));
|
|
48
|
+
}, ...(ngDevMode ? [{ debugName: "gridRows" }] : /* istanbul ignore next */ []));
|
|
49
|
+
taskCount = computed(() => this.rows().reduce((total, row) => total + row.tasks.length, 0), ...(ngDevMode ? [{ debugName: "taskCount" }] : /* istanbul ignore next */ []));
|
|
66
50
|
rangeLabel = computed(() => {
|
|
67
51
|
const bounds = this._bounds();
|
|
68
52
|
return `${formatRangeDate(bounds.start, this.locale())} - ${formatRangeDate(bounds.end, this.locale())}`;
|
|
69
|
-
}, /*
|
|
70
|
-
...(ngDevMode ? [{ debugName: "rangeLabel" }] : /* istanbul ignore next */ []));
|
|
53
|
+
}, ...(ngDevMode ? [{ debugName: "rangeLabel" }] : /* istanbul ignore next */ []));
|
|
71
54
|
gridSelectedSlot = computed(() => {
|
|
72
55
|
const selectedSlot = this.selectedSlot();
|
|
73
56
|
const date = normalizeDate(selectedSlot?.date ?? null);
|
|
@@ -76,10 +59,8 @@ class NeuSchedulerGanttComponent {
|
|
|
76
59
|
}
|
|
77
60
|
const columnId = this.scale() === 'week' ? toDateKey(startOfUtcWeek(date)) : toDateKey(startOfUtcDay(date));
|
|
78
61
|
return { rowId: selectedSlot.rowId, columnId };
|
|
79
|
-
}, /*
|
|
80
|
-
...(ngDevMode ? [{ debugName: "
|
|
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 */ []));
|
|
62
|
+
}, ...(ngDevMode ? [{ debugName: "gridSelectedSlot" }] : /* istanbul ignore next */ []));
|
|
63
|
+
_taskIndex = computed(() => new Map(this.rows().flatMap((row) => row.tasks.map((task) => [task.id, { rowId: row.id, rowLabel: row.label, task }]))), ...(ngDevMode ? [{ debugName: "_taskIndex" }] : /* istanbul ignore next */ []));
|
|
83
64
|
onTaskClick(item) {
|
|
84
65
|
const match = this._taskIndex().get(item.id);
|
|
85
66
|
if (!match) {
|
|
@@ -95,8 +76,8 @@ class NeuSchedulerGanttComponent {
|
|
|
95
76
|
scale: this.scale(),
|
|
96
77
|
});
|
|
97
78
|
}
|
|
98
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
99
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
79
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuSchedulerGanttComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
80
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
100
81
|
@if (showSummary()) {
|
|
101
82
|
<header class="neu-scheduler-gantt__summary">
|
|
102
83
|
<div class="neu-scheduler-gantt__summary-copy">
|
|
@@ -120,7 +101,7 @@ class NeuSchedulerGanttComponent {
|
|
|
120
101
|
/>
|
|
121
102
|
`, 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 });
|
|
122
103
|
}
|
|
123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuSchedulerGanttComponent, decorators: [{
|
|
124
105
|
type: Component,
|
|
125
106
|
args: [{ selector: 'neu-scheduler-gantt', standalone: true, imports: [NeuTimelineGridComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
126
107
|
class: 'neu-scheduler-gantt',
|