@progress/kendo-angular-tooltip 19.1.2-develop.4 → 19.1.2-develop.6

package/fesm2022/progress-kendo-angular-tooltip.mjs

@@ -63,18 +63,17 @@ const ERRORS = {
 };
 
 /**
- * Arguments for the `show` event. The `show` event fires when a popover is about
- * to be opened. If you cancel the event, the opening is prevented.
+ * Provides arguments for the `show` event. The event fires when a popover is about to open. Cancel the event to prevent opening.
  */
 class PopoverShowEvent extends PreventableEvent {
     /**
-     * The host element related to the popover.
+     * Specifies the host element related to the Popover.
      */
     anchor;
     /**
      * @hidden
      * Constructs the event arguments for the `show` event.
-     * @param anchor - The host element related to the popover.
+     * @param anchor - The host element related to the Popover.
      */
     constructor(anchor) {
         super();
@@ -82,16 +81,15 @@ class PopoverShowEvent extends PreventableEvent {
     }
 }
 /**
- * Arguments for the `hide` event. The `hide` event fires when a popover is about
- * to be closed. If you cancel the event, the popover stays open.
+ * Provides arguments for the `hide` event. The event fires when a popover is about to close. Cancel the event to keep it open.
  */
 class PopoverHideEvent extends PreventableEvent {
     /**
-     * The host element related to the popover.
+     * Specifies the host element related to the Popover.
      */
     anchor;
     /**
-     * The popover element.
+     * Specifies the Popover element.
      */
     popover;
     /**
@@ -107,15 +105,15 @@ class PopoverHideEvent extends PreventableEvent {
     }
 }
 /**
- * Arguments for the `shown` event. The `shown` event fires after the popover has opened and its opening animation has finished.
+ * Provides arguments for the `shown` event. The event fires after the Popover has opened and its opening animation has finished.
  */
 class PopoverShownEvent {
     /**
-     * The host element related to the popover.
+     * Specifies the host element related to the Popover.
      */
     anchor;
     /**
-     * The popover element.
+     * Specifies the Popover element.
      */
     popover;
     /**
@@ -130,11 +128,11 @@ class PopoverShownEvent {
     }
 }
 /**
- * Arguments for the `hidden` event. The `hidden` event fires after the popover has closed and its closing animation has finished.
+ * Provides arguments for the `hidden` event. The event fires after the popover has closed and its closing animation has finished.
  */
 class PopoverHiddenEvent {
     /**
-     * The host element related to the popover.
+     * Specifies the host element related to the Popover.
      */
     anchor;
     /**
@@ -304,16 +302,25 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1750157044,
-    version: '19.1.2-develop.4',
+    publishDate: 1750433771,
+    version: '19.1.2-develop.6',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
 /**
- * Represents a template that defines the content of the Popover title.
+ * Represents the Kendo UI Popover title template directive for Angular.
+ * Use the `kendoPopoverTitleTemplate` directive to define a custom title template for the Popover component.
  *
  * To define the template, nest an `<ng-template>` tag
  * with the `kendoPopoverTitleTemplate` directive inside the `<kendo-popover>` tag.
+ *
+ * ```html
+ * <kendo-popover>
+ *   <ng-template kendoPopoverTitleTemplate>
+ *     Custom Title
+ *   </ng-template>
+ * </kendo-popover>
+ * ```
  */
 class PopoverTitleTemplateDirective {
     templateRef;
@@ -334,10 +341,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }]; } });
 
 /**
- * Represents a template that defines the content of the Popover body.
+ * Represents the Kendo UI Popover body template directive for Angular.
+ * Use the `kendoPopoverBodyTemplate` directive to define a custom body template for the Popover component.
  *
  * To define the template, nest an `<ng-template>` tag
  * with the `kendoPopoverBodyTemplate` directive inside the `<kendo-popover>` tag.
+ *
+ * ```html
+ * <kendo-popover>
+ *  <ng-template kendoPopoverBodyTemplate>
+ *   Custom Body Content
+ *  </ng-template>
+ * </kendo-popover>
+ * ```
  */
 class PopoverBodyTemplateDirective {
     templateRef;
@@ -358,10 +374,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }]; } });
 
 /**
- * Represents a template that defines the content of the Popover actions.
+ * Represents the Kendo UI Popover actions template directive for Angular.
+ * Use the `kendoPopoverActionsTemplate` directive to define a custom actions template for the Popover component.
  *
  * To define the template, nest an `<ng-template>` tag
  * with the `kendoPopoverActionsTemplate` directive inside the `<kendo-popover>` tag.
+ *
+ * ```html
+ * <kendo-popover>
+ *  <ng-template kendoPopoverActionsTemplate>
+ *    Custom Actions
+ *  </ng-template>
+ * </kendo-popover>
+ * ```
  */
 class PopoverActionsTemplateDirective {
     templateRef;
@@ -384,14 +409,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Represents the [Kendo UI Popover component for Angular]({% slug overview_popover %}).
- * Used to display additional information that is related to a target element.
+ * Displays additional information related to a target element.
  *
  * @example
- * ```ts-no-run
+ * ```html
  * <kendo-popover>
- *    <ng-template kendoPopoverTitleTemplate>Foo Title</ng-template>
- *    <ng-template kendoPopoverBodyTemplate>Foo Body</ng-template>
- *    <ng-template kendoPopoverActionsTemplate>Foo Actions</ng-template>
+ *   <ng-template kendoPopoverTitleTemplate>Title</ng-template>
+ *   <ng-template kendoPopoverBodyTemplate>Body</ng-template>
+ *   <ng-template kendoPopoverActionsTemplate>Actions</ng-template>
  * </kendo-popover>
  * ```
  */
@@ -405,19 +430,15 @@ class PopoverComponent {
      */
     anchor;
     /**
-     * Specifies the position of the Popover in relation to its anchor element. [See example]({% slug positioning_popover %})
+     * Specifies the position of the Popover relative to its anchor element. [See example]({% slug positioning_popover %}).
      *
-     * The possible options are:
-     * `top`
-     * `bottom`
-     * `right` (Default)
-     * `left`
+     * @default 'right'
      */
     position = 'right';
     /**
      * Specifies the distance from the Popover to its anchor element in pixels.
      *
-     * @default `6`
+     * @default 6
      */
     set offset(value) {
         this._offset = value;
@@ -429,7 +450,8 @@ class PopoverComponent {
             : this._offset;
     }
     /**
-     * Determines the width of the popover. Numeric values are treated as pixels.
+     * Determines the width of the Popover. Numeric values are treated as pixels.
+     *
      * @default 'auto'
      */
     set width(value) {
@@ -439,7 +461,8 @@ class PopoverComponent {
         return this._width;
     }
     /**
-     * Determines the height of the popover. Numeric values are treated as pixels.
+     * Determines the height of the Popover. Numeric values are treated as pixels.
+     *
      * @default 'auto'
      */
     set height(value) {
@@ -453,9 +476,7 @@ class PopoverComponent {
      */
     direction;
     /**
-     * Specifies the main header text of the Popover.
-     *
-     * If a `titleTemplate` is provided it would take precedence over the title.
+     * Specifies the main header text of the Popover. If a `titleTemplate` is provided, it takes precedence.
      */
     title;
     /**
@@ -466,31 +487,26 @@ class PopoverComponent {
      */
     subtitle;
     /**
-     * Represents the text that will be rendered in the Popover body section.
-     *
-     * If a `bodyTemplate` is provided it would take precedence over this text.
+     * Represents the text rendered in the Popover body section. If a `bodyTemplate` is provided, it takes precedence.
      */
     body;
     /**
-     * Determines whether a callout will be rendered along the Popover. [See example]({% slug callout_popover %})
+     * Determines whether a callout is rendered along the Popover. [See example]({% slug callout_popover %}).
      *
      * @default true
      */
     callout = true;
     /**
-     * Enables and configures the Popover animation. [See example]({% slug animations_popover %})
-     *
-     * The possible options are:
+     * Enables and configures the Popover animation. [See example]({% slug animations_popover %}).
      *
-     * * `boolean`&mdash;Enables the default animation
-     * * `PopoverAnimation`&mdash;A configuration object which allows setting the `direction`, `duration` and `type` of the animation.
+     * Accepts a boolean to enable the default animation, or a `PopoverAnimation` object for custom settings.
      *
      * @default false
      */
     animation = false;
     /**
-     * Defines a callback function which returns custom data passed to the Popover templates.
-     * It exposes the current anchor element as an argument. [See example](slug:templates_popover#toc-passing-data-to-templates)
+     * Defines a callback function that returns custom data for the Popover templates.
+     * The function exposes the `anchor` element as an argument and returns an object that can be used in the templates. [See example](slug:templates_popover#toc-passing-data-to-templates).
      */
     set templateData(fn) {
         if (isDevMode && typeof fn !== 'function') {
@@ -519,21 +535,19 @@ class PopoverComponent {
         return !this.visible;
     }
     /**
-     * Fires before the Popover is about to be shown ([see example]({% slug events_popover %})).
-     * The event is preventable. If canceled, the Popover will not be displayed. [See example]({% slug events_popover %})
+     * Fires before the Popover is shown. The event is preventable. If canceled, the Popover will not display. [See example]({% slug events_popover %}).
      */
     show = new EventEmitter();
     /**
-     * Fires after the Popover has been shown and the animation has ended. [See example]({% slug events_popover %})
+     * Fires after the Popover has been shown and the animation has ended. [See example]({% slug events_popover %}).
      */
     shown = new EventEmitter();
     /**
-     * Fires when the Popover is about to be hidden ([see example]({% slug events_popover %})).
-     * The event is preventable. If canceled, the Popover will remain visible.
+     * Fires when the Popover is about to be hidden. The event is preventable. If canceled, the Popover remains visible. [See example]({% slug events_popover %}).
      */
     hide = new EventEmitter();
     /**
-     * Fires after the Popover has been hidden and the animation has ended. [See example]({% slug events_popover %})
+     * Fires after the Popover has been hidden and the animation has ended. [See example]({% slug events_popover %}).
      */
     hidden = new EventEmitter();
     /**
@@ -845,12 +859,8 @@ class PopoverDirectivesBase {
     popupService;
     renderer;
     /**
-     * Specifies the popover instance that will be rendered.
-     * Accepts a [`PopoverComponent`]({% slug api_tooltip_popovercomponent %}) instance or
-     * a [`PopoverFn`]({% slug api_tooltip_popoverfn %}) callback which returns a [`PopoverComponent`]({% slug api_tooltip_popovercomponent %}) instance
-     * depending on the current anchor element.
-     *
-     * [See example](slug:templates_popover#toc-passing-data-to-templates)
+     * Specifies the popover instance to render.
+     * Accepts a [`PopoverComponent`]({% slug api_tooltip_popovercomponent %}) instance or a [`PopoverFn`]({% slug api_tooltip_popoverfn %}) callback that returns a [`PopoverComponent`]({% slug api_tooltip_popovercomponent %}) instance for the current anchor element. [See example](slug:templates_popover#toc-passing-data-to-templates).
      */
     set popover(value) {
         if (value instanceof PopoverComponent || typeof value === `function`) {
@@ -866,13 +876,7 @@ class PopoverDirectivesBase {
         return this._popover;
     }
     /**
-     * The event on which the Popover will be shown
-     *
-     * The supported values are:
-     * - `click` (default) &mdash;The Popover will be shown when its `anchor` element is clicked.
-     * - `hover`&mdash;The Popover will be shown when its `anchor` element is hovered.
-     * - `focus`&mdash;The Popover will be shown when its `anchor` element is focused.
-     * - `none`&mdash;The Popover will not be shown on user interaction. It could be rendered via the Popover API methods.
+     * Specifies the mouse action that triggers the popover to show. [See example]({% slug programmaticcontrol_popover %}).
      */
     set showOn(value) {
         if (isDevMode && !containsItem(validShowOptions, value)) {
@@ -941,7 +945,7 @@ class PopoverDirectivesBase {
         }
     }
     /**
-     * Hides the Popover ([See example]({% slug programmaticcontrol_popover %})).
+     * Hides the Popover. [See example]({% slug programmaticcontrol_popover %}).
      */
     hide() {
         this.closePopup();
@@ -1217,10 +1221,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Represents the [`kendoPopoverAnchor`](slug:configuration_popover#toc-popover-anchor) directive.
- * It is used to target an element, which should display a popover on interaction.
+ * Targets an element to display a popover on user interaction.
  *
  * @example
- * ```ts-no-run
+ * ```html
  * <button kendoPopoverAnchor [popover]="myPopover">Show Popover</button>
  * ```
  */
@@ -1376,14 +1380,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Represents the [`kendoPopoverContainer`](slug:configuration_popover#toc-popover-container) directive.
- * It is used to filter and target multiple elements, which should display a popover on interaction.
+ * Filters and targets multiple elements to display a popover on user interaction.
  *
  * @example
- * ```ts-no-run
+ * ```html
  * <div kendoPopoverContainer [popover]="myPopover" filter=".has-popover">
- *     <button class="has-popover">Show Popover</button>
- *     <button>Button Without Popover</button>
- *     <button class="has-popover">Show Popover</button>
+ *   <button class="has-popover">Show Popover</button>
+ *   <button>Button Without Popover</button>
+ *   <button class="has-popover">Show Popover</button>
  * </div>
  * ```
  */
@@ -1394,10 +1398,8 @@ class PopoverContainerDirective extends PopoverDirectivesBase {
     renderer;
     popoverService;
     /**
-     * Specifies a selector for the elements that should display a popover.
-     *
-     * The possible values include any valid query selector.
-     * [See example](slug:configuration_popover#toc-popover-container)
+     * Specifies a selector for the elements that display a popover. Accepts a CSS selector string similar to a [querySelector method](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector).
+     * [See example](slug:configuration_popover#toc-popover-container).
      */
     filter;
     constructor(wrapperEl, ngZone, popupService, renderer, popoverService) {
@@ -1412,7 +1414,7 @@ class PopoverContainerDirective extends PopoverDirectivesBase {
     /**
      * Shows the Popover.
      *
-     * @param anchor&mdash;Specifies the element that will be used as an anchor. The Popover opens relative to that element. [See example]({% slug programmaticcontrol_popover %})
+     * @param anchor - The element used as an anchor. The Popover opens relative to this element. [See example]({% slug programmaticcontrol_popover %}).
      */
     show(anchor) {
         if (this.popupRef) {
@@ -1426,9 +1428,9 @@ class PopoverContainerDirective extends PopoverDirectivesBase {
             .subscribe(() => this.hide());
     }
     /**
-     * Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %})
+     * Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %}).
      *
-     * @param anchor&mdash;Specifies the element that will be used as an anchor. The Popover opens relative to that element.
+     * @param anchor - The element used as an anchor. The Popover opens relative to this element.
      */
     toggle(anchor) {
         const previousAnchor = this.popupRef && this.popupRef.content.instance.anchor;
@@ -1819,66 +1821,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 const TOOLTIP_SETTINGS = new InjectionToken('kendo-ui-tooltip-settings');
 /**
- * Provides a global configuration for the Kendo UI Tooltip. Once injected through
- * the `AppComponent` constructor, the configuration properties can be overridden.
+ * Provides a global configuration for the Kendo UI Tooltip. Inject this class in the `AppComponent` constructor to override configuration properties.
  *
  * @example
- * ```ts-no-run
+ * ```typescript
  * import { TooltipSettings } from '@progress/kendo-angular-tooltip';
  *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *      <div kendoTooltip>
- *          <button title="Saves the current document">Save</button>
- *      </div>`,
- *    providers: [{
- *        provide: TooltipSettings,
- *        useFactory: (): TooltipSettings => ({
- *          // Override default values of tooltips if wanted
- *          position: 'right'
- *        })
- *    }]
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `<div kendoTooltip><button title="Save">Save</button></div>`,
+ *   providers: [{
+ *     provide: TooltipSettings,
+ *     useFactory: (): TooltipSettings => ({ position: 'right' })
+ *   }]
  * })
- * export class AppComponent { }
+ * export class AppComponent {}
  * ```
  */
 class TooltipSettings {
     /**
-     * Specifies if the Тooltip will display a callout arrow.
+     * Determines if the Tooltip displays a callout arrow.
      *
-     * The possible values are:
-     * * `true` (default)
-     * * `false`
+     * @default true
      */
     callout;
     /**
-     * Specifies the title of the close button.
+     * Sets the title of the **Close** button.
      */
     closeTitle;
     /**
-     * Specifies the position of the Tooltip that is
-     * relative to the anchor element.
+     * Specifies the position of the Tooltip relative to the anchor element.
      *
-     * The possible values are:
-     * * `top` (default)
-     * * `bottom`
-     * * `left`
-     * * `right`
+     * @default 'top'
      */
     position;
     /**
-     * Specifies when the Тooltip will be rendered.
+     * Specifies the mouse action that triggers the Tooltip to show.
      *
-     * The possible values are:
-     * * `hover` (default)
-     * * `click`
-     * * `none`
+     * @default 'hover'
      */
     showOn;
     /**
      * Specifies the delay in milliseconds before the Tooltip is shown.
-     * * `100` (default) milliseconds.
+     *
+     * @default 100
      */
     showAfter;
     /**
@@ -1895,12 +1881,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /**
  * Represents the [Kendo UI Tooltip directive for Angular]({% slug overview_tooltip %}).
- * Used to display additional information that is related to an element.
+ * Displays additional information related to an element.
  *
  * @example
- * ```ts-no-run
+ * ```html
  * <div kendoTooltip>
- *    <a title="Tooltip title" href="foo">foo</a>
+ *   <button kendoButton title="Save">Save</button>
  * </div>
  * ```
  */
@@ -1910,75 +1896,63 @@ class TooltipDirective {
     renderer;
     popupService;
     /**
-     * Specifies a selector for elements within a container which will display a tooltip
+     * Specifies a selector for elements within a container that display a tooltip
      * ([see example]({% slug anchorelements_tooltip %})). The possible values include any
-     * DOM `selector`. The default value is `[title]`.
+     * DOM `selector`.
+     * @default '[title]'
      */
     filter = '[title]';
     /**
-     * Specifies the position of the Tooltip that is relative to the
+     * Specifies the position of the Tooltip relative to the
      * anchor element ([see example]({% slug positioning_tooltip %})).
      *
-     * The possible values are:
-     * * `top` (default)
-     * * `bottom`
-     * * `left`
-     * * `right`
+     * @default 'top'
      */
     position = 'top';
     /**
-     * Renders the passed template as a header title of the Tooltip
-     * ([see example]({% slug anchorelements_tooltip %})).
+     * Sets the template for the tooltip header title. [See example]({% slug anchorelements_tooltip %}).
      */
     titleTemplate;
     /**
-     * Specifies when the Тooltip will be rendered
-     * ([see example]({% slug programmaticopening_tooltip %})).
-     *
-     * The possible values are:
-     * * `hover` (default)
-     * * `click`
-     * * `none`
+     * Specifies the mouse action that triggers the Tooltip to show. [See example]({% slug programmaticopening_tooltip %}).
      */
     showOn;
     /**
      * Specifies the delay in milliseconds before the Tooltip is shown.
-     * * `100` (default) milliseconds.
+     *
+     * @default 100
      */
     showAfter = 100;
     /**
-     * Specifies if the Тooltip will display a callout arrow.
+     * Determines if the Tooltip displays a callout arrow.
      *
-     * The possible values are:
-     * * `true` (default)
-     * * `false`
+     * @default true
      */
     callout = true;
     /**
-     * Specifies if the Тooltip will display a **Close** button
-     * ([see example]({% slug closable_tooltip %})).
+     * Determines if the Tooltip displays a **Close** button. [See example]({% slug closable_tooltip %}).
      *
-     * The possible values are:
-     * * `true`
-     * * `false`
+     * @default false
      */
     closable = false;
     /**
-     * Specifies the offset in pixels between the Tooltip and the anchor. Defaults to `6` pixels.
+     * Specifies the offset in pixels between the Tooltip and the anchor.
      * If the `callout` property is set to `true`, the offset is rendered from the callout arrow.
      * If the `callout` property is set to `false`, the offset is rendered from the content of the Tooltip.
+     *
+     * @default 6
      */
     offset = 6;
     /**
-     * Specifies the width of the Тooltip ([see example]({% slug anchorelements_tooltip %})).
+     * Sets the width of the Tooltip. [See example]({% slug anchorelements_tooltip %}).
      */
     tooltipWidth;
     /**
-     * Specifies the height of the Тooltip.
+     * Sets the height of the Tooltip.
      */
     tooltipHeight;
     /**
-     * Specifies a CSS class that will be added to the Tooltip.
+     * Sets a CSS class for the Tooltip.
      */
     tooltipClass;
     /**
@@ -1991,12 +1965,12 @@ class TooltipDirective {
      */
     collision;
     /**
-     * Specifies the title of the close button.
+     * Sets the title of the **Close** button.
      */
     closeTitle;
     /**
-     * Sets the content of the Tooltip as a template reference
-     * ([see example]({% slug templates_tooltip %})).
+     * Sets a custom content template for the Tooltip.
+     * The template is rendered inside the Tooltip content area. [See example]({% slug templates_tooltip %}).
      */
     set tooltipTemplate(value) {
         this.template = value;
@@ -2044,8 +2018,7 @@ class TooltipDirective {
     }
     /**
      * Shows the Tooltip.
-     * @param anchor&mdash; ElementRef|Element.
-     * Specifies the element that will be used as an anchor. The Tooltip opens relative to that element.
+     * @param anchor - The element used as an anchor. The Tooltip opens relative to this element.
      */
     show(anchor) {
         if (this.popupRef) {
@@ -2088,10 +2061,9 @@ class TooltipDirective {
         this.closePopup();
     }
     /**
-     * Toggle visibility of the Tooltip.
-     *
-     * @param anchor&mdash; ElementRef|Element. Specifies the element that will be used as an anchor.
-     * @param show&mdash; Optional. Boolean. Specifies if the Tooltip will be rendered.
+     * Toggles the visibility of the Tooltip.
+     * @param anchor - The element used as an anchor.
+     * @param show - Optional. Boolean. Specifies if the Tooltip is rendered.
      */
     toggle(anchor, show) {
         const previousAnchor = this.anchor && this.anchor.nativeElement;
@@ -2382,7 +2354,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Utility array that contains all `Tooltip` related components and directives
+ * Use this utility array to access all Tooltip-related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_TOOLTIP } from '@progress/kendo-angular-tooltip';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_TOOLTIP],
+ *   template: `
+ *      <div kendoTooltip>
+ *          <button kendoButton title="Save">Save</button>
+ *      </div>
+ *   `
+ * })
+ * export class AppComponent {}
+ * ```
  */
 const KENDO_TOOLTIP = [
     TooltipDirective,
@@ -2390,7 +2380,27 @@ const KENDO_TOOLTIP = [
     LocalizedMessagesDirective
 ];
 /**
- * Utility array that contains all `Popover` related components and directives
+ * Use this utility array to access all Popover-related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_POPOVER } from '@progress/kendo-angular-tooltip';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_POPOVER],
+ *   template: `
+ *      <div kendoPopoverAnchor [popover]="myPopover">
+ *          <button kendoButton>Open Popover</button>
+ *      </div>
+ *      <kendo-popover #myPopover title="Popover Title" body="Popover Body">
+ *      </kendo-popover>
+ *   `
+ * })
+ * export class AppComponent {}
+ * ```
  */
 const KENDO_POPOVER = [
     PopoverComponent,
@@ -2401,7 +2411,31 @@ const KENDO_POPOVER = [
     PopoverContainerDirective
 ];
 /**
- * Utility array that contains all `@progress/kendo-angular-tooltip` related components and directives
+ * Use this utility array to access all `@progress/kendo-angular-tooltip`-related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_TOOLTIPS } from '@progress/kendo-angular-tooltip';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_TOOLTIPS],
+ *   template: `
+ *      <div kendoTooltip>
+ *          <button kendoButton title="Save">Save</button>
+ *      </div>
+ *
+ *      <div kendoPopoverAnchor [popover]="myPopover">
+ *          <button kendoButton>Open Popover</button>
+ *      </div>
+ *      <kendo-popover #myPopover title="Popover Title" body="Popover Body">
+ *      </kendo-popover>
+ *  `
+ * })
+ * export class AppComponent {}
+ * ```
  */
 const KENDO_TOOLTIPS = [
     ...KENDO_TOOLTIP,
@@ -2410,33 +2444,24 @@ const KENDO_TOOLTIPS = [
 
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Tooltip component.
  *
  * The package exports:
- * - `KendoTooltipDirective`&mdash;The Tooltip directive class.
+ * - `KendoTooltipDirective` — The Tooltip directive class.
  *
  * @example
- *
- * ```ts-no-run
- * // Import the Tooltip module
+ * ```typescript
  * import { TooltipModule } from '@progress/kendo-angular-tooltip';
- *
- * // The browser platform with a compiler
  * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
  * import { NgModule } from '@angular/core';
  *
- * // Import the app component
- * _@NgModule{{
- *    declarations: [AppComponent], // declare app component
- *    imports:      [BrowserModule, TooltipModule], // import TooltipModule module
+ * @NgModule{{
+ *    declarations: [AppComponent],
+ *    imports:      [BrowserModule, TooltipModule],
  *    bootstrap:    [AppComponent]
  * }}
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
  * ```
  */
 class TooltipModule {
@@ -2455,28 +2480,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Popover component.
  *
  * @example
- *
- * ```ts-no-run
+ * ```typescript
  * import { PopoverModule } from '@progress/kendo-angular-tooltip';
  *
  * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
  * import { NgModule } from '@angular/core';
- *
  * import { AppComponent } from './app.component';
  *
- * _@NgModule({
+ * @NgModule({
  *     declarations: [AppComponent],
  *     imports:      [BrowserModule, PopoverModule],
  *     bootstrap:    [AppComponent]
  * })
  * export class AppModule {}
- *
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 class PopoverModule {
@@ -2495,29 +2515,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Tooltips components.
  *
  * @example
- *
- * ```ts-no-run
+ * ```typescript
  * import { TooltipsModule } from '@progress/kendo-angular-tooltip';
- *
- * // The browser platform with a compiler
  * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
  * import { NgModule } from '@angular/core';
  *
- * // Import the app component
- * _@NgModule{{
- *    declarations: [AppComponent], // declare app component
- *    imports:      [BrowserModule, TooltipsModule], // import TooltipsModule module
+ * @NgModule{{
+ *    declarations: [AppComponent],
+ *    imports:      [BrowserModule, TooltipsModule],
  *    bootstrap:    [AppComponent]
  * }}
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
  * ```
  */
 class TooltipsModule {