Send event for outer components to know open status (#1101)

Co-authored-by: Christoffer Johansson <christoffer.johansson@pax2pay.com>

Author: ChriJ

src/components.d.ts

@@ -1776,6 +1776,7 @@ declare global {
         "smoothlyInputLoad": (parent: Editable) => void;
         "smoothlyFormDisable": (disabled: boolean) => void;
         "smoothlyItemSelect": HTMLSmoothlyItemElement;
+        "smoothlySelectOpen": boolean;
     }
     interface HTMLSmoothlyInputSelectElement extends Components.SmoothlyInputSelect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSmoothlyInputSelectElementEventMap>(type: K, listener: (this: HTMLSmoothlyInputSelectElement, ev: SmoothlyInputSelectCustomEvent<HTMLSmoothlyInputSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2845,6 +2846,7 @@ declare namespace LocalJSX {
         "onSmoothlyInputLoad"?: (event: SmoothlyInputSelectCustomEvent<(parent: Editable) => void>) => void;
         "onSmoothlyInputLooks"?: (event: SmoothlyInputSelectCustomEvent<(looks?: Looks, color?: Color) => void>) => void;
         "onSmoothlyItemSelect"?: (event: SmoothlyInputSelectCustomEvent<HTMLSmoothlyItemElement>) => void;
+        "onSmoothlySelectOpen"?: (event: SmoothlyInputSelectCustomEvent<boolean>) => void;
         "onSmoothlyUserInput"?: (event: SmoothlyInputSelectCustomEvent<Input.UserInput>) => void;
         "ordered"?: boolean;
         "placeholder"?: string | any;

src/components/input/select/index.tsx

@@ -68,6 +68,7 @@ export class SmoothlyInputSelect implements Input, Editable, Clearable, Componen
 	@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>
 	@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>
 	@Event() smoothlyItemSelect: EventEmitter<HTMLSmoothlyItemElement>
+	@Event() smoothlySelectOpen: EventEmitter<boolean>
 
 	componentWillLoad(): void | Promise<void> {
 		this.smoothlyInputLooks.emit(
@@ -231,6 +232,7 @@ export class SmoothlyInputSelect implements Input, Editable, Clearable, Componen
 				markedItem.marked = false
 			}
 		}
+		this.smoothlySelectOpen.emit(open)
 	}
 	handleShowOptions(event?: Event): void {
 		const wasButtonClicked =