@oracle/oraclejet-preact 21.0.0 → 21.0.1

package/amd/{BaseNavigationListItem-299cbfab.js → BaseNavigationListItem-0efcad58.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-ccf2fa6a', './NavigationList-fd5b6fe4', './Flex-026e94ca', './useComponentTheme-db55de25', './classNames-08d99695', './WarningS-e21778cb', './ErrorS-608c8d2d', './InformationS-544853dc', './SuccessS-3359f16d', './Expander-150fa95e', './View-ef57c267', './ExpandableContext-9f96f74d', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './useTabBarItemTooltip-e12a923f', './mergeProps-bcfa6a92', './Close-64214e2e', './useHover-8b8a1496', './useTranslationBundle-1be27606', './safeHref-e764caa8', './EmbeddedIconButton-2630c4ed', './Badge-5d689f6d'], (function(e,a,s,n,i,t,l,r,d,o,c,x,u,j,v,p,h,g,m,f,b,y,C,k){"use strict";const I=e=>{e.preventDefault()},S=e=>{e.preventDefault(),e.stopPropagation()};e.BaseNavigationListItem=function({itemKey:e,label:F,badge:N,metadata:T,severity:E="none",icon:L,iconPosition:w="start",href:P,target:B,isRemovable:D=!1,isDisabled:R=!1,isExternalNavigationLinkItem:H,"aria-controls":z,isCollapsibleVariant:K=!1,isGroup:V=!1,isExpanded:W=!1,onToggle:_,indentation:A,children:G,level:M,navigationItemRole:O}){const U=s.useRef(null),{onRemove:$}=i.useNavigationListContext(),{hoverProps:q,isHover:J}=f.useHover({}),Q=b.useTranslationBundle("@oracle/oraclejet-preact"),{itemId:X,itemHandlers:Y,itemClasses:Z,isSelected:ee,labelContainerClasses:ae,labelContainerStyle:se,isIconOnly:ne,isEdgeEnd:ie,stackedBadgeClasses:te,iconOnlyClasses:le,isRtl:re,isCurrent:de,showFocusRing:oe,itemTabIndex:ce}=i.useNavigationListItem({itemKey:e,isCollapsibleVariant:K,isGroup:V,isDisabled:R}),xe=s.useCallback((()=>{$?.({value:e})}),[$,e]),ue=s.useCallback((e=>{" "!==e.key&&"Space"!==e.code||null==P||R||(e.preventDefault(),e.currentTarget?.click())}),[P,R,B]),je=null!=B?{target:`_${B}`,..."blank"===B?{rel:"noopener noreferrer"}:{}}:void 0,ve=s.useCallback((e=>{e.preventDefault(),e.stopPropagation()}),[]),pe=!("none"===E||void 0===E),he=e=>{switch(e){case"error":return a.jsx(o.SvgErrorS,{color:"danger"});case"warning":return a.jsx(d.SvgWarningS,{color:"warning"});case"info":return a.jsx(c.SvgInformationS,{color:"info"});case"confirmation":return a.jsx(x.SvgSuccessS,{color:"success"});default:return null}},{styles:{iconLabelContainer:ge,iconContainer:me,disabledContent:fe,startIconPadding:be,endContentPadding:ye,removeIconPaddingWithEndContent:Ce,linkWrapperNoPadding:ke,linkContentPadding:Ie,disabledLinkCursor:Se,navigationItemMetadata:Fe,navigationListItemLink:Ne,navigationlistExpander:Te,navigationlistExpanderRtl:Ee}}=l.useComponentTheme(p.NavigationListItemRedwoodTheme),Le=r.classNames([Fe,ye]),we=r.classNames([Ne,Ie,R&&Se]),Pe=r.classNames([Z,ke]),{onKeyDown:Be,onKeyUp:De,...Re}=Y,He=r.classNames([ge,me,ye]),ze=r.classNames([!ne&&ge,me,!ne&&be,ne&&le,R&&fe]),{styles:{navigationlistRemoveIcon:Ke}}=l.useComponentTheme(p.NavigationListItemRedwoodTheme),Ve=T||pe||N,We=r.classNames([Ke,Ve&&Ce,!Ve&&ye]),_e=r.classNames([Te,re&&Ee,R&&fe]),Ae=s.useCallback((e=>{e.preventDefault()}),[]),Ge=null!=P&&!H,Me=F&&!(" "===F&&void 0===F),Oe=L&&null!=L&&ne,Ue=Oe,$e=null!=L&&("start"===w||ne),qe=null!=L&&"end"===w&&!ne,Je=D&&!R?a.jsx("span",{class:We,"data-oj-navigationlist-item-remove-icon":!0,onMouseDown:ve,onClick:ve,children:a.jsx(C.EmbeddedIconButton,{"aria-label":Q.tabBarNavigationList_removeCueText(),size:"xs",onAction:R?void 0:xe,children:(J||ee||de&&oe)&&a.jsx(m.SvgClose,{})})}):null,{tooltipContent:Qe,tooltipEventHandlerProps:Xe,onLogicalFocus:Ye,onLogicalBlur:Ze}=h.useTabBarItemTooltip({label:F,isDisabled:!Ue,position:ie?"start":"end"});Ue&&(de&&oe||ee?Ye(U.current):de&&oe||Ze());const ea=a.jsx("span",{class:R?fe:void 0,children:a.jsx(n.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:F})}),aa=()=>K?a.jsx(j.View,{paddingInlineStart:A,alignSelf:"center",width:"100%",children:a.jsxs(t.Flex,{direction:"row",align:"center",justify:"start",alignSelf:"center",children:[$e&&a.jsx(t.Flex,{justify:"start",children:a.jsx("span",{class:ze,children:L})}),a.jsx(t.Flex,{align:"center",justify:"start",flex:"1 1 auto",children:a.jsx("span",{class:ae,style:se,children:ea})}),qe&&a.jsx(t.Flex,{justify:"end",children:a.jsx("span",{class:He,children:L})}),Je,V&&a.jsx("span",{class:_e,onClickCapture:null!=P?Ae:void 0,children:a.jsx(v.ExpandableContext.Provider,{value:{isExpanded:!!W,onToggle:_,variant:"navigationList"},children:a.jsx(u.Expander,{})})})]})}):a.jsxs(a.Fragment,{children:[$e&&a.jsx(t.Flex,{justify:"start",children:a.jsx("span",{class:ze,children:L})}),!ne&&Me&&a.jsx(t.Flex,{align:"center",justify:"start",flex:"1 1 auto",children:a.jsx("span",{class:ae,style:se,children:ea})}),qe&&a.jsx(t.Flex,{justify:"end",children:a.jsx("span",{class:He,children:L})}),Je]}),sa=()=>K?a.jsx(j.View,{paddingInlineStart:A,alignSelf:"center",width:"100%",children:a.jsxs(t.Flex,{direction:"row",align:"center",justify:"start",alignSelf:"center",children:[Oe&&a.jsxs("div",{class:ze,children:[L,a.jsx("span",{class:te,children:N?a.jsx(k.Badge,{size:"xs",variant:"neutral",children:N}):null})]}),!ne&&$e&&a.jsx(t.Flex,{justify:"start",children:a.jsx("span",{class:ze,children:L})}),(!ne||ne&&!Oe)&&Me&&a.jsx(t.Flex,{align:"center",justify:"start",flex:"1 1 auto",children:a.jsx("span",{class:ae,style:se,children:ea})}),(T||pe||N||D||V||qe)&&a.jsxs(t.Flex,{align:"center",justify:"end",children:[qe&&a.jsx("span",{class:He,children:L}),(!ne||ne&&!Oe)&&N&&a.jsx("span",{class:He,children:a.jsx(k.Badge,{size:"md",variant:"neutralSubtle",children:N})}),T&&a.jsx("span",{class:Le,children:a.jsx(n.Text,{children:"( "+T+" )"})}),pe&&a.jsx("span",{class:He,children:he(E)}),Je,V&&a.jsx("span",{class:_e,onClickCapture:null!=P?Ae:void 0,children:a.jsx(v.ExpandableContext.Provider,{value:{isExpanded:!!W,onToggle:_,variant:"navigationList"},children:a.jsx(u.Expander,{})})})]})]})}):a.jsxs(a.Fragment,{children:[Oe&&a.jsxs("div",{class:ze,children:[L,a.jsx("span",{class:te,children:N?a.jsx(k.Badge,{size:"xs",variant:"neutral",children:N}):null})]}),!ne&&$e&&a.jsx(t.Flex,{justify:"start",children:a.jsx("span",{class:ze,children:L})}),(!ne||ne&&!Oe)&&Me&&a.jsx(t.Flex,{align:"center",justify:"start",flex:"1 1 auto",children:a.jsx("span",{class:ae,style:se,children:ea})}),(T||pe||N||D||qe)&&a.jsxs(t.Flex,{align:"center",justify:"end",children:[qe&&a.jsx("span",{class:He,children:L}),(!ne||ne&&!Oe)&&N&&a.jsx("span",{class:He,children:a.jsx(k.Badge,{size:"md",variant:"neutralSubtle",children:N})}),T&&a.jsx("span",{class:Le,children:a.jsx(n.Text,{children:"( "+T+" )"})}),pe&&a.jsx("span",{class:He,children:he(E)}),Je]})]});return H?(()=>{const s=y.getSafeHref(P,"NavigationList");return K?a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:U,class:Pe,...g.mergeProps(Xe,q,Re),children:a.jsxs("a",{role:"treeitem","data-oj-key":e,"data-oj-nav-external-link-item":!0,..."number"==typeof e&&{"data-oj-key-type":"number"},id:X,class:we,"aria-level":M,"aria-expanded":V?W:void 0,"aria-selected":ee,"aria-disabled":R||void 0,"data-oj-nav-item-disabled":R?"true":void 0,tabIndex:ce,href:s,onKeyDown:ue,onClick:R?S:void 0,...je,children:[Ve?sa():aa(),ne&&Qe]})}),V&&W&&G&&a.jsx("div",{role:"group",children:G})]}):a.jsx("div",{...g.mergeProps(q,Re),class:Pe,children:a.jsx("a",{tabIndex:ce,role:"option","data-oj-key":e,"data-oj-nav-external-link-item":!0,..."number"==typeof e&&{"data-oj-key-type":"number"},id:X,class:we,"aria-selected":ee,"aria-disabled":R||void 0,"data-oj-nav-item-disabled":R?"true":void 0,href:s,onKeyDown:ue,onClick:R?S:void 0,...je,children:Ve?sa():aa()})})})():Ge?(()=>{const s=y.getSafeHref(P,"NavigationList");return K?a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:U,class:Pe,...g.mergeProps(Xe,q,Re),children:a.jsxs("a",{role:"treeitem","data-oj-key":e,..."number"==typeof e&&{"data-oj-key-type":"number"},id:X,class:we,"aria-level":M,"aria-expanded":V?W:void 0,"aria-selected":ee,"aria-disabled":R||void 0,"data-oj-nav-item-disabled":R?"true":void 0,"aria-controls":z,tabIndex:ce,href:s,onClick:R?S:I,children:[Ve?sa():aa(),ne&&Qe]})}),V&&W&&G&&a.jsx("div",{role:"group",children:G})]}):a.jsx("div",{...g.mergeProps(q,Re),class:Pe,children:a.jsx("a",{tabIndex:ce,role:O,"data-oj-key":e,..."number"==typeof e&&{"data-oj-key-type":"number"},id:X,class:we,"aria-selected":ee,"aria-disabled":R||void 0,"data-oj-nav-item-disabled":R?"true":void 0,"aria-controls":z,href:s,onClick:R?S:I,children:Ve?sa():aa()})})})():K?a.jsxs(a.Fragment,{children:[a.jsxs("div",{role:"treeitem",...g.mergeProps(Xe,q,Re),"data-oj-key":e,..."number"==typeof e&&{"data-oj-key-type":"number"},id:X,class:Z,"aria-level":M,"aria-expanded":V?W:void 0,"aria-selected":ee,"aria-disabled":R||void 0,"data-oj-nav-item-disabled":R?"true":void 0,tabIndex:ce,ref:U,children:[Ve?sa():aa(),ne&&Qe]}),V&&W&&G&&a.jsx("div",{role:"group",children:G})]}):a.jsxs("div",{role:"tab",...g.mergeProps(Xe,q,Re),"data-oj-key":e,..."number"==typeof e&&{"data-oj-key-type":"number"},id:X,class:Z,"aria-selected":ee,"aria-disabled":R||void 0,"data-oj-nav-item-disabled":R?"true":void 0,tabIndex:ce,ref:U,children:[Ve?sa():aa(),ne&&Qe]})}}));
-//# sourceMappingURL=BaseNavigationListItem-299cbfab.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-ccf2fa6a', './NavigationList-fd5b6fe4', './Flex-026e94ca', './useComponentTheme-db55de25', './classNames-08d99695', './WarningS-e21778cb', './ErrorS-608c8d2d', './InformationS-544853dc', './SuccessS-3359f16d', './Expander-4b1f2445', './View-ef57c267', './ExpandableContext-9f96f74d', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './useTabBarItemTooltip-e12a923f', './mergeProps-bcfa6a92', './EmbeddedIconButton-2630c4ed', './Close-64214e2e', './useHover-8b8a1496', './useTranslationBundle-1be27606', './safeHref-e764caa8', './Badge-5d689f6d'], (function(e,a,s,n,i,t,l,r,d,o,c,x,u,j,v,p,h,g,m,f,b,y,C,k){"use strict";const I=e=>{e.preventDefault()},S=e=>{e.preventDefault(),e.stopPropagation()};e.BaseNavigationListItem=function({itemKey:e,label:F,badge:N,metadata:T,severity:E="none",icon:L,iconPosition:w="start",href:P,target:B,isRemovable:D=!1,isDisabled:R=!1,isExternalNavigationLinkItem:H,"aria-controls":z,isCollapsibleVariant:K=!1,isGroup:V=!1,isExpanded:W=!1,onToggle:_,indentation:A,children:G,level:M,navigationItemRole:O}){const U=s.useRef(null),{onRemove:$}=i.useNavigationListContext(),{hoverProps:q,isHover:J}=b.useHover({}),Q=y.useTranslationBundle("@oracle/oraclejet-preact"),{itemId:X,itemHandlers:Y,itemClasses:Z,isSelected:ee,labelContainerClasses:ae,labelContainerStyle:se,isIconOnly:ne,isEdgeEnd:ie,stackedBadgeClasses:te,iconOnlyClasses:le,isRtl:re,isCurrent:de,showFocusRing:oe,itemTabIndex:ce}=i.useNavigationListItem({itemKey:e,isCollapsibleVariant:K,isGroup:V,isDisabled:R}),xe=s.useCallback((()=>{$?.({value:e})}),[$,e]),ue=s.useCallback((e=>{" "!==e.key&&"Space"!==e.code||null==P||R||(e.preventDefault(),e.currentTarget?.click())}),[P,R,B]),je=null!=B?{target:`_${B}`,..."blank"===B?{rel:"noopener noreferrer"}:{}}:void 0,ve=s.useCallback((e=>{e.preventDefault(),e.stopPropagation()}),[]),pe=!("none"===E||void 0===E),he=e=>{switch(e){case"error":return a.jsx(o.SvgErrorS,{color:"danger"});case"warning":return a.jsx(d.SvgWarningS,{color:"warning"});case"info":return a.jsx(c.SvgInformationS,{color:"info"});case"confirmation":return a.jsx(x.SvgSuccessS,{color:"success"});default:return null}},{styles:{iconLabelContainer:ge,iconContainer:me,disabledContent:fe,startIconPadding:be,endContentPadding:ye,removeIconPaddingWithEndContent:Ce,linkWrapperNoPadding:ke,linkContentPadding:Ie,disabledLinkCursor:Se,navigationItemMetadata:Fe,navigationListItemLink:Ne,navigationlistExpander:Te,navigationlistExpanderRtl:Ee}}=l.useComponentTheme(p.NavigationListItemRedwoodTheme),Le=r.classNames([Fe,ye]),we=r.classNames([Ne,Ie,R&&Se]),Pe=r.classNames([Z,ke]),{onKeyDown:Be,onKeyUp:De,...Re}=Y,He=r.classNames([ge,me,ye]),ze=r.classNames([!ne&&ge,me,!ne&&be,ne&&le,R&&fe]),{styles:{navigationlistRemoveIcon:Ke}}=l.useComponentTheme(p.NavigationListItemRedwoodTheme),Ve=T||pe||N,We=r.classNames([Ke,Ve&&Ce,!Ve&&ye]),_e=r.classNames([Te,re&&Ee,R&&fe]),Ae=s.useCallback((e=>{e.preventDefault()}),[]),Ge=null!=P&&!H,Me=F&&!(" "===F&&void 0===F),Oe=L&&null!=L&&ne,Ue=Oe,$e=null!=L&&("start"===w||ne),qe=null!=L&&"end"===w&&!ne,Je=D&&!R?a.jsx("span",{class:We,"data-oj-navigationlist-item-remove-icon":!0,onMouseDown:ve,onClick:ve,children:a.jsx(m.EmbeddedIconButton,{"aria-label":Q.tabBarNavigationList_removeCueText(),size:"xs",onAction:R?void 0:xe,children:(J||ee||de&&oe)&&a.jsx(f.SvgClose,{})})}):null,{tooltipContent:Qe,tooltipEventHandlerProps:Xe,onLogicalFocus:Ye,onLogicalBlur:Ze}=h.useTabBarItemTooltip({label:F,isDisabled:!Ue,position:ie?"start":"end"});Ue&&(de&&oe||ee?Ye(U.current):de&&oe||Ze());const ea=a.jsx("span",{class:R?fe:void 0,children:a.jsx(n.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:F})}),aa=()=>K?a.jsx(j.View,{paddingInlineStart:A,alignSelf:"center",width:"100%",children:a.jsxs(t.Flex,{direction:"row",align:"center",justify:"start",alignSelf:"center",children:[$e&&a.jsx(t.Flex,{justify:"start",children:a.jsx("span",{class:ze,children:L})}),a.jsx(t.Flex,{align:"center",justify:"start",flex:"1 1 auto",children:a.jsx("span",{class:ae,style:se,children:ea})}),qe&&a.jsx(t.Flex,{justify:"end",children:a.jsx("span",{class:He,children:L})}),Je,V&&a.jsx("span",{class:_e,onClickCapture:null!=P?Ae:void 0,children:a.jsx(v.ExpandableContext.Provider,{value:{isExpanded:!!W,onToggle:_,variant:"navigationList"},children:a.jsx(u.Expander,{})})})]})}):a.jsxs(a.Fragment,{children:[$e&&a.jsx(t.Flex,{justify:"start",children:a.jsx("span",{class:ze,children:L})}),!ne&&Me&&a.jsx(t.Flex,{align:"center",justify:"start",flex:"1 1 auto",children:a.jsx("span",{class:ae,style:se,children:ea})}),qe&&a.jsx(t.Flex,{justify:"end",children:a.jsx("span",{class:He,children:L})}),Je]}),sa=()=>K?a.jsx(j.View,{paddingInlineStart:A,alignSelf:"center",width:"100%",children:a.jsxs(t.Flex,{direction:"row",align:"center",justify:"start",alignSelf:"center",children:[Oe&&a.jsxs("div",{class:ze,children:[L,a.jsx("span",{class:te,children:N?a.jsx(k.Badge,{size:"xs",variant:"neutral",children:N}):null})]}),!ne&&$e&&a.jsx(t.Flex,{justify:"start",children:a.jsx("span",{class:ze,children:L})}),(!ne||ne&&!Oe)&&Me&&a.jsx(t.Flex,{align:"center",justify:"start",flex:"1 1 auto",children:a.jsx("span",{class:ae,style:se,children:ea})}),(T||pe||N||D||V||qe)&&a.jsxs(t.Flex,{align:"center",justify:"end",children:[qe&&a.jsx("span",{class:He,children:L}),(!ne||ne&&!Oe)&&N&&a.jsx("span",{class:He,children:a.jsx(k.Badge,{size:"md",variant:"neutralSubtle",children:N})}),T&&a.jsx("span",{class:Le,children:a.jsx(n.Text,{children:"( "+T+" )"})}),pe&&a.jsx("span",{class:He,children:he(E)}),Je,V&&a.jsx("span",{class:_e,onClickCapture:null!=P?Ae:void 0,children:a.jsx(v.ExpandableContext.Provider,{value:{isExpanded:!!W,onToggle:_,variant:"navigationList"},children:a.jsx(u.Expander,{})})})]})]})}):a.jsxs(a.Fragment,{children:[Oe&&a.jsxs("div",{class:ze,children:[L,a.jsx("span",{class:te,children:N?a.jsx(k.Badge,{size:"xs",variant:"neutral",children:N}):null})]}),!ne&&$e&&a.jsx(t.Flex,{justify:"start",children:a.jsx("span",{class:ze,children:L})}),(!ne||ne&&!Oe)&&Me&&a.jsx(t.Flex,{align:"center",justify:"start",flex:"1 1 auto",children:a.jsx("span",{class:ae,style:se,children:ea})}),(T||pe||N||D||qe)&&a.jsxs(t.Flex,{align:"center",justify:"end",children:[qe&&a.jsx("span",{class:He,children:L}),(!ne||ne&&!Oe)&&N&&a.jsx("span",{class:He,children:a.jsx(k.Badge,{size:"md",variant:"neutralSubtle",children:N})}),T&&a.jsx("span",{class:Le,children:a.jsx(n.Text,{children:"( "+T+" )"})}),pe&&a.jsx("span",{class:He,children:he(E)}),Je]})]});return H?(()=>{const s=C.getSafeHref(P,"NavigationList");return K?a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:U,class:Pe,...g.mergeProps(Xe,q,Re),children:a.jsxs("a",{role:"treeitem","data-oj-key":e,"data-oj-nav-external-link-item":!0,..."number"==typeof e&&{"data-oj-key-type":"number"},id:X,class:we,"aria-level":M,"aria-expanded":V?W:void 0,"aria-selected":ee,"aria-disabled":R||void 0,"data-oj-nav-item-disabled":R?"true":void 0,tabIndex:ce,href:s,onKeyDown:ue,onClick:R?S:void 0,...je,children:[Ve?sa():aa(),ne&&Qe]})}),V&&W&&G&&a.jsx("div",{role:"group",children:G})]}):a.jsx("div",{...g.mergeProps(q,Re),class:Pe,children:a.jsx("a",{tabIndex:ce,role:"option","data-oj-key":e,"data-oj-nav-external-link-item":!0,..."number"==typeof e&&{"data-oj-key-type":"number"},id:X,class:we,"aria-selected":ee,"aria-disabled":R||void 0,"data-oj-nav-item-disabled":R?"true":void 0,href:s,onKeyDown:ue,onClick:R?S:void 0,...je,children:Ve?sa():aa()})})})():Ge?(()=>{const s=C.getSafeHref(P,"NavigationList");return K?a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:U,class:Pe,...g.mergeProps(Xe,q,Re),children:a.jsxs("a",{role:"treeitem","data-oj-key":e,..."number"==typeof e&&{"data-oj-key-type":"number"},id:X,class:we,"aria-level":M,"aria-expanded":V?W:void 0,"aria-selected":ee,"aria-disabled":R||void 0,"data-oj-nav-item-disabled":R?"true":void 0,"aria-controls":z,tabIndex:ce,href:s,onClick:R?S:I,children:[Ve?sa():aa(),ne&&Qe]})}),V&&W&&G&&a.jsx("div",{role:"group",children:G})]}):a.jsx("div",{...g.mergeProps(q,Re),class:Pe,children:a.jsx("a",{tabIndex:ce,role:O,"data-oj-key":e,..."number"==typeof e&&{"data-oj-key-type":"number"},id:X,class:we,"aria-selected":ee,"aria-disabled":R||void 0,"data-oj-nav-item-disabled":R?"true":void 0,"aria-controls":z,href:s,onClick:R?S:I,children:Ve?sa():aa()})})})():K?a.jsxs(a.Fragment,{children:[a.jsxs("div",{role:"treeitem",...g.mergeProps(Xe,q,Re),"data-oj-key":e,..."number"==typeof e&&{"data-oj-key-type":"number"},id:X,class:Z,"aria-level":M,"aria-expanded":V?W:void 0,"aria-selected":ee,"aria-disabled":R||void 0,"data-oj-nav-item-disabled":R?"true":void 0,tabIndex:ce,ref:U,children:[Ve?sa():aa(),ne&&Qe]}),V&&W&&G&&a.jsx("div",{role:"group",children:G})]}):a.jsxs("div",{role:"tab",...g.mergeProps(Xe,q,Re),"data-oj-key":e,..."number"==typeof e&&{"data-oj-key-type":"number"},id:X,class:Z,"aria-selected":ee,"aria-disabled":R||void 0,"data-oj-nav-item-disabled":R?"true":void 0,tabIndex:ce,ref:U,children:[Ve?sa():aa(),ne&&Qe]})}}));
+//# sourceMappingURL=BaseNavigationListItem-0efcad58.js.map

package/amd/{BaseNavigationListItem-299cbfab.js.map → BaseNavigationListItem-0efcad58.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BaseNavigationListItem-299cbfab.js","sources":["../../src/UNSAFE_NavigationListCommon/BaseNavigationListItem.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { Text } from '../UNSAFE_Text';\n\nimport { useNavigationListItem } from './useNavigationListItem';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Badge } from '../UNSAFE_Badge';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { WarningS } from '../UNSAFE_RedwoodIcons/WarningS';\nimport { ErrorS } from '../UNSAFE_RedwoodIcons/ErrorS';\nimport { InformationS } from '../UNSAFE_RedwoodIcons/InformationS';\nimport { SuccessS } from '../UNSAFE_RedwoodIcons/SuccessS';\nimport { Expander } from '#UNSAFE_Expander';\nimport { View } from '#UNSAFE_View';\nimport { ExpandableContext } from '#hooks/UNSAFE_useExpandableContext';\nimport { Size } from '#utils/UNSAFE_size';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\nimport { ComponentChild, ComponentChildren } from 'preact';\nimport { useTabBarItemTooltip } from '#UNSAFE_TabBarCommon/useTabBarItemTooltip';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { getSafeHref } from '#utils/PRIVATE_safeHref';\n\ntype Severity = 'warning' | 'info' | 'none' | 'error' | 'confirmation';\ntype AriaProps = {\n  /**\n   * Accepts the panel element's ID associated with the item (this will be delegated only to link item renderers)\n   **/\n  'aria-controls'?: string;\n};\n\ntype NavigationListItemSharedProps<K extends string | number> = {\n  /**\n   * Key of the item.\n   */\n  itemKey: K;\n  /**\n   * Label of the item\n   */\n  label: string;\n  /**\n   * Icon displayed for the item.\n   */\n  icon?: ComponentChild;\n  /**\n   * Position of the icon relative to the label.\n   */\n  iconPosition?: 'start' | 'end';\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * The content to be rendered inside the Text component as a metadata.\n   */\n  metadata?: string;\n  /**\n   * The status icon to be rendered after the label.\n   */\n  severity?: Severity;\n};\n\n/**\n * Navigation list item interaction props are mutually exclusive.\n * An item may specify `isRemovable` or `isDisabled`, but never both,\n * regardless of the boolean value provided.\n */\ntype NavigationListItemInteractionProps =\n  | {\n      /**\n       * Setting it to true makes the item non-interactive and appear disabled however still navigable using up/down arrow keys.\n       */\n      isDisabled: true;\n      /**\n       * This property cannot be used together with `isDisabled`. As disabled items are non-interactive hence cannot be removed.\n       */\n      isRemovable?: false;\n    }\n  | {\n      /**\n       * Setting it to true renders the remove icon and allows the item to be removed.\n       */\n      isRemovable?: boolean;\n      /**\n       * This property cannot be used together with `isRemovable`. As disabled items are non-interactive hence cannot be removed.\n       */\n      isDisabled?: false;\n    };\n\nexport type PublicNavigationListItemProps<K extends string | number> =\n  NavigationListItemSharedProps<K> & NavigationListItemInteractionProps;\n\nexport type PrivateNavigationListItemProps<K extends string | number> =\n  PublicNavigationListItemProps<K> &\n    AriaProps & {\n      /**\n       * Sets the URL that the hyperlink points to. Will be used by the parent NavigationListLink related items.\n       */\n      href?: string;\n      /**\n       * The boolean used by parent of BaseNavigationListItem to denote if its a CollapsibleNavigationListItem\n       */\n      isCollapsibleVariant?: boolean;\n      /**\n       * The boolean used by parent of BaseNavigationListItem to denote if its a group item\n       */\n      isGroup?: boolean;\n      /**\n       * The boolean used by parent of BaseNavigationListItem to denote if the group item is expanded\n       */\n      isExpanded?: boolean;\n      /**\n       * Used by CollapsibleNavigationListItem parent of BaseNavigationListItem to pass the onToggle method required for Expander\n       */\n      onToggle?: () => void;\n      /**\n       * Used by CollapsibleNavigationListItem parent of BaseNavigationListItem to pass the indentation value for each level of group nodes\n       */\n      indentation?: string | number;\n      /**\n       * If it is a group item, children will be CollapsibleNavigationListItems\n       */\n      children?: ComponentChildren;\n      /**\n       * Used by CollapsibleNavigationListItem  parent of BaseNavigationListItem to pass in the level used for aria-level\n       */\n      level?: number;\n      /**\n       * Sets the target for the hyperlink for external navigation item\n       */\n      target?: 'self' | 'blank' | 'parent' | 'top';\n      /**\n       * Set by parent external navigation item\n       */\n      isExternalNavigationLinkItem?: boolean;\n      /**\n       * Role for the item based on its usage for internal or external navigation\n       */\n      navigationItemRole?: 'tab' | 'option';\n    };\n\nconst onClickLink = (event: MouseEvent) => {\n  event.preventDefault();\n};\n\nconst onClickDisabledLink = (event: MouseEvent) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */\n/**\n * The base layer of navigation list item used to render different variants\n */\nexport function BaseNavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity = 'none',\n  icon,\n  iconPosition = 'start',\n  href,\n  target,\n  isRemovable = false,\n  isDisabled = false,\n  isExternalNavigationLinkItem,\n  'aria-controls': ariaControls,\n  isCollapsibleVariant = false,\n  isGroup = false,\n  isExpanded = false,\n  onToggle,\n  indentation,\n  children,\n  level,\n  navigationItemRole\n}: PrivateNavigationListItemProps<K>) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const { onRemove } = useNavigationListContext();\n  const { hoverProps, isHover } = useHover({});\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  //Logic of the component handled here\n  const {\n    itemId,\n    itemHandlers,\n    itemClasses,\n    isSelected,\n    labelContainerClasses,\n    labelContainerStyle,\n    isIconOnly,\n    isEdgeEnd,\n    stackedBadgeClasses,\n    iconOnlyClasses,\n    isRtl,\n    isCurrent,\n    showFocusRing,\n    itemTabIndex\n  } = useNavigationListItem({\n    itemKey,\n    isCollapsibleVariant,\n    isGroup,\n    isDisabled\n  });\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey });\n  }, [onRemove, itemKey]);\n\n  // When we have external links and item is not disabled they should open on space key interaction\n  const handleExternalLinkKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if ((event.key === ' ' || event.code === 'Space') && href != null && !isDisabled) {\n        event.preventDefault();\n        // We want space to behave the same way as enter key so trigger click we make anchor behave like a native enter key event.\n        // Window.open and window.location would not do the same. Click though it bubbles up it would not be triggered on pointer interaction. NavigationList listens to space and triggers onSelectedChange/onItemAction so this would additionally open the link and these are parallel events.\n        (event.currentTarget as HTMLAnchorElement | null)?.click();\n      }\n    },\n    [href, isDisabled, target]\n  );\n  const externalLinkTargetProps =\n    target != null\n      ? {\n          target: `_${target}`,\n          ...(target === 'blank' ? { rel: 'noopener noreferrer' } : {})\n        }\n      : undefined;\n\n  const stopRemoveEventPropagation = useCallback((event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const severityRequirement = !(severity === 'none' || severity === undefined);\n\n  const IconComponent = (severityValue: Severity) => {\n    switch (severityValue) {\n      case 'error':\n        return <ErrorS color=\"danger\" />;\n      case 'warning':\n        return <WarningS color=\"warning\" />;\n      case 'info':\n        return <InformationS color=\"info\" />;\n      case 'confirmation':\n        return <SuccessS color=\"success\" />;\n      default:\n        return null;\n    }\n  };\n\n  const {\n    styles: {\n      iconLabelContainer,\n      iconContainer,\n      disabledContent,\n      startIconPadding,\n      endContentPadding,\n      removeIconPaddingWithEndContent,\n      linkWrapperNoPadding,\n      linkContentPadding,\n      disabledLinkCursor,\n      navigationItemMetadata,\n      navigationListItemLink,\n      navigationlistExpander,\n      navigationlistExpanderRtl\n    }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const navigationItemMatadata = classNames([navigationItemMetadata, endContentPadding]);\n  // Disabled cursor on the outer item wrapper is not enough for link items because the hovered\n  // element is the inner anchor. Apply the disabled cursor on the anchor too so disabled links\n  // match the cursor treatment of disabled non-link items.\n  const navigationItemLinkRowClass = classNames([\n    navigationListItemLink,\n    linkContentPadding,\n    isDisabled && disabledLinkCursor\n  ]);\n  const navigationItemLinkWrapperClass = classNames([itemClasses, linkWrapperNoPadding]);\n  // NavigationList root handles keyboard interactions, so item handlers should only handle pointer interactions.\n  const { onKeyDown: _itemOnKeyDown, onKeyUp: _itemOnKeyUp, ...pointerItemHandlers } = itemHandlers;\n\n  const endIconContainerClasses = classNames([\n    iconLabelContainer,\n    iconContainer,\n    endContentPadding\n  ]);\n  const startIconContainerClasses = classNames([\n    !isIconOnly && iconLabelContainer,\n    iconContainer,\n    //For icon only icon to label padding is not required.\n    !isIconOnly && startIconPadding,\n    isIconOnly && iconOnlyClasses,\n    isDisabled && disabledContent\n  ]);\n  const {\n    styles: { navigationlistRemoveIcon }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const isComplexItem = metadata || severityRequirement || badge;\n  const removeClass = classNames([\n    navigationlistRemoveIcon,\n    isComplexItem && removeIconPaddingWithEndContent,\n    !isComplexItem && endContentPadding\n  ]);\n\n  const expanderClasses = classNames([\n    navigationlistExpander,\n    isRtl && navigationlistExpanderRtl,\n    isDisabled && disabledContent\n  ]);\n  // When item has links clicking on expander triggers follow link on click so we want to prevent it.\n  const preventExpanderLinkNavigation = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n\n  // To determine if its a internal link item we check for href and if it is not external navigation item\n  const isLinkItem = href != null && !isExternalNavigationLinkItem;\n  // To determine if external link item we make use of this. Using target would not be sufficient since it is not a required prop on External nav items.\n  const labelRequirement = label && !(label === ' ' && label === undefined);\n  const iconOnlyRequirement = icon && icon != null && isIconOnly;\n  const showTooltip = iconOnlyRequirement;\n  // Icon only mode we can make use of space for start icon as there is no labels.\n  const renderStartIcon = icon != null && (iconPosition === 'start' || isIconOnly);\n  // Only when labels are present positioning before of after it matters. This is implementation detail only.\n  const renderEndIcon = icon != null && iconPosition === 'end' && !isIconOnly;\n  const removeAffordance =\n    isRemovable && !isDisabled ? (\n      <span\n        class={removeClass}\n        data-oj-navigationlist-item-remove-icon={true}\n        onMouseDown={stopRemoveEventPropagation}\n        onClick={stopRemoveEventPropagation}>\n        <EmbeddedIconButton\n          aria-label={translations.tabBarNavigationList_removeCueText()}\n          size=\"xs\"\n          onAction={isDisabled ? undefined : handleRemove}>\n          {(isHover || isSelected || (isCurrent && showFocusRing)) && <Close />}\n        </EmbeddedIconButton>\n      </span>\n    ) : null;\n\n  const { tooltipContent, tooltipEventHandlerProps, onLogicalFocus, onLogicalBlur } =\n    useTabBarItemTooltip({\n      label,\n      isDisabled: !showTooltip,\n      // For edge end the tooltip will appear after icon in the order tooltip, icon, selection when navlist is placed at end of page.\n      position: !isEdgeEnd ? 'end' : 'start'\n    });\n  if (showTooltip) {\n    if ((isCurrent && showFocusRing) || isSelected) {\n      onLogicalFocus(itemRef.current as HTMLElement);\n    } else if (!isCurrent || !showFocusRing) {\n      onLogicalBlur();\n    }\n  }\n\n  const labelContent = (\n    <span class={isDisabled ? disabledContent : undefined}>\n      <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n        {label}\n      </Text>\n    </span>\n  );\n\n  const labelRenderer = () => {\n    if (isCollapsibleVariant) {\n      return (\n        <View paddingInlineStart={indentation as Size} alignSelf=\"center\" width=\"100%\">\n          <Flex direction=\"row\" align=\"center\" justify=\"start\" alignSelf=\"center\">\n            {renderStartIcon && (\n              <Flex justify=\"start\">\n                <span class={startIconContainerClasses}>{icon}</span>\n              </Flex>\n            )}\n            <Flex align=\"center\" justify=\"start\" flex=\"1 1 auto\">\n              <span class={labelContainerClasses} style={labelContainerStyle}>\n                {labelContent}\n              </span>\n            </Flex>\n            {renderEndIcon && (\n              <Flex justify=\"end\">\n                <span class={endIconContainerClasses}>{icon}</span>\n              </Flex>\n            )}\n            {removeAffordance}\n            {isGroup && (\n              <span\n                class={expanderClasses}\n                onClickCapture={href != null ? preventExpanderLinkNavigation : undefined}>\n                <ExpandableContext.Provider\n                  value={{\n                    isExpanded: !!isExpanded,\n                    onToggle: onToggle!,\n                    variant: 'navigationList'\n                  }}>\n                  <Expander />\n                </ExpandableContext.Provider>\n              </span>\n            )}\n          </Flex>\n        </View>\n      );\n    }\n    return (\n      <>\n        {renderStartIcon && (\n          <Flex justify=\"start\">\n            <span class={startIconContainerClasses}>{icon}</span>\n          </Flex>\n        )}\n        {!isIconOnly && labelRequirement && (\n          <Flex align=\"center\" justify=\"start\" flex=\"1 1 auto\">\n            <span class={labelContainerClasses} style={labelContainerStyle}>\n              {labelContent}\n            </span>\n          </Flex>\n        )}\n        {renderEndIcon && (\n          <Flex justify=\"end\">\n            <span class={endIconContainerClasses}>{icon}</span>\n          </Flex>\n        )}\n        {removeAffordance}\n      </>\n    );\n  };\n\n  const complexItemRenderer = () => {\n    if (isCollapsibleVariant) {\n      return (\n        <View paddingInlineStart={indentation as Size} alignSelf=\"center\" width=\"100%\">\n          <Flex direction=\"row\" align=\"center\" justify=\"start\" alignSelf=\"center\">\n            {iconOnlyRequirement && (\n              <div class={startIconContainerClasses}>\n                {icon}\n                <span class={stackedBadgeClasses}>\n                  {badge ? (\n                    <Badge size=\"xs\" variant=\"neutral\">\n                      {badge}\n                    </Badge>\n                  ) : null}\n                </span>\n              </div>\n            )}\n            {!isIconOnly && renderStartIcon && (\n              <Flex justify=\"start\">\n                <span class={startIconContainerClasses}>{icon}</span>\n              </Flex>\n            )}\n            {(!isIconOnly || (isIconOnly && !iconOnlyRequirement)) && labelRequirement && (\n              <Flex align=\"center\" justify=\"start\" flex=\"1 1 auto\">\n                <span class={labelContainerClasses} style={labelContainerStyle}>\n                  {labelContent}\n                </span>\n              </Flex>\n            )}\n            {(metadata ||\n              severityRequirement ||\n              badge ||\n              isRemovable ||\n              isGroup ||\n              renderEndIcon) && (\n              <Flex align=\"center\" justify=\"end\">\n                {renderEndIcon && <span class={endIconContainerClasses}>{icon}</span>}\n                {(!isIconOnly || (isIconOnly && !iconOnlyRequirement)) && badge && (\n                  <span class={endIconContainerClasses}>\n                    <Badge size=\"md\" variant=\"neutralSubtle\">\n                      {badge}\n                    </Badge>\n                  </span>\n                )}\n                {metadata && (\n                  <span class={navigationItemMatadata}>\n                    <Text>{'( ' + metadata + ' )'}</Text>\n                  </span>\n                )}\n                {severityRequirement && (\n                  <span class={endIconContainerClasses}>{IconComponent(severity)}</span>\n                )}\n                {removeAffordance}\n                {isGroup && (\n                  <span\n                    class={expanderClasses}\n                    onClickCapture={href != null ? preventExpanderLinkNavigation : undefined}>\n                    <ExpandableContext.Provider\n                      value={{\n                        isExpanded: !!isExpanded,\n                        onToggle: onToggle!,\n                        variant: 'navigationList'\n                      }}>\n                      <Expander />\n                    </ExpandableContext.Provider>\n                  </span>\n                )}\n              </Flex>\n            )}\n          </Flex>\n        </View>\n      );\n    }\n    return (\n      <>\n        {iconOnlyRequirement && (\n          <div class={startIconContainerClasses}>\n            {icon}\n            <span class={stackedBadgeClasses}>\n              {badge ? (\n                <Badge size=\"xs\" variant=\"neutral\">\n                  {badge}\n                </Badge>\n              ) : null}\n            </span>\n          </div>\n        )}\n        {!isIconOnly && renderStartIcon && (\n          <Flex justify=\"start\">\n            <span class={startIconContainerClasses}>{icon}</span>\n          </Flex>\n        )}\n        {(!isIconOnly || /* This covers invalid cases*/ (isIconOnly && !iconOnlyRequirement)) &&\n          labelRequirement && (\n            <Flex align=\"center\" justify=\"start\" flex=\"1 1 auto\">\n              <span class={labelContainerClasses} style={labelContainerStyle}>\n                {labelContent}\n              </span>\n            </Flex>\n          )}\n        {(metadata || severityRequirement || badge || isRemovable || renderEndIcon) && (\n          <Flex align=\"center\" justify=\"end\">\n            {renderEndIcon && <span class={endIconContainerClasses}>{icon}</span>}\n            {(!isIconOnly || /* This covers invalid cases*/ (isIconOnly && !iconOnlyRequirement)) &&\n              badge && (\n                <span class={endIconContainerClasses}>\n                  <Badge size=\"md\" variant=\"neutralSubtle\">\n                    {badge}\n                  </Badge>\n                </span>\n              )}\n            {metadata && (\n              <span class={navigationItemMatadata}>\n                <Text>{'( ' + metadata + ' )'}</Text>\n              </span>\n            )}\n            {severityRequirement && (\n              <span class={endIconContainerClasses}>{IconComponent(severity)}</span>\n            )}\n            {removeAffordance}\n          </Flex>\n        )}\n      </>\n    );\n  };\n  const navlistItemRenderer = () => {\n    if (isCollapsibleVariant) {\n      return (\n        <>\n          <div\n            role=\"treeitem\"\n            {...mergeProps(tooltipEventHandlerProps, hoverProps, pointerItemHandlers)}\n            data-oj-key={itemKey}\n            {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n            id={itemId}\n            class={itemClasses}\n            aria-level={level}\n            aria-expanded={isGroup ? isExpanded : undefined}\n            aria-selected={isSelected}\n            aria-disabled={isDisabled || undefined}\n            data-oj-nav-item-disabled={isDisabled ? 'true' : undefined}\n            tabIndex={itemTabIndex}\n            ref={itemRef}>\n            {isComplexItem ? complexItemRenderer() : labelRenderer()}\n            {isIconOnly && tooltipContent}\n          </div>\n          {isGroup && isExpanded && children && <div role=\"group\">{children}</div>}\n        </>\n      );\n    }\n    return (\n      <div\n        role=\"tab\"\n        {...mergeProps(tooltipEventHandlerProps, hoverProps, pointerItemHandlers)}\n        data-oj-key={itemKey}\n        {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n        id={itemId}\n        class={itemClasses}\n        aria-selected={isSelected}\n        aria-disabled={isDisabled || undefined}\n        data-oj-nav-item-disabled={isDisabled ? 'true' : undefined}\n        tabIndex={itemTabIndex}\n        ref={itemRef}>\n        {isComplexItem ? complexItemRenderer() : labelRenderer()}\n        {isIconOnly && tooltipContent}\n      </div>\n    );\n  };\n  const navlistLinkItemRenderer = () => {\n    const safeHref = getSafeHref(href, 'NavigationList');\n    if (isCollapsibleVariant) {\n      return (\n        <>\n          <div\n            ref={itemRef}\n            class={navigationItemLinkWrapperClass}\n            {...mergeProps(tooltipEventHandlerProps, hoverProps, pointerItemHandlers)}>\n            <a\n              role=\"treeitem\"\n              data-oj-key={itemKey}\n              {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n              id={itemId}\n              class={navigationItemLinkRowClass}\n              aria-level={level}\n              aria-expanded={isGroup ? isExpanded : undefined}\n              aria-selected={isSelected}\n              aria-disabled={isDisabled || undefined}\n              data-oj-nav-item-disabled={isDisabled ? 'true' : undefined}\n              aria-controls={ariaControls}\n              tabIndex={itemTabIndex}\n              href={safeHref}\n              onClick={isDisabled ? onClickDisabledLink : onClickLink}>\n              {isComplexItem ? complexItemRenderer() : labelRenderer()}\n              {isIconOnly && tooltipContent}\n            </a>\n          </div>\n          {isGroup && isExpanded && children && <div role=\"group\">{children}</div>}\n        </>\n      );\n    }\n    return (\n      <div {...mergeProps(hoverProps, pointerItemHandlers)} class={navigationItemLinkWrapperClass}>\n        <a\n          tabIndex={itemTabIndex}\n          role={navigationItemRole}\n          data-oj-key={itemKey}\n          {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n          id={itemId}\n          class={navigationItemLinkRowClass}\n          aria-selected={isSelected}\n          aria-disabled={isDisabled || undefined}\n          data-oj-nav-item-disabled={isDisabled ? 'true' : undefined}\n          aria-controls={ariaControls}\n          href={safeHref}\n          onClick={isDisabled ? onClickDisabledLink : onClickLink}>\n          {isComplexItem ? complexItemRenderer() : labelRenderer()}\n        </a>\n      </div>\n    );\n  };\n\n  const navlistExternalLinkItemRenderer = () => {\n    const safeHref = getSafeHref(href, 'NavigationList');\n    if (isCollapsibleVariant) {\n      return (\n        <>\n          <div\n            ref={itemRef}\n            class={navigationItemLinkWrapperClass}\n            {...mergeProps(tooltipEventHandlerProps, hoverProps, pointerItemHandlers)}>\n            <a\n              role=\"treeitem\"\n              data-oj-key={itemKey}\n              data-oj-nav-external-link-item={true}\n              {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n              id={itemId}\n              class={navigationItemLinkRowClass}\n              aria-level={level}\n              aria-expanded={isGroup ? isExpanded : undefined}\n              aria-selected={isSelected}\n              aria-disabled={isDisabled || undefined}\n              data-oj-nav-item-disabled={isDisabled ? 'true' : undefined}\n              tabIndex={itemTabIndex}\n              href={safeHref}\n              onKeyDown={handleExternalLinkKeyDown}\n              onClick={isDisabled ? onClickDisabledLink : undefined}\n              {...externalLinkTargetProps}>\n              {isComplexItem ? complexItemRenderer() : labelRenderer()}\n              {isIconOnly && tooltipContent}\n            </a>\n          </div>\n          {isGroup && isExpanded && children && <div role=\"group\">{children}</div>}\n        </>\n      );\n    }\n    return (\n      <div {...mergeProps(hoverProps, pointerItemHandlers)} class={navigationItemLinkWrapperClass}>\n        <a\n          tabIndex={itemTabIndex}\n          role=\"option\"\n          data-oj-key={itemKey}\n          data-oj-nav-external-link-item={true}\n          {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n          id={itemId}\n          class={navigationItemLinkRowClass}\n          aria-selected={isSelected}\n          aria-disabled={isDisabled || undefined}\n          data-oj-nav-item-disabled={isDisabled ? 'true' : undefined}\n          href={safeHref}\n          onKeyDown={handleExternalLinkKeyDown}\n          onClick={isDisabled ? onClickDisabledLink : undefined}\n          {...externalLinkTargetProps}>\n          {isComplexItem ? complexItemRenderer() : labelRenderer()}\n        </a>\n      </div>\n    );\n  };\n  return isExternalNavigationLinkItem\n    ? navlistExternalLinkItemRenderer()\n    : isLinkItem\n    ? navlistLinkItemRenderer()\n    : navlistItemRenderer();\n}\n"],"names":["onClickLink","event","preventDefault","onClickDisabledLink","stopPropagation","itemKey","label","badge","metadata","severity","icon","iconPosition","href","target","isRemovable","isDisabled","isExternalNavigationLinkItem","ariaControls","isCollapsibleVariant","isGroup","isExpanded","onToggle","indentation","children","level","navigationItemRole","itemRef","useRef","onRemove","useNavigationListContext","hoverProps","isHover","useHover","translations","useTranslationBundle","itemId","itemHandlers","itemClasses","isSelected","labelContainerClasses","labelContainerStyle","isIconOnly","isEdgeEnd","stackedBadgeClasses","iconOnlyClasses","isRtl","isCurrent","showFocusRing","itemTabIndex","useNavigationListItem","handleRemove","useCallback","value","handleExternalLinkKeyDown","key","code","currentTarget","click","externalLinkTargetProps","rel","undefined","stopRemoveEventPropagation","severityRequirement","IconComponent","severityValue","_jsx","ErrorS","SvgErrorS","color","WarningS","SvgWarningS","InformationS","SvgInformationS","SuccessS","SvgSuccessS","styles","iconLabelContainer","iconContainer","disabledContent","startIconPadding","endContentPadding","removeIconPaddingWithEndContent","linkWrapperNoPadding","linkContentPadding","disabledLinkCursor","navigationItemMetadata","navigationListItemLink","navigationlistExpander","navigationlistExpanderRtl","useComponentTheme","NavigationListItemRedwoodTheme","navigationItemMatadata","classNames","navigationItemLinkRowClass","navigationItemLinkWrapperClass","onKeyDown","_itemOnKeyDown","onKeyUp","_itemOnKeyUp","pointerItemHandlers","endIconContainerClasses","startIconContainerClasses","navigationlistRemoveIcon","isComplexItem","removeClass","expanderClasses","preventExpanderLinkNavigation","isLinkItem","labelRequirement","iconOnlyRequirement","showTooltip","renderStartIcon","renderEndIcon","removeAffordance","jsx","class","onMouseDown","onClick","EmbeddedIconButton","tabBarNavigationList_removeCueText","size","onAction","Close","tooltipContent","tooltipEventHandlerProps","onLogicalFocus","onLogicalBlur","useTabBarItemTooltip","position","current","labelContent","Text","weight","variant","labelRenderer","View","paddingInlineStart","alignSelf","width","_jsxs","jsxs","Flex","direction","align","justify","flex","style","onClickCapture","ExpandableContext","Provider","Expander","_Fragment","Fragment","complexItemRenderer","Badge","safeHref","getSafeHref","ref","mergeProps","role","id","tabIndex","navlistExternalLinkItemRenderer","navlistLinkItemRenderer"],"mappings":"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"}
+{"version":3,"file":"BaseNavigationListItem-0efcad58.js","sources":["../../src/UNSAFE_NavigationListCommon/BaseNavigationListItem.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { Text } from '../UNSAFE_Text';\n\nimport { useNavigationListItem } from './useNavigationListItem';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Badge } from '../UNSAFE_Badge';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { WarningS } from '../UNSAFE_RedwoodIcons/WarningS';\nimport { ErrorS } from '../UNSAFE_RedwoodIcons/ErrorS';\nimport { InformationS } from '../UNSAFE_RedwoodIcons/InformationS';\nimport { SuccessS } from '../UNSAFE_RedwoodIcons/SuccessS';\nimport { Expander } from '#UNSAFE_Expander';\nimport { View } from '#UNSAFE_View';\nimport { ExpandableContext } from '#hooks/UNSAFE_useExpandableContext';\nimport { Size } from '#utils/UNSAFE_size';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\nimport { ComponentChild, ComponentChildren } from 'preact';\nimport { useTabBarItemTooltip } from '#UNSAFE_TabBarCommon/useTabBarItemTooltip';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { getSafeHref } from '#utils/PRIVATE_safeHref';\n\ntype Severity = 'warning' | 'info' | 'none' | 'error' | 'confirmation';\ntype AriaProps = {\n  /**\n   * Accepts the panel element's ID associated with the item (this will be delegated only to link item renderers)\n   **/\n  'aria-controls'?: string;\n};\n\ntype NavigationListItemSharedProps<K extends string | number> = {\n  /**\n   * Key of the item.\n   */\n  itemKey: K;\n  /**\n   * Label of the item\n   */\n  label: string;\n  /**\n   * Icon displayed for the item.\n   */\n  icon?: ComponentChild;\n  /**\n   * Position of the icon relative to the label.\n   */\n  iconPosition?: 'start' | 'end';\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * The content to be rendered inside the Text component as a metadata.\n   */\n  metadata?: string;\n  /**\n   * The status icon to be rendered after the label.\n   */\n  severity?: Severity;\n};\n\n/**\n * Navigation list item interaction props are mutually exclusive.\n * An item may specify `isRemovable` or `isDisabled`, but never both,\n * regardless of the boolean value provided.\n */\ntype NavigationListItemInteractionProps =\n  | {\n      /**\n       * Setting it to true makes the item non-interactive and appear disabled however still navigable using up/down arrow keys.\n       */\n      isDisabled: true;\n      /**\n       * This property cannot be used together with `isDisabled`. As disabled items are non-interactive hence cannot be removed.\n       */\n      isRemovable?: false;\n    }\n  | {\n      /**\n       * Setting it to true renders the remove icon and allows the item to be removed.\n       */\n      isRemovable?: boolean;\n      /**\n       * This property cannot be used together with `isRemovable`. As disabled items are non-interactive hence cannot be removed.\n       */\n      isDisabled?: false;\n    };\n\nexport type PublicNavigationListItemProps<K extends string | number> =\n  NavigationListItemSharedProps<K> & NavigationListItemInteractionProps;\n\nexport type PrivateNavigationListItemProps<K extends string | number> =\n  PublicNavigationListItemProps<K> &\n    AriaProps & {\n      /**\n       * Sets the URL that the hyperlink points to. Will be used by the parent NavigationListLink related items.\n       */\n      href?: string;\n      /**\n       * The boolean used by parent of BaseNavigationListItem to denote if its a CollapsibleNavigationListItem\n       */\n      isCollapsibleVariant?: boolean;\n      /**\n       * The boolean used by parent of BaseNavigationListItem to denote if its a group item\n       */\n      isGroup?: boolean;\n      /**\n       * The boolean used by parent of BaseNavigationListItem to denote if the group item is expanded\n       */\n      isExpanded?: boolean;\n      /**\n       * Used by CollapsibleNavigationListItem parent of BaseNavigationListItem to pass the onToggle method required for Expander\n       */\n      onToggle?: () => void;\n      /**\n       * Used by CollapsibleNavigationListItem parent of BaseNavigationListItem to pass the indentation value for each level of group nodes\n       */\n      indentation?: string | number;\n      /**\n       * If it is a group item, children will be CollapsibleNavigationListItems\n       */\n      children?: ComponentChildren;\n      /**\n       * Used by CollapsibleNavigationListItem  parent of BaseNavigationListItem to pass in the level used for aria-level\n       */\n      level?: number;\n      /**\n       * Sets the target for the hyperlink for external navigation item\n       */\n      target?: 'self' | 'blank' | 'parent' | 'top';\n      /**\n       * Set by parent external navigation item\n       */\n      isExternalNavigationLinkItem?: boolean;\n      /**\n       * Role for the item based on its usage for internal or external navigation\n       */\n      navigationItemRole?: 'tab' | 'option';\n    };\n\nconst onClickLink = (event: MouseEvent) => {\n  event.preventDefault();\n};\n\nconst onClickDisabledLink = (event: MouseEvent) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */\n/**\n * The base layer of navigation list item used to render different variants\n */\nexport function BaseNavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity = 'none',\n  icon,\n  iconPosition = 'start',\n  href,\n  target,\n  isRemovable = false,\n  isDisabled = false,\n  isExternalNavigationLinkItem,\n  'aria-controls': ariaControls,\n  isCollapsibleVariant = false,\n  isGroup = false,\n  isExpanded = false,\n  onToggle,\n  indentation,\n  children,\n  level,\n  navigationItemRole\n}: PrivateNavigationListItemProps<K>) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const { onRemove } = useNavigationListContext();\n  const { hoverProps, isHover } = useHover({});\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  //Logic of the component handled here\n  const {\n    itemId,\n    itemHandlers,\n    itemClasses,\n    isSelected,\n    labelContainerClasses,\n    labelContainerStyle,\n    isIconOnly,\n    isEdgeEnd,\n    stackedBadgeClasses,\n    iconOnlyClasses,\n    isRtl,\n    isCurrent,\n    showFocusRing,\n    itemTabIndex\n  } = useNavigationListItem({\n    itemKey,\n    isCollapsibleVariant,\n    isGroup,\n    isDisabled\n  });\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey });\n  }, [onRemove, itemKey]);\n\n  // When we have external links and item is not disabled they should open on space key interaction\n  const handleExternalLinkKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if ((event.key === ' ' || event.code === 'Space') && href != null && !isDisabled) {\n        event.preventDefault();\n        // We want space to behave the same way as enter key so trigger click we make anchor behave like a native enter key event.\n        // Window.open and window.location would not do the same. Click though it bubbles up it would not be triggered on pointer interaction. NavigationList listens to space and triggers onSelectedChange/onItemAction so this would additionally open the link and these are parallel events.\n        (event.currentTarget as HTMLAnchorElement | null)?.click();\n      }\n    },\n    [href, isDisabled, target]\n  );\n  const externalLinkTargetProps =\n    target != null\n      ? {\n          target: `_${target}`,\n          ...(target === 'blank' ? { rel: 'noopener noreferrer' } : {})\n        }\n      : undefined;\n\n  const stopRemoveEventPropagation = useCallback((event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const severityRequirement = !(severity === 'none' || severity === undefined);\n\n  const IconComponent = (severityValue: Severity) => {\n    switch (severityValue) {\n      case 'error':\n        return <ErrorS color=\"danger\" />;\n      case 'warning':\n        return <WarningS color=\"warning\" />;\n      case 'info':\n        return <InformationS color=\"info\" />;\n      case 'confirmation':\n        return <SuccessS color=\"success\" />;\n      default:\n        return null;\n    }\n  };\n\n  const {\n    styles: {\n      iconLabelContainer,\n      iconContainer,\n      disabledContent,\n      startIconPadding,\n      endContentPadding,\n      removeIconPaddingWithEndContent,\n      linkWrapperNoPadding,\n      linkContentPadding,\n      disabledLinkCursor,\n      navigationItemMetadata,\n      navigationListItemLink,\n      navigationlistExpander,\n      navigationlistExpanderRtl\n    }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const navigationItemMatadata = classNames([navigationItemMetadata, endContentPadding]);\n  // Disabled cursor on the outer item wrapper is not enough for link items because the hovered\n  // element is the inner anchor. Apply the disabled cursor on the anchor too so disabled links\n  // match the cursor treatment of disabled non-link items.\n  const navigationItemLinkRowClass = classNames([\n    navigationListItemLink,\n    linkContentPadding,\n    isDisabled && disabledLinkCursor\n  ]);\n  const navigationItemLinkWrapperClass = classNames([itemClasses, linkWrapperNoPadding]);\n  // NavigationList root handles keyboard interactions, so item handlers should only handle pointer interactions.\n  const { onKeyDown: _itemOnKeyDown, onKeyUp: _itemOnKeyUp, ...pointerItemHandlers } = itemHandlers;\n\n  const endIconContainerClasses = classNames([\n    iconLabelContainer,\n    iconContainer,\n    endContentPadding\n  ]);\n  const startIconContainerClasses = classNames([\n    !isIconOnly && iconLabelContainer,\n    iconContainer,\n    //For icon only icon to label padding is not required.\n    !isIconOnly && startIconPadding,\n    isIconOnly && iconOnlyClasses,\n    isDisabled && disabledContent\n  ]);\n  const {\n    styles: { navigationlistRemoveIcon }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const isComplexItem = metadata || severityRequirement || badge;\n  const removeClass = classNames([\n    navigationlistRemoveIcon,\n    isComplexItem && removeIconPaddingWithEndContent,\n    !isComplexItem && endContentPadding\n  ]);\n\n  const expanderClasses = classNames([\n    navigationlistExpander,\n    isRtl && navigationlistExpanderRtl,\n    isDisabled && disabledContent\n  ]);\n  // When item has links clicking on expander triggers follow link on click so we want to prevent it.\n  const preventExpanderLinkNavigation = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n\n  // To determine if its a internal link item we check for href and if it is not external navigation item\n  const isLinkItem = href != null && !isExternalNavigationLinkItem;\n  // To determine if external link item we make use of this. Using target would not be sufficient since it is not a required prop on External nav items.\n  const labelRequirement = label && !(label === ' ' && label === undefined);\n  const iconOnlyRequirement = icon && icon != null && isIconOnly;\n  const showTooltip = iconOnlyRequirement;\n  // Icon only mode we can make use of space for start icon as there is no labels.\n  const renderStartIcon = icon != null && (iconPosition === 'start' || isIconOnly);\n  // Only when labels are present positioning before of after it matters. This is implementation detail only.\n  const renderEndIcon = icon != null && iconPosition === 'end' && !isIconOnly;\n  const removeAffordance =\n    isRemovable && !isDisabled ? (\n      <span\n        class={removeClass}\n        data-oj-navigationlist-item-remove-icon={true}\n        onMouseDown={stopRemoveEventPropagation}\n        onClick={stopRemoveEventPropagation}>\n        <EmbeddedIconButton\n          aria-label={translations.tabBarNavigationList_removeCueText()}\n          size=\"xs\"\n          onAction={isDisabled ? undefined : handleRemove}>\n          {(isHover || isSelected || (isCurrent && showFocusRing)) && <Close />}\n        </EmbeddedIconButton>\n      </span>\n    ) : null;\n\n  const { tooltipContent, tooltipEventHandlerProps, onLogicalFocus, onLogicalBlur } =\n    useTabBarItemTooltip({\n      label,\n      isDisabled: !showTooltip,\n      // For edge end the tooltip will appear after icon in the order tooltip, icon, selection when navlist is placed at end of page.\n      position: !isEdgeEnd ? 'end' : 'start'\n    });\n  if (showTooltip) {\n    if ((isCurrent && showFocusRing) || isSelected) {\n      onLogicalFocus(itemRef.current as HTMLElement);\n    } else if (!isCurrent || !showFocusRing) {\n      onLogicalBlur();\n    }\n  }\n\n  const labelContent = (\n    <span class={isDisabled ? disabledContent : undefined}>\n      <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n        {label}\n      </Text>\n    </span>\n  );\n\n  const labelRenderer = () => {\n    if (isCollapsibleVariant) {\n      return (\n        <View paddingInlineStart={indentation as Size} alignSelf=\"center\" width=\"100%\">\n          <Flex direction=\"row\" align=\"center\" justify=\"start\" alignSelf=\"center\">\n            {renderStartIcon && (\n              <Flex justify=\"start\">\n                <span class={startIconContainerClasses}>{icon}</span>\n              </Flex>\n            )}\n            <Flex align=\"center\" justify=\"start\" flex=\"1 1 auto\">\n              <span class={labelContainerClasses} style={labelContainerStyle}>\n                {labelContent}\n              </span>\n            </Flex>\n            {renderEndIcon && (\n              <Flex justify=\"end\">\n                <span class={endIconContainerClasses}>{icon}</span>\n              </Flex>\n            )}\n            {removeAffordance}\n            {isGroup && (\n              <span\n                class={expanderClasses}\n                onClickCapture={href != null ? preventExpanderLinkNavigation : undefined}>\n                <ExpandableContext.Provider\n                  value={{\n                    isExpanded: !!isExpanded,\n                    onToggle: onToggle!,\n                    variant: 'navigationList'\n                  }}>\n                  <Expander />\n                </ExpandableContext.Provider>\n              </span>\n            )}\n          </Flex>\n        </View>\n      );\n    }\n    return (\n      <>\n        {renderStartIcon && (\n          <Flex justify=\"start\">\n            <span class={startIconContainerClasses}>{icon}</span>\n          </Flex>\n        )}\n        {!isIconOnly && labelRequirement && (\n          <Flex align=\"center\" justify=\"start\" flex=\"1 1 auto\">\n            <span class={labelContainerClasses} style={labelContainerStyle}>\n              {labelContent}\n            </span>\n          </Flex>\n        )}\n        {renderEndIcon && (\n          <Flex justify=\"end\">\n            <span class={endIconContainerClasses}>{icon}</span>\n          </Flex>\n        )}\n        {removeAffordance}\n      </>\n    );\n  };\n\n  const complexItemRenderer = () => {\n    if (isCollapsibleVariant) {\n      return (\n        <View paddingInlineStart={indentation as Size} alignSelf=\"center\" width=\"100%\">\n          <Flex direction=\"row\" align=\"center\" justify=\"start\" alignSelf=\"center\">\n            {iconOnlyRequirement && (\n              <div class={startIconContainerClasses}>\n                {icon}\n                <span class={stackedBadgeClasses}>\n                  {badge ? (\n                    <Badge size=\"xs\" variant=\"neutral\">\n                      {badge}\n                    </Badge>\n                  ) : null}\n                </span>\n              </div>\n            )}\n            {!isIconOnly && renderStartIcon && (\n              <Flex justify=\"start\">\n                <span class={startIconContainerClasses}>{icon}</span>\n              </Flex>\n            )}\n            {(!isIconOnly || (isIconOnly && !iconOnlyRequirement)) && labelRequirement && (\n              <Flex align=\"center\" justify=\"start\" flex=\"1 1 auto\">\n                <span class={labelContainerClasses} style={labelContainerStyle}>\n                  {labelContent}\n                </span>\n              </Flex>\n            )}\n            {(metadata ||\n              severityRequirement ||\n              badge ||\n              isRemovable ||\n              isGroup ||\n              renderEndIcon) && (\n              <Flex align=\"center\" justify=\"end\">\n                {renderEndIcon && <span class={endIconContainerClasses}>{icon}</span>}\n                {(!isIconOnly || (isIconOnly && !iconOnlyRequirement)) && badge && (\n                  <span class={endIconContainerClasses}>\n                    <Badge size=\"md\" variant=\"neutralSubtle\">\n                      {badge}\n                    </Badge>\n                  </span>\n                )}\n                {metadata && (\n                  <span class={navigationItemMatadata}>\n                    <Text>{'( ' + metadata + ' )'}</Text>\n                  </span>\n                )}\n                {severityRequirement && (\n                  <span class={endIconContainerClasses}>{IconComponent(severity)}</span>\n                )}\n                {removeAffordance}\n                {isGroup && (\n                  <span\n                    class={expanderClasses}\n                    onClickCapture={href != null ? preventExpanderLinkNavigation : undefined}>\n                    <ExpandableContext.Provider\n                      value={{\n                        isExpanded: !!isExpanded,\n                        onToggle: onToggle!,\n                        variant: 'navigationList'\n                      }}>\n                      <Expander />\n                    </ExpandableContext.Provider>\n                  </span>\n                )}\n              </Flex>\n            )}\n          </Flex>\n        </View>\n      );\n    }\n    return (\n      <>\n        {iconOnlyRequirement && (\n          <div class={startIconContainerClasses}>\n            {icon}\n            <span class={stackedBadgeClasses}>\n              {badge ? (\n                <Badge size=\"xs\" variant=\"neutral\">\n                  {badge}\n                </Badge>\n              ) : null}\n            </span>\n          </div>\n        )}\n        {!isIconOnly && renderStartIcon && (\n          <Flex justify=\"start\">\n            <span class={startIconContainerClasses}>{icon}</span>\n          </Flex>\n        )}\n        {(!isIconOnly || /* This covers invalid cases*/ (isIconOnly && !iconOnlyRequirement)) &&\n          labelRequirement && (\n            <Flex align=\"center\" justify=\"start\" flex=\"1 1 auto\">\n              <span class={labelContainerClasses} style={labelContainerStyle}>\n                {labelContent}\n              </span>\n            </Flex>\n          )}\n        {(metadata || severityRequirement || badge || isRemovable || renderEndIcon) && (\n          <Flex align=\"center\" justify=\"end\">\n            {renderEndIcon && <span class={endIconContainerClasses}>{icon}</span>}\n            {(!isIconOnly || /* This covers invalid cases*/ (isIconOnly && !iconOnlyRequirement)) &&\n              badge && (\n                <span class={endIconContainerClasses}>\n                  <Badge size=\"md\" variant=\"neutralSubtle\">\n                    {badge}\n                  </Badge>\n                </span>\n              )}\n            {metadata && (\n              <span class={navigationItemMatadata}>\n                <Text>{'( ' + metadata + ' )'}</Text>\n              </span>\n            )}\n            {severityRequirement && (\n              <span class={endIconContainerClasses}>{IconComponent(severity)}</span>\n            )}\n            {removeAffordance}\n          </Flex>\n        )}\n      </>\n    );\n  };\n  const navlistItemRenderer = () => {\n    if (isCollapsibleVariant) {\n      return (\n        <>\n          <div\n            role=\"treeitem\"\n            {...mergeProps(tooltipEventHandlerProps, hoverProps, pointerItemHandlers)}\n            data-oj-key={itemKey}\n            {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n            id={itemId}\n            class={itemClasses}\n            aria-level={level}\n            aria-expanded={isGroup ? isExpanded : undefined}\n            aria-selected={isSelected}\n            aria-disabled={isDisabled || undefined}\n            data-oj-nav-item-disabled={isDisabled ? 'true' : undefined}\n            tabIndex={itemTabIndex}\n            ref={itemRef}>\n            {isComplexItem ? complexItemRenderer() : labelRenderer()}\n            {isIconOnly && tooltipContent}\n          </div>\n          {isGroup && isExpanded && children && <div role=\"group\">{children}</div>}\n        </>\n      );\n    }\n    return (\n      <div\n        role=\"tab\"\n        {...mergeProps(tooltipEventHandlerProps, hoverProps, pointerItemHandlers)}\n        data-oj-key={itemKey}\n        {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n        id={itemId}\n        class={itemClasses}\n        aria-selected={isSelected}\n        aria-disabled={isDisabled || undefined}\n        data-oj-nav-item-disabled={isDisabled ? 'true' : undefined}\n        tabIndex={itemTabIndex}\n        ref={itemRef}>\n        {isComplexItem ? complexItemRenderer() : labelRenderer()}\n        {isIconOnly && tooltipContent}\n      </div>\n    );\n  };\n  const navlistLinkItemRenderer = () => {\n    const safeHref = getSafeHref(href, 'NavigationList');\n    if (isCollapsibleVariant) {\n      return (\n        <>\n          <div\n            ref={itemRef}\n            class={navigationItemLinkWrapperClass}\n            {...mergeProps(tooltipEventHandlerProps, hoverProps, pointerItemHandlers)}>\n            <a\n              role=\"treeitem\"\n              data-oj-key={itemKey}\n              {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n              id={itemId}\n              class={navigationItemLinkRowClass}\n              aria-level={level}\n              aria-expanded={isGroup ? isExpanded : undefined}\n              aria-selected={isSelected}\n              aria-disabled={isDisabled || undefined}\n              data-oj-nav-item-disabled={isDisabled ? 'true' : undefined}\n              aria-controls={ariaControls}\n              tabIndex={itemTabIndex}\n              href={safeHref}\n              onClick={isDisabled ? onClickDisabledLink : onClickLink}>\n              {isComplexItem ? complexItemRenderer() : labelRenderer()}\n              {isIconOnly && tooltipContent}\n            </a>\n          </div>\n          {isGroup && isExpanded && children && <div role=\"group\">{children}</div>}\n        </>\n      );\n    }\n    return (\n      <div {...mergeProps(hoverProps, pointerItemHandlers)} class={navigationItemLinkWrapperClass}>\n        <a\n          tabIndex={itemTabIndex}\n          role={navigationItemRole}\n          data-oj-key={itemKey}\n          {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n          id={itemId}\n          class={navigationItemLinkRowClass}\n          aria-selected={isSelected}\n          aria-disabled={isDisabled || undefined}\n          data-oj-nav-item-disabled={isDisabled ? 'true' : undefined}\n          aria-controls={ariaControls}\n          href={safeHref}\n          onClick={isDisabled ? onClickDisabledLink : onClickLink}>\n          {isComplexItem ? complexItemRenderer() : labelRenderer()}\n        </a>\n      </div>\n    );\n  };\n\n  const navlistExternalLinkItemRenderer = () => {\n    const safeHref = getSafeHref(href, 'NavigationList');\n    if (isCollapsibleVariant) {\n      return (\n        <>\n          <div\n            ref={itemRef}\n            class={navigationItemLinkWrapperClass}\n            {...mergeProps(tooltipEventHandlerProps, hoverProps, pointerItemHandlers)}>\n            <a\n              role=\"treeitem\"\n              data-oj-key={itemKey}\n              data-oj-nav-external-link-item={true}\n              {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n              id={itemId}\n              class={navigationItemLinkRowClass}\n              aria-level={level}\n              aria-expanded={isGroup ? isExpanded : undefined}\n              aria-selected={isSelected}\n              aria-disabled={isDisabled || undefined}\n              data-oj-nav-item-disabled={isDisabled ? 'true' : undefined}\n              tabIndex={itemTabIndex}\n              href={safeHref}\n              onKeyDown={handleExternalLinkKeyDown}\n              onClick={isDisabled ? onClickDisabledLink : undefined}\n              {...externalLinkTargetProps}>\n              {isComplexItem ? complexItemRenderer() : labelRenderer()}\n              {isIconOnly && tooltipContent}\n            </a>\n          </div>\n          {isGroup && isExpanded && children && <div role=\"group\">{children}</div>}\n        </>\n      );\n    }\n    return (\n      <div {...mergeProps(hoverProps, pointerItemHandlers)} class={navigationItemLinkWrapperClass}>\n        <a\n          tabIndex={itemTabIndex}\n          role=\"option\"\n          data-oj-key={itemKey}\n          data-oj-nav-external-link-item={true}\n          {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n          id={itemId}\n          class={navigationItemLinkRowClass}\n          aria-selected={isSelected}\n          aria-disabled={isDisabled || undefined}\n          data-oj-nav-item-disabled={isDisabled ? 'true' : undefined}\n          href={safeHref}\n          onKeyDown={handleExternalLinkKeyDown}\n          onClick={isDisabled ? onClickDisabledLink : undefined}\n          {...externalLinkTargetProps}>\n          {isComplexItem ? complexItemRenderer() : labelRenderer()}\n        </a>\n      </div>\n    );\n  };\n  return isExternalNavigationLinkItem\n    ? navlistExternalLinkItemRenderer()\n    : isLinkItem\n    ? navlistLinkItemRenderer()\n    : navlistItemRenderer();\n}\n"],"names":["onClickLink","event","preventDefault","onClickDisabledLink","stopPropagation","itemKey","label","badge","metadata","severity","icon","iconPosition","href","target","isRemovable","isDisabled","isExternalNavigationLinkItem","ariaControls","isCollapsibleVariant","isGroup","isExpanded","onToggle","indentation","children","level","navigationItemRole","itemRef","useRef","onRemove","useNavigationListContext","hoverProps","isHover","useHover","translations","useTranslationBundle","itemId","itemHandlers","itemClasses","isSelected","labelContainerClasses","labelContainerStyle","isIconOnly","isEdgeEnd","stackedBadgeClasses","iconOnlyClasses","isRtl","isCurrent","showFocusRing","itemTabIndex","useNavigationListItem","handleRemove","useCallback","value","handleExternalLinkKeyDown","key","code","currentTarget","click","externalLinkTargetProps","rel","undefined","stopRemoveEventPropagation","severityRequirement","IconComponent","severityValue","_jsx","ErrorS","SvgErrorS","color","WarningS","SvgWarningS","InformationS","SvgInformationS","SuccessS","SvgSuccessS","styles","iconLabelContainer","iconContainer","disabledContent","startIconPadding","endContentPadding","removeIconPaddingWithEndContent","linkWrapperNoPadding","linkContentPadding","disabledLinkCursor","navigationItemMetadata","navigationListItemLink","navigationlistExpander","navigationlistExpanderRtl","useComponentTheme","NavigationListItemRedwoodTheme","navigationItemMatadata","classNames","navigationItemLinkRowClass","navigationItemLinkWrapperClass","onKeyDown","_itemOnKeyDown","onKeyUp","_itemOnKeyUp","pointerItemHandlers","endIconContainerClasses","startIconContainerClasses","navigationlistRemoveIcon","isComplexItem","removeClass","expanderClasses","preventExpanderLinkNavigation","isLinkItem","labelRequirement","iconOnlyRequirement","showTooltip","renderStartIcon","renderEndIcon","removeAffordance","jsx","class","onMouseDown","onClick","EmbeddedIconButton","tabBarNavigationList_removeCueText","size","onAction","Close","tooltipContent","tooltipEventHandlerProps","onLogicalFocus","onLogicalBlur","useTabBarItemTooltip","position","current","labelContent","Text","weight","variant","labelRenderer","View","paddingInlineStart","alignSelf","width","_jsxs","jsxs","Flex","direction","align","justify","flex","style","onClickCapture","ExpandableContext","Provider","Expander","_Fragment","Fragment","complexItemRenderer","Badge","safeHref","getSafeHref","ref","mergeProps","role","id","tabIndex","navlistExternalLinkItemRenderer","navlistLinkItemRenderer"],"mappings":"4qBAuJA,MAAMA,EAAeC,IACnBA,EAAMC,gBAAgB,EAGlBC,EAAuBF,IAC3BA,EAAMC,iBACND,EAAMG,iBAAiB,2BAMT,UAAkDC,QAChEA,EAAOC,MACPA,EAAKC,MACLA,EAAKC,SACLA,EAAQC,SACRA,EAAW,OAAMC,KACjBA,EAAIC,aACJA,EAAe,QAAOC,KACtBA,EAAIC,OACJA,EAAMC,YACNA,GAAc,EAAKC,WACnBA,GAAa,EAAKC,6BAClBA,EACA,gBAAiBC,EAAYC,qBAC7BA,GAAuB,EAAKC,QAC5BA,GAAU,EAAKC,WACfA,GAAa,EAAKC,SAClBA,EAAQC,YACRA,EAAWC,SACXA,EAAQC,MACRA,EAAKC,mBACLA,IAEA,MAAMC,EAAUC,SAA8B,OACxCC,SAAEA,GAAaC,EAAAA,4BACfC,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,SAAC,CAAE,GACrCC,EAAeC,uBAAiC,6BAGhDC,OACJA,EAAMC,aACNA,EAAYC,YACZA,EAAWC,WACXA,GAAUC,sBACVA,GAAqBC,oBACrBA,GAAmBC,WACnBA,GAAUC,UACVA,GAASC,oBACTA,GAAmBC,gBACnBA,GAAeC,MACfA,GAAKC,UACLA,GAASC,cACTA,GAAaC,aACbA,IACEC,wBAAsB,CACxB5C,UACAa,uBACAC,UACAJ,eAGImC,GAAeC,EAAAA,aAAY,KAC/BvB,IAAW,CAAEwB,MAAO/C,GAAU,GAC7B,CAACuB,EAAUvB,IAGRgD,GAA4BF,eAC/BlD,IACoB,MAAdA,EAAMqD,KAA8B,UAAfrD,EAAMsD,MAA6B,MAAR3C,GAAiBG,IACpEd,EAAMC,iBAGLD,EAAMuD,eAA4CC,QACpD,GAEH,CAAC7C,EAAMG,EAAYF,IAEf6C,GACM,MAAV7C,EACI,CACEA,OAAQ,IAAIA,OACG,UAAXA,EAAqB,CAAE8C,IAAK,uBAA0B,CAAA,QAE5DC,EAEAC,GAA6BV,eAAalD,IAC9CA,EAAMC,iBACND,EAAMG,iBAAiB,GACtB,IAEG0D,KAAqC,SAAbrD,QAAoCmD,IAAbnD,GAE/CsD,GAAiBC,IACrB,OAAQA,GACN,IAAK,QACH,OAAOC,MAACC,EAAMC,UAAA,CAACC,MAAM,WACvB,IAAK,UACH,OAAOH,MAACI,EAAQC,YAAA,CAACF,MAAM,YACzB,IAAK,OACH,OAAOH,MAACM,EAAYC,gBAAA,CAACJ,MAAM,SAC7B,IAAK,eACH,OAAOH,MAACQ,EAAQC,YAAA,CAACN,MAAM,YACzB,QACE,OAAO,KACV,GAIDO,QAAQC,mBACNA,GAAkBC,cAClBA,GAAaC,gBACbA,GAAeC,iBACfA,GAAgBC,kBAChBA,GAAiBC,gCACjBA,GAA+BC,qBAC/BA,GAAoBC,mBACpBA,GAAkBC,mBAClBA,GAAkBC,uBAClBA,GAAsBC,uBACtBA,GAAsBC,uBACtBA,GAAsBC,0BACtBA,KAEAC,oBACFC,EAAAA,gCAGIC,GAAyBC,EAAUA,WAAC,CAACP,GAAwBL,KAI7Da,GAA6BD,EAAAA,WAAW,CAC5CN,GACAH,GACApE,GAAcqE,KAEVU,GAAiCF,EAAUA,WAAC,CAACvD,EAAa6C,MAExDa,UAAWC,GAAgBC,QAASC,MAAiBC,IAAwB/D,EAE/EgE,GAA0BR,EAAAA,WAAW,CACzChB,GACAC,GACAG,KAEIqB,GAA4BT,EAAAA,WAAW,EAC1CnD,IAAcmC,GACfC,IAECpC,IAAcsC,GACftC,IAAcG,GACd7B,GAAc+D,MAGdH,QAAQ2B,yBAAEA,KACRb,EAAAA,kBACFC,EAAAA,gCAGIa,GAAgB/F,GAAYsD,IAAuBvD,EACnDiG,GAAcZ,EAAAA,WAAW,CAC7BU,GACAC,IAAiBtB,IAChBsB,IAAiBvB,KAGdyB,GAAkBb,EAAAA,WAAW,CACjCL,GACA1C,IAAS2C,GACTzE,GAAc+D,KAGV4B,GAAgCvD,eAAalD,IACjDA,EAAMC,gBAAgB,GACrB,IAGGyG,GAAqB,MAAR/F,IAAiBI,EAE9B4F,GAAmBtG,KAAqB,MAAVA,QAA2BsD,IAAVtD,GAC/CuG,GAAsBnG,GAAgB,MAARA,GAAgB+B,GAC9CqE,GAAcD,GAEdE,GAA0B,MAARrG,IAAkC,UAAjBC,GAA4B8B,IAE/DuE,GAAwB,MAARtG,GAAiC,QAAjBC,IAA2B8B,GAC3DwE,GACJnG,IAAgBC,EACdkD,EAAAiD,IAAA,OAAA,CACEC,MAAOX,GACkC,2CAAA,EACzCY,YAAavD,GACbwD,QAASxD,GAA0BtC,SACnC0C,EAACiD,IAAAI,mCACarF,EAAasF,qCACzBC,KAAK,KACLC,SAAU1G,OAAa6C,EAAYV,GAAY3B,UAC7CQ,GAAWO,IAAeQ,IAAaC,KAAmBkB,MAACyD,EAAAA,SAAQ,CAAA,OAGvE,MAEAC,eAAEA,GAAcC,yBAAEA,GAAwBC,eAAEA,GAAcC,cAAEA,IAChEC,EAAAA,qBAAqB,CACnBzH,QACAS,YAAa+F,GAEbkB,SAAWtF,GAAoB,QAAR,QAEvBoE,KACGhE,IAAaC,IAAkBT,GAClCuF,GAAenG,EAAQuG,SACbnF,IAAcC,IACxB+E,MAIJ,MAAMI,GACJjE,MAAA,OAAA,CAAMkD,MAAOpG,EAAa+D,QAAkBlB,EAC1CrC,SAAA0C,MAACkE,EAAAA,KAAI,CAACX,KAAK,UAAUY,OAAO,UAAUC,QAAQ,UAC3C9G,SAAAjB,MAKDgI,GAAgB,IAChBpH,EAEA+C,EAAAiD,IAACqB,OAAI,CAACC,mBAAoBlH,EAAqBmH,UAAU,SAASC,MAAM,OACtEnH,SAAAoH,EAAAC,KAACC,OAAI,CAACC,UAAU,MAAMC,MAAM,SAASC,QAAQ,QAAQP,UAAU,SAC5DlH,SAAA,CAAAwF,IACC9C,EAACiD,IAAA2B,OAAK,CAAAG,QAAQ,QACZzH,SAAA0C,MAAA,OAAA,CAAMkD,MAAOd,GAA4B9E,SAAAb,MAG7CuD,EAACiD,IAAA2B,OAAK,CAAAE,MAAM,SAASC,QAAQ,QAAQC,KAAK,WAAU1H,SAClD0C,MAAM,OAAA,CAAAkD,MAAO5E,GAAuB2G,MAAO1G,GACxCjB,SAAA2G,OAGJlB,IACC/C,MAAC4E,EAAAA,KAAI,CAACG,QAAQ,MAAKzH,SACjB0C,EAAAA,IAAM,OAAA,CAAAkD,MAAOf,YAA0B1F,MAG1CuG,GACA9F,GACC8C,EACEiD,IAAA,OAAA,CAAAC,MAAOV,GACP0C,eAAwB,MAARvI,EAAe8F,QAAgC9C,EAC/DrC,SAAA0C,EAAAA,IAACmF,EAAiBA,kBAACC,SAAQ,CACzBjG,MAAO,CACLhC,aAAcA,EACdC,SAAUA,EACVgH,QAAS,kBAEX9G,SAAA0C,MAACqF,EAAAA,SAAW,CAAA,YASxBX,EACGC,KAAAW,EAAAC,SAAA,CAAAjI,SAAA,CAAAwF,IACC9C,MAAC4E,EAAIA,KAAA,CAACG,QAAQ,QACZzH,SAAA0C,EAAAA,IAAA,OAAA,CAAMkD,MAAOd,YAA4B3F,OAG3C+B,IAAcmE,IACd3C,EAAAA,IAAC4E,EAAAA,KAAI,CAACE,MAAM,SAASC,QAAQ,QAAQC,KAAK,oBACxChF,EAAAA,IAAM,OAAA,CAAAkD,MAAO5E,GAAuB2G,MAAO1G,GAAmBjB,SAC3D2G,OAINlB,IACC/C,EAAAA,IAAC4E,EAAAA,KAAI,CAACG,QAAQ,MACZzH,SAAA0C,EAAAiD,IAAA,OAAA,CAAMC,MAAOf,GAA0B7E,SAAAb,MAG1CuG,MAKDwC,GAAsB,IACtBvI,EAEA+C,MAACsE,EAAAA,KAAI,CAACC,mBAAoBlH,EAAqBmH,UAAU,SAASC,MAAM,OAAMnH,SAC5EoH,EAACC,KAAAC,OAAK,CAAAC,UAAU,MAAMC,MAAM,SAASC,QAAQ,QAAQP,UAAU,SAAQlH,SAAA,CACpEsF,IACC8B,OAAA,MAAA,CAAKxB,MAAOd,GACT9E,SAAA,CAAAb,EACDuD,EAAAA,IAAA,OAAA,CAAMkD,MAAOxE,GAAmBpB,SAC7BhB,EACC0D,MAACyF,EAAAA,MAAM,CAAAlC,KAAK,KAAKa,QAAQ,UACtB9G,SAAAhB,IAED,WAIRkC,IAAcsE,IACd9C,EAAAA,IAAC4E,EAAIA,KAAC,CAAAG,QAAQ,QAAOzH,SACnB0C,EAAMiD,IAAA,OAAA,CAAAC,MAAOd,GAA4B9E,SAAAb,QAG1C+B,IAAeA,KAAeoE,KAAyBD,IACxD3C,MAAC4E,OAAI,CAACE,MAAM,SAASC,QAAQ,QAAQC,KAAK,WAAU1H,SAClD0C,EAAAA,IAAM,OAAA,CAAAkD,MAAO5E,GAAuB2G,MAAO1G,GAAmBjB,SAC3D2G,QAIL1H,GACAsD,IACAvD,GACAO,GACAK,GACA6F,KACA2B,EAAAA,KAACE,EAAAA,KAAI,CAACE,MAAM,SAASC,QAAQ,MAAKzH,SAAA,CAC/ByF,IAAiB/C,EAAAA,IAAM,OAAA,CAAAkD,MAAOf,GAA0B7E,SAAAb,MACtD+B,IAAeA,KAAeoE,KAAyBtG,GACxD0D,MAAA,OAAA,CAAMkD,MAAOf,GAAuB7E,SAClC0C,MAACyF,EAAAA,MAAM,CAAAlC,KAAK,KAAKa,QAAQ,gBACtB9G,SAAAhB,MAINC,GACCyD,EAAAiD,IAAA,OAAA,CAAMC,MAAOxB,GAAsBpE,SACjC0C,EAAAA,IAACkE,EAAIA,KAAE,CAAA5G,SAAA,KAAOf,EAAW,SAG5BsD,IACCG,EAAAiD,IAAA,OAAA,CAAMC,MAAOf,GAAuB7E,SAAGwC,GAActD,KAEtDwG,GACA9F,GACC8C,MACE,OAAA,CAAAkD,MAAOV,GACP0C,eAAwB,MAARvI,EAAe8F,QAAgC9C,EAC/DrC,SAAA0C,EAAAA,IAACmF,EAAiBA,kBAACC,SAAQ,CACzBjG,MAAO,CACLhC,aAAcA,EACdC,SAAUA,EACVgH,QAAS,kBAEX9G,SAAA0C,EAAAA,IAACqF,EAAQA,SAAA,CAAA,eAWzBX,OACGY,EAAAA,SAAA,CAAAhI,SAAA,CAAAsF,IACC8B,cAAKxB,MAAOd,GAAyB9E,SAAA,CAClCb,EACDuD,MAAA,OAAA,CAAMkD,MAAOxE,GACVpB,SAAAhB,EACC0D,EAAAA,IAACyF,EAAKA,MAAA,CAAClC,KAAK,KAAKa,QAAQ,UAAS9G,SAC/BhB,IAED,WAIRkC,IAAcsE,IACd9C,EAAAiD,IAAC2B,EAAIA,KAAC,CAAAG,QAAQ,QAAOzH,SACnB0C,cAAMkD,MAAOd,GAAyB9E,SAAGb,QAG1C+B,IAA8CA,KAAeoE,KAC9DD,IACE3C,EAAAiD,IAAC2B,OAAI,CAACE,MAAM,SAASC,QAAQ,QAAQC,KAAK,WACxC1H,SAAA0C,EAAAA,IAAA,OAAA,CAAMkD,MAAO5E,GAAuB2G,MAAO1G,YACxC0F,QAIP1H,GAAYsD,IAAuBvD,GAASO,GAAekG,KAC3D2B,EAAAC,KAACC,OAAK,CAAAE,MAAM,SAASC,QAAQ,MAAKzH,SAAA,CAC/ByF,IAAiB/C,MAAA,OAAA,CAAMkD,MAAOf,GAA0B7E,SAAAb,MACtD+B,IAA8CA,KAAeoE,KAC9DtG,GACE0D,EAAMiD,IAAA,OAAA,CAAAC,MAAOf,GACX7E,SAAA0C,MAACyF,EAAAA,MAAK,CAAClC,KAAK,KAAKa,QAAQ,gBAAe9G,SACrChB,MAIRC,GACCyD,MAAM,OAAA,CAAAkD,MAAOxB,GAAsBpE,SACjC0C,EAACiD,IAAAiB,OAAM,CAAA5G,SAAA,KAAOf,EAAW,SAG5BsD,IACCG,EAAMiD,IAAA,OAAA,CAAAC,MAAOf,GAA0B7E,SAAAwC,GAActD,KAEtDwG,SA8JX,OAAOjG,EAxDiC,MACtC,MAAM2I,EAAWC,EAAAA,YAAYhJ,EAAM,kBACnC,OAAIM,EAEAyH,EAAAC,KAAAW,EAAAC,SAAA,CAAAjI,SAAA,CACE0C,EAAAA,IACE,MAAA,CAAA4F,IAAKnI,EACLyF,MAAOrB,MACHgE,EAAAA,WAAWlC,GAA0B9F,EAAYqE,IACrD5E,SAAAoH,EAAAA,KAAA,IAAA,CACEoB,KAAK,WACQ,cAAA1J,EACmB,kCAAA,KACR,iBAAZA,GAAwB,CAAE,mBAAoB,UAC1D2J,GAAI7H,EACJgF,MAAOtB,GAA0B,aACrBrE,EAAK,gBACFL,EAAUC,OAAawC,EACvB,gBAAAtB,GACA,gBAAAvB,QAAc6C,EAAS,4BACX7C,EAAa,YAAS6C,EACjDqG,SAAUjH,GACVpC,KAAM+I,EACN5D,UAAW1C,GACXgE,QAAStG,EAAaZ,OAAsByD,KACxCF,GACHnC,SAAA,CAAAgF,GAAgBkD,KAAwBnB,KACxC7F,IAAckF,QAGlBxG,GAAWC,GAAcG,GAAY0C,EAAKiD,IAAA,MAAA,CAAA6C,KAAK,QAASxI,SAAAA,OAK7D0C,gBAAS6F,EAAAA,WAAWhI,EAAYqE,IAAsBgB,MAAOrB,GAA8BvE,SACzF0C,EAAAA,SACEgG,SAAUjH,GACV+G,KAAK,SACQ,cAAA1J,oCACmB,KACR,iBAAZA,GAAwB,CAAE,mBAAoB,UAC1D2J,GAAI7H,EACJgF,MAAOtB,GAA0B,gBAClBvD,GAAU,gBACVvB,QAAc6C,8BACF7C,EAAa,YAAS6C,EACjDhD,KAAM+I,EACN5D,UAAW1C,GACXgE,QAAStG,EAAaZ,OAAsByD,KACxCF,GACHnC,SAAAgF,GAAgBkD,KAAwBnB,QAG7C,EAGA4B,GACAvD,GA/G4B,MAC9B,MAAMgD,EAAWC,EAAAA,YAAYhJ,EAAM,kBACnC,OAAIM,EAEAyH,EAAAC,KAAAW,EAAAC,SAAA,CAAAjI,SAAA,CACE0C,EAAAA,IACE,MAAA,CAAA4F,IAAKnI,EACLyF,MAAOrB,MACHgE,EAAUA,WAAClC,GAA0B9F,EAAYqE,IAAoB5E,SACzEoH,EACEC,KAAA,IAAA,CAAAmB,KAAK,WACQ,cAAA1J,KACW,iBAAZA,GAAwB,CAAE,mBAAoB,UAC1D2J,GAAI7H,EACJgF,MAAOtB,GAA0B,aACrBrE,EAAK,gBACFL,EAAUC,OAAawC,EAAS,gBAChCtB,GAAU,gBACVvB,QAAc6C,EACF,4BAAA7C,EAAa,YAAS6C,EAClC,gBAAA3C,EACfgJ,SAAUjH,GACVpC,KAAM+I,EACNtC,QAAStG,EAAaZ,EAAsBH,EAC3CuB,SAAA,CAAAgF,GAAgBkD,KAAwBnB,KACxC7F,IAAckF,QAGlBxG,GAAWC,GAAcG,GAAY0C,MAAK,MAAA,CAAA8F,KAAK,QAASxI,SAAAA,OAK7D0C,gBAAS6F,EAAUA,WAAChI,EAAYqE,IAAsBgB,MAAOrB,GAA8BvE,SACzF0C,EAAAA,SACEgG,SAAUjH,GACV+G,KAAMtI,EAAkB,cACXpB,KACW,iBAAZA,GAAwB,CAAE,mBAAoB,UAC1D2J,GAAI7H,EACJgF,MAAOtB,GACQ,gBAAAvD,mBACAvB,QAAc6C,EACF,4BAAA7C,EAAa,YAAS6C,EAAS,gBAC3C3C,EACfL,KAAM+I,EACNtC,QAAStG,EAAaZ,EAAsBH,EAAWuB,SACtDgF,GAAgBkD,KAAwBnB,QAG7C,EA8DA6B,GA1JEjJ,EAEAyH,EAAAA,2BACEA,EAAAA,KACE,MAAA,CAAAoB,KAAK,cACDD,EAAUA,WAAClC,GAA0B9F,EAAYqE,IAAoB,cAC5D9F,KACW,iBAAZA,GAAwB,CAAE,mBAAoB,UAC1D2J,GAAI7H,EACJgF,MAAO9E,EAAW,aACNb,EACG,gBAAAL,EAAUC,OAAawC,EAAS,gBAChCtB,GAAU,gBACVvB,QAAc6C,EACF,4BAAA7C,EAAa,YAAS6C,EACjDqG,SAAUjH,GACV6G,IAAKnI,YACJ6E,GAAgBkD,KAAwBnB,KACxC7F,IAAckF,MAEhBxG,GAAWC,GAAcG,GAAY0C,EAAKiD,IAAA,MAAA,CAAA6C,KAAK,iBAASxI,OAK7DoH,EACEC,KAAA,MAAA,CAAAmB,KAAK,SACDD,EAAAA,WAAWlC,GAA0B9F,EAAYqE,IAAoB,cAC5D9F,KACW,iBAAZA,GAAwB,CAAE,mBAAoB,UAC1D2J,GAAI7H,EACJgF,MAAO9E,EACQ,gBAAAC,GACA,gBAAAvB,QAAc6C,EAAS,4BACX7C,EAAa,YAAS6C,EACjDqG,SAAUjH,GACV6G,IAAKnI,EAAOH,SAAA,CACXgF,GAAgBkD,KAAwBnB,KACxC7F,IAAckF,KAsHvB"}

package/amd/{CollapsibleNavigationListExternalLinkItem-fcf1805d.js → CollapsibleNavigationListExternalLinkItem-06a92293.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './UNSAFE_NavigationList/themes/NavigationListStyles.css', 'preact', './mergeProps-bcfa6a92', './HiddenAccessible-037ef42d', './useTranslationBundle-1be27606', './NavigationListContext-1fc6d48d', './NavigationList-fd5b6fe4', './keys-d3fe2795', './BaseNavigationListItem-299cbfab', './NavigationListSeparator-e5e7548f', './UNSAFE_NavigationList/themes/NavigationListItemContract.css'], (function(e,i,a,n,t,s,l,o,r,d,c,g,v,m,u){"use strict";const x=s.createContext(null),b=(e,i=new Set)=>(s.toChildArray(e).forEach((e=>{const a=e;a?.props?.children&&(i.add(a.props.itemKey),b(a.props.children,i))})),i);function h(){return a.useContext(x)}const p=e=>`calc(${Math.max(0,e)} * ${u.childItemVars.childItemPadding})`,y=e=>`calc(${Math.max(0,e)} * ${u.childItemVars.childItemPadding})`,C=e=>`calc(${Math.max(0,e)} * ${u.childItemVars.childItemPadding})`;e.CollapsibleNavigationList=({children:e,selected:s,expanded:g,edge:v="start",gridlines:m="hidden",onExpandedChange:u,onSelectedChange:h,onItemAction:p,onRemove:y,"aria-label":C,"aria-labelledby":L})=>{const N=r.useTranslationBundle("@oracle/oraclejet-preact"),I=a.useMemo((()=>b(e)),[e]),f=a.useMemo((()=>c.buildParentKeyMap(e)),[e]),K=a.useRef(null),{showFocusRing:j,currentKey:P,resolvedCurrentKey:S,getItemTabIndex:E,onCurrentKeyChange:R,containerHandlers:A,onKeyDown:D,navigationListItemPrefix:T,rootTabIndex:k,ariaActiveDescendant:w}=c.useNavigationList({containerRef:K,selected:s,onRemove:y,onSelectedChange:h,onItemAction:p,children:e,collapsibleNavigationConfig:{groupKeys:I,expanded:g,onExpandedChange:u?e=>u({value:e.value}):void 0,parentKeyMap:f}}),F=a.useId()+"_instruction",M=N.collection_tree_expandCollapseInstructionText(),B=n.classNames([t.navigationListStyles.uListStyle]);return i.jsx(d.NavigationListContext.Provider,{value:{selected:s,onSelectedChange:h,edge:v,currentKey:P,resolvedCurrentKey:S,expanded:g,onExpandedChange:u,onItemAction:p,onRemove:y,gridlines:m,showFocusRing:j,getItemTabIndex:E,onCurrentKeyChange:R,navigationListItemPrefix:T},children:i.jsxs(x,{value:{level:0},children:[i.jsx("div",{"aria-label":C,"aria-labelledby":L,"aria-describedby":F,role:"tree",class:B,ref:K,...l.mergeProps({onKeyDown:D},A),tabIndex:k,"aria-activedescendant":w,children:e}),i.jsx(o.HiddenAccessible,{id:F,children:M})]})})},e.CollapsibleNavigationListExternalLinkItem=({itemKey:e,badge:a,icon:n,metadata:t,severity:s,label:l,children:o,href:r,target:d,iconPosition:u="start",isRemovable:b=!1,isDisabled:p=!1})=>{const y=null!=o,{onExpandedChange:L,expanded:N,gridlines:I}=c.useNavigationListContext(),{level:f}=h(),K=C(f),j=y&&N&&g.containsKey(N,e),P=p?{isDisabled:p}:{isRemovable:b};return i.jsxs(i.Fragment,{children:[i.jsx(v.BaseNavigationListItem,{itemKey:e,label:l,icon:n,iconPosition:u,badge:a,metadata:t,severity:s,...P,isGroup:y,isExpanded:j,onToggle:()=>{(()=>{if(y&&!p&&L){const i=g.toggleKeyPresence(e,null!=N?N:{all:!1,keys:new Set});L&&L({value:i})}})?.()},isCollapsibleVariant:!0,indentation:K,level:f+1,isExternalNavigationLinkItem:!0,href:r,target:d}),"visible"===I&&i.jsx(m.NavigationListSeparator,{}),y&&j&&i.jsx("div",{role:"group",children:i.jsx(x.Provider,{value:{level:f+1},children:o})})]})},e.CollapsibleNavigationListItem=({itemKey:e,icon:a,iconPosition:n="start",badge:t,metadata:s,severity:l,label:o,isRemovable:r=!1,isDisabled:d=!1,children:u})=>{const b=null!=u,{onExpandedChange:y,expanded:C,gridlines:L}=c.useNavigationListContext(),{level:N}=h(),I=p(N),f=b&&C&&g.containsKey(C,e),K=d?{isDisabled:d}:{isRemovable:r};return i.jsxs(i.Fragment,{children:[i.jsx(v.BaseNavigationListItem,{itemKey:e,label:o,icon:a,iconPosition:n,badge:t,metadata:s,severity:l,...K,isGroup:b,isExpanded:f,onToggle:()=>{(()=>{if(b&&!d&&y){const i=g.toggleKeyPresence(e,null!=C?C:{all:!1,keys:new Set});y&&y({value:i})}})?.()},isCollapsibleVariant:!0,indentation:I,level:N+1}),"visible"===L&&i.jsx(m.NavigationListSeparator,{}),b&&f&&i.jsx("div",{role:"group",children:i.jsx(x.Provider,{value:{level:N+1},children:u})})]})},e.CollapsibleNavigationListLinkItem=({itemKey:e,icon:a,iconPosition:n="start",badge:t,metadata:s,severity:l,label:o,children:r,href:d,isRemovable:u=!1,isDisabled:b=!1})=>{const p=null!=r,{onExpandedChange:C,expanded:L,gridlines:N}=c.useNavigationListContext(),{level:I}=h(),f=y(I),K=p&&L&&g.containsKey(L,e),j=b?{isDisabled:b}:{isRemovable:u};return i.jsxs(i.Fragment,{children:[i.jsx(v.BaseNavigationListItem,{itemKey:e,label:o,icon:a,iconPosition:n,badge:t,metadata:s,severity:l,...j,isGroup:p,isExpanded:K,onToggle:()=>{(()=>{if(p&&!b&&C){const i=g.toggleKeyPresence(e,null!=L?L:{all:!1,keys:new Set});C&&C({value:i})}})?.()},isCollapsibleVariant:!0,indentation:f,level:I+1,href:d}),"visible"===N&&i.jsx(m.NavigationListSeparator,{}),p&&K&&i.jsx("div",{role:"group",children:i.jsx(x.Provider,{value:{level:I+1},children:r})})]})}}));
-//# sourceMappingURL=CollapsibleNavigationListExternalLinkItem-fcf1805d.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './UNSAFE_NavigationList/themes/NavigationListStyles.css', 'preact', './mergeProps-bcfa6a92', './HiddenAccessible-037ef42d', './useTranslationBundle-1be27606', './NavigationListContext-1fc6d48d', './NavigationList-fd5b6fe4', './keys-d3fe2795', './BaseNavigationListItem-0efcad58', './NavigationListSeparator-e5e7548f', './UNSAFE_NavigationList/themes/NavigationListItemContract.css'], (function(e,i,a,n,t,s,l,o,r,d,c,g,v,m,u){"use strict";const x=s.createContext(null),b=(e,i=new Set)=>(s.toChildArray(e).forEach((e=>{const a=e;a?.props?.children&&(i.add(a.props.itemKey),b(a.props.children,i))})),i);function h(){return a.useContext(x)}const p=e=>`calc(${Math.max(0,e)} * ${u.childItemVars.childItemPadding})`,y=e=>`calc(${Math.max(0,e)} * ${u.childItemVars.childItemPadding})`,C=e=>`calc(${Math.max(0,e)} * ${u.childItemVars.childItemPadding})`;e.CollapsibleNavigationList=({children:e,selected:s,expanded:g,edge:v="start",gridlines:m="hidden",onExpandedChange:u,onSelectedChange:h,onItemAction:p,onRemove:y,"aria-label":C,"aria-labelledby":L})=>{const N=r.useTranslationBundle("@oracle/oraclejet-preact"),I=a.useMemo((()=>b(e)),[e]),f=a.useMemo((()=>c.buildParentKeyMap(e)),[e]),K=a.useRef(null),{showFocusRing:j,currentKey:P,resolvedCurrentKey:S,getItemTabIndex:E,onCurrentKeyChange:R,containerHandlers:A,onKeyDown:D,navigationListItemPrefix:T,rootTabIndex:k,ariaActiveDescendant:w}=c.useNavigationList({containerRef:K,selected:s,onRemove:y,onSelectedChange:h,onItemAction:p,children:e,collapsibleNavigationConfig:{groupKeys:I,expanded:g,onExpandedChange:u?e=>u({value:e.value}):void 0,parentKeyMap:f}}),F=a.useId()+"_instruction",M=N.collection_tree_expandCollapseInstructionText(),B=n.classNames([t.navigationListStyles.uListStyle]);return i.jsx(d.NavigationListContext.Provider,{value:{selected:s,onSelectedChange:h,edge:v,currentKey:P,resolvedCurrentKey:S,expanded:g,onExpandedChange:u,onItemAction:p,onRemove:y,gridlines:m,showFocusRing:j,getItemTabIndex:E,onCurrentKeyChange:R,navigationListItemPrefix:T},children:i.jsxs(x,{value:{level:0},children:[i.jsx("div",{"aria-label":C,"aria-labelledby":L,"aria-describedby":F,role:"tree",class:B,ref:K,...l.mergeProps({onKeyDown:D},A),tabIndex:k,"aria-activedescendant":w,children:e}),i.jsx(o.HiddenAccessible,{id:F,children:M})]})})},e.CollapsibleNavigationListExternalLinkItem=({itemKey:e,badge:a,icon:n,metadata:t,severity:s,label:l,children:o,href:r,target:d,iconPosition:u="start",isRemovable:b=!1,isDisabled:p=!1})=>{const y=null!=o,{onExpandedChange:L,expanded:N,gridlines:I}=c.useNavigationListContext(),{level:f}=h(),K=C(f),j=y&&N&&g.containsKey(N,e),P=p?{isDisabled:p}:{isRemovable:b};return i.jsxs(i.Fragment,{children:[i.jsx(v.BaseNavigationListItem,{itemKey:e,label:l,icon:n,iconPosition:u,badge:a,metadata:t,severity:s,...P,isGroup:y,isExpanded:j,onToggle:()=>{(()=>{if(y&&!p&&L){const i=g.toggleKeyPresence(e,null!=N?N:{all:!1,keys:new Set});L&&L({value:i})}})?.()},isCollapsibleVariant:!0,indentation:K,level:f+1,isExternalNavigationLinkItem:!0,href:r,target:d}),"visible"===I&&i.jsx(m.NavigationListSeparator,{}),y&&j&&i.jsx("div",{role:"group",children:i.jsx(x.Provider,{value:{level:f+1},children:o})})]})},e.CollapsibleNavigationListItem=({itemKey:e,icon:a,iconPosition:n="start",badge:t,metadata:s,severity:l,label:o,isRemovable:r=!1,isDisabled:d=!1,children:u})=>{const b=null!=u,{onExpandedChange:y,expanded:C,gridlines:L}=c.useNavigationListContext(),{level:N}=h(),I=p(N),f=b&&C&&g.containsKey(C,e),K=d?{isDisabled:d}:{isRemovable:r};return i.jsxs(i.Fragment,{children:[i.jsx(v.BaseNavigationListItem,{itemKey:e,label:o,icon:a,iconPosition:n,badge:t,metadata:s,severity:l,...K,isGroup:b,isExpanded:f,onToggle:()=>{(()=>{if(b&&!d&&y){const i=g.toggleKeyPresence(e,null!=C?C:{all:!1,keys:new Set});y&&y({value:i})}})?.()},isCollapsibleVariant:!0,indentation:I,level:N+1}),"visible"===L&&i.jsx(m.NavigationListSeparator,{}),b&&f&&i.jsx("div",{role:"group",children:i.jsx(x.Provider,{value:{level:N+1},children:u})})]})},e.CollapsibleNavigationListLinkItem=({itemKey:e,icon:a,iconPosition:n="start",badge:t,metadata:s,severity:l,label:o,children:r,href:d,isRemovable:u=!1,isDisabled:b=!1})=>{const p=null!=r,{onExpandedChange:C,expanded:L,gridlines:N}=c.useNavigationListContext(),{level:I}=h(),f=y(I),K=p&&L&&g.containsKey(L,e),j=b?{isDisabled:b}:{isRemovable:u};return i.jsxs(i.Fragment,{children:[i.jsx(v.BaseNavigationListItem,{itemKey:e,label:o,icon:a,iconPosition:n,badge:t,metadata:s,severity:l,...j,isGroup:p,isExpanded:K,onToggle:()=>{(()=>{if(p&&!b&&C){const i=g.toggleKeyPresence(e,null!=L?L:{all:!1,keys:new Set});C&&C({value:i})}})?.()},isCollapsibleVariant:!0,indentation:f,level:I+1,href:d}),"visible"===N&&i.jsx(m.NavigationListSeparator,{}),p&&K&&i.jsx("div",{role:"group",children:i.jsx(x.Provider,{value:{level:I+1},children:r})})]})}}));
+//# sourceMappingURL=CollapsibleNavigationListExternalLinkItem-06a92293.js.map

package/amd/{CollapsibleNavigationListExternalLinkItem-fcf1805d.js.map → CollapsibleNavigationListExternalLinkItem-06a92293.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleNavigationListExternalLinkItem-fcf1805d.js","sources":["../../src/UNSAFE_CollapsibleNavigationList/CollapsibleNavigationListContext.tsx","../../src/UNSAFE_CollapsibleNavigationList/CollapsibleNavigationList.tsx","../../src/UNSAFE_CollapsibleNavigationList/useCollapsibleNavigationListContext.tsx","../../src/UNSAFE_CollapsibleNavigationList/CollapsibleNavigationListItem.tsx","../../src/UNSAFE_CollapsibleNavigationList/CollapsibleNavigationListLinkItem.tsx","../../src/UNSAFE_CollapsibleNavigationList/CollapsibleNavigationListExternalLinkItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext } from 'preact';\n\nexport type LevelContextProviderProps = {\n  level: number;\n};\n/**\n * Context used to pass CollapsibleNavigationList information without having to pass it to CollapsibleNavigationList children props.\n * We want to communicate information down to any interested CollapsibleNavigationListItem children.\n */\nconst LevelContextProviderContext = createContext<LevelContextProviderProps>(null!);\n\nexport { LevelContextProviderContext };\n","import { useId, useRef, useMemo, MutableRef } from 'preact/hooks';\nimport { LevelContextProviderContext } from './CollapsibleNavigationListContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { navigationListStyles } from '../UNSAFE_NavigationList/themes/NavigationListStyles.css';\nimport { ComponentChildren, toChildArray, VNode } from 'preact';\nimport { Keys } from '#utils/UNSAFE_keys';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { NavigationListContext } from '#UNSAFE_NavigationListCommon/NavigationListContext';\nimport { buildParentKeyMap, useNavigationList } from '#UNSAFE_NavigationList/useNavigationList';\n\ntype SelectionDetail<K> = {\n  value: K;\n};\n\ntype ItemActionDetail<K> = {\n  value: K;\n};\n\ntype RemoveDetail<K> = {\n  value: K;\n};\n\ntype GroupChild = VNode<{\n  itemKey: string | number;\n  children?: ComponentChildren;\n}>;\n\n/**\n * Detail for the onExpandedChange callback.\n */\nexport type ExpandedItemDetail<K> = {\n  value: Keys<K>;\n};\n\nexport type CollapsibleNavigationListProps<K> = {\n  /**\n   * The set of CollapsibleNavigationListItems in the CollapsibleNavigationList.\n   */\n  children: ComponentChildren;\n  /**\n   * Key of the selected item.\n   */\n  selected?: K | undefined;\n  /**\n   * Specifies the key set containing the keys of the items that should be expanded.\n   */\n  expanded?: Keys<K>;\n  /**\n   * Specifies whether the horizontal divider should be rendered between items.\n   * Dividers are rendered for all levels of items.\n   */\n  gridlines?: 'visible' | 'hidden';\n  /**\n   * The position of the CollapsibleNavigationList.\n   * Valid values: start and end.\n   * 'start' is used when the CollapsibleNavigationList is placed at the start of the content section\n   * and the selection indicator is placed before the item content.\n   * 'end' is used when the CollapsibleNavigationList is placed at the end of the content section\n   * and the selection indicator is placed after the item content.\n   */\n  edge?: 'start' | 'end';\n  /**\n   * Callback function to handle when selection changes.\n   */\n  onSelectedChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Callback function to handle when the expanded keys change.\n   * This function should update the expanded prop.\n   */\n  onExpandedChange?: <K extends string | number>(detail: ExpandedItemDetail<K>) => void;\n  /**\n   * Callback function to handle when the user performs an action gesture, such as click,\n   * Enter, or Space, on an item.\n   */\n  onItemAction?: <K extends string | number>(detail: ItemActionDetail<K>) => void;\n  /**\n   * Callback function to handle when an item is removed.  The item can be leaf item or group item. Removing a group item removes the entire group.\n   */\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  /**\n   * Accessible label for the CollapsibleNavigationList.\n   * Either aria-label or aria-labelledby should be specified to make the component accessible.\n   */\n  'aria-label'?: string;\n  /**\n   * Identifies the element(s) that label the CollapsibleNavigationList.\n   * Either aria-label or aria-labelledby should be specified to make the component accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\n/**\n\n * CollapsibleNavigationList provides a hierarchical navigation component that allows users to render\n * nested items and expand or collapse group items.\n * @param param0 \n * @returns \n */\nexport const CollapsibleNavigationList = <K extends string | number>({\n  children,\n  selected,\n  expanded,\n  edge = 'start',\n  gridlines = 'hidden',\n  onExpandedChange,\n  onSelectedChange,\n  onItemAction,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy\n}: CollapsibleNavigationListProps<K>) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const groupKeys = useMemo(() => getGroupKeys(children), [children]);\n  const parentKeyMap = useMemo(() => buildParentKeyMap(children), [children]);\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const {\n    showFocusRing,\n    currentKey,\n    resolvedCurrentKey,\n    getItemTabIndex,\n    onCurrentKeyChange,\n    containerHandlers,\n    onKeyDown,\n    navigationListItemPrefix,\n    rootTabIndex,\n    ariaActiveDescendant\n  } = useNavigationList<K>({\n    containerRef: rootRef as MutableRef<HTMLDivElement>,\n    selected,\n    onRemove,\n    onSelectedChange,\n    onItemAction,\n    children,\n    collapsibleNavigationConfig: {\n      groupKeys: groupKeys as Set<K>,\n      expanded,\n      onExpandedChange: onExpandedChange\n        ? (detail) => onExpandedChange({ value: detail.value })\n        : undefined,\n      parentKeyMap: parentKeyMap as Map<K, K | undefined>\n    }\n  });\n\n  const navListId = useId();\n  const expandCollapseInstructionId = navListId + '_instruction';\n  const expandCollapseInstructionText =\n    translations.collection_tree_expandCollapseInstructionText();\n\n  //Styling\n  const navigationListClass = classNames([navigationListStyles.uListStyle]);\n  return (\n    <NavigationListContext.Provider\n      value={{\n        selected,\n        onSelectedChange,\n        edge,\n        currentKey,\n        resolvedCurrentKey,\n        expanded,\n        onExpandedChange,\n        onItemAction,\n        onRemove,\n        gridlines,\n        showFocusRing,\n        getItemTabIndex: getItemTabIndex as ((itemKey: string | number) => number) | undefined,\n        onCurrentKeyChange,\n        navigationListItemPrefix\n      }}>\n      <LevelContextProviderContext value={{ level: 0 }}>\n        <div\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={expandCollapseInstructionId}\n          role=\"tree\"\n          class={navigationListClass}\n          ref={rootRef}\n          {...mergeProps({ onKeyDown }, containerHandlers)}\n          tabIndex={rootTabIndex}\n          aria-activedescendant={ariaActiveDescendant}>\n          {children}\n        </div>\n        <HiddenAccessible id={expandCollapseInstructionId}>\n          {expandCollapseInstructionText}\n        </HiddenAccessible>\n      </LevelContextProviderContext>\n    </NavigationListContext.Provider>\n  );\n};\n\n// Helper to extract all group item keys from items tree\nconst getGroupKeys = (children: ComponentChildren, groupKeys = new Set()) => {\n  toChildArray(children).forEach((child) => {\n    const item = child as GroupChild;\n    if (item?.props?.children) {\n      groupKeys.add(item.props.itemKey);\n      getGroupKeys(item.props.children, groupKeys);\n    }\n  });\n  return groupKeys;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { LevelContextProviderContext } from './CollapsibleNavigationListContext';\n\n/**\n * Utility hook for consuming the CollapsibleNavigationListContext\n *\n * @returns The value of CollapsibleNavigationListContext provider\n */\nfunction useLevelContextProviderContext() {\n  return useContext(LevelContextProviderContext);\n}\n\nexport { useLevelContextProviderContext };\n","import { ComponentChildren } from 'preact';\nimport { useLevelContextProviderContext } from './useCollapsibleNavigationListContext';\nimport { containsKey, toggleKeyPresence } from '#utils/UNSAFE_keys';\nimport { LevelContextProviderContext } from './CollapsibleNavigationListContext';\nimport {\n  BaseNavigationListItem,\n  PublicNavigationListItemProps\n} from '#UNSAFE_NavigationListCommon/BaseNavigationListItem';\nimport { NavigationListSeparator } from '#UNSAFE_NavigationList';\nimport { useNavigationListContext } from '#UNSAFE_NavigationListCommon/useNavigationListContext';\nimport { childItemVars } from '#UNSAFE_NavigationList/themes/NavigationListItemContract.css';\n\ntype CollapsibleNavigationListItemProps<K extends string | number> =\n  PublicNavigationListItemProps<K> & {\n    /**\n     * If it is a group item, children will be CollapsibleNavigationListItems\n     */\n    children?: ComponentChildren;\n  };\n\n/**\n * CollapsibleNavigationListItem renders leaf and group items in a CollapsibleNavigationList\n */\nexport const CollapsibleNavigationListItem = <K extends string | number>({\n  itemKey,\n  icon,\n  iconPosition = 'start',\n  badge,\n  metadata,\n  severity,\n  label,\n  isRemovable = false,\n  isDisabled = false,\n  children\n}: CollapsibleNavigationListItemProps<K>) => {\n  const isGroup = children != null;\n  const { onExpandedChange, expanded, gridlines } = useNavigationListContext();\n\n  const { level } = useLevelContextProviderContext();\n  const indentation = calcIndentation(level);\n\n  const isExpanded = isGroup && expanded && containsKey(expanded, itemKey);\n\n  const onToggle = () => {\n    if (isGroup && !isDisabled && onExpandedChange) {\n      const newExpanded = toggleKeyPresence(\n        itemKey,\n        expanded != null ? expanded : { all: false, keys: new Set() }\n      );\n      onExpandedChange && onExpandedChange({ value: newExpanded });\n    }\n  };\n\n  const handleToggle = () => {\n    onToggle?.();\n  };\n  const interactionProps = isDisabled ? { isDisabled } : { isRemovable };\n\n  return (\n    <>\n      <BaseNavigationListItem\n        itemKey={itemKey}\n        label={label}\n        icon={icon}\n        iconPosition={iconPosition}\n        badge={badge}\n        metadata={metadata}\n        severity={severity}\n        {...interactionProps}\n        isGroup={isGroup}\n        isExpanded={isExpanded}\n        onToggle={handleToggle}\n        isCollapsibleVariant={true}\n        indentation={indentation}\n        level={level + 1}\n      />\n      {gridlines === 'visible' && <NavigationListSeparator />}\n      {isGroup && isExpanded && (\n        <div role=\"group\">\n          <LevelContextProviderContext.Provider value={{ level: level + 1 }}>\n            {children}\n          </LevelContextProviderContext.Provider>\n        </div>\n      )}\n    </>\n  );\n};\n\nconst calcIndentation = (depth: number) => {\n  return `calc(${Math.max(0, depth)} * ${childItemVars.childItemPadding})`;\n};\n","import { ComponentChildren } from 'preact';\nimport { useLevelContextProviderContext } from './useCollapsibleNavigationListContext';\nimport { containsKey, toggleKeyPresence } from '#utils/UNSAFE_keys';\nimport { LevelContextProviderContext } from './CollapsibleNavigationListContext';\nimport {\n  BaseNavigationListItem,\n  PublicNavigationListItemProps\n} from '#UNSAFE_NavigationListCommon/BaseNavigationListItem';\nimport { NavigationListSeparator } from '#UNSAFE_NavigationList';\nimport { useNavigationListContext } from '#UNSAFE_NavigationListCommon/useNavigationListContext';\nimport { childItemVars } from '#UNSAFE_NavigationList/themes/NavigationListItemContract.css';\n\ntype CollapsibleNavigationListLinkItemProps<K extends string | number> =\n  PublicNavigationListItemProps<K> & {\n    /**\n     * If it is a group item, children will be CollapsibleNavigationListLinkItems\n     */\n    children?: ComponentChildren;\n    /**\n     * Sets the URL that the hyperlink points to. If there is no valid URL do not use CollapsibleNavigationListLinkItem, use CollapsibleNavigationListItem instead.\n     */\n    href: string;\n  };\n\n/**\n * CollapsibleNavigationListLinkItem renders leaf and group items in a CollapsibleNavigationList and can be used to render links internal to the application.\n */\nexport const CollapsibleNavigationListLinkItem = <K extends string | number>({\n  itemKey,\n  icon,\n  iconPosition = 'start',\n  badge,\n  metadata,\n  severity,\n  label,\n  children,\n  href,\n  isRemovable = false,\n  isDisabled = false\n}: CollapsibleNavigationListLinkItemProps<K>) => {\n  const isGroup = children != null;\n  const { onExpandedChange, expanded, gridlines } = useNavigationListContext();\n\n  const { level } = useLevelContextProviderContext();\n  const indentation = calcIndentation(level);\n\n  const isExpanded = isGroup && expanded && containsKey(expanded, itemKey);\n\n  const onToggle = () => {\n    if (isGroup && !isDisabled && onExpandedChange) {\n      const newExpanded = toggleKeyPresence(\n        itemKey,\n        expanded != null ? expanded : { all: false, keys: new Set() }\n      );\n      onExpandedChange && onExpandedChange({ value: newExpanded });\n    }\n  };\n\n  const handleToggle = () => {\n    onToggle?.();\n  };\n  const interactionProps = isDisabled ? { isDisabled } : { isRemovable };\n\n  return (\n    <>\n      <BaseNavigationListItem\n        itemKey={itemKey}\n        label={label}\n        icon={icon}\n        iconPosition={iconPosition}\n        badge={badge}\n        metadata={metadata}\n        severity={severity}\n        {...interactionProps}\n        isGroup={isGroup}\n        isExpanded={isExpanded}\n        onToggle={handleToggle}\n        isCollapsibleVariant={true}\n        indentation={indentation}\n        level={level + 1}\n        href={href}\n      />\n      {gridlines === 'visible' && <NavigationListSeparator />}\n      {isGroup && isExpanded && (\n        <div role=\"group\">\n          <LevelContextProviderContext.Provider value={{ level: level + 1 }}>\n            {children}\n          </LevelContextProviderContext.Provider>\n        </div>\n      )}\n    </>\n  );\n};\n\nconst calcIndentation = (depth: number) => {\n  return `calc(${Math.max(0, depth)} * ${childItemVars.childItemPadding})`;\n};\n","import { ComponentChildren } from 'preact';\nimport { useLevelContextProviderContext } from './useCollapsibleNavigationListContext';\nimport { containsKey, toggleKeyPresence } from '#utils/UNSAFE_keys';\nimport { LevelContextProviderContext } from './CollapsibleNavigationListContext';\nimport {\n  BaseNavigationListItem,\n  PublicNavigationListItemProps\n} from '#UNSAFE_NavigationListCommon/BaseNavigationListItem';\nimport { NavigationListSeparator } from '#UNSAFE_NavigationList';\nimport { useNavigationListContext } from '#UNSAFE_NavigationListCommon/useNavigationListContext';\nimport { childItemVars } from '#UNSAFE_NavigationList/themes/NavigationListItemContract.css';\n\ntype CollapsibleNavigationListExternalLinkItemProps<K extends string | number> =\n  PublicNavigationListItemProps<K> & {\n    /**\n     * If it is a group item, children will be CollapsibleNavigationListExternalLinkItems\n     */\n    children?: ComponentChildren;\n    /**\n     * Sets the URL that the hyperlink points to. If there is no valid URL do not use CollapsibleNavigationListExternalLinkItem, use CollapsibleNavigationListItem instead.\n     */\n    href: string;\n    /**\n     * Sets the target for the hyperlink.\n     */\n    target?: 'self' | 'blank' | 'parent' | 'top';\n  };\n\n/**\n * CollapsibleNavigationListExternalLinkItem renders leaf and group items in a CollapsibleNavigationList and can be used to render links external to the application.\n */\nexport const CollapsibleNavigationListExternalLinkItem = <K extends string | number>({\n  itemKey,\n  badge,\n  icon,\n  metadata,\n  severity,\n  label,\n  children,\n  href,\n  target,\n  iconPosition = 'start',\n  isRemovable = false,\n  isDisabled = false\n}: CollapsibleNavigationListExternalLinkItemProps<K>) => {\n  const isGroup = children != null;\n  const { onExpandedChange, expanded, gridlines } = useNavigationListContext();\n\n  const { level } = useLevelContextProviderContext();\n  const indentation = calcIndentation(level);\n\n  const isExpanded = isGroup && expanded && containsKey(expanded, itemKey);\n\n  const onToggle = () => {\n    if (isGroup && !isDisabled && onExpandedChange) {\n      const newExpanded = toggleKeyPresence(\n        itemKey,\n        expanded != null ? expanded : { all: false, keys: new Set() }\n      );\n      onExpandedChange && onExpandedChange({ value: newExpanded });\n    }\n  };\n\n  const handleToggle = () => {\n    onToggle?.();\n  };\n  const interactionProps = isDisabled ? { isDisabled } : { isRemovable };\n\n  return (\n    <>\n      <BaseNavigationListItem\n        itemKey={itemKey}\n        label={label}\n        icon={icon}\n        iconPosition={iconPosition}\n        badge={badge}\n        metadata={metadata}\n        severity={severity}\n        {...interactionProps}\n        isGroup={isGroup}\n        isExpanded={isExpanded}\n        onToggle={handleToggle}\n        isCollapsibleVariant={true}\n        indentation={indentation}\n        level={level + 1}\n        isExternalNavigationLinkItem={true}\n        href={href}\n        target={target}\n      />\n      {gridlines === 'visible' && <NavigationListSeparator />}\n      {isGroup && isExpanded && (\n        <div role=\"group\">\n          <LevelContextProviderContext.Provider value={{ level: level + 1 }}>\n            {children}\n          </LevelContextProviderContext.Provider>\n        </div>\n      )}\n    </>\n  );\n};\n\nconst calcIndentation = (depth: number) => {\n  return `calc(${Math.max(0, depth)} * ${childItemVars.childItemPadding})`;\n};\n"],"names":["LevelContextProviderContext","createContext","getGroupKeys","children","groupKeys","Set","toChildArray","forEach","child","item","props","add","itemKey","useLevelContextProviderContext","useContext","calcIndentation","depth","Math","max","childItemVars","childItemPadding","selected","expanded","edge","gridlines","onExpandedChange","onSelectedChange","onItemAction","onRemove","ariaLabel","ariaLabelledBy","translations","useTranslationBundle","useMemo","parentKeyMap","buildParentKeyMap","rootRef","useRef","showFocusRing","currentKey","resolvedCurrentKey","getItemTabIndex","onCurrentKeyChange","containerHandlers","onKeyDown","navigationListItemPrefix","rootTabIndex","ariaActiveDescendant","useNavigationList","containerRef","collapsibleNavigationConfig","detail","value","undefined","expandCollapseInstructionId","useId","expandCollapseInstructionText","collection_tree_expandCollapseInstructionText","navigationListClass","classNames","navigationListStyles","uListStyle","_jsx","NavigationListContext","Provider","_jsxs","level","jsx","role","class","ref","mergeProps","tabIndex","HiddenAccessible","id","badge","icon","metadata","severity","label","href","target","iconPosition","isRemovable","isDisabled","isGroup","useNavigationListContext","indentation","isExpanded","containsKey","interactionProps","_Fragment","BaseNavigationListItem","onToggle","newExpanded","toggleKeyPresence","all","keys","isCollapsibleVariant","isExternalNavigationLinkItem","NavigationListSeparator"],"mappings":"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"}
+{"version":3,"file":"CollapsibleNavigationListExternalLinkItem-06a92293.js","sources":["../../src/UNSAFE_CollapsibleNavigationList/CollapsibleNavigationListContext.tsx","../../src/UNSAFE_CollapsibleNavigationList/CollapsibleNavigationList.tsx","../../src/UNSAFE_CollapsibleNavigationList/useCollapsibleNavigationListContext.tsx","../../src/UNSAFE_CollapsibleNavigationList/CollapsibleNavigationListItem.tsx","../../src/UNSAFE_CollapsibleNavigationList/CollapsibleNavigationListLinkItem.tsx","../../src/UNSAFE_CollapsibleNavigationList/CollapsibleNavigationListExternalLinkItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext } from 'preact';\n\nexport type LevelContextProviderProps = {\n  level: number;\n};\n/**\n * Context used to pass CollapsibleNavigationList information without having to pass it to CollapsibleNavigationList children props.\n * We want to communicate information down to any interested CollapsibleNavigationListItem children.\n */\nconst LevelContextProviderContext = createContext<LevelContextProviderProps>(null!);\n\nexport { LevelContextProviderContext };\n","import { useId, useRef, useMemo, MutableRef } from 'preact/hooks';\nimport { LevelContextProviderContext } from './CollapsibleNavigationListContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { navigationListStyles } from '../UNSAFE_NavigationList/themes/NavigationListStyles.css';\nimport { ComponentChildren, toChildArray, VNode } from 'preact';\nimport { Keys } from '#utils/UNSAFE_keys';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { NavigationListContext } from '#UNSAFE_NavigationListCommon/NavigationListContext';\nimport { buildParentKeyMap, useNavigationList } from '#UNSAFE_NavigationList/useNavigationList';\n\ntype SelectionDetail<K> = {\n  value: K;\n};\n\ntype ItemActionDetail<K> = {\n  value: K;\n};\n\ntype RemoveDetail<K> = {\n  value: K;\n};\n\ntype GroupChild = VNode<{\n  itemKey: string | number;\n  children?: ComponentChildren;\n}>;\n\n/**\n * Detail for the onExpandedChange callback.\n */\nexport type ExpandedItemDetail<K> = {\n  value: Keys<K>;\n};\n\nexport type CollapsibleNavigationListProps<K> = {\n  /**\n   * The set of CollapsibleNavigationListItems in the CollapsibleNavigationList.\n   */\n  children: ComponentChildren;\n  /**\n   * Key of the selected item.\n   */\n  selected?: K | undefined;\n  /**\n   * Specifies the key set containing the keys of the items that should be expanded.\n   */\n  expanded?: Keys<K>;\n  /**\n   * Specifies whether the horizontal divider should be rendered between items.\n   * Dividers are rendered for all levels of items.\n   */\n  gridlines?: 'visible' | 'hidden';\n  /**\n   * The position of the CollapsibleNavigationList.\n   * Valid values: start and end.\n   * 'start' is used when the CollapsibleNavigationList is placed at the start of the content section\n   * and the selection indicator is placed before the item content.\n   * 'end' is used when the CollapsibleNavigationList is placed at the end of the content section\n   * and the selection indicator is placed after the item content.\n   */\n  edge?: 'start' | 'end';\n  /**\n   * Callback function to handle when selection changes.\n   */\n  onSelectedChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Callback function to handle when the expanded keys change.\n   * This function should update the expanded prop.\n   */\n  onExpandedChange?: <K extends string | number>(detail: ExpandedItemDetail<K>) => void;\n  /**\n   * Callback function to handle when the user performs an action gesture, such as click,\n   * Enter, or Space, on an item.\n   */\n  onItemAction?: <K extends string | number>(detail: ItemActionDetail<K>) => void;\n  /**\n   * Callback function to handle when an item is removed.  The item can be leaf item or group item. Removing a group item removes the entire group.\n   */\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  /**\n   * Accessible label for the CollapsibleNavigationList.\n   * Either aria-label or aria-labelledby should be specified to make the component accessible.\n   */\n  'aria-label'?: string;\n  /**\n   * Identifies the element(s) that label the CollapsibleNavigationList.\n   * Either aria-label or aria-labelledby should be specified to make the component accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\n/**\n\n * CollapsibleNavigationList provides a hierarchical navigation component that allows users to render\n * nested items and expand or collapse group items.\n * @param param0 \n * @returns \n */\nexport const CollapsibleNavigationList = <K extends string | number>({\n  children,\n  selected,\n  expanded,\n  edge = 'start',\n  gridlines = 'hidden',\n  onExpandedChange,\n  onSelectedChange,\n  onItemAction,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy\n}: CollapsibleNavigationListProps<K>) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const groupKeys = useMemo(() => getGroupKeys(children), [children]);\n  const parentKeyMap = useMemo(() => buildParentKeyMap(children), [children]);\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const {\n    showFocusRing,\n    currentKey,\n    resolvedCurrentKey,\n    getItemTabIndex,\n    onCurrentKeyChange,\n    containerHandlers,\n    onKeyDown,\n    navigationListItemPrefix,\n    rootTabIndex,\n    ariaActiveDescendant\n  } = useNavigationList<K>({\n    containerRef: rootRef as MutableRef<HTMLDivElement>,\n    selected,\n    onRemove,\n    onSelectedChange,\n    onItemAction,\n    children,\n    collapsibleNavigationConfig: {\n      groupKeys: groupKeys as Set<K>,\n      expanded,\n      onExpandedChange: onExpandedChange\n        ? (detail) => onExpandedChange({ value: detail.value })\n        : undefined,\n      parentKeyMap: parentKeyMap as Map<K, K | undefined>\n    }\n  });\n\n  const navListId = useId();\n  const expandCollapseInstructionId = navListId + '_instruction';\n  const expandCollapseInstructionText =\n    translations.collection_tree_expandCollapseInstructionText();\n\n  //Styling\n  const navigationListClass = classNames([navigationListStyles.uListStyle]);\n  return (\n    <NavigationListContext.Provider\n      value={{\n        selected,\n        onSelectedChange,\n        edge,\n        currentKey,\n        resolvedCurrentKey,\n        expanded,\n        onExpandedChange,\n        onItemAction,\n        onRemove,\n        gridlines,\n        showFocusRing,\n        getItemTabIndex: getItemTabIndex as ((itemKey: string | number) => number) | undefined,\n        onCurrentKeyChange,\n        navigationListItemPrefix\n      }}>\n      <LevelContextProviderContext value={{ level: 0 }}>\n        <div\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={expandCollapseInstructionId}\n          role=\"tree\"\n          class={navigationListClass}\n          ref={rootRef}\n          {...mergeProps({ onKeyDown }, containerHandlers)}\n          tabIndex={rootTabIndex}\n          aria-activedescendant={ariaActiveDescendant}>\n          {children}\n        </div>\n        <HiddenAccessible id={expandCollapseInstructionId}>\n          {expandCollapseInstructionText}\n        </HiddenAccessible>\n      </LevelContextProviderContext>\n    </NavigationListContext.Provider>\n  );\n};\n\n// Helper to extract all group item keys from items tree\nconst getGroupKeys = (children: ComponentChildren, groupKeys = new Set()) => {\n  toChildArray(children).forEach((child) => {\n    const item = child as GroupChild;\n    if (item?.props?.children) {\n      groupKeys.add(item.props.itemKey);\n      getGroupKeys(item.props.children, groupKeys);\n    }\n  });\n  return groupKeys;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { LevelContextProviderContext } from './CollapsibleNavigationListContext';\n\n/**\n * Utility hook for consuming the CollapsibleNavigationListContext\n *\n * @returns The value of CollapsibleNavigationListContext provider\n */\nfunction useLevelContextProviderContext() {\n  return useContext(LevelContextProviderContext);\n}\n\nexport { useLevelContextProviderContext };\n","import { ComponentChildren } from 'preact';\nimport { useLevelContextProviderContext } from './useCollapsibleNavigationListContext';\nimport { containsKey, toggleKeyPresence } from '#utils/UNSAFE_keys';\nimport { LevelContextProviderContext } from './CollapsibleNavigationListContext';\nimport {\n  BaseNavigationListItem,\n  PublicNavigationListItemProps\n} from '#UNSAFE_NavigationListCommon/BaseNavigationListItem';\nimport { NavigationListSeparator } from '#UNSAFE_NavigationList';\nimport { useNavigationListContext } from '#UNSAFE_NavigationListCommon/useNavigationListContext';\nimport { childItemVars } from '#UNSAFE_NavigationList/themes/NavigationListItemContract.css';\n\ntype CollapsibleNavigationListItemProps<K extends string | number> =\n  PublicNavigationListItemProps<K> & {\n    /**\n     * If it is a group item, children will be CollapsibleNavigationListItems\n     */\n    children?: ComponentChildren;\n  };\n\n/**\n * CollapsibleNavigationListItem renders leaf and group items in a CollapsibleNavigationList\n */\nexport const CollapsibleNavigationListItem = <K extends string | number>({\n  itemKey,\n  icon,\n  iconPosition = 'start',\n  badge,\n  metadata,\n  severity,\n  label,\n  isRemovable = false,\n  isDisabled = false,\n  children\n}: CollapsibleNavigationListItemProps<K>) => {\n  const isGroup = children != null;\n  const { onExpandedChange, expanded, gridlines } = useNavigationListContext();\n\n  const { level } = useLevelContextProviderContext();\n  const indentation = calcIndentation(level);\n\n  const isExpanded = isGroup && expanded && containsKey(expanded, itemKey);\n\n  const onToggle = () => {\n    if (isGroup && !isDisabled && onExpandedChange) {\n      const newExpanded = toggleKeyPresence(\n        itemKey,\n        expanded != null ? expanded : { all: false, keys: new Set() }\n      );\n      onExpandedChange && onExpandedChange({ value: newExpanded });\n    }\n  };\n\n  const handleToggle = () => {\n    onToggle?.();\n  };\n  const interactionProps = isDisabled ? { isDisabled } : { isRemovable };\n\n  return (\n    <>\n      <BaseNavigationListItem\n        itemKey={itemKey}\n        label={label}\n        icon={icon}\n        iconPosition={iconPosition}\n        badge={badge}\n        metadata={metadata}\n        severity={severity}\n        {...interactionProps}\n        isGroup={isGroup}\n        isExpanded={isExpanded}\n        onToggle={handleToggle}\n        isCollapsibleVariant={true}\n        indentation={indentation}\n        level={level + 1}\n      />\n      {gridlines === 'visible' && <NavigationListSeparator />}\n      {isGroup && isExpanded && (\n        <div role=\"group\">\n          <LevelContextProviderContext.Provider value={{ level: level + 1 }}>\n            {children}\n          </LevelContextProviderContext.Provider>\n        </div>\n      )}\n    </>\n  );\n};\n\nconst calcIndentation = (depth: number) => {\n  return `calc(${Math.max(0, depth)} * ${childItemVars.childItemPadding})`;\n};\n","import { ComponentChildren } from 'preact';\nimport { useLevelContextProviderContext } from './useCollapsibleNavigationListContext';\nimport { containsKey, toggleKeyPresence } from '#utils/UNSAFE_keys';\nimport { LevelContextProviderContext } from './CollapsibleNavigationListContext';\nimport {\n  BaseNavigationListItem,\n  PublicNavigationListItemProps\n} from '#UNSAFE_NavigationListCommon/BaseNavigationListItem';\nimport { NavigationListSeparator } from '#UNSAFE_NavigationList';\nimport { useNavigationListContext } from '#UNSAFE_NavigationListCommon/useNavigationListContext';\nimport { childItemVars } from '#UNSAFE_NavigationList/themes/NavigationListItemContract.css';\n\ntype CollapsibleNavigationListLinkItemProps<K extends string | number> =\n  PublicNavigationListItemProps<K> & {\n    /**\n     * If it is a group item, children will be CollapsibleNavigationListLinkItems\n     */\n    children?: ComponentChildren;\n    /**\n     * Sets the URL that the hyperlink points to. If there is no valid URL do not use CollapsibleNavigationListLinkItem, use CollapsibleNavigationListItem instead.\n     */\n    href: string;\n  };\n\n/**\n * CollapsibleNavigationListLinkItem renders leaf and group items in a CollapsibleNavigationList and can be used to render links internal to the application.\n */\nexport const CollapsibleNavigationListLinkItem = <K extends string | number>({\n  itemKey,\n  icon,\n  iconPosition = 'start',\n  badge,\n  metadata,\n  severity,\n  label,\n  children,\n  href,\n  isRemovable = false,\n  isDisabled = false\n}: CollapsibleNavigationListLinkItemProps<K>) => {\n  const isGroup = children != null;\n  const { onExpandedChange, expanded, gridlines } = useNavigationListContext();\n\n  const { level } = useLevelContextProviderContext();\n  const indentation = calcIndentation(level);\n\n  const isExpanded = isGroup && expanded && containsKey(expanded, itemKey);\n\n  const onToggle = () => {\n    if (isGroup && !isDisabled && onExpandedChange) {\n      const newExpanded = toggleKeyPresence(\n        itemKey,\n        expanded != null ? expanded : { all: false, keys: new Set() }\n      );\n      onExpandedChange && onExpandedChange({ value: newExpanded });\n    }\n  };\n\n  const handleToggle = () => {\n    onToggle?.();\n  };\n  const interactionProps = isDisabled ? { isDisabled } : { isRemovable };\n\n  return (\n    <>\n      <BaseNavigationListItem\n        itemKey={itemKey}\n        label={label}\n        icon={icon}\n        iconPosition={iconPosition}\n        badge={badge}\n        metadata={metadata}\n        severity={severity}\n        {...interactionProps}\n        isGroup={isGroup}\n        isExpanded={isExpanded}\n        onToggle={handleToggle}\n        isCollapsibleVariant={true}\n        indentation={indentation}\n        level={level + 1}\n        href={href}\n      />\n      {gridlines === 'visible' && <NavigationListSeparator />}\n      {isGroup && isExpanded && (\n        <div role=\"group\">\n          <LevelContextProviderContext.Provider value={{ level: level + 1 }}>\n            {children}\n          </LevelContextProviderContext.Provider>\n        </div>\n      )}\n    </>\n  );\n};\n\nconst calcIndentation = (depth: number) => {\n  return `calc(${Math.max(0, depth)} * ${childItemVars.childItemPadding})`;\n};\n","import { ComponentChildren } from 'preact';\nimport { useLevelContextProviderContext } from './useCollapsibleNavigationListContext';\nimport { containsKey, toggleKeyPresence } from '#utils/UNSAFE_keys';\nimport { LevelContextProviderContext } from './CollapsibleNavigationListContext';\nimport {\n  BaseNavigationListItem,\n  PublicNavigationListItemProps\n} from '#UNSAFE_NavigationListCommon/BaseNavigationListItem';\nimport { NavigationListSeparator } from '#UNSAFE_NavigationList';\nimport { useNavigationListContext } from '#UNSAFE_NavigationListCommon/useNavigationListContext';\nimport { childItemVars } from '#UNSAFE_NavigationList/themes/NavigationListItemContract.css';\n\ntype CollapsibleNavigationListExternalLinkItemProps<K extends string | number> =\n  PublicNavigationListItemProps<K> & {\n    /**\n     * If it is a group item, children will be CollapsibleNavigationListExternalLinkItems\n     */\n    children?: ComponentChildren;\n    /**\n     * Sets the URL that the hyperlink points to. If there is no valid URL do not use CollapsibleNavigationListExternalLinkItem, use CollapsibleNavigationListItem instead.\n     */\n    href: string;\n    /**\n     * Sets the target for the hyperlink.\n     */\n    target?: 'self' | 'blank' | 'parent' | 'top';\n  };\n\n/**\n * CollapsibleNavigationListExternalLinkItem renders leaf and group items in a CollapsibleNavigationList and can be used to render links external to the application.\n */\nexport const CollapsibleNavigationListExternalLinkItem = <K extends string | number>({\n  itemKey,\n  badge,\n  icon,\n  metadata,\n  severity,\n  label,\n  children,\n  href,\n  target,\n  iconPosition = 'start',\n  isRemovable = false,\n  isDisabled = false\n}: CollapsibleNavigationListExternalLinkItemProps<K>) => {\n  const isGroup = children != null;\n  const { onExpandedChange, expanded, gridlines } = useNavigationListContext();\n\n  const { level } = useLevelContextProviderContext();\n  const indentation = calcIndentation(level);\n\n  const isExpanded = isGroup && expanded && containsKey(expanded, itemKey);\n\n  const onToggle = () => {\n    if (isGroup && !isDisabled && onExpandedChange) {\n      const newExpanded = toggleKeyPresence(\n        itemKey,\n        expanded != null ? expanded : { all: false, keys: new Set() }\n      );\n      onExpandedChange && onExpandedChange({ value: newExpanded });\n    }\n  };\n\n  const handleToggle = () => {\n    onToggle?.();\n  };\n  const interactionProps = isDisabled ? { isDisabled } : { isRemovable };\n\n  return (\n    <>\n      <BaseNavigationListItem\n        itemKey={itemKey}\n        label={label}\n        icon={icon}\n        iconPosition={iconPosition}\n        badge={badge}\n        metadata={metadata}\n        severity={severity}\n        {...interactionProps}\n        isGroup={isGroup}\n        isExpanded={isExpanded}\n        onToggle={handleToggle}\n        isCollapsibleVariant={true}\n        indentation={indentation}\n        level={level + 1}\n        isExternalNavigationLinkItem={true}\n        href={href}\n        target={target}\n      />\n      {gridlines === 'visible' && <NavigationListSeparator />}\n      {isGroup && isExpanded && (\n        <div role=\"group\">\n          <LevelContextProviderContext.Provider value={{ level: level + 1 }}>\n            {children}\n          </LevelContextProviderContext.Provider>\n        </div>\n      )}\n    </>\n  );\n};\n\nconst calcIndentation = (depth: number) => {\n  return `calc(${Math.max(0, depth)} * ${childItemVars.childItemPadding})`;\n};\n"],"names":["LevelContextProviderContext","createContext","getGroupKeys","children","groupKeys","Set","toChildArray","forEach","child","item","props","add","itemKey","useLevelContextProviderContext","useContext","calcIndentation","depth","Math","max","childItemVars","childItemPadding","selected","expanded","edge","gridlines","onExpandedChange","onSelectedChange","onItemAction","onRemove","ariaLabel","ariaLabelledBy","translations","useTranslationBundle","useMemo","parentKeyMap","buildParentKeyMap","rootRef","useRef","showFocusRing","currentKey","resolvedCurrentKey","getItemTabIndex","onCurrentKeyChange","containerHandlers","onKeyDown","navigationListItemPrefix","rootTabIndex","ariaActiveDescendant","useNavigationList","containerRef","collapsibleNavigationConfig","detail","value","undefined","expandCollapseInstructionId","useId","expandCollapseInstructionText","collection_tree_expandCollapseInstructionText","navigationListClass","classNames","navigationListStyles","uListStyle","_jsx","NavigationListContext","Provider","_jsxs","level","jsx","role","class","ref","mergeProps","tabIndex","HiddenAccessible","id","badge","icon","metadata","severity","label","href","target","iconPosition","isRemovable","isDisabled","isGroup","useNavigationListContext","indentation","isExpanded","containsKey","interactionProps","_Fragment","BaseNavigationListItem","onToggle","newExpanded","toggleKeyPresence","all","keys","isCollapsibleVariant","isExternalNavigationLinkItem","NavigationListSeparator"],"mappings":"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"}

package/amd/{ColorInputText-55b31f03.js → ColorInputText-3ac0f956.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './swatchData-73382645', './FormFieldContext-a024b891', './logger-00b673c5', './ManageTabStopsContext-e0765389', './useTranslationBundle-1be27606', './safeHref-e764caa8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-ed10a8c8', './Flex-026e94ca', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-e32470d1', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-13ad7944', 'css!./IconStyle.styles.css', './IconButton-787cfcba', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-79f830e3', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_ColorInputText/themes/ColorInputTextPickerDropdownStyles.css', './Sheet-57c508aa', './clientUtils-d8f08ff5', './ColorPicker-6cc1c6a1', './SectionedContent-3f9b094d', './useId-c9578d26', './ColorSwatch-f2f3bc89', './useDownToggle-80b61b43', './useClearIcon-2bedc84f', './useHover-8b8a1496', './useCurrentValueReducer-faded381', './formControlUtils-a28263ff', './keyboardUtils-90089dc3', './TextFieldInput-8bebc02f', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e26a22cf', './ReadonlyTextField-06fc6e56', './FormContext-f65a2f89', './useFormContext-75f72bd2', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./ImageVars.styles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', 'css!./LayoutStyles.styles.css', './StyledTextField-ad121378', 'css!./LiveRegionStyles.styles.css', './ClearIcon-2f46c091', './useInputBase-8ab143d8'], (function(e,s,t,o,a,l,i,n,r,d,c,u,p,b,h,m,y,S,x,v,C,f,T,g,F,I,A,w,R,k,E,P,D,U,L,B,j,V,_,M,N,O,H,z,W,q,G,K,Z,$,J,Q,X,Y,ee,se,te,oe,ae,le,ie,ne,re,de,ce,ue,pe,be,he,me,ye,Se,xe,ve,Ce){"use strict";const fe={isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},Te=({anchorRef:e,assistiveText:t,swatchSize:a,palette:i,helpSourceLink:n,helpSourceText:d,id:c,isDisabled:u,isOpen:p,isReadonly:h,label:m,onClose:y,onCommit:S,messages:x,testId:v,userAssistanceDensity:C,value:f})=>{const[T,g]=o.useState(!1),[F,I]=o.useState(p),A=o.useCallback((e=>{g(e.placement.startsWith("top"))}),[]);F!==p&&(I(p),p||g(!1));const w=z.isPhone(),{colorPicker_label:R}=r.useTranslationBundle("@oracle/oraclejet-preact"),k=R(),E=s.jsx(W.ColorPicker,{height:w?void 0:"auto",onCommit:S,maxWidth:w?"100%":void 0,width:"100%",swatchSize:a,palette:i,testId:v,value:f}),P=!p||T&&!w||u||h||!(t||n||x&&x.length>0)||"efficient"!==C&&"reflow"!==C?void 0:s.jsx(l.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:O.userAssistanceStyles,children:s.jsx(b.InlineUserAssistance,{assistiveText:t,fieldLabel:m,helpSourceLink:n,helpSourceText:d,messages:x,userAssistanceDensity:C})})}),D=v?v+(w?"_sheet":"_dropdown"):void 0,U=s.jsx("div",{class:O.dropdownStyles,children:s.jsx(q.SectionedContent,{id:c,paddingBlockEnd:"3.5x",paddingBlockStart:"3.5x",paddingInlineEnd:"3.5x",paddingInlineStart:"3.5x","aria-label":k,footer:P,hasFocusTrap:!0,main:E,role:"dialog",testId:D})});return w?s.jsx(H.Sheet,{isOpen:p,onClose:y,children:s.jsx(q.SectionedContent,{"aria-label":k,id:c,footer:P,hasFocusTrap:!0,main:E,role:"dialog",testId:D})}):s.jsx(q.StickyPositioningDropdown,{anchorRef:e,isOpen:p,onClose:y,onPosition:A,sizeOptions:fe,children:U})},ge={isTabbable:!1},Fe=e=>e&&a.isValidColorValue(e)?e:void 0,Ie=t.forwardRef((({"aria-describedby":e,swatchSize:t,palette:a,value:l,isDisabled:i,isReadonly:d,labelEdge:c,labelStartWidth:u,isRequiredShown:p=!1,isRequired:b=!1,placeholder:h,hasClearIcon:m,columnSpan:y,textAlign:S,messages:x,assistiveText:v,helpSourceLink:C,helpSourceText:f,label:T,onCommit:g,onInput:F,testId:I,variant:A,userAssistanceDensity:w},R)=>{const{closePicker:k,colorIconActionHandler:E,dropdownCloseHandler:P,containerDropdownProps:D,focusLauncherOrRestoreAfterClose:U,iconRef:L,isOpen:B,colorRef:j}=(({isPickerSheet:e=!1}={})=>{const[s,t]=o.useState(!1),a=o.useRef(null),l=o.useRef(null),i=o.useRef("swatch"),n=o.useRef(!1),r=o.useRef(),d=o.useRef(!1),c=o.useCallback((()=>{a.current?.focus()}),[]),u=o.useCallback((()=>{"input"===i.current?l.current?.focus():c()}),[c]),p=o.useCallback((()=>{t(!1)}),[]),b=o.useCallback((()=>{d.current=!0}),[]),h=o.useCallback((()=>{e?b():u()}),[u,e,b]),m=o.useCallback((()=>{n.current||(i.current="swatch",c(),t((e=>!e))),n.current=!1}),[c]),y=o.useCallback((e=>{"outsideMousedown"===e.reason?(n.current=!0,clearTimeout(r.current),r.current=setTimeout((()=>{n.current=!1}),200)):h(),p()}),[p,h]);o.useEffect((()=>()=>{clearTimeout(r.current)}),[]),o.useEffect((()=>{!s&&d.current&&(d.current=!1,u())}),[u,s]);const S=o.useCallback((()=>{i.current="input",t(!0)}),[]),{triggerProps:x}=Z.useDownToggle({isOpen:s,onToggle:S});return{closePicker:p,colorIconActionHandler:m,containerDropdownProps:x,dropdownCloseHandler:y,focusLauncherOrRestoreAfterClose:h,focusSwatch:c,iconRef:a,isOpen:s,colorRef:l}})({isPickerSheet:z.isPhone()}),V=o.useRef(null),_=G.useId(),{inputColor_selectColor:M}=r.useTranslationBundle("@oracle/oraclejet-preact"),N=M(),O=o.useRef(null),{isFormLayout:H,isReadonly:W}=le.useFormContext(),{currentCommitValue:q,dispatch:Y}=Q.useCurrentValueReducer({value:l}),se=o.useCallback((e=>{Y({type:"input",payload:e.value}),F?.(e)}),[Y,F]),oe=o.useCallback((e=>{Y({type:"commit",payload:e.value}),g?.(e)}),[Y,g]),ae=Ce.useInputBase({assistiveText:v,ariaDescribedBy:e,columnSpan:y,contentVariant:"input",enabledElementRef:j,helpSourceLink:C,helpSourceText:f,isDisabled:i,isFocusedOverride:!!B||void 0,isReadonly:d,isRequiredShown:p,isSelectable:!0,label:T,labelEdge:c,labelStartWidth:u,mainFieldRef:V,messages:x,readonlyElementRef:O,textAlign:S,userAssistanceDensity:w,value:l,variant:A}),{isDisabled:ie,isReadonly:ne,labelEdge:re,textAlign:de=X.defaultTextAlignForVariant(A)}=ae,ce=!!a,ue=ce&&!ie&&!ne,pe=ne&&!0===d&&!0===H&&!0!==W,be=!ue&&!ne,he=Fe(l),me=Fe(l),ye=I?I+"_colorIcon":void 0,Se=s.jsx(n.TabbableModeContext.Provider,{value:ge,children:s.jsx(K.ColorSwatch,{size:"xs",isDisabled:ie||ne,isTooltipDisabled:!0,testId:ye,value:me})}),xe=s.jsx(n.TabbableModeContext.Provider,{value:ge,children:s.jsx(K.ColorSwatch,{size:"xs",isDisabled:ie,isButton:!0,isReadonly:!ie&&ne,isTooltipDisabled:!ne||!me,testId:ye,value:me})}),fe=pe?xe:ce?s.jsx(K.ColorSwatch,{size:"xs","aria-expanded":ue?B:void 0,"aria-haspopup":ue?"dialog":void 0,"aria-label":ue?N:void 0,buttonBehavior:"launcher",isDisabled:!ue,isTooltipDisabled:!ue,isButton:!0,ref:ue?L:void 0,testId:ye,value:me,onToggle:ue?E:void 0}):Se,Ie=s.jsx("div",{"aria-hidden":!ue||void 0,style:be?{pointerEvents:"none"}:void 0,children:fe}),{hoverProps:Ae,isHover:we}=J.useHover({isDisabled:ne||ie||!1}),Re=o.useCallback((()=>{j.current?.focus(),void 0!==l&&F?.({previousValue:l,value:void 0})}),[j,F,l]),ke=o.useCallback((e=>{if(U(),k(),s=l,t=e.value,s!==t){const s={previousValue:l,value:e.value};Y({type:"commit",payload:e.value}),F?.(s),g?.(s)}var s,t}),[k,Y,U,g,F,l]),Ee=$.useClearIcon({clearIcon:s.jsx(ve.ClearIcon,{onClick:Re,testId:I?`${I}_clearicon`:void 0}),display:m,hasValue:ae.formFieldContext.hasValue,isFocused:ae.isFocused,isEnabled:!ne&&!ie,isHover:we}),Pe=void 0!==T&&"inside"===re,De=!ne||pe,Ue=s.jsx(te.ReadonlyTextFieldInput,{"aria-describedby":ae.inputProps["aria-describedby"],"aria-label":ae.ariaLabel,"aria-labelledby":ae.labelProps.id,as:"div",elementRef:O,formVariant:A,onBlur:ae.inputProps.onBlur,onFocus:ae.inputProps.onFocus,startContentToTextPadding:De?"compact":void 0,textAlign:de,value:l,hasEmptyLabel:""===T&&"none"===re,hasInsideLabel:Pe}),Le=X.isEmbeddedVariant(A),Be=Le&&void 0!==Ie,je=Le&&void 0!==Ee,Ve={ref:R,base:ae,endContent:Ee,hasZeroStartMargin:!0,insideLabelStartPadding:Pe&&De?"compact":void 0,mainContent:s.jsx(ee.TextFieldInput,{"aria-autocomplete":ue?"none":void 0,"aria-controls":ue&&B?_:void 0,"aria-labelledby":ae.labelProps.id,"aria-label":ae.ariaLabel,currentCommitValue:q,hasEmptyLabel:""===T&&"none"===re,hasEndContent:!!Ee,hasInsideLabel:Pe,hasStartContent:!!Ie,inputRef:j,isRequired:b,placeholder:h,preserveDefaultEndPadding:je,preserveDefaultStartPadding:Be,role:ue?"combobox":void 0,startContentToTextPadding:De?"compact":void 0,textAlign:de,type:z.isMobile()?"text":void 0,value:l,...ae.inputProps,"aria-expanded":ue?B:void 0,"aria-haspopup":ue?"dialog":void 0,onCommit:oe,onInput:se,onKeyDown:ue?D.onKeyDown:void 0}),readonlyMainContent:Ue,readonlyStartContent:pe?Ie:void 0,startContent:Ie,testId:I,...Ae};return s.jsxs(s.Fragment,{children:[Le?s.jsx(Ce.EmbeddedInputBase,{...Ve,endContentVisualOffset:Ee?"buttonSm":void 0,startContentVisualOffset:Ie?"buttonSm":void 0}):s.jsx(Ce.InputBase,{...Ve}),B&&ue&&s.jsx(Te,{anchorRef:V,assistiveText:v,helpSourceLink:C,helpSourceText:f,id:_,isDisabled:ie,isReadonly:ne,isOpen:B,label:T,onClose:P,onCommit:ke,messages:x,testId:I?I+"_colorPicker":void 0,userAssistanceDensity:ae.userAssistanceDensity,value:he,palette:a,swatchSize:t})]})}));Ie.displayName="ColorInputText",e.ColorInputText=Ie}));
-//# sourceMappingURL=ColorInputText-55b31f03.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './swatchData-73382645', './ColorPicker-6cc1c6a1', './FormFieldContext-a024b891', './logger-00b673c5', './ManageTabStopsContext-e0765389', './useTranslationBundle-1be27606', './safeHref-e764caa8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-ed10a8c8', './Flex-026e94ca', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-e32470d1', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-13ad7944', 'css!./IconStyle.styles.css', './IconButton-787cfcba', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-79f830e3', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_ColorInputText/themes/ColorInputTextPickerDropdownStyles.css', './Sheet-57c508aa', './clientUtils-d8f08ff5', './SectionedContent-3f9b094d', './useId-c9578d26', './ColorSwatch-f2f3bc89', './useDownToggle-80b61b43', './useClearIcon-2bedc84f', './useHover-8b8a1496', './useCurrentValueReducer-faded381', './formControlUtils-a28263ff', './keyboardUtils-90089dc3', './TextFieldInput-8bebc02f', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e26a22cf', './ReadonlyTextField-06fc6e56', './FormContext-f65a2f89', './useFormContext-75f72bd2', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./ImageVars.styles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', 'css!./LayoutStyles.styles.css', './StyledTextField-ad121378', 'css!./LiveRegionStyles.styles.css', './ClearIcon-2f46c091', './useInputBase-8ab143d8'], (function(e,s,t,o,a,l,i,n,r,d,c,u,p,b,h,m,y,S,x,v,C,f,T,g,F,I,A,w,R,k,E,P,D,U,L,B,j,V,_,M,N,O,H,z,W,q,G,K,Z,$,J,Q,X,Y,ee,se,te,oe,ae,le,ie,ne,re,de,ce,ue,pe,be,he,me,ye,Se,xe,ve,Ce){"use strict";const fe={isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},Te=({anchorRef:e,assistiveText:t,swatchSize:a,palette:n,helpSourceLink:r,helpSourceText:c,id:u,isDisabled:p,isOpen:b,isReadonly:m,label:y,onClose:S,onCommit:x,messages:v,testId:C,userAssistanceDensity:f,value:T})=>{const[g,F]=o.useState(!1),[I,A]=o.useState(b),w=o.useCallback((e=>{F(e.placement.startsWith("top"))}),[]);I!==b&&(A(b),b||F(!1));const R=W.isPhone(),{colorPicker_label:k}=d.useTranslationBundle("@oracle/oraclejet-preact"),E=k(),P=s.jsx(l.ColorPicker,{height:R?void 0:"auto",onCommit:x,maxWidth:R?"100%":void 0,width:"100%",swatchSize:a,palette:n,testId:C,value:T}),D=!b||g&&!R||p||m||!(t||r||v&&v.length>0)||"efficient"!==f&&"reflow"!==f?void 0:s.jsx(i.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:H.userAssistanceStyles,children:s.jsx(h.InlineUserAssistance,{assistiveText:t,fieldLabel:y,helpSourceLink:r,helpSourceText:c,messages:v,userAssistanceDensity:f})})}),U=C?C+(R?"_sheet":"_dropdown"):void 0,L=s.jsx("div",{class:H.dropdownStyles,children:s.jsx(q.SectionedContent,{id:u,paddingBlockEnd:"3.5x",paddingBlockStart:"3.5x",paddingInlineEnd:"3.5x",paddingInlineStart:"3.5x","aria-label":E,footer:D,hasFocusTrap:!0,main:P,role:"dialog",testId:U})});return R?s.jsx(z.Sheet,{isOpen:b,onClose:S,children:s.jsx(q.SectionedContent,{"aria-label":E,id:u,footer:D,hasFocusTrap:!0,main:P,role:"dialog",testId:U})}):s.jsx(q.StickyPositioningDropdown,{anchorRef:e,isOpen:b,onClose:S,onPosition:w,sizeOptions:fe,children:L})},ge={isTabbable:!1},Fe=e=>e&&a.isValidColorValue(e)?e:void 0,Ie=t.forwardRef((({"aria-describedby":e,swatchSize:t,palette:a,value:l,isDisabled:i,isReadonly:n,labelEdge:c,labelStartWidth:u,isRequiredShown:p=!1,isRequired:b=!1,placeholder:h,hasClearIcon:m,columnSpan:y,textAlign:S,messages:x,assistiveText:v,helpSourceLink:C,helpSourceText:f,label:T,onCommit:g,onInput:F,testId:I,variant:A,userAssistanceDensity:w},R)=>{const{closePicker:k,colorIconActionHandler:E,dropdownCloseHandler:P,containerDropdownProps:D,focusLauncherOrRestoreAfterClose:U,iconRef:L,isOpen:B,colorRef:j}=(({isPickerSheet:e=!1}={})=>{const[s,t]=o.useState(!1),a=o.useRef(null),l=o.useRef(null),i=o.useRef("swatch"),n=o.useRef(!1),r=o.useRef(),d=o.useRef(!1),c=o.useCallback((()=>{a.current?.focus()}),[]),u=o.useCallback((()=>{"input"===i.current?l.current?.focus():c()}),[c]),p=o.useCallback((()=>{t(!1)}),[]),b=o.useCallback((()=>{d.current=!0}),[]),h=o.useCallback((()=>{e?b():u()}),[u,e,b]),m=o.useCallback((()=>{n.current||(i.current="swatch",c(),t((e=>!e))),n.current=!1}),[c]),y=o.useCallback((e=>{"outsideMousedown"===e.reason?(n.current=!0,clearTimeout(r.current),r.current=setTimeout((()=>{n.current=!1}),200)):h(),p()}),[p,h]);o.useEffect((()=>()=>{clearTimeout(r.current)}),[]),o.useEffect((()=>{!s&&d.current&&(d.current=!1,u())}),[u,s]);const S=o.useCallback((()=>{i.current="input",t(!0)}),[]),{triggerProps:x}=Z.useDownToggle({isOpen:s,onToggle:S});return{closePicker:p,colorIconActionHandler:m,containerDropdownProps:x,dropdownCloseHandler:y,focusLauncherOrRestoreAfterClose:h,focusSwatch:c,iconRef:a,isOpen:s,colorRef:l}})({isPickerSheet:W.isPhone()}),V=o.useRef(null),_=G.useId(),{inputColor_selectColor:M}=d.useTranslationBundle("@oracle/oraclejet-preact"),N=M(),O=o.useRef(null),{isFormLayout:H,isReadonly:z}=le.useFormContext(),{currentCommitValue:q,dispatch:Y}=Q.useCurrentValueReducer({value:l}),se=o.useCallback((e=>{Y({type:"input",payload:e.value}),F?.(e)}),[Y,F]),oe=o.useCallback((e=>{Y({type:"commit",payload:e.value}),g?.(e)}),[Y,g]),ae=Ce.useInputBase({assistiveText:v,ariaDescribedBy:e,columnSpan:y,contentVariant:"input",enabledElementRef:j,helpSourceLink:C,helpSourceText:f,isDisabled:i,isFocusedOverride:!!B||void 0,isReadonly:n,isRequiredShown:p,isSelectable:!0,label:T,labelEdge:c,labelStartWidth:u,mainFieldRef:V,messages:x,readonlyElementRef:O,textAlign:S,userAssistanceDensity:w,value:l,variant:A}),{isDisabled:ie,isReadonly:ne,labelEdge:re,textAlign:de=X.defaultTextAlignForVariant(A)}=ae,ce=!!a,ue=ce&&!ie&&!ne,pe=ne&&!0===n&&!0===H&&!0!==z,be=!ue&&!ne,he=Fe(l),me=Fe(l),ye=I?I+"_colorIcon":void 0,Se=s.jsx(r.TabbableModeContext.Provider,{value:ge,children:s.jsx(K.ColorSwatch,{size:"xs",isDisabled:ie||ne,isTooltipDisabled:!0,testId:ye,value:me})}),xe=s.jsx(r.TabbableModeContext.Provider,{value:ge,children:s.jsx(K.ColorSwatch,{size:"xs",isDisabled:ie,isButton:!0,isReadonly:!ie&&ne,isTooltipDisabled:!ne||!me,testId:ye,value:me})}),fe=pe?xe:ce?s.jsx(K.ColorSwatch,{size:"xs","aria-expanded":ue?B:void 0,"aria-haspopup":ue?"dialog":void 0,"aria-label":ue?N:void 0,buttonBehavior:"launcher",isDisabled:!ue,isTooltipDisabled:!ue,isButton:!0,ref:ue?L:void 0,testId:ye,value:me,onToggle:ue?E:void 0}):Se,Ie=s.jsx("div",{"aria-hidden":!ue||void 0,style:be?{pointerEvents:"none"}:void 0,children:fe}),{hoverProps:Ae,isHover:we}=J.useHover({isDisabled:ne||ie||!1}),Re=o.useCallback((()=>{j.current?.focus(),void 0!==l&&F?.({previousValue:l,value:void 0})}),[j,F,l]),ke=o.useCallback((e=>{if(U(),k(),s=l,t=e.value,s!==t){const s={previousValue:l,value:e.value};Y({type:"commit",payload:e.value}),F?.(s),g?.(s)}var s,t}),[k,Y,U,g,F,l]),Ee=$.useClearIcon({clearIcon:s.jsx(ve.ClearIcon,{onClick:Re,testId:I?`${I}_clearicon`:void 0}),display:m,hasValue:ae.formFieldContext.hasValue,isFocused:ae.isFocused,isEnabled:!ne&&!ie,isHover:we}),Pe=void 0!==T&&"inside"===re,De=!ne||pe,Ue=s.jsx(te.ReadonlyTextFieldInput,{"aria-describedby":ae.inputProps["aria-describedby"],"aria-label":ae.ariaLabel,"aria-labelledby":ae.labelProps.id,as:"div",elementRef:O,formVariant:A,onBlur:ae.inputProps.onBlur,onFocus:ae.inputProps.onFocus,startContentToTextPadding:De?"compact":void 0,textAlign:de,value:l,hasEmptyLabel:""===T&&"none"===re,hasInsideLabel:Pe}),Le=X.isEmbeddedVariant(A),Be=Le&&void 0!==Ie,je=Le&&void 0!==Ee,Ve={ref:R,base:ae,endContent:Ee,hasZeroStartMargin:!0,insideLabelStartPadding:Pe&&De?"compact":void 0,mainContent:s.jsx(ee.TextFieldInput,{"aria-autocomplete":ue?"none":void 0,"aria-controls":ue&&B?_:void 0,"aria-labelledby":ae.labelProps.id,"aria-label":ae.ariaLabel,currentCommitValue:q,hasEmptyLabel:""===T&&"none"===re,hasEndContent:!!Ee,hasInsideLabel:Pe,hasStartContent:!!Ie,inputRef:j,isRequired:b,placeholder:h,preserveDefaultEndPadding:je,preserveDefaultStartPadding:Be,role:ue?"combobox":void 0,startContentToTextPadding:De?"compact":void 0,textAlign:de,type:W.isMobile()?"text":void 0,value:l,...ae.inputProps,"aria-expanded":ue?B:void 0,"aria-haspopup":ue?"dialog":void 0,onCommit:oe,onInput:se,onKeyDown:ue?D.onKeyDown:void 0}),readonlyMainContent:Ue,readonlyStartContent:pe?Ie:void 0,startContent:Ie,testId:I,...Ae};return s.jsxs(s.Fragment,{children:[Le?s.jsx(Ce.EmbeddedInputBase,{...Ve,endContentVisualOffset:Ee?"buttonSm":void 0,startContentVisualOffset:Ie?"buttonSm":void 0}):s.jsx(Ce.InputBase,{...Ve}),B&&ue&&s.jsx(Te,{anchorRef:V,assistiveText:v,helpSourceLink:C,helpSourceText:f,id:_,isDisabled:ie,isReadonly:ne,isOpen:B,label:T,onClose:P,onCommit:ke,messages:x,testId:I?I+"_colorPicker":void 0,userAssistanceDensity:ae.userAssistanceDensity,value:he,palette:a,swatchSize:t})]})}));Ie.displayName="ColorInputText",e.ColorInputText=Ie}));
+//# sourceMappingURL=ColorInputText-3ac0f956.js.map