@jaak.ai/stamps 1.0.0 → 2.0.0-beta.2

package/dist/stamps/p-ec3f5972.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,H as i}from"./p-7f07a434.js";const p=class{constructor(o){t(this,o),this.show=void 0,this.message=void 0,this.arrowPosition=void 0,this.showWarningIcon=void 0,this.showInfoIcon=void 0,this.textAlign=void 0,this.containerWidth=void 0}render(){return o(i,null,o("p",{part:"tooltip",class:`mb-tooltip ${this.show?"visible":""} ${this.arrowPosition?this.arrowPosition:"arrow-none"} ${this.textAlign?this.textAlign:"text-center"} `},this.message))}};p.style=':host{display:block}.mb-tooltip{display:none;position:absolute;margin:2px 40px 2px 32px;padding:8px;font-size:12px;line-height:16px;color:#374151;background-color:#fff;border:1px solid rgba(120, 120, 128, 0.2);filter:drop-shadow(0px 2px 4px rgba(31, 41, 55, 0.06)) drop-shadow(0px 4px 6px rgba(31, 41, 55, 0.1));border-radius:4px}.mb-tooltip.text-center{text-align:center}.mb-tooltip.text-left{text-align:left}.mb-tooltip.text-right{text-align:right}.mb-tooltip svg{display:block;float:left;margin:6px 14px 6px 6px}.mb-tooltip::after{position:absolute;display:block;content:" ";background-color:#fff;width:10px;height:10px;transform:rotate(-45deg)}.mb-tooltip.arrow-none::after{display:none}.mb-tooltip.arrow-left::after{left:-3px;top:calc(50% - 5px)}.mb-tooltip.arrow-right::after{right:-3px;top:calc(50% - 5px)}.mb-tooltip.arrow-up::after{top:-3px;left:calc(50% - 5px)}.mb-tooltip.arrow-down::after{bottom:-3px;left:calc(50% - 5px)}.mb-tooltip.visible{display:block}';export{p as mb_tooltip}

package/dist/stamps/stamps.esm.js

@@ -1 +0,0 @@
-import{p as e,b as a}from"./p-7f07a434.js";export{s as setNonce}from"./p-7f07a434.js";(()=>{const a=import.meta.url,o={};return""!==a&&(o.resourcesUrl=new URL(".",a).href),e(o)})().then((e=>a([["p-ec3f5972",[[1,"mb-tooltip",{show:[4],message:[1],arrowPosition:[1,"arrow-position"],showWarningIcon:[4,"show-warning-icon"],showInfoIcon:[4,"show-info-icon"],textAlign:[1,"text-align"],containerWidth:[1,"container-width"]}]]],["p-ae1d9117",[[1,"document-detector",{licenseKey:[1025,"license-key"],config:[1040],restart:[32],blinkIdVariant:[32],recognizerOptions:[32],setUiState:[64],startCameraScan:[64],startImageScan:[64],startMultiSideImageScan:[64],setUiMessage:[64],getProductIntegrationInfo:[64],restartComponent:[64]}],[1,"mb-component",{allowHelloMessage:[4,"allow-hello-message"],engineLocation:[1,"engine-location"],workerLocation:[1,"worker-location"],licenseKey:[1,"license-key"],wasmType:[1025,"wasm-type"],blinkIdVariant:[1,"blink-id-variant"],recognizers:[1040],recognizerOptions:[1040],recognitionTimeout:[2,"recognition-timeout"],recognitionPauseTimeout:[2,"recognition-pause-timeout"],cameraExperienceStateDurations:[16],includeSuccessFrame:[4,"include-success-frame"],enableDrag:[4,"enable-drag"],hideLoadingAndErrorUi:[4,"hide-loading-and-error-ui"],rtl:[4],scanFromCamera:[4,"scan-from-camera"],scanFromImage:[4,"scan-from-image"],thoroughScanFromImage:[4,"thorough-scan-from-image"],galleryOverlayType:[1,"gallery-overlay-type"],galleryDropType:[1,"gallery-drop-type"],showActionLabels:[4,"show-action-labels"],showModalWindows:[4,"show-modal-windows"],showCameraFeedbackBarcodeMessage:[4,"show-camera-feedback-barcode-message"],showScanningLine:[4,"show-scanning-line"],iconCameraDefault:[1,"icon-camera-default"],iconCameraActive:[1,"icon-camera-active"],iconGalleryDefault:[1,"icon-gallery-default"],iconDragAndDropGalleryDefault:[1,"icon-drag-and-drop-gallery-default"],iconDragAndDropWarningDefault:[1,"icon-drag-and-drop-warning-default"],iconGalleryActive:[1,"icon-gallery-active"],iconInvalidFormat:[1,"icon-invalid-format"],iconSpinnerScreenLoading:[1,"icon-spinner-screen-loading"],iconSpinnerFromGalleryExperience:[1,"icon-spinner-from-gallery-experience"],iconGalleryScanningCompleted:[1,"icon-gallery-scanning-completed"],sdkService:[16],translationService:[16],cameraId:[1,"camera-id"],allowHelpScreens:[4,"allow-help-screens"],allowHelpScreensFab:[4,"allow-help-screens-fab"],allowHelpScreensOnboarding:[4,"allow-help-screens-onboarding"],allowHelpScreensOnboardingPerpetuity:[4,"allow-help-screens-onboarding-perpetuity"],helpScreensTooltipPauseTimeout:[2,"help-screens-tooltip-pause-timeout"],pingProxyUrl:[1,"ping-proxy-url"],galleryExperienceModalErrorWindowVisible:[32],clearIsCameraActive:[32],apiProcessStatusVisible:[32],apiProcessStatusState:[32],startCameraScan:[64],startImageScan:[64],startMultiSideImageScan:[64],setUiState:[64]},[[8,"keyup","handleKeyUp"]]],[1,"mb-container"],[1,"mb-feedback",{visible:[4],paragraphClassName:[32],paragraphValue:[32],show:[64]}],[1,"mb-camera-experience",{type:[1],cameraExperienceStateDurations:[16],showOverlay:[4,"show-overlay"],translationService:[16],apiState:[1,"api-state"],cameraFlipped:[1028,"camera-flipped"],showScanningLine:[4,"show-scanning-line"],showCameraFeedbackBarcodeMessage:[4,"show-camera-feedback-barcode-message"],clearIsCameraActive:[4,"clear-is-camera-active"],allowHelpScreens:[4,"allow-help-screens"],allowHelpScreensFab:[4,"allow-help-screens-fab"],allowHelpScreensOnboarding:[4,"allow-help-screens-onboarding"],allowHelpScreensOnboardingPerpetuity:[4,"allow-help-screens-onboarding-perpetuity"],helpScreensTooltipPauseTimeout:[2,"help-screens-tooltip-pause-timeout"],cameraCursorBarcodeClassName:[32],cameraCursorIdentityCardClassName:[32],scanningLineBarcodeClassName:[32],cameraMessageIdentityCardContent:[32],cameraMessageIdentityCardClassName:[32],setActiveCamera:[64],populateCameraDevices:[64],setCameraFlipState:[64],initializeHelpScreens:[64],openHelpScreensOnboarding:[64],terminateHelpScreens:[64],setState:[64],resetState:[64]}],[1,"mb-api-process-status",{visible:[4],state:[1],translationService:[16]}],[1,"mb-button",{clickHandler:[16],disabled:[4],visible:[4],selected:[4],imageSrcDefault:[1,"image-src-default"],imageSrcActive:[1,"image-src-active"],imageAlt:[1,"image-alt"],label:[1],buttonTitle:[1,"button-title"]}],[1,"mb-completed",{icon:[1]}],[1,"mb-image-box",{boxTitle:[1,"box-title"],anchorText:[1,"anchor-text"],clear:[64]}],[1,"mb-screen",{visible:[4]}],[1,"mb-spinner",{icon:[1],size:[1]}],[1,"mb-help",{allow:[4],allowFab:[4,"allow-fab"],allowOnboarding:[4,"allow-onboarding"],allowOnboardingPerpetuity:[4,"allow-onboarding-perpetuity"],tooltipPauseTimeout:[2,"tooltip-pause-timeout"],translationService:[16],isInitialized:[32],isTooltipShownHover:[32],isTooltipShownTimer:[32],isModalShown:[32],activeStepIndex:[32],initialize:[64],openOnboarding:[64],openHelpScreens:[64],close:[64],terminate:[64]}],[1,"mb-camera-toolbar",{showClose:[4,"show-close"],clearIsCameraActive:[4,"clear-is-camera-active"],enableCameraFlip:[4,"enable-camera-flip"],cameraFlipped:[4,"camera-flipped"],showCloseButton:[32],isDesktop:[32],setActiveCamera:[64],populateCameraDevices:[64]},[[2,"setIsCameraActive","handleSetIsCameraActive"]]],[1,"mb-button-classic",{inverted:[4],quit:[4],disabled:[4],preventDefault:[4,"prevent-default"],clickHandler:[16]}],[1,"mb-camera-selection",{clearIsCameraActive:[4,"clear-is-camera-active"],activeCamera:[32],cameraList:[32],isListVisible:[32],setActiveCamera:[64],populateCameraDevices:[64]}],[1,"mb-overlay",{fullscreen:[4],visible:[4]}],[1,"mb-progress-tracker",{size:[2],current:[2]}],[1,"mb-tooltip-advanced",{show:[4],message:[1],arrowPosition:[1,"arrow-position"],textAlign:[1,"text-align"]}],[1,"mb-modal",{visible:[4],elevated:[4],centered:[4],modalTitle:[1,"modal-title"],content:[1],contentCentered:[4,"content-centered"],showBackButton:[4,"show-back-button"],hideFooter:[4,"hide-footer"],hideCloseButton:[4,"hide-close-button"]}]]]],e)));

package/dist/types/components/document-detector/document-detector.d.ts

@@ -1,103 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { BlinkIDVariant } from "@microblink/blinkid-in-browser-sdk";
-import { EventReady, EventScanError, EventScanSuccess, FeedbackMessage, MicroblinkUI, SDKError, ProductIntegrationInfo, CameraExperienceStateDurations } from "../../utils/data-structures";
-import { StatusDocumentDetector } from "../../utils/status.document-detector";
-export declare class DocumentDetector implements MicroblinkUI {
-  private blocked;
-  restart: boolean;
-  allowHelloMessage: boolean;
-  engineLocation: string;
-  workerLocation: string;
-  licenseKey: string;
-  wasmType: string;
-  blinkIdVariant: BlinkIDVariant;
-  rawRecognizers: string;
-  recognizers: Array<string>;
-  recognizerOptions: {
-    [key: string]: any;
-  };
-  recognitionTimeout: number;
-  recognitionPauseTimeout: number;
-  cameraExperienceStateDurations: CameraExperienceStateDurations;
-  enableDrag: boolean;
-  hideFeedback: boolean;
-  hideLoadingAndErrorUi: boolean;
-  scanFromCamera: boolean;
-  scanFromImage: boolean;
-  thoroughScanFromImage: boolean;
-  galleryOverlayType: "FULLSCREEN" | "INLINE";
-  galleryDropType: "FULLSCREEN" | "INLINE";
-  showActionLabels: boolean;
-  showModalWindows: boolean;
-  showCameraFeedbackBarcodeMessage: boolean;
-  rawTranslations: string;
-  translations: {
-    [key: string]: string;
-  };
-  iconCameraDefault: string;
-  iconCameraActive: string;
-  iconGalleryDefault: string;
-  iconGalleryActive: string;
-  iconInvalidFormat: string;
-  iconSpinnerScreenLoading: string;
-  iconSpinnerFromGalleryExperience: string;
-  iconGalleryScanningCompleted: string;
-  cameraId: string | null;
-  allowHelpScreensFab: boolean;
-  allowHelpScreensOnboarding: boolean;
-  allowHelpScreensOnboardingPerpetuity: boolean;
-  helpScreensTooltipPauseTimeout: number;
-  pingProxyUrl: string | null;
-  fatalError: EventEmitter<SDKError>;
-  ready: EventEmitter<EventReady>;
-  scanError: EventEmitter<EventScanError>;
-  scanSuccess: EventEmitter<EventScanSuccess>;
-  feedback: EventEmitter<FeedbackMessage>;
-  cameraScanStarted: EventEmitter<null>;
-  imageScanStarted: EventEmitter<null>;
-  scanAborted: EventEmitter<null>;
-  config: {
-    key: string;
-    dynamicMode: boolean;
-    strictMode: boolean;
-    translation: {
-      front: string;
-      back: string;
-      changeSide: string;
-      adjustAngle: string;
-      cameraFeedbackBlur: string;
-      cameraFeedbackFacePhotoCovered: string;
-      cameraFeedbackGlare: string;
-      cameraFeedbackWrongSide: string;
-      moveCloser: string;
-      moveFarther: string;
-    };
-  };
-  configHandler(newConfig: {
-    key: string;
-    dynamicMode: boolean;
-    strictMode: boolean;
-    translation?: any;
-  }): void;
-  results: EventEmitter<any>;
-  status: EventEmitter<StatusDocumentDetector>;
-  setUiState(state: "ERROR" | "LOADING" | "NONE" | "SUCCESS"): Promise<void>;
-  startCameraScan(): Promise<void>;
-  startImageScan(file: File): Promise<void>;
-  startMultiSideImageScan(firstFile: File, secondFile: File): Promise<void>;
-  setUiMessage(state: "FEEDBACK_ERROR" | "FEEDBACK_INFO" | "FEEDBACK_OK", message: string): Promise<void>;
-  getProductIntegrationInfo(): Promise<ProductIntegrationInfo>;
-  restartComponent(): Promise<void>;
-  hostEl: HTMLElement;
-  componentWillLoad(): void;
-  componentWillUpdate(): void;
-  disconnectedCallback(): void;
-  private init;
-  render(): any;
-  private sdkService;
-  private translationService;
-  private finalRecognizers;
-  private finalTranslations;
-  private feedbackEl;
-  private mbComponentEl;
-}

package/dist/types/components/shared/mb-api-process-status/mb-api-process-status.d.ts

@@ -1,30 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { TranslationService } from "../../../utils/translation.service";
-export declare class MbApiProcessStatus {
-  /**
-   * Element visibility, default is 'false'.
-   */
-  visible: boolean;
-  /**
-   * State value of API processing received from parent element ('loading' or 'success').
-   */
-  state: "ERROR" | "LOADING" | "NONE" | "SUCCESS";
-  /**
-   * Instance of TranslationService passed from parent component.
-   */
-  translationService: TranslationService;
-  /**
-   * Emitted when user clicks on 'Retry' button.
-   */
-  closeTryAgain: EventEmitter<void>;
-  /**
-   * Emitted when user clicks on 'x' button.
-   */
-  closeFromStart: EventEmitter<void>;
-  /**
-   * Host element as variable for manipulation
-   */
-  hostEl: HTMLElement;
-  componentDidLoad(): void;
-  render(): any;
-}

package/dist/types/components/shared/mb-button/mb-button.d.ts

@@ -1,41 +0,0 @@
-export declare class MbButton {
-  /** Function to call on click */
-  clickHandler: (ev: UIEvent) => void;
-  /**
-   * Set to 'true' if button should be disabled, and if click events should not be triggered.
-   */
-  disabled: boolean;
-  /**
-   * Set to 'true' if button should be visible.
-   */
-  visible: boolean;
-  /**
-   * Set to 'true' if button should enter 'selected' state.
-   */
-  selected: boolean;
-  /**
-   * Passed image from parent component.
-   */
-  imageSrcDefault: string;
-  /**
-   * Passed image from parent component.
-   */
-  imageSrcActive: string;
-  /**
-   * Passed description text for image element from parent component.
-   */
-  imageAlt: string;
-  /**
-   * Set to string which should be displayed below the icon.
-   *
-   * If omitted, nothing will show.
-   */
-  label: string;
-  buttonTitle: string;
-  /**
-   * Host element as variable for manipulation
-   */
-  hostEl: HTMLElement;
-  connectedCallback(): void;
-  render(): any;
-}

package/dist/types/components/shared/mb-button-classic/mb-button-classic.d.ts

@@ -1,27 +0,0 @@
-export declare class MbButtonClassic {
-  /**
-   * Set to 'true' if button should be inverted style.
-   */
-  inverted: boolean;
-  quit: boolean;
-  /**
-   * Set to 'true' if button should be disabled, and if click events should not be triggered.
-   */
-  disabled: boolean;
-  /**
-   * Set to 'true' if default event should be prevented.
-   */
-  preventDefault: boolean;
-  /**
-   * Event which is triggered when user clicks on button element. This event is not triggered
-   * when the button is disabled.
-   */
-  /** Function to call on click */
-  clickHandler: (ev: UIEvent) => void;
-  /**
-   * Host element as variable for manipulation
-   */
-  hostEl: HTMLElement;
-  connectedCallback(): void;
-  render(): any;
-}

package/dist/types/components/shared/mb-camera-experience/mb-camera-experience.d.ts

@@ -1,141 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { CameraEntry, CameraExperience, CameraExperienceState, CameraExperienceStateDurations } from "../../../utils/data-structures";
-import { TranslationService } from "../../../utils/translation.service";
-import { MbHelpCallbacks } from "../mb-help/mb-help.model";
-export declare class MbCameraExperience {
-  cameraCursorBarcodeClassName: string;
-  cameraCursorIdentityCardClassName: string;
-  scanningLineBarcodeClassName: string;
-  cameraMessageIdentityCardContent: any;
-  cameraMessageIdentityCardClassName: string;
-  private cameraMessageIdentityCard;
-  private cameraMessageBarcode;
-  private cameraToolbar;
-  private cardIdentityElement;
-  private helpScreens;
-  private cameraStateChangeId;
-  private cameraStateInProgress;
-  private flipCameraStateInProgress;
-  private barcodeScanningInProgress;
-  /**
-   * Choose desired camera experience.
-   *
-   * Each experience type must be implemented in this component.
-   */
-  type: CameraExperience;
-  /**
-   * Configure camera experience state timeout durations
-   */
-  cameraExperienceStateDurations: CameraExperienceStateDurations;
-  /**
-   * Unless specifically granted by your license key, you are not allowed to
-   * modify or remove the Microblink logo displayed on the bottom of the camera
-   * overlay.
-   */
-  showOverlay: boolean;
-  /**
-   * Instance of TranslationService passed from root component.
-   */
-  translationService: TranslationService;
-  /**
-   * Api state passed from root component.
-   */
-  apiState: string;
-  /**
-   * Camera horizontal state passed from root component.
-   *
-   * Horizontal camera image can be mirrored
-   */
-  cameraFlipped: boolean;
-  /**
-   * Show scanning line on camera
-   */
-  showScanningLine: boolean;
-  /**
-   * Show camera feedback message on camera for Barcode scanning
-   */
-  showCameraFeedbackBarcodeMessage: boolean;
-  clearIsCameraActive: boolean;
-  apiStateHandler(apiState: string, _oldValue: string): void;
-  /**
-   * Dictates if Help Screens usage is allowed (turned on).
-   */
-  allowHelpScreens: boolean;
-  /**
-   * See description in public component.
-   */
-  allowHelpScreensFab: boolean;
-  /**
-   * See description in public component.
-   */
-  allowHelpScreensOnboarding: boolean;
-  /**
-   * See description in public component.
-   */
-  allowHelpScreensOnboardingPerpetuity: boolean;
-  /**
-   * See description in public component.
-   */
-  helpScreensTooltipPauseTimeout: number;
-  /**
-   * Emitted when user clicks on 'X' button.
-   */
-  close: EventEmitter<void>;
-  /**
-   * Emitted when camera stream becomes active.
-   */
-  setIsCameraActive: EventEmitter<boolean>;
-  /**
-   * Emitted when user selects a different camera device.
-   */
-  changeCameraDevice: EventEmitter<CameraEntry>;
-  /**
-   * Host element as variable for manipulation
-   */
-  hostEl: HTMLElement;
-  /**
-   * Change active camera.
-   */
-  setActiveCamera(cameraId: string): Promise<void>;
-  /**
-   * Populate list of camera devices.
-   */
-  populateCameraDevices(): Promise<void>;
-  /**
-   * Emitted when user clicks on Flip button.
-   */
-  flipCameraAction: EventEmitter<void>;
-  /**
-   * Method is exposed outside which allow us to control Camera Flip state from parent component.
-   */
-  setCameraFlipState(isFlipped: boolean): Promise<void>;
-  /**
-   * Initializes Help Screens.
-   */
-  initializeHelpScreens(callbacks: MbHelpCallbacks): Promise<void>;
-  /**
-   * Opens Help Screens in the Onboarding mode.
-   */
-  openHelpScreensOnboarding(): Promise<void>;
-  /**
-   * Terminates Help Screens.
-   */
-  terminateHelpScreens(): Promise<void>;
-  /**
-   * Set camera state which includes animation and message.
-   */
-  setState(state: CameraExperienceState, isBackSide?: boolean, force?: boolean): Promise<void>;
-  private getCameraExperienceStateDuration;
-  private getStateDurationFromUserInput;
-  /**
-   * Set camera state to initial method.
-   */
-  resetState(): Promise<void>;
-  private flipCamera;
-  private handleStop;
-  private setMessage;
-  private getStateMessage;
-  private handleChangeCameraDevice;
-  componentDidLoad(): void;
-  render(): any;
-}

package/dist/types/components/shared/mb-camera-experience/mb-camera-experience.utils.d.ts

@@ -1,3 +0,0 @@
-import { CameraExperienceState } from "../../../utils/data-structures";
-declare function getStateClass(state: CameraExperienceState): string;
-export { getStateClass };

package/dist/types/components/shared/mb-camera-selection/mb-camera-selection.d.ts

@@ -1,33 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { CameraEntry } from "../../../utils/data-structures";
-export declare class MbCameraSelection {
-  activeCamera: CameraEntry;
-  cameraList: Array<CameraEntry>;
-  isListVisible: boolean;
-  clearIsCameraActive: boolean;
-  /**
-   * Emitted when camera stream becomes active.
-   */
-  setIsCameraActive: EventEmitter<boolean>;
-  /**
-   * Emitted when user selects a different camera device.
-   */
-  changeCameraDevice: EventEmitter<CameraEntry>;
-  /**
-   * Change active camera.
-   */
-  setActiveCamera(cameraId: string): Promise<void>;
-  /**
-   * Populate list of camera devices.
-   */
-  populateCameraDevices(): Promise<void>;
-  /**
-   * Host element as variable for manipulation
-   */
-  hostEl: HTMLElement;
-  private handleListOpen;
-  private handleCameraSelection;
-  private setListVisibility;
-  componentDidLoad(): void;
-  render(): any;
-}

package/dist/types/components/shared/mb-camera-toolbar/mb-camera-toolbar.d.ts

@@ -1,54 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { CameraEntry } from "../../../utils/data-structures";
-export declare class MbCameraToolbar {
-  private cameraSelection;
-  showCloseButton: boolean;
-  isDesktop: boolean;
-  /**
-   * Set to `true` if close button should be displayed.
-   */
-  showClose: boolean;
-  clearIsCameraActive: boolean;
-  /**
-   * Whether to show 'Camera flip' button.
-   */
-  enableCameraFlip: boolean;
-  /**
-   * Whether the camera is flipped, this property will be flip the relevant icon.
-   */
-  cameraFlipped: boolean;
-  /**
-   * Emitted when camera stream becomes active.
-   */
-  setIsCameraActive: EventEmitter<boolean>;
-  /**
-   * Event which is triggered when close button is clicked.
-   */
-  closeEvent: EventEmitter<void>;
-  /**
-   * Event which is triggered when flip camera button is clicked.
-   */
-  flipEvent: EventEmitter<void>;
-  /**
-   * Emitted when user selects a different camera device.
-   */
-  changeCameraDevice: EventEmitter<CameraEntry>;
-  /**
-   * Host element as variable for manipulation
-   */
-  hostEl: HTMLElement;
-  componentDidLoad(): void;
-  /**
-   * Change active camera.
-   */
-  setActiveCamera(cameraId: string): Promise<void>;
-  /**
-   * Populate list of camera devices.
-   */
-  populateCameraDevices(): Promise<void>;
-  private handleClose;
-  private handleFlip;
-  private handleChangeCameraDevice;
-  handleSetIsCameraActive(ev: CustomEvent<boolean>): void;
-  render(): any;
-}

package/dist/types/components/shared/mb-completed/mb-completed.d.ts

@@ -1,12 +0,0 @@
-export declare class MbCompleted {
-  /**
-   * Value of `src` attribute for <img> element.
-   */
-  icon: string;
-  /**
-   * Host element as variable for manipulation
-   */
-  hostEl: HTMLElement;
-  componentDidLoad(): void;
-  render(): any;
-}