@progress/kendo-react-layout 7.2.4-develop.2 → 7.2.4-develop.4

package/stepper/Step.mjs

@@ -0,0 +1,177 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import a from "prop-types";
+import { StepperContext as Z } from "./context/StepperContext.mjs";
+import { focusFirstFocusableChild as ee, dispatchEvent as L, classNames as te, IconWrap as O, toIconName as ae } from "@progress/kendo-react-common";
+import { useLocalization as se } from "@progress/kendo-react-intl";
+import { checkOutlineIcon as ne, exclamationCircleIcon as oe } from "@progress/kendo-svg-icons";
+import { DEFAULT_ANIMATION_DURATION as ce, NO_ANIMATION as le } from "./contants.mjs";
+import { messages as ie, optionalText as re } from "./messages/index.mjs";
+const g = e.forwardRef((R, V) => {
+  const {
+    // content
+    children: z,
+    className: E,
+    current: p,
+    disabled: n,
+    focused: d,
+    icon: i,
+    svgIcon: h,
+    index: s,
+    isValid: t,
+    label: r,
+    optional: u,
+    style: C,
+    tabIndex: y,
+    text: S,
+    ...D
+  } = R, {
+    animationDuration: k,
+    isVertical: b,
+    item: H,
+    linear: P,
+    mode: F,
+    numOfSteps: o,
+    value: c,
+    onChange: f,
+    onFocus: I,
+    successIcon: _,
+    errorIcon: w,
+    successSVGIcon: B,
+    errorSVGIcon: G
+  } = e.useContext(Z), m = e.useRef(null), A = e.useCallback(
+    () => {
+      m.current && ee(m.current);
+    },
+    []
+  ), v = e.useCallback(
+    () => ({
+      element: m.current,
+      focus: A
+    }),
+    [A]
+  );
+  e.useImperativeHandle(V, v);
+  const N = !P || s === c - 1 || s === c || s === c + 1, M = F === "labels" || !!i && !!r, U = se(), W = ((l) => U.toLanguageString(l, ie[l]))(re), $ = typeof k == "number" ? k : k !== !1 ? ce : le, j = e.useCallback(
+    (l) => {
+      f && !n && L(
+        f,
+        l,
+        v(),
+        { value: s }
+      );
+    },
+    [f, c, n]
+  ), K = e.useCallback(
+    (l) => {
+      I && !n && L(
+        I,
+        l,
+        v(),
+        void 0
+      );
+    },
+    [I, n]
+  ), q = e.useMemo(
+    () => te(
+      "k-step",
+      {
+        "k-step-first": s === 0,
+        "k-step-last": o && s === o - 1,
+        "k-step-done": s < c,
+        "k-step-current": p,
+        "k-step-optional": u,
+        "k-step-error": t !== void 0 && !t,
+        "k-step-success": t
+      },
+      {
+        "k-disabled": n,
+        "k-focus": d
+      },
+      E
+    ),
+    [s, o, c, p, u, n, d, t, E]
+  ), J = e.useMemo(
+    () => ({
+      maxWidth: b ? void 0 : `calc(100% / ${o})`,
+      maxHeight: b ? `calc(100% / ${o})` : void 0,
+      pointerEvents: N ? void 0 : "none",
+      ...C
+    }),
+    [b, o, C, N]
+  ), T = t ? _ : w, x = T ? /* @__PURE__ */ e.createElement(
+    "span",
+    {
+      className: "k-step-indicator-icon " + T,
+      "aria-hidden": "true"
+    }
+  ) : /* @__PURE__ */ e.createElement(
+    O,
+    {
+      className: "k-step-indicator-icon",
+      name: t ? "check-circle" : "exclamation-circle",
+      icon: t ? B || ne : G || oe
+    }
+  ), Q = /* @__PURE__ */ e.createElement(e.Fragment, null, F !== "labels" ? /* @__PURE__ */ e.createElement(
+    "span",
+    {
+      className: "k-step-indicator",
+      "aria-hidden": !0,
+      style: { transitionDuration: $ + "ms" }
+    },
+    i || h ? !M && t !== void 0 ? x : /* @__PURE__ */ e.createElement(O, { className: "k-step-indicator-icon", name: i && ae(i), icon: h }) : t !== void 0 ? x : /* @__PURE__ */ e.createElement("span", { className: "k-step-indicator-text" }, S || s + 1)
+  ) : null), X = /* @__PURE__ */ e.createElement("span", { className: "k-step-label" }, r && /* @__PURE__ */ e.createElement("span", { className: "k-step-text" }, r), M && t !== void 0 && x, u && /* @__PURE__ */ e.createElement("span", { className: "k-step-label-optional" }, W)), Y = /* @__PURE__ */ e.createElement(e.Fragment, null, Q, X);
+  return /* @__PURE__ */ e.createElement(
+    "li",
+    {
+      ref: m,
+      className: q,
+      style: J,
+      ...D
+    },
+    /* @__PURE__ */ e.createElement(
+      "a",
+      {
+        className: "k-step-link",
+        title: r || void 0,
+        onClick: j,
+        onFocus: K,
+        tabIndex: y || (d ? 0 : -1),
+        "aria-current": p,
+        "aria-disabled": n || !N || void 0,
+        "aria-invalid": t !== void 0 && !t || void 0
+      },
+      H ? z : Y
+    )
+  );
+});
+g.propTypes = {
+  children: a.any,
+  className: a.string,
+  // content: PropTypes.any,
+  current: a.bool,
+  disabled: a.bool,
+  icon: a.string,
+  index: a.number,
+  isValid: a.bool,
+  label: a.string,
+  optional: a.bool,
+  style: a.object,
+  tabIndex: a.number,
+  text: a.string
+};
+const me = {
+  tabIndex: 0
+};
+g.defaultProps = me;
+g.displayName = "KendoStep";
+export {
+  g as Step
+};

package/stepper/Stepper.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Z=require("react"),r=require("prop-types"),$=require("./context/StepperContext.js"),o=require("@progress/kendo-react-common"),ee=require("./Step.js"),te=require("@progress/kendo-react-progressbars"),K=require("./contants.js"),se=require("../package-metadata.js"),ae=require("@progress/kendo-react-intl"),N=require("./messages/index.js");function ne(l){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const u in l)if(u!=="default"){const v=Object.getOwnPropertyDescriptor(l,u);Object.defineProperty(b,u,v.get?v:{enumerable:!0,get:()=>l[u]})}}return b.default=l,Object.freeze(b)}const a=ne(Z),I=a.forwardRef((l,b)=>{o.validatePackage(se.packageMetadata);const{animationDuration:u,children:v,className:O,disabled:f,errorIcon:A,errorSVGIcon:F,item:w,items:m,linear:g,mode:L,orientation:S,style:P,successIcon:V,successSVGIcon:j,onChange:h,onFocus:E}=l,z=ae.useLocalization().toLanguageString(N.progBarAriaLabel,N.messages[N.progBarAriaLabel]),k=a.useRef(null),T=a.useCallback(()=>{k.current&&o.focusFirstFocusableChild(k.current)},[]),R=a.useCallback(()=>({element:k.current,focus:T}),[T]);a.useImperativeHandle(b,R);const i=l.value||M.value,[y,c]=a.useState(i),p=m?m.length:0,n=S==="vertical",D=o.useRtl(k,l.dir),_=typeof u=="number"?u:u!==!1?K.DEFAULT_ANIMATION_DURATION:K.NO_ANIMATION;a.useEffect(()=>{c(i)},[i]);const C=a.useCallback((t,s)=>{const e=s===i-1,d=s===i,Y=s===i+1;i!==s&&h&&!f&&(!g||e||d||Y)&&(o.dispatchEvent(h,t,R(),{value:s}),c(s))},[i,g,h,f,c]),G=a.useCallback(t=>{let s=t.value,e=t.syntheticEvent;C(e,s)},[C]),B=a.useCallback(t=>{E&&!f&&o.dispatchEvent(E,t.syntheticEvent,R(),void 0)},[E,f]),q=a.useCallback(t=>{C(t,y)},[C,y]),H=a.useCallback(t=>{const s=D==="rtl",e=y,d=m.length-1;switch(t.keyCode){case o.Keys.left:t.preventDefault(),!s&&e>0&&c(e-1),s&&e<d&&c(e+1);break;case o.Keys.right:t.preventDefault(),!s&&e<d&&c(e+1),s&&e>0&&c(e-1);break;case o.Keys.up:t.preventDefault(),!s&&e>0&&c(e-1),s&&e>0&&c(e-1);break;case o.Keys.down:t.preventDefault(),!s&&e<d&&c(e+1),s&&e<d&&c(e+1);break;case o.Keys.home:t.preventDefault(),c(0);break;case o.Keys.end:t.preventDefault(),c(d);break;case o.Keys.space:t.preventDefault();break;case o.Keys.enter:t.preventDefault(),m[e].disabled||q(t);break}},[m,c,y,D,q]),U=a.useMemo(()=>o.classNames("k-stepper",{"k-stepper-linear":g},O),[g,O]),J=a.useMemo(()=>({display:"grid",gridTemplateColumns:n?void 0:"repeat("+p*2+", 1fr)",gridTemplateRows:n?"repeat("+p+", 1fr)":void 0,...P}),[n,p,P]),Q=a.useMemo(()=>o.classNames("k-step-list",{"k-step-list-horizontal":!n,"k-step-list-vertical":n}),[n]),W=a.useMemo(()=>({gridColumnStart:n?void 0:1,gridColumnEnd:n?void 0:-1,gridRowStart:n?1:void 0,gridRowEnd:n?-1:void 0}),[n]),X=a.useMemo(()=>({gridColumnStart:n?void 0:2,gridColumnEnd:n?void 0:p*2,gridRowStart:n?1:void 0,gridRowEnd:n?p:void 0,top:n?17:void 0}),[n,p]),x=m&&m.map((t,s)=>{const e={index:s,disabled:f||t.disabled,focused:s===y,current:s===i,...t},d=w||ee.Step;return a.createElement(d,{key:s,...e})});return a.createElement($.StepperContext.Provider,{value:{animationDuration:u,isVertical:n,item:w,linear:g,mode:L,numOfSteps:p,value:i,successIcon:V,successSVGIcon:j,errorIcon:A,errorSVGIcon:F,onChange:G,onFocus:B}},a.createElement("nav",{className:U,style:J,dir:D,onKeyDown:H},a.createElement("ol",{className:Q,style:W},x||v),a.createElement(te.ProgressBar,{style:X,animation:{duration:_},ariaLabel:z,"aria-hidden":!0,max:p-1,labelVisible:!1,orientation:S,reverse:S==="vertical",value:i,disabled:f,tabIndex:-1})))});I.propTypes={animationDuration:r.oneOfType([r.bool,r.number]),children:r.any,className:r.string,dir:r.string,disabled:r.bool,errorIcon:r.string,errorSVGIcon:o.svgIconPropType,item:r.any,items:r.any,linear:r.bool,mode:r.oneOf(["steps","labels"]),orientation:r.oneOf(["horizontal","vertical"]),style:r.object,successIcon:r.string,successSVGIcon:o.svgIconPropType,value:r.number.isRequired,onChange:r.func,onFocus:r.func};const M={value:0};I.defaultProps=M;I.displayName="KendoStepper";exports.Stepper=I;

package/stepper/Stepper.mjs

@@ -0,0 +1,252 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as o from "react";
+import r from "prop-types";
+import { StepperContext as ee } from "./context/StepperContext.mjs";
+import { validatePackage as te, focusFirstFocusableChild as se, useRtl as oe, dispatchEvent as A, Keys as u, classNames as F, svgIconPropType as M } from "@progress/kendo-react-common";
+import { Step as ae } from "./Step.mjs";
+import { ProgressBar as re } from "@progress/kendo-react-progressbars";
+import { DEFAULT_ANIMATION_DURATION as ne, NO_ANIMATION as ie } from "./contants.mjs";
+import { packageMetadata as le } from "../package-metadata.mjs";
+import { useLocalization as ce } from "@progress/kendo-react-intl";
+import { progBarAriaLabel as O, messages as ue } from "./messages/index.mjs";
+const E = o.forwardRef((k, V) => {
+  te(le);
+  const {
+    animationDuration: b,
+    children: L,
+    className: D,
+    disabled: p,
+    errorIcon: z,
+    errorSVGIcon: G,
+    item: N,
+    items: d,
+    linear: m,
+    mode: K,
+    orientation: y,
+    style: R,
+    successIcon: _,
+    successSVGIcon: B,
+    onChange: h,
+    onFocus: C
+  } = k, H = ce().toLanguageString(O, ue[O]), g = o.useRef(null), w = o.useCallback(
+    () => {
+      g.current && se(g.current);
+    },
+    []
+  ), I = o.useCallback(
+    () => ({
+      element: g.current,
+      focus: w
+    }),
+    [w]
+  );
+  o.useImperativeHandle(V, I);
+  const i = k.value || P.value, [f, n] = o.useState(i), c = d ? d.length : 0, a = y === "vertical", S = oe(g, k.dir), U = typeof b == "number" ? b : b !== !1 ? ne : ie;
+  o.useEffect(() => {
+    n(i);
+  }, [i]);
+  const v = o.useCallback(
+    (t, s) => {
+      const e = s === i - 1, l = s === i, $ = s === i + 1;
+      i !== s && h && !p && (!m || e || l || $) && (A(
+        h,
+        t,
+        I(),
+        { value: s }
+      ), n(s));
+    },
+    [i, m, h, p, n]
+  ), j = o.useCallback(
+    (t) => {
+      let s = t.value, e = t.syntheticEvent;
+      v(e, s);
+    },
+    [v]
+  ), q = o.useCallback(
+    (t) => {
+      C && !p && A(
+        C,
+        t.syntheticEvent,
+        I(),
+        void 0
+      );
+    },
+    [C, p]
+  ), x = o.useCallback(
+    (t) => {
+      v(t, f);
+    },
+    [v, f]
+  ), J = o.useCallback(
+    (t) => {
+      const s = S === "rtl", e = f, l = d.length - 1;
+      switch (t.keyCode) {
+        case u.left:
+          t.preventDefault(), !s && e > 0 && n(e - 1), s && e < l && n(e + 1);
+          break;
+        case u.right:
+          t.preventDefault(), !s && e < l && n(e + 1), s && e > 0 && n(e - 1);
+          break;
+        case u.up:
+          t.preventDefault(), !s && e > 0 && n(e - 1), s && e > 0 && n(e - 1);
+          break;
+        case u.down:
+          t.preventDefault(), !s && e < l && n(e + 1), s && e < l && n(e + 1);
+          break;
+        case u.home:
+          t.preventDefault(), n(0);
+          break;
+        case u.end:
+          t.preventDefault(), n(l);
+          break;
+        case u.space:
+          t.preventDefault();
+          break;
+        case u.enter:
+          t.preventDefault(), d[e].disabled || x(t);
+          break;
+      }
+    },
+    [d, n, f, S, x]
+  ), Q = o.useMemo(
+    () => F(
+      "k-stepper",
+      {
+        "k-stepper-linear": m
+      },
+      D
+    ),
+    [m, D]
+  ), W = o.useMemo(
+    () => ({
+      display: "grid",
+      gridTemplateColumns: a ? void 0 : "repeat(" + c * 2 + ", 1fr)",
+      gridTemplateRows: a ? "repeat(" + c + ", 1fr)" : void 0,
+      ...R
+    }),
+    [a, c, R]
+  ), X = o.useMemo(
+    () => F(
+      "k-step-list",
+      {
+        "k-step-list-horizontal": !a,
+        "k-step-list-vertical": a
+      }
+    ),
+    [a]
+  ), Y = o.useMemo(
+    () => ({
+      gridColumnStart: a ? void 0 : 1,
+      gridColumnEnd: a ? void 0 : -1,
+      gridRowStart: a ? 1 : void 0,
+      gridRowEnd: a ? -1 : void 0
+    }),
+    [a]
+  ), Z = o.useMemo(
+    () => ({
+      gridColumnStart: a ? void 0 : 2,
+      gridColumnEnd: a ? void 0 : c * 2,
+      gridRowStart: a ? 1 : void 0,
+      gridRowEnd: a ? c : void 0,
+      top: a ? 17 : void 0
+    }),
+    [a, c]
+  ), T = d && d.map((t, s) => {
+    const e = {
+      index: s,
+      disabled: p || t.disabled,
+      focused: s === f,
+      current: s === i,
+      ...t
+    }, l = N || ae;
+    return /* @__PURE__ */ o.createElement(l, { key: s, ...e });
+  });
+  return /* @__PURE__ */ o.createElement(
+    ee.Provider,
+    {
+      value: {
+        animationDuration: b,
+        isVertical: a,
+        item: N,
+        linear: m,
+        mode: K,
+        numOfSteps: c,
+        value: i,
+        successIcon: _,
+        successSVGIcon: B,
+        errorIcon: z,
+        errorSVGIcon: G,
+        onChange: j,
+        onFocus: q
+      }
+    },
+    /* @__PURE__ */ o.createElement(
+      "nav",
+      {
+        className: Q,
+        style: W,
+        dir: S,
+        onKeyDown: J
+      },
+      /* @__PURE__ */ o.createElement(
+        "ol",
+        {
+          className: X,
+          style: Y
+        },
+        T || L
+      ),
+      /* @__PURE__ */ o.createElement(
+        re,
+        {
+          style: Z,
+          animation: { duration: U },
+          ariaLabel: H,
+          "aria-hidden": !0,
+          max: c - 1,
+          labelVisible: !1,
+          orientation: y,
+          reverse: y === "vertical",
+          value: i,
+          disabled: p,
+          tabIndex: -1
+        }
+      )
+    )
+  );
+});
+E.propTypes = {
+  animationDuration: r.oneOfType([r.bool, r.number]),
+  children: r.any,
+  className: r.string,
+  dir: r.string,
+  disabled: r.bool,
+  errorIcon: r.string,
+  errorSVGIcon: M,
+  item: r.any,
+  items: r.any,
+  linear: r.bool,
+  mode: r.oneOf(["steps", "labels"]),
+  orientation: r.oneOf(["horizontal", "vertical"]),
+  style: r.object,
+  successIcon: r.string,
+  successSVGIcon: M,
+  value: r.number.isRequired,
+  onChange: r.func,
+  onFocus: r.func
+};
+const P = {
+  value: 0
+};
+E.defaultProps = P;
+E.displayName = "KendoStepper";
+export {
+  E as Stepper
+};

package/stepper/contants.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=400,N=0;exports.DEFAULT_ANIMATION_DURATION=A;exports.NO_ANIMATION=N;

package/stepper/contants.mjs

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const A = 400, N = 0;
+export {
+  A as DEFAULT_ANIMATION_DURATION,
+  N as NO_ANIMATION
+};

package/stepper/context/StepperContext.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=c(r),l={linear:!1,mode:"steps",value:0},u=a.createContext(l);exports.StepperContext=u;

package/stepper/context/StepperContext.mjs

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+const t = {
+  linear: !1,
+  mode: "steps",
+  value: 0
+}, o = e.createContext(t);
+export {
+  o as StepperContext
+};

package/stepper/messages/index.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="stepper.optionalText",t="stepper.progBarAriaLabel",a={[e]:"(Optional)",[t]:"progressbar"};exports.messages=a;exports.optionalText=e;exports.progBarAriaLabel=t;

package/stepper/messages/index.mjs

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const e = "stepper.optionalText", o = "stepper.progBarAriaLabel", r = {
+  [e]: "(Optional)",
+  [o]: "progressbar"
+};
+export {
+  r as messages,
+  e as optionalText,
+  o as progBarAriaLabel
+};

package/tabstrip/TabStrip.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),o=require("prop-types"),p=require("./TabStripNavigation.js"),y=require("./TabStripContent.js"),i=require("@progress/kendo-react-common"),b=require("../package-metadata.js");function f(c){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const e in c)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(c,e);Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:()=>c[e]})}}return n.default=c,Object.freeze(n)}const a=f(u),h=class h extends a.Component{constructor(n){super(n),this._element=null,this.showLicenseWatermark=!1,this.keyBinding={[i.Keys.left]:()=>this.prevNavigatableTab(),[i.Keys.right]:()=>this.nextNavigatableTab(),[i.Keys.down]:()=>this.nextNavigatableTab(),[i.Keys.up]:()=>this.prevNavigatableTab(),[i.Keys.home]:()=>0,[i.Keys.end]:()=>a.Children.count(this.props.children)-1},this.onSelect=e=>{this.props.selected!==e&&this.props.onSelect&&this.props.onSelect({selected:e})},this.onKeyDown=e=>{let t;switch(e.keyCode){case i.Keys.left:t=this.keyBinding[this.invertKeys(i.Keys.left,i.Keys.right)];break;case i.Keys.right:t=this.keyBinding[this.invertKeys(i.Keys.right,i.Keys.left)];break;case i.Keys.up:t=this.keyBinding[i.Keys.up];break;case i.Keys.down:t=this.keyBinding[i.Keys.down];break;case i.Keys.home:t=this.keyBinding[i.Keys.home];break;case i.Keys.end:t=this.keyBinding[i.Keys.end];break}t&&(e.preventDefault(),this.onSelect(t()))},this.renderContent=e=>{const{selected:t,children:s,tabContentStyle:r}=e,l=a.Children.count(s);return t<l&&t>-1?a.createElement(y.TabStripContent,{index:t,...e,style:r}):null},this.firstNavigatableTab=()=>{const e=this.children(),t=a.Children.count(e);if(e){for(let s=0;s<t;s++)if(!e[s].props.disabled)return s}},this.lastNavigatableTab=()=>{const e=this.children(),t=a.Children.count(e);if(e){for(let s=t-1;s>0;s--)if(!e[s].props.disabled)return s}},this.prevNavigatableTab=()=>{const e=this.children(),{selected:t}=this.props,s=t?t-1:-1;if(s<0)return this.lastNavigatableTab();if(e)for(let r=s;r>-1;r--){if(!e[r].props.disabled)return r;if(r===0)return this.lastNavigatableTab()}},this.nextNavigatableTab=()=>{const e=this.children(),{selected:t}=this.props,s=t?t+1:1,r=a.Children.count(e);if(s>=r)return this.firstNavigatableTab();if(e)for(let l=s;l<r;l++){if(!e[l].props.disabled)return l;if(l+1===r)return this.firstNavigatableTab()}},i.validatePackage(b.packageMetadata),this.showLicenseWatermark=i.shouldShowValidationUI(b.packageMetadata)}get contentPanelId(){return this.props.id+"-content-panel-id"}get navItemId(){return this.props.id+"-nav-item-id"}render(){const n={...this.props,children:this.children(),contentPanelId:this.contentPanelId,navItemId:this.navItemId,onKeyDown:this.onKeyDown,onSelect:this.onSelect},{tabPosition:e,tabIndex:t=0}=n,s=e==="bottom",r=i.classNames("k-tabstrip k-pos-relative",{"k-tabstrip-left":e==="left","k-tabstrip-right":e==="right","k-tabstrip-bottom":e==="bottom","k-tabstrip-top":e==="top","k-tabstrip-scrollable":this.props.scrollable},this.props.className);return a.createElement("div",{id:this.props.id,ref:l=>this._element=l,dir:this.props.dir,className:r,style:this.props.style},!s&&a.createElement(p.TabStripNavigation,{...n,tabIndex:t}),this.renderContent(n),s&&a.createElement(p.TabStripNavigation,{...n,tabIndex:t}),this.showLicenseWatermark&&a.createElement(i.WatermarkOverlay,null))}invertKeys(n,e){return this._element&&getComputedStyle(this._element).direction==="rtl"||!1?e:n}children(){return a.Children.toArray(this.props.children).filter(n=>n)}};h.propTypes={animation:o.bool,children:o.node,onSelect:o.func,selected:o.number,style:o.object,tabContentStyle:o.object,tabPosition:o.string,tabIndex:o.number,className:o.string,dir:o.string},h.defaultProps={animation:!0,tabPosition:"top",keepTabsMounted:!1,buttonScrollSpeed:100,mouseScrollSpeed:10};let d=h;exports.TabStrip=d;