ng-configcat-publicapi-ui 4.2.2 → 5.0.1

package/index.d.ts

@@ -1,5 +1,478 @@
+import * as _angular_core from '@angular/core';
+import { Provider, InjectionToken, OnInit, OnChanges, OnDestroy } from '@angular/core';
+import * as ng_configcat_publicapi from 'ng-configcat-publicapi';
+import { MeService, ProductsService, ConfigsService, EnvironmentsService, FeatureFlagsSettingsService, FeatureFlagSettingValuesV2Service, FeatureFlagSettingValuesService, IntegrationLinksService, SegmentsService, UserComparator, SettingType, SegmentComparator, PrerequisiteComparator, SettingFormulaModel, FeatureFlagLimitations, TargetingRuleModel, PercentageOptionModel, ConditionModel, UserConditionModel, SegmentConditionModel, PrerequisiteFlagConditionModel, ComparisonValueListModel, ComparisonValueModel, ValueModel, UpdateEvaluationFormulaModel, ConfigModel, EnvironmentModel, SettingValueModel, UpdateSettingValueModel, SettingDataModel, SegmentListModel, ProductModel, SettingModel } from 'ng-configcat-publicapi';
+import { HttpErrorResponse } from '@angular/common/http';
+import * as _angular_forms from '@angular/forms';
+import { FormGroup, FormControl, FormArray, ValidatorFn, AbstractControl } from '@angular/forms';
+import { Observable, Subscription } from 'rxjs';
+import { MatDialogRef } from '@angular/material/dialog';
+
+interface IConfigCatPublicApiConfiguration {
+    basicAuthUsername?: string;
+    basicAuthPassword?: string;
+    basePath?: string;
+    dashboardBasePath?: string;
+}
+
+declare function provideConfigCatPublicApiUi(): Provider[];
+declare const CONFIGCAT_PUBLICAPI_UI_CONFIGURATION: InjectionToken<IConfigCatPublicApiConfiguration>;
+
 /**
- * Generated bundle index. Do not edit.
+ * Makes sure that values entered into HTML input fields are displayed in the correct format,
+ * where correct means normalized (e.g. `'.10'` --> `'0.1'`) and corresponding to the locale setting.
+ *
+ * The format is adjusted on the blur event. Only the format of number inputs is adjusted currently.
  */
-/// <amd-module name="ng-configcat-publicapi-ui" />
-export * from './public-api';
+declare class InputDisplayNormalizerDirective {
+    onChange($event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputDisplayNormalizerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputDisplayNormalizerDirective, "input[inputDisplayNormalizer]", never, {}, {}, never, never, true, never>;
+}
+
+declare class PublicApiService {
+    private readonly httpClient;
+    private readonly configuration;
+    createMeService(basicAuthUsername?: string | null, basicAuthPassword?: string | null, basePath?: string | null): MeService;
+    createProductsService(basicAuthUsername?: string | null, basicAuthPassword?: string | null, basePath?: string | null): ProductsService;
+    createConfigsService(basicAuthUsername?: string | null, basicAuthPassword?: string | null, basePath?: string | null): ConfigsService;
+    createEnvironmentsService(basicAuthUsername?: string | null, basicAuthPassword?: string | null, basePath?: string | null): EnvironmentsService;
+    createSettingsService(basicAuthUsername?: string | null, basicAuthPassword?: string | null, basePath?: string | null): FeatureFlagsSettingsService;
+    createSettingValuesV2Service(basicAuthUsername?: string | null, basicAuthPassword?: string | null, basePath?: string | null): FeatureFlagSettingValuesV2Service;
+    createSettingValuesService(basicAuthUsername?: string | null, basicAuthPassword?: string | null, basePath?: string | null): FeatureFlagSettingValuesService;
+    createIntegrationLinksService(basicAuthUsername?: string | null, basicAuthPassword?: string | null, basePath?: string | null): IntegrationLinksService;
+    createSegmentsService(basicAuthUsername?: string | null, basicAuthPassword?: string | null, basePath?: string | null): SegmentsService;
+    getDashboardBasePath(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PublicApiService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<PublicApiService>;
+}
+
+declare const percentageRegex = "^[0-9]*$";
+declare const wholeNumberRegex = "^[-+]?[0-9]\\d*$";
+declare const featureFlagKeyRegex = "^[a-zA-Z]+[a-zA-Z0-9_-]*$";
+declare const defaultErrorMessageTypes: string[];
+declare class FormHelper {
+    static handleErrors(formGroup: FormGroup, error: Error): void;
+    static getHttpErrorResponseMessage(error: HttpErrorResponse, fieldName: string): string | undefined;
+    static getErrorMessage(control: FormControl | FormGroup | FormArray, hint?: string): string;
+    /**
+     * Converts a value representing a number to a `number` value.
+     * Returns `NaN` in the case of non-numerical values.
+     */
+    static normalizeNumber(value: string | number | bigint): number;
+    /**
+     * Converts a value representing a number to the normalized `string`
+     * representation of the number. (e.g. `.1` --> `'0.1'`, `3.14e2` --> `'314'`).
+     * Returns `''` in the case of non-numerical values or non-finite numerical values.
+     */
+    static normalizeNumberStoredAsString(value: string): string;
+}
+
+declare enum UserComparatorText {
+    SensitiveIsOneOf = "IS ONE OF (hashed)",
+    SensitiveIsNotOneOf = "IS NOT ONE OF (hashed)",
+    SensitiveTextStartsWithAnyOf = "STARTS WITH ANY OF (hashed)",
+    SensitiveTextEndsWithAnyOf = "ENDS WITH ANY OF (hashed)",
+    SensitiveTextNotStartsWithAnyOf = "NOT STARTS WITH ANY OF (hashed)",
+    SensitiveTextNotEndsWithAnyOf = "NOT ENDS WITH ANY OF (hashed)",
+    SensitiveArrayContainsAnyOf = "ARRAY CONTAINS ANY OF (hashed)",
+    SensitiveArrayDoesNotContainAnyOf = "ARRAY NOT CONTAINS ANY OF (hashed)",
+    IsOneOf = "IS ONE OF (cleartext)",
+    IsNotOneOf = "IS NOT ONE OF (cleartext)",
+    TextStartsWithAnyOf = "STARTS WITH ANY OF (cleartext)",
+    TextEndsWithAnyOf = "ENDS WITH ANY OF (cleartext)",
+    TextNotStartsWithAnyOf = "NOT STARTS WITH ANY OF (cleartext)",
+    TextNotEndsWithAnyOf = "NOT ENDS WITH ANY OF (cleartext)",
+    ArrayContainsAnyOf = "ARRAY CONTAINS ANY OF (cleartext)",
+    ArrayDoesNotContainAnyOf = "ARRAY NOT CONTAINS ANY OF (cleartext)",
+    ContainsAnyOf = "CONTAINS ANY OF (cleartext)",
+    DoesNotContainAnyOf = "NOT CONTAINS ANY OF (cleartext)",
+    SensitiveTextEquals = "EQUALS (hashed)",
+    SensitiveTextDoesNotEqual = "NOT EQUALS (hashed)",
+    TextEquals = "EQUALS (cleartext)",
+    TextDoesNotEqual = "NOT EQUALS (cleartext)",
+    NumberEquals = "= (number)",
+    NumberDoesNotEqual = "!= (number)",
+    NumberLess = "< (number)",
+    NumberLessOrEquals = "<= (number)",
+    NumberGreater = "> (number)",
+    NumberGreaterOrEquals = ">= (number)",
+    SemVerIsOneOf = "IS ONE OF (semver)",
+    SemVerIsNotOneOf = "IS NOT ONE OF (semver)",
+    SemVerLess = "< (semver)",
+    SemVerLessOrEquals = "<= (semver)",
+    SemVerGreater = "> (semver)",
+    SemVerGreaterOrEquals = ">= (semver)",
+    DateTimeBefore = "BEFORE (UTC datetime)",
+    DateTimeAfter = "AFTER (UTC datetime)"
+}
+declare function isClearTextComparator(comparator: UserComparator): boolean;
+declare enum UserComparatorType {
+    StringList = 0,
+    String = 1,
+    Number = 2,
+    SemverList = 3,
+    Semver = 4,
+    DateTime = 5
+}
+
+interface ComparisonValueListForm {
+    value: FormControl<string>;
+    hint: FormControl<string | null>;
+    index: FormControl<number>;
+}
+interface ComparisonValueForm {
+    stringValue?: FormControl<string>;
+    doubleValue?: FormControl<number>;
+    listValue?: FormArray<FormGroup<ComparisonValueListForm>>;
+}
+interface ValueForm {
+    boolValue?: FormControl<boolean>;
+    stringValue?: FormControl<string>;
+    intValue?: FormControl<number>;
+    doubleValue?: FormControl<number>;
+}
+interface UserConditionForm {
+    comparisonAttribute: FormControl<string>;
+    comparator: FormControl<UserComparator>;
+    comparisonValue: FormGroup<ComparisonValueForm>;
+}
+interface SegmentConditionForm {
+    segmentId: FormControl<string | null>;
+    comparator: FormControl<SegmentComparator>;
+}
+interface PrerequisiteFlagConditionForm {
+    prerequisiteSettingId: FormControl<number | null>;
+    comparator: FormControl<PrerequisiteComparator>;
+    prerequisiteComparisonValue: FormGroup<ValueForm>;
+}
+interface ConditionForm {
+    userCondition?: FormGroup<UserConditionForm>;
+    segmentCondition?: FormGroup<SegmentConditionForm>;
+    prerequisiteFlagCondition?: FormGroup<PrerequisiteFlagConditionForm>;
+}
+interface PercentageOptionForm {
+    percentage: FormControl<number>;
+    value: FormGroup<ValueForm>;
+}
+interface TargetingRuleForm {
+    conditions: FormArray<FormGroup<ConditionForm>>;
+    percentageOptions?: FormArray<FormGroup<PercentageOptionForm>>;
+    value?: FormGroup<ValueForm>;
+}
+interface UpdateSettingValueForm {
+    defaultValue: FormGroup<ValueForm>;
+    percentageEvaluationAttribute: FormControl<string | null>;
+    targetingRules: FormArray<FormGroup<TargetingRuleForm>>;
+}
+interface IPrerequisiteSetting {
+    settingId: number;
+    key: string;
+    name: string;
+    settingType: SettingType;
+}
+interface IDependeeSetting {
+    settingId: number;
+    key: string;
+    name: string;
+}
+
+interface IFlagState {
+    addButtonRenderState: IAddButtonsRenderState;
+    settingValue: SettingFormulaModel;
+    dependeeSettings: IDependeeSetting[];
+    prerequisiteSettings: IPrerequisiteSetting[];
+    panelExpanded: boolean;
+    readOnly: boolean;
+}
+interface IAddButtonsRenderState {
+    renderTopAddButtons: boolean;
+    hasPercentageOnlyRule: boolean;
+    addRuleButtonTracker: IAddRuleButtonTracker[];
+}
+interface IAddRuleButtonTracker {
+    showAddRuleButtons: boolean;
+    showOrChip: boolean;
+    renderSeparationArea: boolean;
+}
+
+declare class FormGenerator {
+    generateSettingValuesFormGroup(model: SettingFormulaModel, readOnly: boolean, settings: IPrerequisiteSetting[], featureFlagLimitations: FeatureFlagLimitations): FormGroup<UpdateSettingValueForm>;
+    generatePercentageEvaluationAttributeFormControl(percentageEvaluationAttribute: string | null, readOnly: boolean): FormControl<string | null>;
+    generateTargetingRuleFormGroup(model: TargetingRuleModel, settingType: SettingType, readOnly: boolean, settings: IPrerequisiteSetting[], featureFlagLimitations: FeatureFlagLimitations): FormGroup<TargetingRuleForm>;
+    generateTargetingRuleWithEmptyPercentageOptions(settingType: SettingType, readOnly: boolean, settings: IPrerequisiteSetting[], featureFlagLimitations: FeatureFlagLimitations): FormGroup<TargetingRuleForm>;
+    getEmptyPercentageOptions(settingType: SettingType): PercentageOptionModel[];
+    generatePercentageOptionFormGroup(model: PercentageOptionModel, settingType: SettingType, readOnly: boolean, featureFlagLimitations: FeatureFlagLimitations): FormGroup<PercentageOptionForm>;
+    generateConditionFormGroup(model: ConditionModel, readOnly: boolean, settings: IPrerequisiteSetting[], featureFlagLimitations: FeatureFlagLimitations): FormGroup<ConditionForm>;
+    generateUserConditionFormGroup(value: UserConditionModel, readOnly: boolean, featureFlagLimitations: FeatureFlagLimitations): FormGroup<UserConditionForm>;
+    generateSegmentConditionFormGroup(value: SegmentConditionModel, readOnly: boolean): FormGroup<SegmentConditionForm>;
+    generatePrerequisiteFlagConditionFormGroup(value: PrerequisiteFlagConditionModel, readOnly: boolean, settings: IPrerequisiteSetting[], featureFlagLimitations: FeatureFlagLimitations): FormGroup<PrerequisiteFlagConditionForm>;
+    generateEmptySegmentConditionFormGroup(): FormGroup<SegmentConditionForm>;
+    generateEmptyPrerequisiteFlagConditionFormGroup(featureFlagLimitations: FeatureFlagLimitations): FormGroup<PrerequisiteFlagConditionForm>;
+    getNextIndex(formArray: FormArray<FormGroup<ComparisonValueListForm>>): number;
+    generateComparisonValueListFormGroup(listValue: ComparisonValueListModel, readOnly: boolean, validators: ValidatorFn[], index: number): FormGroup<ComparisonValueListForm>;
+    generateComparisonValueFormGroup(value: ComparisonValueModel, comparator: UserComparator, readOnly: boolean, featureFlagLimitations: FeatureFlagLimitations): FormGroup<ComparisonValueForm>;
+    generateComparisonValueListValueArray(listValue: ComparisonValueListModel[], readOnly: boolean, featureFlagLimitations: FeatureFlagLimitations, itemValidators: ValidatorFn[]): FormArray<FormGroup<ComparisonValueListForm>>;
+    getComparisonValueStringValidators(featureFlagLimitations: FeatureFlagLimitations): ValidatorFn[];
+    getComparisonValueStringListItemValidators(featureFlagLimitations: FeatureFlagLimitations): ValidatorFn[];
+    getComparisonValueSemverValidators(featureFlagLimitations: FeatureFlagLimitations): ValidatorFn[];
+    getComparisonValueSemverListItemValidators(featureFlagLimitations: FeatureFlagLimitations): ValidatorFn[];
+    generateDefaultValue(settingType: SettingType): ValueModel;
+    generateDefaultValueFormGroup(settingType: SettingType, readOnly: boolean, featureFlagLimitations: FeatureFlagLimitations): FormGroup<ValueForm>;
+    generateValueFormGroup(value: ValueModel, settingType: SettingType, readOnly: boolean, featureFlagLimitations: FeatureFlagLimitations): FormGroup<ValueForm>;
+    getComparisonValueType(comparator: UserComparator): UserComparatorType;
+    getValidatorsForSettingType(settingType: SettingType, featureFlagLimitations: FeatureFlagLimitations): ValidatorFn[];
+    isPercentageOnlyTargetingRule(formGroup: FormGroup<TargetingRuleForm>): boolean;
+    addComparisonValueListValueItems(userComparator: UserComparator, listValueFormArray: FormArray<FormGroup<ComparisonValueListForm>>, comparisonValueList: ComparisonValueListModel[], featureFlagLimitations: FeatureFlagLimitations): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormGenerator, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormGenerator>;
+}
+declare function validatePercentageSum(c: AbstractControl): {
+    validatePercentageSum: {
+        valid: boolean;
+    };
+} | null;
+declare function getRawValue(formGroup: FormGroup<UpdateSettingValueForm>): UpdateEvaluationFormulaModel;
+declare function getRawSettiongValue(formGroup: FormGroup<ValueForm>): ValueModel;
+
+declare enum Theme {
+    Light = "light",
+    Dark = "dark"
+}
+declare class ThemeService {
+    private readonly document;
+    private currentTheme;
+    private readonly themeSubject;
+    initialize(): void;
+    isDark(): boolean;
+    setTheme(theme: Theme): void;
+    asObservable(): Observable<boolean>;
+    private setThemeAttributeAndNotify;
+    private setThemeAttribute;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
+}
+
+interface SettingValuesModel {
+    apiKey?: string;
+    apiKey2?: string;
+    reasonRequired?: boolean;
+    lastUpdatedAt?: Date;
+    featureFlagLimitations: FeatureFlagLimitations;
+    config: ConfigModel;
+    environment: EnvironmentModel;
+    readOnly: boolean;
+    settingValues: SettingValueModel[];
+}
+
+interface UpdateSettingValuesModel {
+    settingValues: UpdateSettingValueModel[];
+    reason: string;
+    forced: boolean;
+    knownLastUpdatedAt: Date;
+}
+
+interface DeleteSettingModel {
+    setting: SettingDataModel;
+    environment: EnvironmentModel;
+    config: ConfigModel;
+}
+
+interface AuthorizationModel {
+    basicAuthUsername: string;
+    basicAuthPassword: string;
+    email: string;
+    fullName: string;
+}
+
+declare class BaseComponent {
+    private readonly publicApiService;
+    readonly basePath: _angular_core.InputSignal<string | null>;
+    readonly basicAuthUsername: _angular_core.InputSignal<string | null>;
+    readonly basicAuthPassword: _angular_core.InputSignal<string | null>;
+    protected createProductsService(): ng_configcat_publicapi.ProductsService;
+    protected createConfigsService(): ng_configcat_publicapi.ConfigsService;
+    protected createEnvironmentsService(): ng_configcat_publicapi.EnvironmentsService;
+    protected createSettingsService(): ng_configcat_publicapi.FeatureFlagsSettingsService;
+    protected createSettingValuesService(): ng_configcat_publicapi.FeatureFlagSettingValuesService;
+    protected createSettingValuesV2Service(): ng_configcat_publicapi.FeatureFlagSettingValuesV2Service;
+    protected createSegmentsService(): ng_configcat_publicapi.SegmentsService;
+    protected getDashboardBasePath(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseComponent, "app-base", never, { "basePath": { "alias": "basePath"; "required": false; "isSignal": true; }; "basicAuthUsername": { "alias": "basicAuthUsername"; "required": false; "isSignal": true; }; "basicAuthPassword": { "alias": "basicAuthPassword"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SettingItemComponent extends BaseComponent {
+    readonly productId: _angular_core.InputSignal<string>;
+    readonly environmentId: _angular_core.InputSignal<string>;
+    readonly configId: _angular_core.InputSignal<string>;
+    readonly settingId: _angular_core.InputSignal<number>;
+    readonly canDeleteSetting: _angular_core.InputSignal<boolean>;
+    readonly deleteSettingText: _angular_core.InputSignal<string>;
+    readonly showEnvironmentName: _angular_core.InputSignal<boolean>;
+    readonly deleteSettingRequested: _angular_core.OutputEmitterRef<DeleteSettingModel>;
+    readonly loadSucceeded: _angular_core.OutputEmitterRef<boolean>;
+    readonly loadFailed: _angular_core.OutputEmitterRef<Error>;
+    readonly saveSucceeded: _angular_core.OutputEmitterRef<SettingValuesModel>;
+    readonly saveFailed: _angular_core.OutputEmitterRef<Error>;
+    readonly formValuesChanged: _angular_core.OutputEmitterRef<void>;
+    settingValue: SettingValueModel;
+    segments: SegmentListModel[];
+    dashboardBasePath: string;
+    settingFormulaModel: SettingFormulaModel;
+    constructor();
+    loadSettingValues: () => Observable<SettingValuesModel>;
+    itemLoadSucceeded(): void;
+    loadSegments: () => Observable<SegmentListModel[]>;
+    handleSave: (model: UpdateSettingValuesModel) => Observable<SettingValuesModel>;
+    onDeleteSettingRequested(setting: DeleteSettingModel): void;
+    onFormValuesChanged(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SettingItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SettingItemComponent, "app-setting-item", never, { "productId": { "alias": "productId"; "required": true; "isSignal": true; }; "environmentId": { "alias": "environmentId"; "required": true; "isSignal": true; }; "configId": { "alias": "configId"; "required": true; "isSignal": true; }; "settingId": { "alias": "settingId"; "required": true; "isSignal": true; }; "canDeleteSetting": { "alias": "canDeleteSetting"; "required": false; "isSignal": true; }; "deleteSettingText": { "alias": "deleteSettingText"; "required": false; "isSignal": true; }; "showEnvironmentName": { "alias": "showEnvironmentName"; "required": false; "isSignal": true; }; }, { "deleteSettingRequested": "deleteSettingRequested"; "loadSucceeded": "loadSucceeded"; "loadFailed": "loadFailed"; "saveSucceeded": "saveSucceeded"; "saveFailed": "saveFailed"; "formValuesChanged": "formValuesChanged"; }, never, never, true, never>;
+}
+
+declare class AuthorizationComponent {
+    private readonly formBuilder;
+    private readonly publicApiService;
+    readonly basePath: _angular_core.InputSignal<null>;
+    readonly integrationName: _angular_core.InputSignal<string>;
+    readonly authorized: _angular_core.OutputEmitterRef<AuthorizationModel>;
+    readonly authorizationError: _angular_core.OutputEmitterRef<void>;
+    FormHelper: typeof FormHelper;
+    formGroup: _angular_forms.FormGroup<{
+        basicAuthUsername: FormControl<string>;
+        basicAuthPassword: FormControl<string>;
+    }>;
+    onSubmit(): void;
+    getPublicApiUrl(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AuthorizationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AuthorizationComponent, "app-authorization", never, { "basePath": { "alias": "basePath"; "required": false; "isSignal": true; }; "integrationName": { "alias": "integrationName"; "required": false; "isSignal": true; }; }, { "authorized": "authorized"; "authorizationError": "authorizationError"; }, never, never, true, never>;
+}
+
+declare class BaseSelectComponent extends BaseComponent {
+    readonly customDropdown: _angular_core.InputSignal<boolean>;
+    readonly dropdownOpened: _angular_core.OutputEmitterRef<boolean>;
+    protected openChanged(event: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseSelectComponent, "app-base-select", never, { "customDropdown": { "alias": "customDropdown"; "required": false; "isSignal": true; }; }, { "dropdownOpened": "dropdownOpened"; }, never, never, true, never>;
+}
+
+declare class ProductSelectComponent extends BaseSelectComponent implements OnInit {
+    readonly valueFormControl: _angular_core.InputSignal<FormControl<any>>;
+    products: ProductModel[];
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProductSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProductSelectComponent, "app-product-select", never, { "valueFormControl": { "alias": "valueFormControl"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ConfigSelectComponent extends BaseSelectComponent implements OnInit, OnChanges {
+    readonly valueFormControl: _angular_core.InputSignal<FormControl<any>>;
+    readonly productId: _angular_core.InputSignal<string>;
+    configs: ConfigModel[];
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    reloadConfigs(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfigSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfigSelectComponent, "app-config-select", never, { "valueFormControl": { "alias": "valueFormControl"; "required": true; "isSignal": true; }; "productId": { "alias": "productId"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class EnvironmentSelectComponent extends BaseSelectComponent implements OnInit, OnChanges {
+    readonly valueFormControl: _angular_core.InputSignal<FormControl<any>>;
+    readonly productId: _angular_core.InputSignal<string>;
+    environments: EnvironmentModel[];
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    reloadEnvironments(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EnvironmentSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EnvironmentSelectComponent, "app-environment-select", never, { "valueFormControl": { "alias": "valueFormControl"; "required": true; "isSignal": true; }; "productId": { "alias": "productId"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SettingSelectComponent extends BaseSelectComponent implements OnInit, OnChanges {
+    readonly valueFormControl: _angular_core.InputSignal<FormControl<any>>;
+    readonly configId: _angular_core.InputSignal<string>;
+    settings: SettingModel[];
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    reloadSettings(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SettingSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SettingSelectComponent, "app-setting-select", never, { "valueFormControl": { "alias": "valueFormControl"; "required": true; "isSignal": true; }; "configId": { "alias": "configId"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface DeleteSettingDialogResult {
+    button: string;
+}
+interface DeleteSettingDialogData {
+    system: string;
+    ticketType: string;
+}
+declare class DeleteSettingDialogComponent {
+    dialogRef: MatDialogRef<DeleteSettingDialogComponent, DeleteSettingDialogResult>;
+    data: {
+        system: string;
+        ticketType: string;
+    };
+    remove(): void;
+    cancel(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeleteSettingDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeleteSettingDialogComponent, "app-delete-setting-dialog", never, {}, {}, never, never, true, never>;
+}
+
+declare class FeatureFlagItemComponent extends BaseComponent implements OnInit, OnDestroy {
+    private readonly formGenerator;
+    private readonly dialog;
+    private readonly messagingService;
+    readonly productId: _angular_core.InputSignal<string>;
+    readonly environmentId: _angular_core.InputSignal<string>;
+    readonly configId: _angular_core.InputSignal<string>;
+    readonly settingId: _angular_core.InputSignal<number>;
+    readonly canDeleteSetting: _angular_core.InputSignal<boolean>;
+    readonly deleteSettingText: _angular_core.InputSignal<string>;
+    readonly showEnvironmentName: _angular_core.InputSignal<boolean>;
+    readonly deleteSettingRequested: _angular_core.OutputEmitterRef<DeleteSettingModel>;
+    readonly loadSucceeded: _angular_core.OutputEmitterRef<void>;
+    readonly loadFailed: _angular_core.OutputEmitterRef<Error>;
+    readonly saveSucceeded: _angular_core.OutputEmitterRef<void>;
+    readonly saveFailed: _angular_core.OutputEmitterRef<void>;
+    readonly expandedStateChanged: _angular_core.OutputEmitterRef<void>;
+    readonly formValuesChanged: _angular_core.OutputEmitterRef<void>;
+    segments: SegmentListModel[];
+    dashboardBasePath: string;
+    loading: boolean;
+    formGroup: FormGroup<UpdateSettingValueForm>;
+    formValueChangesSubscription: Subscription | null;
+    settings: SettingModel[];
+    flagState: IFlagState;
+    settingFormula: SettingFormulaModel;
+    prerequisiteSettings: IPrerequisiteSetting[];
+    showFeedBackMessage: boolean;
+    hasSettingValues: boolean;
+    hasOtherEnvironment: boolean;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    reloadSettingValues(): void;
+    handleFetchedSettingValues(model: SettingFormulaModel): void;
+    unsubscribeFormValueChangesSubscription(): void;
+    private createFormGroupFromState;
+    getAvailablePrerequisiteSettings(settingId: number): IPrerequisiteSetting[];
+    revert(): void;
+    revertDirtyValuesFromState(): void;
+    submit(): void;
+    updateSettingValues(updateModel: UpdateEvaluationFormulaModel, reason?: string): void;
+    onDeleteSettingRequested(setting: {
+        setting: SettingDataModel;
+    }): void;
+    private deleteSettingInternal;
+    subscriptionLimitReachedCalled(): void;
+    addSegmentConditionRequestedWithoutSegments(): void;
+    trackByIndex(index: number): number;
+    recalcPrerequisites(): void;
+    recalcAddButtons(): void;
+    hasOnlyPercentageRule(group: FormGroup<UpdateSettingValueForm>): boolean;
+    expandedChanged(expandedState: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FeatureFlagItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FeatureFlagItemComponent, "app-feature-flag-item", never, { "productId": { "alias": "productId"; "required": true; "isSignal": true; }; "environmentId": { "alias": "environmentId"; "required": true; "isSignal": true; }; "configId": { "alias": "configId"; "required": true; "isSignal": true; }; "settingId": { "alias": "settingId"; "required": true; "isSignal": true; }; "canDeleteSetting": { "alias": "canDeleteSetting"; "required": false; "isSignal": true; }; "deleteSettingText": { "alias": "deleteSettingText"; "required": false; "isSignal": true; }; "showEnvironmentName": { "alias": "showEnvironmentName"; "required": false; "isSignal": true; }; }, { "deleteSettingRequested": "deleteSettingRequested"; "loadSucceeded": "loadSucceeded"; "loadFailed": "loadFailed"; "saveSucceeded": "saveSucceeded"; "saveFailed": "saveFailed"; "expandedStateChanged": "expandedStateChanged"; "formValuesChanged": "formValuesChanged"; }, never, never, true, never>;
+}
+
+export { AuthorizationComponent, CONFIGCAT_PUBLICAPI_UI_CONFIGURATION, ConfigSelectComponent, DeleteSettingDialogComponent, EnvironmentSelectComponent, FeatureFlagItemComponent, FormGenerator, FormHelper, InputDisplayNormalizerDirective, ProductSelectComponent, PublicApiService, SettingItemComponent, SettingSelectComponent, Theme, ThemeService, UserComparatorText, UserComparatorType, defaultErrorMessageTypes, featureFlagKeyRegex, getRawSettiongValue, getRawValue, isClearTextComparator, percentageRegex, provideConfigCatPublicApiUi, validatePercentageSum, wholeNumberRegex };
+export type { AuthorizationModel, DeleteSettingDialogData, DeleteSettingDialogResult, DeleteSettingModel, SettingValuesModel, UpdateSettingValuesModel };

package/package.json

@@ -1,16 +1,19 @@
 {
   "name": "ng-configcat-publicapi-ui",
-  "version": "4.2.2",
+  "version": "5.0.1",
   "peerDependencies": {
-    "@angular/common": "^18.2.12",
-    "@angular/core": "^18.2.12",
-    "ng-configcat-publicapi": "^4.4.1",
-    "semver": "^7.5.3",
-    "papaparse": "^5.4.1",
-    "ace-builds": "^1.31.0"
+    "@angular/cdk": "^20.1.4",
+    "@angular/common": "^20.1.4",
+    "@angular/core": "^20.1.4",
+    "@angular/forms": "^20.1.4",
+    "@angular/material": "^20.1.4",
+    "@angular/router": "^20.1.4",
+    "ng-configcat-publicapi": "^5.0.1",
+    "papaparse": "^5.5.3",
+    "ace-builds": "^1.37.0"
   },
   "dependencies": {
-    "tslib": "^2.4.0"
+    "tslib": "^2.8.1"
   },
   "module": "fesm2022/ng-configcat-publicapi-ui.mjs",
   "typings": "index.d.ts",
@@ -20,8 +23,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/ng-configcat-publicapi-ui.mjs",
-      "esm": "./esm2022/ng-configcat-publicapi-ui.mjs",
       "default": "./fesm2022/ng-configcat-publicapi-ui.mjs"
     }
   },

package/src/css/button.scss

@@ -0,0 +1,83 @@
+@use '@angular/material' as mat;
+
+html > body {
+  .mat-mdc-icon-button.action-icon-button {
+    color: var(--action-icon-button-color);
+  }
+
+  .mat-mdc-icon-button.action-icon-button:disabled {
+    opacity: var(--action-icon-button-disabled-opacity);
+  }
+
+  .small-icon-button {
+    @include mat.icon-button-density(-5);
+
+    .mat-icon {
+      padding: 0 0 0 6px !important;
+    }
+
+    .mat-mdc-icon-button {
+      .mat-icon {
+        padding: 0 0 !important;
+      }
+    }
+  }
+
+  .mdc-button {
+    white-space: nowrap;
+    letter-spacing: normal;
+    font-size: 13px !important;
+
+    &:not(.mat-button-toggle-button):not(.mat-mdc-icon-button) {
+      text-transform: uppercase;
+      height: 34px;
+    }
+  }
+
+  .mat-button-toggle-label-content {
+    line-height: 34px !important;
+  }
+
+  .mat-mdc-outlined-button.mat-primary:disabled {
+    color: var(--mat-button-outlined-disabled-label-text-color) !important;
+  }
+
+  .mat-mdc-outlined-button.mat-primary {
+    color: var(--outlined-button-color) !important;
+  }
+
+  .mat-mdc-outlined-button:not(:disabled) {
+    border-color: var(--input-border-color);
+    color: var(--text-color);
+  }
+
+  .mat-mdc-unelevated-button.mat-primary .mat-mdc-button-persistent-ripple::before {
+    background-color: var(--primary-button-state-layer-color);
+  }
+
+  .mat-mdc-unelevated-button.mat-warn .mat-mdc-button-persistent-ripple::before {
+    background-color: var(--warn-button-state-layer-color);
+  }
+
+  .mat-mdc-unelevated-button {
+    --mat-button-filled-focus-state-layer-opacity: 0.1;
+  }
+
+  .filled-outline-buttons {
+    .mat-mdc-outlined-button:not(:disabled) {
+      background-color: var(--input-background);
+    }
+  }
+
+  .mat-datepicker-toggle, .mat-timepicker-toggle {
+    @include mat.icon-button-density(-5);
+
+    .mat-mdc-icon-button {
+      color: var(--action-icon-button-color);
+    }
+  }
+
+  .disabled-btn-container {
+    display: inline-block;
+  }
+}