UNPKG

riverty-angular-wrappers

Version:

Set of Angular component wrappers for Riverty Design System web-components.

902 lines • 55.4 kB
import * as i0 from '@angular/core';
import { Component, ChangeDetectionStrategy, Directive, HostListener, APP_INITIALIZER, NgModule } from '@angular/core';
import { __decorate } from 'tslib';
import { fromEvent } from 'rxjs';
import { defineCustomElements } from '@riverty/web-components/loader';
import { NG_VALUE_ACCESSOR } from '@angular/forms';

/* eslint-disable */
/* tslint:disable */
const proxyInputs = (Cmp, inputs) => {
    const Prototype = Cmp.prototype;
    inputs.forEach((item) => {
        Object.defineProperty(Prototype, item, {
            get() {
                return this.el[item];
            },
            set(val) {
                this.z.runOutsideAngular(() => (this.el[item] = val));
            },
            /**
             * In the event that proxyInputs is called
             * multiple times re-defining these inputs
             * will cause an error to be thrown. As a result
             * we set configurable: true to indicate these
             * properties can be changed.
             */
            configurable: true,
        });
    });
};
const proxyMethods = (Cmp, methods) => {
    const Prototype = Cmp.prototype;
    methods.forEach((methodName) => {
        Prototype[methodName] = function () {
            const args = arguments;
            return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
        };
    });
};
const proxyOutputs = (instance, el, events) => {
    events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
};
const defineCustomElement = (tagName, customElement) => {
    if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
        customElements.define(tagName, customElement);
    }
};
// tslint:disable-next-line: only-arrow-functions
function ProxyCmp(opts) {
    const decorator = function (cls) {
        const { defineCustomElementFn, inputs, methods } = opts;
        if (defineCustomElementFn !== undefined) {
            defineCustomElementFn();
        }
        if (inputs) {
            proxyInputs(cls, inputs);
        }
        if (methods) {
            proxyMethods(cls, methods);
        }
        return cls;
    };
    return decorator;
}

let RAccordion = class RAccordion {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
    }
};
RAccordion.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RAccordion.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RAccordion, selector: "r-accordion", inputs: { multiple: "multiple" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RAccordion = __decorate([
    ProxyCmp({
        inputs: ['multiple']
    })
], RAccordion);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RAccordion, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-accordion',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['multiple'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RAccordionItem = class RAccordionItem {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
    }
};
RAccordionItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RAccordionItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RAccordionItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RAccordionItem, selector: "r-accordion-item", inputs: { expanded: "expanded", header: "header" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RAccordionItem = __decorate([
    ProxyCmp({
        inputs: ['expanded', 'header']
    })
], RAccordionItem);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RAccordionItem, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-accordion-item',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['expanded', 'header'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RAccordionPanel = class RAccordionPanel {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
    }
};
RAccordionPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RAccordionPanel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RAccordionPanel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RAccordionPanel, selector: "r-accordion-panel", inputs: { disabled: "disabled", expanded: "expanded", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RAccordionPanel = __decorate([
    ProxyCmp({
        inputs: ['disabled', 'expanded', 'trigger']
    })
], RAccordionPanel);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RAccordionPanel, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-accordion-panel',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['disabled', 'expanded', 'trigger'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RAccordionSection = class RAccordionSection {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
        proxyOutputs(this, this.el, ['rChangeExpanded']);
    }
};
RAccordionSection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RAccordionSection, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RAccordionSection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RAccordionSection, selector: "r-accordion-section", inputs: { disabled: "disabled", expanded: "expanded" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RAccordionSection = __decorate([
    ProxyCmp({
        inputs: ['disabled', 'expanded']
    })
], RAccordionSection);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RAccordionSection, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-accordion-section',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['disabled', 'expanded'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RAccordionTrigger = class RAccordionTrigger {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
        proxyOutputs(this, this.el, ['rClickTrigger', 'rKeyupTrigger']);
    }
};
RAccordionTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RAccordionTrigger, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RAccordionTrigger.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RAccordionTrigger, selector: "r-accordion-trigger", inputs: { disabled: "disabled", expanded: "expanded", icon: "icon", iconCollapsed: "iconCollapsed", iconExpanded: "iconExpanded", iconPosition: "iconPosition", panel: "panel", splitted: "splitted" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RAccordionTrigger = __decorate([
    ProxyCmp({
        inputs: ['disabled', 'expanded', 'icon', 'iconCollapsed', 'iconExpanded', 'iconPosition', 'panel', 'splitted']
    })
], RAccordionTrigger);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RAccordionTrigger, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-accordion-trigger',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['disabled', 'expanded', 'icon', 'iconCollapsed', 'iconExpanded', 'iconPosition', 'panel', 'splitted'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RBadge = class RBadge {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
    }
};
RBadge.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RBadge.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RBadge, selector: "r-badge", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RBadge = __decorate([
    ProxyCmp({
        inputs: ['variant']
    })
], RBadge);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RBadge, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-badge',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['variant'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RButton = class RButton {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
    }
};
RButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RButton, selector: "r-button", inputs: { disabled: "disabled", expanded: "expanded", form: "form", href: "href", icon: "icon", iconColor: "iconColor", iconPosition: "iconPosition", mode: "mode", size: "size", target: "target", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RButton = __decorate([
    ProxyCmp({
        inputs: ['disabled', 'expanded', 'form', 'href', 'icon', 'iconColor', 'iconPosition', 'mode', 'size', 'target', 'type', 'variant']
    })
], RButton);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RButton, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-button',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['disabled', 'expanded', 'form', 'href', 'icon', 'iconColor', 'iconPosition', 'mode', 'size', 'target', 'type', 'variant'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RCheckbox = class RCheckbox {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
        proxyOutputs(this, this.el, ['rChange', 'rReset']);
    }
};
RCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RCheckbox, selector: "r-checkbox", inputs: { checked: "checked", disabled: "disabled", error: "error", hint: "hint", invalid: "invalid", name: "name", required: "required", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RCheckbox = __decorate([
    ProxyCmp({
        inputs: ['checked', 'disabled', 'error', 'hint', 'invalid', 'name', 'required', 'value']
    })
], RCheckbox);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RCheckbox, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-checkbox',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['checked', 'disabled', 'error', 'hint', 'invalid', 'name', 'required', 'value'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RDesignSystemDevtools = class RDesignSystemDevtools {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
    }
};
RDesignSystemDevtools.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RDesignSystemDevtools, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RDesignSystemDevtools.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RDesignSystemDevtools, selector: "r-design-system-devtools", inputs: { designTokens: "designTokens" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RDesignSystemDevtools = __decorate([
    ProxyCmp({
        inputs: ['designTokens']
    })
], RDesignSystemDevtools);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RDesignSystemDevtools, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-design-system-devtools',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['designTokens'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RIcon = class RIcon {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
    }
};
RIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RIcon, selector: "r-icon", inputs: { color: "color", kit: "kit", name: "name", size: "size", src: "src", viewBox: "viewBox" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RIcon = __decorate([
    ProxyCmp({
        inputs: ['color', 'kit', 'name', 'size', 'src', 'viewBox']
    })
], RIcon);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RIcon, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-icon',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['color', 'kit', 'name', 'size', 'src', 'viewBox'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RInput = class RInput {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
        proxyOutputs(this, this.el, ['rClickIcon', 'rValidate', 'rInput', 'rChange', 'rReset']);
    }
};
RInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RInput, selector: "r-input", inputs: { badInputMessage: "badInputMessage", customErrorMessage: "customErrorMessage", disabled: "disabled", error: "error", expanded: "expanded", form: "form", hint: "hint", icon: "icon", iconColor: "iconColor", iconPosition: "iconPosition", iconSubmit: "iconSubmit", invalid: "invalid", label: "label", max: "max", maxlength: "maxlength", min: "min", minlength: "minlength", name: "name", optional: "optional", optionalText: "optionalText", pattern: "pattern", patternMismatchMessage: "patternMismatchMessage", placeholder: "placeholder", rangeOverflowMessage: "rangeOverflowMessage", rangeUnderflowMessage: "rangeUnderflowMessage", required: "required", step: "step", stepMismatchMessage: "stepMismatchMessage", tooLongMessage: "tooLongMessage", tooShortMessage: "tooShortMessage", tooltip: "tooltip", tooltipIcon: "tooltipIcon", tooltipIconColor: "tooltipIconColor", type: "type", typeMismatchMessage: "typeMismatchMessage", valid: "valid", validMarker: "validMarker", validMessage: "validMessage", value: "value", valueMissingMessage: "valueMissingMessage" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RInput = __decorate([
    ProxyCmp({
        inputs: ['badInputMessage', 'customErrorMessage', 'disabled', 'error', 'expanded', 'form', 'hint', 'icon', 'iconColor', 'iconPosition', 'iconSubmit', 'invalid', 'label', 'max', 'maxlength', 'min', 'minlength', 'name', 'optional', 'optionalText', 'pattern', 'patternMismatchMessage', 'placeholder', 'rangeOverflowMessage', 'rangeUnderflowMessage', 'required', 'step', 'stepMismatchMessage', 'tooLongMessage', 'tooShortMessage', 'tooltip', 'tooltipIcon', 'tooltipIconColor', 'type', 'typeMismatchMessage', 'valid', 'validMarker', 'validMessage', 'value', 'valueMissingMessage']
    })
], RInput);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RInput, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-input',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['badInputMessage', 'customErrorMessage', 'disabled', 'error', 'expanded', 'form', 'hint', 'icon', 'iconColor', 'iconPosition', 'iconSubmit', 'invalid', 'label', 'max', 'maxlength', 'min', 'minlength', 'name', 'optional', 'optionalText', 'pattern', 'patternMismatchMessage', 'placeholder', 'rangeOverflowMessage', 'rangeUnderflowMessage', 'required', 'step', 'stepMismatchMessage', 'tooLongMessage', 'tooShortMessage', 'tooltip', 'tooltipIcon', 'tooltipIconColor', 'type', 'typeMismatchMessage', 'valid', 'validMarker', 'validMessage', 'value', 'valueMissingMessage'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RLabel = class RLabel {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
    }
};
RLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RLabel, selector: "r-label", inputs: { optional: "optional", optionalText: "optionalText", tooltip: "tooltip", tooltipIcon: "tooltipIcon", tooltipIconColor: "tooltipIconColor", tooltipPosition: "tooltipPosition" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RLabel = __decorate([
    ProxyCmp({
        inputs: ['optional', 'optionalText', 'tooltip', 'tooltipIcon', 'tooltipIconColor', 'tooltipPosition']
    })
], RLabel);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RLabel, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-label',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['optional', 'optionalText', 'tooltip', 'tooltipIcon', 'tooltipIconColor', 'tooltipPosition'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RPagination = class RPagination {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
        proxyOutputs(this, this.el, ['rChange', 'rNumberClick', 'rArrowClick']);
    }
};
RPagination.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RPagination.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RPagination, selector: "r-pagination", inputs: { arrows: "arrows", pageActive: "pageActive", pagesTotal: "pagesTotal", reveal: "reveal" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RPagination = __decorate([
    ProxyCmp({
        inputs: ['arrows', 'pageActive', 'pagesTotal', 'reveal']
    })
], RPagination);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RPagination, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-pagination',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['arrows', 'pageActive', 'pagesTotal', 'reveal'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RProgressBar = class RProgressBar {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
    }
};
RProgressBar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RProgressBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RProgressBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RProgressBar, selector: "r-progress-bar", inputs: { progress: "progress" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RProgressBar = __decorate([
    ProxyCmp({
        inputs: ['progress']
    })
], RProgressBar);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RProgressBar, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-progress-bar',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['progress'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RProgressSteps = class RProgressSteps {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
    }
};
RProgressSteps.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RProgressSteps, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RProgressSteps.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RProgressSteps, selector: "r-progress-steps", inputs: { activeStep: "activeStep", icon: "icon", steps: "steps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RProgressSteps = __decorate([
    ProxyCmp({
        inputs: ['activeStep', 'icon', 'steps']
    })
], RProgressSteps);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RProgressSteps, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-progress-steps',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['activeStep', 'icon', 'steps'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RRadioButton = class RRadioButton {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
        proxyOutputs(this, this.el, ['rChange', 'rReset']);
    }
};
RRadioButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RRadioButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RRadioButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RRadioButton, selector: "r-radio-button", inputs: { checked: "checked", disabled: "disabled", error: "error", hint: "hint", name: "name", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RRadioButton = __decorate([
    ProxyCmp({
        inputs: ['checked', 'disabled', 'error', 'hint', 'name', 'value']
    })
], RRadioButton);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RRadioButton, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-radio-button',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['checked', 'disabled', 'error', 'hint', 'name', 'value'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RSelect = class RSelect {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
        proxyOutputs(this, this.el, ['rValidate', 'rChange', 'rReset', 'rChangeFilter', 'rInputFilter']);
    }
};
RSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RSelect, selector: "r-select", inputs: { customErrorMessage: "customErrorMessage", disabled: "disabled", error: "error", filter: "filter", filterIcon: "filterIcon", filterIconColor: "filterIconColor", filterIconPosition: "filterIconPosition", filterValue: "filterValue", hint: "hint", invalid: "invalid", label: "label", name: "name", optional: "optional", optionalText: "optionalText", placeholder: "placeholder", required: "required", tooltip: "tooltip", tooltipIcon: "tooltipIcon", tooltipIconColor: "tooltipIconColor", valid: "valid", validMessage: "validMessage", value: "value", valueMissingMessage: "valueMissingMessage" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RSelect = __decorate([
    ProxyCmp({
        inputs: ['customErrorMessage', 'disabled', 'error', 'filter', 'filterIcon', 'filterIconColor', 'filterIconPosition', 'filterValue', 'hint', 'invalid', 'label', 'name', 'optional', 'optionalText', 'placeholder', 'required', 'tooltip', 'tooltipIcon', 'tooltipIconColor', 'valid', 'validMessage', 'value', 'valueMissingMessage']
    })
], RSelect);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RSelect, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-select',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['customErrorMessage', 'disabled', 'error', 'filter', 'filterIcon', 'filterIconColor', 'filterIconPosition', 'filterValue', 'hint', 'invalid', 'label', 'name', 'optional', 'optionalText', 'placeholder', 'required', 'tooltip', 'tooltipIcon', 'tooltipIconColor', 'valid', 'validMessage', 'value', 'valueMissingMessage'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RSelectOption = class RSelectOption {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
        proxyOutputs(this, this.el, ['optionClick', 'optionKeyup']);
    }
};
RSelectOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RSelectOption, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RSelectOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RSelectOption, selector: "r-select-option", inputs: { disabled: "disabled", icon: "icon", iconColor: "iconColor", iconPosition: "iconPosition", iconSize: "iconSize", label: "label", selected: "selected", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RSelectOption = __decorate([
    ProxyCmp({
        inputs: ['disabled', 'icon', 'iconColor', 'iconPosition', 'iconSize', 'label', 'selected', 'value']
    })
], RSelectOption);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RSelectOption, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-select-option',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['disabled', 'icon', 'iconColor', 'iconPosition', 'iconSize', 'label', 'selected', 'value'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RTab = class RTab {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
        proxyOutputs(this, this.el, ['tabChange']);
    }
};
RTab.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RTab, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RTab.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RTab, selector: "r-tab", inputs: { active: "active", disabled: "disabled", panelId: "panelId" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RTab = __decorate([
    ProxyCmp({
        inputs: ['active', 'disabled', 'panelId']
    })
], RTab);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RTab, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-tab',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['active', 'disabled', 'panelId'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RTabPanel = class RTabPanel {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
    }
};
RTabPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RTabPanel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RTabPanel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RTabPanel, selector: "r-tab-panel", inputs: { active: "active", tabId: "tabId" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RTabPanel = __decorate([
    ProxyCmp({
        inputs: ['active', 'tabId']
    })
], RTabPanel);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RTabPanel, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-tab-panel',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['active', 'tabId'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RTabs = class RTabs {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
        proxyOutputs(this, this.el, ['rChange']);
    }
};
RTabs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RTabs.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RTabs, selector: "r-tabs", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RTabs = __decorate([
    ProxyCmp({})
], RTabs);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RTabs, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-tabs',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: [],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RTabsList = class RTabsList {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
    }
};
RTabsList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RTabsList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RTabsList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RTabsList, selector: "r-tabs-list", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RTabsList = __decorate([
    ProxyCmp({})
], RTabsList);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RTabsList, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-tabs-list',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: [],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RTextarea = class RTextarea {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
        proxyOutputs(this, this.el, ['rChange', 'rInput', 'rReset', 'rValidate']);
    }
};
RTextarea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RTextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RTextarea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RTextarea, selector: "r-textarea", inputs: { cols: "cols", customErrorMessage: "customErrorMessage", disabled: "disabled", error: "error", form: "form", hint: "hint", invalid: "invalid", label: "label", maxlength: "maxlength", minlength: "minlength", name: "name", optional: "optional", optionalText: "optionalText", placeholder: "placeholder", required: "required", resize: "resize", rows: "rows", tooLongMessage: "tooLongMessage", tooShortMessage: "tooShortMessage", tooltip: "tooltip", tooltipIcon: "tooltipIcon", tooltipIconColor: "tooltipIconColor", valid: "valid", validMarker: "validMarker", validMessage: "validMessage", value: "value", valueMissingMessage: "valueMissingMessage" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RTextarea = __decorate([
    ProxyCmp({
        inputs: ['cols', 'customErrorMessage', 'disabled', 'error', 'form', 'hint', 'invalid', 'label', 'maxlength', 'minlength', 'name', 'optional', 'optionalText', 'placeholder', 'required', 'resize', 'rows', 'tooLongMessage', 'tooShortMessage', 'tooltip', 'tooltipIcon', 'tooltipIconColor', 'valid', 'validMarker', 'validMessage', 'value', 'valueMissingMessage']
    })
], RTextarea);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RTextarea, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-textarea',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['cols', 'customErrorMessage', 'disabled', 'error', 'form', 'hint', 'invalid', 'label', 'maxlength', 'minlength', 'name', 'optional', 'optionalText', 'placeholder', 'required', 'resize', 'rows', 'tooLongMessage', 'tooShortMessage', 'tooltip', 'tooltipIcon', 'tooltipIconColor', 'valid', 'validMarker', 'validMessage', 'value', 'valueMissingMessage'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let RTooltip = class RTooltip {
    constructor(c, r, z) {
        this.z = z;
        c.detach();
        this.el = r.nativeElement;
        proxyOutputs(this, this.el, ['rTooltipFocus']);
    }
};
RTooltip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
RTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RTooltip, selector: "r-tooltip", inputs: { position: "position", text: "text" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
RTooltip = __decorate([
    ProxyCmp({
        inputs: ['position', 'text']
    })
], RTooltip);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RTooltip, decorators: [{
            type: Component,
            args: [{
                    selector: 'r-tooltip',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: '<ng-content></ng-content>',
                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                    inputs: ['position', 'text'],
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });

const DIRECTIVES = [
    RAccordion,
    RAccordionItem,
    RAccordionPanel,
    RAccordionSection,
    RAccordionTrigger,
    RBadge,
    RButton,
    RCheckbox,
    RDesignSystemDevtools,
    RIcon,
    RInput,
    RLabel,
    RPagination,
    RProgressBar,
    RProgressSteps,
    RRadioButton,
    RSelect,
    RSelectOption,
    RTab,
    RTabPanel,
    RTabs,
    RTabsList,
    RTextarea,
    RTooltip
];

class ValueAccessor {
    constructor(el) {
        this.el = el;
        this.onChange = () => { };
        this.onTouched = () => { };
    }
    writeValue(value) {
        this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
    }
    handleChangeEvent(value) {
        if (value !== this.lastValue) {
            this.lastValue = value;
            this.onChange(value);
        }
    }
    _handleBlurEvent() {
        this.onTouched();
    }
    registerOnChange(fn) {
        this.onChange = fn;
    }
    registerOnTouched(fn) {
        this.onTouched = fn;
    }
    setDisabledState(isDisabled) {
        this.el.nativeElement.disabled = isDisabled;
    }
}
ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ValueAccessor, decorators: [{
            type: Directive,
            args: [{}]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
                type: HostListener,
                args: ['focusout']
            }] } });

class TextValueAccessor extends ValueAccessor {
    constructor(el) {
        super(el);
    }
}
TextValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
TextValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TextValueAccessor, selector: "r-input, r-textarea", host: { listeners: { "rInput": "handleChangeEvent($event.target.value)" } }, providers: [
        {
            provide: NG_VALUE_ACCESSOR,
            useExisting: TextValueAccessor,
            multi: true
        }
    ], usesInheritance: true, ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextValueAccessor, decorators: [{
            type: Directive,
            args: [{
                    /* tslint:disable-next-line:directive-selector */
                    selector: 'r-input, r-textarea',
                    host: {
                        '(rInput)': 'handleChangeEvent($event.target.value)'
                    },
                    providers: [
                        {
                            provide: NG_VALUE_ACCESSOR,
                            useExisting: TextValueAccessor,
                            multi: true
                        }
                    ]
                }]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });

class SelectValueAccessor extends ValueAccessor {
    constructor(el) {
        super(el);
    }
}
SelectValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
SelectValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SelectValueAccessor, selector: "r-select", host: { listeners: { "rChange": "handleChangeEvent($event.target.value)" } }, providers: [
        {
            provide: NG_VALUE_ACCESSOR,
            useExisting: SelectValueAccessor,
            multi: true
        }
    ], usesInheritance: true, ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectValueAccessor, decorators: [{
            type: Directive,
            args: [{
                    /* tslint:disable-next-line:directive-selector */
                    selector: 'r-select',
                    host: {
                        '(rChange)': 'handleChangeEvent($event.target.value)'
                    },
                    providers: [
                        {
                            provide: NG_VALUE_ACCESSOR,
                            useExisting: SelectValueAccessor,
                            multi: true
                        }
                    ]
                }]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });

class BooleanValueAccessor extends ValueAccessor {
    constructor(el) {
        super(el);
    }
    writeValue(value) {
        this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
    }
}
BooleanValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
BooleanValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BooleanValueAccessor, selector: "r-checkbox, r-radio-button", host: { listeners: { "rChange": "handleChangeEvent($event.target.checked)" } }, providers: [
        {
            provide: NG_VALUE_ACCESSOR,
            useExisting: BooleanValueAccessor,
            multi: true
        }
    ], usesInheritance: true, ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanValueAccessor, decorators: [{
            type: Directive,
            args: [{
                    /* tslint:disable-next-line:directive-selector */
                    selector: 'r-checkbox, r-radio-button',
                    host: {
                        '(rChange)': 'handleChangeEvent($event.target.checked)'
                    },
                    providers: [
                        {
                            provide: NG_VALUE_ACCESSOR,
                            useExisting: BooleanValueAccessor,
                            multi: true
                        }
                    ]
                }]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });

class NumericValueAccessor extends ValueAccessor {
    constructor(el) {
        super(el);
    }
    registerOnChange(fn) {
        super.registerOnChange(value => {
            fn(value === '' ? null : parseFloat(value));
        });
    }
}
NumericValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
NumericValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NumericValueAccessor, selector: "r-input[type=\"number\"]", host: { listeners: { "rInput": "handleChangeEvent($event.target.value)" } }, providers: [
        {
            provide: NG_VALUE_ACCESSOR,
            useExisting: NumericValueAccessor,
            multi: true
        }
    ], usesInheritance: true, ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericValueAccessor, decorators: [{
            type: Directive,
            args: [{
                    /* tslint:disable-next-line:directive-selector */
                    selector: 'r-input[type="number"]',
                    host: {
                        '(rInput)': 'handleChangeEvent($event.target.value)'
                    },
                    providers: [
                        {
                            provide: NG_VALUE_ACCESSOR,
                            useExisting: NumericValueAccessor,
                            multi: true
                        }
                    ]
                }]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });

class WrappersModule {
}
WrappersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WrappersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
WrappersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: WrappersModule, declarations: [RAccordion, RAccordionItem, RAccordionPanel, RAccordionSection, RAccordionTrigger, RBadge, RButton, RCheckbox, RDesignSystemDevtools, RIcon, RInput, RLabel, RPagination, RProgressBar, RProgressSteps, RRadioButton, RSelect, RSelectOption, RTab, RTabPanel, RTabs, RTabsList, RTextarea, RTooltip, TextValueAccessor,
        SelectValueAccessor,
        BooleanValueAccessor,
        NumericValueAccessor], exports: [RAccordion, RAccordionItem, RAccordionPanel, RAccordionSection, RAccordionTrigger, RBadge, RButton, RCheckbox, RDesignSystemDevtools, RIcon, RInput, RLabel, RPagination, RProgressBar, RProgressSteps, RRadioButton, RSelect, RSelectOption, RTab, RTabPanel, RTabs, RTabsList, RTextarea, RTooltip, TextValueAccessor,
        SelectValueAccessor,
        BooleanValueAccessor,
        NumericValueAccessor] });
WrappersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WrappersModule, providers: [
        {
            provide: APP_INITIALIZER,
            useFactory: () => defineCustomElements,
            multi: true,
        },
    ] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WrappersModule, decorators: [{
            type: NgModule,
            args: [{
                    declarations: [
                        ...DIRECTIVES,
                        TextValueAccessor,
                        SelectValueAccessor,
                        BooleanValueAccessor,
                        NumericValueAccessor,
                    ],
                    exports: [
                        ...DIRECTIVES,
                        TextValueAccessor,
                        SelectValueAccessor,
                        BooleanValueAccessor,
                        NumericValueAccessor,
                    ],
                    providers: [
                        {
                            provide: APP_INITIALIZER,
                            useFactory: () => defineCustomElements,
                            multi: true,
                        },
                    ],
                }]
        }] });

/*
 * Public API Surface of wrappers
 */

/**
 * Generated bundle index. Do not edit.
 */

export { BooleanValueAccessor, DIRECTIVES, NumericValueAccessor, RAccordion, RAccordionItem, RAccordionPanel, RAccordionSection, RAccordionTrigger, RBadge, RButton, RCheckbox, RDesignSystemDevtools, RIcon, RInput, RLabel, RPagination, RProgressBar, RProgressSteps, RRadioButton, RSelect, RSelectOption, RTab, RTabPanel, RTabs, RTabsList, RTextarea, RTooltip, SelectValueAccessor, TextValueAccessor, WrappersModule };
//# sourceMappingURL=riverty-angular-wrappers.mjs.map