@clr/angular 15.7.0 → 15.8.0

package/fesm2020/clr-angular.mjs

@@ -4783,14 +4783,11 @@ class WrappedFormControl {
         this.subscriptions = [];
         this.renderer = renderer;
         this.el = el;
-        try {
-            this.ngControlService = injector.get(NgControlService);
-            this.ifControlStateService = injector.get(IfControlStateService);
-            this.controlClassService = injector.get(ControlClassService);
-            this.markControlService = injector.get(MarkControlService);
-        }
-        catch (e) {
-            // Swallow errors
+        if (injector) {
+            this.ngControlService = injector.get(NgControlService, null);
+            this.ifControlStateService = injector.get(IfControlStateService, null);
+            this.controlClassService = injector.get(ControlClassService, null);
+            this.markControlService = injector.get(MarkControlService, null);
         }
         if (this.controlClassService) {
             this.controlClassService.initControlClass(renderer, el.nativeElement);
@@ -4818,15 +4815,10 @@ class WrappedFormControl {
     ngOnInit() {
         this._containerInjector = new HostWrapper(this.wrapperType, this.vcr, this.index);
         this.controlIdService = this._containerInjector.get(ControlIdService);
-        try {
-            this.containerIdService = this._containerInjector.get(ContainerIdService);
-        }
-        catch (_injectorError) {
-            /**
-             * We suppress error, not all containers will provide `ContainerIdService` so
-             * there could be exception that is not provided.
-             */
-        }
+        /**
+         * not all containers will provide `ContainerIdService`
+         */
+        this.containerIdService = this._containerInjector.get(ContainerIdService, null);
         if (this._id) {
             this.controlIdService.id = this._id;
         }
@@ -7462,6 +7454,7 @@ ClrDatalistContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
         <div class="clr-input-group" [class.clr-focus]="focus">
           <ng-content select="[clrDatalistInput]"></ng-content>
           <ng-content select="datalist"></ng-content>
+          <cds-icon shape="angle" class="clr-datalist-caret" direction="down"></cds-icon>
         </div>
         <cds-icon
           *ngIf="showInvalid"
@@ -7495,6 +7488,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
         <div class="clr-input-group" [class.clr-focus]="focus">
           <ng-content select="[clrDatalistInput]"></ng-content>
           <ng-content select="datalist"></ng-content>
+          <cds-icon shape="angle" class="clr-datalist-caret" direction="down"></cds-icon>
         </div>
         <cds-icon
           *ngIf="showInvalid"
@@ -13602,7 +13596,7 @@ class ClrSignpost {
 ClrSignpost.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrSignpost, deps: [{ token: ClrCommonStringsService }], target: i0.ɵɵFactoryTarget.Component });
 ClrSignpost.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ClrSignpost, selector: "clr-signpost", host: { properties: { "class.signpost": "true" } }, providers: [SignpostFocusManager, SignpostIdService], queries: [{ propertyName: "customTrigger", first: true, predicate: ClrSignpostTrigger, descendants: true }], hostDirectives: [{ directive: ClrPopoverHostDirective }], ngImport: i0, template: `
     <ng-container *ngIf="!useCustomTrigger">
-      <button type="button" class="signpost-action btn btn-small btn-link" clrSignpostTrigger>
+      <button type="button" class="signpost-action btn btn-small btn-icon btn-link" clrSignpostTrigger>
         <cds-icon shape="info-circle" [attr.title]="commonStrings.keys.info"></cds-icon>
       </button>
     </ng-container>
@@ -13615,7 +13609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
                     selector: 'clr-signpost',
                     template: `
     <ng-container *ngIf="!useCustomTrigger">
-      <button type="button" class="signpost-action btn btn-small btn-link" clrSignpostTrigger>
+      <button type="button" class="signpost-action btn btn-small btn-icon btn-link" clrSignpostTrigger>
         <cds-icon shape="info-circle" [attr.title]="commonStrings.keys.info"></cds-icon>
       </button>
     </ng-container>
@@ -17370,7 +17364,10 @@ class ClrStackBlock {
     addChild() {
         this.expandable = true;
     }
-    toggleExpand() {
+    toggleExpand(event) {
+        if (eventIsInputEvent(event)) {
+            return;
+        }
         if (this.expandable) {
             this.expanded = !this.expanded;
             this.expandedChange.emit(this.expanded);
@@ -17379,6 +17376,12 @@ class ClrStackBlock {
     getStackChildrenId() {
         return this.expanded ? `clr-stack-children-${this.uniqueId}` : null;
     }
+    preventDefaultIfNotInputEvent(event) {
+        if (eventIsInputEvent(event)) {
+            return;
+        }
+        event.preventDefault();
+    }
 }
 ClrStackBlock.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrStackBlock, deps: [{ token: ClrStackBlock, optional: true, skipSelf: true }, { token: ClrCommonStringsService }], target: i0.ɵɵFactoryTarget.Component });
 ClrStackBlock.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ClrStackBlock, selector: "clr-stack-block", inputs: { expanded: ["clrSbExpanded", "expanded"], expandable: ["clrSbExpandable", "expandable"], ariaLevel: ["clrStackViewLevel", "ariaLevel"], setChangedValue: ["clrSbNotifyChange", "setChangedValue"] }, outputs: { expandedChange: "clrSbExpandedChange" }, host: { properties: { "class.stack-block": "true", "attr.role": "\"heading\"", "attr.aria-level": "headingLevel", "class.stack-block-expanded": "this.expanded", "class.stack-block-expandable": "this.expandable", "class.stack-block-changed": "this.getChangedValue", "class.on-focus": "this.onStackLabelFocus" } }, queries: [{ propertyName: "stackBlockTitle", first: true, predicate: ClrStackViewLabel, descendants: true }], ngImport: i0, template: `
@@ -17386,10 +17389,10 @@ ClrStackBlock.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
          from scrolling when a stack block is toggled via the space key. -->
     <div
       class="stack-block-label"
-      (click)="toggleExpand()"
-      (keyup.enter)="toggleExpand()"
-      (keyup.space)="toggleExpand()"
-      (keydown.space)="$event.preventDefault()"
+      (click)="toggleExpand($event)"
+      (keyup.enter)="toggleExpand($event)"
+      (keyup.space)="toggleExpand($event)"
+      (keydown.space)="preventDefaultIfNotInputEvent($event)"
       (focus)="focused = true"
       (blur)="focused = false"
       [id]="uniqueId"
@@ -17429,10 +17432,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
          from scrolling when a stack block is toggled via the space key. -->
     <div
       class="stack-block-label"
-      (click)="toggleExpand()"
-      (keyup.enter)="toggleExpand()"
-      (keyup.space)="toggleExpand()"
-      (keydown.space)="$event.preventDefault()"
+      (click)="toggleExpand($event)"
+      (keyup.enter)="toggleExpand($event)"
+      (keyup.space)="toggleExpand($event)"
+      (keydown.space)="preventDefaultIfNotInputEvent($event)"
       (focus)="focused = true"
       (blur)="focused = false"
       [id]="uniqueId"
@@ -17504,6 +17507,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
                 type: HostBinding,
                 args: ['class.on-focus']
             }] } });
+function eventIsInputEvent(event) {
+    const targetElement = event?.target;
+    return targetElement?.tagName === 'INPUT';
+}
 
 /*
  * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.