@webority/ui-react 0.88.0 → 0.89.0

package/dist/components/AppSidebarMenu.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import{Offcanvas as i}from"react-bootstrap";import{jsx as a,jsxs as o}from"react/jsx-runtime";var s={left:`start`,right:`end`,start:`start`,end:`end`,top:`top`,bottom:`bottom`};function c(c){let{show:l,onHide:u,side:d=`right`,title:f,titleIcon:p,header:m,children:h,footer:g,width:_,maxWidth:v,backdrop:y=!0,scroll:b=!1,keyboard:x=!0,closeButton:S=!0,closeLabel:C=`Close`,responsive:w,className:T=``,bodyClassName:E=``,ariaLabel:D,...O}=c;n(`AppSidebarMenu`,O),t(`AppSidebarMenu`,`side`,d,Object.keys(s));let{style:k,...A}=O,j=s[d]||`end`,M=_||v||k?{..._&&{"--asm-width":_},...v&&{"--asm-max-width":v},...k}:void 0;return o(i,{...e(`AppSidebarMenu`,c),...A,show:l,onHide:u,placement:j,backdrop:y,scroll:b,keyboard:x,responsive:w,style:M,className:`app-sidebar-menu${T?` ${T}`:``}`,"aria-label":D||(typeof f==`string`?f:void 0),children:[m===void 0?(f!=null||S)&&o(`div`,{className:`drawer-header`,children:[f!=null&&o(`div`,{className:`drawer-title`,children:[p&&a(`span`,{className:`drawer-title-ic`,children:a(r,{name:p,size:18})}),f]}),S&&a(`button`,{type:`button`,className:`wui-drawer-close`,onClick:u,"aria-label":C,children:a(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:a(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]}):m,a(i.Body,{className:E,children:h}),g&&a(`div`,{className:`asm-footer`,children:g})]})}export{c as default};
+import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import{Offcanvas as i}from"react-bootstrap";import{jsx as a,jsxs as o}from"react/jsx-runtime";var s={left:`start`,right:`end`,start:`start`,end:`end`,top:`top`,bottom:`bottom`},c={on:!0,static:`static`,off:!1};function l(l){let{show:u,onHide:d,side:f=`right`,title:p,titleIcon:m,header:h,children:g,footer:_,width:v,maxWidth:y,backdrop:b=`on`,scroll:x=!1,keyboard:S=!0,closeButton:C=!0,closeLabel:w=`Close`,responsive:T,className:E=``,bodyClassName:D=``,ariaLabel:O,...k}=l;n(`AppSidebarMenu`,k),t(`AppSidebarMenu`,`side`,f,Object.keys(s)),t(`AppSidebarMenu`,`backdrop`,b,Object.keys(c));let{style:A,...j}=k,M=s[f]||`end`,N=v||y||A?{...v&&{"--asm-width":v},...y&&{"--asm-max-width":y},...A}:void 0;return o(i,{...e(`AppSidebarMenu`,l),...j,show:u,onHide:d,placement:M,backdrop:c[b]??!0,scroll:x,keyboard:S,responsive:T,style:N,className:`app-sidebar-menu${E?` ${E}`:``}`,"aria-label":O||(typeof p==`string`?p:void 0),children:[h===void 0?(p!=null||C)&&o(`div`,{className:`drawer-header`,children:[p!=null&&o(`div`,{className:`drawer-title`,children:[m&&a(`span`,{className:`drawer-title-ic`,children:a(r,{name:m,size:18})}),p]}),C&&a(`button`,{type:`button`,className:`wui-drawer-close`,onClick:d,"aria-label":w,children:a(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:a(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]}):h,a(i.Body,{className:D,children:g}),_&&a(`div`,{className:`asm-footer`,children:_})]})}export{l as default};

package/dist/components/AppSlider.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppRequiredMark.js";import a,{readRange as o,writeNumberValue as s}from"./useWuiControl.js";import{forwardRef as c,useEffect as l,useId as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import"@webority/ui-elements/elements/slider";var p=[`sm`,`md`,`lg`],m=c(function(c,m){let{value:h,start:g,end:_,range:v=!1,onChange:y,label:b,required:x=!1,hint:S,error:C,name:w,startName:T,endName:E,min:D=0,max:O=100,step:k=1,disabled:A,size:j,showValue:M,unit:N,id:P,ariaLabel:F,className:I=``,fieldClassName:L=``,...R}=c;n(`AppSlider`,R),t(`AppSlider`,`size`,j,p);let z=u(),B=P||z,V=v,{setRef:H,innerRef:U}=a({ref:m,value:V?void 0:h,onChange:y,readValue:V?o:void 0,writeValue:V?void 0:s});l(()=>{if(!V)return;let e=U.current;e&&(g!==void 0&&g>e.end?(_!==void 0&&e.end!==_&&(e.end=_),g!==void 0&&e.start!==g&&(e.start=g)):(g!==void 0&&e.start!==g&&(e.start=g),_!==void 0&&e.end!==_&&(e.end=_)))},[g,_,V,U]);let W=!b&&!C&&!S,G=C?`${B}-error`:void 0,K=S?`${B}-hint`:void 0,q=d(`wui-slider`,{ref:H,id:B,name:w||void 0,"start-name":T||void 0,"end-name":E||void 0,min:D,max:O,step:k,size:j||void 0,"aria-label":F||(typeof b==`string`?b:void 0),"aria-describedby":G||K,"aria-invalid":C?`true`:void 0,disabled:A?``:void 0,required:x?``:void 0,range:V?``:void 0,"show-value":M?``:void 0,unit:N||void 0,className:I||void 0,...W?e(`AppSlider`,c):null,...R});return W?q:f(`div`,{...e(`AppSlider`,c),className:`field${L?` ${L}`:``}`,children:[b&&f(`label`,{className:`label`,htmlFor:B,children:[b,x&&d(i,{})]}),q,d(r,{error:C,hint:S,errorId:G,hintId:K})]})});export{m as default};
+import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppRequiredMark.js";import a,{readRange as o,writeNumberValue as s}from"./useWuiControl.js";import{forwardRef as c,useEffect as l,useId as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import"@webority/ui-elements/elements/slider";var p=[`sm`,`md`,`lg`],m=c(function(c,m){let{value:h,start:g,end:_,range:v=!1,onChange:y,label:b,required:x=!1,hint:S,error:C,name:w,startName:T,endName:E,min:D=0,max:O=100,step:k=1,disabled:A,size:j,showValue:M,unit:N,id:P,ariaLabel:F,className:I=``,fieldClassName:L=``,"data-canvas":R,...z}=c;n(`AppSlider`,z),t(`AppSlider`,`size`,j,p);let B=u(),V=P||B,H=v,{setRef:U,innerRef:W}=a({ref:m,value:H?void 0:h,onChange:y,readValue:H?o:void 0,writeValue:H?void 0:s});l(()=>{if(!H)return;let e=W.current;e&&(g!==void 0&&g>e.end?(_!==void 0&&e.end!==_&&(e.end=_),g!==void 0&&e.start!==g&&(e.start=g)):(g!==void 0&&e.start!==g&&(e.start=g),_!==void 0&&e.end!==_&&(e.end=_)))},[g,_,H,W]);let G=!b&&!C&&!S,K=C?`${V}-error`:void 0,q=S?`${V}-hint`:void 0,J=d(`wui-slider`,{ref:U,id:V,name:w||void 0,"start-name":T||void 0,"end-name":E||void 0,min:D,max:O,step:k,size:j||void 0,"aria-label":F||(typeof b==`string`?b:void 0),"aria-describedby":K||q,"aria-invalid":C?`true`:void 0,disabled:A?``:void 0,required:x?``:void 0,range:H?``:void 0,"show-value":M?``:void 0,unit:N||void 0,className:I||void 0,...G?e(`AppSlider`,c):null,...z});return G?J:f(`div`,{...e(`AppSlider`,c),className:`field${L?` ${L}`:``}`,children:[b&&f(`label`,{className:`label`,htmlFor:V,children:[b,x&&d(i,{})]}),J,d(r,{error:C,hint:S,errorId:K,hintId:q})]})});export{m as default};

package/dist/components/AppSplitView.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppRecordPager.js";import i from"./AppShortcutLegend.js";import{LIST_KEYS as a,SELECT_KEY as o,shortcutKey as s}from"@webority/ui-elements/helpers";import{useEffect as ee,useRef as c}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";var f={sm:576,md:768,lg:992,xl:1200,xxl:1400},p=Object.keys(f),m=[3,4,5,6,7,8],h=6,g=`.wui-split-items > .wui-split-item > .wui-split-link`,_=(e,t)=>e!=null&&String(e)===String(t),v=e=>{let t=window.matchMedia?.(`(min-width: ${f[e]}px)`);return!t||t.matches},y=e=>typeof e==`string`||typeof e==`number`?String(e):`item`;function b(b){let{items:x=[],currentKey:S,onSelect:C,selectable:w=!1,selectedKeys:T,onToggle:E,onToggleAll:D,bulkActions:O,header:k,chips:A,pane:j,paneHeader:M,pager:te=!0,shortcuts:ne,shortcutsEnabled:N=!0,empty:re=`Nothing here yet.`,loading:P=!1,listWidth:F=5,stackBelow:I=`xl`,className:L=``,...R}=b;n(`AppSplitView`,R),t(`AppSplitView`,`stackBelow`,I,p),t(`AppSplitView`,`listWidth`,F,m);let z=f[I]?I:`xl`,B=m.includes(F)?F:5,V=c(null),H=S!=null,U=w?T?.size??0:0,W=U>0,G=w&&x.length>0&&x.every(e=>T?.has(e.key)),K=w&&!G&&x.some(e=>T?.has(e.key)),q=e=>{e&&(e.indeterminate=K)},J=c(!1);ee(()=>{if(!J.current){J.current=!0;return}S!=null&&V.current?.querySelector(`.wui-split-link[aria-current="true"]`)?.scrollIntoView?.({block:`nearest`})},[S]);let Y=(e,t)=>{t.button>0||t.ctrlKey||t.metaKey||t.shiftKey||t.altKey||C&&(e.href&&!v(z)||(t.preventDefault(),C(e.key)))},X=e=>{let t=[...V.current?.querySelectorAll(g)??[]];t[t.findIndex(e=>e.getAttribute(`aria-current`)===`true`)+e]?.click()},ie=[`wui-split-view`,H?`wui-split-reading`:``,L].filter(Boolean).join(` `),ae=w?[...a,o]:a,oe=new Set([`J`,`K`,`Enter`,`?`,...w?[`X`]:[]]),se=[...ae,...(ne??[]).filter(e=>!oe.has(s(e.key))).map(e=>({key:e.key,label:e.label,onPress:()=>e.onPress?.(S)}))],Z=x.findIndex(e=>_(S,e.key)),Q=te&&!P&&x.length>0?u(r,{"data-split-pager":``,index:Z>=0?Z+1:void 0,total:x.length,onPrev:()=>X(-1),onNext:()=>X(1),prevLabel:`Previous item`,nextLabel:`Next item`}):null,ce=e=>{let t=_(S,e.key),n=w&&!!T?.has(e.key),r=e.badge!==void 0&&e.badge!==null&&e.badge!==``,i=d(l,{children:[d(`span`,{className:`wui-split-item-main`,children:[u(`span`,{className:`wui-split-item-title`,children:e.title}),e.meta!==void 0&&e.meta!==null&&u(`span`,{className:`wui-split-item-meta`,children:e.meta})]}),(e.trailing||r)&&d(`span`,{className:`wui-split-item-end`,children:[e.trailing,r&&u(`span`,{className:`wui-split-badge`,children:e.badge})]})]});return d(`li`,{className:[`wui-split-item`,t?`is-active`:``,n?`is-selected`:``].filter(Boolean).join(` `),"data-key":e.key,children:[w&&u(`input`,{type:`checkbox`,className:`wui-check wui-split-check`,checked:n,onChange:()=>E?.(e.key),"aria-label":`Select ${y(e.title)}`}),e.href?u(`a`,{className:`wui-split-link`,href:e.href,"aria-current":t?`true`:void 0,onClick:t=>Y(e,t),children:i}):u(`button`,{type:`button`,className:`wui-split-link`,"aria-current":t?`true`:void 0,onClick:t=>Y(e,t),children:i})]},e.key)},$;return $=P?d(`div`,{className:`wui-split-items`,"aria-busy":`true`,tabIndex:0,children:[u(`span`,{className:`visually-hidden`,children:`Loading`}),Array.from({length:h},(e,t)=>d(`div`,{className:`wui-split-skeleton`,"aria-hidden":`true`,children:[u(`span`,{className:`skeleton wui-split-skeleton-title`}),u(`span`,{className:`skeleton wui-split-skeleton-meta`})]},t))]}):x.length?u(`ul`,{className:`wui-split-items`,"aria-label":`Items`,children:x.map(ce)}):u(`div`,{className:`wui-split-empty`,children:re}),d(`div`,{ref:V,className:ie,"data-stack-below":z,"data-list-width":B,"data-shortcut-scope":N?``:void 0,...e(`AppSplitView`,b),...R,children:[d(`div`,{className:`wui-split-list`,children:[(k||w)&&d(`div`,{className:`wui-split-head`,children:[w&&u(`input`,{ref:q,type:`checkbox`,className:`wui-check wui-split-all`,checked:G,onChange:e=>D?.(e.target.checked),"aria-label":`Select all items`}),u(`div`,{className:`wui-split-head-main`,hidden:W,children:k}),w&&d(`div`,{className:`wui-split-head-bulk`,hidden:!W,children:[d(`span`,{className:`wui-split-count`,"aria-live":`polite`,children:[U,` selected`]}),O]})]}),A&&u(`div`,{className:`wui-split-chips`,children:A}),$,N&&d(`div`,{className:`wui-split-legend`,children:[d(`span`,{children:[u(`kbd`,{className:`wui-kbd`,children:`J`}),` `,u(`kbd`,{className:`wui-kbd`,children:`K`}),` Move`]}),d(`span`,{children:[u(`kbd`,{className:`wui-kbd`,children:`Enter`}),` Open`]}),u(i,{items:g,shortcuts:se})]})]}),d(`div`,{className:`wui-split-pane`,children:[(M||Q)&&d(`div`,{className:`wui-split-pane-head`,children:[M,Q]}),u(`section`,{className:`wui-split-pane-body`,"aria-label":`Reading pane`,tabIndex:0,children:j})]})]})}export{b as default};
+import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppRecordPager.js";import i from"./AppShortcutLegend.js";import{LIST_KEYS as a,SELECT_KEY as o,shortcutKey as s}from"@webority/ui-elements/helpers";import{useEffect as ee,useMemo as c,useRef as l}from"react";import{Fragment as te,jsx as u,jsxs as d}from"react/jsx-runtime";var f={sm:576,md:768,lg:992,xl:1200,xxl:1400},p=Object.keys(f),m=[3,4,5,6,7,8],h=6,g=`.wui-split-items > .wui-split-item > .wui-split-link`,_=(e,t)=>e!=null&&String(e)===String(t),v=e=>{let t=window.matchMedia?.(`(min-width: ${f[e]}px)`);return!t||t.matches},ne=e=>typeof e==`string`||typeof e==`number`?String(e):`item`;function y(y){let{items:b=[],currentKey:x,onSelect:S,selectable:C=!1,selectedKeys:w,onToggle:T,onToggleAll:E,bulkActions:D,header:O,chips:k,pane:A,paneHeader:j,pager:re=!0,shortcuts:ie,shortcutsEnabled:M=!0,empty:ae=`Nothing here yet.`,loading:N=!1,listWidth:P=5,stackBelow:F=`xl`,className:I=``,...L}=y,R=c(()=>new Set(w),[w]);n(`AppSplitView`,L),t(`AppSplitView`,`stackBelow`,F,p),t(`AppSplitView`,`listWidth`,P,m);let z=f[F]?F:`xl`,B=m.includes(P)?P:5,V=l(null),H=x!=null,U=C?R?.size??0:0,W=U>0,G=C&&b.length>0&&b.every(e=>R?.has(e.key)),K=C&&!G&&b.some(e=>R?.has(e.key)),q=e=>{e&&(e.indeterminate=K)},J=l(!1);ee(()=>{if(!J.current){J.current=!0;return}x!=null&&V.current?.querySelector(`.wui-split-link[aria-current="true"]`)?.scrollIntoView?.({block:`nearest`})},[x]);let Y=(e,t)=>{t.button>0||t.ctrlKey||t.metaKey||t.shiftKey||t.altKey||S&&(e.href&&!v(z)||(t.preventDefault(),S(e.key)))},X=e=>{let t=[...V.current?.querySelectorAll(g)??[]];t[t.findIndex(e=>e.getAttribute(`aria-current`)===`true`)+e]?.click()},oe=[`wui-split-view`,H?`wui-split-reading`:``,I].filter(Boolean).join(` `),se=C?[...a,o]:a,ce=new Set([`J`,`K`,`Enter`,`?`,...C?[`X`]:[]]),le=[...se,...(ie??[]).filter(e=>!ce.has(s(e.key))).map(e=>({key:e.key,label:e.label,onPress:()=>e.onPress?.(x)}))],Z=b.findIndex(e=>_(x,e.key)),Q=re&&!N&&b.length>0?u(r,{"data-split-pager":``,index:Z>=0?Z+1:void 0,total:b.length,onPrev:()=>X(-1),onNext:()=>X(1),prevLabel:`Previous item`,nextLabel:`Next item`}):null,ue=e=>{let t=_(x,e.key),n=C&&!!R?.has(e.key),r=e.badge!==void 0&&e.badge!==null&&e.badge!==``,i=d(te,{children:[d(`span`,{className:`wui-split-item-main`,children:[u(`span`,{className:`wui-split-item-title`,children:e.title}),e.meta!==void 0&&e.meta!==null&&u(`span`,{className:`wui-split-item-meta`,children:e.meta})]}),(e.trailing||r)&&d(`span`,{className:`wui-split-item-end`,children:[e.trailing,r&&u(`span`,{className:`wui-split-badge`,children:e.badge})]})]});return d(`li`,{className:[`wui-split-item`,t?`is-active`:``,n?`is-selected`:``].filter(Boolean).join(` `),"data-key":e.key,children:[C&&u(`input`,{type:`checkbox`,className:`wui-check wui-split-check`,checked:n,onChange:()=>T?.(e.key),"aria-label":`Select ${ne(e.title)}`}),e.href?u(`a`,{className:`wui-split-link`,href:e.href,"aria-current":t?`true`:void 0,onClick:t=>Y(e,t),children:i}):u(`button`,{type:`button`,className:`wui-split-link`,"aria-current":t?`true`:void 0,onClick:t=>Y(e,t),children:i})]},e.key)},$;return $=N?d(`div`,{className:`wui-split-items`,"aria-busy":`true`,tabIndex:0,children:[u(`span`,{className:`visually-hidden`,children:`Loading`}),Array.from({length:h},(e,t)=>d(`div`,{className:`wui-split-skeleton`,"aria-hidden":`true`,children:[u(`span`,{className:`skeleton wui-split-skeleton-title`}),u(`span`,{className:`skeleton wui-split-skeleton-meta`})]},t))]}):b.length?u(`ul`,{className:`wui-split-items`,"aria-label":`Items`,children:b.map(ue)}):u(`div`,{className:`wui-split-empty`,children:ae}),d(`div`,{ref:V,className:oe,"data-stack-below":z,"data-list-width":B,"data-shortcut-scope":M?``:void 0,...e(`AppSplitView`,y),...L,children:[d(`div`,{className:`wui-split-list`,children:[(O||C)&&d(`div`,{className:`wui-split-head`,children:[C&&u(`input`,{ref:q,type:`checkbox`,className:`wui-check wui-split-all`,checked:G,onChange:e=>E?.(e.target.checked),"aria-label":`Select all items`}),u(`div`,{className:`wui-split-head-main`,hidden:W,children:O}),C&&d(`div`,{className:`wui-split-head-bulk`,hidden:!W,children:[d(`span`,{className:`wui-split-count`,"aria-live":`polite`,children:[U,` selected`]}),D]})]}),k&&u(`div`,{className:`wui-split-chips`,children:k}),$,M&&d(`div`,{className:`wui-split-legend`,children:[d(`span`,{children:[u(`kbd`,{className:`wui-kbd`,children:`J`}),` `,u(`kbd`,{className:`wui-kbd`,children:`K`}),` Move`]}),d(`span`,{children:[u(`kbd`,{className:`wui-kbd`,children:`Enter`}),` Open`]}),u(i,{items:g,shortcuts:le})]})]}),d(`div`,{className:`wui-split-pane`,children:[(j||Q)&&d(`div`,{className:`wui-split-pane-head`,children:[j,Q]}),u(`section`,{className:`wui-split-pane-body`,"aria-label":`Reading pane`,tabIndex:0,children:A})]})]})}export{y as default};

package/dist/components/AppTabs.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppTooltip.js";import i from"./AppIcon.js";import a from"./renderIconProp.js";import{formatNumber as o}from"@webority/ui-elements/helpers";import{cloneElement as s,useCallback as c,useEffect as l,useLayoutEffect as u,useRef as d,useState as ee}from"react";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import"@webority/ui-elements/elements/overflow";var h=[`underline`,`pills`],g=[`horizontal`,`vertical`],te=[`sm`,`md`,`lg`],ne=[`automatic`,`manual`],re=[`scroll`,`menu`],_=[`success`,`warning`,`danger`,`info`],v=1,y=28,b=.7;function x(x){let{tabs:S,value:C,onChange:w,linkComponent:T,variant:E=`underline`,orientation:D=`horizontal`,size:O=`md`,fitted:k=!1,overflow:A=`scroll`,moreLabel:j=`More`,maxVisible:M,activation:N=`automatic`,ariaLabel:ie,className:ae=``,style:P,...F}=x;n(`AppTabs`,F),t(`AppTabs`,`variant`,E,h),t(`AppTabs`,`orientation`,D,g),t(`AppTabs`,`size`,O,te),t(`AppTabs`,`activation`,N,ne),t(`AppTabs`,`overflow`,A,re);for(let e of S)t(`AppTabs`,`tabs[].tone`,e.tone,_);let I=d(null),L=d(null),R=D===`vertical`,z=(A===`menu`||M!=null)&&!R,[B,V]=ee(C);l(()=>{V(C)},[C]);let H=S.find(e=>!e.disabled)?.key,U=S.some(e=>e.key===B&&!e.disabled)?B:void 0,W=S.some(e=>e.key===C&&!e.disabled)?C:void 0,G=U??W??H,K=e=>{I.current?.querySelector(`[data-key="${CSS.escape(String(e))}"]`)?.focus()},q=c(()=>{let e=I.current,t=L.current;if(!e||!t||R||z)return;let n=e.scrollWidth-e.clientWidth;t.classList.toggle(`is-overflow-start`,e.scrollLeft>v),t.classList.toggle(`is-overflow-end`,n>v&&e.scrollLeft<n-v)},[R,z]),J=c(()=>{let e=I.current;if(!e)return;let t=e.querySelector(`.app-tab.active`);t?(R?(e.style.setProperty(`--wui-tab-y`,`${t.offsetTop}px`),e.style.setProperty(`--wui-tab-h`,`${t.offsetHeight}px`)):(e.style.setProperty(`--wui-tab-x`,`${t.offsetLeft}px`),e.style.setProperty(`--wui-tab-w`,`${t.offsetWidth}px`)),e.toggleAttribute(`data-active-danger`,!!S.find(e=>e.key===C)?.danger)):e.style.setProperty(R?`--wui-tab-h`:`--wui-tab-w`,`0px`),e.setAttribute(`data-wui-tabs`,``),q()},[R,S,C,q]),Y=e=>!z||!I.current?.querySelector(`[data-key="${CSS.escape(String(e))}"][data-wui-overflow-hidden]`),X=c(()=>{let e=I.current;if(!e||R)return;let t=e.querySelector(`.app-tab.active`);if(!t)return;let n=y,r=t.offsetLeft,i=r+t.offsetWidth;r-n<e.scrollLeft?e.scrollLeft=Math.max(0,r-n):i+n>e.scrollLeft+e.clientWidth&&(e.scrollLeft=i+n-e.clientWidth)},[R]);u(()=>{J()},[J]),u(()=>{X()},[C,X]);let Z=d(J);l(()=>{Z.current=J},[J]),l(()=>{if(!document.fonts)return;let e=!0;return document.fonts.ready.then(()=>{e&&Z.current()}),()=>{e=!1}},[]),l(()=>{if(typeof ResizeObserver>`u`)return;let e=new ResizeObserver(()=>Z.current());return I.current&&e.observe(I.current),L.current&&e.observe(L.current),()=>e.disconnect()},[R,z]),l(()=>{let e=L.current;if(!z||!e)return;let t=()=>Z.current();return e.addEventListener(`wui-overflow-change`,t),()=>e.removeEventListener(`wui-overflow-change`,t)},[z]);function oe(e){let t=e.target?.dataset?.key;if(t==null)return;let n=S.findIndex(e=>e.key===t);if(n<0)return;let r=S.length,i=(e,t)=>{for(let n=1;n<=r;n++){let i=S[((e+t*n)%r+r)%r];if(!i.disabled&&Y(i.key))return i}return null},a=R?`ArrowDown`:`ArrowRight`,o=R?`ArrowUp`:`ArrowLeft`,s=null;if(e.key===a?s=i(n,1):e.key===o?s=i(n,-1):e.key===`Home`?s=S.find(e=>!e.disabled&&Y(e.key))??null:e.key===`End`&&(s=[...S].reverse().find(e=>!e.disabled&&Y(e.key))??null),!s)return;e.preventDefault(),V(s.key),K(s.key);let c=s.href!=null||s.to!=null;N===`automatic`&&!c&&w?.(s.key)}let Q=e=>{let t=I.current;t&&t.scrollBy({left:e*t.clientWidth*b})},se=[`app-tabs`,E===`pills`?`app-tabs-pills`:``,R?`app-tabs-vertical`:``,O===`sm`?`app-tabs-sm`:``,O===`lg`?`app-tabs-lg`:``,k?`app-tabs-fitted`:``,ae].filter(Boolean).join(` `),$=m(`div`,{ref:I,role:`tablist`,"aria-orientation":R?`vertical`:void 0,"aria-label":ie,className:se,style:P,"data-wui-overflow-list":z?``:void 0,...F,onKeyDown:oe,onScroll:q,children:[S.map(e=>{let t=e.key===C,n=e.href!=null||e.to!=null,i={role:`tab`,"data-key":e.key,"aria-selected":t,tabIndex:e.key===G?0:-1,className:`app-tab${t?` active`:``}${e.danger?` danger`:``}${n&&e.disabled?` disabled`:``}`},s=m(f,{children:[e.image?p(`img`,{className:`app-tab-img`,src:e.image,alt:e.imageAlt??``}):a(e.icon,{size:16,className:`app-tab-icon`}),e.label,(e.countLabel||e.count!=null)&&p(`span`,{className:`app-tab-count${e.tone?` ${e.tone}`:``}`,children:e.countLabel||o(e.count,{decimals:0})})]}),c;if(n){let t=e.to!=null&&T?T:`a`,n=e.rel??(e.target===`_blank`?`noopener noreferrer`:void 0),r=e.disabled?{"aria-disabled":!0}:t===`a`?{href:e.href??e.to,target:e.target,rel:n}:{to:e.to,target:e.target,rel:n},a=t=>{if(e.disabled){t.preventDefault();return}t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||(V(e.key),w?.(e.key))};c=p(t,{...i,...r,onClick:a,children:s},e.key)}else c=p(`button`,{type:`button`,...i,disabled:e.disabled,onClick:()=>{e.disabled||(V(e.key),w?.(e.key))},children:s},e.key);return e.tooltip?p(r,{content:e.tooltip,children:c},e.key):c}),p(`span`,{className:`app-tab-indicator`,"aria-hidden":`true`,"data-wui-overflow-skip":``})]});return R?s($,e(`AppTabs`,x)):z?p(`wui-overflow`,{...e(`AppTabs`,x),ref:L,class:`app-tabs-wrap`,label:j,children:$}):m(`div`,{...e(`AppTabs`,x),ref:L,className:`app-tabs-wrap`,children:[p(`button`,{type:`button`,className:`app-tabs-scroll-btn prev`,"aria-label":`Scroll tabs backward`,tabIndex:-1,onClick:()=>Q(-1),children:p(i,{name:`chevron-left`,size:16})}),$,p(`button`,{type:`button`,className:`app-tabs-scroll-btn next`,"aria-label":`Scroll tabs forward`,tabIndex:-1,onClick:()=>Q(1),children:p(i,{name:`chevron-right`,size:16})})]})}export{x as default};
+import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppTooltip.js";import i from"./AppIcon.js";import a from"./renderIconProp.js";import{formatNumber as o}from"@webority/ui-elements/helpers";import{cloneElement as s,useCallback as c,useEffect as l,useLayoutEffect as u,useRef as d,useState as ee}from"react";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import"@webority/ui-elements/elements/overflow";var h=[`underline`,`pills`],g=[`horizontal`,`vertical`],te=[`sm`,`md`,`lg`],ne=[`automatic`,`manual`],re=[`scroll`,`menu`],_=[`success`,`warning`,`danger`,`info`],v=1,y=28,b=.7;function x(x){let{tabs:S,value:C,onChange:w,linkComponent:T,variant:E=`underline`,orientation:D=`horizontal`,size:O=`md`,fitted:k=!1,overflow:A=`scroll`,moreLabel:j=`More`,maxVisible:M,activation:N=`automatic`,ariaLabel:ie,className:ae=``,style:P,"data-canvas":oe,...F}=x;n(`AppTabs`,F),t(`AppTabs`,`variant`,E,h),t(`AppTabs`,`orientation`,D,g),t(`AppTabs`,`size`,O,te),t(`AppTabs`,`activation`,N,ne),t(`AppTabs`,`overflow`,A,re);for(let e of S)t(`AppTabs`,`tabs[].tone`,e.tone,_);let I=d(null),L=d(null),R=D===`vertical`,z=(A===`menu`||M!=null)&&!R,[B,V]=ee(C);l(()=>{V(C)},[C]);let H=S.find(e=>!e.disabled)?.key,U=S.some(e=>e.key===B&&!e.disabled)?B:void 0,W=S.some(e=>e.key===C&&!e.disabled)?C:void 0,G=U??W??H,K=e=>{I.current?.querySelector(`[data-key="${CSS.escape(String(e))}"]`)?.focus()},q=c(()=>{let e=I.current,t=L.current;if(!e||!t||R||z)return;let n=e.scrollWidth-e.clientWidth;t.classList.toggle(`is-overflow-start`,e.scrollLeft>v),t.classList.toggle(`is-overflow-end`,n>v&&e.scrollLeft<n-v)},[R,z]),J=c(()=>{let e=I.current;if(!e)return;let t=e.querySelector(`.app-tab.active`);t?(R?(e.style.setProperty(`--wui-tab-y`,`${t.offsetTop}px`),e.style.setProperty(`--wui-tab-h`,`${t.offsetHeight}px`)):(e.style.setProperty(`--wui-tab-x`,`${t.offsetLeft}px`),e.style.setProperty(`--wui-tab-w`,`${t.offsetWidth}px`)),e.toggleAttribute(`data-active-danger`,!!S.find(e=>e.key===C)?.danger)):e.style.setProperty(R?`--wui-tab-h`:`--wui-tab-w`,`0px`),e.setAttribute(`data-wui-tabs`,``),q()},[R,S,C,q]),Y=e=>!z||!I.current?.querySelector(`[data-key="${CSS.escape(String(e))}"][data-wui-overflow-hidden]`),X=c(()=>{let e=I.current;if(!e||R)return;let t=e.querySelector(`.app-tab.active`);if(!t)return;let n=y,r=t.offsetLeft,i=r+t.offsetWidth;r-n<e.scrollLeft?e.scrollLeft=Math.max(0,r-n):i+n>e.scrollLeft+e.clientWidth&&(e.scrollLeft=i+n-e.clientWidth)},[R]);u(()=>{J()},[J]),u(()=>{X()},[C,X]);let Z=d(J);l(()=>{Z.current=J},[J]),l(()=>{if(!document.fonts)return;let e=!0;return document.fonts.ready.then(()=>{e&&Z.current()}),()=>{e=!1}},[]),l(()=>{if(typeof ResizeObserver>`u`)return;let e=new ResizeObserver(()=>Z.current());return I.current&&e.observe(I.current),L.current&&e.observe(L.current),()=>e.disconnect()},[R,z]),l(()=>{let e=L.current;if(!z||!e)return;let t=()=>Z.current();return e.addEventListener(`wui-overflow-change`,t),()=>e.removeEventListener(`wui-overflow-change`,t)},[z]);function se(e){let t=e.target?.dataset?.key;if(t==null)return;let n=S.findIndex(e=>e.key===t);if(n<0)return;let r=S.length,i=(e,t)=>{for(let n=1;n<=r;n++){let i=S[((e+t*n)%r+r)%r];if(!i.disabled&&Y(i.key))return i}return null},a=R?`ArrowDown`:`ArrowRight`,o=R?`ArrowUp`:`ArrowLeft`,s=null;if(e.key===a?s=i(n,1):e.key===o?s=i(n,-1):e.key===`Home`?s=S.find(e=>!e.disabled&&Y(e.key))??null:e.key===`End`&&(s=[...S].reverse().find(e=>!e.disabled&&Y(e.key))??null),!s)return;e.preventDefault(),V(s.key),K(s.key);let c=s.href!=null||s.to!=null;N===`automatic`&&!c&&w?.(s.key)}let Q=e=>{let t=I.current;t&&t.scrollBy({left:e*t.clientWidth*b})},ce=[`app-tabs`,E===`pills`?`app-tabs-pills`:``,R?`app-tabs-vertical`:``,O===`sm`?`app-tabs-sm`:``,O===`lg`?`app-tabs-lg`:``,k?`app-tabs-fitted`:``,ae].filter(Boolean).join(` `),$=m(`div`,{ref:I,role:`tablist`,"aria-orientation":R?`vertical`:void 0,"aria-label":ie,className:ce,style:P,"data-wui-overflow-list":z?``:void 0,...F,onKeyDown:se,onScroll:q,children:[S.map(e=>{let t=e.key===C,n=e.href!=null||e.to!=null,i={role:`tab`,"data-key":e.key,"aria-selected":t,tabIndex:e.key===G?0:-1,className:`app-tab${t?` active`:``}${e.danger?` danger`:``}${n&&e.disabled?` disabled`:``}`},s=m(f,{children:[e.image?p(`img`,{className:`app-tab-img`,src:e.image,alt:e.imageAlt??``}):a(e.icon,{size:16,className:`app-tab-icon`}),e.label,(e.countLabel||e.count!=null)&&p(`span`,{className:`app-tab-count${e.tone?` ${e.tone}`:``}`,children:e.countLabel||o(e.count,{decimals:0})})]}),c;if(n){let t=e.to!=null&&T?T:`a`,n=e.rel??(e.target===`_blank`?`noopener noreferrer`:void 0),r=e.disabled?{"aria-disabled":!0}:t===`a`?{href:e.href??e.to,target:e.target,rel:n}:{to:e.to,target:e.target,rel:n},a=t=>{if(e.disabled){t.preventDefault();return}t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||(V(e.key),w?.(e.key))};c=p(t,{...i,...r,onClick:a,children:s},e.key)}else c=p(`button`,{type:`button`,...i,disabled:e.disabled,onClick:()=>{e.disabled||(V(e.key),w?.(e.key))},children:s},e.key);return e.tooltip?p(r,{content:e.tooltip,children:c},e.key):c}),p(`span`,{className:`app-tab-indicator`,"aria-hidden":`true`,"data-wui-overflow-skip":``})]});return R?s($,e(`AppTabs`,x)):z?p(`wui-overflow`,{...e(`AppTabs`,x),ref:L,class:`app-tabs-wrap`,label:j,children:$}):m(`div`,{...e(`AppTabs`,x),ref:L,className:`app-tabs-wrap`,children:[p(`button`,{type:`button`,className:`app-tabs-scroll-btn prev`,"aria-label":`Scroll tabs backward`,tabIndex:-1,onClick:()=>Q(-1),children:p(i,{name:`chevron-left`,size:16})}),$,p(`button`,{type:`button`,className:`app-tabs-scroll-btn next`,"aria-label":`Scroll tabs forward`,tabIndex:-1,onClick:()=>Q(1),children:p(i,{name:`chevron-right`,size:16})})]})}export{x as default};

package/dist/components/AppTagInput.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o,{readValues as s,writeValues as c}from"./useWuiControl.js";import{forwardRef as l,useId as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import"@webority/ui-elements/elements/taginput";var p=[`sm`,`lg`],m=l(function(l,m){let{values:h,onChange:g,placeholder:_=`Add…`,name:v,label:y,error:b,hint:x,required:S=!1,size:C,maxTags:w,allowDuplicates:T=!1,disabled:E=!1,id:D,ariaLabel:O,className:k=``,fieldClassName:A=``,help:j,helpLabel:M=`More information`,...N}=l;n(`AppTagInput`,N),t(`AppTagInput`,`size`,C,p);let P=u(),F=D||P,{setRef:I}=o({ref:m,value:h,onChange:g,readValue:s,writeValue:c});return f(`div`,{...e(`AppTagInput`,l),className:`field${A?` ${A}`:``}`,children:[y&&f(`label`,{className:`label`,htmlFor:F,children:[y,S&&d(a,{}),j&&d(i,{label:M,children:j})]}),d(`wui-taginput`,{"aria-label":O||(typeof y==`string`?y:void 0),"aria-describedby":b?`${F}-error`:x?`${F}-hint`:void 0,"aria-invalid":b?`true`:void 0,id:F,ref:I,name:v,placeholder:_,size:C||void 0,"max-tags":w===void 0?void 0:String(w),"allow-duplicates":T?``:void 0,disabled:E?``:void 0,required:S?``:void 0,className:k||void 0,...N}),d(r,{error:b,hint:x,errorId:`${F}-error`,hintId:`${F}-hint`})]})});export{m as default};
+import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o,{readValues as s,writeValues as c}from"./useWuiControl.js";import{forwardRef as l,useId as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import"@webority/ui-elements/elements/taginput";var p=[`sm`,`lg`],m=l(function(l,m){let{values:h,onChange:g,placeholder:_=`Add…`,name:v,label:y,error:b,hint:x,required:S=!1,size:C,maxTags:w,allowDuplicates:T=!1,disabled:E=!1,id:D,ariaLabel:O,className:k=``,fieldClassName:A=``,help:j,helpLabel:M=`More information`,"data-canvas":N,...P}=l;n(`AppTagInput`,P),t(`AppTagInput`,`size`,C,p);let F=u(),I=D||F,{setRef:L}=o({ref:m,value:h,onChange:g,readValue:s,writeValue:c});return f(`div`,{...e(`AppTagInput`,l),className:`field${A?` ${A}`:``}`,children:[y&&f(`label`,{className:`label`,htmlFor:I,children:[y,S&&d(a,{}),j&&d(i,{label:M,children:j})]}),d(`wui-taginput`,{"aria-label":O||(typeof y==`string`?y:void 0),"aria-describedby":b?`${I}-error`:x?`${I}-hint`:void 0,"aria-invalid":b?`true`:void 0,id:I,ref:L,name:v,placeholder:_,size:C||void 0,"max-tags":w===void 0?void 0:String(w),"allow-duplicates":T?``:void 0,disabled:E?``:void 0,required:S?``:void 0,className:k||void 0,...P}),d(r,{error:b,hint:x,errorId:`${I}-error`,hintId:`${I}-hint`})]})});export{m as default};

package/dist/components/AppTextarea.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnUnknownProps.js";import n from"../lib/FieldMessage.js";import r from"./AppInfoTip.js";import i from"./AppRequiredMark.js";import{forwardRef as a,useCallback as o,useEffect as s,useId as c,useLayoutEffect as l,useRef as u,useState as d}from"react";import{Form as f}from"react-bootstrap";import{jsx as p,jsxs as m}from"react/jsx-runtime";var h=a(function(a,h){let{label:g,required:_=!1,error:v,hint:y,help:b,helpLabel:x=`More information`,id:S,name:C,rows:w=4,autoGrow:T=!1,showCount:E=!1,maxLength:D,disabled:O=!1,readOnly:k=!1,className:A=``,fieldClassName:j=``,...M}=a;t(`AppTextarea`,M);let N=c(),P=S||N,F=[`textarea`,T?`autosize`:``,v?`error`:``,A].filter(Boolean).join(` `),I=v&&P?`${P}-error`:void 0,L=y&&P?`${P}-hint`:void 0,R=I||L,z=u(null),B=e=>{z.current=e,typeof h==`function`?h(e):h&&(h.current=e)},V=o(()=>{let e=z.current;e&&(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`)},[]);l(()=>{T&&V()},[T,V,M.value]);let[H,U]=d(()=>String(M.value??M.defaultValue??``).length);s(()=>{!E||M.value===void 0||U(String(M.value??``).length)},[M.value,E]);let W=e=>{T&&V(),E&&U(e.target.value.length),M.onInput?.(e)};return m(f.Group,{...e(`AppTextarea`,a),className:`field${j?` ${j}`:``}`,children:[g&&m(f.Label,{className:`label`,htmlFor:P,children:[g,_&&p(i,{}),b&&p(r,{label:x,children:b})]}),p(f.Control,{as:`textarea`,id:P,name:C,rows:w,className:F,"aria-invalid":v?`true`:`false`,"aria-describedby":R,required:_,maxLength:D,disabled:O,readOnly:k,...M,ref:B,onInput:W}),p(n,{error:v,hint:y,errorId:I,hintId:L}),E&&m(`div`,{className:`field-count${D&&H>=D?` at-limit`:``}`,children:[H,D?` / ${D}`:``]})]})});export{h as default};
+import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnUnknownProps.js";import n from"../lib/FieldMessage.js";import r from"./AppInfoTip.js";import i from"./AppRequiredMark.js";import{forwardRef as a,useCallback as o,useEffect as s,useId as c,useLayoutEffect as l,useRef as u,useState as d}from"react";import{Form as f}from"react-bootstrap";import{jsx as p,jsxs as m}from"react/jsx-runtime";var h=a(function(a,h){let{label:g,required:_=!1,error:v,hint:y,help:b,helpLabel:x=`More information`,id:S,name:C,rows:w=4,autoGrow:T=!1,showCount:E=!1,maxLength:D,disabled:O=!1,readOnly:k=!1,className:A=``,fieldClassName:j=``,"data-canvas":M,...N}=a;t(`AppTextarea`,N);let P=c(),F=S||P,I=[`textarea`,T?`autosize`:``,v?`error`:``,A].filter(Boolean).join(` `),L=v&&F?`${F}-error`:void 0,R=y&&F?`${F}-hint`:void 0,z=L||R,B=u(null),V=e=>{B.current=e,typeof h==`function`?h(e):h&&(h.current=e)},H=o(()=>{let e=B.current;e&&(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`)},[]);l(()=>{T&&H()},[T,H,N.value]);let[U,W]=d(()=>String(N.value??N.defaultValue??``).length);s(()=>{!E||N.value===void 0||W(String(N.value??``).length)},[N.value,E]);let G=e=>{T&&H(),E&&W(e.target.value.length),N.onInput?.(e)};return m(f.Group,{...e(`AppTextarea`,a),className:`field${j?` ${j}`:``}`,children:[g&&m(f.Label,{className:`label`,htmlFor:F,children:[g,_&&p(i,{}),b&&p(r,{label:x,children:b})]}),p(f.Control,{as:`textarea`,id:F,name:C,rows:w,className:I,"aria-invalid":v?`true`:`false`,"aria-describedby":z,required:_,maxLength:D,disabled:O,readOnly:k,...N,ref:V,onInput:G}),p(n,{error:v,hint:y,errorId:L,hintId:R}),E&&m(`div`,{className:`field-count${D&&U>=D?` at-limit`:``}`,children:[U,D?` / ${D}`:``]})]})});export{h as default};

package/dist/components/AppTimePicker.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o from"./useWuiControl.js";import{cloneElement as s,forwardRef as c,useId as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import"@webority/ui-elements/elements/timepicker";var f=[`sm`,`md`,`lg`],p=[`12`,`24`],m=c(function(c,m){let{value:h,onChange:g,label:_,required:v=!1,hint:y,error:b,help:x,helpLabel:S=`More information`,name:C,min:w,max:T,step:E,format:D=`24`,placeholder:O=`Select time`,disabled:k,size:A,id:j,ariaLabel:M,className:N=``,fieldClassName:P=``,...F}=c;n(`AppTimePicker`,F),t(`AppTimePicker`,`size`,A,f);let I=String(D);t(`AppTimePicker`,`format`,I,p);let L=l(),R=j||C||L,{setRef:z}=o({ref:m,value:h??``,onChange:g}),B=!_&&!b&&!y,V=b?`${R}-error`:void 0,H=y?`${R}-hint`:void 0,U=u(`wui-timepicker`,{ref:z,value:h||void 0,id:R,name:C,min:w,max:T,step:E==null?void 0:String(E),format:I,placeholder:O,size:A||void 0,"aria-label":M||(typeof _==`string`?_:void 0),"aria-describedby":V||H,"aria-invalid":b?`true`:void 0,disabled:k?``:void 0,required:v?``:void 0,className:N||void 0,...F});return B?s(U,e(`AppTimePicker`,c)):d(`div`,{...e(`AppTimePicker`,c),className:`field${P?` ${P}`:``}`,children:[_&&d(`label`,{className:`label`,htmlFor:R,children:[_,v&&u(a,{}),x&&u(i,{label:S,children:x})]}),U,u(r,{error:b,hint:y,errorId:V,hintId:H})]})});export{m as default};
+import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o from"./useWuiControl.js";import{cloneElement as s,forwardRef as c,useId as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import"@webority/ui-elements/elements/timepicker";var f=[`sm`,`md`,`lg`],p=[`12`,`24`],m=c(function(c,m){let{value:h,onChange:g,label:_,required:v=!1,hint:y,error:b,help:x,helpLabel:S=`More information`,name:C,min:w,max:T,step:E,format:D=24,placeholder:O=`Select time`,disabled:k,size:A,id:j,ariaLabel:M,className:N=``,fieldClassName:P=``,"data-canvas":F,...I}=c;n(`AppTimePicker`,I),t(`AppTimePicker`,`size`,A,f);let L=String(D);t(`AppTimePicker`,`format`,L,p);let R=l(),z=j||C||R,{setRef:B}=o({ref:m,value:h??``,onChange:g}),V=!_&&!b&&!y,H=b?`${z}-error`:void 0,U=y?`${z}-hint`:void 0,W=u(`wui-timepicker`,{ref:B,value:h||void 0,id:z,name:C,min:w,max:T,step:E==null?void 0:String(E),format:L,placeholder:O,size:A||void 0,"aria-label":M||(typeof _==`string`?_:void 0),"aria-describedby":H||U,"aria-invalid":b?`true`:void 0,disabled:k?``:void 0,required:v?``:void 0,className:N||void 0,...I});return V?s(W,e(`AppTimePicker`,c)):d(`div`,{...e(`AppTimePicker`,c),className:`field${P?` ${P}`:``}`,children:[_&&d(`label`,{className:`label`,htmlFor:z,children:[_,v&&u(a,{}),x&&u(i,{label:S,children:x})]}),W,u(r,{error:b,hint:y,errorId:H,hintId:U})]})});export{m as default};