@tedi-design-system/react 19.1.0-rc.9 → 19.1.1

package/src/community/components/vertical-stepper/vertical-stepper.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../external/classnames/index.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),p=r=>{const{className:c,children:s,isCompact:l}=r,a=o.default(t.default.stepper,c,{[t.default["stepper--compact"]]:l});return e.jsx("nav",{children:e.jsx("ol",{role:"tree",className:a,children:s})})};exports.VerticalStepper=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../../../../external/classnames/index.cjs.js"),n=require("../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),l=r=>{n.warnDeprecated("Community VerticalStepper","Use `VerticalStepper` from `@tedi-design-system/react/tedi` instead.");const{className:c,children:s,isCompact:a}=r,i=p.default(t.default.stepper,c,{[t.default["stepper--compact"]]:a});return e.jsx("nav",{children:e.jsx("ol",{role:"tree",className:i,children:s})})};exports.VerticalStepper=l;

package/src/community/components/vertical-stepper/vertical-stepper.es.js

@@ -1,10 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
-import m from "../../../../external/classnames/index.es.js";
-import r from "./vertical-stepper.module.scss.es.js";
-const n = (t) => {
-  const { className: s, children: o, isCompact: p } = t, c = m(r.stepper, s, { [r["stepper--compact"]]: p });
-  return /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ol", { role: "tree", className: c, children: o }) });
+import a from "../../../../external/classnames/index.es.js";
+import { warnDeprecated as c } from "../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import t from "./vertical-stepper.module.scss.es.js";
+const f = (r) => {
+  c("Community VerticalStepper", "Use `VerticalStepper` from `@tedi-design-system/react/tedi` instead.");
+  const { className: s, children: p, isCompact: o } = r, m = a(t.stepper, s, { [t["stepper--compact"]]: o });
+  return /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ol", { role: "tree", className: m, children: p }) });
 };
 export {
-  n as VerticalStepper
+  f as VerticalStepper
 };

package/src/community/deprecated-exports.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),t=require("./components/anchor/anchor.cjs.js"),i=require("./components/button/button.cjs.js"),r=require("./components/card/card.cjs.js"),o=require("./components/form/choice-group/choice-group.cjs.js"),n=require("./components/form/pickers/datepicker/datepicker.cjs.js"),a=require("./components/form/pickers/datetimepicker/datetimepicker.cjs.js"),s=require("./components/form/radio/radio.cjs.js"),d=require("./components/form/select/select.cjs.js"),c=require("./components/layout/breadcrumbs/breadcrumbs.cjs.js"),m=require("./components/layout/footer/footer.cjs.js"),u=require("./components/layout/header/header/header.cjs.js"),g=require("./components/layout/sidenav/sidenav.cjs.js"),l=require("./components/modal/modal-provider.cjs.js"),p=require("./components/placeholder/placeholder.cjs.js"),y=require("./components/table/table.cjs.js"),h=require("./components/tag/tag.cjs.js"),C=require("./components/toggle-open/toggle-open.cjs.js"),D=require("./components/tooltip/tooltip.cjs.js"),T=e.withDeprecationWarning(t.Anchor,"Community Anchor","Use `Link` from `@tedi-design-system/react/tedi` instead."),f=e.withDeprecationWarning(c.Breadcrumbs,"Community Breadcrumbs","Use Breadcrumbs from `@tedi-design-system/react/tedi` instead."),q=e.withDeprecationWarning(i.Button,"Community Button","Use `Button` from `@tedi-design-system/react/tedi` instead."),w=e.withDeprecationWarning(r.Card,"Community Card","Use `Card` from `@tedi-design-system/react/tedi` instead."),P=e.withDeprecationWarning(o.ChoiceGroup,"Community ChoiceGroup","Use `ChoiceGroup` from `@tedi-design-system/react/tedi` instead."),U=e.withDeprecationWarning(n.DatePicker,"Community DatePicker","Use `DateField` from `@tedi-design-system/react/tedi` instead."),W=e.withDeprecationWarning(a.DateTimePicker,"Community DateTimePicker","Use `DateTimeField` from `@tedi-design-system/react/tedi` instead."),b=e.withDeprecationWarning(m.Footer,"Community Footer","Use `Footer` from `@tedi-design-system/react/tedi` instead."),S=e.withDeprecationWarning(u.Header,"Community Header","Use `Header` from `@tedi-design-system/react/tedi` instead."),v=e.withDeprecationWarning(l.ModalProvider,"Community ModalProvider","Use Modal from `@tedi-design-system/react/tedi` instead."),k=e.withDeprecationWarning(p.Placeholder,"Community Placeholder","Use EmptyState from `@tedi-design-system/react/tedi` instead."),B=e.withDeprecationWarning(s.Radio,"Community Radio","Use `Radio` from `@tedi-design-system/react/tedi` instead."),F=e.withDeprecationWarning(d.Select,"Community Select","Use `Select` from `@tedi-design-system/react/tedi` instead."),G=e.withDeprecationWarning(g.SideNav,"Community SideNav","Use `SideNav` from `@tedi-design-system/react/tedi` instead."),M=e.withDeprecationWarning(y.Table,"Community Table","Use `Table` from `@tedi-design-system/react/tedi` instead."),O=e.withDeprecationWarning(h.Tag,"Community Tag","Use `Tag` from `@tedi-design-system/react/tedi` instead."),H=e.withDeprecationWarning(C.ToggleOpen,"Community ToggleOpen","Use `CollapseButton` from `@tedi-design-system/react/tedi` instead."),N=e.withDeprecationWarning(D.Tooltip,"Community Tooltip","Use `Tooltip` from `@tedi-design-system/react/tedi` instead.");exports.Anchor=T;exports.Breadcrumbs=f;exports.Button=q;exports.Card=w;exports.ChoiceGroup=P;exports.DatePicker=U;exports.DateTimePicker=W;exports.Footer=b;exports.Header=S;exports.ModalProvider=v;exports.Placeholder=k;exports.Radio=B;exports.Select=F;exports.SideNav=G;exports.Table=M;exports.Tag=O;exports.ToggleOpen=H;exports.Tooltip=N;

package/src/community/deprecated-exports.d.ts

@@ -0,0 +1,19 @@
+import { Table as TableBase } from './components/table/table';
+export declare const Anchor: import('.').AnchorComponent;
+export declare const Breadcrumbs: <C extends React.ElementType = "a">(props: import('.').BreadcrumbsProps<C>) => JSX.Element | null;
+export declare const Button: import('.').ButtonComponent;
+export declare const Card: import('react').ForwardRefExoticComponent<import('.').CardProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ChoiceGroup: (props: import('.').ChoiceGroupProps) => React.ReactElement;
+export declare const DatePicker: (props: import('.').DatePickerProps) => JSX.Element;
+export declare const DateTimePicker: (props: import('.').DateTimePickerProps) => JSX.Element;
+export declare const Footer: (props: import('.').FooterProps) => JSX.Element;
+export declare const Header: <H extends React.ElementType = "a">(props: import('.').HeaderProps<H>) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalProvider: (props: import('.').ModalProviderProps) => JSX.Element;
+export declare const Placeholder: (props: import('.').PlaceholderProps) => JSX.Element;
+export declare const Radio: (props: import('.').RadioProps) => JSX.Element;
+export declare const Select: import('react').ForwardRefExoticComponent<import('.').SelectProps & import('react').RefAttributes<import('react-select').SelectInstance<import('.').ISelectOption<unknown>, boolean, import('.').IGroupedOptions<import('.').ISelectOption<unknown>>>>>;
+export declare const SideNav: <C extends React.ElementType = "a">(props: import('.').SideNavProps<C>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Table: typeof TableBase;
+export declare const Tag: import('react').ForwardRefExoticComponent<import('.').TagProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ToggleOpen: ({ openText, closeText, isOpen, iconRight, ...rest }: import('.').ToggleOpenProps) => JSX.Element;
+export declare const Tooltip: (props: import('.').TooltipProps) => JSX.Element | null;

package/src/community/deprecated-exports.es.js

@@ -0,0 +1,112 @@
+import { withDeprecationWarning as e } from "../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { Anchor as t } from "./components/anchor/anchor.es.js";
+import { Button as o } from "./components/button/button.es.js";
+import { Card as i } from "./components/card/card.es.js";
+import { ChoiceGroup as s } from "./components/form/choice-group/choice-group.es.js";
+import { DatePicker as r } from "./components/form/pickers/datepicker/datepicker.es.js";
+import { DateTimePicker as m } from "./components/form/pickers/datetimepicker/datetimepicker.es.js";
+import { Radio as a } from "./components/form/radio/radio.es.js";
+import { Select as d } from "./components/form/select/select.es.js";
+import { Breadcrumbs as n } from "./components/layout/breadcrumbs/breadcrumbs.es.js";
+import { Footer as c } from "./components/layout/footer/footer.es.js";
+import { Header as f } from "./components/layout/header/header/header.es.js";
+import { SideNav as p } from "./components/layout/sidenav/sidenav.es.js";
+import { ModalProvider as y } from "./components/modal/modal-provider.es.js";
+import { Placeholder as l } from "./components/placeholder/placeholder.es.js";
+import { Table as u } from "./components/table/table.es.js";
+import { Tag as g } from "./components/tag/tag.es.js";
+import { ToggleOpen as C } from "./components/toggle-open/toggle-open.es.js";
+import { Tooltip as T } from "./components/tooltip/tooltip.es.js";
+const x = e(
+  t,
+  "Community Anchor",
+  "Use `Link` from `@tedi-design-system/react/tedi` instead."
+), E = e(
+  n,
+  "Community Breadcrumbs",
+  "Use Breadcrumbs from `@tedi-design-system/react/tedi` instead."
+), L = e(
+  o,
+  "Community Button",
+  "Use `Button` from `@tedi-design-system/react/tedi` instead."
+), W = e(
+  i,
+  "Community Card",
+  "Use `Card` from `@tedi-design-system/react/tedi` instead."
+), j = e(
+  s,
+  "Community ChoiceGroup",
+  "Use `ChoiceGroup` from `@tedi-design-system/react/tedi` instead."
+), q = e(
+  r,
+  "Community DatePicker",
+  "Use `DateField` from `@tedi-design-system/react/tedi` instead."
+), z = e(
+  m,
+  "Community DateTimePicker",
+  "Use `DateTimeField` from `@tedi-design-system/react/tedi` instead."
+), I = e(
+  c,
+  "Community Footer",
+  "Use `Footer` from `@tedi-design-system/react/tedi` instead."
+), J = e(
+  f,
+  "Community Header",
+  "Use `Header` from `@tedi-design-system/react/tedi` instead."
+), K = e(
+  y,
+  "Community ModalProvider",
+  "Use Modal from `@tedi-design-system/react/tedi` instead."
+), Q = e(
+  l,
+  "Community Placeholder",
+  "Use EmptyState from `@tedi-design-system/react/tedi` instead."
+), V = e(
+  a,
+  "Community Radio",
+  "Use `Radio` from `@tedi-design-system/react/tedi` instead."
+), X = e(
+  d,
+  "Community Select",
+  "Use `Select` from `@tedi-design-system/react/tedi` instead."
+), Y = e(
+  p,
+  "Community SideNav",
+  "Use `SideNav` from `@tedi-design-system/react/tedi` instead."
+), Z = e(
+  u,
+  "Community Table",
+  "Use `Table` from `@tedi-design-system/react/tedi` instead."
+), _ = e(
+  g,
+  "Community Tag",
+  "Use `Tag` from `@tedi-design-system/react/tedi` instead."
+), ee = e(
+  C,
+  "Community ToggleOpen",
+  "Use `CollapseButton` from `@tedi-design-system/react/tedi` instead."
+), te = e(
+  T,
+  "Community Tooltip",
+  "Use `Tooltip` from `@tedi-design-system/react/tedi` instead."
+);
+export {
+  x as Anchor,
+  E as Breadcrumbs,
+  L as Button,
+  W as Card,
+  j as ChoiceGroup,
+  q as DatePicker,
+  z as DateTimePicker,
+  I as Footer,
+  J as Header,
+  K as ModalProvider,
+  Q as Placeholder,
+  V as Radio,
+  X as Select,
+  Y as SideNav,
+  Z as Table,
+  _ as Tag,
+  ee as ToggleOpen,
+  te as Tooltip
+};

package/src/community/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/dropdown/dropdown';
 export * from './components/stepper';
 export * from './components/card';
 export * from './components/feedback/feedback';
+export * from './components/form/category-search';
 export * from './components/form/hidden-field/hidden-field';
 export * from './components/form/choice-group';
 export * from './components/form/check/check';
@@ -29,6 +30,7 @@ export * from './components/placeholder/placeholder';
 export * from './components/vertical-stepper/vertical-stepper';
 export * from './components/vertical-stepper/step-item/step-item';
 export * from './components/vertical-stepper/sub-item/sub-item';
+export * from './components/dock-panel/dock-panel';
 export * from './helpers';
 export * from './providers/style-provider/style-provider';
 export * from './types/index';
@@ -54,3 +56,4 @@ export * from './components/map-components/map-select/map-select';
 export * from './components/map-components/sheet/sheet';
 export * from './components/map-components/split-pane/split-pane';
 export * from './components/map-components/timeline/timeline';
+export { Anchor, Breadcrumbs, Button, Card, ChoiceGroup, DatePicker, DateTimePicker, Footer, Header, ModalProvider, Placeholder, Radio, Select, SideNav, Table, Tag, ToggleOpen, Tooltip, } from './deprecated-exports';

package/src/tedi/components/content/card/card.d.ts

@@ -84,6 +84,10 @@ type CardBreakpointProps = {
 } & Pick<CardContentProps, 'padding' | 'background'>;
 export interface CardProps extends BreakpointSupport<CardBreakpointProps> {
     children?: React.ReactNode;
+    /**
+     * Id applied to the root element (forwarded to the underlying `div`).
+     */
+    id?: string;
 }
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
     Content: (props: CardContentProps) => JSX.Element;

package/src/tedi/components/content/carousel/carousel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),c=require("./carousel.module.scss.cjs.js"),i=require("./carousel-context.cjs.js"),l=require("./components/carousel-content/carousel-content.cjs.js"),d=require("./components/carousel-footer/carousel-footer.cjs.js"),C=require("./components/carousel-header/carousel-header.cjs.js"),q=require("./components/carousel-indicators/carousel-indicators.cjs.js"),v=require("./components/carousel-navigation/carousel-navigation.cjs.js"),g=require("./use-carousel.cjs.js"),r=n.forwardRef(({children:o,className:s},t)=>{const a=g.useCarousel();return e.jsx(i.CarouselContext.Provider,{value:a,children:e.jsx("div",{ref:t,className:u.default(c.default["tedi-carousel"],s),children:o})})});r.displayName="Carousel";const x=Object.assign(r,{Header:C.CarouselHeader,Content:l.CarouselContent,Footer:d.CarouselFooter,Navigation:v.CarouselNavigation,Indicators:q.CarouselIndicators});exports.Carousel=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),i=require("./carousel.module.scss.cjs.js"),l=require("./carousel-context.cjs.js"),d=require("./components/carousel-content/carousel-content.cjs.js"),C=require("./components/carousel-footer/carousel-footer.cjs.js"),q=require("./components/carousel-header/carousel-header.cjs.js"),v=require("./components/carousel-indicators/carousel-indicators.cjs.js"),g=require("./components/carousel-navigation/carousel-navigation.cjs.js"),x=require("./use-carousel.cjs.js"),r=c.forwardRef(({children:o,className:s,ariaLabel:t},a)=>{const u=x.useCarousel(t);return e.jsx(l.CarouselContext.Provider,{value:u,children:e.jsx("div",{ref:a,className:n.default(i.default["tedi-carousel"],s),children:o})})});r.displayName="Carousel";const f=Object.assign(r,{Header:q.CarouselHeader,Content:d.CarouselContent,Footer:C.CarouselFooter,Navigation:g.CarouselNavigation,Indicators:v.CarouselIndicators});exports.Carousel=f;

package/src/tedi/components/content/carousel/carousel.d.ts

@@ -9,6 +9,11 @@ export interface CarouselProps {
      * Additional class name applied to the carousel root.
      */
     className?: string;
+    /**
+     * Accessible name for the carousel region. Set a distinct label per carousel when a page has
+     * several. Defaults to the localized `carousel` label.
+     */
+    ariaLabel?: string;
 }
 export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<import('.').CarouselHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/src/tedi/components/content/carousel/carousel.es.js

@@ -1,26 +1,26 @@
 import { jsx as o } from "react/jsx-runtime";
-import m from "../../../../../external/classnames/index.es.js";
-import { forwardRef as i } from "react";
-import l from "./carousel.module.scss.es.js";
-import { CarouselContext as n } from "./carousel-context.es.js";
-import { CarouselContent as u } from "./components/carousel-content/carousel-content.es.js";
-import { CarouselFooter as f } from "./components/carousel-footer/carousel-footer.es.js";
-import { CarouselHeader as p } from "./components/carousel-header/carousel-header.es.js";
-import { CarouselIndicators as C } from "./components/carousel-indicators/carousel-indicators.es.js";
-import { CarouselNavigation as c } from "./components/carousel-navigation/carousel-navigation.es.js";
-import { useCarousel as d } from "./use-carousel.es.js";
-const r = i(({ children: e, className: t }, a) => {
-  const s = d();
-  return /* @__PURE__ */ o(n.Provider, { value: s, children: /* @__PURE__ */ o("div", { ref: a, className: m(l["tedi-carousel"], t), children: e }) });
+import i from "../../../../../external/classnames/index.es.js";
+import { forwardRef as l } from "react";
+import n from "./carousel.module.scss.es.js";
+import { CarouselContext as u } from "./carousel-context.es.js";
+import { CarouselContent as f } from "./components/carousel-content/carousel-content.es.js";
+import { CarouselFooter as p } from "./components/carousel-footer/carousel-footer.es.js";
+import { CarouselHeader as C } from "./components/carousel-header/carousel-header.es.js";
+import { CarouselIndicators as c } from "./components/carousel-indicators/carousel-indicators.es.js";
+import { CarouselNavigation as d } from "./components/carousel-navigation/carousel-navigation.es.js";
+import { useCarousel as v } from "./use-carousel.es.js";
+const r = l(({ children: e, className: t, ariaLabel: a }, s) => {
+  const m = v(a);
+  return /* @__PURE__ */ o(u.Provider, { value: m, children: /* @__PURE__ */ o("div", { ref: s, className: i(n["tedi-carousel"], t), children: e }) });
 });
 r.displayName = "Carousel";
-const w = Object.assign(r, {
-  Header: p,
-  Content: u,
-  Footer: f,
-  Navigation: c,
-  Indicators: C
+const O = Object.assign(r, {
+  Header: C,
+  Content: f,
+  Footer: p,
+  Navigation: d,
+  Indicators: c
 });
 export {
-  w as Carousel
+  O as Carousel
 };

package/src/tedi/components/content/carousel/use-carousel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),Le=require("../../../helpers/hooks/use-breakpoint.cjs.js"),re=require("./carousel-utils.cjs.js"),ye=require("../../../providers/label-provider/use-labels.cjs.js"),De={slidesPerView:{xs:1},gap:{xs:1},fade:!1,transitionMs:400,loop:!0,centered:!1},V=(S,p)=>(S%p+p)%p,Ve=()=>{const{getLabel:S}=ye.useLabels(),p=Le.default(),[u,ne]=t.useState(De),[r,se]=t.useState(0),[l,b]=t.useState(0),[m,U]=t.useState(0),[Y,R]=t.useState(!1),[g,ce]=t.useState(0),[j,oe]=t.useState(16),[ae,ue]=t.useState(""),E=t.useRef(null),H=t.useRef(null),J=t.useRef([]),P=t.useRef(!1),L=t.useRef(!1),B=t.useRef(!1),$=t.useRef(0),y=t.useRef(0),Q=t.useRef(0),O=t.useRef(0),_=t.useRef(0),q=t.useRef(),A=t.useRef(0),Z=t.useRef(!0),i=t.useRef(l),ee=t.useRef(m);t.useEffect(()=>{i.current=l},[l]),t.useEffect(()=>{ee.current=m},[m]);const o=t.useMemo(()=>re.resolveBreakpointValue(u.slidesPerView,p),[u.slidesPerView,p]),C=t.useMemo(()=>re.resolveBreakpointValue(u.gap,p),[u.gap,p]),w=t.useMemo(()=>C*j,[C,j]),s=u.loop,M=t.useMemo(()=>Math.max(0,r-Math.ceil(o)),[r,o]),k=t.useCallback(e=>s?e:Math.min(Math.max(e,0),M),[s,M]),d=s?r:0,le=t.useMemo(()=>r===0?0:s?V(Math.floor(l),r):Math.min(Math.max(Math.round(l),0),r-1),[l,r,s]),F=s?l-m+d:l,ie=s||l>.001,fe=s||l<M-.001,de=t.useMemo(()=>{if(!r)return[];if(!s)return Array.from({length:r},(c,a)=>a);const e=2*d+Math.ceil(o),n=m-d;return Array.from({length:e},(c,a)=>V(n+a,r))},[r,d,o,m,s]),me=t.useMemo(()=>`0 0 calc((100% - ${(o-1)*C}rem) / ${o})`,[o,C]),he=t.useMemo(()=>{if(!g)return{gap:`${C}rem`,transform:"translate3d(0,0,0)",transition:"none"};const e=w*(o-1),n=(g-e)/o,c=s?l-m+d:l,a=u.centered?(g-n)/2:0,f=-c*(n+w)+a;return{gap:`${C}rem`,transform:`translate3d(${f}px, 0, 0)`,transition:Y?`transform ${u.transitionMs}ms ease`:"none"}},[g,C,w,o,l,m,d,Y,u.transitionMs,u.centered,s]),Me=t.useCallback(e=>{const n=Math.ceil(o);return e>=F&&e<F+n},[o,F]),pe=t.useCallback((e,n,c)=>{const a=[e];if(u.fade){const f=u.fade==="both"||u.fade!=="right"&&o<=1;a.push(f?c:n)}return a.join(" ")},[u.fade,o]),be=t.useCallback((e,n)=>{J.current[e]=n},[]),I=t.useCallback(()=>{setTimeout(()=>{if(!Z.current||!r)return;const e=s?V(Math.floor(i.current),r):Math.min(Math.max(Math.round(i.current),0),r-1);ue(S("carousel.slide",e+1,r))},100)},[S,r,s]),X=t.useCallback(()=>{P.current=!0,setTimeout(()=>{P.current=!1},u.transitionMs)},[u.transitionMs]),te=t.useCallback(()=>{setTimeout(()=>{var n;const e=i.current-ee.current+d;(n=J.current[e])==null||n.focus({preventScroll:!0})})},[d]),G=t.useCallback(()=>{!r||P.current||!s&&i.current>=M-.001||(R(!0),b(e=>k(e+1)),X(),I())},[r,s,M,k,X,I]),K=t.useCallback(()=>{!r||P.current||!s&&i.current<=.001||(R(!0),b(e=>k(e-1)),X(),I())},[r,s,k,X,I]),N=t.useCallback((e,n)=>{if(!(!r||P.current)){if(R(!0),s){const c=V(Math.floor(i.current),r),f=V(e,r)-c;b(h=>h+f)}else b(k(e));n!=null&&n.focusSlide?B.current=!0:I()}},[r,s,k,I]),Re=t.useCallback(e=>{e.target!==H.current||e.propertyName!=="transform"||L.current||(R(!1),U(Math.floor(i.current)),B.current&&(B.current=!1,te()))},[te]),ke=t.useCallback(()=>{const e=E.current;e&&(e.scrollLeft=0,e.scrollTop=0)},[]),T=t.useCallback(()=>(g-w*(o-1))/o+w,[g,w,o]),Ce=t.useCallback(e=>{if(!r)return;const n=Math.abs(e.deltaX)>Math.abs(e.deltaY)?e.deltaX:e.shiftKey?e.deltaY:0;if(!n)return;const c=T();if(!c)return;const a=n/c;A.current+=a;const f=d*.9,h=s?m-f:0,x=s?m+f:M,W=i.current+a,v=Math.min(Math.max(W,h),x),Ie=v!==W;R(!1),b(v),clearTimeout(q.current),q.current=setTimeout(()=>{R(!0);const Te=Math.sign(A.current),D=i.current;let z=Math.round(D);Math.abs(A.current)>.3&&(z=Te>0?Math.ceil(D):Math.floor(D)),Ie&&(D<=h&&(z=Math.ceil(h)),D>=x&&(z=Math.floor(x)));const Pe=Math.min(Math.max(z,h),x);b(Pe),A.current=0},120)},[r,T,d,m,s,M]),xe=t.useCallback(e=>{switch(e.key){case"ArrowRight":case"PageDown":e.preventDefault(),G();break;case"ArrowLeft":case"PageUp":e.preventDefault(),K();break;case"Home":e.preventDefault(),N(0);break;case"End":e.preventDefault(),N(r-1);break}},[G,K,N,r]),Se=t.useCallback(e=>{var n;r&&((n=E.current)==null||n.setPointerCapture(e.pointerId),L.current=!0,R(!1),$.current=e.clientX,y.current=i.current,Q.current=e.timeStamp,O.current=e.clientX,_.current=e.timeStamp,s&&U(Math.floor(i.current)))},[r,s]),ge=t.useCallback(e=>{if(!L.current)return;const n=T();if(!n)return;const c=e.clientX-$.current;if(Number.isNaN(c))return;O.current=e.clientX,_.current=e.timeStamp;const a=c/n,f=y.current-a,h=d*.9,x=Math.floor(y.current),W=s?x-h:0,v=s?x+h:M;b(Math.min(Math.max(f,W),v))},[T,d,s,M]),we=t.useCallback(()=>{if(!L.current)return;L.current=!1,R(!0);const e=T(),n=Math.round(i.current);let c=n;const a=_.current-Q.current,f=a>0&&e?-(O.current-$.current)/e/a:0;Math.abs(f)>.0015&&n===Math.round(y.current)&&(c=Math.round(y.current)+(f>0?1:-1)),b(k(c))},[T,k]);return t.useEffect(()=>{const e=E.current;if(!e)return;const n=()=>{ce(e.clientWidth),oe(parseFloat(getComputedStyle(document.documentElement).fontSize)||16)};n();const c=new ResizeObserver(n);return c.observe(e),()=>c.disconnect()},[]),t.useEffect(()=>()=>{Z.current=!1,clearTimeout(q.current)},[]),{viewportRef:E,trackRef:H,setSlideRef:be,setConfig:ne,setSlidesCount:se,slidesCount:r,slideIndex:le,canPrev:ie,canNext:fe,renderedIndices:de,renderedActiveIndex:F,slideFlex:me,trackStyle:he,contentClassName:pe,isSlideVisible:Me,announcement:ae,regionLabel:S("carousel"),slideLabel:e=>S("carousel.slide",e,r),next:G,prev:K,goToIndex:N,onTransitionEnd:Re,onScroll:ke,onWheel:Ce,onKeyDown:xe,onPointerDown:Se,onPointerMove:ge,onPointerUp:we}};exports.useCarousel=Ve;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),De=require("../../../helpers/hooks/use-breakpoint.cjs.js"),ne=require("./carousel-utils.cjs.js"),Ve=require("../../../providers/label-provider/use-labels.cjs.js"),Ee={slidesPerView:{xs:1},gap:{xs:1},fade:!1,transitionMs:400,loop:!0,centered:!1},E=(T,p)=>(T%p+p)%p,Ae=T=>{const{getLabel:p}=Ve.useLabels(),A=De.default(),[u,se]=t.useState(Ee),[r,ce]=t.useState(0),[l,b]=t.useState(0),[m,Y]=t.useState(0),[j,R]=t.useState(!1),[S,oe]=t.useState(0),[H,ae]=t.useState(16),[ue,le]=t.useState(""),F=t.useRef(null),J=t.useRef(null),Q=t.useRef([]),P=t.useRef(!1),y=t.useRef(!1),$=t.useRef(!1),O=t.useRef(0),D=t.useRef(0),Z=t.useRef(0),_=t.useRef(0),q=t.useRef(0),G=t.useRef(),X=t.useRef(0),ee=t.useRef(!0),i=t.useRef(l),te=t.useRef(m);t.useEffect(()=>{i.current=l},[l]),t.useEffect(()=>{te.current=m},[m]);const o=t.useMemo(()=>ne.resolveBreakpointValue(u.slidesPerView,A),[u.slidesPerView,A]),C=t.useMemo(()=>ne.resolveBreakpointValue(u.gap,A),[u.gap,A]),g=t.useMemo(()=>C*H,[C,H]),s=u.loop,M=t.useMemo(()=>Math.max(0,r-Math.ceil(o)),[r,o]),k=t.useCallback(e=>s?e:Math.min(Math.max(e,0),M),[s,M]),d=s?r:0,ie=t.useMemo(()=>r===0?0:s?E(Math.floor(l),r):Math.min(Math.max(Math.round(l),0),r-1),[l,r,s]),L=s?l-m+d:l,fe=s||l>.001,de=s||l<M-.001,me=t.useMemo(()=>{if(!r)return[];if(!s)return Array.from({length:r},(c,a)=>a);const e=2*d+Math.ceil(o),n=m-d;return Array.from({length:e},(c,a)=>E(n+a,r))},[r,d,o,m,s]),he=t.useMemo(()=>`0 0 calc((100% - ${(o-1)*C}rem) / ${o})`,[o,C]),Me=t.useMemo(()=>{if(!S)return{gap:`${C}rem`,transform:"translate3d(0,0,0)",transition:"none"};const e=g*(o-1),n=(S-e)/o,c=s?l-m+d:l,a=u.centered?(S-n)/2:0,f=-c*(n+g)+a;return{gap:`${C}rem`,transform:`translate3d(${f}px, 0, 0)`,transition:j?`transform ${u.transitionMs}ms ease`:"none"}},[S,C,g,o,l,m,d,j,u.transitionMs,u.centered,s]),pe=t.useCallback(e=>{const n=Math.ceil(o);return e>=L&&e<L+n},[o,L]),be=t.useCallback((e,n,c)=>{const a=[e];if(u.fade){const f=u.fade==="both"||u.fade!=="right"&&o<=1;a.push(f?c:n)}return a.join(" ")},[u.fade,o]),Re=t.useCallback((e,n)=>{Q.current[e]=n},[]),w=t.useCallback(()=>{setTimeout(()=>{if(!ee.current||!r)return;const e=s?E(Math.floor(i.current),r):Math.min(Math.max(Math.round(i.current),0),r-1);le(p("carousel.slide",e+1,r))},100)},[p,r,s]),N=t.useCallback(()=>{P.current=!0,setTimeout(()=>{P.current=!1},u.transitionMs)},[u.transitionMs]),re=t.useCallback(()=>{setTimeout(()=>{var n;const e=i.current-te.current+d;(n=Q.current[e])==null||n.focus({preventScroll:!0})})},[d]),K=t.useCallback(()=>{!r||P.current||!s&&i.current>=M-.001||(R(!0),b(e=>k(e+1)),N(),w())},[r,s,M,k,N,w]),U=t.useCallback(()=>{!r||P.current||!s&&i.current<=.001||(R(!0),b(e=>k(e-1)),N(),w())},[r,s,k,N,w]),W=t.useCallback((e,n)=>{if(!(!r||P.current)){if(R(!0),s){const c=E(Math.floor(i.current),r),f=E(e,r)-c;b(h=>h+f)}else b(k(e));n!=null&&n.focusSlide?$.current=!0:w()}},[r,s,k,w]),ke=t.useCallback(e=>{e.target!==J.current||e.propertyName!=="transform"||y.current||(R(!1),Y(Math.floor(i.current)),$.current&&($.current=!1,re()))},[re]),Ce=t.useCallback(()=>{const e=F.current;e&&(e.scrollLeft=0,e.scrollTop=0)},[]),I=t.useCallback(()=>(S-g*(o-1))/o+g,[S,g,o]),xe=t.useCallback(e=>{if(!r)return;const n=Math.abs(e.deltaX)>Math.abs(e.deltaY)?e.deltaX:e.shiftKey?e.deltaY:0;if(!n)return;const c=I();if(!c)return;const a=n/c;X.current+=a;const f=d*.9,h=s?m-f:0,x=s?m+f:M,v=i.current+a,z=Math.min(Math.max(v,h),x),Te=z!==v;R(!1),b(z),clearTimeout(G.current),G.current=setTimeout(()=>{R(!0);const Pe=Math.sign(X.current),V=i.current;let B=Math.round(V);Math.abs(X.current)>.3&&(B=Pe>0?Math.ceil(V):Math.floor(V)),Te&&(V<=h&&(B=Math.ceil(h)),V>=x&&(B=Math.floor(x)));const ye=Math.min(Math.max(B,h),x);b(ye),X.current=0},120)},[r,I,d,m,s,M]),Se=t.useCallback(e=>{switch(e.key){case"ArrowRight":case"PageDown":e.preventDefault(),K();break;case"ArrowLeft":case"PageUp":e.preventDefault(),U();break;case"Home":e.preventDefault(),W(0);break;case"End":e.preventDefault(),W(r-1);break}},[K,U,W,r]),ge=t.useCallback(e=>{var n;r&&((n=F.current)==null||n.setPointerCapture(e.pointerId),y.current=!0,R(!1),O.current=e.clientX,D.current=i.current,Z.current=e.timeStamp,_.current=e.clientX,q.current=e.timeStamp,s&&Y(Math.floor(i.current)))},[r,s]),we=t.useCallback(e=>{if(!y.current)return;const n=I();if(!n)return;const c=e.clientX-O.current;if(Number.isNaN(c))return;_.current=e.clientX,q.current=e.timeStamp;const a=c/n,f=D.current-a,h=d*.9,x=Math.floor(D.current),v=s?x-h:0,z=s?x+h:M;b(Math.min(Math.max(f,v),z))},[I,d,s,M]),Ie=t.useCallback(()=>{if(!y.current)return;y.current=!1,R(!0);const e=I(),n=Math.round(i.current);let c=n;const a=q.current-Z.current,f=a>0&&e?-(_.current-O.current)/e/a:0;Math.abs(f)>.0015&&n===Math.round(D.current)&&(c=Math.round(D.current)+(f>0?1:-1)),b(k(c))},[I,k]);return t.useEffect(()=>{const e=F.current;if(!e)return;const n=()=>{oe(e.clientWidth),ae(parseFloat(getComputedStyle(document.documentElement).fontSize)||16)};n();const c=new ResizeObserver(n);return c.observe(e),()=>c.disconnect()},[]),t.useEffect(()=>()=>{ee.current=!1,clearTimeout(G.current)},[]),{viewportRef:F,trackRef:J,setSlideRef:Re,setConfig:se,setSlidesCount:ce,slidesCount:r,slideIndex:ie,canPrev:fe,canNext:de,renderedIndices:me,renderedActiveIndex:L,slideFlex:he,trackStyle:Me,contentClassName:be,isSlideVisible:pe,announcement:ue,regionLabel:(T==null?void 0:T.trim())||p("carousel"),slideLabel:e=>p("carousel.slide",e,r),next:K,prev:U,goToIndex:W,onTransitionEnd:ke,onScroll:Ce,onWheel:xe,onKeyDown:Se,onPointerDown:ge,onPointerMove:we,onPointerUp:Ie}};exports.useCarousel=Ae;

package/src/tedi/components/content/carousel/use-carousel.d.ts

@@ -53,4 +53,4 @@ export interface CarouselApi {
  * imperative API consumed by `Carousel.Content`, `Carousel.Navigation` and
  * `Carousel.Indicators`. Ported from the Angular `tedi-carousel-content`.
  */
-export declare const useCarousel: () => CarouselApi;
+export declare const useCarousel: (ariaLabel?: string) => CarouselApi;