@acorex/components 16.19.15 → 16.19.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { ElementRef, Input, Inject, Optional, Component, Injectable, EventEmitter, Output, Directive, ContentChild, ViewChild, TemplateRef, HostListener, ViewEncapsulation, NgModule, ChangeDetectionStrategy, Attribute, ContentChildren, input, ViewChildren, output, inject, model, contentChild, afterNextRender, contentChildren, NO_ERRORS_SCHEMA, ViewContainerRef, HostBinding } from '@angular/core';
|
|
2
|
+
import { ElementRef, Input, Inject, Optional, Component, Injectable, EventEmitter, Output, Directive, ContentChild, ViewChild, TemplateRef, HostListener, ViewEncapsulation, NgModule, ChangeDetectionStrategy, Attribute, ContentChildren, input, ViewChildren, output, inject, ChangeDetectorRef, model, contentChild, afterNextRender, contentChildren, NO_ERRORS_SCHEMA, ViewContainerRef, HostBinding } from '@angular/core';
|
|
3
3
|
import * as i1$2 from '@acorex/core';
|
|
4
|
-
import { AXTranslator, AXHtmlUtil, AXConfig, AXDateTime, AXDateTimeRange, AXCoreModule, AXTranslatorModule,
|
|
4
|
+
import { AXTranslator, AXHtmlUtil, AXConfig, AXDateTime, AXDateTimeRange, AXCoreModule, AXTranslatorModule, AXObjectUtil, AXScrollModule, setPropByPath, AXColorUtil } from '@acorex/core';
|
|
5
5
|
import * as i1 from '@angular/cdk/overlay';
|
|
6
6
|
import { OverlayContainer, Overlay, OverlayModule } from '@angular/cdk/overlay';
|
|
7
7
|
import * as i1$3 from '@angular/cdk/portal';
|
|
@@ -6285,7 +6285,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
6285
6285
|
}] } });
|
|
6286
6286
|
|
|
6287
6287
|
class AXFormGroupComponent extends AXBaseComponent {
|
|
6288
|
-
|
|
6288
|
+
crd = inject(ChangeDetectorRef);
|
|
6289
6289
|
size = AXConfig.get('form')?.size || 'md';
|
|
6290
6290
|
div;
|
|
6291
6291
|
component;
|
|
@@ -6330,6 +6330,14 @@ class AXFormGroupComponent extends AXBaseComponent {
|
|
|
6330
6330
|
});
|
|
6331
6331
|
break;
|
|
6332
6332
|
case 'textArea':
|
|
6333
|
+
convertTypeComponent.onValueChanged.subscribe((e) => {
|
|
6334
|
+
if (e.value) {
|
|
6335
|
+
this.labelMode.set('over');
|
|
6336
|
+
}
|
|
6337
|
+
else {
|
|
6338
|
+
this.labelMode.set('float');
|
|
6339
|
+
}
|
|
6340
|
+
});
|
|
6333
6341
|
convertTypeComponent.onFocus.subscribe((e) => {
|
|
6334
6342
|
if (!e.target.value) {
|
|
6335
6343
|
this.labelMode.set('over');
|
|
@@ -6342,7 +6350,14 @@ class AXFormGroupComponent extends AXBaseComponent {
|
|
|
6342
6350
|
});
|
|
6343
6351
|
break;
|
|
6344
6352
|
default:
|
|
6345
|
-
convertTypeComponent.onValueChanged.subscribe((e) => {
|
|
6353
|
+
convertTypeComponent.onValueChanged.subscribe((e) => {
|
|
6354
|
+
if (e.value) {
|
|
6355
|
+
this.labelMode.set('over');
|
|
6356
|
+
}
|
|
6357
|
+
else {
|
|
6358
|
+
this.labelMode.set('float');
|
|
6359
|
+
}
|
|
6360
|
+
});
|
|
6346
6361
|
convertTypeComponent.onFocus.subscribe((e) => {
|
|
6347
6362
|
if (!e.component?.value) {
|
|
6348
6363
|
this.labelMode.set('over');
|
|
@@ -6356,11 +6371,11 @@ class AXFormGroupComponent extends AXBaseComponent {
|
|
|
6356
6371
|
}
|
|
6357
6372
|
});
|
|
6358
6373
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXFormGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6359
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.5", type: AXFormGroupComponent, isStandalone: false, selector: "ax-form-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, labelMode: { classPropertyName: "labelMode", publicName: "labelMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { labelMode: "labelModeChange" }, host: { styleAttribute: "width: 100%; display:contents;" }, queries: [{ propertyName: "label", first: true, predicate: AXLabelComponent, descendants: true, isSignal: true }, { propertyName: "component", first: true, predicate: AXValidatableComponent, descendants: true }], viewQueries: [{ propertyName: "div", first: true, predicate: ["div"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ax form-group {{ size }} ax-form-group-container {{\n labelMode() !== 'static' && 'ax-margin-form'\n }}\"\n>\n <div *ngIf=\"labelMode() === 'static'\" class=\"ax-lable-static\">\n <ng-container *ngTemplateOutlet=\"lableRef\"></ng-container>\n </div>\n\n <div\n #div\n class=\"ax form-item {{ size }}
|
|
6374
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.5", type: AXFormGroupComponent, isStandalone: false, selector: "ax-form-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, labelMode: { classPropertyName: "labelMode", publicName: "labelMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { labelMode: "labelModeChange" }, host: { styleAttribute: "width: 100%; display:contents;" }, queries: [{ propertyName: "label", first: true, predicate: AXLabelComponent, descendants: true, isSignal: true }, { propertyName: "component", first: true, predicate: AXValidatableComponent, descendants: true }], viewQueries: [{ propertyName: "div", first: true, predicate: ["div"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ax form-group {{ size }} ax-form-group-container {{\n labelMode() !== 'static' && 'ax-margin-form'\n }}\"\n>\n <div *ngIf=\"labelMode() === 'static'\" class=\"ax-lable-static\">\n <ng-container *ngTemplateOutlet=\"lableRef\"></ng-container>\n </div>\n\n <div\n #div\n class=\"ax form-item {{ size }}\"\n [ngClass]=\"{ 'required-state': required }\"\n >\n <div *ngIf=\"labelMode() !== 'static'\" class=\"ax-lable-{{ labelMode() }}\">\n <ng-container *ngTemplateOutlet=\"lableRef\"></ng-container>\n </div>\n\n <div class=\"ax buttons start-buttons\" #startButtons>\n <ng-content select=\"ax-button[start]\"></ng-content>\n </div>\n <div class=\"content\" #content>\n <ng-content></ng-content>\n </div>\n <div class=\"ax buttons end-buttons\" #endButtons>\n <ng-content select=\"ax-button[end]\"></ng-content>\n <ng-content select=\"ax-button\"></ng-content>\n </div>\n </div>\n</div>\n\n<ng-template #lableRef><ng-content select=\"ax-label\"></ng-content></ng-template>\n", styles: [".ax-form-group-container{position:relative}.ax-form-group-container .ax-lable-static{position:static}.ax-form-group-container .ax-lable-float{top:50%;transform:translateY(-50%)}.ax-form-group-container .ax-lable-over{top:-9%}.ax-form-group-container .ax-lable-over label{transition:all .2s ease-in-out;font-size:.67rem!important}.ax-form-group-container .ax-lable-over,.ax-form-group-container .ax-lable-float{position:absolute;z-index:999;transition:all .15s ease-in-out;inset-inline-start:.3rem;color:var(--ax-gray-dark-color)}.ax-form-group-container .form-group-label{padding:.1rem .5rem!important}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6360
6375
|
}
|
|
6361
6376
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXFormGroupComponent, decorators: [{
|
|
6362
6377
|
type: Component,
|
|
6363
|
-
args: [{ selector: 'ax-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%; display:contents;' }, standalone: false, template: "<div\n class=\"ax form-group {{ size }} ax-form-group-container {{\n labelMode() !== 'static' && 'ax-margin-form'\n }}\"\n>\n <div *ngIf=\"labelMode() === 'static'\" class=\"ax-lable-static\">\n <ng-container *ngTemplateOutlet=\"lableRef\"></ng-container>\n </div>\n\n <div\n #div\n class=\"ax form-item {{ size }}
|
|
6378
|
+
args: [{ selector: 'ax-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%; display:contents;' }, standalone: false, template: "<div\n class=\"ax form-group {{ size }} ax-form-group-container {{\n labelMode() !== 'static' && 'ax-margin-form'\n }}\"\n>\n <div *ngIf=\"labelMode() === 'static'\" class=\"ax-lable-static\">\n <ng-container *ngTemplateOutlet=\"lableRef\"></ng-container>\n </div>\n\n <div\n #div\n class=\"ax form-item {{ size }}\"\n [ngClass]=\"{ 'required-state': required }\"\n >\n <div *ngIf=\"labelMode() !== 'static'\" class=\"ax-lable-{{ labelMode() }}\">\n <ng-container *ngTemplateOutlet=\"lableRef\"></ng-container>\n </div>\n\n <div class=\"ax buttons start-buttons\" #startButtons>\n <ng-content select=\"ax-button[start]\"></ng-content>\n </div>\n <div class=\"content\" #content>\n <ng-content></ng-content>\n </div>\n <div class=\"ax buttons end-buttons\" #endButtons>\n <ng-content select=\"ax-button[end]\"></ng-content>\n <ng-content select=\"ax-button\"></ng-content>\n </div>\n </div>\n</div>\n\n<ng-template #lableRef><ng-content select=\"ax-label\"></ng-content></ng-template>\n", styles: [".ax-form-group-container{position:relative}.ax-form-group-container .ax-lable-static{position:static}.ax-form-group-container .ax-lable-float{top:50%;transform:translateY(-50%)}.ax-form-group-container .ax-lable-over{top:-9%}.ax-form-group-container .ax-lable-over label{transition:all .2s ease-in-out;font-size:.67rem!important}.ax-form-group-container .ax-lable-over,.ax-form-group-container .ax-lable-float{position:absolute;z-index:999;transition:all .15s ease-in-out;inset-inline-start:.3rem;color:var(--ax-gray-dark-color)}.ax-form-group-container .form-group-label{padding:.1rem .5rem!important}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"] }]
|
|
6364
6379
|
}], propDecorators: { size: [{
|
|
6365
6380
|
type: Input
|
|
6366
6381
|
}], div: [{
|