@progress/kendo-vue-common 8.0.3-develop.4 → 8.1.0-develop.2

package/index.mjs

@@ -8,166 +8,175 @@
 import { classNames as r } from "./classNames.mjs";
 import { guid as a } from "./guid.mjs";
 import { Keys as p } from "./keys.mjs";
-import { canUseDOM as n } from "./canUseDOM.mjs";
-import { getRef as f, setRef as x } from "./refs.mjs";
-import { firstFocusableChild as l, focusContainer as c, focusFirstFocusableChild as d, focusLastFocusableChild as g, lastFocusableChild as D } from "./focus.mjs";
-import { Draggable as P } from "./Draggable.mjs";
-import { clone as h, cloneArray as M, cloneDate as T, cloneObject as E, cloneValue as S } from "./clone.mjs";
-import { isObject as B } from "./isObject.mjs";
-import { noop as R } from "./noop.mjs";
-import { getter as C } from "./getter.mjs";
-import { setter as k } from "./setter.mjs";
-import { getListeners as N, hasListener as O } from "./listeners.mjs";
-import { getTemplate as G, templateDefinition as U, templateRendering as V } from "./templateRendering.mjs";
-import { getTabIndex as j } from "./getTabIndex.mjs";
-import { getDefaultSlots as W } from "./defaultSlots.mjs";
-import { getDir as z, isRtl as X } from "./isRtl.mjs";
-import { getLicenseMessage as J, shouldShowValidationUI as Q, validatePackage as Y } from "./validate-package.mjs";
-import { AdaptiveModeProvider as $ } from "./providers/AdaptiveModeProvider.mjs";
-import { ADAPTIVE_MEDIUM_BREAKPOINT as oe, ADAPTIVE_SMALL_BREAKPOINT as re, FIELD_REGEX as te } from "./constants/main.mjs";
-import { kendoThemeMaps as ie } from "./theme.mjs";
-import { extendDataItem as me, getItemPath as ne, getNestedValue as se, mapTree as fe, mapTreeItem as xe } from "./treeDataOperations.mjs";
-import { BrowserSupportService as le } from "./browser-support.service.mjs";
-import { getScrollbarWidth as de, setScrollbarWidth as ge } from "./scrollbarWidth.mjs";
-import { hasRelativeStackingContext as Ie } from "./hasRelativeStackingContext.mjs";
-import { Icon as be } from "./icons/Icon.mjs";
-import { FontIcon as Me } from "./icons/FontIcon.mjs";
-import { SvgIcon as Ee } from "./icons/SvgIcon.mjs";
-import { getIconName as Ae } from "./icons/getIconName.mjs";
-import { FOCUSABLE_ELEMENTS as Le, Navigation as Re } from "./navigation.mjs";
-import { getActiveElement as Ce, getInnerActiveElement as Fe } from "./getActiveElement.mjs";
-import { WatermarkOverlay as we } from "./watermark/WatermarkOverlay.mjs";
-import { RowHeightService as Oe } from "./rowHeightService.mjs";
-import { actions as Ge, animationStyles as Ue, base as Ve, buttonPrefix as ye, calendarPrefix as je, comboBoxPrefix as Ke, components as We, containers as He, cssUtils as ze, cursor as Xe, dateInputs as qe, ddbPrefix as Je, dimensions as Qe, directionMap as Ye, dropDownListPrefix as Ze, elements as $e, fillModeMap as eo, forms as oo, grid as ro, gridPrefix as to, gridRowReorder as ao, icon as io, inputPrefix as po, inputs as mo, jsonTheme as no, labels as so, maskedPrefix as fo, orientationMap as xo, pickerPrefix as uo, popup as lo, radioPrefix as co, roundedMap as go, sizeMap as Do, states as Io, themeColorMap as Po } from "./unstyled/json-classes.mjs";
-import { radioButtonClasses as ho, radioGroupClasses as Mo, uInput as To, uMaskedTextBox as Eo, uRadioButton as So, uRadioGroup as Ao, uTextBox as Bo } from "./unstyled/inputs.mjs";
-import { uAnimation as Ro } from "./unstyled/animations.mjs";
-import { uButton as Co, uButtonGroup as Fo, uDropDownButton as ko } from "./unstyled/buttons.mjs";
-import { uCalendar as No, uDateInput as Oo, uDateTimePicker as _o, uTime as Go, uTimePicker as Uo } from "./unstyled/dateinputs.mjs";
-import { uComboBox as yo, uDropDownList as jo, uDropDownsActionSheet as Ko, uDropDownsBase as Wo } from "./unstyled/dropdowns.mjs";
-import { uError as zo, uFloatingLabel as Xo, uHint as qo, uLabel as Jo } from "./unstyled/labels.mjs";
-import { uForm as Yo } from "./unstyled/form.mjs";
-import { uGrid as $o } from "./unstyled/grid.mjs";
-import { uPopup as or } from "./unstyled/popup.mjs";
-import { uSvgIcon as tr } from "./unstyled/icons.mjs";
+import { canUseDOM as m } from "./canUseDOM.mjs";
+import { getComponentElementRef as f, getRef as x, setRef as u } from "./refs.mjs";
+import { firstFocusableChild as c, focusContainer as d, focusFirstFocusableChild as g, focusLastFocusableChild as E, lastFocusableChild as b } from "./focus.mjs";
+import { Draggable as I } from "./Draggable.mjs";
+import { clone as T, cloneArray as B, cloneDate as S, cloneObject as A, cloneValue as C } from "./clone.mjs";
+import { applyTrappedFocus as h, disableNavigatableContainer as L, enableNavigatableContainer as v, focusableChildren as R, keepFocusInContainer as F } from "./trappedFocus.mjs";
+import { isObject as k } from "./isObject.mjs";
+import { noop as _ } from "./noop.mjs";
+import { getter as U } from "./getter.mjs";
+import { setter as G } from "./setter.mjs";
+import { getListeners as j, hasListener as K } from "./listeners.mjs";
+import { getTemplate as H, templateDefinition as z, templateRendering as X } from "./templateRendering.mjs";
+import { getTabIndex as J } from "./getTabIndex.mjs";
+import { getDefaultSlots as Y } from "./defaultSlots.mjs";
+import { getDir as $, isRtl as ee } from "./isRtl.mjs";
+import { getLicenseMessage as re, shouldShowValidationUI as te, validatePackage as ae } from "./validate-package.mjs";
+import { AdaptiveModeProvider as pe } from "./providers/AdaptiveModeProvider.mjs";
+import { ADAPTIVE_MEDIUM_BREAKPOINT as me, ADAPTIVE_SMALL_BREAKPOINT as se, FIELD_REGEX as fe, FOCUSABLE_ELEMENTS as xe, FOCUSABLE_ELEMENTS_BASE as ue, TABBABLE_ELEMENTS as le } from "./constants/main.mjs";
+import { kendoThemeMaps as de } from "./theme.mjs";
+import { extendDataItem as Ee, getItemPath as be, getNestedValue as De, mapTree as Ie, mapTreeItem as Pe } from "./treeDataOperations.mjs";
+import { BrowserSupportService as Be } from "./browser-support.service.mjs";
+import { getScrollbarWidth as Ae, setScrollbarWidth as Ce } from "./scrollbarWidth.mjs";
+import { hasRelativeStackingContext as he } from "./hasRelativeStackingContext.mjs";
+import { Icon as ve } from "./icons/Icon.mjs";
+import { FontIcon as Fe } from "./icons/FontIcon.mjs";
+import { SvgIcon as ke } from "./icons/SvgIcon.mjs";
+import { getIconName as _e } from "./icons/getIconName.mjs";
+import { Navigation as Ue } from "./navigation.mjs";
+import { getActiveElement as Ge, getInnerActiveElement as Ve } from "./getActiveElement.mjs";
+import { WatermarkOverlay as Ke } from "./watermark/WatermarkOverlay.mjs";
+import { RowHeightService as He } from "./rowHeightService.mjs";
+import { actions as Xe, animationStyles as qe, base as Je, buttonPrefix as Qe, calendarPrefix as Ye, comboBoxPrefix as Ze, components as $e, containers as eo, cssUtils as oo, cursor as ro, dateInputs as to, ddbPrefix as ao, dimensions as io, directionMap as po, dropDownListPrefix as no, elements as mo, fillModeMap as so, forms as fo, grid as xo, gridPrefix as uo, gridRowReorder as lo, icon as co, inputPrefix as go, inputs as Eo, jsonTheme as bo, labels as Do, maskedPrefix as Io, orientationMap as Po, pickerPrefix as To, popup as Bo, radioPrefix as So, roundedMap as Ao, sizeMap as Co, states as Mo, themeColorMap as ho } from "./unstyled/json-classes.mjs";
+import { radioButtonClasses as vo, radioGroupClasses as Ro, uInput as Fo, uMaskedTextBox as No, uRadioButton as ko, uRadioGroup as wo, uTextBox as _o } from "./unstyled/inputs.mjs";
+import { uAnimation as Uo } from "./unstyled/animations.mjs";
+import { uButton as Go, uButtonGroup as Vo, uDropDownButton as jo } from "./unstyled/buttons.mjs";
+import { uCalendar as Wo, uDateInput as Ho, uDateTimePicker as zo, uTime as Xo, uTimePicker as qo } from "./unstyled/dateinputs.mjs";
+import { uComboBox as Qo, uDropDownList as Yo, uDropDownsActionSheet as Zo, uDropDownsBase as $o } from "./unstyled/dropdowns.mjs";
+import { uError as or, uFloatingLabel as rr, uHint as tr, uLabel as ar } from "./unstyled/labels.mjs";
+import { uForm as pr } from "./unstyled/form.mjs";
+import { uGrid as mr } from "./unstyled/grid.mjs";
+import { uPopup as fr } from "./unstyled/popup.mjs";
+import { uSvgIcon as ur } from "./unstyled/icons.mjs";
 export {
-  oe as ADAPTIVE_MEDIUM_BREAKPOINT,
-  re as ADAPTIVE_SMALL_BREAKPOINT,
-  $ as AdaptiveModeProvider,
-  le as BrowserSupportService,
-  P as Draggable,
-  te as FIELD_REGEX,
-  Le as FOCUSABLE_ELEMENTS,
-  Me as FontIcon,
-  be as Icon,
+  me as ADAPTIVE_MEDIUM_BREAKPOINT,
+  se as ADAPTIVE_SMALL_BREAKPOINT,
+  pe as AdaptiveModeProvider,
+  Be as BrowserSupportService,
+  I as Draggable,
+  fe as FIELD_REGEX,
+  xe as FOCUSABLE_ELEMENTS,
+  ue as FOCUSABLE_ELEMENTS_BASE,
+  Fe as FontIcon,
+  ve as Icon,
   p as Keys,
-  Re as Navigation,
-  Oe as RowHeightService,
-  Ee as SvgIcon,
-  we as WatermarkOverlay,
-  Ge as actions,
-  Ue as animationStyles,
-  Ve as base,
-  ye as buttonPrefix,
-  je as calendarPrefix,
-  n as canUseDOM,
+  Ue as Navigation,
+  He as RowHeightService,
+  ke as SvgIcon,
+  le as TABBABLE_ELEMENTS,
+  Ke as WatermarkOverlay,
+  Xe as actions,
+  qe as animationStyles,
+  h as applyTrappedFocus,
+  Je as base,
+  Qe as buttonPrefix,
+  Ye as calendarPrefix,
+  m as canUseDOM,
   r as classNames,
-  h as clone,
-  M as cloneArray,
-  T as cloneDate,
-  E as cloneObject,
-  S as cloneValue,
-  Ke as comboBoxPrefix,
-  We as components,
-  He as containers,
-  ze as cssUtils,
-  Xe as cursor,
-  qe as dateInputs,
-  Je as ddbPrefix,
-  Qe as dimensions,
-  Ye as directionMap,
-  Ze as dropDownListPrefix,
-  $e as elements,
-  me as extendDataItem,
-  eo as fillModeMap,
-  l as firstFocusableChild,
-  c as focusContainer,
-  d as focusFirstFocusableChild,
-  g as focusLastFocusableChild,
-  oo as forms,
-  Ce as getActiveElement,
-  W as getDefaultSlots,
-  z as getDir,
-  Ae as getIconName,
-  Fe as getInnerActiveElement,
-  ne as getItemPath,
-  J as getLicenseMessage,
-  N as getListeners,
-  se as getNestedValue,
-  f as getRef,
-  de as getScrollbarWidth,
-  j as getTabIndex,
-  G as getTemplate,
-  C as getter,
-  ro as grid,
-  to as gridPrefix,
-  ao as gridRowReorder,
+  T as clone,
+  B as cloneArray,
+  S as cloneDate,
+  A as cloneObject,
+  C as cloneValue,
+  Ze as comboBoxPrefix,
+  $e as components,
+  eo as containers,
+  oo as cssUtils,
+  ro as cursor,
+  to as dateInputs,
+  ao as ddbPrefix,
+  io as dimensions,
+  po as directionMap,
+  L as disableNavigatableContainer,
+  no as dropDownListPrefix,
+  mo as elements,
+  v as enableNavigatableContainer,
+  Ee as extendDataItem,
+  so as fillModeMap,
+  c as firstFocusableChild,
+  d as focusContainer,
+  g as focusFirstFocusableChild,
+  E as focusLastFocusableChild,
+  R as focusableChildren,
+  fo as forms,
+  Ge as getActiveElement,
+  f as getComponentElementRef,
+  Y as getDefaultSlots,
+  $ as getDir,
+  _e as getIconName,
+  Ve as getInnerActiveElement,
+  be as getItemPath,
+  re as getLicenseMessage,
+  j as getListeners,
+  De as getNestedValue,
+  x as getRef,
+  Ae as getScrollbarWidth,
+  J as getTabIndex,
+  H as getTemplate,
+  U as getter,
+  xo as grid,
+  uo as gridPrefix,
+  lo as gridRowReorder,
   a as guid,
-  O as hasListener,
-  Ie as hasRelativeStackingContext,
-  io as icon,
-  po as inputPrefix,
-  mo as inputs,
-  B as isObject,
-  X as isRtl,
-  no as jsonTheme,
-  ie as kendoThemeMaps,
-  so as labels,
-  D as lastFocusableChild,
-  fe as mapTree,
-  xe as mapTreeItem,
-  fo as maskedPrefix,
-  R as noop,
-  xo as orientationMap,
-  uo as pickerPrefix,
-  lo as popup,
-  ho as radioButtonClasses,
-  Mo as radioGroupClasses,
-  co as radioPrefix,
-  go as roundedMap,
-  x as setRef,
-  ge as setScrollbarWidth,
-  k as setter,
-  Q as shouldShowValidationUI,
-  Do as sizeMap,
-  Io as states,
-  U as templateDefinition,
-  V as templateRendering,
-  Po as themeColorMap,
-  Ro as uAnimation,
-  Co as uButton,
-  Fo as uButtonGroup,
-  No as uCalendar,
-  yo as uComboBox,
-  Oo as uDateInput,
-  _o as uDateTimePicker,
-  ko as uDropDownButton,
-  jo as uDropDownList,
-  Ko as uDropDownsActionSheet,
-  Wo as uDropDownsBase,
-  zo as uError,
-  Xo as uFloatingLabel,
-  Yo as uForm,
-  $o as uGrid,
-  qo as uHint,
-  To as uInput,
-  Jo as uLabel,
-  Eo as uMaskedTextBox,
-  or as uPopup,
-  So as uRadioButton,
-  Ao as uRadioGroup,
-  tr as uSvgIcon,
-  Bo as uTextBox,
-  Go as uTime,
-  Uo as uTimePicker,
-  Y as validatePackage
+  K as hasListener,
+  he as hasRelativeStackingContext,
+  co as icon,
+  go as inputPrefix,
+  Eo as inputs,
+  k as isObject,
+  ee as isRtl,
+  bo as jsonTheme,
+  F as keepFocusInContainer,
+  de as kendoThemeMaps,
+  Do as labels,
+  b as lastFocusableChild,
+  Ie as mapTree,
+  Pe as mapTreeItem,
+  Io as maskedPrefix,
+  _ as noop,
+  Po as orientationMap,
+  To as pickerPrefix,
+  Bo as popup,
+  vo as radioButtonClasses,
+  Ro as radioGroupClasses,
+  So as radioPrefix,
+  Ao as roundedMap,
+  u as setRef,
+  Ce as setScrollbarWidth,
+  G as setter,
+  te as shouldShowValidationUI,
+  Co as sizeMap,
+  Mo as states,
+  z as templateDefinition,
+  X as templateRendering,
+  ho as themeColorMap,
+  Uo as uAnimation,
+  Go as uButton,
+  Vo as uButtonGroup,
+  Wo as uCalendar,
+  Qo as uComboBox,
+  Ho as uDateInput,
+  zo as uDateTimePicker,
+  jo as uDropDownButton,
+  Yo as uDropDownList,
+  Zo as uDropDownsActionSheet,
+  $o as uDropDownsBase,
+  or as uError,
+  rr as uFloatingLabel,
+  pr as uForm,
+  mr as uGrid,
+  tr as uHint,
+  Fo as uInput,
+  ar as uLabel,
+  No as uMaskedTextBox,
+  fr as uPopup,
+  ko as uRadioButton,
+  wo as uRadioGroup,
+  ur as uSvgIcon,
+  _o as uTextBox,
+  Xo as uTime,
+  qo as uTimePicker,
+  ae as validatePackage
 };

package/navigation.d.ts

@@ -5,10 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-/**
- * @hidden
- */
-export declare const FOCUSABLE_ELEMENTS: string[];
 /**
  * @hidden
  */

package/navigation.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"];class r{constructor(t){this.rovingTabIndex=!0,this.update=()=>{},this.focusNextIndex=(e,n)=>{const s=this.elements;let o=s.indexOf(e)+n;o=o<0?s.length-1:o,this.focusElement(s[o%s.length],e)},this.tabIndex=t.tabIndex||0,this.root=t.root,this.selectors=t.selectors,this.rovingTabIndex=t.rovingTabIndex!==void 0?t.rovingTabIndex:!0,this.mouseEvents=t.mouseEvents||{},this.keyboardEvents=t.keyboardEvents||{}}get elements(){return this.root?Array.from(this.root.querySelectorAll(this.selectors.join(","))):[]}get first(){return this.root&&this.root.querySelector(this.selectors.join(","))||null}get last(){const t=this.elements;return t[t.length-1]||null}get current(){return this.elements.find(t=>t.matches(":focus"))||null}focusNext(t){this.focusNextIndex(t,1)}focusPrevious(t){this.focusNextIndex(t,-1)}triggerKeyboardEvent(t){const e=t.target instanceof Element&&t.target.closest(this.selectors.join(",")),n=t.key===" "?"Space":t.key,s=t.type;e&&this.keyboardEvents[s][n]&&this.keyboardEvents[s][n].call(void 0,e,this,t)}triggerMouseEvent(t){const e=t.target instanceof Element&&t.target.closest(this.selectors.join(",")),n=t.type;e&&this.mouseEvents[n].call(void 0,e,this,t)}focusElement(t,e){t&&(e&&(this.rovingTabIndex&&e.removeAttribute("tabindex"),e.classList.remove("k-focus")),this.rovingTabIndex&&t.setAttribute("tabindex",String(this.tabIndex)),t.focus({preventScroll:!0}))}}exports.FOCUSABLE_ELEMENTS=i;exports.Navigation=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class i{constructor(t){this.rovingTabIndex=!0,this.update=()=>{},this.focusNextIndex=(e,n)=>{const s=this.elements;let r=s.indexOf(e)+n;r=r<0?s.length-1:r,this.focusElement(s[r%s.length],e)},this.tabIndex=t.tabIndex||0,this.root=t.root,this.selectors=t.selectors,this.rovingTabIndex=t.rovingTabIndex!==void 0?t.rovingTabIndex:!0,this.mouseEvents=t.mouseEvents||{},this.keyboardEvents=t.keyboardEvents||{}}get elements(){return this.root?Array.from(this.root.querySelectorAll(this.selectors.join(","))):[]}get first(){return this.root&&this.root.querySelector(this.selectors.join(","))||null}get last(){const t=this.elements;return t[t.length-1]||null}get current(){return this.elements.find(t=>t.matches(":focus"))||null}focusNext(t){this.focusNextIndex(t,1)}focusPrevious(t){this.focusNextIndex(t,-1)}triggerKeyboardEvent(t){const e=t.target instanceof Element&&t.target.closest(this.selectors.join(",")),n=t.key===" "?"Space":t.key,s=t.type;e&&this.keyboardEvents[s][n]&&this.keyboardEvents[s][n].call(void 0,e,this,t)}triggerMouseEvent(t){const e=t.target instanceof Element&&t.target.closest(this.selectors.join(",")),n=t.type;e&&this.mouseEvents[n].call(void 0,e,this,t)}focusElement(t,e){t&&(e&&(this.rovingTabIndex&&e.removeAttribute("tabindex"),e.classList.remove("k-focus")),this.rovingTabIndex&&t.setAttribute("tabindex",String(this.tabIndex)),t.focus({preventScroll:!0}))}}exports.Navigation=i;

package/navigation.mjs

@@ -5,28 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const i = [
-  "input:not([disabled]):not([type=hidden])",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  "button:not([disabled])",
-  "a[href]",
-  "area[href]",
-  "summary",
-  "iframe",
-  "object",
-  "embed",
-  "audio[controls]",
-  "video[controls]",
-  "[contenteditable]"
-];
-class a {
+class o {
   constructor(t) {
     this.rovingTabIndex = !0, this.update = () => {
     }, this.focusNextIndex = (e, n) => {
       const s = this.elements;
-      let o = s.indexOf(e) + n;
-      o = o < 0 ? s.length - 1 : o, this.focusElement(s[o % s.length], e);
+      let r = s.indexOf(e) + n;
+      r = r < 0 ? s.length - 1 : r, this.focusElement(s[r % s.length], e);
     }, this.tabIndex = t.tabIndex || 0, this.root = t.root, this.selectors = t.selectors, this.rovingTabIndex = t.rovingTabIndex !== void 0 ? t.rovingTabIndex : !0, this.mouseEvents = t.mouseEvents || {}, this.keyboardEvents = t.keyboardEvents || {};
   }
   get elements() {
@@ -61,6 +46,5 @@ class a {
   }
 }
 export {
-  i as FOCUSABLE_ELEMENTS,
-  a as Navigation
+  o as Navigation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-common",
-  "version": "8.0.3-develop.4",
+  "version": "8.1.0-develop.2",
   "description": "Kendo UI for Vue Common Utilities package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",

package/refs.d.ts

@@ -5,6 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+/**
+ * @hidden
+ */
+export declare function getComponentElementRef(comp: any, refName: string): any;
 /**
  * @hidden
  */

package/refs.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(e,t){return e[`${t}Ref`]}function r(e,t){return f=>{e[`${t}Ref`]=f}}exports.getRef=n;exports.setRef=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function f(t,n){var o;const e=(o=t[`${n}Ref`])==null?void 0:o.$el;return e&&(e.nodeType===3||e.nodeType===8)?e.nextElementSibling:e}function r(t,n){return t[`${n}Ref`]}function l(t,n){return e=>{t[`${n}Ref`]=e}}exports.getComponentElementRef=f;exports.getRef=r;exports.setRef=l;

package/refs.mjs

@@ -5,15 +5,21 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-function n(e, t) {
-  return e[`${t}Ref`];
+function f(n, t) {
+  var o;
+  const e = (o = n[`${t}Ref`]) == null ? void 0 : o.$el;
+  return e && (e.nodeType === 3 || e.nodeType === 8) ? e.nextElementSibling : e;
 }
-function r(e, t) {
-  return (f) => {
-    e[`${t}Ref`] = f;
+function r(n, t) {
+  return n[`${t}Ref`];
+}
+function u(n, t) {
+  return (e) => {
+    n[`${t}Ref`] = e;
   };
 }
 export {
-  n as getRef,
-  r as setRef
+  f as getComponentElementRef,
+  r as getRef,
+  u as setRef
 };

package/trappedFocus.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const focusableChildren: (element: HTMLElement, elementsSelectors?: string[]) => HTMLElement[] | [
+];
+/**
+ * @hidden
+ */
+export declare const firstFocusableChild: (element: HTMLElement, elementsSelectors?: string[]) => HTMLElement | undefined;
+/**
+ * @hidden
+ */
+export declare const lastFocusableChild: (element: HTMLElement, elementsSelectors?: string[]) => HTMLElement | undefined;
+/**
+ * @hidden
+ */
+export declare const focusFirstFocusableChild: (element: HTMLElement, elementsSelectors?: string[]) => void;
+/**
+ * @hidden
+ */
+export declare const focusLastFocusableChild: (element: HTMLElement, elementsSelectors?: string[]) => void;
+/**
+ * @hidden
+ */
+export declare const keepFocusInContainer: (e: KeyboardEvent, containerElement?: HTMLElement | null, elementsSelectors?: string[]) => void;
+/**
+ * @hidden
+ */
+export declare const applyTrappedFocus: (e: KeyboardEvent, containerElement: HTMLElement, updateFocusedState?: (isContainerFocused: boolean) => void, elementsSelectors?: string[]) => void;
+/**
+ * @hidden
+ */
+export declare const enableNavigatableContainer: (containerElement: HTMLElement, elementsSelectors?: string[]) => void;
+/**
+ * @hidden
+ */
+export declare const disableNavigatableContainer: (containerElement: HTMLElement, elementsSelectors?: string[]) => void;

package/trappedFocus.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./keys.js"),f=require("./constants/main.js"),e=(s,i=f.FOCUSABLE_ELEMENTS)=>s.querySelectorAll(i.join(",")),l=(s,i=f.FOCUSABLE_ELEMENTS)=>{if(s){const t=e(s,i);if(t.length&&t[0].focus)return t[0]}},n=(s,i=f.FOCUSABLE_ELEMENTS)=>{if(s){const t=e(s,i);if(t.length&&t[t.length-1].focus)return t[t.length-1]}},u=(s,i)=>{if(s){const t=l(s,i);t&&t.focus()}},c=(s,i,t)=>{if(!(!i||s.keyCode!==a.Keys.tab)&&i){const o=l(i,t),r=n(i,t);o&&r&&!s.shiftKey&&s.target===r&&(s.preventDefault(),o.focus()),o&&r&&s.shiftKey&&s.target===o&&(s.preventDefault(),r.focus()),o||s.preventDefault()}},C=(s,i,t,o)=>{let r=!0;if(s.keyCode!==a.Keys.enter&&s.target===i){t&&t(!1);return}s.keyCode===a.Keys.enter&&s.target===i?setTimeout(()=>{u(i,o)},1):s.keyCode===a.Keys.esc?i.focus():c(s,i,o),t&&t(r)},b=(s,i)=>{const t=e(s,i);t==null||t.forEach(o=>{o.tabIndex=0})},d=(s,i)=>{const t=e(s,i);t==null||t.forEach(o=>{o.tabIndex=-1})};exports.applyTrappedFocus=C;exports.disableNavigatableContainer=d;exports.enableNavigatableContainer=b;exports.firstFocusableChild=l;exports.focusFirstFocusableChild=u;exports.focusableChildren=e;exports.keepFocusInContainer=c;exports.lastFocusableChild=n;

package/trappedFocus.mjs

@@ -0,0 +1,63 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Keys as r } from "./keys.mjs";
+import { FOCUSABLE_ELEMENTS as u } from "./constants/main.mjs";
+const c = (t, s = u) => t.querySelectorAll(s.join(",")), a = (t, s = u) => {
+  if (t) {
+    const f = c(t, s);
+    if (f.length && f[0].focus)
+      return f[0];
+  }
+}, n = (t, s = u) => {
+  if (t) {
+    const f = c(t, s);
+    if (f.length && f[f.length - 1].focus)
+      return f[f.length - 1];
+  }
+}, l = (t, s) => {
+  if (t) {
+    const f = a(t, s);
+    f && f.focus();
+  }
+}, h = (t, s, f) => {
+  if (!(!s || t.keyCode !== r.tab) && s) {
+    const o = a(s, f), i = n(s, f);
+    o && i && !t.shiftKey && t.target === i && (t.preventDefault(), o.focus()), o && i && t.shiftKey && t.target === o && (t.preventDefault(), i.focus()), o || t.preventDefault();
+  }
+}, d = (t, s, f, o) => {
+  let i = !0;
+  if (t.keyCode !== r.enter && // NOSONAR
+  t.target === s) {
+    f && f(!1);
+    return;
+  }
+  t.keyCode === r.enter && // NOSONAR
+  t.target === s ? setTimeout(() => {
+    l(s, o);
+  }, 1) : t.keyCode === r.esc ? s.focus() : h(t, s, o), f && f(i);
+}, g = (t, s) => {
+  const f = c(t, s);
+  f == null || f.forEach((o) => {
+    o.tabIndex = 0;
+  });
+}, b = (t, s) => {
+  const f = c(t, s);
+  f == null || f.forEach((o) => {
+    o.tabIndex = -1;
+  });
+};
+export {
+  d as applyTrappedFocus,
+  b as disableNavigatableContainer,
+  g as enableNavigatableContainer,
+  a as firstFocusableChild,
+  l as focusFirstFocusableChild,
+  c as focusableChildren,
+  h as keepFocusInContainer,
+  n as lastFocusableChild
+};

package/validate-package.d.ts

@@ -5,6 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+/**
+ * @hidden
+ */
+export interface LicenseMessage {
+    code?: string;
+    licenseType?: string;
+    version?: string;
+    productName?: string;
+    expiration?: string;
+}
 /**
  * @hidden
  */
@@ -18,4 +28,4 @@ export declare function shouldShowValidationUI(packageMetadata: any): boolean;
  *
  * Returns the notification message to display, if any.
  */
-export declare const getLicenseMessage: (e: any) => string | undefined;
+export declare const getLicenseMessage: (e: any) => LicenseMessage | undefined;

package/validate-package.js

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@progress/kendo-licensing");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=l(c),r=["telerik.com","progress.com","stackblitz.io","csb.app","webcontainer.io"],a=s,o=typeof a!="undefined"&&a.validatePackage?a:a.default;function d(e){if(o&&o.validatePackage)o.validatePackage(e);else{let t=`License activation failed for ${e.name}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@progress/kendo-licensing");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=l(c),r=["telerik.com","progress.com","stackblitz.io","csb.app","webcontainer.io"],s=i,o=typeof s!="undefined"&&s.validatePackage?s:s.default;function g(e){if(o&&o.validatePackage)o.validatePackage(e);else{let t=`License activation failed for ${e.name}
 `;t+=`The @progress/kendo-licensing script is not loaded.
 `,t+=`See ${e.licensingDocsUrl} for more information.
-`,console.warn(t)}}function g(e){return!r.some(n=>{var i;return(i=globalThis.document)==null?void 0:i.location.hostname.endsWith(n)})&&!(o&&o.validatePackage&&o.validatePackage(e))}const u=e=>{const t=s.getLicenseStatus(e).message;return t==null?void 0:t.notificationMessage};exports.getLicenseMessage=u;exports.shouldShowValidationUI=g;exports.validatePackage=d;
+`,console.warn(t)}}function d(e){return!r.some(n=>{var a;return(a=globalThis.document)==null?void 0:a.location.hostname.endsWith(n)})&&!(o&&o.validatePackage&&o.validatePackage(e))}const u=e=>i.getLicenseStatus(e).message;exports.getLicenseMessage=u;exports.shouldShowValidationUI=d;exports.validatePackage=g;