@acorex/components 16.18.36 → 16.18.37

package/esm2022/lib/form-group/form-group.component.mjs

@@ -64,11 +64,11 @@ export class AXFormGroupComponent extends AXBaseComponent {
         }
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXFormGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.7", type: AXFormGroupComponent, 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: "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 class=\"ax-lable-{{ labelMode() }}\">\n    <ng-content select=\"ax-label\"></ng-content>\n  </div>\n  <div\n    #div\n    class=\"ax form-item {{ size }}\"\n    [ngClass]=\"{ 'required-state': required }\"\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", 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:-4%}.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}.ax-form-group-container .form-group-label{padding:.1rem .5rem!important;font-size:.7rem!important}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.7", type: AXFormGroupComponent, 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: "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 class=\"ax-lable-{{ labelMode() }}\">\n    <ng-content select=\"ax-label\"></ng-content>\n  </div>\n  <div\n    #div\n    class=\"ax form-item {{ size }}\"\n    [ngClass]=\"{ 'required-state': required }\"\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", styles: [".ax-form-group-container{position:relative}.ax-form-group-container .ax-lable-static{position:static;font-size:.875rem}.ax-form-group-container .ax-lable-float{top:50%;transform:translateY(-50%)}.ax-form-group-container .ax-lable-over{top:-4%}.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}.ax-form-group-container .ax-lable-over label,.ax-form-group-container .ax-lable-float label{font-size:.7rem!important}.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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXFormGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%; display:contents;' }, template: "<div\n  class=\"ax form-group {{ size }} ax-form-group-container {{\n    labelMode() !== 'static' && 'ax-margin-form'\n  }}\"\n>\n  <div class=\"ax-lable-{{ labelMode() }}\">\n    <ng-content select=\"ax-label\"></ng-content>\n  </div>\n  <div\n    #div\n    class=\"ax form-item {{ size }}\"\n    [ngClass]=\"{ 'required-state': required }\"\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", 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:-4%}.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}.ax-form-group-container .form-group-label{padding:.1rem .5rem!important;font-size:.7rem!important}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"] }]
+            args: [{ selector: 'ax-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%; display:contents;' }, template: "<div\n  class=\"ax form-group {{ size }} ax-form-group-container {{\n    labelMode() !== 'static' && 'ax-margin-form'\n  }}\"\n>\n  <div class=\"ax-lable-{{ labelMode() }}\">\n    <ng-content select=\"ax-label\"></ng-content>\n  </div>\n  <div\n    #div\n    class=\"ax form-item {{ size }}\"\n    [ngClass]=\"{ 'required-state': required }\"\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", styles: [".ax-form-group-container{position:relative}.ax-form-group-container .ax-lable-static{position:static;font-size:.875rem}.ax-form-group-container .ax-lable-float{top:50%;transform:translateY(-50%)}.ax-form-group-container .ax-lable-over{top:-4%}.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}.ax-form-group-container .ax-lable-over label,.ax-form-group-container .ax-lable-float label{font-size:.7rem!important}.ax-form-group-container .form-group-label{padding:.1rem .5rem!important}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], div: [{

package/fesm2022/acorex-components.mjs

@@ -6239,11 +6239,11 @@ class AXFormGroupComponent extends AXBaseComponent {
         }
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXFormGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.7", type: AXFormGroupComponent, 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: "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 class=\"ax-lable-{{ labelMode() }}\">\n    <ng-content select=\"ax-label\"></ng-content>\n  </div>\n  <div\n    #div\n    class=\"ax form-item {{ size }}\"\n    [ngClass]=\"{ 'required-state': required }\"\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", 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:-4%}.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}.ax-form-group-container .form-group-label{padding:.1rem .5rem!important;font-size:.7rem!important}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.7", type: AXFormGroupComponent, 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: "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 class=\"ax-lable-{{ labelMode() }}\">\n    <ng-content select=\"ax-label\"></ng-content>\n  </div>\n  <div\n    #div\n    class=\"ax form-item {{ size }}\"\n    [ngClass]=\"{ 'required-state': required }\"\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", styles: [".ax-form-group-container{position:relative}.ax-form-group-container .ax-lable-static{position:static;font-size:.875rem}.ax-form-group-container .ax-lable-float{top:50%;transform:translateY(-50%)}.ax-form-group-container .ax-lable-over{top:-4%}.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}.ax-form-group-container .ax-lable-over label,.ax-form-group-container .ax-lable-float label{font-size:.7rem!important}.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXFormGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%; display:contents;' }, template: "<div\n  class=\"ax form-group {{ size }} ax-form-group-container {{\n    labelMode() !== 'static' && 'ax-margin-form'\n  }}\"\n>\n  <div class=\"ax-lable-{{ labelMode() }}\">\n    <ng-content select=\"ax-label\"></ng-content>\n  </div>\n  <div\n    #div\n    class=\"ax form-item {{ size }}\"\n    [ngClass]=\"{ 'required-state': required }\"\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", 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:-4%}.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}.ax-form-group-container .form-group-label{padding:.1rem .5rem!important;font-size:.7rem!important}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"] }]
+            args: [{ selector: 'ax-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%; display:contents;' }, template: "<div\n  class=\"ax form-group {{ size }} ax-form-group-container {{\n    labelMode() !== 'static' && 'ax-margin-form'\n  }}\"\n>\n  <div class=\"ax-lable-{{ labelMode() }}\">\n    <ng-content select=\"ax-label\"></ng-content>\n  </div>\n  <div\n    #div\n    class=\"ax form-item {{ size }}\"\n    [ngClass]=\"{ 'required-state': required }\"\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", styles: [".ax-form-group-container{position:relative}.ax-form-group-container .ax-lable-static{position:static;font-size:.875rem}.ax-form-group-container .ax-lable-float{top:50%;transform:translateY(-50%)}.ax-form-group-container .ax-lable-over{top:-4%}.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}.ax-form-group-container .ax-lable-over label,.ax-form-group-container .ax-lable-float label{font-size:.7rem!important}.ax-form-group-container .form-group-label{padding:.1rem .5rem!important}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], div: [{