@deenruv/admin-ui 1.0.0

package/esm2022/react/components/react-custom-column.component.mjs

@@ -0,0 +1,25 @@
+import { Component, inject, InjectionToken, Input, ViewEncapsulation } from '@angular/core';
+import { ReactComponentHostDirective } from '../directives/react-component-host.directive';
+import * as i0 from "@angular/core";
+export const REACT_CUSTOM_COLUMN_COMPONENT_OPTIONS = new InjectionToken('REACT_CUSTOM_COLUMN_COMPONENT_OPTIONS');
+export class ReactCustomColumnComponent {
+    constructor() {
+        this.reactComponent = inject(REACT_CUSTOM_COLUMN_COMPONENT_OPTIONS).component;
+        this.options = inject(REACT_CUSTOM_COLUMN_COMPONENT_OPTIONS);
+    }
+    ngOnInit() {
+        this.props = {
+            rowItem: this.rowItem,
+            ...(this.options.props ?? {}),
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReactCustomColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ReactCustomColumnComponent, isStandalone: true, selector: "vdr-react-custom-column-component", inputs: { rowItem: "rowItem" }, ngImport: i0, template: ` <div [vdrReactComponentHost]="reactComponent" [props]="props"></div> `, isInline: true, styles: [":host,.vdr-card{display:block;--card-padding: calc(var(--space-unit) * 3);container-type:inline-size}.card-container{border:1px solid var(--color-card-border);background-color:var(--color-card-bg);border-radius:var(--border-radius);padding:var(--card-padding) 0;box-shadow:0 2px 4px #0000000d}@container (max-width: 400px){.card-container{--card-padding: calc(var(--space-unit) * 2)}}.card-container.padding-x{padding-inline-start:var(--card-padding);padding-inline-end:var(--card-padding)}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--card-padding)}.title{font-size:var(--font-size-base);padding:0 var(--card-padding)}.padding-x .title{padding:0}::ng-deep vdr-card+vdr-card{margin-top:calc(var(--space-unit) * 2)}.vdr-card+.vdr-card{margin-top:calc(var(--space-unit) * 2)}:host{display:block}.form-group label{font-size:var(--font-size-sm);color:var(--color-weight-800);margin-bottom:4px;display:inline-block}.tooltip-text{font-size:var(--font-size-xs);line-height:var(--font-size-sm);margin-bottom:4px}.input-row{display:flex}::ng-deep .input-row input:not([type=checkbox]),::ng-deep .input-row select,::ng-deep .input-row textarea,::ng-deep .input-row ng-select,::ng-deep .input-row vdr-zone-selector,::ng-deep .input-row vdr-facet-value-selector,::ng-deep .input-row vdr-option-value-input,::ng-deep .input-row vdr-affixed-input,::ng-deep .input-row vdr-currency-input,::ng-deep .input-row vdr-rich-text-editor{width:100%}::ng-deep .input-row.readonly input:not([type=checkbox])[readonly],::ng-deep .input-row.readonly select[readonly],::ng-deep .input-row.readonly textarea[readonly],::ng-deep .input-row.readonly ng-select[readonly],::ng-deep .input-row.readonly vdr-zone-selector[readonly],::ng-deep .input-row.readonly vdr-facet-value-selector[readonly],::ng-deep .input-row.readonly vdr-option-value-input[readonly],::ng-deep .input-row.readonly vdr-affixed-input[readonly],::ng-deep .input-row.readonly vdr-currency-input[readonly],::ng-deep .input-row.readonly vdr-rich-text-editor[readonly]{cursor:not-allowed}.input-row input:not([type=checkbox]),.input-row select,.input-row textarea{width:100%}::ng-deep .input-row.has-toggle input:not([type=checkbox]):not([type=radio]){border-start-end-radius:0!important;border-end-end-radius:0!important}.edit-button{border:1px solid var(--color-weight-200);border-radius:var(--border-radius-input);border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}.edit-button.enabled{color:var(--color-primary-700);background-color:var(--color-primary-100)}:host,.vdr-action-bar{display:flex;justify-content:space-between;align-items:baseline;z-index:25;flex-direction:column-reverse}:host>.grow,.vdr-action-bar>.grow{flex:1}:host .right-content,.vdr-action-bar .right-content{width:100%;display:flex;justify-content:flex-end}:host ::ng-deep vdr-ab-right>*:last-child,.vdr-action-bar ::ng-deep vdr-ab-right>*:last-child{margin-inline-end:0px}@media screen and (min-width: 768px){:host,.vdr-action-bar{flex-direction:row}:host .right-content,.vdr-action-bar .right-content{width:initial}}:host,.vdr-page-detail-layout{display:grid;grid-template-columns:3fr 1fr}@media screen and (max-width: 992px){:host{grid-template-columns:1fr}}.sidebar{padding:var(--space-unit)}.form-group .input-row.invalid input:not([type=checkbox]):not([type=radio]),.form-group .input-row.invalid select,.form-group .input-row.invalid textarea{color:var(--color-error-700);border-color:var(--color-error-300)}\n"], dependencies: [{ kind: "directive", type: ReactComponentHostDirective, selector: "[vdrReactComponentHost]", inputs: ["vdrReactComponentHost", "props", "context"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReactCustomColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-react-custom-column-component', template: ` <div [vdrReactComponentHost]="reactComponent" [props]="props"></div> `, encapsulation: ViewEncapsulation.None, standalone: true, imports: [ReactComponentHostDirective], styles: [":host,.vdr-card{display:block;--card-padding: calc(var(--space-unit) * 3);container-type:inline-size}.card-container{border:1px solid var(--color-card-border);background-color:var(--color-card-bg);border-radius:var(--border-radius);padding:var(--card-padding) 0;box-shadow:0 2px 4px #0000000d}@container (max-width: 400px){.card-container{--card-padding: calc(var(--space-unit) * 2)}}.card-container.padding-x{padding-inline-start:var(--card-padding);padding-inline-end:var(--card-padding)}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--card-padding)}.title{font-size:var(--font-size-base);padding:0 var(--card-padding)}.padding-x .title{padding:0}::ng-deep vdr-card+vdr-card{margin-top:calc(var(--space-unit) * 2)}.vdr-card+.vdr-card{margin-top:calc(var(--space-unit) * 2)}:host{display:block}.form-group label{font-size:var(--font-size-sm);color:var(--color-weight-800);margin-bottom:4px;display:inline-block}.tooltip-text{font-size:var(--font-size-xs);line-height:var(--font-size-sm);margin-bottom:4px}.input-row{display:flex}::ng-deep .input-row input:not([type=checkbox]),::ng-deep .input-row select,::ng-deep .input-row textarea,::ng-deep .input-row ng-select,::ng-deep .input-row vdr-zone-selector,::ng-deep .input-row vdr-facet-value-selector,::ng-deep .input-row vdr-option-value-input,::ng-deep .input-row vdr-affixed-input,::ng-deep .input-row vdr-currency-input,::ng-deep .input-row vdr-rich-text-editor{width:100%}::ng-deep .input-row.readonly input:not([type=checkbox])[readonly],::ng-deep .input-row.readonly select[readonly],::ng-deep .input-row.readonly textarea[readonly],::ng-deep .input-row.readonly ng-select[readonly],::ng-deep .input-row.readonly vdr-zone-selector[readonly],::ng-deep .input-row.readonly vdr-facet-value-selector[readonly],::ng-deep .input-row.readonly vdr-option-value-input[readonly],::ng-deep .input-row.readonly vdr-affixed-input[readonly],::ng-deep .input-row.readonly vdr-currency-input[readonly],::ng-deep .input-row.readonly vdr-rich-text-editor[readonly]{cursor:not-allowed}.input-row input:not([type=checkbox]),.input-row select,.input-row textarea{width:100%}::ng-deep .input-row.has-toggle input:not([type=checkbox]):not([type=radio]){border-start-end-radius:0!important;border-end-end-radius:0!important}.edit-button{border:1px solid var(--color-weight-200);border-radius:var(--border-radius-input);border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}.edit-button.enabled{color:var(--color-primary-700);background-color:var(--color-primary-100)}:host,.vdr-action-bar{display:flex;justify-content:space-between;align-items:baseline;z-index:25;flex-direction:column-reverse}:host>.grow,.vdr-action-bar>.grow{flex:1}:host .right-content,.vdr-action-bar .right-content{width:100%;display:flex;justify-content:flex-end}:host ::ng-deep vdr-ab-right>*:last-child,.vdr-action-bar ::ng-deep vdr-ab-right>*:last-child{margin-inline-end:0px}@media screen and (min-width: 768px){:host,.vdr-action-bar{flex-direction:row}:host .right-content,.vdr-action-bar .right-content{width:initial}}:host,.vdr-page-detail-layout{display:grid;grid-template-columns:3fr 1fr}@media screen and (max-width: 992px){:host{grid-template-columns:1fr}}.sidebar{padding:var(--space-unit)}.form-group .input-row.invalid input:not([type=checkbox]):not([type=radio]),.form-group .input-row.invalid select,.form-group .input-row.invalid textarea{color:var(--color-error-700);border-color:var(--color-error-300)}\n"] }]
+        }], propDecorators: { rowItem: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhY3QtY3VzdG9tLWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL3JlYWN0L3NyYy9jb21wb25lbnRzL3JlYWN0LWN1c3RvbS1jb2x1bW4uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHcEcsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sOENBQThDLENBQUM7O0FBRTNGLE1BQU0sQ0FBQyxNQUFNLHFDQUFxQyxHQUFHLElBQUksY0FBYyxDQUdwRSx1Q0FBdUMsQ0FBQyxDQUFDO0FBVTVDLE1BQU0sT0FBTywwQkFBMEI7SUFSdkM7UUFXYyxtQkFBYyxHQUFHLE1BQU0sQ0FBQyxxQ0FBcUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztRQUMzRSxZQUFPLEdBQUcsTUFBTSxDQUFDLHFDQUFxQyxDQUFDLENBQUM7S0FTbkU7SUFORyxRQUFRO1FBQ0osSUFBSSxDQUFDLEtBQUssR0FBRztZQUNULE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTztZQUNyQixHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDO1NBQ2hDLENBQUM7SUFDTixDQUFDOytHQVpRLDBCQUEwQjttR0FBMUIsMEJBQTBCLDZIQU56Qix3RUFBd0UseS9HQUl4RSwyQkFBMkI7OzRGQUU1QiwwQkFBMEI7a0JBUnRDLFNBQVM7K0JBQ0ksbUNBQW1DLFlBQ25DLHdFQUF3RSxpQkFFbkUsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixJQUFJLFdBQ1AsQ0FBQywyQkFBMkIsQ0FBQzs4QkFHN0IsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbmplY3QsIEluamVjdGlvblRva2VuLCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ3VzdG9tQ29sdW1uQ29tcG9uZW50IH0gZnJvbSAnQGRlZW5ydXYvYWRtaW4tdWkvY29yZSc7XG5pbXBvcnQgeyBFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50SG9zdERpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvcmVhY3QtY29tcG9uZW50LWhvc3QuZGlyZWN0aXZlJztcblxuZXhwb3J0IGNvbnN0IFJFQUNUX0NVU1RPTV9DT0xVTU5fQ09NUE9ORU5UX09QVElPTlMgPSBuZXcgSW5qZWN0aW9uVG9rZW48e1xuICAgIGNvbXBvbmVudDogRWxlbWVudFR5cGU7XG4gICAgcHJvcHM/OiBSZWNvcmQ8c3RyaW5nLCBhbnk+O1xufT4oJ1JFQUNUX0NVU1RPTV9DT0xVTU5fQ09NUE9ORU5UX09QVElPTlMnKTtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItcmVhY3QtY3VzdG9tLWNvbHVtbi1jb21wb25lbnQnLFxuICAgIHRlbXBsYXRlOiBgIDxkaXYgW3ZkclJlYWN0Q29tcG9uZW50SG9zdF09XCJyZWFjdENvbXBvbmVudFwiIFtwcm9wc109XCJwcm9wc1wiPjwvZGl2PiBgLFxuICAgIHN0eWxlVXJsczogWycuL3JlYWN0LWdsb2JhbC1zdHlsZXMuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbUmVhY3RDb21wb25lbnRIb3N0RGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgUmVhY3RDdXN0b21Db2x1bW5Db21wb25lbnQgaW1wbGVtZW50cyBDdXN0b21Db2x1bW5Db21wb25lbnQsIE9uSW5pdCB7XG4gICAgQElucHV0KCkgcm93SXRlbTogYW55O1xuXG4gICAgcHJvdGVjdGVkIHJlYWN0Q29tcG9uZW50ID0gaW5qZWN0KFJFQUNUX0NVU1RPTV9DT0xVTU5fQ09NUE9ORU5UX09QVElPTlMpLmNvbXBvbmVudDtcbiAgICBwcml2YXRlIG9wdGlvbnMgPSBpbmplY3QoUkVBQ1RfQ1VTVE9NX0NPTFVNTl9DT01QT05FTlRfT1BUSU9OUyk7XG4gICAgcHJvdGVjdGVkIHByb3BzOiBSZWNvcmQ8c3RyaW5nLCBhbnk+O1xuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMucHJvcHMgPSB7XG4gICAgICAgICAgICByb3dJdGVtOiB0aGlzLnJvd0l0ZW0sXG4gICAgICAgICAgICAuLi4odGhpcy5vcHRpb25zLnByb3BzID8/IHt9KSxcbiAgICAgICAgfTtcbiAgICB9XG59XG4iXX0=

package/esm2022/react/components/react-custom-detail.component.mjs

@@ -0,0 +1,23 @@
+import { Component, inject, InjectionToken, ViewEncapsulation } from '@angular/core';
+import { ReactComponentHostDirective } from '../directives/react-component-host.directive';
+import * as i0 from "@angular/core";
+export const REACT_CUSTOM_DETAIL_COMPONENT_OPTIONS = new InjectionToken('REACT_CUSTOM_DETAIL_COMPONENT_OPTIONS');
+export class ReactCustomDetailComponent {
+    constructor() {
+        this.props = inject(REACT_CUSTOM_DETAIL_COMPONENT_OPTIONS).props ?? {};
+        this.reactComponent = inject(REACT_CUSTOM_DETAIL_COMPONENT_OPTIONS).component;
+    }
+    ngOnInit() {
+        this.context = {
+            detailForm: this.detailForm,
+            entity$: this.entity$,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReactCustomDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ReactCustomDetailComponent, isStandalone: true, selector: "vdr-react-custom-detail-component", ngImport: i0, template: ` <div [vdrReactComponentHost]="reactComponent" [context]="context" [props]="props"></div> `, isInline: true, styles: [":host,.vdr-card{display:block;--card-padding: calc(var(--space-unit) * 3);container-type:inline-size}.card-container{border:1px solid var(--color-card-border);background-color:var(--color-card-bg);border-radius:var(--border-radius);padding:var(--card-padding) 0;box-shadow:0 2px 4px #0000000d}@container (max-width: 400px){.card-container{--card-padding: calc(var(--space-unit) * 2)}}.card-container.padding-x{padding-inline-start:var(--card-padding);padding-inline-end:var(--card-padding)}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--card-padding)}.title{font-size:var(--font-size-base);padding:0 var(--card-padding)}.padding-x .title{padding:0}::ng-deep vdr-card+vdr-card{margin-top:calc(var(--space-unit) * 2)}.vdr-card+.vdr-card{margin-top:calc(var(--space-unit) * 2)}:host{display:block}.form-group label{font-size:var(--font-size-sm);color:var(--color-weight-800);margin-bottom:4px;display:inline-block}.tooltip-text{font-size:var(--font-size-xs);line-height:var(--font-size-sm);margin-bottom:4px}.input-row{display:flex}::ng-deep .input-row input:not([type=checkbox]),::ng-deep .input-row select,::ng-deep .input-row textarea,::ng-deep .input-row ng-select,::ng-deep .input-row vdr-zone-selector,::ng-deep .input-row vdr-facet-value-selector,::ng-deep .input-row vdr-option-value-input,::ng-deep .input-row vdr-affixed-input,::ng-deep .input-row vdr-currency-input,::ng-deep .input-row vdr-rich-text-editor{width:100%}::ng-deep .input-row.readonly input:not([type=checkbox])[readonly],::ng-deep .input-row.readonly select[readonly],::ng-deep .input-row.readonly textarea[readonly],::ng-deep .input-row.readonly ng-select[readonly],::ng-deep .input-row.readonly vdr-zone-selector[readonly],::ng-deep .input-row.readonly vdr-facet-value-selector[readonly],::ng-deep .input-row.readonly vdr-option-value-input[readonly],::ng-deep .input-row.readonly vdr-affixed-input[readonly],::ng-deep .input-row.readonly vdr-currency-input[readonly],::ng-deep .input-row.readonly vdr-rich-text-editor[readonly]{cursor:not-allowed}.input-row input:not([type=checkbox]),.input-row select,.input-row textarea{width:100%}::ng-deep .input-row.has-toggle input:not([type=checkbox]):not([type=radio]){border-start-end-radius:0!important;border-end-end-radius:0!important}.edit-button{border:1px solid var(--color-weight-200);border-radius:var(--border-radius-input);border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}.edit-button.enabled{color:var(--color-primary-700);background-color:var(--color-primary-100)}:host,.vdr-action-bar{display:flex;justify-content:space-between;align-items:baseline;z-index:25;flex-direction:column-reverse}:host>.grow,.vdr-action-bar>.grow{flex:1}:host .right-content,.vdr-action-bar .right-content{width:100%;display:flex;justify-content:flex-end}:host ::ng-deep vdr-ab-right>*:last-child,.vdr-action-bar ::ng-deep vdr-ab-right>*:last-child{margin-inline-end:0px}@media screen and (min-width: 768px){:host,.vdr-action-bar{flex-direction:row}:host .right-content,.vdr-action-bar .right-content{width:initial}}:host,.vdr-page-detail-layout{display:grid;grid-template-columns:3fr 1fr}@media screen and (max-width: 992px){:host{grid-template-columns:1fr}}.sidebar{padding:var(--space-unit)}.form-group .input-row.invalid input:not([type=checkbox]):not([type=radio]),.form-group .input-row.invalid select,.form-group .input-row.invalid textarea{color:var(--color-error-700);border-color:var(--color-error-300)}\n"], dependencies: [{ kind: "directive", type: ReactComponentHostDirective, selector: "[vdrReactComponentHost]", inputs: ["vdrReactComponentHost", "props", "context"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReactCustomDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-react-custom-detail-component', template: ` <div [vdrReactComponentHost]="reactComponent" [context]="context" [props]="props"></div> `, encapsulation: ViewEncapsulation.None, standalone: true, imports: [ReactComponentHostDirective], styles: [":host,.vdr-card{display:block;--card-padding: calc(var(--space-unit) * 3);container-type:inline-size}.card-container{border:1px solid var(--color-card-border);background-color:var(--color-card-bg);border-radius:var(--border-radius);padding:var(--card-padding) 0;box-shadow:0 2px 4px #0000000d}@container (max-width: 400px){.card-container{--card-padding: calc(var(--space-unit) * 2)}}.card-container.padding-x{padding-inline-start:var(--card-padding);padding-inline-end:var(--card-padding)}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--card-padding)}.title{font-size:var(--font-size-base);padding:0 var(--card-padding)}.padding-x .title{padding:0}::ng-deep vdr-card+vdr-card{margin-top:calc(var(--space-unit) * 2)}.vdr-card+.vdr-card{margin-top:calc(var(--space-unit) * 2)}:host{display:block}.form-group label{font-size:var(--font-size-sm);color:var(--color-weight-800);margin-bottom:4px;display:inline-block}.tooltip-text{font-size:var(--font-size-xs);line-height:var(--font-size-sm);margin-bottom:4px}.input-row{display:flex}::ng-deep .input-row input:not([type=checkbox]),::ng-deep .input-row select,::ng-deep .input-row textarea,::ng-deep .input-row ng-select,::ng-deep .input-row vdr-zone-selector,::ng-deep .input-row vdr-facet-value-selector,::ng-deep .input-row vdr-option-value-input,::ng-deep .input-row vdr-affixed-input,::ng-deep .input-row vdr-currency-input,::ng-deep .input-row vdr-rich-text-editor{width:100%}::ng-deep .input-row.readonly input:not([type=checkbox])[readonly],::ng-deep .input-row.readonly select[readonly],::ng-deep .input-row.readonly textarea[readonly],::ng-deep .input-row.readonly ng-select[readonly],::ng-deep .input-row.readonly vdr-zone-selector[readonly],::ng-deep .input-row.readonly vdr-facet-value-selector[readonly],::ng-deep .input-row.readonly vdr-option-value-input[readonly],::ng-deep .input-row.readonly vdr-affixed-input[readonly],::ng-deep .input-row.readonly vdr-currency-input[readonly],::ng-deep .input-row.readonly vdr-rich-text-editor[readonly]{cursor:not-allowed}.input-row input:not([type=checkbox]),.input-row select,.input-row textarea{width:100%}::ng-deep .input-row.has-toggle input:not([type=checkbox]):not([type=radio]){border-start-end-radius:0!important;border-end-end-radius:0!important}.edit-button{border:1px solid var(--color-weight-200);border-radius:var(--border-radius-input);border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}.edit-button.enabled{color:var(--color-primary-700);background-color:var(--color-primary-100)}:host,.vdr-action-bar{display:flex;justify-content:space-between;align-items:baseline;z-index:25;flex-direction:column-reverse}:host>.grow,.vdr-action-bar>.grow{flex:1}:host .right-content,.vdr-action-bar .right-content{width:100%;display:flex;justify-content:flex-end}:host ::ng-deep vdr-ab-right>*:last-child,.vdr-action-bar ::ng-deep vdr-ab-right>*:last-child{margin-inline-end:0px}@media screen and (min-width: 768px){:host,.vdr-action-bar{flex-direction:row}:host .right-content,.vdr-action-bar .right-content{width:initial}}:host,.vdr-page-detail-layout{display:grid;grid-template-columns:3fr 1fr}@media screen and (max-width: 992px){:host{grid-template-columns:1fr}}.sidebar{padding:var(--space-unit)}.form-group .input-row.invalid input:not([type=checkbox]):not([type=radio]),.form-group .input-row.invalid select,.form-group .input-row.invalid textarea{color:var(--color-error-700);border-color:var(--color-error-300)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhY3QtY3VzdG9tLWRldGFpbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL3JlYWN0L3NyYy9jb21wb25lbnRzL3JlYWN0LWN1c3RvbS1kZXRhaWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUs3RixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQzs7QUFFM0YsTUFBTSxDQUFDLE1BQU0scUNBQXFDLEdBQUcsSUFBSSxjQUFjLENBR3BFLHVDQUF1QyxDQUFDLENBQUM7QUFlNUMsTUFBTSxPQUFPLDBCQUEwQjtJQVJ2QztRQVdjLFVBQUssR0FBRyxNQUFNLENBQUMscUNBQXFDLENBQUMsQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDO1FBQ2xFLG1CQUFjLEdBQUcsTUFBTSxDQUFDLHFDQUFxQyxDQUFDLENBQUMsU0FBUyxDQUFDO0tBU3RGO0lBTkcsUUFBUTtRQUNKLElBQUksQ0FBQyxPQUFPLEdBQUc7WUFDWCxVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7WUFDM0IsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO1NBQ3hCLENBQUM7SUFDTixDQUFDOytHQVpRLDBCQUEwQjttR0FBMUIsMEJBQTBCLDZGQU56Qiw0RkFBNEYseS9HQUk1RiwyQkFBMkI7OzRGQUU1QiwwQkFBMEI7a0JBUnRDLFNBQVM7K0JBQ0ksbUNBQW1DLFlBQ25DLDRGQUE0RixpQkFFdkYsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixJQUFJLFdBQ1AsQ0FBQywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0LCBJbmplY3Rpb25Ub2tlbiwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwLCBVbnR5cGVkRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ3VzdG9tRGV0YWlsQ29tcG9uZW50IH0gZnJvbSAnQGRlZW5ydXYvYWRtaW4tdWkvY29yZSc7XG5pbXBvcnQgeyBFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50SG9zdERpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvcmVhY3QtY29tcG9uZW50LWhvc3QuZGlyZWN0aXZlJztcblxuZXhwb3J0IGNvbnN0IFJFQUNUX0NVU1RPTV9ERVRBSUxfQ09NUE9ORU5UX09QVElPTlMgPSBuZXcgSW5qZWN0aW9uVG9rZW48e1xuICAgIGNvbXBvbmVudDogRWxlbWVudFR5cGU7XG4gICAgcHJvcHM/OiBSZWNvcmQ8c3RyaW5nLCBhbnk+O1xufT4oJ1JFQUNUX0NVU1RPTV9ERVRBSUxfQ09NUE9ORU5UX09QVElPTlMnKTtcblxuZXhwb3J0IGludGVyZmFjZSBSZWFjdEN1c3RvbURldGFpbENvbXBvbmVudENvbnRleHQge1xuICAgIGRldGFpbEZvcm06IEZvcm1Hcm91cDtcbiAgICBlbnRpdHkkOiBPYnNlcnZhYmxlPGFueT47XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmRyLXJlYWN0LWN1c3RvbS1kZXRhaWwtY29tcG9uZW50JyxcbiAgICB0ZW1wbGF0ZTogYCA8ZGl2IFt2ZHJSZWFjdENvbXBvbmVudEhvc3RdPVwicmVhY3RDb21wb25lbnRcIiBbY29udGV4dF09XCJjb250ZXh0XCIgW3Byb3BzXT1cInByb3BzXCI+PC9kaXY+IGAsXG4gICAgc3R5bGVVcmxzOiBbJy4vcmVhY3QtZ2xvYmFsLXN0eWxlcy5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtSZWFjdENvbXBvbmVudEhvc3REaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBSZWFjdEN1c3RvbURldGFpbENvbXBvbmVudCBpbXBsZW1lbnRzIEN1c3RvbURldGFpbENvbXBvbmVudCwgT25Jbml0IHtcbiAgICBkZXRhaWxGb3JtOiBVbnR5cGVkRm9ybUdyb3VwO1xuICAgIGVudGl0eSQ6IE9ic2VydmFibGU8YW55PjtcbiAgICBwcm90ZWN0ZWQgcHJvcHMgPSBpbmplY3QoUkVBQ1RfQ1VTVE9NX0RFVEFJTF9DT01QT05FTlRfT1BUSU9OUykucHJvcHMgPz8ge307XG4gICAgcHJvdGVjdGVkIHJlYWN0Q29tcG9uZW50ID0gaW5qZWN0KFJFQUNUX0NVU1RPTV9ERVRBSUxfQ09NUE9ORU5UX09QVElPTlMpLmNvbXBvbmVudDtcbiAgICBwcm90ZWN0ZWQgY29udGV4dDogUmVhY3RDdXN0b21EZXRhaWxDb21wb25lbnRDb250ZXh0O1xuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuY29udGV4dCA9IHtcbiAgICAgICAgICAgIGRldGFpbEZvcm06IHRoaXMuZGV0YWlsRm9ybSxcbiAgICAgICAgICAgIGVudGl0eSQ6IHRoaXMuZW50aXR5JCxcbiAgICAgICAgfTtcbiAgICB9XG59XG4iXX0=

package/esm2022/react/components/react-form-input.component.mjs

@@ -0,0 +1,24 @@
+import { Component, inject, InjectionToken, ViewEncapsulation } from '@angular/core';
+import { ReactComponentHostDirective } from '../directives/react-component-host.directive';
+import * as i0 from "@angular/core";
+export const REACT_INPUT_COMPONENT_OPTIONS = new InjectionToken('REACT_INPUT_COMPONENT_OPTIONS');
+export class ReactFormInputComponent {
+    constructor() {
+        this.reactComponent = inject(REACT_INPUT_COMPONENT_OPTIONS).component;
+    }
+    static { this.id = 'react-form-input-component'; }
+    ngOnInit() {
+        this.context = {
+            formControl: this.formControl,
+            readonly: this.readonly,
+            config: this.config,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReactFormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ReactFormInputComponent, isStandalone: true, selector: "vdr-react-form-input-component", ngImport: i0, template: ` <div [vdrReactComponentHost]="reactComponent" [context]="context" [props]="context"></div> `, isInline: true, styles: [":host,.vdr-card{display:block;--card-padding: calc(var(--space-unit) * 3);container-type:inline-size}.card-container{border:1px solid var(--color-card-border);background-color:var(--color-card-bg);border-radius:var(--border-radius);padding:var(--card-padding) 0;box-shadow:0 2px 4px #0000000d}@container (max-width: 400px){.card-container{--card-padding: calc(var(--space-unit) * 2)}}.card-container.padding-x{padding-inline-start:var(--card-padding);padding-inline-end:var(--card-padding)}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--card-padding)}.title{font-size:var(--font-size-base);padding:0 var(--card-padding)}.padding-x .title{padding:0}::ng-deep vdr-card+vdr-card{margin-top:calc(var(--space-unit) * 2)}.vdr-card+.vdr-card{margin-top:calc(var(--space-unit) * 2)}:host{display:block}.form-group label{font-size:var(--font-size-sm);color:var(--color-weight-800);margin-bottom:4px;display:inline-block}.tooltip-text{font-size:var(--font-size-xs);line-height:var(--font-size-sm);margin-bottom:4px}.input-row{display:flex}::ng-deep .input-row input:not([type=checkbox]),::ng-deep .input-row select,::ng-deep .input-row textarea,::ng-deep .input-row ng-select,::ng-deep .input-row vdr-zone-selector,::ng-deep .input-row vdr-facet-value-selector,::ng-deep .input-row vdr-option-value-input,::ng-deep .input-row vdr-affixed-input,::ng-deep .input-row vdr-currency-input,::ng-deep .input-row vdr-rich-text-editor{width:100%}::ng-deep .input-row.readonly input:not([type=checkbox])[readonly],::ng-deep .input-row.readonly select[readonly],::ng-deep .input-row.readonly textarea[readonly],::ng-deep .input-row.readonly ng-select[readonly],::ng-deep .input-row.readonly vdr-zone-selector[readonly],::ng-deep .input-row.readonly vdr-facet-value-selector[readonly],::ng-deep .input-row.readonly vdr-option-value-input[readonly],::ng-deep .input-row.readonly vdr-affixed-input[readonly],::ng-deep .input-row.readonly vdr-currency-input[readonly],::ng-deep .input-row.readonly vdr-rich-text-editor[readonly]{cursor:not-allowed}.input-row input:not([type=checkbox]),.input-row select,.input-row textarea{width:100%}::ng-deep .input-row.has-toggle input:not([type=checkbox]):not([type=radio]){border-start-end-radius:0!important;border-end-end-radius:0!important}.edit-button{border:1px solid var(--color-weight-200);border-radius:var(--border-radius-input);border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}.edit-button.enabled{color:var(--color-primary-700);background-color:var(--color-primary-100)}:host,.vdr-action-bar{display:flex;justify-content:space-between;align-items:baseline;z-index:25;flex-direction:column-reverse}:host>.grow,.vdr-action-bar>.grow{flex:1}:host .right-content,.vdr-action-bar .right-content{width:100%;display:flex;justify-content:flex-end}:host ::ng-deep vdr-ab-right>*:last-child,.vdr-action-bar ::ng-deep vdr-ab-right>*:last-child{margin-inline-end:0px}@media screen and (min-width: 768px){:host,.vdr-action-bar{flex-direction:row}:host .right-content,.vdr-action-bar .right-content{width:initial}}:host,.vdr-page-detail-layout{display:grid;grid-template-columns:3fr 1fr}@media screen and (max-width: 992px){:host{grid-template-columns:1fr}}.sidebar{padding:var(--space-unit)}.form-group .input-row.invalid input:not([type=checkbox]):not([type=radio]),.form-group .input-row.invalid select,.form-group .input-row.invalid textarea{color:var(--color-error-700);border-color:var(--color-error-300)}\n"], dependencies: [{ kind: "directive", type: ReactComponentHostDirective, selector: "[vdrReactComponentHost]", inputs: ["vdrReactComponentHost", "props", "context"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReactFormInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-react-form-input-component', template: ` <div [vdrReactComponentHost]="reactComponent" [context]="context" [props]="context"></div> `, encapsulation: ViewEncapsulation.None, standalone: true, imports: [ReactComponentHostDirective], styles: [":host,.vdr-card{display:block;--card-padding: calc(var(--space-unit) * 3);container-type:inline-size}.card-container{border:1px solid var(--color-card-border);background-color:var(--color-card-bg);border-radius:var(--border-radius);padding:var(--card-padding) 0;box-shadow:0 2px 4px #0000000d}@container (max-width: 400px){.card-container{--card-padding: calc(var(--space-unit) * 2)}}.card-container.padding-x{padding-inline-start:var(--card-padding);padding-inline-end:var(--card-padding)}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--card-padding)}.title{font-size:var(--font-size-base);padding:0 var(--card-padding)}.padding-x .title{padding:0}::ng-deep vdr-card+vdr-card{margin-top:calc(var(--space-unit) * 2)}.vdr-card+.vdr-card{margin-top:calc(var(--space-unit) * 2)}:host{display:block}.form-group label{font-size:var(--font-size-sm);color:var(--color-weight-800);margin-bottom:4px;display:inline-block}.tooltip-text{font-size:var(--font-size-xs);line-height:var(--font-size-sm);margin-bottom:4px}.input-row{display:flex}::ng-deep .input-row input:not([type=checkbox]),::ng-deep .input-row select,::ng-deep .input-row textarea,::ng-deep .input-row ng-select,::ng-deep .input-row vdr-zone-selector,::ng-deep .input-row vdr-facet-value-selector,::ng-deep .input-row vdr-option-value-input,::ng-deep .input-row vdr-affixed-input,::ng-deep .input-row vdr-currency-input,::ng-deep .input-row vdr-rich-text-editor{width:100%}::ng-deep .input-row.readonly input:not([type=checkbox])[readonly],::ng-deep .input-row.readonly select[readonly],::ng-deep .input-row.readonly textarea[readonly],::ng-deep .input-row.readonly ng-select[readonly],::ng-deep .input-row.readonly vdr-zone-selector[readonly],::ng-deep .input-row.readonly vdr-facet-value-selector[readonly],::ng-deep .input-row.readonly vdr-option-value-input[readonly],::ng-deep .input-row.readonly vdr-affixed-input[readonly],::ng-deep .input-row.readonly vdr-currency-input[readonly],::ng-deep .input-row.readonly vdr-rich-text-editor[readonly]{cursor:not-allowed}.input-row input:not([type=checkbox]),.input-row select,.input-row textarea{width:100%}::ng-deep .input-row.has-toggle input:not([type=checkbox]):not([type=radio]){border-start-end-radius:0!important;border-end-end-radius:0!important}.edit-button{border:1px solid var(--color-weight-200);border-radius:var(--border-radius-input);border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}.edit-button.enabled{color:var(--color-primary-700);background-color:var(--color-primary-100)}:host,.vdr-action-bar{display:flex;justify-content:space-between;align-items:baseline;z-index:25;flex-direction:column-reverse}:host>.grow,.vdr-action-bar>.grow{flex:1}:host .right-content,.vdr-action-bar .right-content{width:100%;display:flex;justify-content:flex-end}:host ::ng-deep vdr-ab-right>*:last-child,.vdr-action-bar ::ng-deep vdr-ab-right>*:last-child{margin-inline-end:0px}@media screen and (min-width: 768px){:host,.vdr-action-bar{flex-direction:row}:host .right-content,.vdr-action-bar .right-content{width:initial}}:host,.vdr-page-detail-layout{display:grid;grid-template-columns:3fr 1fr}@media screen and (max-width: 992px){:host{grid-template-columns:1fr}}.sidebar{padding:var(--space-unit)}.form-group .input-row.invalid input:not([type=checkbox]):not([type=radio]),.form-group .input-row.invalid select,.form-group .input-row.invalid textarea{color:var(--color-error-700);border-color:var(--color-error-300)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhY3QtZm9ybS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL3JlYWN0L3NyYy9jb21wb25lbnRzL3JlYWN0LWZvcm0taW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUk3RixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQzs7QUFHM0YsTUFBTSxDQUFDLE1BQU0sNkJBQTZCLEdBQUcsSUFBSSxjQUFjLENBRTVELCtCQUErQixDQUFDLENBQUM7QUFVcEMsTUFBTSxPQUFPLHVCQUF1QjtJQVJwQztRQWdCYyxtQkFBYyxHQUFHLE1BQU0sQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLFNBQVMsQ0FBQztLQVM5RTthQWhCbUIsT0FBRSxHQUFXLDRCQUE0QixBQUF2QyxDQUF3QztJQVMxRCxRQUFRO1FBQ0osSUFBSSxDQUFDLE9BQU8sR0FBRztZQUNYLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVztZQUM3QixRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDdkIsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNO1NBQ3RCLENBQUM7SUFDTixDQUFDOytHQWhCUSx1QkFBdUI7bUdBQXZCLHVCQUF1QiwwRkFOdEIsOEZBQThGLHkvR0FJOUYsMkJBQTJCOzs0RkFFNUIsdUJBQXVCO2tCQVJuQyxTQUFTOytCQUNJLGdDQUFnQyxZQUNoQyw4RkFBOEYsaUJBRXpGLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgSW5qZWN0aW9uVG9rZW4sIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ3VzdG9tRmllbGQsIEZvcm1JbnB1dENvbXBvbmVudCB9IGZyb20gJ0BkZWVucnV2L2FkbWluLXVpL2NvcmUnO1xuaW1wb3J0IHsgRWxlbWVudFR5cGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudEhvc3REaXJlY3RpdmUgfSBmcm9tICcuLi9kaXJlY3RpdmVzL3JlYWN0LWNvbXBvbmVudC1ob3N0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBSZWFjdEZvcm1JbnB1dE9wdGlvbnMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBSRUFDVF9JTlBVVF9DT01QT05FTlRfT1BUSU9OUyA9IG5ldyBJbmplY3Rpb25Ub2tlbjx7XG4gICAgY29tcG9uZW50OiBFbGVtZW50VHlwZTtcbn0+KCdSRUFDVF9JTlBVVF9DT01QT05FTlRfT1BUSU9OUycpO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1yZWFjdC1mb3JtLWlucHV0LWNvbXBvbmVudCcsXG4gICAgdGVtcGxhdGU6IGAgPGRpdiBbdmRyUmVhY3RDb21wb25lbnRIb3N0XT1cInJlYWN0Q29tcG9uZW50XCIgW2NvbnRleHRdPVwiY29udGV4dFwiIFtwcm9wc109XCJjb250ZXh0XCI+PC9kaXY+IGAsXG4gICAgc3R5bGVVcmxzOiBbJy4vcmVhY3QtZ2xvYmFsLXN0eWxlcy5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtSZWFjdENvbXBvbmVudEhvc3REaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBSZWFjdEZvcm1JbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIEZvcm1JbnB1dENvbXBvbmVudCwgT25Jbml0IHtcbiAgICBzdGF0aWMgcmVhZG9ubHkgaWQ6IHN0cmluZyA9ICdyZWFjdC1mb3JtLWlucHV0LWNvbXBvbmVudCc7XG4gICAgcmVhZG9ubHk6IGJvb2xlYW47XG4gICAgZm9ybUNvbnRyb2w6IEZvcm1Db250cm9sO1xuICAgIGNvbmZpZzogQ3VzdG9tRmllbGQgJiBSZWNvcmQ8c3RyaW5nLCBhbnk+O1xuXG4gICAgcHJvdGVjdGVkIGNvbnRleHQ6IFJlYWN0Rm9ybUlucHV0T3B0aW9ucztcblxuICAgIHByb3RlY3RlZCByZWFjdENvbXBvbmVudCA9IGluamVjdChSRUFDVF9JTlBVVF9DT01QT05FTlRfT1BUSU9OUykuY29tcG9uZW50O1xuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuY29udGV4dCA9IHtcbiAgICAgICAgICAgIGZvcm1Db250cm9sOiB0aGlzLmZvcm1Db250cm9sLFxuICAgICAgICAgICAgcmVhZG9ubHk6IHRoaXMucmVhZG9ubHksXG4gICAgICAgICAgICBjb25maWc6IHRoaXMuY29uZmlnLFxuICAgICAgICB9O1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/react/components/react-route.component.mjs

@@ -0,0 +1,26 @@
+import { Component, inject, InjectionToken, ViewEncapsulation } from '@angular/core';
+import { ROUTE_COMPONENT_OPTIONS, RouteComponent, SharedModule } from '@deenruv/admin-ui/core';
+import { ReactComponentHostDirective } from '../directives/react-component-host.directive';
+import * as i0 from "@angular/core";
+export const REACT_ROUTE_COMPONENT_OPTIONS = new InjectionToken('REACT_ROUTE_COMPONENT_OPTIONS');
+export class ReactRouteComponent {
+    constructor() {
+        this.props = inject(REACT_ROUTE_COMPONENT_OPTIONS).props;
+        this.reactComponent = inject(ROUTE_COMPONENT_OPTIONS).component;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReactRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ReactRouteComponent, isStandalone: true, selector: "vdr-react-route-component", ngImport: i0, template: `
+        <vdr-route-component
+            ><div [vdrReactComponentHost]="reactComponent" [props]="props"></div
+        ></vdr-route-component>
+    `, isInline: true, styles: [":host,.vdr-card{display:block;--card-padding: calc(var(--space-unit) * 3);container-type:inline-size}.card-container{border:1px solid var(--color-card-border);background-color:var(--color-card-bg);border-radius:var(--border-radius);padding:var(--card-padding) 0;box-shadow:0 2px 4px #0000000d}@container (max-width: 400px){.card-container{--card-padding: calc(var(--space-unit) * 2)}}.card-container.padding-x{padding-inline-start:var(--card-padding);padding-inline-end:var(--card-padding)}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--card-padding)}.title{font-size:var(--font-size-base);padding:0 var(--card-padding)}.padding-x .title{padding:0}::ng-deep vdr-card+vdr-card{margin-top:calc(var(--space-unit) * 2)}.vdr-card+.vdr-card{margin-top:calc(var(--space-unit) * 2)}:host{display:block}.form-group label{font-size:var(--font-size-sm);color:var(--color-weight-800);margin-bottom:4px;display:inline-block}.tooltip-text{font-size:var(--font-size-xs);line-height:var(--font-size-sm);margin-bottom:4px}.input-row{display:flex}::ng-deep .input-row input:not([type=checkbox]),::ng-deep .input-row select,::ng-deep .input-row textarea,::ng-deep .input-row ng-select,::ng-deep .input-row vdr-zone-selector,::ng-deep .input-row vdr-facet-value-selector,::ng-deep .input-row vdr-option-value-input,::ng-deep .input-row vdr-affixed-input,::ng-deep .input-row vdr-currency-input,::ng-deep .input-row vdr-rich-text-editor{width:100%}::ng-deep .input-row.readonly input:not([type=checkbox])[readonly],::ng-deep .input-row.readonly select[readonly],::ng-deep .input-row.readonly textarea[readonly],::ng-deep .input-row.readonly ng-select[readonly],::ng-deep .input-row.readonly vdr-zone-selector[readonly],::ng-deep .input-row.readonly vdr-facet-value-selector[readonly],::ng-deep .input-row.readonly vdr-option-value-input[readonly],::ng-deep .input-row.readonly vdr-affixed-input[readonly],::ng-deep .input-row.readonly vdr-currency-input[readonly],::ng-deep .input-row.readonly vdr-rich-text-editor[readonly]{cursor:not-allowed}.input-row input:not([type=checkbox]),.input-row select,.input-row textarea{width:100%}::ng-deep .input-row.has-toggle input:not([type=checkbox]):not([type=radio]){border-start-end-radius:0!important;border-end-end-radius:0!important}.edit-button{border:1px solid var(--color-weight-200);border-radius:var(--border-radius-input);border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}.edit-button.enabled{color:var(--color-primary-700);background-color:var(--color-primary-100)}:host,.vdr-action-bar{display:flex;justify-content:space-between;align-items:baseline;z-index:25;flex-direction:column-reverse}:host>.grow,.vdr-action-bar>.grow{flex:1}:host .right-content,.vdr-action-bar .right-content{width:100%;display:flex;justify-content:flex-end}:host ::ng-deep vdr-ab-right>*:last-child,.vdr-action-bar ::ng-deep vdr-ab-right>*:last-child{margin-inline-end:0px}@media screen and (min-width: 768px){:host,.vdr-action-bar{flex-direction:row}:host .right-content,.vdr-action-bar .right-content{width:initial}}:host,.vdr-page-detail-layout{display:grid;grid-template-columns:3fr 1fr}@media screen and (max-width: 992px){:host{grid-template-columns:1fr}}.sidebar{padding:var(--space-unit)}.form-group .input-row.invalid input:not([type=checkbox]):not([type=radio]),.form-group .input-row.invalid select,.form-group .input-row.invalid textarea{color:var(--color-error-700);border-color:var(--color-error-300)}\n"], dependencies: [{ kind: "directive", type: ReactComponentHostDirective, selector: "[vdrReactComponentHost]", inputs: ["vdrReactComponentHost", "props", "context"] }, { kind: "component", type: RouteComponent, selector: "vdr-route-component", inputs: ["locationId", "description"] }, { kind: "ngmodule", type: SharedModule }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReactRouteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-react-route-component', template: `
+        <vdr-route-component
+            ><div [vdrReactComponentHost]="reactComponent" [props]="props"></div
+        ></vdr-route-component>
+    `, encapsulation: ViewEncapsulation.None, standalone: true, imports: [ReactComponentHostDirective, RouteComponent, SharedModule], styles: [":host,.vdr-card{display:block;--card-padding: calc(var(--space-unit) * 3);container-type:inline-size}.card-container{border:1px solid var(--color-card-border);background-color:var(--color-card-bg);border-radius:var(--border-radius);padding:var(--card-padding) 0;box-shadow:0 2px 4px #0000000d}@container (max-width: 400px){.card-container{--card-padding: calc(var(--space-unit) * 2)}}.card-container.padding-x{padding-inline-start:var(--card-padding);padding-inline-end:var(--card-padding)}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--card-padding)}.title{font-size:var(--font-size-base);padding:0 var(--card-padding)}.padding-x .title{padding:0}::ng-deep vdr-card+vdr-card{margin-top:calc(var(--space-unit) * 2)}.vdr-card+.vdr-card{margin-top:calc(var(--space-unit) * 2)}:host{display:block}.form-group label{font-size:var(--font-size-sm);color:var(--color-weight-800);margin-bottom:4px;display:inline-block}.tooltip-text{font-size:var(--font-size-xs);line-height:var(--font-size-sm);margin-bottom:4px}.input-row{display:flex}::ng-deep .input-row input:not([type=checkbox]),::ng-deep .input-row select,::ng-deep .input-row textarea,::ng-deep .input-row ng-select,::ng-deep .input-row vdr-zone-selector,::ng-deep .input-row vdr-facet-value-selector,::ng-deep .input-row vdr-option-value-input,::ng-deep .input-row vdr-affixed-input,::ng-deep .input-row vdr-currency-input,::ng-deep .input-row vdr-rich-text-editor{width:100%}::ng-deep .input-row.readonly input:not([type=checkbox])[readonly],::ng-deep .input-row.readonly select[readonly],::ng-deep .input-row.readonly textarea[readonly],::ng-deep .input-row.readonly ng-select[readonly],::ng-deep .input-row.readonly vdr-zone-selector[readonly],::ng-deep .input-row.readonly vdr-facet-value-selector[readonly],::ng-deep .input-row.readonly vdr-option-value-input[readonly],::ng-deep .input-row.readonly vdr-affixed-input[readonly],::ng-deep .input-row.readonly vdr-currency-input[readonly],::ng-deep .input-row.readonly vdr-rich-text-editor[readonly]{cursor:not-allowed}.input-row input:not([type=checkbox]),.input-row select,.input-row textarea{width:100%}::ng-deep .input-row.has-toggle input:not([type=checkbox]):not([type=radio]){border-start-end-radius:0!important;border-end-end-radius:0!important}.edit-button{border:1px solid var(--color-weight-200);border-radius:var(--border-radius-input);border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}.edit-button.enabled{color:var(--color-primary-700);background-color:var(--color-primary-100)}:host,.vdr-action-bar{display:flex;justify-content:space-between;align-items:baseline;z-index:25;flex-direction:column-reverse}:host>.grow,.vdr-action-bar>.grow{flex:1}:host .right-content,.vdr-action-bar .right-content{width:100%;display:flex;justify-content:flex-end}:host ::ng-deep vdr-ab-right>*:last-child,.vdr-action-bar ::ng-deep vdr-ab-right>*:last-child{margin-inline-end:0px}@media screen and (min-width: 768px){:host,.vdr-action-bar{flex-direction:row}:host .right-content,.vdr-action-bar .right-content{width:initial}}:host,.vdr-page-detail-layout{display:grid;grid-template-columns:3fr 1fr}@media screen and (max-width: 992px){:host{grid-template-columns:1fr}}.sidebar{padding:var(--space-unit)}.form-group .input-row.invalid input:not([type=checkbox]):not([type=radio]),.form-group .input-row.invalid select,.form-group .input-row.invalid textarea{color:var(--color-error-700);border-color:var(--color-error-300)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhY3Qtcm91dGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9yZWFjdC9zcmMvY29tcG9uZW50cy9yZWFjdC1yb3V0ZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxjQUFjLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDL0YsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sOENBQThDLENBQUM7O0FBRzNGLE1BQU0sQ0FBQyxNQUFNLDZCQUE2QixHQUFHLElBQUksY0FBYyxDQUMzRCwrQkFBK0IsQ0FDbEMsQ0FBQztBQWNGLE1BQU0sT0FBTyxtQkFBbUI7SUFaaEM7UUFhYyxVQUFLLEdBQUcsTUFBTSxDQUFDLDZCQUE2QixDQUFDLENBQUMsS0FBSyxDQUFDO1FBQ3BELG1CQUFjLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixDQUFDLENBQUMsU0FBUyxDQUFDO0tBQ3hFOytHQUhZLG1CQUFtQjttR0FBbkIsbUJBQW1CLHFGQVZsQjs7OztLQUlULHkvR0FJUywyQkFBMkIsMkhBQUUsY0FBYyxzR0FBRSxZQUFZOzs0RkFFMUQsbUJBQW1CO2tCQVovQixTQUFTOytCQUNJLDJCQUEyQixZQUMzQjs7OztLQUlULGlCQUVjLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsMkJBQTJCLEVBQUUsY0FBYyxFQUFFLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0LCBJbmplY3Rpb25Ub2tlbiwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJPVVRFX0NPTVBPTkVOVF9PUFRJT05TLCBSb3V0ZUNvbXBvbmVudCwgU2hhcmVkTW9kdWxlIH0gZnJvbSAnQGRlZW5ydXYvYWRtaW4tdWkvY29yZSc7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudEhvc3REaXJlY3RpdmUgfSBmcm9tICcuLi9kaXJlY3RpdmVzL3JlYWN0LWNvbXBvbmVudC1ob3N0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBSZWFjdFJvdXRlQ29tcG9uZW50T3B0aW9ucyB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IFJFQUNUX1JPVVRFX0NPTVBPTkVOVF9PUFRJT05TID0gbmV3IEluamVjdGlvblRva2VuPFJlYWN0Um91dGVDb21wb25lbnRPcHRpb25zPihcbiAgICAnUkVBQ1RfUk9VVEVfQ09NUE9ORU5UX09QVElPTlMnLFxuKTtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItcmVhY3Qtcm91dGUtY29tcG9uZW50JyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8dmRyLXJvdXRlLWNvbXBvbmVudFxuICAgICAgICAgICAgPjxkaXYgW3ZkclJlYWN0Q29tcG9uZW50SG9zdF09XCJyZWFjdENvbXBvbmVudFwiIFtwcm9wc109XCJwcm9wc1wiPjwvZGl2XG4gICAgICAgID48L3Zkci1yb3V0ZS1jb21wb25lbnQ+XG4gICAgYCxcbiAgICBzdHlsZVVybHM6IFsnLi9yZWFjdC1nbG9iYWwtc3R5bGVzLnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1JlYWN0Q29tcG9uZW50SG9zdERpcmVjdGl2ZSwgUm91dGVDb21wb25lbnQsIFNoYXJlZE1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFJlYWN0Um91dGVDb21wb25lbnQge1xuICAgIHByb3RlY3RlZCBwcm9wcyA9IGluamVjdChSRUFDVF9ST1VURV9DT01QT05FTlRfT1BUSU9OUykucHJvcHM7XG4gICAgcHJvdGVjdGVkIHJlYWN0Q29tcG9uZW50ID0gaW5qZWN0KFJPVVRFX0NPTVBPTkVOVF9PUFRJT05TKS5jb21wb25lbnQ7XG59XG4iXX0=

package/esm2022/react/deenruv-admin-ui-react.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlbnJ1di1hZG1pbi11aS1yZWFjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvcmVhY3Qvc3JjL2RlZW5ydXYtYWRtaW4tdWktcmVhY3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==

package/esm2022/react/directives/react-component-host.directive.mjs

@@ -0,0 +1,54 @@
+import { Directive, Input, Optional } from '@angular/core';
+import { createContext, createElement } from 'react';
+import { createRoot } from 'react-dom/client';
+import * as i0 from "@angular/core";
+import * as i1 from "@deenruv/admin-ui/core";
+export const HostedComponentContext = createContext(null);
+/**
+ * Based on https://netbasal.com/using-react-in-angular-applications-1bb907ecac91
+ */
+export class ReactComponentHostDirective {
+    constructor(host, injector, pageMetadataService) {
+        this.host = host;
+        this.injector = injector;
+        this.pageMetadataService = pageMetadataService;
+        this.context = {};
+        this.root = null;
+    }
+    async ngOnChanges() {
+        const Comp = this.reactComponent;
+        if (!this.root) {
+            this.root = createRoot(this.host.nativeElement);
+        }
+        this.root.render(createElement(HostedComponentContext.Provider, {
+            value: {
+                ...this.props,
+                ...this.context,
+                injector: this.injector,
+                pageMetadataService: this.pageMetadataService,
+            },
+        }, createElement(Comp, this.props)));
+    }
+    ngOnDestroy() {
+        this.root?.unmount();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReactComponentHostDirective, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1.PageMetadataService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: ReactComponentHostDirective, isStandalone: true, selector: "[vdrReactComponentHost]", inputs: { reactComponent: ["vdrReactComponentHost", "reactComponent"], props: "props", context: "context" }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReactComponentHostDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vdrReactComponentHost]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Injector }, { type: i1.PageMetadataService, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { reactComponent: [{
+                type: Input,
+                args: ['vdrReactComponentHost']
+            }], props: [{
+                type: Input
+            }], context: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhY3QtY29tcG9uZW50LWhvc3QuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9yZWFjdC9zcmMvZGlyZWN0aXZlcy9yZWFjdC1jb21wb25lbnQtaG9zdC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBd0IsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRixPQUFPLEVBQWtCLGFBQWEsRUFBRSxhQUFhLEVBQWUsTUFBTSxPQUFPLENBQUM7QUFDbEYsT0FBTyxFQUFFLFVBQVUsRUFBUSxNQUFNLGtCQUFrQixDQUFDOzs7QUFHcEQsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQUcsYUFBYSxDQUFxQyxJQUFJLENBQUMsQ0FBQztBQUU5Rjs7R0FFRztBQUtILE1BQU0sT0FBTywyQkFBMkI7SUFPcEMsWUFDWSxJQUFnQixFQUNoQixRQUFrQixFQUNOLG1CQUF5QztRQUZyRCxTQUFJLEdBQUosSUFBSSxDQUFZO1FBQ2hCLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDTix3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXNCO1FBUHhELFlBQU8sR0FBd0IsRUFBRSxDQUFDO1FBRW5DLFNBQUksR0FBZ0IsSUFBSSxDQUFDO0lBTTlCLENBQUM7SUFFSixLQUFLLENBQUMsV0FBVztRQUNiLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUM7UUFFakMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNiLElBQUksQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDcEQsQ0FBQztRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUNaLGFBQWEsQ0FDVCxzQkFBc0IsQ0FBQyxRQUFRLEVBQy9CO1lBQ0ksS0FBSyxFQUFFO2dCQUNILEdBQUcsSUFBSSxDQUFDLEtBQUs7Z0JBQ2IsR0FBRyxJQUFJLENBQUMsT0FBTztnQkFDZixRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7Z0JBQ3ZCLG1CQUFtQixFQUFFLElBQUksQ0FBQyxtQkFBbUI7YUFDaEQ7U0FDSixFQUNELGFBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUNsQyxDQUNKLENBQUM7SUFDTixDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDekIsQ0FBQzsrR0F0Q1EsMkJBQTJCO21HQUEzQiwyQkFBMkI7OzRGQUEzQiwyQkFBMkI7a0JBSnZDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsVUFBVSxFQUFFLElBQUk7aUJBQ25COzswQkFXUSxRQUFRO3lDQVRtQixjQUFjO3NCQUE3QyxLQUFLO3VCQUFDLHVCQUF1QjtnQkFDckIsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5qZWN0b3IsIElucHV0LCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFnZU1ldGFkYXRhU2VydmljZSB9IGZyb20gJ0BkZWVucnV2L2FkbWluLXVpL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIGNyZWF0ZUNvbnRleHQsIGNyZWF0ZUVsZW1lbnQsIEVsZW1lbnRUeXBlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3JlYXRlUm9vdCwgUm9vdCB9IGZyb20gJ3JlYWN0LWRvbS9jbGllbnQnO1xuaW1wb3J0IHsgSG9zdGVkUmVhY3RDb21wb25lbnRDb250ZXh0IH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgSG9zdGVkQ29tcG9uZW50Q29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8SG9zdGVkUmVhY3RDb21wb25lbnRDb250ZXh0IHwgbnVsbD4obnVsbCk7XG5cbi8qKlxuICogQmFzZWQgb24gaHR0cHM6Ly9uZXRiYXNhbC5jb20vdXNpbmctcmVhY3QtaW4tYW5ndWxhci1hcHBsaWNhdGlvbnMtMWJiOTA3ZWNhYzkxXG4gKi9cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3ZkclJlYWN0Q29tcG9uZW50SG9zdF0nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIFJlYWN0Q29tcG9uZW50SG9zdERpcmVjdGl2ZTxDb21wIGV4dGVuZHMgRWxlbWVudFR5cGU+IHtcbiAgICBASW5wdXQoJ3ZkclJlYWN0Q29tcG9uZW50SG9zdCcpIHJlYWN0Q29tcG9uZW50OiBDb21wO1xuICAgIEBJbnB1dCgpIHByb3BzOiBDb21wb25lbnRQcm9wczxDb21wPjtcbiAgICBASW5wdXQoKSBjb250ZXh0OiBSZWNvcmQ8c3RyaW5nLCBhbnk+ID0ge307XG5cbiAgICBwcml2YXRlIHJvb3Q6IFJvb3QgfCBudWxsID0gbnVsbDtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGhvc3Q6IEVsZW1lbnRSZWYsXG4gICAgICAgIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLFxuICAgICAgICBAT3B0aW9uYWwoKSBwcml2YXRlIHBhZ2VNZXRhZGF0YVNlcnZpY2U/OiBQYWdlTWV0YWRhdGFTZXJ2aWNlLFxuICAgICkge31cblxuICAgIGFzeW5jIG5nT25DaGFuZ2VzKCkge1xuICAgICAgICBjb25zdCBDb21wID0gdGhpcy5yZWFjdENvbXBvbmVudDtcblxuICAgICAgICBpZiAoIXRoaXMucm9vdCkge1xuICAgICAgICAgICAgdGhpcy5yb290ID0gY3JlYXRlUm9vdCh0aGlzLmhvc3QubmF0aXZlRWxlbWVudCk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnJvb3QucmVuZGVyKFxuICAgICAgICAgICAgY3JlYXRlRWxlbWVudChcbiAgICAgICAgICAgICAgICBIb3N0ZWRDb21wb25lbnRDb250ZXh0LlByb3ZpZGVyLFxuICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIC4uLnRoaXMucHJvcHMsXG4gICAgICAgICAgICAgICAgICAgICAgICAuLi50aGlzLmNvbnRleHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBpbmplY3RvcjogdGhpcy5pbmplY3RvcixcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZ2VNZXRhZGF0YVNlcnZpY2U6IHRoaXMucGFnZU1ldGFkYXRhU2VydmljZSxcbiAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIGNyZWF0ZUVsZW1lbnQoQ29tcCwgdGhpcy5wcm9wcyksXG4gICAgICAgICAgICApLFxuICAgICAgICApO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLnJvb3Q/LnVubW91bnQoKTtcbiAgICB9XG59XG4iXX0=

package/esm2022/react/public_api.mjs

@@ -0,0 +1,27 @@
+// This file was generated by the build-public-api.ts script
+export * from './components/react-custom-column.component';
+export * from './components/react-custom-detail.component';
+export * from './components/react-form-input.component';
+export * from './components/react-route.component';
+export * from './directives/react-component-host.directive';
+export * from './react-components/ActionBar';
+export * from './react-components/Card';
+export * from './react-components/CdsIcon';
+export * from './react-components/FormField';
+export * from './react-components/Link';
+export * from './react-components/PageBlock';
+export * from './react-components/PageDetailLayout';
+export * from './react-components/RichTextEditor';
+export * from './react-hooks/use-detail-component-data';
+export * from './react-hooks/use-form-control';
+export * from './react-hooks/use-injector';
+export * from './react-hooks/use-page-metadata';
+export * from './react-hooks/use-query';
+export * from './react-hooks/use-rich-text-editor';
+export * from './react-hooks/use-route-params';
+export * from './register-react-custom-detail-component';
+export * from './register-react-data-table-component';
+export * from './register-react-form-input-component';
+export * from './register-react-route-component';
+export * from './types';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvcmVhY3Qvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNERBQTREO0FBQzVELGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8gVGhpcyBmaWxlIHdhcyBnZW5lcmF0ZWQgYnkgdGhlIGJ1aWxkLXB1YmxpYy1hcGkudHMgc2NyaXB0XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvcmVhY3QtY3VzdG9tLWNvbHVtbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3JlYWN0LWN1c3RvbS1kZXRhaWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9yZWFjdC1mb3JtLWlucHV0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvcmVhY3Qtcm91dGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZGlyZWN0aXZlcy9yZWFjdC1jb21wb25lbnQtaG9zdC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9yZWFjdC1jb21wb25lbnRzL0FjdGlvbkJhcic7XG5leHBvcnQgKiBmcm9tICcuL3JlYWN0LWNvbXBvbmVudHMvQ2FyZCc7XG5leHBvcnQgKiBmcm9tICcuL3JlYWN0LWNvbXBvbmVudHMvQ2RzSWNvbic7XG5leHBvcnQgKiBmcm9tICcuL3JlYWN0LWNvbXBvbmVudHMvRm9ybUZpZWxkJztcbmV4cG9ydCAqIGZyb20gJy4vcmVhY3QtY29tcG9uZW50cy9MaW5rJztcbmV4cG9ydCAqIGZyb20gJy4vcmVhY3QtY29tcG9uZW50cy9QYWdlQmxvY2snO1xuZXhwb3J0ICogZnJvbSAnLi9yZWFjdC1jb21wb25lbnRzL1BhZ2VEZXRhaWxMYXlvdXQnO1xuZXhwb3J0ICogZnJvbSAnLi9yZWFjdC1jb21wb25lbnRzL1JpY2hUZXh0RWRpdG9yJztcbmV4cG9ydCAqIGZyb20gJy4vcmVhY3QtaG9va3MvdXNlLWRldGFpbC1jb21wb25lbnQtZGF0YSc7XG5leHBvcnQgKiBmcm9tICcuL3JlYWN0LWhvb2tzL3VzZS1mb3JtLWNvbnRyb2wnO1xuZXhwb3J0ICogZnJvbSAnLi9yZWFjdC1ob29rcy91c2UtaW5qZWN0b3InO1xuZXhwb3J0ICogZnJvbSAnLi9yZWFjdC1ob29rcy91c2UtcGFnZS1tZXRhZGF0YSc7XG5leHBvcnQgKiBmcm9tICcuL3JlYWN0LWhvb2tzL3VzZS1xdWVyeSc7XG5leHBvcnQgKiBmcm9tICcuL3JlYWN0LWhvb2tzL3VzZS1yaWNoLXRleHQtZWRpdG9yJztcbmV4cG9ydCAqIGZyb20gJy4vcmVhY3QtaG9va3MvdXNlLXJvdXRlLXBhcmFtcyc7XG5leHBvcnQgKiBmcm9tICcuL3JlZ2lzdGVyLXJlYWN0LWN1c3RvbS1kZXRhaWwtY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vcmVnaXN0ZXItcmVhY3QtZGF0YS10YWJsZS1jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9yZWdpc3Rlci1yZWFjdC1mb3JtLWlucHV0LWNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3JlZ2lzdGVyLXJlYWN0LXJvdXRlLWNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3R5cGVzJztcbiJdfQ==

package/esm2022/react/react-components/ActionBar.mjs

@@ -0,0 +1,26 @@
+import React from 'react';
+/**
+ * @description
+ * A container for the primary actions on a list or detail page
+ *
+ * @example
+ * ```ts
+ * import { ActionBar } from '@deenruv/admin-ui/react';
+ *
+ * export function MyComponent() {
+ *   return (
+ *     <ActionBar leftContent={<div>Optional left content</div>}>
+ *       <button className='button primary'>Primary action</button>
+ *     </ActionBar>
+ *   );
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export function ActionBar(props) {
+    return (React.createElement("div", { className: 'vdr-action-bar' },
+        React.createElement("div", { className: "left-content" }, props.leftContent),
+        React.createElement("div", { className: "right-content" }, props.children)));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWN0aW9uQmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9yZWFjdC9zcmMvcmVhY3QtY29tcG9uZW50cy9BY3Rpb25CYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBdUMsTUFBTSxPQUFPLENBQUM7QUFFNUQ7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCRztBQUNILE1BQU0sVUFBVSxTQUFTLENBQUMsS0FBcUQ7SUFDM0UsT0FBTyxDQUNILDZCQUFLLFNBQVMsRUFBRSxnQkFBZ0I7UUFDNUIsNkJBQUssU0FBUyxFQUFDLGNBQWMsSUFBRSxLQUFLLENBQUMsV0FBVyxDQUFPO1FBQ3ZELDZCQUFLLFNBQVMsRUFBQyxlQUFlLElBQUUsS0FBSyxDQUFDLFFBQVEsQ0FBTyxDQUNuRCxDQUNULENBQUM7QUFDTixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFByb3BzV2l0aENoaWxkcmVuLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBBIGNvbnRhaW5lciBmb3IgdGhlIHByaW1hcnkgYWN0aW9ucyBvbiBhIGxpc3Qgb3IgZGV0YWlsIHBhZ2VcbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgdHNcbiAqIGltcG9ydCB7IEFjdGlvbkJhciB9IGZyb20gJ0BkZWVucnV2L2FkbWluLXVpL3JlYWN0JztcbiAqXG4gKiBleHBvcnQgZnVuY3Rpb24gTXlDb21wb25lbnQoKSB7XG4gKiAgIHJldHVybiAoXG4gKiAgICAgPEFjdGlvbkJhciBsZWZ0Q29udGVudD17PGRpdj5PcHRpb25hbCBsZWZ0IGNvbnRlbnQ8L2Rpdj59PlxuICogICAgICAgPGJ1dHRvbiBjbGFzc05hbWU9J2J1dHRvbiBwcmltYXJ5Jz5QcmltYXJ5IGFjdGlvbjwvYnV0dG9uPlxuICogICAgIDwvQWN0aW9uQmFyPlxuICogICApO1xuICogfVxuICogYGBgXG4gKlxuICogQGRvY3NDYXRlZ29yeSByZWFjdC1jb21wb25lbnRzXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBBY3Rpb25CYXIocHJvcHM6IFByb3BzV2l0aENoaWxkcmVuPHsgbGVmdENvbnRlbnQ/OiBSZWFjdE5vZGUgfT4pIHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17J3Zkci1hY3Rpb24tYmFyJ30+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImxlZnQtY29udGVudFwiPntwcm9wcy5sZWZ0Q29udGVudH08L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicmlnaHQtY29udGVudFwiPntwcm9wcy5jaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn1cbiJdfQ==

package/esm2022/react/react-components/Card.mjs

@@ -0,0 +1,28 @@
+import React from 'react';
+/**
+ * @description
+ * A card component which can be used to group related content.
+ *
+ * @example
+ * ```ts
+ * import { Card } from '@deenruv/admin-ui/react';
+ *
+ * export function MyComponent() {
+ *   return (
+ *     <Card title='My Title'>
+ *       <p>Some content</p>
+ *     </Card>
+ *   );
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export function Card(props) {
+    return (React.createElement("div", { className: 'vdr-card' },
+        React.createElement("div", { className: `card-container ${props.paddingX !== false ? 'padding-x' : ''}` },
+            props.title && (React.createElement("div", { className: 'title-row' },
+                React.createElement("div", { className: "title" }, props.title))),
+            React.createElement("div", { className: "contents" }, props.children))));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvcmVhY3Qvc3JjL3JlYWN0LWNvbXBvbmVudHMvQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUE0QixNQUFNLE9BQU8sQ0FBQztBQUVqRDs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBQ0gsTUFBTSxVQUFVLElBQUksQ0FBQyxLQUFnRTtJQUNqRixPQUFPLENBQ0gsNkJBQUssU0FBUyxFQUFFLFVBQVU7UUFDdEIsNkJBQUssU0FBUyxFQUFFLGtCQUFrQixLQUFLLENBQUMsUUFBUSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDMUUsS0FBSyxDQUFDLEtBQUssSUFBSSxDQUNaLDZCQUFLLFNBQVMsRUFBRSxXQUFXO2dCQUN2Qiw2QkFBSyxTQUFTLEVBQUMsT0FBTyxJQUFFLEtBQUssQ0FBQyxLQUFLLENBQU8sQ0FDeEMsQ0FDVDtZQUNELDZCQUFLLFNBQVMsRUFBQyxVQUFVLElBQUUsS0FBSyxDQUFDLFFBQVEsQ0FBTyxDQUM5QyxDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBBIGNhcmQgY29tcG9uZW50IHdoaWNoIGNhbiBiZSB1c2VkIHRvIGdyb3VwIHJlbGF0ZWQgY29udGVudC5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgdHNcbiAqIGltcG9ydCB7IENhcmQgfSBmcm9tICdAZGVlbnJ1di9hZG1pbi11aS9yZWFjdCc7XG4gKlxuICogZXhwb3J0IGZ1bmN0aW9uIE15Q29tcG9uZW50KCkge1xuICogICByZXR1cm4gKFxuICogICAgIDxDYXJkIHRpdGxlPSdNeSBUaXRsZSc+XG4gKiAgICAgICA8cD5Tb21lIGNvbnRlbnQ8L3A+XG4gKiAgICAgPC9DYXJkPlxuICogICApO1xuICogfVxuICogYGBgXG4gKlxuICogQGRvY3NDYXRlZ29yeSByZWFjdC1jb21wb25lbnRzXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBDYXJkKHByb3BzOiBQcm9wc1dpdGhDaGlsZHJlbjx7IHRpdGxlPzogc3RyaW5nOyBwYWRkaW5nWD86IGJvb2xlYW4gfT4pIHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17J3Zkci1jYXJkJ30+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YGNhcmQtY29udGFpbmVyICR7cHJvcHMucGFkZGluZ1ggIT09IGZhbHNlID8gJ3BhZGRpbmcteCcgOiAnJ31gfT5cbiAgICAgICAgICAgICAgICB7cHJvcHMudGl0bGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17J3RpdGxlLXJvdyd9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0aXRsZVwiPntwcm9wcy50aXRsZX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbnRlbnRzXCI+e3Byb3BzLmNoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59XG4iXX0=

package/esm2022/react/react-components/CdsIcon.mjs

@@ -0,0 +1,30 @@
+import { ClarityIcons } from '@cds/core/icon';
+import React, { useEffect } from 'react';
+export function registerCdsIcon(icon) {
+    ClarityIcons.addIcons(icon);
+}
+/**
+ * @description
+ * A React wrapper for the Clarity UI icon component.
+ *
+ * @example
+ * ```ts
+ * import { userIcon } from '@cds/core/icon';
+ * import { CdsIcon } from '@deenruv/admin-ui/react';
+ *
+ * registerCdsIcon(userIcon);
+ * export function MyComponent() {
+ *    return <CdsIcon icon={userIcon} badge="warning" solid size="lg"></CdsIcon>;
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export function CdsIcon(props) {
+    const { icon, ...rest } = props;
+    useEffect(() => {
+        ClarityIcons.addIcons(icon);
+    }, [icon]);
+    return React.createElement("cds-icon", { ...rest, shape: icon[0] });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2RzSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvcmVhY3Qvc3JjL3JlYWN0LWNvbXBvbmVudHMvQ2RzSWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTlDLE9BQU8sS0FBSyxFQUFFLEVBQWlCLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQXVCeEQsTUFBTSxVQUFVLGVBQWUsQ0FBQyxJQUFvQjtJQUNoRCxZQUFZLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQ2hDLENBQUM7QUFFRDs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQUNILE1BQU0sVUFBVSxPQUFPLENBQUMsS0FBMkU7SUFDL0YsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUNoQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ1gsWUFBWSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ1gsT0FBTyxxQ0FBYyxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsR0FBYSxDQUFDO0FBQzNELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDbGFyaXR5SWNvbnMgfSBmcm9tICdAY2RzL2NvcmUvaWNvbic7XG5pbXBvcnQgeyBJY29uU2hhcGVUdXBsZSB9IGZyb20gJ0BjZHMvY29yZS9pY29uL2ludGVyZmFjZXMvaWNvbi5pbnRlcmZhY2VzJztcbmltcG9ydCBSZWFjdCwgeyBET01BdHRyaWJ1dGVzLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5cbnR5cGUgQ3VzdG9tRWxlbWVudDxUPiA9IFBhcnRpYWw8VCAmIERPTUF0dHJpYnV0ZXM8VD4gJiB7IGNoaWxkcmVuOiBhbnkgfT47XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2RzSWNvblByb3BzIHtcbiAgICBzaGFwZTogc3RyaW5nO1xuICAgIHNpemU6IHN0cmluZyB8ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnIHwgJ3h4bCc7XG4gICAgZGlyZWN0aW9uOiAndXAnIHwgJ2Rvd24nIHwgJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgICBmbGlwOiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnO1xuICAgIHNvbGlkOiBib29sZWFuO1xuICAgIHN0YXR1czogJ2luZm8nIHwgJ3N1Y2Nlc3MnIHwgJ3dhcm5pbmcnIHwgJ2Rhbmdlcic7XG4gICAgaW52ZXJzZTogYm9vbGVhbjtcbiAgICBiYWRnZTogJ2luZm8nIHwgJ3N1Y2Nlc3MnIHwgJ3dhcm5pbmcnIHwgJ2Rhbmdlcic7XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgICBuYW1lc3BhY2UgSlNYIHtcbiAgICAgICAgaW50ZXJmYWNlIEludHJpbnNpY0VsZW1lbnRzIHtcbiAgICAgICAgICAgIFsnY2RzLWljb24nXTogQ3VzdG9tRWxlbWVudDxDZHNJY29uUHJvcHM+O1xuICAgICAgICB9XG4gICAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gcmVnaXN0ZXJDZHNJY29uKGljb246IEljb25TaGFwZVR1cGxlKSB7XG4gICAgQ2xhcml0eUljb25zLmFkZEljb25zKGljb24pO1xufVxuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogQSBSZWFjdCB3cmFwcGVyIGZvciB0aGUgQ2xhcml0eSBVSSBpY29uIGNvbXBvbmVudC5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgdHNcbiAqIGltcG9ydCB7IHVzZXJJY29uIH0gZnJvbSAnQGNkcy9jb3JlL2ljb24nO1xuICogaW1wb3J0IHsgQ2RzSWNvbiB9IGZyb20gJ0BkZWVucnV2L2FkbWluLXVpL3JlYWN0JztcbiAqXG4gKiByZWdpc3RlckNkc0ljb24odXNlckljb24pO1xuICogZXhwb3J0IGZ1bmN0aW9uIE15Q29tcG9uZW50KCkge1xuICogICAgcmV0dXJuIDxDZHNJY29uIGljb249e3VzZXJJY29ufSBiYWRnZT1cIndhcm5pbmdcIiBzb2xpZCBzaXplPVwibGdcIj48L0Nkc0ljb24+O1xuICogfVxuICogYGBgXG4gKlxuICogQGRvY3NDYXRlZ29yeSByZWFjdC1jb21wb25lbnRzXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBDZHNJY29uKHByb3BzOiB7IGljb246IEljb25TaGFwZVR1cGxlOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFBhcnRpYWw8Q2RzSWNvblByb3BzPikge1xuICAgIGNvbnN0IHsgaWNvbiwgLi4ucmVzdCB9ID0gcHJvcHM7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgQ2xhcml0eUljb25zLmFkZEljb25zKGljb24pO1xuICAgIH0sIFtpY29uXSk7XG4gICAgcmV0dXJuIDxjZHMtaWNvbiB7Li4ucmVzdH0gc2hhcGU9e2ljb25bMF19PjwvY2RzLWljb24+O1xufVxuIl19

package/esm2022/react/react-components/FormField.mjs

@@ -0,0 +1,28 @@
+import React from 'react';
+/**
+ * @description
+ * A wrapper around form fields which provides a label, tooltip and error message.
+ *
+ * @example
+ * ```ts
+ * import { FormField } from '@deenruv/admin-ui/react';
+ *
+ * export function MyReactComponent() {
+ *     return (
+ *        <FormField label="My field" tooltip="This is a tooltip" invalid errorMessage="This field is invalid">
+ *            <input type="text" />
+ *        </FormField>
+ *     );
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export function FormField(props) {
+    return (React.createElement("div", { className: `form-group ` + (!props.label ? 'no-label' : '') + (props.invalid ? 'clr-error' : '') },
+        props.label && React.createElement("label", { htmlFor: props.for ?? '' }, props.label),
+        props.tooltip && React.createElement("div", { className: "tooltip-text" }, props.tooltip),
+        React.createElement("div", { className: `input-row ` + (props.invalid ? 'invalid' : '') }, props.children),
+        props.errorMessage && React.createElement("div", { className: "error-message" }, props.errorMessage)));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9yZWFjdC9zcmMvcmVhY3QtY29tcG9uZW50cy9Gb3JtRmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBNEIsTUFBTSxPQUFPLENBQUM7QUFFakQ7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCRztBQUNILE1BQU0sVUFBVSxTQUFTLENBQ3JCLEtBTUU7SUFFRixPQUFPLENBQ0gsNkJBQ0ksU0FBUyxFQUFFLGFBQWEsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBRS9GLEtBQUssQ0FBQyxLQUFLLElBQUksK0JBQU8sT0FBTyxFQUFFLEtBQUssQ0FBQyxHQUFHLElBQUksRUFBRSxJQUFHLEtBQUssQ0FBQyxLQUFLLENBQVM7UUFDckUsS0FBSyxDQUFDLE9BQU8sSUFBSSw2QkFBSyxTQUFTLEVBQUMsY0FBYyxJQUFFLEtBQUssQ0FBQyxPQUFPLENBQU87UUFDckUsNkJBQUssU0FBUyxFQUFFLFlBQVksR0FBRyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLElBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBTztRQUN0RixLQUFLLENBQUMsWUFBWSxJQUFJLDZCQUFLLFNBQVMsRUFBQyxlQUFlLElBQUUsS0FBSyxDQUFDLFlBQVksQ0FBTyxDQUM5RSxDQUNULENBQUM7QUFDTixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFByb3BzV2l0aENoaWxkcmVuIH0gZnJvbSAncmVhY3QnO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogQSB3cmFwcGVyIGFyb3VuZCBmb3JtIGZpZWxkcyB3aGljaCBwcm92aWRlcyBhIGxhYmVsLCB0b29sdGlwIGFuZCBlcnJvciBtZXNzYWdlLlxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGB0c1xuICogaW1wb3J0IHsgRm9ybUZpZWxkIH0gZnJvbSAnQGRlZW5ydXYvYWRtaW4tdWkvcmVhY3QnO1xuICpcbiAqIGV4cG9ydCBmdW5jdGlvbiBNeVJlYWN0Q29tcG9uZW50KCkge1xuICogICAgIHJldHVybiAoXG4gKiAgICAgICAgPEZvcm1GaWVsZCBsYWJlbD1cIk15IGZpZWxkXCIgdG9vbHRpcD1cIlRoaXMgaXMgYSB0b29sdGlwXCIgaW52YWxpZCBlcnJvck1lc3NhZ2U9XCJUaGlzIGZpZWxkIGlzIGludmFsaWRcIj5cbiAqICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgLz5cbiAqICAgICAgICA8L0Zvcm1GaWVsZD5cbiAqICAgICApO1xuICogfVxuICogYGBgXG4gKlxuICogQGRvY3NDYXRlZ29yeSByZWFjdC1jb21wb25lbnRzXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBGb3JtRmllbGQoXG4gICAgcHJvcHM6IFByb3BzV2l0aENoaWxkcmVuPHtcbiAgICAgICAgZm9yPzogc3RyaW5nO1xuICAgICAgICBsYWJlbD86IHN0cmluZztcbiAgICAgICAgdG9vbHRpcD86IHN0cmluZztcbiAgICAgICAgaW52YWxpZD86IGJvb2xlYW47XG4gICAgICAgIGVycm9yTWVzc2FnZT86IHN0cmluZztcbiAgICB9Pixcbikge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzTmFtZT17YGZvcm0tZ3JvdXAgYCArICghcHJvcHMubGFiZWwgPyAnbm8tbGFiZWwnIDogJycpICsgKHByb3BzLmludmFsaWQgPyAnY2xyLWVycm9yJyA6ICcnKX1cbiAgICAgICAgPlxuICAgICAgICAgICAge3Byb3BzLmxhYmVsICYmIDxsYWJlbCBodG1sRm9yPXtwcm9wcy5mb3IgPz8gJyd9Pntwcm9wcy5sYWJlbH08L2xhYmVsPn1cbiAgICAgICAgICAgIHtwcm9wcy50b29sdGlwICYmIDxkaXYgY2xhc3NOYW1lPVwidG9vbHRpcC10ZXh0XCI+e3Byb3BzLnRvb2x0aXB9PC9kaXY+fVxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2BpbnB1dC1yb3cgYCArIChwcm9wcy5pbnZhbGlkID8gJ2ludmFsaWQnIDogJycpfT57cHJvcHMuY2hpbGRyZW59PC9kaXY+XG4gICAgICAgICAgICB7cHJvcHMuZXJyb3JNZXNzYWdlICYmIDxkaXYgY2xhc3NOYW1lPVwiZXJyb3ItbWVzc2FnZVwiPntwcm9wcy5lcnJvck1lc3NhZ2V9PC9kaXY+fVxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufVxuIl19

package/esm2022/react/react-components/Link.mjs

@@ -0,0 +1,30 @@
+import { Router } from '@angular/router';
+import React from 'react';
+import { useInjector } from '../react-hooks/use-injector';
+/**
+ * @description
+ * A React component which renders an anchor tag and navigates to the specified route when clicked.
+ * This is useful when you want to use a React component in a Deenruv UI plugin which navigates to
+ * a route in the admin-ui.
+ *
+ * @example
+ * ```ts
+ * import { Link } from '@deenruv/admin-ui/react';
+ *
+ * export const MyReactComponent = () => {
+ *     return <Link href="/extensions/my-extension">Go to my extension</Link>;
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export function Link(props) {
+    const router = useInjector(Router);
+    const { href, ...rest } = props;
+    function onClick(e) {
+        e.preventDefault();
+        void router.navigateByUrl(href);
+    }
+    return (React.createElement("a", { href: href, onClick: onClick, ...rest }, props.children));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvcmVhY3Qvc3JjL3JlYWN0LWNvbXBvbmVudHMvTGluay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pDLE9BQU8sS0FBNEIsTUFBTSxPQUFPLENBQUM7QUFDakQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRTFEOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JHO0FBQ0gsTUFBTSxVQUFVLElBQUksQ0FBQyxLQUFnRTtJQUNqRixNQUFNLE1BQU0sR0FBRyxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkMsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUVoQyxTQUFTLE9BQU8sQ0FBQyxDQUFrRDtRQUMvRCxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsS0FBSyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxPQUFPLENBQ0gsMkJBQUcsSUFBSSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxLQUFNLElBQUksSUFDcEMsS0FBSyxDQUFDLFFBQVEsQ0FDZixDQUNQLENBQUM7QUFDTixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCBSZWFjdCwgeyBQcm9wc1dpdGhDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUluamVjdG9yIH0gZnJvbSAnLi4vcmVhY3QtaG9va3MvdXNlLWluamVjdG9yJztcblxuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIEEgUmVhY3QgY29tcG9uZW50IHdoaWNoIHJlbmRlcnMgYW4gYW5jaG9yIHRhZyBhbmQgbmF2aWdhdGVzIHRvIHRoZSBzcGVjaWZpZWQgcm91dGUgd2hlbiBjbGlja2VkLlxuICogVGhpcyBpcyB1c2VmdWwgd2hlbiB5b3Ugd2FudCB0byB1c2UgYSBSZWFjdCBjb21wb25lbnQgaW4gYSBEZWVucnV2IFVJIHBsdWdpbiB3aGljaCBuYXZpZ2F0ZXMgdG9cbiAqIGEgcm91dGUgaW4gdGhlIGFkbWluLXVpLlxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGB0c1xuICogaW1wb3J0IHsgTGluayB9IGZyb20gJ0BkZWVucnV2L2FkbWluLXVpL3JlYWN0JztcbiAqXG4gKiBleHBvcnQgY29uc3QgTXlSZWFjdENvbXBvbmVudCA9ICgpID0+IHtcbiAqICAgICByZXR1cm4gPExpbmsgaHJlZj1cIi9leHRlbnNpb25zL215LWV4dGVuc2lvblwiPkdvIHRvIG15IGV4dGVuc2lvbjwvTGluaz47XG4gKiB9XG4gKiBgYGBcbiAqXG4gKiBAZG9jc0NhdGVnb3J5IHJlYWN0LWNvbXBvbmVudHNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIExpbmsocHJvcHM6IFByb3BzV2l0aENoaWxkcmVuPHsgaHJlZjogc3RyaW5nOyBbcHJvcHM6IHN0cmluZ106IGFueSB9Pikge1xuICAgIGNvbnN0IHJvdXRlciA9IHVzZUluamVjdG9yKFJvdXRlcik7XG4gICAgY29uc3QgeyBocmVmLCAuLi5yZXN0IH0gPSBwcm9wcztcblxuICAgIGZ1bmN0aW9uIG9uQ2xpY2soZTogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pIHtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB2b2lkIHJvdXRlci5uYXZpZ2F0ZUJ5VXJsKGhyZWYpO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxhIGhyZWY9e2hyZWZ9IG9uQ2xpY2s9e29uQ2xpY2t9IHsuLi5yZXN0fT5cbiAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgPC9hPlxuICAgICk7XG59XG4iXX0=

package/esm2022/react/react-components/PageBlock.mjs

@@ -0,0 +1,24 @@
+import React from 'react';
+/**
+ * @description
+ * A container for page content which provides a consistent width and spacing.
+ *
+ * @example
+ * ```ts
+ * import { PageBlock } from '@deenruv/admin-ui/react';
+ *
+ * export function MyComponent() {
+ *   return (
+ *     <PageBlock>
+ *       ...
+ *     </PageBlock>
+ *   );
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export function PageBlock(props) {
+    return React.createElement("div", { className: "page-block" }, props.children);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUJsb2NrLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9yZWFjdC9zcmMvcmVhY3QtY29tcG9uZW50cy9QYWdlQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBNEIsTUFBTSxPQUFPLENBQUM7QUFFakQ7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCRztBQUNILE1BQU0sVUFBVSxTQUFTLENBQUMsS0FBd0I7SUFDOUMsT0FBTyw2QkFBSyxTQUFTLEVBQUMsWUFBWSxJQUFFLEtBQUssQ0FBQyxRQUFRLENBQU8sQ0FBQztBQUM5RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFByb3BzV2l0aENoaWxkcmVuIH0gZnJvbSAncmVhY3QnO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogQSBjb250YWluZXIgZm9yIHBhZ2UgY29udGVudCB3aGljaCBwcm92aWRlcyBhIGNvbnNpc3RlbnQgd2lkdGggYW5kIHNwYWNpbmcuXG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYHRzXG4gKiBpbXBvcnQgeyBQYWdlQmxvY2sgfSBmcm9tICdAZGVlbnJ1di9hZG1pbi11aS9yZWFjdCc7XG4gKlxuICogZXhwb3J0IGZ1bmN0aW9uIE15Q29tcG9uZW50KCkge1xuICogICByZXR1cm4gKFxuICogICAgIDxQYWdlQmxvY2s+XG4gKiAgICAgICAuLi5cbiAqICAgICA8L1BhZ2VCbG9jaz5cbiAqICAgKTtcbiAqIH1cbiAqIGBgYFxuICpcbiAqIEBkb2NzQ2F0ZWdvcnkgcmVhY3QtY29tcG9uZW50c1xuICovXG5leHBvcnQgZnVuY3Rpb24gUGFnZUJsb2NrKHByb3BzOiBQcm9wc1dpdGhDaGlsZHJlbikge1xuICAgIHJldHVybiA8ZGl2IGNsYXNzTmFtZT1cInBhZ2UtYmxvY2tcIj57cHJvcHMuY2hpbGRyZW59PC9kaXY+O1xufVxuIl19

package/esm2022/react/react-components/PageDetailLayout.mjs

@@ -0,0 +1,26 @@
+import React from 'react';
+/**
+ * @description
+ * A responsive container for detail views with a main content area and an optional sidebar.
+ *
+ * @example
+ * ```ts
+ * import { PageDetailLayout } from '@deenruv/admin-ui/react';
+ *
+ * export function MyComponent() {
+ *   return (
+ *     <PageDetailLayout sidebar={<div>Sidebar content</div>}>
+ *       <div>Main content</div>
+ *     </PageDetailLayout>
+ *   );
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export function PageDetailLayout(props) {
+    return (React.createElement("div", { className: 'vdr-page-detail-layout' },
+        React.createElement("div", { className: "main" }, props.children),
+        React.createElement("div", { className: "sidebar" }, props.sidebar)));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZURldGFpbExheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvcmVhY3Qvc3JjL3JlYWN0LWNvbXBvbmVudHMvUGFnZURldGFpbExheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUF1QyxNQUFNLE9BQU8sQ0FBQztBQUU1RDs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBQ0gsTUFBTSxVQUFVLGdCQUFnQixDQUFDLEtBQWlEO0lBQzlFLE9BQU8sQ0FDSCw2QkFBSyxTQUFTLEVBQUUsd0JBQXdCO1FBQ3BDLDZCQUFLLFNBQVMsRUFBQyxNQUFNLElBQUUsS0FBSyxDQUFDLFFBQVEsQ0FBTztRQUM1Qyw2QkFBSyxTQUFTLEVBQUMsU0FBUyxJQUFFLEtBQUssQ0FBQyxPQUFPLENBQU8sQ0FDNUMsQ0FDVCxDQUFDO0FBQ04sQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBQcm9wc1dpdGhDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogQSByZXNwb25zaXZlIGNvbnRhaW5lciBmb3IgZGV0YWlsIHZpZXdzIHdpdGggYSBtYWluIGNvbnRlbnQgYXJlYSBhbmQgYW4gb3B0aW9uYWwgc2lkZWJhci5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgdHNcbiAqIGltcG9ydCB7IFBhZ2VEZXRhaWxMYXlvdXQgfSBmcm9tICdAZGVlbnJ1di9hZG1pbi11aS9yZWFjdCc7XG4gKlxuICogZXhwb3J0IGZ1bmN0aW9uIE15Q29tcG9uZW50KCkge1xuICogICByZXR1cm4gKFxuICogICAgIDxQYWdlRGV0YWlsTGF5b3V0IHNpZGViYXI9ezxkaXY+U2lkZWJhciBjb250ZW50PC9kaXY+fT5cbiAqICAgICAgIDxkaXY+TWFpbiBjb250ZW50PC9kaXY+XG4gKiAgICAgPC9QYWdlRGV0YWlsTGF5b3V0PlxuICogICApO1xuICogfVxuICogYGBgXG4gKlxuICogQGRvY3NDYXRlZ29yeSByZWFjdC1jb21wb25lbnRzXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBQYWdlRGV0YWlsTGF5b3V0KHByb3BzOiBQcm9wc1dpdGhDaGlsZHJlbjx7IHNpZGViYXI/OiBSZWFjdE5vZGUgfT4pIHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17J3Zkci1wYWdlLWRldGFpbC1sYXlvdXQnfT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibWFpblwiPntwcm9wcy5jaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwic2lkZWJhclwiPntwcm9wcy5zaWRlYmFyfTwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufVxuIl19

package/esm2022/react/react-components/RichTextEditor.mjs

@@ -0,0 +1,73 @@
+import React, { forwardRef, useEffect, useState, } from 'react';
+import { useRichTextEditor } from '../react-hooks/use-rich-text-editor';
+/**
+ * @description
+ * A rich text editor component which uses ProseMirror (rich text editor) under the hood.
+ *
+ * @example
+ * ```ts
+ * import { RichTextEditor } from '@deenruv/admin-ui/react';
+ * import React from 'react';
+ *
+ * export function MyComponent() {
+ *   const onSubmit = async (e: React.FormEvent) => {
+ *     e.preventDefault();
+ *     const form = new FormData(e.target as HTMLFormElement);
+ *     const content = form.get("content");
+ *     console.log(content);
+ *   };
+ *
+ *   return (
+ *     <form className="w-full" onSubmit={onSubmit}>
+ *       <RichTextEditor
+ *         name="content"
+ *         readOnly={false}
+ *         onMount={(e) => console.log("Mounted", e)}
+ *       />
+ *       <button type="submit" className="btn btn-primary">
+ *         Submit
+ *       </button>
+ *     </form>
+ *   );
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export const RichTextEditor = forwardRef((props, ref) => {
+    const [data, setData] = useState('');
+    const { readOnly, label, ...rest } = props;
+    const { ref: _ref, editor } = useRichTextEditor({
+        attributes: props.attributes,
+        isReadOnly: () => readOnly || false,
+        onTextInput: text => {
+            setData(text);
+            if (props.onChange) {
+                props.onChange({
+                    target: { value: text },
+                });
+            }
+            if (ref && 'current' in ref && ref.current) {
+                ref.current.value = text;
+                const event = new Event('input', {
+                    bubbles: true,
+                    cancelable: true,
+                });
+                ref.current.dispatchEvent(event);
+            }
+        },
+    });
+    useEffect(() => {
+        if (props.onMount && editor) {
+            props.onMount(editor);
+        }
+        if (typeof props.defaultValue === 'string') {
+            editor.update(props.defaultValue);
+        }
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: _ref, ...rest }, label && React.createElement("label", { className: "rich-text-label" }, label)),
+        React.createElement("input", { type: "hidden", value: data, ref: ref })));
+});
+RichTextEditor.displayName = 'RichTextEditor';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmljaFRleHRFZGl0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL3JlYWN0L3NyYy9yZWFjdC1jb21wb25lbnRzL1JpY2hUZXh0RWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUlWLFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxHQUNYLE1BQU0sT0FBTyxDQUFDO0FBRWYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFnQnhFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQ0c7QUFDSCxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsVUFBVSxDQUFDLENBQUMsS0FBeUIsRUFBRSxHQUFtQyxFQUFFLEVBQUU7SUFDeEcsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxRQUFRLENBQVMsRUFBRSxDQUFDLENBQUM7SUFDN0MsTUFBTSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLEVBQUUsR0FBRyxLQUFLLENBQUM7SUFDM0MsTUFBTSxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEdBQUcsaUJBQWlCLENBQUM7UUFDNUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxVQUFVO1FBQzVCLFVBQVUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxRQUFRLElBQUksS0FBSztRQUNuQyxXQUFXLEVBQUUsSUFBSSxDQUFDLEVBQUU7WUFDaEIsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ2QsSUFBSSxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ2pCLEtBQUssQ0FBQyxRQUFRLENBQUM7b0JBQ1gsTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtpQkFDTyxDQUFDLENBQUM7WUFDeEMsQ0FBQztZQUNELElBQUksR0FBRyxJQUFJLFNBQVMsSUFBSSxHQUFHLElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRSxDQUFDO2dCQUN6QyxHQUFHLENBQUMsT0FBTyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7Z0JBQ3pCLE1BQU0sS0FBSyxHQUFHLElBQUksS0FBSyxDQUFDLE9BQU8sRUFBRTtvQkFDN0IsT0FBTyxFQUFFLElBQUk7b0JBQ2IsVUFBVSxFQUFFLElBQUk7aUJBQ25CLENBQUMsQ0FBQztnQkFDSCxHQUFHLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNyQyxDQUFDO1FBQ0wsQ0FBQztLQUNKLENBQUMsQ0FBQztJQUVILFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDWCxJQUFJLEtBQUssQ0FBQyxPQUFPLElBQUksTUFBTSxFQUFFLENBQUM7WUFDMUIsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUMxQixDQUFDO1FBQ0QsSUFBSSxPQUFPLEtBQUssQ0FBQyxZQUFZLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDekMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDdEMsQ0FBQztJQUNMLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNQLE9BQU8sQ0FDSDtRQUNJLDZCQUFLLEdBQUcsRUFBRSxJQUFJLEtBQU0sSUFBSSxJQUNuQixLQUFLLElBQUksK0JBQU8sU0FBUyxFQUFDLGlCQUFpQixJQUFFLEtBQUssQ0FBUyxDQUMxRDtRQUNOLCtCQUFPLElBQUksRUFBQyxRQUFRLEVBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFJLENBQy9DLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQyxDQUFDO0FBRUgsY0FBYyxDQUFDLFdBQVcsR0FBRyxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICAgIENoYW5nZUV2ZW50LFxuICAgIEZvcndhcmRlZFJlZixcbiAgICBJbnB1dEhUTUxBdHRyaWJ1dGVzLFxuICAgIGZvcndhcmRSZWYsXG4gICAgdXNlRWZmZWN0LFxuICAgIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBQcm9zZW1pcnJvclNlcnZpY2UgfSBmcm9tICdAZGVlbnJ1di9hZG1pbi11aS9jb3JlJztcbmltcG9ydCB7IHVzZVJpY2hUZXh0RWRpdG9yIH0gZnJvbSAnLi4vcmVhY3QtaG9va3MvdXNlLXJpY2gtdGV4dC1lZGl0b3InO1xuXG5leHBvcnQgdHlwZSBSaWNoVGV4dEVkaXRvclR5cGUgPSBJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+ICYge1xuICAgIC8qKlxuICAgICAqIEBkZXNjcmlwdGlvblxuICAgICAqIENvbnRyb2wgdGhlIERPTSBhdHRyaWJ1dGVzIG9mIHRoZSBlZGl0YWJsZSBlbGVtZW50LiBNYXkgYmUgZWl0aGVyIGFuIG9iamVjdCBvciBhIGZ1bmN0aW9uIGdvaW5nIGZyb20gYW4gZWRpdG9yIHN0YXRlIHRvIGFuIG9iamVjdC5cbiAgICAgKiBCeSBkZWZhdWx0LCB0aGUgZWxlbWVudCB3aWxsIGdldCBhIGNsYXNzIFwiUHJvc2VNaXJyb3JcIiwgYW5kIHdpbGwgaGF2ZSBpdHMgY29udGVudEVkaXRhYmxlIGF0dHJpYnV0ZSBkZXRlcm1pbmVkIGJ5IHRoZSBlZGl0YWJsZSBwcm9wLlxuICAgICAqIEFkZGl0aW9uYWwgY2xhc3NlcyBwcm92aWRlZCBoZXJlIHdpbGwgYmUgYWRkZWQgdG8gdGhlIGNsYXNzLiBGb3Igb3RoZXIgYXR0cmlidXRlcywgdGhlIHZhbHVlIHByb3ZpZGVkIGZpcnN0IChhcyBpbiBzb21lUHJvcCkgd2lsbCBiZSB1c2VkLlxuICAgICAqIENvcGllZCBmcm9tIHJlYWwgcHJvcGVydHkgZGVzY3JpcHRpb24uXG4gICAgICovXG4gICAgYXR0cmlidXRlcz86IFJlY29yZDxzdHJpbmcsIHN0cmluZz47XG4gICAgbGFiZWw/OiBzdHJpbmc7XG4gICAgcmVhZE9ubHk/OiBib29sZWFuO1xuICAgIG9uTW91bnQ/OiAoZWRpdG9yOiBQcm9zZW1pcnJvclNlcnZpY2UpID0+IHZvaWQ7XG59O1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogQSByaWNoIHRleHQgZWRpdG9yIGNvbXBvbmVudCB3aGljaCB1c2VzIFByb3NlTWlycm9yIChyaWNoIHRleHQgZWRpdG9yKSB1bmRlciB0aGUgaG9vZC5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgdHNcbiAqIGltcG9ydCB7IFJpY2hUZXh0RWRpdG9yIH0gZnJvbSAnQGRlZW5ydXYvYWRtaW4tdWkvcmVhY3QnO1xuICogaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbiAqXG4gKiBleHBvcnQgZnVuY3Rpb24gTXlDb21wb25lbnQoKSB7XG4gKiAgIGNvbnN0IG9uU3VibWl0ID0gYXN5bmMgKGU6IFJlYWN0LkZvcm1FdmVudCkgPT4ge1xuICogICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAqICAgICBjb25zdCBmb3JtID0gbmV3IEZvcm1EYXRhKGUudGFyZ2V0IGFzIEhUTUxGb3JtRWxlbWVudCk7XG4gKiAgICAgY29uc3QgY29udGVudCA9IGZvcm0uZ2V0KFwiY29udGVudFwiKTtcbiAqICAgICBjb25zb2xlLmxvZyhjb250ZW50KTtcbiAqICAgfTtcbiAqXG4gKiAgIHJldHVybiAoXG4gKiAgICAgPGZvcm0gY2xhc3NOYW1lPVwidy1mdWxsXCIgb25TdWJtaXQ9e29uU3VibWl0fT5cbiAqICAgICAgIDxSaWNoVGV4dEVkaXRvclxuICogICAgICAgICBuYW1lPVwiY29udGVudFwiXG4gKiAgICAgICAgIHJlYWRPbmx5PXtmYWxzZX1cbiAqICAgICAgICAgb25Nb3VudD17KGUpID0+IGNvbnNvbGUubG9nKFwiTW91bnRlZFwiLCBlKX1cbiAqICAgICAgIC8+XG4gKiAgICAgICA8YnV0dG9uIHR5cGU9XCJzdWJtaXRcIiBjbGFzc05hbWU9XCJidG4gYnRuLXByaW1hcnlcIj5cbiAqICAgICAgICAgU3VibWl0XG4gKiAgICAgICA8L2J1dHRvbj5cbiAqICAgICA8L2Zvcm0+XG4gKiAgICk7XG4gKiB9XG4gKiBgYGBcbiAqXG4gKiBAZG9jc0NhdGVnb3J5IHJlYWN0LWNvbXBvbmVudHNcbiAqL1xuZXhwb3J0IGNvbnN0IFJpY2hUZXh0RWRpdG9yID0gZm9yd2FyZFJlZigocHJvcHM6IFJpY2hUZXh0RWRpdG9yVHlwZSwgcmVmOiBGb3J3YXJkZWRSZWY8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxzdHJpbmc+KCcnKTtcbiAgICBjb25zdCB7IHJlYWRPbmx5LCBsYWJlbCwgLi4ucmVzdCB9ID0gcHJvcHM7XG4gICAgY29uc3QgeyByZWY6IF9yZWYsIGVkaXRvciB9ID0gdXNlUmljaFRleHRFZGl0b3Ioe1xuICAgICAgICBhdHRyaWJ1dGVzOiBwcm9wcy5hdHRyaWJ1dGVzLFxuICAgICAgICBpc1JlYWRPbmx5OiAoKSA9PiByZWFkT25seSB8fCBmYWxzZSxcbiAgICAgICAgb25UZXh0SW5wdXQ6IHRleHQgPT4ge1xuICAgICAgICAgICAgc2V0RGF0YSh0ZXh0KTtcbiAgICAgICAgICAgIGlmIChwcm9wcy5vbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLm9uQ2hhbmdlKHtcbiAgICAgICAgICAgICAgICAgICAgdGFyZ2V0OiB7IHZhbHVlOiB0ZXh0IH0sXG4gICAgICAgICAgICAgICAgfSBhcyBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50Pik7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAocmVmICYmICdjdXJyZW50JyBpbiByZWYgJiYgcmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgICAgICByZWYuY3VycmVudC52YWx1ZSA9IHRleHQ7XG4gICAgICAgICAgICAgICAgY29uc3QgZXZlbnQgPSBuZXcgRXZlbnQoJ2lucHV0Jywge1xuICAgICAgICAgICAgICAgICAgICBidWJibGVzOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgICBjYW5jZWxhYmxlOiB0cnVlLFxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgIHJlZi5jdXJyZW50LmRpc3BhdGNoRXZlbnQoZXZlbnQpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgIH0pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLm9uTW91bnQgJiYgZWRpdG9yKSB7XG4gICAgICAgICAgICBwcm9wcy5vbk1vdW50KGVkaXRvcik7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHR5cGVvZiBwcm9wcy5kZWZhdWx0VmFsdWUgPT09ICdzdHJpbmcnKSB7XG4gICAgICAgICAgICBlZGl0b3IudXBkYXRlKHByb3BzLmRlZmF1bHRWYWx1ZSk7XG4gICAgICAgIH1cbiAgICB9LCBbXSk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxkaXYgcmVmPXtfcmVmfSB7Li4ucmVzdH0+XG4gICAgICAgICAgICAgICAge2xhYmVsICYmIDxsYWJlbCBjbGFzc05hbWU9XCJyaWNoLXRleHQtbGFiZWxcIj57bGFiZWx9PC9sYWJlbD59XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiaGlkZGVuXCIgdmFsdWU9e2RhdGF9IHJlZj17cmVmfSAvPlxuICAgICAgICA8Lz5cbiAgICApO1xufSk7XG5cblJpY2hUZXh0RWRpdG9yLmRpc3BsYXlOYW1lID0gJ1JpY2hUZXh0RWRpdG9yJztcbiJdfQ==