@smart-webcomponents-angular/tooltip 9.2.21 → 13.0.1

package/fesm2020/smart-webcomponents-angular-tooltip.mjs

@@ -0,0 +1,435 @@
+
+if (!window['Smart']) {
+	window['Smart'] = { RenderMode: 'manual' };
+}
+else {
+	window['Smart'].RenderMode = 'manual';
+}
+import './../source/modules/smart.tooltip';
+
+import * as i0 from '@angular/core';
+import { EventEmitter, Directive, Output, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+
+class BaseElement {
+    constructor(ref) {
+        this.onCreate = new EventEmitter();
+        this.onReady = new EventEmitter();
+        this.onAttach = new EventEmitter();
+        this.onDetach = new EventEmitter();
+        const that = this;
+        this.nativeElement = ref.nativeElement;
+        that.nativeElement.onAttached = () => {
+            that.onAttach.emit(that.nativeElement);
+        };
+        that.nativeElement.onDetached = () => {
+            that.onDetach.emit(that.nativeElement);
+        };
+    }
+    addEventListener(type, listener, options = false) {
+        this.nativeElement.addEventListener(type, listener, options);
+    }
+    removeEventListener(type, listener, options = false) {
+        this.nativeElement.removeEventListener(type, listener, options);
+    }
+    dispatchEvent(event) {
+        return this.nativeElement.dispatchEvent(event);
+    }
+    blur() {
+        this.nativeElement.blur();
+    }
+    click() {
+        this.nativeElement.click();
+    }
+    focus(options) {
+        this.nativeElement.focus(options);
+    }
+    /** @description Sets or gets the language. Used in conjunction with the property messages.  */
+    get locale() {
+        return this.nativeElement ? this.nativeElement.locale : undefined;
+    }
+    set locale(value) {
+        this.nativeElement ? this.nativeElement.locale = value : undefined;
+    }
+    /** @description Callback used to customize the format of the messages that are returned from the Localization Module. */
+    get localizeFormatFunction() {
+        return this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;
+    }
+    set localizeFormatFunction(value) {
+        this.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;
+    }
+    /** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */
+    get messages() {
+        return this.nativeElement ? this.nativeElement.messages : undefined;
+    }
+    set messages(value) {
+        this.nativeElement ? this.nativeElement.messages = value : undefined;
+    }
+    /** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */
+    get rightToLeft() {
+        return this.nativeElement ? this.nativeElement.rightToLeft : undefined;
+    }
+    set rightToLeft(value) {
+        this.nativeElement ? this.nativeElement.rightToLeft = value : undefined;
+    }
+    /** @description Determines the theme. Theme defines the look of the element */
+    get theme() {
+        return this.nativeElement ? this.nativeElement.theme : undefined;
+    }
+    set theme(value) {
+        this.nativeElement ? this.nativeElement.theme = value : undefined;
+    }
+}
+BaseElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BaseElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: BaseElement, inputs: { locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", rightToLeft: "rightToLeft", theme: "theme" }, outputs: { onCreate: "onCreate", onReady: "onReady", onAttach: "onAttach", onDetach: "onDetach" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseElement, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onCreate: [{
+                type: Output
+            }], onReady: [{
+                type: Output
+            }], onAttach: [{
+                type: Output
+            }], onDetach: [{
+                type: Output
+            }], locale: [{
+                type: Input
+            }], localizeFormatFunction: [{
+                type: Input
+            }], messages: [{
+                type: Input
+            }], rightToLeft: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }] } });
+const Smart = window.Smart;
+
+class TooltipComponent extends BaseElement {
+    constructor(ref) {
+        super(ref);
+        this.eventHandlers = [];
+        /** @description This event is triggered when the tooltip is opened.
+        *  @param event. The custom event. 	*/
+        this.onOpen = new EventEmitter();
+        /** @description This event is triggered before the tooltip is opened. The event can be prevented via event.preventDefault().
+        *  @param event. The custom event. 	*/
+        this.onOpening = new EventEmitter();
+        /** @description This event is triggered when the tooltip is closed.
+        *  @param event. The custom event. 	*/
+        this.onClose = new EventEmitter();
+        /** @description This event is triggered before the tooltip is closed. The event can be prevented via event.preventDefault().
+        *  @param event. The custom event. 	*/
+        this.onClosing = new EventEmitter();
+        this.nativeElement = ref.nativeElement;
+    }
+    /** @description Creates the component on demand.
+     * @param properties An optional object of properties, which will be added to the template binded ones.
+     */
+    createComponent(properties = {}) {
+        this.nativeElement = document.createElement('smart-tooltip');
+        for (let propertyName in properties) {
+            this.nativeElement[propertyName] = properties[propertyName];
+        }
+        return this.nativeElement;
+    }
+    /** @description Sets or gets the animation mode. Animation is disabled when the property is set to 'none' */
+    get animation() {
+        return this.nativeElement ? this.nativeElement.animation : undefined;
+    }
+    set animation(value) {
+        this.nativeElement ? this.nativeElement.animation = value : undefined;
+    }
+    /** @description Determines how to align the tooltip. */
+    get align() {
+        return this.nativeElement ? this.nativeElement.align : undefined;
+    }
+    set align(value) {
+        this.nativeElement ? this.nativeElement.align = value : undefined;
+    }
+    /** @description Gets or sets whether a tooltip's arrow will be shown. */
+    get arrow() {
+        return this.nativeElement ? this.nativeElement.arrow : undefined;
+    }
+    set arrow(value) {
+        this.nativeElement ? this.nativeElement.arrow = value : undefined;
+    }
+    /** @description Sets the position of the arrow. */
+    get arrowDirection() {
+        return this.nativeElement ? this.nativeElement.arrowDirection : undefined;
+    }
+    set arrowDirection(value) {
+        this.nativeElement ? this.nativeElement.arrowDirection = value : undefined;
+    }
+    /** @description Gets or sets whether a tooltip's arrow will be shown. */
+    get delay() {
+        return this.nativeElement ? this.nativeElement.delay : undefined;
+    }
+    set delay(value) {
+        this.nativeElement ? this.nativeElement.delay = value : undefined;
+    }
+    /** @description Enables or disables the tooltip. */
+    get disabled() {
+        return this.nativeElement ? this.nativeElement.disabled : undefined;
+    }
+    set disabled(value) {
+        this.nativeElement ? this.nativeElement.disabled = value : undefined;
+    }
+    /** @description Sets an offset by X and Y. */
+    get offset() {
+        return this.nativeElement ? this.nativeElement.offset : undefined;
+    }
+    set offset(value) {
+        this.nativeElement ? this.nativeElement.offset = value : undefined;
+    }
+    /** @description Sets or gets the language. Used in conjunction with the property messages.  */
+    get locale() {
+        return this.nativeElement ? this.nativeElement.locale : undefined;
+    }
+    set locale(value) {
+        this.nativeElement ? this.nativeElement.locale = value : undefined;
+    }
+    /** @description Callback, related to localization module.  */
+    get localizeFormatFunction() {
+        return this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;
+    }
+    set localizeFormatFunction(value) {
+        this.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;
+    }
+    /** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property language.  */
+    get messages() {
+        return this.nativeElement ? this.nativeElement.messages : undefined;
+    }
+    set messages(value) {
+        this.nativeElement ? this.nativeElement.messages = value : undefined;
+    }
+    /** @description Sets or gets the way of triggering the tooltip. */
+    get openMode() {
+        return this.nativeElement ? this.nativeElement.openMode : undefined;
+    }
+    set openMode(value) {
+        this.nativeElement ? this.nativeElement.openMode = value : undefined;
+    }
+    /** @description Gets or sets the position of the tooltip. */
+    get position() {
+        return this.nativeElement ? this.nativeElement.position : undefined;
+    }
+    set position(value) {
+        this.nativeElement ? this.nativeElement.position = value : undefined;
+    }
+    /** @description Sets the element which triggers the tooltip. */
+    get selector() {
+        return this.nativeElement ? this.nativeElement.selector : undefined;
+    }
+    set selector(value) {
+        this.nativeElement ? this.nativeElement.selector = value : undefined;
+    }
+    /** @description Determines the theme. Theme defines the look of the element */
+    get theme() {
+        return this.nativeElement ? this.nativeElement.theme : undefined;
+    }
+    set theme(value) {
+        this.nativeElement ? this.nativeElement.theme = value : undefined;
+    }
+    /** @description Sets custom tooltip template. */
+    get tooltipTemplate() {
+        return this.nativeElement ? this.nativeElement.tooltipTemplate : undefined;
+    }
+    set tooltipTemplate(value) {
+        this.nativeElement ? this.nativeElement.tooltipTemplate = value : undefined;
+    }
+    /** @description If is set to true, the element cannot be focused. */
+    get unfocusable() {
+        return this.nativeElement ? this.nativeElement.unfocusable : undefined;
+    }
+    set unfocusable(value) {
+        this.nativeElement ? this.nativeElement.unfocusable = value : undefined;
+    }
+    /** @description Sets or gets the widget's value. */
+    get value() {
+        return this.nativeElement ? this.nativeElement.value : undefined;
+    }
+    set value(value) {
+        this.nativeElement ? this.nativeElement.value = value : undefined;
+    }
+    /** @description Sets or gets the visibility of the tooltip. */
+    get visible() {
+        return this.nativeElement ? this.nativeElement.visible : undefined;
+    }
+    set visible(value) {
+        this.nativeElement ? this.nativeElement.visible = value : undefined;
+    }
+    /** @description Closes smart-tooltip.
+    */
+    close() {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.close();
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.close();
+            });
+        }
+    }
+    /** @description Opens smart-tooltip.
+    */
+    open() {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.open();
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.open();
+            });
+        }
+    }
+    /** @description Toggles smart-tooltip.
+    */
+    toggle() {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.toggle();
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.toggle();
+            });
+        }
+    }
+    /** @description Clears the content of the Tooltip.
+    */
+    clear() {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.clear();
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.clear();
+            });
+        }
+    }
+    get isRendered() {
+        return this.nativeElement ? this.nativeElement.isRendered : false;
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        const that = this;
+        that.onCreate.emit(that.nativeElement);
+        Smart.Render();
+        this.nativeElement.classList.add('smart-angular');
+        this.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });
+        this.listen();
+    }
+    ngOnDestroy() {
+        this.unlisten();
+    }
+    ngOnChanges(changes) {
+        if (this.nativeElement && this.nativeElement.isRendered) {
+            for (const propName in changes) {
+                if (changes.hasOwnProperty(propName)) {
+                    this.nativeElement[propName] = changes[propName].currentValue;
+                }
+            }
+        }
+    }
+    /** @description Add event listeners. */
+    listen() {
+        const that = this;
+        that.eventHandlers['openHandler'] = (event) => { that.onOpen.emit(event); };
+        that.nativeElement.addEventListener('open', that.eventHandlers['openHandler']);
+        that.eventHandlers['openingHandler'] = (event) => { that.onOpening.emit(event); };
+        that.nativeElement.addEventListener('opening', that.eventHandlers['openingHandler']);
+        that.eventHandlers['closeHandler'] = (event) => { that.onClose.emit(event); };
+        that.nativeElement.addEventListener('close', that.eventHandlers['closeHandler']);
+        that.eventHandlers['closingHandler'] = (event) => { that.onClosing.emit(event); };
+        that.nativeElement.addEventListener('closing', that.eventHandlers['closingHandler']);
+    }
+    /** @description Remove event listeners. */
+    unlisten() {
+        const that = this;
+        if (that.eventHandlers['openHandler']) {
+            that.nativeElement.removeEventListener('open', that.eventHandlers['openHandler']);
+        }
+        if (that.eventHandlers['openingHandler']) {
+            that.nativeElement.removeEventListener('opening', that.eventHandlers['openingHandler']);
+        }
+        if (that.eventHandlers['closeHandler']) {
+            that.nativeElement.removeEventListener('close', that.eventHandlers['closeHandler']);
+        }
+        if (that.eventHandlers['closingHandler']) {
+            that.nativeElement.removeEventListener('closing', that.eventHandlers['closingHandler']);
+        }
+    }
+}
+TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TooltipComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TooltipComponent, selector: "smart-tooltip, [smart-tooltip]", inputs: { animation: "animation", align: "align", arrow: "arrow", arrowDirection: "arrowDirection", delay: "delay", disabled: "disabled", offset: "offset", locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", openMode: "openMode", position: "position", selector: "selector", theme: "theme", tooltipTemplate: "tooltipTemplate", unfocusable: "unfocusable", value: "value", visible: "visible" }, outputs: { onOpen: "onOpen", onOpening: "onOpening", onClose: "onClose", onClosing: "onClosing" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'smart-tooltip, [smart-tooltip]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { animation: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }], arrow: [{
+                type: Input
+            }], arrowDirection: [{
+                type: Input
+            }], delay: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }], localizeFormatFunction: [{
+                type: Input
+            }], messages: [{
+                type: Input
+            }], openMode: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], selector: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], tooltipTemplate: [{
+                type: Input
+            }], unfocusable: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], onOpen: [{
+                type: Output
+            }], onOpening: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }], onClosing: [{
+                type: Output
+            }] } });
+
+class TooltipModule {
+}
+TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent], exports: [TooltipComponent] });
+TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TooltipModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TooltipComponent],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    exports: [TooltipComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Smart, TooltipComponent, TooltipModule };
+//# sourceMappingURL=smart-webcomponents-angular-tooltip.mjs.map

package/fesm2020/smart-webcomponents-angular-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-webcomponents-angular-tooltip.mjs","sources":["../../tooltip/src/smart.element.ts","../../tooltip/src/smart.tooltip.ts","../../tooltip/src/smart.tooltip.module.ts","../../tooltip/src/smart-webcomponents-angular-tooltip.ts"],"sourcesContent":["\ndeclare global {\n    interface Window {\n        Smart: any;\n}\n}\n\n\nimport { ElementRef, Input, Output, Directive, EventEmitter } from '@angular/core';\nimport { ElementRenderMode } from './../index';\n@Directive()\nexport class BaseElement {\n    constructor(ref: ElementRef) {\n        const that = this;\n        this.nativeElement = ref.nativeElement as any;\n\n        that.nativeElement.onAttached = () => {\n            that.onAttach.emit(that.nativeElement);\n        }\n\n        that.nativeElement.onDetached = () => {\n            that.onDetach.emit(that.nativeElement);\n        }\n    }\n\n    @Output() onCreate: EventEmitter<any> = new EventEmitter();\n    @Output() onReady: EventEmitter<any> = new EventEmitter();\n    @Output() onAttach: EventEmitter<any> = new EventEmitter();\n    @Output() onDetach: EventEmitter<any> = new EventEmitter();\n\n    public nativeElement: any;\n\n    public addEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {\n        this.nativeElement.addEventListener(type, listener, options);\n\t}\n\n\tpublic removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {\n\t\tthis.nativeElement.removeEventListener(type, listener, options);\n\t}\n\n\tpublic dispatchEvent(event: Event): boolean {\n\t\treturn this.nativeElement.dispatchEvent(event);\n\t}\n\n\tpublic blur(): void {\n\t\tthis.nativeElement.blur();\n\t}\n\n\tpublic click(): void {\n\t\tthis.nativeElement.click();\n\t}\n\n\tpublic focus(options?: FocusOptions): void {\n\t\tthis.nativeElement.focus(options);\n\t}\n\n/** @description Sets or gets the language. Used in conjunction with the property messages.  */\n\t@Input()\n\tget locale(): string {\n\t\treturn this.nativeElement ? this.nativeElement.locale : undefined;\n\t}\n\tset locale(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.locale = value : undefined;\n\t}\n\n\t/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */\n\t@Input()\n\tget localizeFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;\n\t}\n\tset localizeFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;\n\t}\n\n\t/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */\n\t@Input()\n\tget messages(): any {\n\t\treturn this.nativeElement ? this.nativeElement.messages : undefined;\n\t}\n\tset messages(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.messages = value : undefined;\n\t}\n\n\t/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */\n\t@Input()\n\tget rightToLeft(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.rightToLeft : undefined;\n\t}\n\tset rightToLeft(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.rightToLeft = value : undefined;\n\t}\n\n\t/** @description Determines the theme. Theme defines the look of the element */\n\t@Input()\n\tget theme(): string {\n\t\treturn this.nativeElement ? this.nativeElement.theme : undefined;\n\t}\n\tset theme(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.theme = value : undefined;\n\t}\n}\n\nexport const Smart: any = window.Smart;\n\n","import { Tooltip } from './../index';\nimport { Animation, TooltipArrowDirection, TooltipOpenMode, TooltipPosition, ElementRenderMode} from './../index';\nimport { Component, Directive, AfterViewInit, ElementRef, Input, OnInit, OnChanges, OnDestroy, SimpleChanges, Output, EventEmitter } from '@angular/core';\nimport { BaseElement, Smart } from './smart.element';\nexport { Animation, TooltipArrowDirection, TooltipOpenMode, TooltipPosition, ElementRenderMode} from './../index';\nexport { Smart } from './smart.element';\nexport { Tooltip } from './../index';\n\n\n@Directive({\n\tselector: 'smart-tooltip, [smart-tooltip]'\n})\n\nexport class TooltipComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {\n\tconstructor(ref: ElementRef<Tooltip>) {\n\t\tsuper(ref);\n\t\tthis.nativeElement = ref.nativeElement as Tooltip;\n\t}\n\n\tprivate eventHandlers: any[] = [];\n\n\tpublic nativeElement: Tooltip;\n\t/** @description Creates the component on demand.\n\t * @param properties An optional object of properties, which will be added to the template binded ones.\n\t */\n\tpublic createComponent(properties = {}): any {\n    \tthis.nativeElement = <Tooltip>document.createElement('smart-tooltip');\n\t\tfor (let propertyName in properties) { \n \t\t\tthis.nativeElement[propertyName] = properties[propertyName];\n\t\t}\n\t\treturn this.nativeElement;\n\t}\n\t/** @description Sets or gets the animation mode. Animation is disabled when the property is set to 'none' */\n\t@Input()\n\tget animation(): Animation {\n\t\treturn this.nativeElement ? this.nativeElement.animation : undefined;\n\t}\n\tset animation(value: Animation) {\n\t\tthis.nativeElement ? this.nativeElement.animation = value : undefined;\n\t}\n\n\t/** @description Determines how to align the tooltip. */\n\t@Input()\n\tget align(): string {\n\t\treturn this.nativeElement ? this.nativeElement.align : undefined;\n\t}\n\tset align(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.align = value : undefined;\n\t}\n\n\t/** @description Gets or sets whether a tooltip's arrow will be shown. */\n\t@Input()\n\tget arrow(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.arrow : undefined;\n\t}\n\tset arrow(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.arrow = value : undefined;\n\t}\n\n\t/** @description Sets the position of the arrow. */\n\t@Input()\n\tget arrowDirection(): TooltipArrowDirection {\n\t\treturn this.nativeElement ? this.nativeElement.arrowDirection : undefined;\n\t}\n\tset arrowDirection(value: TooltipArrowDirection) {\n\t\tthis.nativeElement ? this.nativeElement.arrowDirection = value : undefined;\n\t}\n\n\t/** @description Gets or sets whether a tooltip's arrow will be shown. */\n\t@Input()\n\tget delay(): number {\n\t\treturn this.nativeElement ? this.nativeElement.delay : undefined;\n\t}\n\tset delay(value: number) {\n\t\tthis.nativeElement ? this.nativeElement.delay = value : undefined;\n\t}\n\n\t/** @description Enables or disables the tooltip. */\n\t@Input()\n\tget disabled(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disabled : undefined;\n\t}\n\tset disabled(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disabled = value : undefined;\n\t}\n\n\t/** @description Sets an offset by X and Y. */\n\t@Input()\n\tget offset(): number[] {\n\t\treturn this.nativeElement ? this.nativeElement.offset : undefined;\n\t}\n\tset offset(value: number[]) {\n\t\tthis.nativeElement ? this.nativeElement.offset = value : undefined;\n\t}\n\n\t/** @description Sets or gets the language. Used in conjunction with the property messages.  */\n\t@Input()\n\tget locale(): string {\n\t\treturn this.nativeElement ? this.nativeElement.locale : undefined;\n\t}\n\tset locale(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.locale = value : undefined;\n\t}\n\n\t/** @description Callback, related to localization module.  */\n\t@Input()\n\tget localizeFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;\n\t}\n\tset localizeFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;\n\t}\n\n\t/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property language.  */\n\t@Input()\n\tget messages(): any {\n\t\treturn this.nativeElement ? this.nativeElement.messages : undefined;\n\t}\n\tset messages(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.messages = value : undefined;\n\t}\n\n\t/** @description Sets or gets the way of triggering the tooltip. */\n\t@Input()\n\tget openMode(): TooltipOpenMode {\n\t\treturn this.nativeElement ? this.nativeElement.openMode : undefined;\n\t}\n\tset openMode(value: TooltipOpenMode) {\n\t\tthis.nativeElement ? this.nativeElement.openMode = value : undefined;\n\t}\n\n\t/** @description Gets or sets the position of the tooltip. */\n\t@Input()\n\tget position(): TooltipPosition {\n\t\treturn this.nativeElement ? this.nativeElement.position : undefined;\n\t}\n\tset position(value: TooltipPosition) {\n\t\tthis.nativeElement ? this.nativeElement.position = value : undefined;\n\t}\n\n\t/** @description Sets the element which triggers the tooltip. */\n\t@Input()\n\tget selector(): string | HTMLElement {\n\t\treturn this.nativeElement ? this.nativeElement.selector : undefined;\n\t}\n\tset selector(value: string | HTMLElement) {\n\t\tthis.nativeElement ? this.nativeElement.selector = value : undefined;\n\t}\n\n\t/** @description Determines the theme. Theme defines the look of the element */\n\t@Input()\n\tget theme(): string {\n\t\treturn this.nativeElement ? this.nativeElement.theme : undefined;\n\t}\n\tset theme(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.theme = value : undefined;\n\t}\n\n\t/** @description Sets custom tooltip template. */\n\t@Input()\n\tget tooltipTemplate(): any {\n\t\treturn this.nativeElement ? this.nativeElement.tooltipTemplate : undefined;\n\t}\n\tset tooltipTemplate(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.tooltipTemplate = value : undefined;\n\t}\n\n\t/** @description If is set to true, the element cannot be focused. */\n\t@Input()\n\tget unfocusable(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.unfocusable : undefined;\n\t}\n\tset unfocusable(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.unfocusable = value : undefined;\n\t}\n\n\t/** @description Sets or gets the widget's value. */\n\t@Input()\n\tget value(): string {\n\t\treturn this.nativeElement ? this.nativeElement.value : undefined;\n\t}\n\tset value(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.value = value : undefined;\n\t}\n\n\t/** @description Sets or gets the visibility of the tooltip. */\n\t@Input()\n\tget visible(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.visible : undefined;\n\t}\n\tset visible(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.visible = value : undefined;\n\t}\n\n\t/** @description This event is triggered when the tooltip is opened.\n\t*  @param event. The custom event. \t*/\n\t@Output() onOpen: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered before the tooltip is opened. The event can be prevented via event.preventDefault().\n\t*  @param event. The custom event. \t*/\n\t@Output() onOpening: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered when the tooltip is closed.\n\t*  @param event. The custom event. \t*/\n\t@Output() onClose: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered before the tooltip is closed. The event can be prevented via event.preventDefault().\n\t*  @param event. The custom event. \t*/\n\t@Output() onClosing: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description Closes smart-tooltip.  \n\t*/\n    public close(): void {\n        if (this.nativeElement.isRendered) {\n            this.nativeElement.close();\n        }\n        else\n        {\n            this.nativeElement.whenRendered(() => {\n                this.nativeElement.close();\n            });\n        }\n    }\n\n\t/** @description Opens smart-tooltip.  \n\t*/\n    public open(): void {\n        if (this.nativeElement.isRendered) {\n            this.nativeElement.open();\n        }\n        else\n        {\n            this.nativeElement.whenRendered(() => {\n                this.nativeElement.open();\n            });\n        }\n    }\n\n\t/** @description Toggles smart-tooltip.  \n\t*/\n    public toggle(): void {\n        if (this.nativeElement.isRendered) {\n            this.nativeElement.toggle();\n        }\n        else\n        {\n            this.nativeElement.whenRendered(() => {\n                this.nativeElement.toggle();\n            });\n        }\n    }\n\n\t/** @description Clears the content of the Tooltip.  \n\t*/\n    public clear(): void {\n        if (this.nativeElement.isRendered) {\n            this.nativeElement.clear();\n        }\n        else\n        {\n            this.nativeElement.whenRendered(() => {\n                this.nativeElement.clear();\n            });\n        }\n    }\n\n\n\tget isRendered(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.isRendered : false;\n\t}\n\n\tngOnInit() {\n\t}\n\n    ngAfterViewInit() {\n      const that = this;\n\n      that.onCreate.emit(that.nativeElement);\n\n\t\tSmart.Render();\n\n\t\tthis.nativeElement.classList.add('smart-angular');\n\n\t\tthis.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });\n\t\tthis.listen();\n\t}\n\n\tngOnDestroy() {\n\t\tthis.unlisten();\n\t}\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (this.nativeElement && this.nativeElement.isRendered) {\n\t\t\tfor (const propName in changes) {\n\t\t\t\tif (changes.hasOwnProperty(propName)) {\n\t\t\t\t\tthis.nativeElement[propName] = changes[propName].currentValue;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/** @description Add event listeners. */\n\tprivate listen(): void {\n        const that = this;\n\t\tthat.eventHandlers['openHandler'] = (event: CustomEvent) => { that.onOpen.emit(event); }\n\t\tthat.nativeElement.addEventListener('open', that.eventHandlers['openHandler']);\n\n\t\tthat.eventHandlers['openingHandler'] = (event: CustomEvent) => { that.onOpening.emit(event); }\n\t\tthat.nativeElement.addEventListener('opening', that.eventHandlers['openingHandler']);\n\n\t\tthat.eventHandlers['closeHandler'] = (event: CustomEvent) => { that.onClose.emit(event); }\n\t\tthat.nativeElement.addEventListener('close', that.eventHandlers['closeHandler']);\n\n\t\tthat.eventHandlers['closingHandler'] = (event: CustomEvent) => { that.onClosing.emit(event); }\n\t\tthat.nativeElement.addEventListener('closing', that.eventHandlers['closingHandler']);\n\n\t}\n\n\t/** @description Remove event listeners. */\n\tprivate unlisten(): void {\n        const that = this;\n\t\tif (that.eventHandlers['openHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('open', that.eventHandlers['openHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['openingHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('opening', that.eventHandlers['openingHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['closeHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('close', that.eventHandlers['closeHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['closingHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('closing', that.eventHandlers['closingHandler']);\n\t\t}\n\n\t}\n}\n","import { NgModule } from '@angular/core';\n\nimport { TooltipComponent } from './smart.tooltip';\nimport { CUSTOM_ELEMENTS_SCHEMA  } from '@angular/core';\n\n@NgModule({\n    declarations: [TooltipComponent],\n\tschemas: [CUSTOM_ELEMENTS_SCHEMA],\n\texports: [TooltipComponent]\n})\n\nexport class TooltipModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/images/dropable_zone_image.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Background_Complete" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 x="0px" y="0px" viewBox="0 0 66.3 52.9" style="enable-background:new 0 0 66.3 52.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EBEBEB;}
+	.st1{fill:#F5F5F5;}
+</style>
+<g>
+	<g>
+		<g>
+			
+				<rect x="6.8" y="-6.5" transform="matrix(2.345817e-03 -1 1 2.345817e-03 6.6612 59.5521)" class="st0" width="52.7" height="65.9"/>
+		</g>
+	</g>
+	<rect x="10.1" y="-4.2" transform="matrix(2.344414e-03 -1 1 2.344414e-03 6.6184 59.509)" class="st1" width="46" height="61.2"/>
+	<polygon class="st0" points="2.5,49.4 23.9,20.8 37.1,38.8 46.1,29.2 63.7,49.5 	"/>
+	<g>
+		<g>
+			<path class="st0" d="M42.8,17.4c0,2.7-2.2,4.8-4.8,4.8c-2.7,0-4.8-2.2-4.8-4.8c0-2.7,2.2-4.8,4.8-4.8
+				C40.7,12.5,42.8,14.7,42.8,17.4z"/>
+		</g>
+	</g>
+</g>
+</svg>

package/images/icons-sprite.svg

@@ -0,0 +1,85 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <defs>
+    <style>
+      #check-mark-component polyline{
+      fill:none;
+      stroke:#000;
+      stroke-width:2;
+      stroke-linejoin:round;
+      stroke-miterlimit:10;
+      }
+
+      #check-mark-circle-component rect{
+      fill:#000;
+      }
+
+      #check-mark-circle-component circle{
+      fill:#A9A9A9;
+      }
+
+      #numeric-text-box-arrow-component polygon{
+      fill:#808080;
+      }
+
+      #numeric-text-box-arrow-metro-component path,
+      #numeric-text-box-arrow-metro-90deg-component path{
+      fill:#808080;
+      }
+    </style>
+  </defs>
+
+  <!-- viewBox block -->
+  <view id="check-mark" viewBox="0 0 24 24" />
+  <view id="check-mark-indetermined" viewBox="0 24 24 24" />
+  <view id="check-mark-circle" viewBox="0 48 20 20" />
+  <view id="check-mark-empty" viewBox="0 68 1 1" />
+  <view id="power-button-on" viewBox="0 80 90 90" />
+  <view id="power-button-off" viewBox="0 170 90 90" />
+  <view id="numeric-text-box-arrow" viewBox="0 275 10 10" />
+  <view id="numeric-text-box-arrow-metro" viewBox="0 285 48 48" />
+  <view id="numeric-text-box-arrow-metro-90deg" viewBox="0 335 48 48" />
+
+  <!-- SVG components block -->
+  <!-- Checkbox svg components -->
+  <svg id="check-mark-component" x="0" y="0">
+    <polyline points="7,13 11,17 19,8 "/>
+  </svg>
+  <svg id="check-mark-indetermined-component" x="0" y="24">
+    <rect  x="6" y="11" width="12" height="2" />
+  </svg>
+  <!-- Radio Button's svg components -->
+  <svg id="check-mark-circle-component" x="0" y="48">
+    <circle cx="10" cy="10" r="6"/>
+  </svg>
+  <svg id="check-mark-empty-component" x="0" y="68"></svg>
+
+  <!-- Power Button's svg elements -->
+  <svg id="power-button-on-component" x="16" y="95" style="enable-background:new 0 0 57 57;" fill="white" xml:space="preserve">
+      <g>
+	      <path d="M28.5,29c1.104,0,2-0.896,2-2V2c0-1.104-0.896-2-2-2s-2,0.896-2,2v25C26.5,28.104,27.396,29,28.5,29z"></path>
+	      <path d="M54.418,29.025c-0.007-0.091-0.013-0.183-0.021-0.274c-0.86-10.027-7.407-18.423-16.403-21.955   c-0.092-0.036-0.182-0.073-0.274-0.108c-0.584-0.221-1.177-0.422-1.78-0.602c-0.044-0.013-0.086-0.031-0.13-0.044   c-0.012-0.003-0.024,0-0.036-0.003C34.551,5.683,33.29,5.419,32,5.244v4.038C42.473,10.963,50.5,20.06,50.5,31   c0,12.131-9.869,22-22,22s-22-9.869-22-22c0-10.94,8.027-20.037,18.5-21.719V5.243c-1.278,0.174-2.529,0.435-3.742,0.786   c-0.012,0.003-0.025,0-0.037,0.003c-0.047,0.014-0.091,0.032-0.137,0.046c-0.604,0.179-1.198,0.379-1.783,0.601   c-0.09,0.034-0.178,0.071-0.268,0.106c-1.255,0.491-2.463,1.076-3.614,1.748c-0.01,0.006-0.02,0.011-0.031,0.017   C8.292,12.705,3.344,20.123,2.603,28.748c-0.008,0.091-0.014,0.183-0.021,0.275C2.533,29.676,2.5,30.334,2.5,31   c0,14.359,11.641,26,26,26s26-11.641,26-26C54.5,30.335,54.467,29.677,54.418,29.025z"></path>
+      </g>
+  </svg>
+  <svg  id="power-button-off-component" x="16" y="185" style="enable-background:new 0 0 57 57;" fill="gray" xml:space="preserve">
+      <g>
+	      <path d="M28.5,29c1.104,0,2-0.896,2-2V2c0-1.104-0.896-2-2-2s-2,0.896-2,2v25C26.5,28.104,27.396,29,28.5,29z"></path>
+	      <path d="M54.418,29.025c-0.007-0.091-0.013-0.183-0.021-0.274c-0.86-10.027-7.407-18.423-16.403-21.955   c-0.092-0.036-0.182-0.073-0.274-0.108c-0.584-0.221-1.177-0.422-1.78-0.602c-0.044-0.013-0.086-0.031-0.13-0.044   c-0.012-0.003-0.024,0-0.036-0.003C34.551,5.683,33.29,5.419,32,5.244v4.038C42.473,10.963,50.5,20.06,50.5,31   c0,12.131-9.869,22-22,22s-22-9.869-22-22c0-10.94,8.027-20.037,18.5-21.719V5.243c-1.278,0.174-2.529,0.435-3.742,0.786   c-0.012,0.003-0.025,0-0.037,0.003c-0.047,0.014-0.091,0.032-0.137,0.046c-0.604,0.179-1.198,0.379-1.783,0.601   c-0.09,0.034-0.178,0.071-0.268,0.106c-1.255,0.491-2.463,1.076-3.614,1.748c-0.01,0.006-0.02,0.011-0.031,0.017   C8.292,12.705,3.344,20.123,2.603,28.748c-0.008,0.091-0.014,0.183-0.021,0.275C2.533,29.676,2.5,30.334,2.5,31   c0,14.359,11.641,26,26,26s26-11.641,26-26C54.5,30.335,54.467,29.677,54.418,29.025z"></path>
+      </g>
+  </svg>
+
+  <!-- Numeric text box svg elements -->
+  <!-- Numeric text box arrow -->
+  <svg id="numeric-text-box-arrow-component" x="0" y="275">
+      <polygon points="0,5 5,0 10,5"/>
+  </svg>
+  <!-- Numeric text box arrow metro theme -->
+  <svg id="numeric-text-box-arrow-metro-component" x="0" y="285">
+    <path d="M14.83 16.42l9.17 9.17 9.17-9.17 2.83 2.83-12 12-12-12z"/>
+  </svg>
+  <svg id="numeric-text-box-arrow-metro-90deg-component" x="0" y="335">
+    <path d="M17.17 32.92l9.17-9.17-9.17-9.17 2.83-2.83 12 12-12 12z"/>
+  </svg>
+
+</svg>