smart-webcomponents-angular/fesm2015/smart-webcomponents-angular-ribbon.mjs.map

[](https://jqwidgets.com/license/)

{"version":3,"file":"smart-webcomponents-angular-ribbon.mjs","sources":["../../ribbon/src/smart.element.ts","../../ribbon/src/smart.ribbon.ts","../../ribbon/src/smart.ribbontab.ts","../../ribbon/src/smart.ribbongroup.ts","../../ribbon/src/smart.ribbonitem.ts","../../ribbon/src/smart.ribbon.module.ts","../../ribbon/src/smart-webcomponents-angular-ribbon.ts"],"sourcesContent":["\ndeclare global {\n    interface Window {\n        Smart: any;\n}\n}\n\n\nimport { Directive, ElementRef, Input, Output, EventEmitter } from '@angular/core';\nimport { ElementRenderMode } from './../index';\n\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 license.  */\n\t@Input()\n\tget license(): string {\n\t\treturn this.nativeElement ? this.nativeElement.license : undefined;\n\t}\n\tset license(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.license = value : undefined;\n\t}\n\t\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\nlet Smart: any;\nif (typeof window !== \"undefined\") {\n\tSmart = window.Smart;\n}\nexport { Smart };\n\n","import { Ribbon } from './../index';\nimport { RibbonFileMenuPosition, RibbonFileMenuType, RibbonFileMenu, ElementRenderMode} from './../index';\nimport { Component, Directive, AfterViewInit, ElementRef, Input, OnInit, OnChanges, OnDestroy, SimpleChanges, Output, EventEmitter, QueryList, ContentChildren } from '@angular/core';\nimport { BaseElement, Smart } from './smart.element';\nexport { RibbonFileMenuPosition, RibbonFileMenuType, RibbonFileMenu, ElementRenderMode} from './../index';\nexport { Smart } from './smart.element';\nexport { Ribbon } from './../index';\n\n\nimport { RibbonTabComponent } from './smart.ribbontab';\n\nimport { RibbonGroupComponent } from './smart.ribbongroup';\n\nimport { RibbonItemComponent } from './smart.ribbonitem';\n\n@Directive({\n\texportAs: 'smart-ribbon',\tselector: 'smart-ribbon, [smart-ribbon]'\n})\n\nexport class RibbonComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {\n\n\tconstructor(ref: ElementRef<Ribbon>) {\n\t\tsuper(ref);\n\t\tthis.nativeElement = ref.nativeElement as Ribbon;\n\t}\n\n\tprivate eventHandlers: any[] = [];\n\n\tpublic declare nativeElement: Ribbon;\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 = <Ribbon>document.createElement('smart-ribbon');\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 Specifies whether the ribbon interface can be collapsed or expanded by the user, allowing for a more compact or fully visible display as needed. */\n\t@Input()\n\tget collapsible(): any {\n\t\treturn this.nativeElement ? this.nativeElement.collapsible : undefined;\n\t}\n\tset collapsible(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.collapsible = value : undefined;\n\t}\n\n\t/** @description Specifies the individual tab items to be displayed within the ribbon interface. Each tab item typically represents a distinct category or section, allowing users to easily navigate and access grouped commands or features within the ribbon. */\n\t@Input()\n\tget dataSource(): any {\n\t\treturn this.nativeElement ? this.nativeElement.dataSource : undefined;\n\t}\n\tset dataSource(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.dataSource = value : undefined;\n\t}\n\n\t/** @description Specifies or retrieves whether the element is disabled, preventing user interaction and making it unresponsive to mouse and keyboard events. When set to true, the element cannot be activated or receive input focus. */\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 Specifies the available file menu options displayed within the ribbon interface, defining which actions (such as New, Open, Save, Print, etc.) users can access from the file menu. */\n\t@Input()\n\tget fileMenu(): RibbonFileMenu {\n\t\treturn this.nativeElement ? this.nativeElement.fileMenu : undefined;\n\t}\n\tset fileMenu(value: RibbonFileMenu) {\n\t\tthis.nativeElement ? this.nativeElement.fileMenu = value : undefined;\n\t}\n\n\t/** @description Sets or retrieves the value of the unlockKey property, which is used to authenticate and authorize access to unlock the product. The unlockKey typically functions as a secure code or token required to enable full product functionality. */\n\t@Input()\n\tget unlockKey(): string {\n\t\treturn this.nativeElement ? this.nativeElement.unlockKey : undefined;\n\t}\n\tset unlockKey(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.unlockKey = value : undefined;\n\t}\n\n\t/** @description Specifies the localization settings for the ribbon, determining the language and regional formatting (such as date, time, and number formats) used for displaying text and other interface elements. */\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 Specifies the text and content displayed in the ribbon's message area, allowing customization of informational or notification messages shown to users within the ribbon interface. */\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 Specifies or retrieves a value that determines whether the element’s alignment is optimized for right-to-left (RTL) languages, such as Arabic or Hebrew. This affects the element’s text direction, layout flow, and alignment to accommodate locales that use right-to-left scripts. */\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 Specifies which tab is currently selected and active in the tab navigation component, typically by its index or identifier. This property controls which tab's content is visible to the user. */\n\t@Input()\n\tget selectedTab(): any {\n\t\treturn this.nativeElement ? this.nativeElement.selectedTab : undefined;\n\t}\n\tset selectedTab(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.selectedTab = value : undefined;\n\t}\n\n\t/** @description This event is triggered whenever the ribbon component transitions from its expanded state to a collapsed state. It allows developers to execute custom logic or UI updates in response to the ribbon becoming minimized or hidden from view.\n\t*  @param event. The custom event. \t*/\n\t@Output() onCollapse: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is fired when the ribbon begins the process of collapsing, allowing you to execute custom logic before the collapse completes. If you wish to prevent the ribbon from collapsing, you can call event.preventDefault() within your event handler. This will cancel the default collapsing action, keeping the ribbon expanded.\n\t*  @param event. The custom event. \t*/\n\t@Output() onCollapsing: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered when a user clicks the dialog launcher button, typically represented by a small icon (such as an arrow or ellipsis) in a component's toolbar or header. The event indicates the user's intention to open an extended options dialog or advanced settings panel related to the component.\n\t*  @param event. The custom event. \tCustom event was created with: event.detail(\tgroupLabel, \tgroupId)\n\t*   groupLabel - The label of the dialog launcher's ribbon group.\n\t*   groupId - The id of the dialog launcher's ribbon group.\n\t*/\n\t@Output() onDialogLauncherClick: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered whenever the ribbon interface transitions from its collapsed state to an expanded state, indicating that additional options or tools have become visible to the user. Use this event to execute custom logic or UI updates whenever the ribbon expands.\n\t*  @param event. The custom event. \t*/\n\t@Output() onExpand: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is fired when the ribbon component begins to expand. You can intercept and cancel the expansion by calling event.preventDefault() within your event handler function. This allows you to programmatically control whether or not the ribbon expands based on custom logic.\n\t*  @param event. The custom event. \t*/\n\t@Output() onExpanding: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered whenever the file menu button is clicked by the user. It is typically used to open, display, or perform actions related to the file menu, such as showing file options or initializing file-related functions. The event provides an opportunity for developers to execute custom logic in response to user interaction with the file menu button.\n\t*  @param event. The custom event. \t*/\n\t@Output() onFileButtonClick: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered whenever the user opens the file menu, such as by clicking on the \"File\" option in the application's main menu bar. It allows developers to execute custom logic immediately when the file menu becomes visible to the user.\n\t*  @param event. The custom event. \t*/\n\t@Output() onFileMenuOpen: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered whenever the file menu is closed, either by user interaction or programmatically. It occurs after all menu actions have completed, signaling that the file menu is no longer visible or active. Developers can use this event to execute cleanup operations, update the user interface, or manage application state in response to the menu being closed.\n\t*  @param event. The custom event. \t*/\n\t@Output() onFileMenuClose: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered whenever a user clicks on an item within the file menu. It allows you to execute custom actions in response to specific file menu selections, such as opening, saving, or closing a file. The event provides details about the selected menu item, enabling context-aware handling within your application.\n\t*  @param event. The custom event. \tCustom event was created with: event.detail(\titem)\n\t*   item - The file menu item.\n\t*/\n\t@Output() onFileMenuItemClick: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered whenever the user selects a different tab, indicating that the active tab within the interface has changed. It allows you to respond to changes in tab selection, such as updating displayed content, fetching new data, or tracking user navigation within tabbed components.\n\t*  @param event. The custom event. \tCustom event was created with: event.detail(\toldIndex, \tindex)\n\t*   oldIndex - The previous tab index.\n\t*   index - The new index of the selected tab.\n\t*/\n\t@Output() onSelect: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is fired immediately before the active tab changes, allowing you to intercept and potentially prevent the tab switch. To cancel the tab selection change, call event.preventDefault() within your event handler. This provides an opportunity to perform validations or prompt the user before the change is finalized.\n\t*  @param event. The custom event. \tCustom event was created with: event.detail(\toldIndex, \tindex)\n\t*   oldIndex - The previous tab index.\n\t*   index - The new index of the selected tab.\n\t*/\n\t@Output() onSelecting: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description Adds a new tab to the application's ribbon interface. The tab can be specified in one of three ways: as a configuration object defining the tab's properties, as an existing HTMLElement to be used as the tab, or as a string representing the id of an existing HTMLElement to be added as the tab. This provides flexibility in how ribbon tabs are created and integrated. \n\t* @param {any} tab. The ribbon tab to be added.\n\t*/\n    public addTab(tab: any): void {\n        if (this.nativeElement.isRendered) {\n            this.nativeElement.addTab(tab);\n        }\n        else\n        {\n            this.nativeElement.whenRendered(() => {\n                this.nativeElement.addTab(tab);\n            });\n        }\n    }\n\n\t/** @description Enhances a ribbon tab by adding a new group. The group can be specified in one of the following ways: as an object defining its properties, as a direct reference to an HTMLElement, or as a string representing the id of an existing HTMLElement. This flexibility allows you to create the group dynamically, use an already created DOM element, or reference an element by its id. \n\t* @param {any} tab. The id, index or HTMLElement  of the parent ribbon tab.\n\t* @param {any} group. The ribbon group to be added.\n\t*/\n    public addGroup(tab: any, group: any): void {\n        if (this.nativeElement.isRendered) {\n            this.nativeElement.addGroup(tab, group);\n        }\n        else\n        {\n            this.nativeElement.whenRendered(() => {\n                this.nativeElement.addGroup(tab, group);\n            });\n        }\n    }\n\n\t/** @description Adds a new item to a specified ribbon group in the ribbon interface. The new item can be provided in one of the following forms: as a configuration object, as an actual HTMLElement, or by specifying the id of an existing HTMLElement. This offers flexibility in how ribbon items are defined and incorporated into the ribbon group. \n\t* @param {string | number | HTMLElement} tab. The id, index or HTMLElement  of the parent ribbon tab.\n\t* @param {string | HTMLElement} group. The id or HTMLElement of the parent ribbon group.\n\t* @param {any} item. The ribbon item to be added.\n\t*/\n    public addItem(tab: string | number | HTMLElement, group: string | HTMLElement, item: any): void {\n        if (this.nativeElement.isRendered) {\n            this.nativeElement.addItem(tab, group, item);\n        }\n        else\n        {\n            this.nativeElement.whenRendered(() => {\n                this.nativeElement.addItem(tab, group, item);\n            });\n        }\n    }\n\n\t/** @description Minimizes the ribbon interface, hiding its commands and options, to provide more workspace on the screen. \n\t*/\n    public collapse(): void {\n        if (this.nativeElement.isRendered) {\n            this.nativeElement.collapse();\n        }\n        else\n        {\n            this.nativeElement.whenRendered(() => {\n                this.nativeElement.collapse();\n            });\n        }\n    }\n\n\t/** @description Expands the ribbon interface to reveal additional tools, features, and options that are otherwise hidden from view. This action increases the available workspace by displaying the full set of ribbon commands and controls. \n\t*/\n    public expand(): void {\n        if (this.nativeElement.isRendered) {\n            this.nativeElement.expand();\n        }\n        else\n        {\n            this.nativeElement.whenRendered(() => {\n                this.nativeElement.expand();\n            });\n        }\n    }\n\n\t/** @description Removes a specified tab from the ribbon interface, effectively hiding it and its associated commands from the user’s view. This action ensures that the tab and its contents are no longer accessible within the ribbon navigation. \n\t* @param {string | number} ribbonTab. The id or index of the ribbon tab to be removed.\n\t*/\n    public removeTab(ribbonTab: string | number): void {\n        if (this.nativeElement.isRendered) {\n            this.nativeElement.removeTab(ribbonTab);\n        }\n        else\n        {\n            this.nativeElement.whenRendered(() => {\n                this.nativeElement.removeTab(ribbonTab);\n            });\n        }\n    }\n\n\t/** @description Removes a specified ribbon group from the selected ribbon tab, effectively deleting that group's controls and functionalities from the tab's interface. \n\t* @param {string | number} ribbonTabIndex?. The id or index of the parent ribbon tab.\n\t* @param {string | number} ribbonGroup?. The id or index of the ribbon group to be removed.\n\t*/\n    public removeGroup(ribbonTabIndex?: string | number, ribbonGroup?: string | number): void {\n        if (this.nativeElement.isRendered) {\n            this.nativeElement.removeGroup(ribbonTabIndex, ribbonGroup);\n        }\n        else\n        {\n            this.nativeElement.whenRendered(() => {\n                this.nativeElement.removeGroup(ribbonTabIndex, ribbonGroup);\n            });\n        }\n    }\n\n\t/** @description Removes a specified ribbon item from its parent ribbon group, effectively deleting the item from the group and updating the user interface accordingly. This operation ensures that the ribbon group no longer displays or interacts with the removed item. \n\t* @param {string | number} ribbonTabIndex?. The id or index of the parent ribbon tab.\n\t* @param {string | number} ribbonGroup?. The id or index of the parent ribbon group.\n\t* @param {string | number} ribbonItem?. The id or index of the ribbon item to be removed.\n\t*/\n    public removeItem(ribbonTabIndex?: string | number, ribbonGroup?: string | number, ribbonItem?: string | number): void {\n        if (this.nativeElement.isRendered) {\n            this.nativeElement.removeItem(ribbonTabIndex, ribbonGroup, ribbonItem);\n        }\n        else\n        {\n            this.nativeElement.whenRendered(() => {\n                this.nativeElement.removeItem(ribbonTabIndex, ribbonGroup, ribbonItem);\n            });\n        }\n    }\n\n\t/** @description Activates the specified ribbon tab, bringing its contents into focus and making its associated controls and options accessible to the user. \n\t* @param {string | number} ribbonTabIndex. The index of the ribbon tab to be selected.\n\t*/\n    public selectTab(ribbonTabIndex: string | number): void {\n        if (this.nativeElement.isRendered) {\n            this.nativeElement.selectTab(ribbonTabIndex);\n        }\n        else\n        {\n            this.nativeElement.whenRendered(() => {\n                this.nativeElement.selectTab(ribbonTabIndex);\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\tif (Smart) Smart.Render();\n\n\t\tthis.nativeElement.classList.add('smart-angular');\n\n\t\tif (this.nativeElement.whenRendered) this.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['collapseHandler'] = (event: CustomEvent) => { that.onCollapse.emit(event); }\n\t\tthat.nativeElement.addEventListener('collapse', that.eventHandlers['collapseHandler']);\n\n\t\tthat.eventHandlers['collapsingHandler'] = (event: CustomEvent) => { that.onCollapsing.emit(event); }\n\t\tthat.nativeElement.addEventListener('collapsing', that.eventHandlers['collapsingHandler']);\n\n\t\tthat.eventHandlers['dialogLauncherClickHandler'] = (event: CustomEvent) => { that.onDialogLauncherClick.emit(event); }\n\t\tthat.nativeElement.addEventListener('dialogLauncherClick', that.eventHandlers['dialogLauncherClickHandler']);\n\n\t\tthat.eventHandlers['expandHandler'] = (event: CustomEvent) => { that.onExpand.emit(event); }\n\t\tthat.nativeElement.addEventListener('expand', that.eventHandlers['expandHandler']);\n\n\t\tthat.eventHandlers['expandingHandler'] = (event: CustomEvent) => { that.onExpanding.emit(event); }\n\t\tthat.nativeElement.addEventListener('expanding', that.eventHandlers['expandingHandler']);\n\n\t\tthat.eventHandlers['fileButtonClickHandler'] = (event: CustomEvent) => { that.onFileButtonClick.emit(event); }\n\t\tthat.nativeElement.addEventListener('fileButtonClick', that.eventHandlers['fileButtonClickHandler']);\n\n\t\tthat.eventHandlers['fileMenuOpenHandler'] = (event: CustomEvent) => { that.onFileMenuOpen.emit(event); }\n\t\tthat.nativeElement.addEventListener('fileMenuOpen', that.eventHandlers['fileMenuOpenHandler']);\n\n\t\tthat.eventHandlers['fileMenuCloseHandler'] = (event: CustomEvent) => { that.onFileMenuClose.emit(event); }\n\t\tthat.nativeElement.addEventListener('fileMenuClose', that.eventHandlers['fileMenuCloseHandler']);\n\n\t\tthat.eventHandlers['fileMenuItemClickHandler'] = (event: CustomEvent) => { that.onFileMenuItemClick.emit(event); }\n\t\tthat.nativeElement.addEventListener('fileMenuItemClick', that.eventHandlers['fileMenuItemClickHandler']);\n\n\t\tthat.eventHandlers['selectHandler'] = (event: CustomEvent) => { that.onSelect.emit(event); }\n\t\tthat.nativeElement.addEventListener('select', that.eventHandlers['selectHandler']);\n\n\t\tthat.eventHandlers['selectingHandler'] = (event: CustomEvent) => { that.onSelecting.emit(event); }\n\t\tthat.nativeElement.addEventListener('selecting', that.eventHandlers['selectingHandler']);\n\n\t}\n\n\t/** @description Remove event listeners. */\n\tprivate unlisten(): void {\n        const that = this;\n\t\tif (that.eventHandlers['collapseHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('collapse', that.eventHandlers['collapseHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['collapsingHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('collapsing', that.eventHandlers['collapsingHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['dialogLauncherClickHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('dialogLauncherClick', that.eventHandlers['dialogLauncherClickHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['expandHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('expand', that.eventHandlers['expandHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['expandingHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('expanding', that.eventHandlers['expandingHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['fileButtonClickHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('fileButtonClick', that.eventHandlers['fileButtonClickHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['fileMenuOpenHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('fileMenuOpen', that.eventHandlers['fileMenuOpenHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['fileMenuCloseHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('fileMenuClose', that.eventHandlers['fileMenuCloseHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['fileMenuItemClickHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('fileMenuItemClick', that.eventHandlers['fileMenuItemClickHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['selectHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('select', that.eventHandlers['selectHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['selectingHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('selecting', that.eventHandlers['selectingHandler']);\n\t\t}\n\n\t}\n}\n","import { RibbonTab } from './../index';\nimport { ElementRenderMode} from './../index';\nimport { Component, Directive, AfterViewInit, ElementRef, Input, OnInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';\nimport { BaseElement, Smart } from './smart.element';\nexport { ElementRenderMode} from './../index';\nexport { Smart } from './smart.element';\nexport { RibbonTab } from './../index';\n\n\n@Directive({\n\texportAs: 'smart-ribbon-tab',\tselector: 'smart-ribbon-tab, [smart-ribbon-tab]'\n})\n\nexport class RibbonTabComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {\n\tconstructor(ref: ElementRef<RibbonTab>) {\n\t\tsuper(ref);\n\t\tthis.nativeElement = ref.nativeElement as RibbonTab;\n\t}\n\n\tprivate eventHandlers: any[] = [];\n\n\tpublic declare nativeElement: RibbonTab;\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 = <RibbonTab>document.createElement('smart-ribbon-tab');\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 Specifies whether the tab item is disabled and unresponsive to user interaction. When set to true, the tab cannot be selected or activated by the user. */\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 Specifies the text displayed as the label for the tab item, allowing users to identify and select the corresponding tab in the interface. */\n\t@Input()\n\tget label(): string {\n\t\treturn this.nativeElement ? this.nativeElement.label : undefined;\n\t}\n\tset label(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.label = value : undefined;\n\t}\n\n\t/** @description Indicates whether the tab item is currently active and selected by the user. When set to true, this tab will be visually highlighted and its associated content will be displayed. */\n\t@Input()\n\tget selected(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.selected : undefined;\n\t}\n\tset selected(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.selected = value : undefined;\n\t}\n\n\t/** @description Specifies the ribbon group to which the tab item belongs, enabling organization and grouping of related commands within the ribbon interface. */\n\t@Input()\n\tget ribbonGroups(): any {\n\t\treturn this.nativeElement ? this.nativeElement.ribbonGroups : undefined;\n\t}\n\tset ribbonGroups(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.ribbonGroups = value : undefined;\n\t}\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\tthis.nativeElement.classList.add('smart-angular');\n\n\t\tif (this.nativeElement.whenRendered) this.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });\n\t}\n\n\tngOnDestroy() {\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}\n","import { RibbonGroup } from './../index';\nimport { RibbonGroupDirection, RibbonGroupWrapSize, RibbonGroupDialogLauncher, ElementRenderMode} from './../index';\nimport { Component, Directive, AfterViewInit, ElementRef, Input, OnInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';\nimport { BaseElement, Smart } from './smart.element';\nexport { RibbonGroupDirection, RibbonGroupWrapSize, RibbonGroupDialogLauncher, ElementRenderMode} from './../index';\nexport { Smart } from './smart.element';\nexport { RibbonGroup } from './../index';\n\n\n@Directive({\n\texportAs: 'smart-ribbon-group',\tselector: 'smart-ribbon-group, [smart-ribbon-group]'\n})\n\nexport class RibbonGroupComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {\n\tconstructor(ref: ElementRef<RibbonGroup>) {\n\t\tsuper(ref);\n\t\tthis.nativeElement = ref.nativeElement as RibbonGroup;\n\t}\n\n\tprivate eventHandlers: any[] = [];\n\n\tpublic declare nativeElement: RibbonGroup;\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 = <RibbonGroup>document.createElement('smart-ribbon-group');\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 Specifies the text or title displayed as the label for the ribbon group, helping users identify the purpose or category of the grouped controls within the ribbon interface. */\n\t@Input()\n\tget label(): string {\n\t\treturn this.nativeElement ? this.nativeElement.label : undefined;\n\t}\n\tset label(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.label = value : undefined;\n\t}\n\n\t/** @description Specifies the icon displayed for the ribbon group. This property defines the visual symbol or image that represents the group within the ribbon interface, enhancing usability and quick identification for users. */\n\t@Input()\n\tget icon(): string {\n\t\treturn this.nativeElement ? this.nativeElement.icon : undefined;\n\t}\n\tset icon(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.icon = value : undefined;\n\t}\n\n\t/** @description Specifies the CSS class applied to the ribbon group, which controls its appearance and styling. Use this property to customize the look and feel of the ribbon group by assigning one or more class names. */\n\t@Input()\n\tget cssClass(): string {\n\t\treturn this.nativeElement ? this.nativeElement.cssClass : undefined;\n\t}\n\tset cssClass(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.cssClass = value : undefined;\n\t}\n\n\t/** @description Defines the collection of items displayed within the ribbon group, specifying the individual controls, buttons, menus, or tools that appear as part of the ribbon interface. This property allows customization of the content and arrangement of the ribbon group elements. */\n\t@Input()\n\tget ribbonItems(): any {\n\t\treturn this.nativeElement ? this.nativeElement.ribbonItems : undefined;\n\t}\n\tset ribbonItems(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.ribbonItems = value : undefined;\n\t}\n\n\t/** @description Specifies the orientation of the ribbon group, such as horizontal or vertical, affecting how its contained items are arranged and displayed within the user interface. */\n\t@Input()\n\tget direction(): RibbonGroupDirection | string {\n\t\treturn this.nativeElement ? this.nativeElement.direction : undefined;\n\t}\n\tset direction(value: RibbonGroupDirection | string) {\n\t\tthis.nativeElement ? this.nativeElement.direction = value : undefined;\n\t}\n\n\t/** @description Defines the configuration options for the dialog launcher button within the ribbon group, specifying its appearance, behavior, and associated actions when activated by the user. */\n\t@Input()\n\tget dialogLauncher(): RibbonGroupDialogLauncher {\n\t\treturn this.nativeElement ? this.nativeElement.dialogLauncher : undefined;\n\t}\n\tset dialogLauncher(value: RibbonGroupDialogLauncher) {\n\t\tthis.nativeElement ? this.nativeElement.dialogLauncher = value : undefined;\n\t}\n\n\t/** @description Specifies the minimum width (in pixels) at which the ribbon group will be displayed on a single line. If the available space becomes smaller than this value, the ribbon group will automatically wrap to a new line to maintain a responsive layout. */\n\t@Input()\n\tget wrapSize(): RibbonGroupWrapSize | string {\n\t\treturn this.nativeElement ? this.nativeElement.wrapSize : undefined;\n\t}\n\tset wrapSize(value: RibbonGroupWrapSize | string) {\n\t\tthis.nativeElement ? this.nativeElement.wrapSize = value : undefined;\n\t}\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\tthis.nativeElement.classList.add('smart-angular');\n\n\t\tif (this.nativeElement.whenRendered) this.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });\n\t}\n\n\tngOnDestroy() {\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}\n","import { RibbonItem } from './../index';\nimport { RibbonItemType, RibbonItemSize, RibbonItemSettings, ElementRenderMode} from './../index';\nimport { Component, Directive, AfterViewInit, ElementRef, Input, OnInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';\nimport { BaseElement, Smart } from './smart.element';\nexport { RibbonItemType, RibbonItemSize, RibbonItemSettings, ElementRenderMode} from './../index';\nexport { Smart } from './smart.element';\nexport { RibbonItem } from './../index';\n\n\n@Directive({\n\texportAs: 'smart-ribbon-item',\tselector: 'smart-ribbon-item, [smart-ribbon-item]'\n})\n\nexport class RibbonItemComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {\n\tconstructor(ref: ElementRef<RibbonItem>) {\n\t\tsuper(ref);\n\t\tthis.nativeElement = ref.nativeElement as RibbonItem;\n\t}\n\n\tprivate eventHandlers: any[] = [];\n\n\tpublic declare nativeElement: RibbonItem;\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 = <RibbonItem>document.createElement('smart-ribbon-item');\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 Specifies whether the ribbon item is disabled and unresponsive to user interactions. If set to 'true', the ribbon item will appear visually inactive and cannot be clicked or selected by the user. If 'false', the item remains enabled and fully interactive. */\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 Specifies the text displayed as the label on the ribbon item, providing users with a clear description or name for the ribbon element. */\n\t@Input()\n\tget label(): string {\n\t\treturn this.nativeElement ? this.nativeElement.label : undefined;\n\t}\n\tset label(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.label = value : undefined;\n\t}\n\n\t/** @description Specifies the category or function of the ribbon item, such as button, dropdown, separator, or other UI element types. This property helps define how the ribbon item behaves and is displayed within the ribbon interface. */\n\t@Input()\n\tget type(): RibbonItemType | string {\n\t\treturn this.nativeElement ? this.nativeElement.type : undefined;\n\t}\n\tset type(value: RibbonItemType | string) {\n\t\tthis.nativeElement ? this.nativeElement.type = value : undefined;\n\t}\n\n\t/** @description Specifies the template used to render the ribbon item. This property accepts one of the following:- An HTMLTemplateElement instance.- The id (string) of an existing HTMLTemplateElement in the DOM.- A function that returns either a template string or an HTML element.This allows you to customize the appearance and content of the ribbon item by providing a static template, referencing a template by id, or generating templates dynamically through a function. */\n\t@Input()\n\tget template(): string {\n\t\treturn this.nativeElement ? this.nativeElement.template : undefined;\n\t}\n\tset template(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.template = value : undefined;\n\t}\n\n\t/** @description Specifies the dimensions or size configuration (such as small, medium, or large) for the ribbon item, affecting its visual appearance and layout within the ribbon interface. */\n\t@Input()\n\tget size(): RibbonItemSize | string {\n\t\treturn this.nativeElement ? this.nativeElement.size : undefined;\n\t}\n\tset size(value: RibbonItemSize | string) {\n\t\tthis.nativeElement ? this.nativeElement.size = value : undefined;\n\t}\n\n\t/** @description  */\n\t@Input()\n\tget sizeChanged(): any {\n\t\treturn this.nativeElement ? this.nativeElement.sizeChanged : undefined;\n\t}\n\tset sizeChanged(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.sizeChanged = value : undefined;\n\t}\n\n\t/** @description Specifies the permissible dimensions (such as small, medium, or large) that the ribbon item can be displayed in. This setting controls which size options are available for the ribbon item’s appearance within the user interface. */\n\t@Input()\n\tget allowedSizes(): any {\n\t\treturn this.nativeElement ? this.nativeElement.allowedSizes : undefined;\n\t}\n\tset allowedSizes(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.allowedSizes = value : undefined;\n\t}\n\n\t/** @description Specifies the icon displayed on the ribbon item. This property sets the visual symbol or graphic that represents the ribbon item in the user interface, allowing users to quickly identify its function. The icon can typically be defined using an icon name, image URL, or SVG markup, depending on the framework or library in use. */\n\t@Input()\n\tget icon(): string {\n\t\treturn this.nativeElement ? this.nativeElement.icon : undefined;\n\t}\n\tset icon(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.icon = value : undefined;\n\t}\n\n\t/** @description Controls the configuration options for the ribbon item. When the ribbon item is designated as a Smart Element, these settings are applied as its properties, allowing for dynamic customization of its appearance and behavior within the ribbon interface. */\n\t@Input()\n\tget settings(): RibbonItemSettings {\n\t\treturn this.nativeElement ? this.nativeElement.settings : undefined;\n\t}\n\tset settings(value: RibbonItemSettings) {\n\t\tthis.nativeElement ? this.nativeElement.settings = value : undefined;\n\t}\n\n\t/** @description Specifies the CSS class or classes to be applied to the ribbon item, allowing for customized styling and appearance. This property enables developers to control the visual presentation of individual ribbon items by assigning one or more class names. */\n\t@Input()\n\tget cssClass(): string {\n\t\treturn this.nativeElement ? this.nativeElement.cssClass : undefined;\n\t}\n\tset cssClass(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.cssClass = value : undefined;\n\t}\n\n\t/** @description Assigns a custom function to be executed when the ribbon item is clicked, enabling the implementation of specific actions or behaviors in response to user interaction. */\n\t@Input()\n\tget onItemClick(): any {\n\t\treturn this.nativeElement ? this.nativeElement.onItemClick : undefined;\n\t}\n\tset onItemClick(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.onItemClick = value : undefined;\n\t}\n\n\t/** @description Registers a handler function that will be triggered when the ribbon item's value or state changes, allowing you to respond dynamically to user interactions or programmatic updates. */\n\t@Input()\n\tget onItemChange(): any {\n\t\treturn this.nativeElement ? this.nativeElement.onItemChange : undefined;\n\t}\n\tset onItemChange(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.onItemChange = value : undefined;\n\t}\n\n\t/** @description Specifies the text that appears as a tooltip when users hover over the ribbon item, providing additional information or guidance about its function. */\n\t@Input()\n\tget tooltip(): string {\n\t\treturn this.nativeElement ? this.nativeElement.tooltip : undefined;\n\t}\n\tset tooltip(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.tooltip = value : undefined;\n\t}\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\tthis.nativeElement.classList.add('smart-angular');\n\n\t\tif (this.nativeElement.whenRendered) this.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });\n\t}\n\n\tngOnDestroy() {\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}\n","import { NgModule } from '@angular/core';\n\nimport { RibbonComponent } from './smart.ribbon';\nimport { CUSTOM_ELEMENTS_SCHEMA  } from '@angular/core';\nimport { RibbonTabComponent } from './smart.ribbontab';\nimport { RibbonGroupComponent } from './smart.ribbongroup';\nimport { RibbonItemComponent } from './smart.ribbonitem';\n\n@NgModule({\n    declarations: [RibbonComponent, RibbonTabComponent, RibbonGroupComponent, RibbonItemComponent],\n\tschemas: [CUSTOM_ELEMENTS_SCHEMA],\n\texports: [RibbonComponent, RibbonTabComponent, RibbonGroupComponent, RibbonItemComponent]\n})\n\nexport class RibbonModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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