-
diff --git a/frontend/src/app/features/rules/pages/rule/step-dialog.component.ts b/frontend/src/app/features/rules/pages/rule/step-dialog.component.ts
index 56b9a9257..698bcf2de 100644
--- a/frontend/src/app/features/rules/pages/rule/step-dialog.component.ts
+++ b/frontend/src/app/features/rules/pages/rule/step-dialog.component.ts
@@ -14,7 +14,6 @@ import { FormattableInputComponent } from '../../shared/actions/formattable-inpu
import { RuleElementComponent } from '../../shared/rule-element.component';
@Component({
- standalone: true,
selector: 'sqx-step-dialog',
styleUrls: ['./step-dialog.component.scss'],
templateUrl: './step-dialog.component.html',
diff --git a/frontend/src/app/features/rules/pages/rule/trigger-dialog.component.ts b/frontend/src/app/features/rules/pages/rule/trigger-dialog.component.ts
index 4678bff81..b3e394a6b 100644
--- a/frontend/src/app/features/rules/pages/rule/trigger-dialog.component.ts
+++ b/frontend/src/app/features/rules/pages/rule/trigger-dialog.component.ts
@@ -18,7 +18,6 @@ import { SchemaChangedTriggerComponent } from '../../shared/triggers/schema-chan
import { UsageTriggerComponent } from '../../shared/triggers/usage-trigger.component';
@Component({
- standalone: true,
selector: 'sqx-trigger-dialog',
styleUrls: ['./trigger-dialog.component.scss'],
templateUrl: './trigger-dialog.component.html',
diff --git a/frontend/src/app/features/rules/pages/rules/rule.component.ts b/frontend/src/app/features/rules/pages/rules/rule.component.ts
index 3ef0bf2b8..628a8f720 100644
--- a/frontend/src/app/features/rules/pages/rules/rule.component.ts
+++ b/frontend/src/app/features/rules/pages/rules/rule.component.ts
@@ -13,7 +13,6 @@ import { BranchItem, ConfirmClickDirective, DropdownMenuComponent, DynamicRuleDt
import { RuleElementComponent } from '../../shared/rule-element.component';
@Component({
- standalone: true,
selector: 'sqx-rule',
styleUrls: ['./rule.component.scss'],
templateUrl: './rule.component.html',
diff --git a/frontend/src/app/features/rules/pages/rules/rules-page.component.ts b/frontend/src/app/features/rules/pages/rules/rules-page.component.ts
index e8fd97908..b196933d9 100644
--- a/frontend/src/app/features/rules/pages/rules/rules-page.component.ts
+++ b/frontend/src/app/features/rules/pages/rules/rules-page.component.ts
@@ -12,7 +12,6 @@ import { ALL_TRIGGERS, DynamicRuleDto, DynamicUpdateRuleDto, LayoutComponent, Li
import { RuleComponent } from './rule.component';
@Component({
- standalone: true,
selector: 'sqx-rules-page',
styleUrls: ['./rules-page.component.scss'],
templateUrl: './rules-page.component.html',
diff --git a/frontend/src/app/features/rules/pages/simulator/rule-simulator-page.component.ts b/frontend/src/app/features/rules/pages/simulator/rule-simulator-page.component.ts
index 02b28b83c..ef0890280 100644
--- a/frontend/src/app/features/rules/pages/simulator/rule-simulator-page.component.ts
+++ b/frontend/src/app/features/rules/pages/simulator/rule-simulator-page.component.ts
@@ -13,7 +13,6 @@ import { RuleConfigured } from '../messages';
import { SimulatedRuleEventComponent } from './simulated-rule-event.component';
@Component({
- standalone: true,
selector: 'sqx-simulator-events-page',
styleUrls: ['./rule-simulator-page.component.scss'],
templateUrl: './rule-simulator-page.component.html',
diff --git a/frontend/src/app/features/rules/pages/simulator/rule-transition.component.ts b/frontend/src/app/features/rules/pages/simulator/rule-transition.component.ts
index 44001c0fe..5dac59068 100644
--- a/frontend/src/app/features/rules/pages/simulator/rule-transition.component.ts
+++ b/frontend/src/app/features/rules/pages/simulator/rule-transition.component.ts
@@ -11,7 +11,6 @@ import { SimulatedRuleEventDto, TranslatePipe, TypedSimpleChanges } from '@app/s
import { HistoryStepComponent } from '../../shared/history-step.component';
@Component({
- standalone: true,
selector: 'sqx-rule-transition',
styleUrls: ['./rule-transition.component.scss'],
templateUrl: './rule-transition.component.html',
diff --git a/frontend/src/app/features/rules/pages/simulator/simulated-rule-event.component.ts b/frontend/src/app/features/rules/pages/simulator/simulated-rule-event.component.ts
index 3e2b36e36..6fa9d78ac 100644
--- a/frontend/src/app/features/rules/pages/simulator/simulated-rule-event.component.ts
+++ b/frontend/src/app/features/rules/pages/simulator/simulated-rule-event.component.ts
@@ -32,7 +32,6 @@ const ERRORS_AFTER_ENRICHED_EVENT = [
];
@Component({
- standalone: true,
selector: '[sqxSimulatedRuleEvent]',
styleUrls: ['./simulated-rule-event.component.scss'],
templateUrl: './simulated-rule-event.component.html',
diff --git a/frontend/src/app/features/rules/shared/actions/branches-input.component.ts b/frontend/src/app/features/rules/shared/actions/branches-input.component.ts
index 470c7a410..ff77c579b 100644
--- a/frontend/src/app/features/rules/shared/actions/branches-input.component.ts
+++ b/frontend/src/app/features/rules/shared/actions/branches-input.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { ControlErrorsComponent, ExtendedFormGroup, TemplatedFormArray, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-branches-input',
styleUrls: ['./branches-input.component.scss'],
templateUrl: './branches-input.component.html',
diff --git a/frontend/src/app/features/rules/shared/actions/formattable-input.component.ts b/frontend/src/app/features/rules/shared/actions/formattable-input.component.ts
index f3a440747..265535a52 100644
--- a/frontend/src/app/features/rules/shared/actions/formattable-input.component.ts
+++ b/frontend/src/app/features/rules/shared/actions/formattable-input.component.ts
@@ -17,7 +17,6 @@ export const SQX_FORMATTABLE_INPUT_CONTROL_VALUE_ACCESSOR: any = {
};
@Component({
- standalone: true,
selector: 'sqx-formattable-input',
styleUrls: ['./formattable-input.component.scss'],
templateUrl: './formattable-input.component.html',
diff --git a/frontend/src/app/features/rules/shared/history-step.component.ts b/frontend/src/app/features/rules/shared/history-step.component.ts
index aa7710ae2..43ad023ed 100644
--- a/frontend/src/app/features/rules/shared/history-step.component.ts
+++ b/frontend/src/app/features/rules/shared/history-step.component.ts
@@ -12,7 +12,6 @@ import { RuleTriggerMetadataDto, TranslatePipe } from '@app/shared';
import { RuleElementComponent } from './rule-element.component';
@Component({
- standalone: true,
selector: 'sqx-history-step',
styleUrls: ['./history-step.component.scss'],
templateUrl: './history-step.component.html',
diff --git a/frontend/src/app/features/rules/shared/pipes.ts b/frontend/src/app/features/rules/shared/pipes.ts
index 840832d02..f6e7a2827 100644
--- a/frontend/src/app/features/rules/shared/pipes.ts
+++ b/frontend/src/app/features/rules/shared/pipes.ts
@@ -9,7 +9,6 @@ import { Pipe, PipeTransform } from '@angular/core';
import { SimulatedRuleEventDto } from '@app/shared';
@Pipe({
- standalone: true,
name: 'sqxRuleClass',
pure: true,
})
@@ -30,7 +29,6 @@ export class RuleClassPipe implements PipeTransform {
}
@Pipe({
- standalone: true,
name: 'sqxSimulatedRuleEventStatus',
pure: true,
})
diff --git a/frontend/src/app/features/rules/shared/rule-element.component.ts b/frontend/src/app/features/rules/shared/rule-element.component.ts
index 8fc49382b..214fe3688 100644
--- a/frontend/src/app/features/rules/shared/rule-element.component.ts
+++ b/frontend/src/app/features/rules/shared/rule-element.component.ts
@@ -11,7 +11,6 @@ import { ConfirmClickDirective, DarkenPipe, ExternalLinkDirective, RuleTriggerMe
import { RuleIconComponent } from './rule-icon.component';
@Component({
- standalone: true,
selector: 'sqx-rule-element',
styleUrls: ['./rule-element.component.scss'],
templateUrl: './rule-element.component.html',
diff --git a/frontend/src/app/features/rules/shared/rule-icon.component.ts b/frontend/src/app/features/rules/shared/rule-icon.component.ts
index adb0effa5..babd1879a 100644
--- a/frontend/src/app/features/rules/shared/rule-icon.component.ts
+++ b/frontend/src/app/features/rules/shared/rule-icon.component.ts
@@ -10,7 +10,6 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { RuleTriggerMetadataDto, SafeHtmlPipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-rule-icon',
styleUrls: ['./rule-icon.component.scss'],
templateUrl: './rule-icon.component.html',
diff --git a/frontend/src/app/features/rules/shared/state-attempt.component.ts b/frontend/src/app/features/rules/shared/state-attempt.component.ts
index a4a2ea59b..428318867 100644
--- a/frontend/src/app/features/rules/shared/state-attempt.component.ts
+++ b/frontend/src/app/features/rules/shared/state-attempt.component.ts
@@ -11,7 +11,6 @@ import { FormsModule } from '@angular/forms';
import { CodeEditorComponent, FlowExecutionStepAttemptDto, TranslatePipe, TypedSimpleChanges } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-state-attempt',
styleUrls: ['./state-attempt.component.scss'],
templateUrl: './state-attempt.component.html',
diff --git a/frontend/src/app/features/rules/shared/state-details.component.ts b/frontend/src/app/features/rules/shared/state-details.component.ts
index a392f1ea1..9bff98a8f 100644
--- a/frontend/src/app/features/rules/shared/state-details.component.ts
+++ b/frontend/src/app/features/rules/shared/state-details.component.ts
@@ -13,7 +13,6 @@ import { HistoryStepComponent } from './history-step.component';
import { StateStepComponent } from './state-step.component';
@Component({
- standalone: true,
selector: 'sqx-state-details',
styleUrls: ['./state-details.component.scss'],
templateUrl: './state-details.component.html',
diff --git a/frontend/src/app/features/rules/shared/state-step-property.component.ts b/frontend/src/app/features/rules/shared/state-step-property.component.ts
index 4ce87a4f8..15e8486fd 100644
--- a/frontend/src/app/features/rules/shared/state-step-property.component.ts
+++ b/frontend/src/app/features/rules/shared/state-step-property.component.ts
@@ -11,7 +11,6 @@ import { FormsModule } from '@angular/forms';
import { CodeEditorComponent, RuleElementPropertyDto, Types } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-state-step-property',
styleUrls: ['./state-step-property.component.scss'],
templateUrl: './state-step-property.component.html',
diff --git a/frontend/src/app/features/rules/shared/state-step.component.ts b/frontend/src/app/features/rules/shared/state-step.component.ts
index 957b91ab1..25fb0b075 100644
--- a/frontend/src/app/features/rules/shared/state-step.component.ts
+++ b/frontend/src/app/features/rules/shared/state-step.component.ts
@@ -14,7 +14,6 @@ import { StateAttemptComponent } from './state-attempt.component';
import { StateStepPropertyComponent } from './state-step-property.component';
@Component({
- standalone: true,
selector: 'sqx-state-step',
styleUrls: ['./state-step.component.scss'],
templateUrl: './state-step.component.html',
diff --git a/frontend/src/app/features/rules/shared/triggers/asset-changed-trigger.component.ts b/frontend/src/app/features/rules/shared/triggers/asset-changed-trigger.component.ts
index 00467443d..8a8719680 100644
--- a/frontend/src/app/features/rules/shared/triggers/asset-changed-trigger.component.ts
+++ b/frontend/src/app/features/rules/shared/triggers/asset-changed-trigger.component.ts
@@ -10,7 +10,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { CodeComponent, ControlErrorsComponent, FormHintComponent, TranslatePipe, TriggerForm } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-asset-changed-trigger',
styleUrls: ['./asset-changed-trigger.component.scss'],
templateUrl: './asset-changed-trigger.component.html',
diff --git a/frontend/src/app/features/rules/shared/triggers/comment-trigger.component.ts b/frontend/src/app/features/rules/shared/triggers/comment-trigger.component.ts
index 392144d69..2f3cdf78a 100644
--- a/frontend/src/app/features/rules/shared/triggers/comment-trigger.component.ts
+++ b/frontend/src/app/features/rules/shared/triggers/comment-trigger.component.ts
@@ -10,7 +10,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { CodeComponent, ControlErrorsComponent, FormHintComponent, TranslatePipe, TriggerForm } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-comment-trigger',
styleUrls: ['./comment-trigger.component.scss'],
templateUrl: './comment-trigger.component.html',
diff --git a/frontend/src/app/features/rules/shared/triggers/content-changed-schema.component.ts b/frontend/src/app/features/rules/shared/triggers/content-changed-schema.component.ts
index ff2580999..c899a31ef 100644
--- a/frontend/src/app/features/rules/shared/triggers/content-changed-schema.component.ts
+++ b/frontend/src/app/features/rules/shared/triggers/content-changed-schema.component.ts
@@ -13,7 +13,6 @@ import { CodeEditorComponent, ConfirmClickDirective, ControlErrorsComponent, Sch
import { CompletionsCache } from './completions-cache';
@Component({
- standalone: true,
selector: 'sqx-content-changed-schema',
styleUrls: ['./content-changed-schema.component.scss'],
templateUrl: './content-changed-schema.component.html',
diff --git a/frontend/src/app/features/rules/shared/triggers/content-changed-trigger.component.ts b/frontend/src/app/features/rules/shared/triggers/content-changed-trigger.component.ts
index bc0f89a70..390df55ea 100644
--- a/frontend/src/app/features/rules/shared/triggers/content-changed-trigger.component.ts
+++ b/frontend/src/app/features/rules/shared/triggers/content-changed-trigger.component.ts
@@ -13,7 +13,6 @@ import { CompletionsCache } from './completions-cache';
import { ContentChangedSchemaComponent } from './content-changed-schema.component';
@Component({
- standalone: true,
selector: 'sqx-content-changed-trigger',
styleUrls: ['./content-changed-trigger.component.scss'],
templateUrl: './content-changed-trigger.component.html',
diff --git a/frontend/src/app/features/rules/shared/triggers/cron-job-trigger.component.ts b/frontend/src/app/features/rules/shared/triggers/cron-job-trigger.component.ts
index 7e7c20a2e..b96c07904 100644
--- a/frontend/src/app/features/rules/shared/triggers/cron-job-trigger.component.ts
+++ b/frontend/src/app/features/rules/shared/triggers/cron-job-trigger.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppsState, CodeComponent, ControlErrorsComponent, FormHintComponent, RulesService, TranslatePipe, TriggerForm } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-cron-job-trigger',
styleUrls: ['./cron-job-trigger.component.scss'],
templateUrl: './cron-job-trigger.component.html',
diff --git a/frontend/src/app/features/rules/shared/triggers/schema-changed-trigger.component.ts b/frontend/src/app/features/rules/shared/triggers/schema-changed-trigger.component.ts
index d31ffc9a4..3fe4bf155 100644
--- a/frontend/src/app/features/rules/shared/triggers/schema-changed-trigger.component.ts
+++ b/frontend/src/app/features/rules/shared/triggers/schema-changed-trigger.component.ts
@@ -10,7 +10,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { CodeComponent, ControlErrorsComponent, FormHintComponent, TranslatePipe, TriggerForm } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-schema-changed-trigger',
styleUrls: ['./schema-changed-trigger.component.scss'],
templateUrl: './schema-changed-trigger.component.html',
diff --git a/frontend/src/app/features/rules/shared/triggers/usage-trigger.component.ts b/frontend/src/app/features/rules/shared/triggers/usage-trigger.component.ts
index 57531eda4..2a686de07 100644
--- a/frontend/src/app/features/rules/shared/triggers/usage-trigger.component.ts
+++ b/frontend/src/app/features/rules/shared/triggers/usage-trigger.component.ts
@@ -10,7 +10,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { ControlErrorsComponent, FormHintComponent, TranslatePipe, TriggerForm } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-usage-trigger',
styleUrls: ['./usage-trigger.component.scss'],
templateUrl: './usage-trigger.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/common/schema-edit-form.component.ts b/frontend/src/app/features/schemas/pages/schema/common/schema-edit-form.component.ts
index c3ca5e42b..308208d04 100644
--- a/frontend/src/app/features/schemas/pages/schema/common/schema-edit-form.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/common/schema-edit-form.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { ControlErrorsComponent, EditSchemaForm, FormAlertComponent, FormHintComponent, SchemaDto, SchemasState, TagEditorComponent, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-schema-edit-form',
styleUrls: ['./schema-edit-form.component.scss'],
templateUrl: './schema-edit-form.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/export/schema-export-form.component.ts b/frontend/src/app/features/schemas/pages/schema/export/schema-export-form.component.ts
index cf8f70a87..b2b046055 100644
--- a/frontend/src/app/features/schemas/pages/schema/export/schema-export-form.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/export/schema-export-form.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { CodeEditorComponent, SchemaDto, SchemasState, SynchronizeSchemaForm, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-schema-export-form',
styleUrls: ['./schema-export-form.component.scss'],
templateUrl: './schema-export-form.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/field-group.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/field-group.component.ts
index c954716bf..bfea6d48e 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/field-group.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/field-group.component.ts
@@ -17,7 +17,6 @@ interface State {
}
@Component({
- standalone: true,
selector: 'sqx-field-group',
styleUrls: ['./field-group.component.scss'],
templateUrl: './field-group.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/field-wizard.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/field-wizard.component.ts
index 913857cc7..8fc05c7bc 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/field-wizard.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/field-wizard.component.ts
@@ -15,7 +15,6 @@ import { FieldFormComponent } from './forms/field-form.component';
type SaveNavigationMode = 'Close' | 'Add' | 'Edit';
@Component({
- standalone: true,
selector: 'sqx-field-wizard',
styleUrls: ['./field-wizard.component.scss'],
templateUrl: './field-wizard.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/field.component.scss b/frontend/src/app/features/schemas/pages/schema/fields/field.component.scss
index 9eb0ee841..4472f1f66 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/field.component.scss
+++ b/frontend/src/app/features/schemas/pages/schema/fields/field.component.scss
@@ -1,3 +1,4 @@
+@use 'sass:color';
@import 'mixins';
@import 'vars';
@@ -90,7 +91,7 @@ $padding: 1rem;
}
&-hidden {
- color: lighten($color-text-decent, 40%);
+ color: color.adjust($color-text-decent, $lightness: 40%);
}
&-partitioning {
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/field.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/field.component.ts
index ef9476ac5..e4a8338a4 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/field.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/field.component.ts
@@ -14,7 +14,6 @@ import { FieldFormComponent } from './forms/field-form.component';
import { SortableFieldListComponent } from './sortable-field-list.component';
@Component({
- standalone: true,
selector: 'sqx-field',
styleUrls: ['./field.component.scss'],
templateUrl: './field.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form-common.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form-common.component.ts
index 387468828..15bb6a6b8 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form-common.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form-common.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { ControlErrorsComponent, FieldDto, FormHintComponent, SchemaDto, TagEditorComponent, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-field-form-common',
styleUrls: ['./field-form-common.component.scss'],
templateUrl: './field-form-common.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form-ui.component.ts
index 5c5ee69d0..f0984efda 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form-ui.component.ts
@@ -24,7 +24,6 @@ import { StringUIComponent } from '../types/string-ui.component';
import { TagsUIComponent } from '../types/tags-ui.component';
@Component({
- standalone: true,
selector: 'sqx-field-form-ui',
styleUrls: ['./field-form-ui.component.scss'],
templateUrl: './field-form-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form-validation.component.ts
index 84e5128c6..87ce84bf9 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form-validation.component.ts
@@ -24,7 +24,6 @@ import { StringValidationComponent } from '../types/string-validation.component'
import { TagsValidationComponent } from '../types/tags-validation.component';
@Component({
- standalone: true,
selector: 'sqx-field-form-validation',
styleUrls: ['./field-form-validation.component.scss'],
templateUrl: './field-form-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form.component.ts
index db7fc8bb2..04853b7da 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/forms/field-form.component.ts
@@ -15,7 +15,6 @@ import { FieldFormUIComponent } from './field-form-ui.component';
import { FieldFormValidationComponent } from './field-form-validation.component';
@Component({
- standalone: true,
selector: 'sqx-field-form',
styleUrls: ['./field-form.component.scss'],
templateUrl: './field-form.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/schema-fields.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/schema-fields.component.ts
index 40b987923..37e3712c9 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/schema-fields.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/schema-fields.component.ts
@@ -12,7 +12,6 @@ import { FieldWizardComponent } from './field-wizard.component';
import { SortableFieldListComponent } from './sortable-field-list.component';
@Component({
- standalone: true,
selector: 'sqx-schema-fields',
styleUrls: ['./schema-fields.component.scss'],
templateUrl: './schema-fields.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/sortable-field-list.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/sortable-field-list.component.ts
index 166e50915..cc5e23c07 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/sortable-field-list.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/sortable-field-list.component.ts
@@ -12,7 +12,6 @@ import { AppLanguageDto, AppSettingsDto, FieldDto, FieldGroup, groupFields, Sche
import { FieldGroupComponent } from './field-group.component';
@Component({
- standalone: true,
selector: 'sqx-sortable-field-list',
styleUrls: ['./sortable-field-list.component.scss'],
templateUrl: './sortable-field-list.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/array-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/array-ui.component.ts
index d4a6143ac..799dc95a4 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/array-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/array-ui.component.ts
@@ -13,7 +13,6 @@ import { ArrayFieldPropertiesDto, FieldDto, TranslatePipe } from '@app/shared';
const CALCULATED_DEFAULT_VALUES: ReadonlyArray
= ['EmptyArray', 'Null'];
@Component({
- standalone: true,
selector: 'sqx-array-ui',
styleUrls: ['array-ui.component.scss'],
templateUrl: 'array-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/array-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/array-validation.component.ts
index 4dee5fe4c..df182d05f 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/array-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/array-validation.component.ts
@@ -10,7 +10,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { ArrayFieldPropertiesDto, FieldDto, TagEditorComponent, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-array-validation',
styleUrls: ['array-validation.component.scss'],
templateUrl: 'array-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/assets-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/assets-ui.component.ts
index 5abcf9a27..fbddaff54 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/assets-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/assets-ui.component.ts
@@ -10,7 +10,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { AssetFolderDropdownComponent, AssetsFieldPropertiesDto, FieldDto, FormHintComponent, MarkdownDirective, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-assets-ui',
styleUrls: ['assets-ui.component.scss'],
templateUrl: 'assets-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/assets-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/assets-validation.component.ts
index fb38c5bc3..de5634476 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/assets-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/assets-validation.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { AppLanguageDto, AssetsFieldPropertiesDto, FieldDto, FormHintComponent, LocalizedInputComponent, TagEditorComponent, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-assets-validation',
styleUrls: ['assets-validation.component.scss'],
templateUrl: 'assets-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/boolean-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/boolean-ui.component.ts
index 1d5883001..db0cd9816 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/boolean-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/boolean-ui.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { BooleanFieldEditorValues, BooleanFieldPropertiesDto, FieldDto, FormHintComponent, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-boolean-ui',
styleUrls: ['boolean-ui.component.scss'],
templateUrl: 'boolean-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/boolean-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/boolean-validation.component.ts
index 3980ac22e..79e70087f 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/boolean-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/boolean-validation.component.ts
@@ -12,7 +12,6 @@ import { Observable } from 'rxjs';
import { AppLanguageDto, BooleanFieldPropertiesDto, FieldDto, FormHintComponent, hasNoValue$, IndeterminateValueDirective, LocalizedInputComponent, TranslatePipe, TypedSimpleChanges } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-boolean-validation',
styleUrls: ['boolean-validation.component.scss'],
templateUrl: 'boolean-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/component-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/component-ui.component.ts
index b2e949aef..5234bbc7c 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/component-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/component-ui.component.ts
@@ -10,7 +10,6 @@ import { UntypedFormGroup } from '@angular/forms';
import { FieldDto, ReferencesFieldPropertiesDto } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-component-ui',
styleUrls: ['component-ui.component.scss'],
templateUrl: 'component-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/component-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/component-validation.component.ts
index b1c534477..0a018fb20 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/component-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/component-validation.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { FieldDto, ReferencesFieldPropertiesDto, SchemaTagSource, TagEditorComponent, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-component-validation',
styleUrls: ['component-validation.component.scss'],
templateUrl: 'component-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/components-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/components-ui.component.ts
index d6138835f..7058505fe 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/components-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/components-ui.component.ts
@@ -13,7 +13,6 @@ import { FieldDto, ReferencesFieldPropertiesDto, TranslatePipe } from '@app/shar
const CALCULATED_DEFAULT_VALUES: ReadonlyArray = ['EmptyArray', 'Null'];
@Component({
- standalone: true,
selector: 'sqx-components-ui',
styleUrls: ['components-ui.component.scss'],
templateUrl: 'components-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/components-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/components-validation.component.ts
index 355b044eb..342b33b94 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/components-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/components-validation.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { FieldDto, ReferencesFieldPropertiesDto, SchemaTagSource, TagEditorComponent, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-components-validation',
styleUrls: ['components-validation.component.scss'],
templateUrl: 'components-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-ui.component.ts
index 04d18b33e..ef7a164d2 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-ui.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { DateTimeFieldEditorValues, DateTimeFieldPropertiesDto, FieldDto, FloatConverter, FormHintComponent, MarkdownDirective, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-date-time-ui',
styleUrls: ['date-time-ui.component.scss'],
templateUrl: 'date-time-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-validation.component.html b/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-validation.component.html
index 61475ce4f..588480338 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-validation.component.html
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-validation.component.html
@@ -1,12 +1,12 @@
@if (showDefaultValues | async) {
@@ -26,7 +26,7 @@
@if (showDefaultValue | async) {
}
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-validation.component.ts
index c34f5e969..8bcc5e18c 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-validation.component.ts
@@ -14,7 +14,6 @@ import { AppLanguageDto, DateTimeEditorComponent, DateTimeFieldPropertiesDto, Fi
const CALCULATED_DEFAULT_VALUES: ReadonlyArray
= ['Now', 'Today'];
@Component({
- standalone: true,
selector: 'sqx-date-time-validation',
styleUrls: ['date-time-validation.component.scss'],
templateUrl: 'date-time-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/geolocation-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/geolocation-ui.component.ts
index f40187feb..d6442508f 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/geolocation-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/geolocation-ui.component.ts
@@ -10,7 +10,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { FieldDto, GeolocationFieldPropertiesDto, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-geolocation-ui',
styleUrls: ['geolocation-ui.component.scss'],
templateUrl: 'geolocation-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/geolocation-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/geolocation-validation.component.ts
index 0eab35d87..25d98d341 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/geolocation-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/geolocation-validation.component.ts
@@ -10,7 +10,6 @@ import { UntypedFormGroup } from '@angular/forms';
import { FieldDto, GeolocationFieldPropertiesDto } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-geolocation-validation',
styleUrls: ['geolocation-validation.component.scss'],
templateUrl: 'geolocation-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/json-more.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/json-more.component.ts
index 7b1b80bc9..3c10d51c6 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/json-more.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/json-more.component.ts
@@ -10,7 +10,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { CodeEditorComponent, FieldDto, FormHintComponent, JsonFieldPropertiesDto, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-json-more',
styleUrls: ['json-more.component.scss'],
templateUrl: 'json-more.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/json-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/json-ui.component.ts
index cc85e1a11..e8696f91c 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/json-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/json-ui.component.ts
@@ -10,7 +10,6 @@ import { UntypedFormGroup } from '@angular/forms';
import { FieldDto, JsonFieldPropertiesDto } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-json-ui',
styleUrls: ['json-ui.component.scss'],
templateUrl: 'json-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/json-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/json-validation.component.ts
index 39e7ffde9..b835c9dc0 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/json-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/json-validation.component.ts
@@ -10,7 +10,6 @@ import { UntypedFormGroup } from '@angular/forms';
import { FieldDto, JsonFieldPropertiesDto } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-json-validation',
styleUrls: ['json-validation.component.scss'],
templateUrl: 'json-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/number-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/number-ui.component.ts
index a0c4ae2c8..d4245a9be 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/number-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/number-ui.component.ts
@@ -12,7 +12,6 @@ import { Observable } from 'rxjs';
import { FieldDto, FloatConverter, FormHintComponent, NumberFieldEditorValues, NumberFieldPropertiesDto, Subscriptions, TagEditorComponent, TranslatePipe, TypedSimpleChanges, valueProjection$ } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-number-ui',
styleUrls: ['number-ui.component.scss'],
templateUrl: 'number-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/number-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/number-validation.component.ts
index ae5e361b4..544af46bb 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/number-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/number-validation.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { AppLanguageDto, FieldDto, FormHintComponent, LocalizedInputComponent, NumberFieldPropertiesDto, SchemaDto, TranslatePipe, Types } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-number-validation',
styleUrls: ['number-validation.component.scss'],
templateUrl: 'number-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/references-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/references-ui.component.ts
index b2f82021a..fafe65d11 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/references-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/references-ui.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { FieldDto, FormHintComponent, ReferencesFieldEditorValues, ReferencesFieldPropertiesDto, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-references-ui',
styleUrls: ['references-ui.component.scss'],
templateUrl: 'references-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/references-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/references-validation.component.ts
index 6a37d8b76..4bddcf5fc 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/references-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/references-validation.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { AppLanguageDto, FieldDto, FormHintComponent, LocalizedInputComponent, ReferencesFieldPropertiesDto, SchemaTagSource, TagEditorComponent, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-references-validation',
styleUrls: ['references-validation.component.scss'],
templateUrl: 'references-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/rich-text-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/rich-text-ui.component.ts
index ad508381b..b651dfefd 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/rich-text-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/rich-text-ui.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { FieldDto, FormHintComponent, RichTextFieldPropertiesDto, SchemaTagSource, TagEditorComponent, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-rich-text-ui',
styleUrls: ['rich-text-ui.component.scss'],
templateUrl: 'rich-text-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/rich-text-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/rich-text-validation.component.ts
index 8ecff0e63..eb62d7bd8 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/rich-text-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/rich-text-validation.component.ts
@@ -10,7 +10,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { FieldDto, RichTextFieldPropertiesDto, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-rich-text-validation',
styleUrls: ['rich-text-validation.component.scss'],
templateUrl: 'rich-text-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/string-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/string-ui.component.ts
index 1e1a815db..73230cf37 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/string-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/string-ui.component.ts
@@ -12,7 +12,6 @@ import { Observable } from 'rxjs';
import { AssetFolderDropdownComponent, FieldDto, FormHintComponent, SchemaTagSource, StringFieldEditorValues, StringFieldPropertiesDto, Subscriptions, TagEditorComponent, TranslatePipe, TypedSimpleChanges, valueProjection$ } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-string-ui',
styleUrls: ['string-ui.component.scss'],
templateUrl: 'string-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/string-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/string-validation.component.ts
index cd00e149f..eb0893abc 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/string-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/string-validation.component.ts
@@ -12,7 +12,6 @@ import { Observable } from 'rxjs';
import { AppLanguageDto, AppSettingsDto, DropdownMenuComponent, FieldDto, FormHintComponent, hasNoValue$, hasValue$, LocalizedInputComponent, ModalDirective, ModalModel, ModalPlacementDirective, PatternDto, SchemaDto, StringContentTypeValues, StringFieldPropertiesDto, Subscriptions, TranslatePipe, TypedSimpleChanges, Types, value$ } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-string-validation',
styleUrls: ['string-validation.component.scss'],
templateUrl: 'string-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/tags-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/tags-ui.component.ts
index e8d5ad1cd..e90171207 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/tags-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/tags-ui.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { FieldDto, FormHintComponent, TagEditorComponent, TagsFieldEditorValues, TagsFieldPropertiesDto, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-tags-ui',
styleUrls: ['tags-ui.component.scss'],
templateUrl: 'tags-ui.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/tags-validation.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/tags-validation.component.ts
index 92bf03c7d..39c3fb353 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/tags-validation.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/tags-validation.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/for
import { AppLanguageDto, FieldDto, FormHintComponent, LocalizedInputComponent, TagEditorComponent, TagsFieldPropertiesDto, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-tags-validation',
styleUrls: ['tags-validation.component.scss'],
templateUrl: 'tags-validation.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.ts b/frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.ts
index efb84f391..49d3e49bc 100644
--- a/frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.ts
@@ -11,7 +11,6 @@ import { AppLanguageDto, ConfirmClickDirective, ControlErrorsComponent, CreateIn
@Component({
- standalone: true,
selector: 'sqx-index-form',
styleUrls: ['./index-form.component.scss'],
templateUrl: './index-form.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/indexes/index.component.ts b/frontend/src/app/features/schemas/pages/schema/indexes/index.component.ts
index f0c0e2784..5203686ff 100644
--- a/frontend/src/app/features/schemas/pages/schema/indexes/index.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/indexes/index.component.ts
@@ -9,7 +9,6 @@ import { Component, Input } from '@angular/core';
import { ConfirmClickDirective, IndexDto, IndexesState, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-index',
styleUrls: ['./index.component.scss'],
templateUrl: './index.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.ts b/frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.ts
index 99e2c4e14..5e81dbdb7 100644
--- a/frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.ts
@@ -14,7 +14,6 @@ import { IndexFormComponent } from './index-form.component';
import { IndexComponent } from './index.component';
@Component({
- standalone: true,
selector: 'sqx-schema-indexes',
styleUrls: ['./schema-indexes.component.scss'],
templateUrl: './schema-indexes.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/preview/schema-preview-urls-form.component.ts b/frontend/src/app/features/schemas/pages/schema/preview/schema-preview-urls-form.component.ts
index 5f1df5b62..501bd5452 100644
--- a/frontend/src/app/features/schemas/pages/schema/preview/schema-preview-urls-form.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/preview/schema-preview-urls-form.component.ts
@@ -12,7 +12,6 @@ import { EMPTY, Observable, shareReplay } from 'rxjs';
import { CodeEditorComponent, ConfigurePreviewUrlsForm, ConfirmClickDirective, ControlErrorsComponent, FormAlertComponent, SchemaDto, SchemasService, SchemasState, ScriptCompletions, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-schema-preview-urls-form',
styleUrls: ['./schema-preview-urls-form.component.scss'],
templateUrl: './schema-preview-urls-form.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/rules/schema-field-rules-form.component.ts b/frontend/src/app/features/schemas/pages/schema/rules/schema-field-rules-form.component.ts
index 9c03998fd..63c695198 100644
--- a/frontend/src/app/features/schemas/pages/schema/rules/schema-field-rules-form.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/rules/schema-field-rules-form.component.ts
@@ -13,7 +13,6 @@ import { TranslatePipe } from '@app/framework';
import { CodeEditorComponent, ConfigureFieldRulesForm, ConfirmClickDirective, ControlErrorsComponent, FIELD_RULE_ACTIONS, SchemaDto, SchemasService, SchemasState, ScriptCompletions } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-schema-field-rules-form',
styleUrls: ['./schema-field-rules-form.component.scss'],
templateUrl: './schema-field-rules-form.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/schema-page.component.ts b/frontend/src/app/features/schemas/pages/schema/schema-page.component.ts
index 4d8aded73..6d4932796 100644
--- a/frontend/src/app/features/schemas/pages/schema/schema-page.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/schema-page.component.ts
@@ -21,7 +21,6 @@ import { SchemaScriptsFormComponent } from './scripts/schema-scripts-form.compon
import { SchemaUIFormComponent } from './ui/schema-ui-form.component';
@Component({
- standalone: true,
selector: 'sqx-schema-page',
styleUrls: ['./schema-page.component.scss'],
templateUrl: './schema-page.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/scripts/schema-scripts-form.component.ts b/frontend/src/app/features/schemas/pages/schema/scripts/schema-scripts-form.component.ts
index d7d0129cd..b85e6deba 100644
--- a/frontend/src/app/features/schemas/pages/schema/scripts/schema-scripts-form.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/scripts/schema-scripts-form.component.ts
@@ -12,7 +12,6 @@ import { EMPTY, Observable, shareReplay } from 'rxjs';
import { AppsState, CodeEditorComponent, EditSchemaScriptsForm, KeysPipe, SchemaDto, SchemasService, SchemasState, ScriptCompletions, ScriptNamePipe, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-schema-scripts-form',
styleUrls: ['./schema-scripts-form.component.scss'],
templateUrl: './schema-scripts-form.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/ui/field-list.component.scss b/frontend/src/app/features/schemas/pages/schema/ui/field-list.component.scss
index ee20ccbf7..f30fda31c 100644
--- a/frontend/src/app/features/schemas/pages/schema/ui/field-list.component.scss
+++ b/frontend/src/app/features/schemas/pages/schema/ui/field-list.component.scss
@@ -1,3 +1,4 @@
+@use 'sass:color';
@import 'mixins';
@import 'vars';
@@ -9,7 +10,7 @@
&-assigned {
@include absolute(0, 50%, 0, 0);
- border-right: 1px solid darken($color-input, 2%);
+ border-right: 1px solid color.adjust($color-input, $lightness: -2%);
}
&-available {
diff --git a/frontend/src/app/features/schemas/pages/schema/ui/field-list.component.ts b/frontend/src/app/features/schemas/pages/schema/ui/field-list.component.ts
index 1a1638ba6..9636b8a51 100644
--- a/frontend/src/app/features/schemas/pages/schema/ui/field-list.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/ui/field-list.component.ts
@@ -13,7 +13,6 @@ import { FormAlertComponent, META_FIELDS, SchemaDto, TableField, TranslatePipe }
const META_FIELD_NAMES = Object.values(META_FIELDS).filter(x => x !== META_FIELDS.empty);
@Component({
- standalone: true,
selector: 'sqx-field-list',
styleUrls: ['./field-list.component.scss'],
templateUrl: './field-list.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schema/ui/schema-ui-form.component.ts b/frontend/src/app/features/schemas/pages/schema/ui/schema-ui-form.component.ts
index ba7800529..2d08a5a9c 100644
--- a/frontend/src/app/features/schemas/pages/schema/ui/schema-ui-form.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/ui/schema-ui-form.component.ts
@@ -11,7 +11,6 @@ import { ConfigureUIFieldsDto, SchemaDto, SchemasState, TranslatePipe } from '@a
import { FieldListComponent } from './field-list.component';
@Component({
- standalone: true,
selector: 'sqx-schema-ui-form',
styleUrls: ['./schema-ui-form.component.scss'],
templateUrl: './schema-ui-form.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schemas/schema-form.component.ts b/frontend/src/app/features/schemas/pages/schemas/schema-form.component.ts
index 033b91087..e4669514d 100644
--- a/frontend/src/app/features/schemas/pages/schemas/schema-form.component.ts
+++ b/frontend/src/app/features/schemas/pages/schemas/schema-form.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { ApiUrlConfig, AppsState, CodeEditorComponent, ControlErrorsComponent, CreateSchemaForm, FocusOnInitDirective, FormAlertComponent, FormErrorComponent, FormHintComponent, ModalDialogComponent, SchemaDto, SchemasState, TooltipDirective, TransformInputDirective, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-schema-form',
styleUrls: ['./schema-form.component.scss'],
templateUrl: './schema-form.component.html',
diff --git a/frontend/src/app/features/schemas/pages/schemas/schemas-page.component.ts b/frontend/src/app/features/schemas/pages/schemas/schemas-page.component.ts
index 1fdc11008..80a1b4ec4 100644
--- a/frontend/src/app/features/schemas/pages/schemas/schemas-page.component.ts
+++ b/frontend/src/app/features/schemas/pages/schemas/schemas-page.component.ts
@@ -17,7 +17,6 @@ import { SchemaCloning } from '../messages';
import { SchemaFormComponent } from './schema-form.component';
@Component({
- standalone: true,
selector: 'sqx-schemas-page',
styleUrls: ['./schemas-page.component.scss'],
templateUrl: './schemas-page.component.html',
diff --git a/frontend/src/app/features/settings/pages/asset-scripts/asset-scripts-page.component.ts b/frontend/src/app/features/settings/pages/asset-scripts/asset-scripts-page.component.ts
index c43e7be13..8b36509e6 100644
--- a/frontend/src/app/features/settings/pages/asset-scripts/asset-scripts-page.component.ts
+++ b/frontend/src/app/features/settings/pages/asset-scripts/asset-scripts-page.component.ts
@@ -14,7 +14,6 @@ import { AppsState, AssetScriptsState, AssetsService, CodeEditorComponent, EditA
import { ScriptNamePipe } from '@app/shared/components/pipes';
@Component({
- standalone: true,
selector: 'sqx-asset-scripts-page',
styleUrls: ['./asset-scripts-page.component.scss'],
templateUrl: './asset-scripts-page.component.html',
diff --git a/frontend/src/app/features/settings/pages/clients/client-add-form.component.ts b/frontend/src/app/features/settings/pages/clients/client-add-form.component.ts
index 0020d9dc8..3458d1665 100644
--- a/frontend/src/app/features/settings/pages/clients/client-add-form.component.ts
+++ b/frontend/src/app/features/settings/pages/clients/client-add-form.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AddClientForm, ClientsState, ControlErrorsComponent, FormHintComponent, TransformInputDirective, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-client-add-form',
styleUrls: ['./client-add-form.component.scss'],
templateUrl: './client-add-form.component.html',
diff --git a/frontend/src/app/features/settings/pages/clients/client-connect-form.component.scss b/frontend/src/app/features/settings/pages/clients/client-connect-form.component.scss
index 255463ba6..c2fc9cf26 100644
--- a/frontend/src/app/features/settings/pages/clients/client-connect-form.component.scss
+++ b/frontend/src/app/features/settings/pages/clients/client-connect-form.component.scss
@@ -1,3 +1,4 @@
+@use 'sass:color';
@import 'mixins';
@import 'vars';
@@ -78,7 +79,7 @@ sqx-code {
position: relative;
&:hover {
- border-color: darken($color-border, 10%);
+ border-color: color.adjust($color-border, $lightness: -10%);
}
i {
diff --git a/frontend/src/app/features/settings/pages/clients/client-connect-form.component.ts b/frontend/src/app/features/settings/pages/clients/client-connect-form.component.ts
index 5ea22ad15..0d6672028 100644
--- a/frontend/src/app/features/settings/pages/clients/client-connect-form.component.ts
+++ b/frontend/src/app/features/settings/pages/clients/client-connect-form.component.ts
@@ -10,7 +10,6 @@ import { ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output } fro
import { AccessTokenDto, ApiUrlConfig, AppsState, ClientDto, ClientsService, ClientTourStated, CodeComponent, DialogService, ExternalLinkDirective, FormHintComponent, HelpService, MarkdownDirective, MessageBus, ModalDialogComponent, SDKEntry, TooltipDirective, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-client-connect-form',
styleUrls: ['./client-connect-form.component.scss'],
templateUrl: './client-connect-form.component.html',
diff --git a/frontend/src/app/features/settings/pages/clients/client.component.ts b/frontend/src/app/features/settings/pages/clients/client.component.ts
index 963269290..1dd138bb1 100644
--- a/frontend/src/app/features/settings/pages/clients/client.component.ts
+++ b/frontend/src/app/features/settings/pages/clients/client.component.ts
@@ -12,7 +12,6 @@ import { AppsState, ClientDto, ClientsState, ConfirmClickDirective, CopyDirectiv
import { ClientConnectFormComponent } from './client-connect-form.component';
@Component({
- standalone: true,
selector: 'sqx-client',
styleUrls: ['./client.component.scss'],
templateUrl: './client.component.html',
diff --git a/frontend/src/app/features/settings/pages/clients/clients-page.component.ts b/frontend/src/app/features/settings/pages/clients/clients-page.component.ts
index 5f6dc06f0..6bf108534 100644
--- a/frontend/src/app/features/settings/pages/clients/clients-page.component.ts
+++ b/frontend/src/app/features/settings/pages/clients/clients-page.component.ts
@@ -13,7 +13,6 @@ import { ClientAddFormComponent } from './client-add-form.component';
import { ClientComponent } from './client.component';
@Component({
- standalone: true,
selector: 'sqx-clients-page',
styleUrls: ['./clients-page.component.scss'],
templateUrl: './clients-page.component.html',
diff --git a/frontend/src/app/features/settings/pages/contributors/contributor-add-form.component.ts b/frontend/src/app/features/settings/pages/contributors/contributor-add-form.component.ts
index 6d4972f84..e47e88b29 100644
--- a/frontend/src/app/features/settings/pages/contributors/contributor-add-form.component.ts
+++ b/frontend/src/app/features/settings/pages/contributors/contributor-add-form.component.ts
@@ -41,7 +41,6 @@ export class UsersDataSource implements AutocompleteSource {
}
@Component({
- standalone: true,
selector: 'sqx-contributor-add-form',
styleUrls: ['./contributor-add-form.component.scss'],
templateUrl: './contributor-add-form.component.html',
diff --git a/frontend/src/app/features/settings/pages/contributors/contributor.component.ts b/frontend/src/app/features/settings/pages/contributors/contributor.component.ts
index 6647e8276..5a7f6dc01 100644
--- a/frontend/src/app/features/settings/pages/contributors/contributor.component.ts
+++ b/frontend/src/app/features/settings/pages/contributors/contributor.component.ts
@@ -13,7 +13,6 @@ import { FormsModule } from '@angular/forms';
import { AssignContributorDto, ConfirmClickDirective, ContributorDto, ContributorsState, HighlightPipe, RoleDto, TooltipDirective, UserPicturePipe } from '@app/shared';
@Component({
- standalone: true,
selector: '[sqxContributor][roles]',
styleUrls: ['./contributor.component.scss'],
templateUrl: './contributor.component.html',
diff --git a/frontend/src/app/features/settings/pages/contributors/contributors-page.component.ts b/frontend/src/app/features/settings/pages/contributors/contributors-page.component.ts
index 18a05441f..7ea5fcf51 100644
--- a/frontend/src/app/features/settings/pages/contributors/contributors-page.component.ts
+++ b/frontend/src/app/features/settings/pages/contributors/contributors-page.component.ts
@@ -14,7 +14,6 @@ import { ContributorAddFormComponent } from './contributor-add-form.component';
import { ContributorComponent } from './contributor.component';
@Component({
- standalone: true,
selector: 'sqx-contributors-page',
styleUrls: ['./contributors-page.component.scss'],
templateUrl: './contributors-page.component.html',
diff --git a/frontend/src/app/features/settings/pages/contributors/import-contributors-dialog.component.ts b/frontend/src/app/features/settings/pages/contributors/import-contributors-dialog.component.ts
index 954413206..fad67dc5e 100644
--- a/frontend/src/app/features/settings/pages/contributors/import-contributors-dialog.component.ts
+++ b/frontend/src/app/features/settings/pages/contributors/import-contributors-dialog.component.ts
@@ -20,7 +20,6 @@ type ImportStatus = {
};
@Component({
- standalone: true,
selector: 'sqx-import-contributors-dialog',
styleUrls: ['./import-contributors-dialog.component.scss'],
templateUrl: './import-contributors-dialog.component.html',
diff --git a/frontend/src/app/features/settings/pages/jobs/job.component.ts b/frontend/src/app/features/settings/pages/jobs/job.component.ts
index a9490b922..dcffb0c14 100644
--- a/frontend/src/app/features/settings/pages/jobs/job.component.ts
+++ b/frontend/src/app/features/settings/pages/jobs/job.component.ts
@@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms';
import { ApiUrlConfig, CodeEditorComponent, ConfirmClickDirective, Duration, ExternalLinkDirective, FromNowPipe, JobDto, JobsState, StatusIconComponent, TranslatePipe, TypedSimpleChanges } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-job',
styleUrls: ['./job.component.scss'],
templateUrl: './job.component.html',
diff --git a/frontend/src/app/features/settings/pages/jobs/jobs-page.component.ts b/frontend/src/app/features/settings/pages/jobs/jobs-page.component.ts
index 4eb3aea31..77711e253 100644
--- a/frontend/src/app/features/settings/pages/jobs/jobs-page.component.ts
+++ b/frontend/src/app/features/settings/pages/jobs/jobs-page.component.ts
@@ -14,7 +14,6 @@ import { ApiUrlConfig, JobsState, LayoutComponent, ListViewComponent, ShortcutDi
import { JobComponent } from './job.component';
@Component({
- standalone: true,
selector: 'sqx-jobs-page',
styleUrls: ['./jobs-page.component.scss'],
templateUrl: './jobs-page.component.html',
diff --git a/frontend/src/app/features/settings/pages/languages/language-add-form.component.ts b/frontend/src/app/features/settings/pages/languages/language-add-form.component.ts
index 3d121b014..980bb8356 100644
--- a/frontend/src/app/features/settings/pages/languages/language-add-form.component.ts
+++ b/frontend/src/app/features/settings/pages/languages/language-add-form.component.ts
@@ -40,7 +40,6 @@ class LanguageSource implements AutocompleteSource {
}
@Component({
- standalone: true,
selector: 'sqx-language-add-form',
styleUrls: ['./language-add-form.component.scss'],
templateUrl: './language-add-form.component.html',
diff --git a/frontend/src/app/features/settings/pages/languages/language.component.ts b/frontend/src/app/features/settings/pages/languages/language.component.ts
index d3a950622..c9f8dc6ee 100644
--- a/frontend/src/app/features/settings/pages/languages/language.component.ts
+++ b/frontend/src/app/features/settings/pages/languages/language.component.ts
@@ -12,7 +12,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppLanguageDto, ConfirmClickDirective, EditLanguageForm, FormHintComponent, LanguageDto, LanguagesState, sorted, TranslatePipe, UpdateLanguageDto } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-language',
styleUrls: ['./language.component.scss'],
templateUrl: './language.component.html',
diff --git a/frontend/src/app/features/settings/pages/languages/languages-page.component.ts b/frontend/src/app/features/settings/pages/languages/languages-page.component.ts
index 227a737ef..38a113d7a 100644
--- a/frontend/src/app/features/settings/pages/languages/languages-page.component.ts
+++ b/frontend/src/app/features/settings/pages/languages/languages-page.component.ts
@@ -13,7 +13,6 @@ import { LanguageAddFormComponent } from './language-add-form.component';
import { LanguageComponent } from './language.component';
@Component({
- standalone: true,
selector: 'sqx-languages-page',
styleUrls: ['./languages-page.component.scss'],
templateUrl: './languages-page.component.html',
diff --git a/frontend/src/app/features/settings/pages/more/more-page.component.scss b/frontend/src/app/features/settings/pages/more/more-page.component.scss
index 315b6a221..0478b94fa 100644
--- a/frontend/src/app/features/settings/pages/more/more-page.component.scss
+++ b/frontend/src/app/features/settings/pages/more/more-page.component.scss
@@ -51,7 +51,10 @@ hr {
.drop-overlay {
@include overlay;
- pointer-events: none;
+
+ & {
+ pointer-events: none;
+ }
&-text {
font-size: 1.25rem;
diff --git a/frontend/src/app/features/settings/pages/more/more-page.component.ts b/frontend/src/app/features/settings/pages/more/more-page.component.ts
index 6b4e3aeb4..1685619f1 100644
--- a/frontend/src/app/features/settings/pages/more/more-page.component.ts
+++ b/frontend/src/app/features/settings/pages/more/more-page.component.ts
@@ -12,7 +12,6 @@ import { Router, RouterLink, RouterLinkActive, RouterOutlet } from '@angular/rou
import { AppDto, AppsState, AvatarComponent, ConfirmClickDirective, ControlErrorsComponent, defined, DialogService, FileDropDirective, FormErrorComponent, FormHintComponent, LayoutComponent, ListViewComponent, ProgressBarComponent, SidebarMenuDirective, Subscriptions, TeamsState, TooltipDirective, TourStepDirective, TransferAppForm, TranslatePipe, Types, UpdateAppForm } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-more-page',
styleUrls: ['./more-page.component.scss'],
templateUrl: './more-page.component.html',
diff --git a/frontend/src/app/features/settings/pages/plans/plan.component.ts b/frontend/src/app/features/settings/pages/plans/plan.component.ts
index 2ddc7a672..060ee4e63 100644
--- a/frontend/src/app/features/settings/pages/plans/plan.component.ts
+++ b/frontend/src/app/features/settings/pages/plans/plan.component.ts
@@ -10,7 +10,6 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { ConfirmClickDirective, FileSizePipe, FormHintComponent, KNumberPipe, PlanInfo, PlansState, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-plan',
styleUrls: ['./plan.component.scss'],
templateUrl: './plan.component.html',
diff --git a/frontend/src/app/features/settings/pages/plans/plans-page.component.ts b/frontend/src/app/features/settings/pages/plans/plans-page.component.ts
index 960b4b11c..b205b3d84 100644
--- a/frontend/src/app/features/settings/pages/plans/plans-page.component.ts
+++ b/frontend/src/app/features/settings/pages/plans/plans-page.component.ts
@@ -12,7 +12,6 @@ import { ApiUrlConfig, ExternalLinkDirective, FormHintComponent, LayoutComponent
import { PlanComponent } from './plan.component';
@Component({
- standalone: true,
selector: 'sqx-plans-page',
styleUrls: ['./plans-page.component.scss'],
templateUrl: './plans-page.component.html',
diff --git a/frontend/src/app/features/settings/pages/roles/role-add-form.component.ts b/frontend/src/app/features/settings/pages/roles/role-add-form.component.ts
index 4a3ca6416..a0216e60d 100644
--- a/frontend/src/app/features/settings/pages/roles/role-add-form.component.ts
+++ b/frontend/src/app/features/settings/pages/roles/role-add-form.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AddRoleForm, ControlErrorsComponent, FormHintComponent, RolesState, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-role-add-form',
styleUrls: ['./role-add-form.component.scss'],
templateUrl: './role-add-form.component.html',
diff --git a/frontend/src/app/features/settings/pages/roles/role.component.ts b/frontend/src/app/features/settings/pages/roles/role.component.ts
index 347dd9bc6..95ea8973b 100644
--- a/frontend/src/app/features/settings/pages/roles/role.component.ts
+++ b/frontend/src/app/features/settings/pages/roles/role.component.ts
@@ -34,7 +34,6 @@ const SIMPLE_PROPERTIES: ReadonlyArray = [{
}];
@Component({
- standalone: true,
selector: 'sqx-role',
styleUrls: ['./role.component.scss'],
templateUrl: './role.component.html',
diff --git a/frontend/src/app/features/settings/pages/roles/roles-page.component.ts b/frontend/src/app/features/settings/pages/roles/roles-page.component.ts
index f54221588..4c96b270c 100644
--- a/frontend/src/app/features/settings/pages/roles/roles-page.component.ts
+++ b/frontend/src/app/features/settings/pages/roles/roles-page.component.ts
@@ -32,7 +32,6 @@ class PermissionsAutocomplete implements AutocompleteSource {
}
@Component({
- standalone: true,
selector: 'sqx-roles-page',
styleUrls: ['./roles-page.component.scss'],
templateUrl: './roles-page.component.html',
diff --git a/frontend/src/app/features/settings/pages/settings/settings-page.component.ts b/frontend/src/app/features/settings/pages/settings/settings-page.component.ts
index 8281587a5..e6423355d 100644
--- a/frontend/src/app/features/settings/pages/settings/settings-page.component.ts
+++ b/frontend/src/app/features/settings/pages/settings/settings-page.component.ts
@@ -12,7 +12,6 @@ import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
import { AppSettingsDto, AppsState, ConfirmClickDirective, ControlErrorsComponent, EditAppSettingsForm, FormHintComponent, LayoutComponent, ListViewComponent, ShortcutDirective, SidebarMenuDirective, Subscriptions, TitleComponent, TooltipDirective, TourStepDirective, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-settings-page',
styleUrls: ['./settings-page.component.scss'],
templateUrl: './settings-page.component.html',
diff --git a/frontend/src/app/features/settings/pages/templates/template.component.ts b/frontend/src/app/features/settings/pages/templates/template.component.ts
index 625faaef1..c7ca2e7f1 100644
--- a/frontend/src/app/features/settings/pages/templates/template.component.ts
+++ b/frontend/src/app/features/settings/pages/templates/template.component.ts
@@ -11,7 +11,6 @@ import { map, Observable, shareReplay } from 'rxjs';
import { AppsState, ClientsState, FormHintComponent, LoaderComponent, MarkdownDirective, TemplateDetailsDto, TemplateDto, TemplatesService, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-template',
styleUrls: ['./template.component.scss'],
templateUrl: './template.component.html',
diff --git a/frontend/src/app/features/settings/pages/templates/templates-page.component.ts b/frontend/src/app/features/settings/pages/templates/templates-page.component.ts
index 27a16260b..dbb842257 100644
--- a/frontend/src/app/features/settings/pages/templates/templates-page.component.ts
+++ b/frontend/src/app/features/settings/pages/templates/templates-page.component.ts
@@ -12,7 +12,6 @@ import { ClientsState, FormAlertComponent, LayoutComponent, ListViewComponent, M
import { TemplateComponent } from './template.component';
@Component({
- standalone: true,
selector: 'sqx-templates-page',
styleUrls: ['./templates-page.component.scss'],
templateUrl: './templates-page.component.html',
diff --git a/frontend/src/app/features/settings/pages/workflows/workflow-add-form.component.ts b/frontend/src/app/features/settings/pages/workflows/workflow-add-form.component.ts
index df21e70f1..f38cf1d9d 100644
--- a/frontend/src/app/features/settings/pages/workflows/workflow-add-form.component.ts
+++ b/frontend/src/app/features/settings/pages/workflows/workflow-add-form.component.ts
@@ -11,7 +11,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AddWorkflowForm, ControlErrorsComponent, FormHintComponent, TranslatePipe, WorkflowsState } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-workflow-add-form',
styleUrls: ['./workflow-add-form.component.scss'],
templateUrl: './workflow-add-form.component.html',
diff --git a/frontend/src/app/features/settings/pages/workflows/workflow-diagram.component.ts b/frontend/src/app/features/settings/pages/workflows/workflow-diagram.component.ts
index 9e5eefd46..8bab0b40b 100644
--- a/frontend/src/app/features/settings/pages/workflows/workflow-diagram.component.ts
+++ b/frontend/src/app/features/settings/pages/workflows/workflow-diagram.component.ts
@@ -11,7 +11,6 @@ import { ListViewComponent, ResourceLoaderService, WorkflowView } from '@app/sha
declare const vis: any;
@Component({
- standalone: true,
selector: 'sqx-workflow-diagram',
styleUrls: ['./workflow-diagram.component.scss'],
templateUrl: './workflow-diagram.component.html',
diff --git a/frontend/src/app/features/settings/pages/workflows/workflow-step.component.ts b/frontend/src/app/features/settings/pages/workflows/workflow-step.component.ts
index 889274611..c65e078fc 100644
--- a/frontend/src/app/features/settings/pages/workflows/workflow-step.component.ts
+++ b/frontend/src/app/features/settings/pages/workflows/workflow-step.component.ts
@@ -12,7 +12,6 @@ import { ColorPickerComponent, DropdownComponent, EditableTitleComponent, TagEdi
import { WorkflowTransitionComponent } from './workflow-transition.component';
@Component({
- standalone: true,
selector: 'sqx-workflow-step',
styleUrls: ['./workflow-step.component.scss'],
templateUrl: './workflow-step.component.html',
diff --git a/frontend/src/app/features/settings/pages/workflows/workflow-transition.component.ts b/frontend/src/app/features/settings/pages/workflows/workflow-transition.component.ts
index 779aa77cc..b67e05f37 100644
--- a/frontend/src/app/features/settings/pages/workflows/workflow-transition.component.ts
+++ b/frontend/src/app/features/settings/pages/workflows/workflow-transition.component.ts
@@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms';
import { TagEditorComponent, TranslatePipe, WorkflowTransitionValues, WorkflowTransitionView, WorkflowView } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-workflow-transition',
styleUrls: ['./workflow-transition.component.scss'],
templateUrl: './workflow-transition.component.html',
diff --git a/frontend/src/app/features/settings/pages/workflows/workflow.component.ts b/frontend/src/app/features/settings/pages/workflows/workflow.component.ts
index 477054638..646882068 100644
--- a/frontend/src/app/features/settings/pages/workflows/workflow.component.ts
+++ b/frontend/src/app/features/settings/pages/workflows/workflow.component.ts
@@ -13,7 +13,6 @@ import { WorkflowDiagramComponent } from './workflow-diagram.component';
import { WorkflowStepComponent } from './workflow-step.component';
@Component({
- standalone: true,
selector: 'sqx-workflow',
styleUrls: ['./workflow.component.scss'],
templateUrl: './workflow.component.html',
diff --git a/frontend/src/app/features/settings/pages/workflows/workflows-page.component.ts b/frontend/src/app/features/settings/pages/workflows/workflows-page.component.ts
index a5c935117..7ad647ecf 100644
--- a/frontend/src/app/features/settings/pages/workflows/workflows-page.component.ts
+++ b/frontend/src/app/features/settings/pages/workflows/workflows-page.component.ts
@@ -13,7 +13,6 @@ import { WorkflowAddFormComponent } from './workflow-add-form.component';
import { WorkflowComponent } from './workflow.component';
@Component({
- standalone: true,
selector: 'sqx-workflows-page',
styleUrls: ['./workflows-page.component.scss'],
templateUrl: './workflows-page.component.html',
diff --git a/frontend/src/app/features/settings/settings-area.component.ts b/frontend/src/app/features/settings/settings-area.component.ts
index 3d2d085b8..1c5ffd6a2 100644
--- a/frontend/src/app/features/settings/settings-area.component.ts
+++ b/frontend/src/app/features/settings/settings-area.component.ts
@@ -12,7 +12,6 @@ import { AppsState, defined, LayoutComponent, TitleComponent } from '@app/shared
import { SettingsMenuComponent } from './settings-menu.component';
@Component({
- standalone: true,
selector: 'sqx-settings-area',
styleUrls: ['./settings-area.component.scss'],
templateUrl: './settings-area.component.html',
diff --git a/frontend/src/app/features/settings/settings-menu.component.ts b/frontend/src/app/features/settings/settings-menu.component.ts
index 1c7512bb1..f1d823708 100644
--- a/frontend/src/app/features/settings/settings-menu.component.ts
+++ b/frontend/src/app/features/settings/settings-menu.component.ts
@@ -11,7 +11,6 @@ import { RouterLink, RouterLinkActive } from '@angular/router';
import { AppDto, TourStepDirective, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-settings-menu',
styleUrls: ['./settings-menu.component.scss'],
templateUrl: './settings-menu.component.html',
diff --git a/frontend/src/app/features/teams/left-menu.component.ts b/frontend/src/app/features/teams/left-menu.component.ts
index 02dd02c91..82a79786a 100644
--- a/frontend/src/app/features/teams/left-menu.component.ts
+++ b/frontend/src/app/features/teams/left-menu.component.ts
@@ -10,7 +10,6 @@ import { RouterLink, RouterLinkActive } from '@angular/router';
import { TeamDto, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-left-menu',
styleUrls: ['./left-menu.component.scss'],
templateUrl: './left-menu.component.html',
diff --git a/frontend/src/app/features/teams/pages/auth/auth-page.component.ts b/frontend/src/app/features/teams/pages/auth/auth-page.component.ts
index 6a34b5a67..cc4f2131a 100644
--- a/frontend/src/app/features/teams/pages/auth/auth-page.component.ts
+++ b/frontend/src/app/features/teams/pages/auth/auth-page.component.ts
@@ -13,7 +13,6 @@ import { ApiUrlConfig, ControlErrorsComponent, CopyDirective, defined, FormError
import { TeamAuthState, UpdateTeamAuthForm } from '../../internal';
@Component({
- standalone: true,
selector: 'sqx-auth-page',
styleUrls: ['./auth-page.component.scss'],
templateUrl: './auth-page.component.html',
diff --git a/frontend/src/app/features/teams/pages/contributors/contributor-add-form.component.ts b/frontend/src/app/features/teams/pages/contributors/contributor-add-form.component.ts
index ebe7c2288..72413ae75 100644
--- a/frontend/src/app/features/teams/pages/contributors/contributor-add-form.component.ts
+++ b/frontend/src/app/features/teams/pages/contributors/contributor-add-form.component.ts
@@ -45,7 +45,6 @@ export class UsersDataSource implements AutocompleteSource {
}
@Component({
- standalone: true,
selector: 'sqx-contributor-add-form',
styleUrls: ['./contributor-add-form.component.scss'],
templateUrl: './contributor-add-form.component.html',
diff --git a/frontend/src/app/features/teams/pages/contributors/contributor.component.ts b/frontend/src/app/features/teams/pages/contributors/contributor.component.ts
index e9574bec6..4886cda55 100644
--- a/frontend/src/app/features/teams/pages/contributors/contributor.component.ts
+++ b/frontend/src/app/features/teams/pages/contributors/contributor.component.ts
@@ -12,7 +12,6 @@ import { AssignContributorDto, ConfirmClickDirective, ContributorDto, HighlightP
import { TeamContributorsState } from '../../internal';
@Component({
- standalone: true,
selector: '[sqxContributor]',
styleUrls: ['./contributor.component.scss'],
templateUrl: './contributor.component.html',
diff --git a/frontend/src/app/features/teams/pages/contributors/contributors-page.component.ts b/frontend/src/app/features/teams/pages/contributors/contributors-page.component.ts
index c04fd5720..bc509534f 100644
--- a/frontend/src/app/features/teams/pages/contributors/contributors-page.component.ts
+++ b/frontend/src/app/features/teams/pages/contributors/contributors-page.component.ts
@@ -15,7 +15,6 @@ import { ContributorAddFormComponent } from './contributor-add-form.component';
import { ContributorComponent } from './contributor.component';
@Component({
- standalone: true,
selector: 'sqx-contributors-page',
styleUrls: ['./contributors-page.component.scss'],
templateUrl: './contributors-page.component.html',
diff --git a/frontend/src/app/features/teams/pages/contributors/import-contributors-dialog.component.ts b/frontend/src/app/features/teams/pages/contributors/import-contributors-dialog.component.ts
index aa5a6ca4a..15731f515 100644
--- a/frontend/src/app/features/teams/pages/contributors/import-contributors-dialog.component.ts
+++ b/frontend/src/app/features/teams/pages/contributors/import-contributors-dialog.component.ts
@@ -21,7 +21,6 @@ type ImportStatus = {
};
@Component({
- standalone: true,
selector: 'sqx-import-contributors-dialog',
styleUrls: ['./import-contributors-dialog.component.scss'],
templateUrl: './import-contributors-dialog.component.html',
diff --git a/frontend/src/app/features/teams/pages/dashboard/cards/apps-card.component.ts b/frontend/src/app/features/teams/pages/dashboard/cards/apps-card.component.ts
index 1746d7413..d90bfc589 100644
--- a/frontend/src/app/features/teams/pages/dashboard/cards/apps-card.component.ts
+++ b/frontend/src/app/features/teams/pages/dashboard/cards/apps-card.component.ts
@@ -16,7 +16,6 @@ interface State {
}
@Component({
- standalone: true,
selector: 'sqx-apps-card',
styleUrls: ['./apps-card.component.scss'],
templateUrl: './apps-card.component.html',
diff --git a/frontend/src/app/features/teams/pages/dashboard/dashboard-page.component.ts b/frontend/src/app/features/teams/pages/dashboard/dashboard-page.component.ts
index ca17c99d5..411184e2a 100644
--- a/frontend/src/app/features/teams/pages/dashboard/dashboard-page.component.ts
+++ b/frontend/src/app/features/teams/pages/dashboard/dashboard-page.component.ts
@@ -12,7 +12,6 @@ import { ApiCallsCardComponent, ApiCallsSummaryCardComponent, ApiPerformanceCard
import { AppsCardComponent } from './cards/apps-card.component';
@Component({
- standalone: true,
selector: 'sqx-dashboard-page',
styleUrls: ['./dashboard-page.component.scss'],
templateUrl: './dashboard-page.component.html',
diff --git a/frontend/src/app/features/teams/pages/more/more-page.component.scss b/frontend/src/app/features/teams/pages/more/more-page.component.scss
index 7a9168cbe..6e4ee1c43 100644
--- a/frontend/src/app/features/teams/pages/more/more-page.component.scss
+++ b/frontend/src/app/features/teams/pages/more/more-page.component.scss
@@ -46,7 +46,10 @@
.drop-overlay {
@include overlay;
- pointer-events: none;
+
+ & {
+ pointer-events: none;
+ }
&-text {
font-size: 1.25rem;
diff --git a/frontend/src/app/features/teams/pages/more/more-page.component.ts b/frontend/src/app/features/teams/pages/more/more-page.component.ts
index dfc6c1ece..68f5132f0 100644
--- a/frontend/src/app/features/teams/pages/more/more-page.component.ts
+++ b/frontend/src/app/features/teams/pages/more/more-page.component.ts
@@ -12,7 +12,6 @@ import { Router, RouterLink, RouterLinkActive, RouterOutlet } from '@angular/rou
import { ConfirmClickDirective, ControlErrorsComponent, defined, FormErrorComponent, FormHintComponent, LayoutComponent, ListViewComponent, SidebarMenuDirective, Subscriptions, TeamDto, TeamsState, TooltipDirective, TourStepDirective, TranslatePipe, UpdateTeamForm } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-more-page',
styleUrls: ['./more-page.component.scss'],
templateUrl: './more-page.component.html',
diff --git a/frontend/src/app/features/teams/pages/plans/plan.component.ts b/frontend/src/app/features/teams/pages/plans/plan.component.ts
index ff173f050..48b3aecc0 100644
--- a/frontend/src/app/features/teams/pages/plans/plan.component.ts
+++ b/frontend/src/app/features/teams/pages/plans/plan.component.ts
@@ -11,7 +11,6 @@ import { ConfirmClickDirective, FileSizePipe, FormHintComponent, KNumberPipe, Pl
import { TeamPlansState } from '../../internal';
@Component({
- standalone: true,
selector: 'sqx-plan',
styleUrls: ['./plan.component.scss'],
templateUrl: './plan.component.html',
diff --git a/frontend/src/app/features/teams/pages/plans/plans-page.component.ts b/frontend/src/app/features/teams/pages/plans/plans-page.component.ts
index 371d975df..13aa2ab85 100644
--- a/frontend/src/app/features/teams/pages/plans/plans-page.component.ts
+++ b/frontend/src/app/features/teams/pages/plans/plans-page.component.ts
@@ -13,7 +13,6 @@ import { TeamPlansState } from '../../internal';
import { PlanComponent } from './plan.component';
@Component({
- standalone: true,
selector: 'sqx-plans-page',
styleUrls: ['./plans-page.component.scss'],
templateUrl: './plans-page.component.html',
diff --git a/frontend/src/app/features/teams/shared/settings-area.component.ts b/frontend/src/app/features/teams/shared/settings-area.component.ts
index 4c6af1cbf..f6ba8f92d 100644
--- a/frontend/src/app/features/teams/shared/settings-area.component.ts
+++ b/frontend/src/app/features/teams/shared/settings-area.component.ts
@@ -12,7 +12,6 @@ import { defined, LayoutComponent, TeamsState, TitleComponent } from '@app/share
import { SettingsMenuComponent } from './settings-menu.component';
@Component({
- standalone: true,
selector: 'sqx-settings-area',
styleUrls: ['./settings-area.component.scss'],
templateUrl: './settings-area.component.html',
diff --git a/frontend/src/app/features/teams/shared/settings-menu.component.ts b/frontend/src/app/features/teams/shared/settings-menu.component.ts
index 319617bfd..0704d567c 100644
--- a/frontend/src/app/features/teams/shared/settings-menu.component.ts
+++ b/frontend/src/app/features/teams/shared/settings-menu.component.ts
@@ -11,7 +11,6 @@ import { RouterLink, RouterLinkActive } from '@angular/router';
import { TeamDto, TranslatePipe } from '@app/shared';
@Component({
- standalone: true,
selector: 'sqx-settings-menu',
styleUrls: ['./settings-menu.component.scss'],
templateUrl: './settings-menu.component.html',
diff --git a/frontend/src/app/features/teams/team-area.component.ts b/frontend/src/app/features/teams/team-area.component.ts
index 6c1bb9021..acd409368 100644
--- a/frontend/src/app/features/teams/team-area.component.ts
+++ b/frontend/src/app/features/teams/team-area.component.ts
@@ -12,7 +12,6 @@ import { defined, LayoutContainerDirective, TeamsState, TitleComponent } from '@
import { LeftMenuComponent } from './left-menu.component';
@Component({
- standalone: true,
selector: 'sqx-team-area',
styleUrls: ['./team-area.component.scss'],
templateUrl: './team-area.component.html',
diff --git a/frontend/src/app/framework/angular/autosize.directive.ts b/frontend/src/app/framework/angular/autosize.directive.ts
index adcb35873..b80fd9ba1 100644
--- a/frontend/src/app/framework/angular/autosize.directive.ts
+++ b/frontend/src/app/framework/angular/autosize.directive.ts
@@ -9,7 +9,6 @@
import { AfterViewInit, Directive, DoCheck, ElementRef, HostBinding, HostListener, Input, numberAttribute, Renderer2 } from '@angular/core';
@Directive({
- standalone: true,
selector: 'textarea[sqxAutosize]',
})
export class AutosizeDirective implements AfterViewInit, DoCheck {
diff --git a/frontend/src/app/framework/angular/avatar.component.ts b/frontend/src/app/framework/angular/avatar.component.ts
index 212c2a822..c5a068c15 100644
--- a/frontend/src/app/framework/angular/avatar.component.ts
+++ b/frontend/src/app/framework/angular/avatar.component.ts
@@ -11,7 +11,6 @@ import { picasso, TypedSimpleChanges } from '@app/framework/internal';
import { SafeUrlPipe } from './safe-html.pipe';
@Component({
- standalone: true,
selector: 'sqx-avatar',
styleUrls: ['./avatar.component.scss'],
templateUrl: './avatar.component.html',
diff --git a/frontend/src/app/framework/angular/code.component.ts b/frontend/src/app/framework/angular/code.component.ts
index 1f9498366..2cb1318a7 100644
--- a/frontend/src/app/framework/angular/code.component.ts
+++ b/frontend/src/app/framework/angular/code.component.ts
@@ -9,7 +9,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
import { MathHelper } from '../internal';
@Component({
- standalone: true,
selector: 'sqx-code',
styleUrls: ['./code.component.scss'],
templateUrl: './code.component.html',
diff --git a/frontend/src/app/framework/angular/compensate-scrollbar.directive.ts b/frontend/src/app/framework/angular/compensate-scrollbar.directive.ts
index 232f97a48..3f1b49fc8 100644
--- a/frontend/src/app/framework/angular/compensate-scrollbar.directive.ts
+++ b/frontend/src/app/framework/angular/compensate-scrollbar.directive.ts
@@ -10,7 +10,6 @@ import { ResizeListener, ResizeService, Subscriptions } from '@app/framework/int
@Directive({
selector: '[sqxCompensateScrollbar]',
- standalone: true,
})
export class CompensateScrollbarDirective implements AfterViewInit, ResizeListener {
private readonly subscriptions = new Subscriptions();
diff --git a/frontend/src/app/framework/angular/dropdown-menu.component.ts b/frontend/src/app/framework/angular/dropdown-menu.component.ts
index 8ada87e5b..95059aaaa 100644
--- a/frontend/src/app/framework/angular/dropdown-menu.component.ts
+++ b/frontend/src/app/framework/angular/dropdown-menu.component.ts
@@ -5,13 +5,10 @@
* Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
*/
-/* eslint-disable @angular-eslint/no-host-metadata-property */
-
import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input } from '@angular/core';
import { fadeAnimation } from './animations';
@Component({
- standalone: true,
selector: 'sqx-dropdown-menu',
styleUrls: ['./dropdown-menu.component.scss'],
templateUrl: './dropdown-menu.component.html',
diff --git a/frontend/src/app/framework/angular/external-link.directive.ts b/frontend/src/app/framework/angular/external-link.directive.ts
index 3a8f4e102..1888e133b 100644
--- a/frontend/src/app/framework/angular/external-link.directive.ts
+++ b/frontend/src/app/framework/angular/external-link.directive.ts
@@ -9,7 +9,6 @@ import { AfterViewInit, Directive, ElementRef, Input, Renderer2 } from '@angular
@Directive({
selector: '[sqxExternalLink]',
- standalone: true,
})
export class ExternalLinkDirective implements AfterViewInit {
@Input('sqxExternalLink')
diff --git a/frontend/src/app/framework/angular/forms/confirm-click.directive.ts b/frontend/src/app/framework/angular/forms/confirm-click.directive.ts
index 0b3bf341b..dc386c90f 100644
--- a/frontend/src/app/framework/angular/forms/confirm-click.directive.ts
+++ b/frontend/src/app/framework/angular/forms/confirm-click.directive.ts
@@ -11,7 +11,6 @@ import { DialogService, Types } from '@app/framework/internal';
@Directive({
selector: '[sqxConfirmClick]',
- standalone: true,
})
export class ConfirmClickDirective {
@Input()
diff --git a/frontend/src/app/framework/angular/forms/control-errors-messages.component.ts b/frontend/src/app/framework/angular/forms/control-errors-messages.component.ts
index 2c53032f6..14d67a413 100644
--- a/frontend/src/app/framework/angular/forms/control-errors-messages.component.ts
+++ b/frontend/src/app/framework/angular/forms/control-errors-messages.component.ts
@@ -10,7 +10,6 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { fadeAnimation } from '@app/framework/internal';
@Component({
- standalone: true,
selector: 'sqx-errors-messages',
styleUrls: ['./control-errors-messages.component.scss'],
templateUrl: './control-errors-messages.component.html',
diff --git a/frontend/src/app/framework/angular/forms/control-errors.component.ts b/frontend/src/app/framework/angular/forms/control-errors.component.ts
index dfb1b40fa..eb5100df9 100644
--- a/frontend/src/app/framework/angular/forms/control-errors.component.ts
+++ b/frontend/src/app/framework/angular/forms/control-errors.component.ts
@@ -20,7 +20,6 @@ interface State {
}
@Component({
- standalone: true,
selector: 'sqx-control-errors',
styleUrls: ['./control-errors.component.scss'],
templateUrl: './control-errors.component.html',
diff --git a/frontend/src/app/framework/angular/forms/copy-global.directive.ts b/frontend/src/app/framework/angular/forms/copy-global.directive.ts
index 59e87b41f..f668e4388 100644
--- a/frontend/src/app/framework/angular/forms/copy-global.directive.ts
+++ b/frontend/src/app/framework/angular/forms/copy-global.directive.ts
@@ -10,7 +10,6 @@ import { DialogService, Types } from '@app/framework/internal';
@Directive({
selector: '[sqxCopyGlobal]',
- standalone: true,
})
export class CopyGlobalDirective {
constructor(
diff --git a/frontend/src/app/framework/angular/forms/copy.directive.ts b/frontend/src/app/framework/angular/forms/copy.directive.ts
index 593ccd520..fc92b6d8f 100644
--- a/frontend/src/app/framework/angular/forms/copy.directive.ts
+++ b/frontend/src/app/framework/angular/forms/copy.directive.ts
@@ -10,7 +10,6 @@ import { DialogService, Types } from '@app/framework/internal';
@Directive({
selector: '[sqxCopy]',
- standalone: true,
})
export class CopyDirective {
@Input('sqxCopy')
diff --git a/frontend/src/app/framework/angular/forms/editable-title.component.ts b/frontend/src/app/framework/angular/forms/editable-title.component.ts
index 08d16db37..d01fe2d92 100644
--- a/frontend/src/app/framework/angular/forms/editable-title.component.ts
+++ b/frontend/src/app/framework/angular/forms/editable-title.component.ts
@@ -14,7 +14,6 @@ import { ControlErrorsComponent } from './control-errors.component';
import { FocusOnInitDirective } from './focus-on-init.directive';
@Component({
- standalone: true,
selector: 'sqx-editable-title',
styleUrls: ['./editable-title.component.scss'],
templateUrl: './editable-title.component.html',
diff --git a/frontend/src/app/framework/angular/forms/editors/autocomplete.component.ts b/frontend/src/app/framework/angular/forms/editors/autocomplete.component.ts
index 7aa23046f..b79f85c31 100644
--- a/frontend/src/app/framework/angular/forms/editors/autocomplete.component.ts
+++ b/frontend/src/app/framework/angular/forms/editors/autocomplete.component.ts
@@ -65,7 +65,6 @@ const NO_QUERY = { text: '' };
const RANGE_LIMIT = 60;
@Component({
- standalone: true,
selector: 'sqx-autocomplete',
styleUrls: ['./autocomplete.component.scss'],
templateUrl: './autocomplete.component.html',
diff --git a/frontend/src/app/framework/angular/forms/editors/checkbox-group.component.ts b/frontend/src/app/framework/angular/forms/editors/checkbox-group.component.ts
index 14b6ac1ad..0e98aade7 100644
--- a/frontend/src/app/framework/angular/forms/editors/checkbox-group.component.ts
+++ b/frontend/src/app/framework/angular/forms/editors/checkbox-group.component.ts
@@ -24,7 +24,6 @@ interface State {
}
@Component({
- standalone: true,
selector: 'sqx-checkbox-group',
styleUrls: ['./checkbox-group.component.scss'],
templateUrl: './checkbox-group.component.html',
diff --git a/frontend/src/app/framework/angular/forms/editors/code-editor.component.scss b/frontend/src/app/framework/angular/forms/editors/code-editor.component.scss
index 7db24be28..1b789930d 100644
--- a/frontend/src/app/framework/angular/forms/editors/code-editor.component.scss
+++ b/frontend/src/app/framework/angular/forms/editors/code-editor.component.scss
@@ -1,3 +1,4 @@
+@use 'sass:color';
@import 'mixins';
@import 'vars';
@@ -33,7 +34,7 @@
}
.ace_gutter-active-line {
- background: darken($color-border, 5%) !important;
+ background: color.adjust($color-border, $lightness: -5%) !important;
}
.ace_gutter {
diff --git a/frontend/src/app/framework/angular/forms/editors/code-editor.component.ts b/frontend/src/app/framework/angular/forms/editors/code-editor.component.ts
index 775f4d1af..8c6c67c73 100644
--- a/frontend/src/app/framework/angular/forms/editors/code-editor.component.ts
+++ b/frontend/src/app/framework/angular/forms/editors/code-editor.component.ts
@@ -16,7 +16,6 @@ export const SQX_CODE_EDITOR_CONTROL_VALUE_ACCESSOR: any = {
};
@Component({
- standalone: true,
selector: 'sqx-code-editor',
styleUrls: ['./code-editor.component.scss'],
templateUrl: './code-editor.component.html',
diff --git a/frontend/src/app/framework/angular/forms/editors/color-picker.component.html b/frontend/src/app/framework/angular/forms/editors/color-picker.component.html
index be791d7a5..6042315c9 100644
--- a/frontend/src/app/framework/angular/forms/editors/color-picker.component.html
+++ b/frontend/src/app/framework/angular/forms/editors/color-picker.component.html
@@ -3,7 +3,8 @@
} @else {
-
+
}
-
-
-
+
+
-
diff --git a/frontend/src/app/framework/angular/forms/editors/color-picker.component.scss b/frontend/src/app/framework/angular/forms/editors/color-picker.component.scss
index 2d7969d07..4919e06f0 100644
--- a/frontend/src/app/framework/angular/forms/editors/color-picker.component.scss
+++ b/frontend/src/app/framework/angular/forms/editors/color-picker.component.scss
@@ -17,6 +17,14 @@
.color-container {
display: inline-block;
+ position: relative;
+}
+
+.color-picker {
+ @include absolute(0, 0, 0, 0);
+ visibility: hidden;
+ width: auto;
+ height: auto;
}
.circle {
diff --git a/frontend/src/app/framework/angular/forms/editors/color-picker.component.ts b/frontend/src/app/framework/angular/forms/editors/color-picker.component.ts
index 7cdc6efd9..a51227f2f 100644
--- a/frontend/src/app/framework/angular/forms/editors/color-picker.component.ts
+++ b/frontend/src/app/framework/angular/forms/editors/color-picker.component.ts
@@ -6,12 +6,9 @@
*/
-import { booleanAttribute, ChangeDetectionStrategy, Component, forwardRef, Input } from '@angular/core';
+import { booleanAttribute, ChangeDetectionStrategy, Component, ElementRef, forwardRef, Input, ViewChild } from '@angular/core';
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { ColorPickerModule } from 'ngx-color-picker';
-import { MathHelper, ModalModel, StatefulControlComponent } from '@app/framework/internal';
-import { ModalPlacementDirective } from '../../modals/modal-placement.directive';
-import { ModalDirective } from '../../modals/modal.directive';
+import { MathHelper, StatefulControlComponent } from '@app/framework/internal';
import { FocusComponent } from '../forms-helper';
export const SQX_COLOR_PICKER_CONTROL_VALUE_ACCESSOR: any = {
@@ -22,12 +19,14 @@ interface State {
// The current value.
value: string;
+ // The hex color.
+ parsed: string;
+
// The foreground color.
foreground: string;
}
@Component({
- standalone: true,
selector: 'sqx-color-picker',
styleUrls: ['./color-picker.component.scss'],
templateUrl: './color-picker.component.html',
@@ -36,15 +35,10 @@ interface State {
],
changeDetection: ChangeDetectionStrategy.OnPush,
imports: [
- ColorPickerModule,
FormsModule,
- ModalDirective,
- ModalPlacementDirective,
],
})
export class ColorPickerComponent extends StatefulControlComponent implements FocusComponent {
- private wasOpen = false;
-
@Input()
public placeholder = '';
@@ -56,35 +50,25 @@ export class ColorPickerComponent extends StatefulControlComponent;
constructor() {
- super({ foreground: 'black', value: 'black' });
-
- this.modal.isOpenChanges.subscribe(open => {
- if (open) {
- this.wasOpen = true;
- } else {
- if (this.wasOpen) {
- this.callTouched();
- }
-
- this.wasOpen = false;
- }
- });
+ super({ foreground: 'black', value: 'black', parsed: '#000000' });
}
public writeValue(value: any) {
const previousColor = this.snapshot.value;
+ const parsedColor = parseColor(value);
- if (previousColor !== value) {
+ if (previousColor !== parsedColor) {
let foreground = 'black';
- if (MathHelper.toLuminance(MathHelper.parseColor(value)!) < 0.5) {
+ if (MathHelper.toLuminance(MathHelper.parseColor(parsedColor)!) < 0.5) {
foreground = 'white';
}
- this.next({ value, foreground });
+ this.next({ value, parsed: parsedColor, foreground });
}
}
@@ -93,7 +77,7 @@ export class ColorPickerComponent extends StatefulControlComponent ({
+ props: args,
+ template: `
+
+
+
+
+ `,
+ }),
+ decorators: [
+ moduleMetadata({
+ imports: [
+ FormsModule,
+ RootViewComponent,
+ ],
+ }),
+ ],
+} as Meta;
+
+type Story = StoryObj;
+
+export const Default: Story = {
+ args: {
+ ngModel: '#ff0000',
+ } as any,
+};
+
+export const Name: Story = {
+ args: {
+ ngModel: 'red',
+ } as any,
+};
+
+export const Circle: Story = {
+ args: {
+ ngModel: 'red',
+ mode: 'Circle',
+ } as any,
+};
\ No newline at end of file
diff --git a/frontend/src/app/framework/angular/forms/editors/date-time-editor.component.html b/frontend/src/app/framework/angular/forms/editors/date-time-editor.component.html
index e184229fa..e19886838 100644
--- a/frontend/src/app/framework/angular/forms/editors/date-time-editor.component.html
+++ b/frontend/src/app/framework/angular/forms/editors/date-time-editor.component.html
@@ -1,5 +1,5 @@
-
-
+
+
@if (isDateTimeMode && shouldShowDateButtons) {
-
-
-
+
}
@if (!isDateTimeMode && shouldShowDateButtons) {
-
-
-
+
+ }
+
+ @if (!hideClear) {
+
}
diff --git a/frontend/src/app/framework/angular/forms/editors/date-time-editor.component.scss b/frontend/src/app/framework/angular/forms/editors/date-time-editor.component.scss
index df536875c..673df2a27 100644
--- a/frontend/src/app/framework/angular/forms/editors/date-time-editor.component.scss
+++ b/frontend/src/app/framework/angular/forms/editors/date-time-editor.component.scss
@@ -5,40 +5,15 @@
max-width: 400px;
}
-.flex-grow {
- flex-grow: 1;
-}
-
-.form-group {
+.form-container {
position: relative;
}
-.form-time {
- width: 45%;
-}
-
-.form-date {
- width: 55%;
-
- &.with-buttons {
- padding-left: 3.3rem;
- }
-}
-
-.form-control {
- &:last-child {
- padding-left: .75rem;
- padding-right: 2rem;
- position: relative;
- }
+.with-buttons {
+ padding-left: 3.3rem;
}
.btn {
- &-clear {
- @include absolute(auto, 4px, 3px, auto);
- z-index: 1;
- }
-
&-time-mode {
@include absolute(1px, auto, -1px, auto);
z-index: 1;
@@ -68,6 +43,10 @@
display: none;
}
+ .btn-clear {
+ display: none;
+ }
+
.form-date {
padding-left: .75rem;
}
diff --git a/frontend/src/app/framework/angular/forms/editors/date-time-editor.component.ts b/frontend/src/app/framework/angular/forms/editors/date-time-editor.component.ts
index 07c5bb37a..5266ca0ae 100644
--- a/frontend/src/app/framework/angular/forms/editors/date-time-editor.component.ts
+++ b/frontend/src/app/framework/angular/forms/editors/date-time-editor.component.ts
@@ -6,30 +6,30 @@
*/
-import { AfterViewInit, booleanAttribute, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, forwardRef, inject, Input, OnInit, Output, ViewChild } from '@angular/core';
-import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule, UntypedFormControl } from '@angular/forms';
-import Pikaday from 'pikaday/pikaday';
-import { DateHelper, DateTime, StatefulControlComponent, Subscriptions, UIOptions } from '@app/framework/internal';
+import { booleanAttribute, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, forwardRef, inject, Input, Output, ViewChild } from '@angular/core';
+import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { DateHelper, DateTime, StatefulControlComponent, UIOptions } from '@app/framework/internal';
import { TooltipDirective } from '../../modals/tooltip.directive';
import { TranslatePipe } from '../../pipes/translate.pipe';
import { ResizedDirective } from '../../resized.directive';
import { FocusComponent } from '../forms-helper';
-declare module 'pikaday/pikaday';
-
export const SQX_DATE_TIME_EDITOR_CONTROL_VALUE_ACCESSOR: any = {
provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DateTimeEditorComponent), multi: true,
};
-const NO_EMIT = { emitEvent: false };
-
interface State {
// True when the editor is in local mode.
isLocal: boolean;
+
+ // The actual value.
+ value?: DateTime | null;
+
+ // The value for the input.
+ inputValue?: string | null;
}
@Component({
- standalone: true,
selector: 'sqx-date-time-editor',
styleUrls: ['./date-time-editor.component.scss'],
templateUrl: './date-time-editor.component.html',
@@ -45,13 +45,9 @@ interface State {
TranslatePipe,
],
})
-export class DateTimeEditorComponent extends StatefulControlComponent
implements OnInit, AfterViewInit, FocusComponent {
- private readonly subscriptions = new Subscriptions();
+export class DateTimeEditorComponent extends StatefulControlComponent implements FocusComponent {
private readonly hideDateButtonsSettings: boolean = !!inject(UIOptions).value.hideDateButtons;
private readonly hideDateTimeModeButtonSetting: boolean = !!inject(UIOptions).value.hideDateTimeModeButton;
- private picker: any;
- private dateTime?: DateTime | null;
- private suppressEvents = false;
@Output()
public editorBlur = new EventEmitter();
@@ -59,9 +55,6 @@ export class DateTimeEditorComponent extends StatefulControlComponent;
- public readonly timeControl = new UntypedFormControl();
- public readonly dateControl = new UntypedFormControl();
-
public get shouldShowDateButtons() {
return !this.hideDateButtonsSettings && !this.hideDateButtons;
}
@@ -98,166 +88,84 @@ export class DateTimeEditorComponent extends StatefulControlComponent {
- this.dateTime = this.getValue();
-
- this.callChangeFormatted();
- }));
-
- this.subscriptions.add(
- this.dateControl.valueChanges.subscribe(() => {
- this.dateTime = this.getValue();
-
- this.callChangeFormatted();
- }));
- }
-
- public writeValue(obj: any) {
- try {
- this.dateTime = DateTime.parseISO(obj, false);
- } catch (ex) {
- this.dateTime = null;
- }
-
- this.updateControls();
- }
-
public callTouched() {
this.editorBlur.next(true);
super.callTouched();
}
- public onDisabled(isDisabled: boolean) {
- if (isDisabled) {
- this.dateControl.disable(NO_EMIT);
- this.timeControl.disable(NO_EMIT);
- } else {
- this.dateControl.enable(NO_EMIT);
- this.timeControl.enable(NO_EMIT);
- }
- }
-
public focus() {
this.dateInput.nativeElement.focus();
}
- public ngAfterViewInit() {
- const i18n = getLocalizationSettings();
-
- this.picker = new Pikaday({
- field: this.dateInput.nativeElement,
- i18n,
- format: 'YYYY-MM-DD',
- onSelect: () => {
- if (this.suppressEvents) {
- return;
- }
-
- this.dateControl.setValue(this.picker.toString('YYYY-MM-DD'));
-
- this.callTouched();
- },
- });
+ public writeValue(obj: any) {
+ let value: DateTime | null;
+ try {
+ value = DateTime.parseISO(obj, false);
+ } catch (ex) {
+ value = null;
+ }
- this.updateControls();
+ this.update(value, this.snapshot.isLocal, false);
}
public writeToday() {
- this.dateTime = new DateTime(DateHelper.getLocalDate(DateTime.today().raw));
-
- this.updateControls();
- this.callChangeFormatted();
- this.callTouched();
-
+ this.update(new DateTime(DateHelper.getLocalDate(DateTime.today().raw)), this.snapshot.isLocal, true);
return false;
}
public writeNow() {
- this.dateTime = DateTime.now();
-
- this.updateControls();
- this.callChangeFormatted();
- this.callTouched();
-
+ this.update(DateTime.now(), this.snapshot.isLocal, true);
return false;
}
public reset() {
- this.dateTime = null;
-
- this.updateControls();
- this.callChangeFormatted();
- this.callTouched();
-
+ this.update(null, this.snapshot.isLocal, true);
return false;
}
- private callChangeFormatted() {
- this.callChange(this.dateTime?.toISOString());
+ public setLocalMode(isLocal: boolean) {
+ this.update(this.snapshot.value, isLocal, true);
+ return false;
}
- private getValue(): DateTime | null {
- if (!this.dateControl.value) {
- return null;
- }
-
- if (this.isDateTimeMode && this.timeControl.value) {
- const combined = `${this.dateControl.value}T${this.timeControl.value}`;
-
- return DateTime.tryParseISO(combined, !this.snapshot.isLocal);
- }
-
- return DateTime.tryParseISO(this.dateControl.value);
+ public updateValue(source: string) {
+ this.update(DateTime.tryParseISO(source), this.snapshot.isLocal, true);
+ return false;
}
- private updateControls() {
- this.suppressEvents = true;
+ private update(value: DateTime | null | undefined, isLocal: boolean, emit: boolean) {
+ let inputValue: string | null = null;
- if (this.dateTime && this.isDateTimeMode) {
- if (this.snapshot.isLocal) {
- this.timeControl.setValue(this.dateTime.toStringFormat('HH:mm:ss'), NO_EMIT);
+ if (value) {
+ if (this.isDateTimeMode) {
+ if (isLocal) {
+ inputValue = value.toStringFormat('yyyy-MM-dd\'T\'HH:mm:ss');
+ } else {
+ inputValue = value.toStringFormatUTC('yyyy-MM-dd\'T\'HH:mm:ss');
+ }
} else {
- this.timeControl.setValue(this.dateTime.toStringFormatUTC('HH:mm:ss'), NO_EMIT);
+ if (isLocal) {
+ inputValue = value.toStringFormat('yyyy-MM-dd');
+ } else {
+ inputValue = value.toStringFormatUTC('yyyy-MM-dd');
+ }
}
- } else {
- this.timeControl.setValue(null, NO_EMIT);
}
- if (this.dateTime && this.picker) {
- let dateString: string;
-
- if (this.isDateTimeMode && this.snapshot.isLocal) {
- dateString = this.dateTime.toStringFormat('yyyy-MM-dd');
-
- this.picker.setDate(DateHelper.getLocalDate(this.dateTime.raw), true);
- } else {
- dateString = this.dateTime.toStringFormatUTC('yyyy-MM-dd');
-
- this.picker.setDate(DateHelper.getUTCDate(this.dateTime.raw), true);
- }
+ this.next({ inputValue, value, isLocal });
- this.dateControl.setValue(dateString, NO_EMIT);
- } else {
- this.dateControl.setValue(null, NO_EMIT);
+ if (emit) {
+ this.callChange(value?.toISOString());
+ this.callTouched();
}
-
- this.suppressEvents = false;
- }
-
- public setLocalMode(isLocal: boolean) {
- this.next({ isLocal });
-
- this.updateControls();
}
public setSize(size: DOMRect) {
@@ -270,30 +178,3 @@ export class DateTimeEditorComponent extends StatefulControlComponent ({
+ props: args,
+ template: `
+
+
+ `,
+ }),
decorators: [
moduleMetadata({
imports: [
+ FormsModule,
],
providers: [
{
@@ -66,14 +97,33 @@ export const Date: Story = {
mode: 'Date',
},
};
+export const DateValue: Story = {
+ args: {
+ mode: 'Date',
+ ngModel: '2023-12-11',
+ } as any,
+};
export const DateTime: Story = {
args: {
mode: 'DateTime',
- disabled: true,
},
};
+export const DateTimeValue: Story = {
+ args: {
+ mode: 'DateTime',
+ ngModel: '2023-12-11T10:09:08',
+ } as any,
+};
+
+export const DateTimeValueUtc: Story = {
+ args: {
+ mode: 'DateTime',
+ ngModel: '2023-12-11T10:09:08Z',
+ } as any,
+};
+
export const DateTimeDisabled: Story = {
args: {
mode: 'DateTime',
diff --git a/frontend/src/app/framework/angular/forms/editors/dropdown.component.ts b/frontend/src/app/framework/angular/forms/editors/dropdown.component.ts
index 99a49eb18..3eadacfa3 100644
--- a/frontend/src/app/framework/angular/forms/editors/dropdown.component.ts
+++ b/frontend/src/app/framework/angular/forms/editors/dropdown.component.ts
@@ -38,7 +38,6 @@ interface State {
}
@Component({
- standalone: true,
selector: 'sqx-dropdown',
styleUrls: ['./dropdown.component.scss'],
templateUrl: './dropdown.component.html',
diff --git a/frontend/src/app/framework/angular/forms/editors/localized-input.component.ts b/frontend/src/app/framework/angular/forms/editors/localized-input.component.ts
index 64fdff7ab..b0607ba5d 100644
--- a/frontend/src/app/framework/angular/forms/editors/localized-input.component.ts
+++ b/frontend/src/app/framework/angular/forms/editors/localized-input.component.ts
@@ -26,7 +26,6 @@ interface State {
}
@Component({
- standalone: true,
selector: 'sqx-localized-input',
styleUrls: ['./localized-input.component.scss'],
templateUrl: './localized-input.component.html',
diff --git a/frontend/src/app/framework/angular/forms/editors/radio-group.component.ts b/frontend/src/app/framework/angular/forms/editors/radio-group.component.ts
index 0390c27b3..6da01f391 100644
--- a/frontend/src/app/framework/angular/forms/editors/radio-group.component.ts
+++ b/frontend/src/app/framework/angular/forms/editors/radio-group.component.ts
@@ -21,7 +21,6 @@ interface State {
}
@Component({
- standalone: true,
selector: 'sqx-radio-group',
styleUrls: ['./radio-group.component.scss'],
templateUrl: './radio-group.component.html',
diff --git a/frontend/src/app/framework/angular/forms/editors/stars.component.ts b/frontend/src/app/framework/angular/forms/editors/stars.component.ts
index bd688f718..97e0f89f1 100644
--- a/frontend/src/app/framework/angular/forms/editors/stars.component.ts
+++ b/frontend/src/app/framework/angular/forms/editors/stars.component.ts
@@ -27,7 +27,6 @@ interface State {
}
@Component({
- standalone: true,
selector: 'sqx-stars',
styleUrls: ['./stars.component.scss'],
templateUrl: './stars.component.html',
diff --git a/frontend/src/app/framework/angular/forms/editors/tag-editor.component.scss b/frontend/src/app/framework/angular/forms/editors/tag-editor.component.scss
index d2f36d84f..8788c3418 100644
--- a/frontend/src/app/framework/angular/forms/editors/tag-editor.component.scss
+++ b/frontend/src/app/framework/angular/forms/editors/tag-editor.component.scss
@@ -1,3 +1,4 @@
+@use 'sass:color';
@import 'mixins';
@import 'vars';
@@ -169,7 +170,7 @@ div {
}
&:hover {
- background: darken($color-input, 10%);
+ background: color.adjust($color-input, $lightness: -10%);
}
}
diff --git a/frontend/src/app/framework/angular/forms/editors/tag-editor.component.ts b/frontend/src/app/framework/angular/forms/editors/tag-editor.component.ts
index 8f797c21b..d7feeae47 100644
--- a/frontend/src/app/framework/angular/forms/editors/tag-editor.component.ts
+++ b/frontend/src/app/framework/angular/forms/editors/tag-editor.component.ts
@@ -38,7 +38,6 @@ interface State {
}
@Component({
- standalone: true,
selector: 'sqx-tag-editor',
styleUrls: ['./tag-editor.component.scss'],
templateUrl: './tag-editor.component.html',
diff --git a/frontend/src/app/framework/angular/forms/editors/toggle.component.scss b/frontend/src/app/framework/angular/forms/editors/toggle.component.scss
index e9ca90067..28a8395e1 100644
--- a/frontend/src/app/framework/angular/forms/editors/toggle.component.scss
+++ b/frontend/src/app/framework/angular/forms/editors/toggle.component.scss
@@ -1,3 +1,4 @@
+@use 'sass:color';
@import 'mixins';
@import 'vars';
@@ -23,7 +24,7 @@ $toggle-button-size: $toggle-height - .25rem;
&-container {
@include box-shadow-outer;
- background: lighten($color-border, 6%);
+ background: color.adjust($color-border, $lightness: 6%);
border: 0;
border-radius: $toggle-height * .5;
height: $toggle-height;
diff --git a/frontend/src/app/framework/angular/forms/editors/toggle.component.ts b/frontend/src/app/framework/angular/forms/editors/toggle.component.ts
index 71c7301a1..6a634c698 100644
--- a/frontend/src/app/framework/angular/forms/editors/toggle.component.ts
+++ b/frontend/src/app/framework/angular/forms/editors/toggle.component.ts
@@ -19,7 +19,6 @@ interface State {
}
@Component({
- standalone: true,
selector: 'sqx-toggle',
styleUrls: ['./toggle.component.scss'],
templateUrl: './toggle.component.html',
diff --git a/frontend/src/app/framework/angular/forms/file-drop.directive.ts b/frontend/src/app/framework/angular/forms/file-drop.directive.ts
index aa05e43d7..7ac4298ca 100644
--- a/frontend/src/app/framework/angular/forms/file-drop.directive.ts
+++ b/frontend/src/app/framework/angular/forms/file-drop.directive.ts
@@ -12,7 +12,6 @@ import { Types } from '@app/framework/internal';
@Directive({
selector: '[sqxDropFile]',
- standalone: true,
})
export class FileDropDirective {
private dragCounter = 0;
diff --git a/frontend/src/app/framework/angular/forms/focus-on-init.directive.ts b/frontend/src/app/framework/angular/forms/focus-on-init.directive.ts
index 8ffebd702..e22da24a0 100644
--- a/frontend/src/app/framework/angular/forms/focus-on-init.directive.ts
+++ b/frontend/src/app/framework/angular/forms/focus-on-init.directive.ts
@@ -10,7 +10,6 @@ import { Types } from '@app/framework/internal';
@Directive({
selector: '[sqxFocusOnInit]',
- standalone: true,
})
export class FocusOnInitDirective implements AfterViewInit {
@Input({ transform: booleanAttribute })
diff --git a/frontend/src/app/framework/angular/forms/form-alert.component.ts b/frontend/src/app/framework/angular/forms/form-alert.component.ts
index 61b04b1ea..08c808ce3 100644
--- a/frontend/src/app/framework/angular/forms/form-alert.component.ts
+++ b/frontend/src/app/framework/angular/forms/form-alert.component.ts
@@ -8,7 +8,6 @@
import { booleanAttribute, ChangeDetectionStrategy, Component, Input, numberAttribute } from '@angular/core';
@Component({
- standalone: true,
selector: 'sqx-form-alert',
styleUrls: ['./form-alert.component.scss'],
templateUrl: './form-alert.component.html',
diff --git a/frontend/src/app/framework/angular/forms/form-error.component.ts b/frontend/src/app/framework/angular/forms/form-error.component.ts
index a2f8025df..04c59cd48 100644
--- a/frontend/src/app/framework/angular/forms/form-error.component.ts
+++ b/frontend/src/app/framework/angular/forms/form-error.component.ts
@@ -12,7 +12,6 @@ import { MarkdownDirective } from '../markdown.directive';
import { TranslatePipe } from '../pipes/translate.pipe';
@Component({
- standalone: true,
selector: 'sqx-form-error',
styleUrls: ['./form-error.component.scss'],
templateUrl: './form-error.component.html',
diff --git a/frontend/src/app/framework/angular/forms/form-hint.component.ts b/frontend/src/app/framework/angular/forms/form-hint.component.ts
index 907103186..a732eb1a8 100644
--- a/frontend/src/app/framework/angular/forms/form-hint.component.ts
+++ b/frontend/src/app/framework/angular/forms/form-hint.component.ts
@@ -8,7 +8,6 @@
import { ChangeDetectionStrategy, Component, Input, numberAttribute } from '@angular/core';
@Component({
- standalone: true,
selector: 'sqx-form-hint',
styleUrls: ['./form-hint.component.scss'],
templateUrl: './form-hint.component.html',
diff --git a/frontend/src/app/framework/angular/forms/indeterminate-value.directive.ts b/frontend/src/app/framework/angular/forms/indeterminate-value.directive.ts
index 08b14c76c..340be373d 100644
--- a/frontend/src/app/framework/angular/forms/indeterminate-value.directive.ts
+++ b/frontend/src/app/framework/angular/forms/indeterminate-value.directive.ts
@@ -18,7 +18,6 @@ export const SQX_INDETERMINATE_VALUE_CONTROL_VALUE_ACCESSOR: any = {
providers: [
SQX_INDETERMINATE_VALUE_CONTROL_VALUE_ACCESSOR,
],
- standalone: true,
})
export class IndeterminateValueDirective implements ControlValueAccessor {
private callChange = (_: any) => { /* NOOP */ };
diff --git a/frontend/src/app/framework/angular/forms/progress-bar.component.ts b/frontend/src/app/framework/angular/forms/progress-bar.component.ts
index f58bb0bea..019ba1955 100644
--- a/frontend/src/app/framework/angular/forms/progress-bar.component.ts
+++ b/frontend/src/app/framework/angular/forms/progress-bar.component.ts
@@ -10,7 +10,6 @@ import * as ProgressBar from 'progressbar.js';
import { TypedSimpleChanges } from '@app/framework/internal';
@Component({
- standalone: true,
selector: 'sqx-progress-bar',
styles: [`
:host ::ng-deep svg {
diff --git a/frontend/src/app/framework/angular/forms/transform-input.directive.ts b/frontend/src/app/framework/angular/forms/transform-input.directive.ts
index e513b912d..5211de271 100644
--- a/frontend/src/app/framework/angular/forms/transform-input.directive.ts
+++ b/frontend/src/app/framework/angular/forms/transform-input.directive.ts
@@ -27,7 +27,6 @@ export const SQX_TRANSFORM_INPUT_VALUE_ACCESSOR: any = {
providers: [
SQX_TRANSFORM_INPUT_VALUE_ACCESSOR,
],
- standalone: true,
})
export class TransformInputDirective implements ControlValueAccessor {
private callChange = (_: any) => { /* NOOP */ };
diff --git a/frontend/src/app/framework/angular/hover-background.directive.ts b/frontend/src/app/framework/angular/hover-background.directive.ts
index 93a95112a..f4678f942 100644
--- a/frontend/src/app/framework/angular/hover-background.directive.ts
+++ b/frontend/src/app/framework/angular/hover-background.directive.ts
@@ -9,7 +9,6 @@ import { Directive, ElementRef, HostListener, Input, Renderer2 } from '@angular/
@Directive({
selector: '[sqxHoverBackground]',
- standalone: true,
})
export class HoverBackgroundDirective {
private previousBackground?: string | null;
diff --git a/frontend/src/app/framework/angular/if-once.directive.ts b/frontend/src/app/framework/angular/if-once.directive.ts
index f5926eae5..bde9850b6 100644
--- a/frontend/src/app/framework/angular/if-once.directive.ts
+++ b/frontend/src/app/framework/angular/if-once.directive.ts
@@ -9,7 +9,6 @@ import { booleanAttribute, Directive, Input, TemplateRef, ViewContainerRef } fro
@Directive({
selector: '[sqxIfOnce]',
- standalone: true,
})
export class IfOnceDirective {
private hasView = false;
diff --git a/frontend/src/app/framework/angular/image-source.directive.ts b/frontend/src/app/framework/angular/image-source.directive.ts
index 6e91eb67a..b6850df29 100644
--- a/frontend/src/app/framework/angular/image-source.directive.ts
+++ b/frontend/src/app/framework/angular/image-source.directive.ts
@@ -12,8 +12,8 @@ const LAYOUT_CACHE: { [key: string]: { width: number; height: number } } = {};
@Directive({
selector: '[sqxImageSource]',
- standalone: true,
})
+
export class ImageSourceDirective implements OnDestroy, OnInit, AfterViewInit {
private readonly subscriptions = new Subscriptions();
private size: any;
diff --git a/frontend/src/app/framework/angular/image-url.directive.ts b/frontend/src/app/framework/angular/image-url.directive.ts
index 86e370b3c..5a88a20ad 100644
--- a/frontend/src/app/framework/angular/image-url.directive.ts
+++ b/frontend/src/app/framework/angular/image-url.directive.ts
@@ -10,7 +10,6 @@ import { Subscriptions } from '@app/framework/internal';
@Directive({
selector: '[sqxImageUrl]',
- standalone: true,
})
export class ImageUrlDirective implements OnInit {
private readonly subscriptions = new Subscriptions();
diff --git a/frontend/src/app/framework/angular/language-selector.component.ts b/frontend/src/app/framework/angular/language-selector.component.ts
index 71bb9de47..e8b9b6dda 100644
--- a/frontend/src/app/framework/angular/language-selector.component.ts
+++ b/frontend/src/app/framework/angular/language-selector.component.ts
@@ -16,7 +16,6 @@ import { TooltipDirective } from './modals/tooltip.directive';
export interface Language { iso2Code: string; englishName: string; isMasterLanguage?: boolean }
@Component({
- standalone: true,
selector: 'sqx-language-selector',
styleUrls: ['./language-selector.component.scss'],
templateUrl: './language-selector.component.html',
diff --git a/frontend/src/app/framework/angular/layout-container.directive.ts b/frontend/src/app/framework/angular/layout-container.directive.ts
index 098fdf9f3..2639679c3 100644
--- a/frontend/src/app/framework/angular/layout-container.directive.ts
+++ b/frontend/src/app/framework/angular/layout-container.directive.ts
@@ -12,7 +12,6 @@ import { LayoutComponent } from './layout.component';
@Directive({
selector: '[sqxLayoutContainer]',
- standalone: true,
})
export class LayoutContainerDirective implements AfterViewInit {
private readonly layouts: LayoutComponent[] = [];
diff --git a/frontend/src/app/framework/angular/layout.component.ts b/frontend/src/app/framework/angular/layout.component.ts
index 62d172e94..68d404cf8 100644
--- a/frontend/src/app/framework/angular/layout.component.ts
+++ b/frontend/src/app/framework/angular/layout.component.ts
@@ -15,7 +15,6 @@ import { StopClickDirective } from './stop-click.directive';
import { SidebarMenuDirective } from './template.directive';
@Component({
- standalone: true,
selector: 'sqx-layout',
styleUrls: ['./layout.component.scss'],
templateUrl: './layout.component.html',
diff --git a/frontend/src/app/framework/angular/list-view.component.ts b/frontend/src/app/framework/angular/list-view.component.ts
index fbe643ea5..8214a38f7 100644
--- a/frontend/src/app/framework/angular/list-view.component.ts
+++ b/frontend/src/app/framework/angular/list-view.component.ts
@@ -18,7 +18,6 @@ interface State {
}
@Component({
- standalone: true,
selector: 'sqx-list-view',
styleUrls: ['./list-view.component.scss'],
templateUrl: './list-view.component.html',
diff --git a/frontend/src/app/framework/angular/loader.component.ts b/frontend/src/app/framework/angular/loader.component.ts
index 0dc7ad700..946d2a2c6 100644
--- a/frontend/src/app/framework/angular/loader.component.ts
+++ b/frontend/src/app/framework/angular/loader.component.ts
@@ -10,7 +10,6 @@
import { ChangeDetectionStrategy, Component, Input, numberAttribute } from '@angular/core';
@Component({
- standalone: true,
selector: 'sqx-loader',
styleUrls: ['./loader.component.scss'],
templateUrl: './loader.component.html',
diff --git a/frontend/src/app/framework/angular/long-hover.directive.ts b/frontend/src/app/framework/angular/long-hover.directive.ts
index e5fbe09cd..da6fc3b46 100644
--- a/frontend/src/app/framework/angular/long-hover.directive.ts
+++ b/frontend/src/app/framework/angular/long-hover.directive.ts
@@ -12,7 +12,6 @@ import { Directive, EventEmitter, HostListener, Input, numberAttribute, Output,
@Directive({
selector: '[sqxLongHover]',
- standalone: true,
})
export class LongHoverDirective {
private timerOut: Function | null = null;
diff --git a/frontend/src/app/framework/angular/markdown.directive.ts b/frontend/src/app/framework/angular/markdown.directive.ts
index 94f709d00..59cd94c47 100644
--- a/frontend/src/app/framework/angular/markdown.directive.ts
+++ b/frontend/src/app/framework/angular/markdown.directive.ts
@@ -10,7 +10,6 @@ import { markdownRender } from '@app/framework/internal';
@Directive({
selector: '[sqxMarkdown]',
- standalone: true,
})
export class MarkdownDirective {
@Input('sqxMarkdown')
diff --git a/frontend/src/app/framework/angular/modals/dialog-renderer.component.ts b/frontend/src/app/framework/angular/modals/dialog-renderer.component.ts
index 75530aaad..b2f4cf271 100644
--- a/frontend/src/app/framework/angular/modals/dialog-renderer.component.ts
+++ b/frontend/src/app/framework/angular/modals/dialog-renderer.component.ts
@@ -30,7 +30,6 @@ interface State {
}
@Component({
- standalone: true,
selector: 'sqx-dialog-renderer',
styleUrls: ['./dialog-renderer.component.scss'],
templateUrl: './dialog-renderer.component.html',
diff --git a/frontend/src/app/framework/angular/modals/modal-dialog.component.ts b/frontend/src/app/framework/angular/modals/modal-dialog.component.ts
index 8c8a28c87..114106e10 100644
--- a/frontend/src/app/framework/angular/modals/modal-dialog.component.ts
+++ b/frontend/src/app/framework/angular/modals/modal-dialog.component.ts
@@ -13,7 +13,6 @@ import { ShortcutComponent } from '../shortcut.component';
import { TourStepDirective } from './tour-step.directive';
@Component({
- standalone: true,
selector: 'sqx-modal-dialog',
styleUrls: ['./modal-dialog.component.scss'],
templateUrl: './modal-dialog.component.html',
diff --git a/frontend/src/app/framework/angular/modals/modal-placement.directive.ts b/frontend/src/app/framework/angular/modals/modal-placement.directive.ts
index 84c9aa427..2e77ec5db 100644
--- a/frontend/src/app/framework/angular/modals/modal-placement.directive.ts
+++ b/frontend/src/app/framework/angular/modals/modal-placement.directive.ts
@@ -11,7 +11,6 @@ import { FloatingPlacement, TypedSimpleChanges, Types } from '@app/framework/int
@Directive({
selector: '[sqxAnchoredTo]',
- standalone: true,
})
export class ModalPlacementDirective implements AfterViewInit, OnDestroy {
private currentListener?: any;
diff --git a/frontend/src/app/framework/angular/modals/modal.directive.ts b/frontend/src/app/framework/angular/modals/modal.directive.ts
index 96440b084..af1b52e49 100644
--- a/frontend/src/app/framework/angular/modals/modal.directive.ts
+++ b/frontend/src/app/framework/angular/modals/modal.directive.ts
@@ -15,7 +15,6 @@ declare type Model = DialogModel | ModalModel | any;
@Directive({
selector: '[sqxModal]',
- standalone: true,
})
export class ModalDirective implements OnDestroy {
private readonly eventsView = new Subscriptions();
diff --git a/frontend/src/app/framework/angular/modals/root-view.component.ts b/frontend/src/app/framework/angular/modals/root-view.component.ts
index 465e5caf0..f3e573628 100644
--- a/frontend/src/app/framework/angular/modals/root-view.component.ts
+++ b/frontend/src/app/framework/angular/modals/root-view.component.ts
@@ -8,7 +8,6 @@
import { ChangeDetectionStrategy, Component, ViewChild, ViewContainerRef } from '@angular/core';
@Component({
- standalone: true,
selector: 'sqx-root-view',
styleUrls: ['./root-view.component.scss'],
templateUrl: './root-view.component.html',
diff --git a/frontend/src/app/framework/angular/modals/tooltip.directive.ts b/frontend/src/app/framework/angular/modals/tooltip.directive.ts
index ae9baa112..0029d5758 100644
--- a/frontend/src/app/framework/angular/modals/tooltip.directive.ts
+++ b/frontend/src/app/framework/angular/modals/tooltip.directive.ts
@@ -12,7 +12,6 @@ import { DialogService, FloatingPlacement, Tooltip } from '@app/framework/intern
@Directive({
selector: '[title]:not(sqx-layout),[shortcut]',
- standalone: true,
})
export class TooltipDirective implements OnDestroy {
private titleText: string | undefined | null;
diff --git a/frontend/src/app/framework/angular/modals/tour-step.directive.ts b/frontend/src/app/framework/angular/modals/tour-step.directive.ts
index 2a7030ed8..d42d2338b 100644
--- a/frontend/src/app/framework/angular/modals/tour-step.directive.ts
+++ b/frontend/src/app/framework/angular/modals/tour-step.directive.ts
@@ -11,7 +11,6 @@ import { StepDefinition, TourService } from './tour.service';
@Directive({
selector: '[sqxTourStep]',
- standalone: true,
})
export class TourStepDirective implements OnInit, OnDestroy, TourAnchorDirective {
private isNextOnClick = false;
diff --git a/frontend/src/app/framework/angular/modals/tour-template.component.ts b/frontend/src/app/framework/angular/modals/tour-template.component.ts
index 67eae7249..dc8cf0e93 100644
--- a/frontend/src/app/framework/angular/modals/tour-template.component.ts
+++ b/frontend/src/app/framework/angular/modals/tour-template.component.ts
@@ -15,7 +15,6 @@ import { ModalDirective } from './modal.directive';
import { StepDefinition, TourService } from './tour.service';
@Component({
- standalone: true,
selector: 'sqx-tour-template',
styleUrls: ['./tour-template.component.scss'],
templateUrl: './tour-template.component.html',
diff --git a/frontend/src/app/framework/angular/pager.component.ts b/frontend/src/app/framework/angular/pager.component.ts
index a3174353b..f13b0493b 100644
--- a/frontend/src/app/framework/angular/pager.component.ts
+++ b/frontend/src/app/framework/angular/pager.component.ts
@@ -15,7 +15,6 @@ import { TranslatePipe } from './pipes/translate.pipe';
export const PAGE_SIZES: ReadonlyArray = [10, 20, 30, 50];
@Component({
- standalone: true,
selector: 'sqx-pager',
styleUrls: ['./pager.component.scss'],
templateUrl: './pager.component.html',
diff --git a/frontend/src/app/framework/angular/pipes/array.pipes.ts b/frontend/src/app/framework/angular/pipes/array.pipes.ts
index 348d48af1..8d6c6074c 100644
--- a/frontend/src/app/framework/angular/pipes/array.pipes.ts
+++ b/frontend/src/app/framework/angular/pipes/array.pipes.ts
@@ -20,7 +20,6 @@ export class ReversePipe implements PipeTransform {
@Pipe({
name: 'sqxKeys',
pure: true,
- standalone: true,
})
export class KeysPipe implements PipeTransform {
public transform(value: any): any {
@@ -31,7 +30,6 @@ export class KeysPipe implements PipeTransform {
@Pipe({
name: 'sqxEntries',
pure: true,
- standalone: true,
})
export class EntriesPipe implements PipeTransform {
public transform(value: Record, sort?: string): ReadonlyArray<{ key: string; value: T }> {
diff --git a/frontend/src/app/framework/angular/pipes/colors.pipes.ts b/frontend/src/app/framework/angular/pipes/colors.pipes.ts
index d36ba1fcc..41e336953 100644
--- a/frontend/src/app/framework/angular/pipes/colors.pipes.ts
+++ b/frontend/src/app/framework/angular/pipes/colors.pipes.ts
@@ -11,7 +11,6 @@ import { ColorHelper } from '@app/framework/utils/color-helper';
@Pipe({
name: 'sqxDarken',
pure: true,
- standalone: true,
})
export class DarkenPipe implements PipeTransform {
public transform(value: string, percentage: number): any {
@@ -27,7 +26,6 @@ export class DarkenPipe implements PipeTransform {
@Pipe({
name: 'sqxLighten',
pure: true,
- standalone: true,
})
export class LightenPipe implements PipeTransform {
public transform(value: string, percentage: number): any {
@@ -43,7 +41,6 @@ export class LightenPipe implements PipeTransform {
@Pipe({
name: 'sqxStringColor',
pure: true,
- standalone: true,
})
export class StringColorPipe implements PipeTransform {
public transform(value?: string) {
diff --git a/frontend/src/app/framework/angular/pipes/date-time.pipes.ts b/frontend/src/app/framework/angular/pipes/date-time.pipes.ts
index 2a15ed8b5..3cb9f51b8 100644
--- a/frontend/src/app/framework/angular/pipes/date-time.pipes.ts
+++ b/frontend/src/app/framework/angular/pipes/date-time.pipes.ts
@@ -11,7 +11,6 @@ import { DateTime, Duration, Types } from '@app/framework/internal';
@Pipe({
name: 'sqxShortDate',
pure: true,
- standalone: true,
})
export class ShortDatePipe implements PipeTransform {
public transform(value: DateTime | string | undefined | null, fallback = ''): string {
@@ -30,7 +29,6 @@ export class ShortDatePipe implements PipeTransform {
@Pipe({
name: 'sqxISODate',
pure: true,
- standalone: true,
})
export class ISODatePipe implements PipeTransform {
public transform(value: DateTime | string | undefined | null, fallback = ''): string {
@@ -49,7 +47,6 @@ export class ISODatePipe implements PipeTransform {
@Pipe({
name: 'sqxDate',
pure: true,
- standalone: true,
})
export class DatePipe implements PipeTransform {
public transform(value: DateTime | string | undefined | null, fallback = ''): string {
@@ -68,7 +65,6 @@ export class DatePipe implements PipeTransform {
@Pipe({
name: 'sqxMonth',
pure: true,
- standalone: true,
})
export class MonthPipe implements PipeTransform {
public transform(value: DateTime | string | undefined | null, fallback = ''): string {
@@ -87,7 +83,6 @@ export class MonthPipe implements PipeTransform {
@Pipe({
name: 'sqxFromNow',
pure: true,
- standalone: true,
})
export class FromNowPipe implements PipeTransform {
public transform(value: DateTime | string | undefined | null, fallback = ''): string {
@@ -106,7 +101,6 @@ export class FromNowPipe implements PipeTransform {
@Pipe({
name: 'sqxDayOfWeek',
pure: true,
- standalone: true,
})
export class DayOfWeekPipe implements PipeTransform {
public transform(value: DateTime | string | undefined | null, fallback = ''): string {
@@ -125,7 +119,6 @@ export class DayOfWeekPipe implements PipeTransform {
@Pipe({
name: 'sqxDay',
pure: true,
- standalone: true,
})
export class DayPipe implements PipeTransform {
public transform(value: DateTime | string | undefined | null, fallback = ''): string {
@@ -144,7 +137,6 @@ export class DayPipe implements PipeTransform {
@Pipe({
name: 'sqxShortTime',
pure: true,
- standalone: true,
})
export class ShortTimePipe implements PipeTransform {
public transform(value: DateTime | string | undefined | null, fallback = ''): string {
@@ -163,7 +155,6 @@ export class ShortTimePipe implements PipeTransform {
@Pipe({
name: 'sqxFullDateTime',
pure: true,
- standalone: true,
})
export class FullDateTimePipe implements PipeTransform {
public transform(value: DateTime | string | undefined | null, fallback = ''): string {
@@ -182,7 +173,6 @@ export class FullDateTimePipe implements PipeTransform {
@Pipe({
name: 'sqxDuration',
pure: true,
- standalone: true,
})
export class DurationPipe implements PipeTransform {
public transform(value: Duration | undefined | null, fallback = ''): string {
diff --git a/frontend/src/app/framework/angular/pipes/highlight.pipe.ts b/frontend/src/app/framework/angular/pipes/highlight.pipe.ts
index 5e386159c..5f7a72511 100644
--- a/frontend/src/app/framework/angular/pipes/highlight.pipe.ts
+++ b/frontend/src/app/framework/angular/pipes/highlight.pipe.ts
@@ -11,7 +11,6 @@ import { escapeHTML, Types } from '@app/framework/internal';
@Pipe({
name: 'sqxHighlight',
pure: false,
- standalone: true,
})
export class HighlightPipe implements PipeTransform {
public transform(text: string, highlight: string | RegExp | undefined | null): string {
diff --git a/frontend/src/app/framework/angular/pipes/markdown.pipe.ts b/frontend/src/app/framework/angular/pipes/markdown.pipe.ts
index d8f18113c..351f8027f 100644
--- a/frontend/src/app/framework/angular/pipes/markdown.pipe.ts
+++ b/frontend/src/app/framework/angular/pipes/markdown.pipe.ts
@@ -11,7 +11,6 @@ import { markdownRender } from '@app/framework/internal';
@Pipe({
name: 'sqxMarkdown',
pure: true,
- standalone: true,
})
export class MarkdownPipe implements PipeTransform {
public transform(text: string | undefined | null, trusted = false): string {
@@ -22,7 +21,6 @@ export class MarkdownPipe implements PipeTransform {
@Pipe({
name: 'sqxMarkdownInline',
pure: true,
- standalone: true,
})
export class MarkdownInlinePipe implements PipeTransform {
public transform(text: string | undefined | null, trusted = false): string {
diff --git a/frontend/src/app/framework/angular/pipes/name.pipe.ts b/frontend/src/app/framework/angular/pipes/name.pipe.ts
index ed0e53850..b3d35fd17 100644
--- a/frontend/src/app/framework/angular/pipes/name.pipe.ts
+++ b/frontend/src/app/framework/angular/pipes/name.pipe.ts
@@ -11,7 +11,6 @@ import { StringHelper } from '@app/framework/internal';
@Pipe({
name: 'sqxDisplayName',
pure: true,
- standalone: true,
})
export class DisplayNamePipe implements PipeTransform {
public transform(value: any, field1 = 'label', field2 = 'name'): any {
diff --git a/frontend/src/app/framework/angular/pipes/numbers.pipes.ts b/frontend/src/app/framework/angular/pipes/numbers.pipes.ts
index 655c141dc..5ea94366d 100644
--- a/frontend/src/app/framework/angular/pipes/numbers.pipes.ts
+++ b/frontend/src/app/framework/angular/pipes/numbers.pipes.ts
@@ -10,7 +10,6 @@ import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'sqxKNumber',
pure: true,
- standalone: true,
})
export class KNumberPipe implements PipeTransform {
public transform(value: number) {
@@ -35,7 +34,6 @@ export class KNumberPipe implements PipeTransform {
@Pipe({
name: 'sqxFileSize',
pure: true,
- standalone: true,
})
export class FileSizePipe implements PipeTransform {
public transform(value: number) {
diff --git a/frontend/src/app/framework/angular/pipes/strings.pipes.ts b/frontend/src/app/framework/angular/pipes/strings.pipes.ts
index 1c29d22f8..aed890512 100644
--- a/frontend/src/app/framework/angular/pipes/strings.pipes.ts
+++ b/frontend/src/app/framework/angular/pipes/strings.pipes.ts
@@ -10,7 +10,6 @@ import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'sqxJoin',
pure: true,
- standalone: true,
})
export class JoinPipe implements PipeTransform {
public transform(value: ReadonlyArray) {
diff --git a/frontend/src/app/framework/angular/pipes/translate.pipe.ts b/frontend/src/app/framework/angular/pipes/translate.pipe.ts
index cbdfe86fb..dbead7bd3 100644
--- a/frontend/src/app/framework/angular/pipes/translate.pipe.ts
+++ b/frontend/src/app/framework/angular/pipes/translate.pipe.ts
@@ -11,7 +11,6 @@ import { LocalizerService, Types } from '@app/framework/internal';
@Pipe({
name: 'sqxTranslate',
pure: true,
- standalone: true,
})
export class TranslatePipe implements PipeTransform {
constructor(
diff --git a/frontend/src/app/framework/angular/resized.directive.ts b/frontend/src/app/framework/angular/resized.directive.ts
index 4759408ac..65e684466 100644
--- a/frontend/src/app/framework/angular/resized.directive.ts
+++ b/frontend/src/app/framework/angular/resized.directive.ts
@@ -12,7 +12,6 @@ import { ResizeListener, ResizeService, Subscriptions } from '@app/framework/int
@Directive({
selector: '[sqxResized], [sqxResizeCondition]',
- standalone: true,
})
export class ResizedDirective implements ResizeListener {
private readonly subscriptions = new Subscriptions();
diff --git a/frontend/src/app/framework/angular/routers/parent-link.directive.ts b/frontend/src/app/framework/angular/routers/parent-link.directive.ts
index 843784153..13f1c5374 100644
--- a/frontend/src/app/framework/angular/routers/parent-link.directive.ts
+++ b/frontend/src/app/framework/angular/routers/parent-link.directive.ts
@@ -11,7 +11,6 @@ import { Subscriptions } from '@app/framework/internal';
@Directive({
selector: '[sqxParentLink]',
- standalone: true,
})
export class ParentLinkDirective implements OnInit {
private readonly subscriptions = new Subscriptions();
diff --git a/frontend/src/app/framework/angular/safe-html.pipe.ts b/frontend/src/app/framework/angular/safe-html.pipe.ts
index 2970d79be..efb29ce3a 100644
--- a/frontend/src/app/framework/angular/safe-html.pipe.ts
+++ b/frontend/src/app/framework/angular/safe-html.pipe.ts
@@ -11,7 +11,6 @@ import { DomSanitizer, SafeHtml, SafeResourceUrl, SafeUrl } from '@angular/platf
@Pipe({
name: 'sqxSafeHtml',
pure: true,
- standalone: true,
})
export class SafeHtmlPipe implements PipeTransform {
constructor(
@@ -27,7 +26,6 @@ export class SafeHtmlPipe implements PipeTransform {
@Pipe({
name: 'sqxSafeUrl',
pure: true,
- standalone: true,
})
export class SafeUrlPipe implements PipeTransform {
constructor(
@@ -43,7 +41,6 @@ export class SafeUrlPipe implements PipeTransform {
@Pipe({
name: 'sqxSafeResourceUrl',
pure: true,
- standalone: true,
})
export class SafeResourceUrlPipe implements PipeTransform {
constructor(
diff --git a/frontend/src/app/framework/angular/scroll-active.directive.ts b/frontend/src/app/framework/angular/scroll-active.directive.ts
index 0b3aa9be7..8a9911568 100644
--- a/frontend/src/app/framework/angular/scroll-active.directive.ts
+++ b/frontend/src/app/framework/angular/scroll-active.directive.ts
@@ -12,7 +12,6 @@ import { TypedSimpleChanges, Types } from '../internal';
@Directive({
selector: '[sqxScrollActive]',
- standalone: true,
})
export class ScrollActiveDirective implements AfterViewInit {
@Input({ alias: 'sqxScrollActive', transform: booleanAttribute })
diff --git a/frontend/src/app/framework/angular/shortcut.component.ts b/frontend/src/app/framework/angular/shortcut.component.ts
index 3db81f190..afcc8203e 100644
--- a/frontend/src/app/framework/angular/shortcut.component.ts
+++ b/frontend/src/app/framework/angular/shortcut.component.ts
@@ -9,7 +9,6 @@ import { booleanAttribute, ChangeDetectorRef, Component, EventEmitter, Input, On
import { ShortcutService } from '@app/framework/internal';
@Component({
- standalone: true,
selector: 'sqx-shortcut',
template: '',
})
diff --git a/frontend/src/app/framework/angular/shortcut.directive.ts b/frontend/src/app/framework/angular/shortcut.directive.ts
index 1abb75678..6fd93583c 100644
--- a/frontend/src/app/framework/angular/shortcut.directive.ts
+++ b/frontend/src/app/framework/angular/shortcut.directive.ts
@@ -12,7 +12,6 @@ import { ShortcutService } from '@app/framework/internal';
@Directive({
selector: '[shortcut]',
- standalone: true,
})
export class ShortcutDirective implements OnDestroy, OnInit {
private subscription?: Function;
diff --git a/frontend/src/app/framework/angular/status-icon.component.ts b/frontend/src/app/framework/angular/status-icon.component.ts
index 32f9ddcde..0b04e5d74 100644
--- a/frontend/src/app/framework/angular/status-icon.component.ts
+++ b/frontend/src/app/framework/angular/status-icon.component.ts
@@ -10,7 +10,6 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { TooltipDirective } from './modals/tooltip.directive';
@Component({
- standalone: true,
selector: 'sqx-status-icon',
styleUrls: ['./status-icon.component.scss'],
templateUrl: './status-icon.component.html',
diff --git a/frontend/src/app/framework/angular/stop-click.directive.ts b/frontend/src/app/framework/angular/stop-click.directive.ts
index 87229b6cf..3fb88e673 100644
--- a/frontend/src/app/framework/angular/stop-click.directive.ts
+++ b/frontend/src/app/framework/angular/stop-click.directive.ts
@@ -9,7 +9,6 @@ import { booleanAttribute, Directive, HostListener, Input } from '@angular/core'
@Directive({
selector: '[sqxStopClick]',
- standalone: true,
})
export class StopClickDirective {
@Input({ alias: 'sqxStopClick', transform: booleanAttribute })
diff --git a/frontend/src/app/framework/angular/stop-drag.directive.ts b/frontend/src/app/framework/angular/stop-drag.directive.ts
index 64a39e326..9fe4a6971 100644
--- a/frontend/src/app/framework/angular/stop-drag.directive.ts
+++ b/frontend/src/app/framework/angular/stop-drag.directive.ts
@@ -9,7 +9,6 @@ import { booleanAttribute, Directive, HostListener, Input } from '@angular/core'
@Directive({
selector: '[sqxStopDrag]',
- standalone: true,
})
export class StopDragDirective {
@Input({ alias: 'sqxStopDrag', transform: booleanAttribute })
diff --git a/frontend/src/app/framework/angular/sync-scrolling.directive.ts b/frontend/src/app/framework/angular/sync-scrolling.directive.ts
index 33f6273dd..c39c72ee2 100644
--- a/frontend/src/app/framework/angular/sync-scrolling.directive.ts
+++ b/frontend/src/app/framework/angular/sync-scrolling.directive.ts
@@ -9,7 +9,6 @@ import { Directive, HostListener, Input, Renderer2 } from '@angular/core';
@Directive({
selector: '[sqxSyncScrolling]',
- standalone: true,
})
export class SyncScollingDirective {
@Input('sqxSyncScrolling')
diff --git a/frontend/src/app/framework/angular/sync-width.directive.ts b/frontend/src/app/framework/angular/sync-width.directive.ts
index f884fe643..4fed351a0 100644
--- a/frontend/src/app/framework/angular/sync-width.directive.ts
+++ b/frontend/src/app/framework/angular/sync-width.directive.ts
@@ -10,7 +10,6 @@ import { ResizeListener, ResizeService, Subscriptions } from '@app/framework/int
@Directive({
selector: '[sqxSyncWidth]',
- standalone: true,
})
export class SyncWidthDirective implements AfterViewInit, ResizeListener {
private readonly subscriptions = new Subscriptions();
diff --git a/frontend/src/app/framework/angular/tab-router-link.directive.ts b/frontend/src/app/framework/angular/tab-router-link.directive.ts
index 60abcbd63..ecb367f5b 100644
--- a/frontend/src/app/framework/angular/tab-router-link.directive.ts
+++ b/frontend/src/app/framework/angular/tab-router-link.directive.ts
@@ -10,7 +10,6 @@ import { ActivatedRoute, Router } from '@angular/router';
@Directive({
selector: '[sqxTabRouterLink]',
- standalone: true,
})
export class TabRouterlinkDirective {
@Input('sqxTabRouterLink')
diff --git a/frontend/src/app/framework/angular/template-wrapper.directive.ts b/frontend/src/app/framework/angular/template-wrapper.directive.ts
index 5eb5b5119..0a4ee4c43 100644
--- a/frontend/src/app/framework/angular/template-wrapper.directive.ts
+++ b/frontend/src/app/framework/angular/template-wrapper.directive.ts
@@ -10,7 +10,6 @@ import { TypedSimpleChanges } from '@app/framework/internal';
@Directive({
selector: '[sqxTemplateWrapper]',
- standalone: true,
})
export class TemplateWrapperDirective implements OnDestroy, OnInit {
@Input()
diff --git a/frontend/src/app/framework/angular/template.directive.ts b/frontend/src/app/framework/angular/template.directive.ts
index bc3fd4bd2..09d7c01f8 100644
--- a/frontend/src/app/framework/angular/template.directive.ts
+++ b/frontend/src/app/framework/angular/template.directive.ts
@@ -11,7 +11,6 @@ import { Directive, TemplateRef } from '@angular/core';
@Directive({
selector: '[sidebarMenu]',
- standalone: true,
})
export class SidebarMenuDirective {
constructor(
diff --git a/frontend/src/app/framework/angular/title.component.ts b/frontend/src/app/framework/angular/title.component.ts
index 7a6f7994c..354709ff2 100644
--- a/frontend/src/app/framework/angular/title.component.ts
+++ b/frontend/src/app/framework/angular/title.component.ts
@@ -10,7 +10,6 @@ import { ActivatedRoute, Router } from '@angular/router';
import { TitleService, Types } from '@app/framework/internal';
@Component({
- standalone: true,
selector: 'sqx-title',
template: '',
changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/frontend/src/app/framework/angular/toolbar.component.ts b/frontend/src/app/framework/angular/toolbar.component.ts
index e5239223e..f98bb66d3 100644
--- a/frontend/src/app/framework/angular/toolbar.component.ts
+++ b/frontend/src/app/framework/angular/toolbar.component.ts
@@ -11,7 +11,6 @@ import { ToolbarService } from '@app/framework/internal';
import { TranslatePipe } from './pipes/translate.pipe';
@Component({
- standalone: true,
selector: 'sqx-toolbar',
styleUrls: ['./toolbar.component.scss'],
templateUrl: './toolbar.component.html',
diff --git a/frontend/src/app/framework/angular/video-player.component.ts b/frontend/src/app/framework/angular/video-player.component.ts
index 278bbfe87..3b55c9446 100644
--- a/frontend/src/app/framework/angular/video-player.component.ts
+++ b/frontend/src/app/framework/angular/video-player.component.ts
@@ -11,7 +11,6 @@ import { ResourceLoaderService } from '@app/framework/internal';
declare const videojs: any;
@Component({
- standalone: true,
selector: 'sqx-video-player',
styleUrls: ['./video-player.component.scss'],
templateUrl: './video-player.component.html',
diff --git a/frontend/src/app/framework/utils/markdown.ts b/frontend/src/app/framework/utils/markdown.ts
index 84f94acb9..0f199c91c 100644
--- a/frontend/src/app/framework/utils/markdown.ts
+++ b/frontend/src/app/framework/utils/markdown.ts
@@ -5,43 +5,43 @@
* Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
*/
-import { marked } from 'marked';
+import { marked, Renderer, Tokens } from 'marked';
import { MathHelper } from './math-helper';
-function renderLink(href: string, _: string, text: string) {
- if (href && href.startsWith('mailto')) {
- return `${text}`;
- } else {
- return `${text} `;
- }
-}
+class CustomRenderer extends Renderer {
+ public static readonly INSTANCE = new CustomRenderer();
-function renderCode(code: string) {
- const id = MathHelper.guid();
+ public link({ href, tokens }: Tokens.Link): string {
+ const text = this.parser.parseInline(tokens);
+ if (href && href.startsWith('mailto')) {
+ return `${text}`;
+ } else {
+ return `${text} `;
+ }
+ }
- return `
-
-
+ public code({ text }: Tokens.Code): string {
+ const id = MathHelper.guid();
-
${code}
-