@dereekb/dbx-web 9.23.18 → 9.23.19

package/fesm2020/dereekb-dbx-web.mjs

@@ -2316,9 +2316,15 @@ class DbxAnchorComponent extends AbstractDbxAnchorDirective {
     clickAnchor(event) {
         this.anchor?.onClick?.(event);
     }
+    onMouseEnter(event) {
+        this.anchor?.onMouse?.('enter', event);
+    }
+    onMouseLeave(event) {
+        this.anchor?.onMouse?.('leave', event);
+    }
 }
 DbxAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxAnchorComponent, deps: [{ token: DbxRouterWebProviderConfig }], target: i0.ɵɵFactoryTarget.Component });
-DbxAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: { block: "block" }, host: { attributes: { "dbx-anchor-block": "block" }, classAttribute: "d-inline dbx-anchor" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"type$ | async\">\n  <!-- Plain -->\n  <ng-container *ngSwitchCase=\"0\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n  <!-- Click -->\n  <a class=\"dbx-anchor-a dbx-anchor-click\" [ngClass]=\"(selectedClass$ | async) || ''\" (click)=\"clickAnchor()\" *ngSwitchCase=\"1\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Router -->\n  <dbx-injection [config]=\"srefAnchorConfig\" *ngSwitchCase=\"2\">\n    <!-- Injected in child. -->\n  </dbx-injection>\n  <!-- Href -->\n  <a class=\"dbx-anchor-a dbx-anchor-href\" [href]=\"url$ | async\" [attr.target]=\"target$ | async\" *ngSwitchCase=\"3\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Disabled or None -->\n  <a class=\"dbx-anchor-a dbx-anchor-disabled\" *ngSwitchDefault>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n</ng-container>\n<!-- Template content -->\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
+DbxAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: { block: "block" }, host: { attributes: { "dbx-anchor-block": "block" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, classAttribute: "d-inline dbx-anchor" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"type$ | async\">\n  <!-- Plain -->\n  <ng-container *ngSwitchCase=\"0\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n  <!-- Click -->\n  <a class=\"dbx-anchor-a dbx-anchor-click\" [ngClass]=\"(selectedClass$ | async) || ''\" (click)=\"clickAnchor()\" *ngSwitchCase=\"1\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Router -->\n  <dbx-injection [config]=\"srefAnchorConfig\" *ngSwitchCase=\"2\">\n    <!-- Injected in child. -->\n  </dbx-injection>\n  <!-- Href -->\n  <a class=\"dbx-anchor-a dbx-anchor-href\" [href]=\"url$ | async\" [attr.target]=\"target$ | async\" *ngSwitchCase=\"3\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Disabled or None -->\n  <a class=\"dbx-anchor-a dbx-anchor-disabled\" *ngSwitchDefault>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n</ng-container>\n<!-- Template content -->\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxAnchorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-anchor, [dbx-anchor]', host: {
@@ -2330,6 +2336,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             }], templateRef: [{
                 type: ViewChild,
                 args: ['content', { read: TemplateRef }]
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
             }] } });
 
 /**
@@ -5717,6 +5729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 args: ['dbxLoadingError']
             }] } });
 
+// prettier-ignore
 class DbxUnitedStatesAddressComponent {
 }
 DbxUnitedStatesAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxUnitedStatesAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -5728,8 +5741,8 @@ DbxUnitedStatesAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
       <div *ngIf="address.line2" class="addr-line2">{{ address.line2 }}</div>
       <div class="city-state-zip">
         <span class="addr-city">{{ address.city }}</span>
-        <span *ngIf="address.state || address.zip">,</span>
-        <span class="addr-state">{{ address.state }}</span>
+        <span *ngIf="address.state || address.zip">, </span>
+        <span class="addr-state">{{ address.state }} </span>
         <span class="addr-zip">{{ address.zip }}</span>
       </div>
     </ng-container>
@@ -5746,8 +5759,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
       <div *ngIf="address.line2" class="addr-line2">{{ address.line2 }}</div>
       <div class="city-state-zip">
         <span class="addr-city">{{ address.city }}</span>
-        <span *ngIf="address.state || address.zip">,</span>
-        <span class="addr-state">{{ address.state }}</span>
+        <span *ngIf="address.state || address.zip">, </span>
+        <span class="addr-state">{{ address.state }} </span>
         <span class="addr-zip">{{ address.zip }}</span>
       </div>
     </ng-container>