@bnsights/bbsf-controls 1.0.149 → 1.0.150

package/lib/controls/TextArea/TextArea.component.d.ts

@@ -36,9 +36,9 @@ export declare class TextAreaComponent implements OnInit {
     isMicOn: boolean;
     textDir: any;
     isFocused: boolean;
-    isSpeechLanguageOpened: boolean;
     currentLanguage: String;
     subscription: Subscription;
+    selectedSpeechLanguageDisplayText: string;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     resetError: () => void;
@@ -60,8 +60,7 @@ export declare class TextAreaComponent implements OnInit {
     stopSpeechRecognition(): void;
     ngOnDestroy(): void;
     onSpeechLanguageChange(event: any): void;
-    onSpeechLanguageBlur(): void;
-    onSpeechLanguageMouseDown(): void;
+    enableOrDisableLanguageSelect(isEnabled?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, [null, { optional: true; }, null, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "BBSF-TextArea", never, { "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bnsights/bbsf-controls",
-  "version": "1.0.149",
+  "version": "1.0.150",
   "peerDependencies": {
     "@angular/animations": "^17.0.5",
     "@angular/cdk": "^17.0.2",
@@ -12,7 +12,7 @@
     "@angular/router": "^17.0.5"
   },
   "dependencies": {
-    "@bnsights/bbsf-utilities": "^1.0.56",
+    "@bnsights/bbsf-utilities": "^1.0.57",
     "@danielmoncada/angular-datetime-picker": "^17.0.0",
     "@fullcalendar/angular": "^6.1.10",
     "@fullcalendar/core": "^6.1.10",

package/src/lib/assets/sass/base.scss

@@ -29,6 +29,7 @@
         }
       }
     }
+
     &.p-80px {
       input,
       textarea {
@@ -40,6 +41,7 @@
         }
       }
     }
+
     &.p-120px {
       input,
       textarea {
@@ -51,6 +53,7 @@
         }
       }
     }
+
     input:disabled {
       cursor: not-allowed !important;
     }
@@ -76,7 +79,7 @@
       }
 
       &[dir="rtl"] {
-        +.copy-clipboard {
+        + .copy-clipboard {
           left: 0px;
           right: auto;
           border-top-left-radius: $bbsf-rounded;
@@ -91,7 +94,6 @@
       border-color: #d5d5d5;
       box-shadow: none;
     }
-
     /* input with icon*/
     .bbsf-icon {
       z-index: 4;
@@ -112,7 +114,7 @@
       left: 0px;
       margin-left: 0.7rem !important;
 
-      +input {
+      + input {
         padding-left: 2.7rem !important;
       }
     }
@@ -124,11 +126,10 @@
       right: 0px;
       margin-right: 0.7rem !important;
 
-      +input {
+      + input {
         padding-right: 2.7rem !important;
       }
     }
-
     //copy to clipboard
     .copy-clipboard {
       position: absolute;
@@ -153,6 +154,7 @@
         background: #e5e5e5
       }
     }
+
     .language-container {
       position: absolute;
       right: 10%;
@@ -166,28 +168,37 @@
       background: $mic-bg;
       gap: .4rem;
       align-items: center;
-  
+
       &:hover {
         background: $mic-bg-hover;
       }
-      
+
+      .language-text {
+        color: $mic-text;
+        font-size: 0.8rem;
+        font-weight: 700;
+      }
+
       .language-select {
         color: $mic-text;
         padding: 0;
         margin: 0 auto;
         border: 0;
-        max-width: 36px;
+        max-width: 16px;
         text-align: center;
         background: transparent;
         line-height: 0;
         cursor: pointer;
         font-size: .8rem;
         font-weight: 700;
+        &:focus-visible {
+          outline: none;
+        }
       }
-    }
-   
     
+    }
   }
+
   .bbsf-input-container > .language-container:nth-child(2) {
     right: 2% !important;
   }
@@ -222,7 +233,6 @@
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
-
     //validation
     .bbsf-validation,
     .bbsf-character-count,
@@ -237,7 +247,6 @@
     .bbsf-character-count {
       color: $danger;
     }
-
     //word count and description
     .bbsf-word-count,
     .bbsf-control-desc {
@@ -322,9 +331,12 @@ input::-webkit-inner-spin-button {
   top: 25% !important;
 }
 
+
+
 //responsive
 @media screen and (max-width: 767px) {
   .bbsf-control.form-group .bbsf-input-container .language-container {
     right: 14%;
   }
-}
+}
+