@oracle/oraclejet-preact 17.1.2 → 17.1.3

package/amd/{Indexer-6833ad40.js → Indexer-74c989ce.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-56ecdf4c', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-1d869ff4', './useCollectionFocusRing-64636529', './collectionUtils-6740111c', './useId-c9578d26', './useTranslationBundle-516b1b83', './HiddenAccessible-037ef42d', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-3a316499', './Collection-46cfa244'], (function(e,t,s,n,r,o,a,c,l,i,u,d,y,f,x,k,b,h,j){"use strict";const m=Object.freeze({key:"__others__",label:"#"}),v="[data-oj-key]",T=x.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:r,selectedKey:o}=e,a=r.data.key===o,c=R(e,s),{classes:l}=k.useComponentTheme(b.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused",disabled:r.data.isDisabled?"isDisabled":"notDisabled",selected:a?"isSelected":"notSelected"}),i=f.classNames([l]),u=r.data.label||r.data.key,y=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${u}`}):`${u}`;return t.jsx("li",{...c,class:i,"data-oj-valuetext":y,"data-oj-disabled":r.data.isDisabled,children:r.data.label||r.data.key})}));function R({context:e,currentKey:t,valueNow:s,isFocusRingVisible:n},r){return{...e.data.key===t&&{ref:r},key:e.data.key,"data-oj-key":e.data.key,"data-oj-key-type":typeof e.data.key,"data-oj-valuenow":s,isFocusRingVisible:!!n}}const g=x.forwardRef((({lastValueNow:e,...n},r)=>{const o={...n,ref:r};return t.jsxs(s.Fragment,{children:[t.jsx(T,{...o}),t.jsx(p,{...o,ref:r,context:{index:-1,data:m},valueNow:e})]})})),p=x.forwardRef(((e,s)=>{const{context:n,selectedKey:r}=e,o=R(e,s),a=n.data.key===r,{classes:c}=k.useComponentTheme(b.IndexerRedwoodTheme,{focused:o.ref&&o.isFocusRingVisible?"isFocused":"notFocused",selected:a?"isSelected":"notSelected"}),l=f.classNames([c]),i=m.label;return t.jsx("li",{...o,class:l,"data-oj-valuetext":i,children:n.data.label})})),w=x.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:o,sections:a}=e,c=R(e,s),{from:l,to:i}=F(e),{classes:u,styles:{dotStyle:y}}=k.useComponentTheme(b.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused"});if(!I(o.index,l,i))return null;const x=a[l].label||a[l].key,h=a[i].label||a[i].key,j=f.classNames([u]),m=n.indexer_separatorLabel({FROM_SECTION:`${x}`,TO_SECTION:`${h}`});return t.jsx("li",{...c,class:j,"data-oj-valuetext":m,children:t.jsx(r.Flex,{align:"center",justify:"center",children:t.jsx("div",{class:y})})})}));function F({context:e,sectionsPerTruncation:t,last:s}){const n=e.index-e.index%t+1;let r=n+t-2;return r=r>=s?s-1:r,{from:n,to:r}}function I(e,t,s){return e===Math.floor((t+s)/2)}const S=[{key:"A"},{key:"B"},{key:"C"},{key:"D"},{key:"E"},{key:"F"},{key:"G"},{key:"H"},{key:"I"},{key:"J"},{key:"K"},{key:"L"},{key:"M"},{key:"N"},{key:"O"},{key:"P"},{key:"Q"},{key:"R"},{key:"S"},{key:"T"},{key:"U"},{key:"V"},{key:"W"},{key:"X"},{key:"Y"},{key:"Z"}];const C=(e,t,s)=>e===t.current?void 0===s?null:s:i.keyExtractor(e,v),N=(e,t,s)=>{if(e.value===m.key)t({value:m.key});else{t({value:s.find((t=>t.key===e.value)).key})}},E=(e,t,s,n,r,o,a)=>{if(0===e||0===t)return;const c=e/t,l=s-1;if(c<2)r!==l&&(o(l),a(n));else if(c>s||s-c<.01)r>1&&(o(1),a(n));else{const e=_(c,l);e!==r&&e<s&&(o(e),a(n))}},_=(e,t)=>{e-=2,e/=2;const s=Math.round(t/e)+1,n=t%s,r=Math.floor(t/s)+(n>1?1:0);let o=t-(r-1)*s,a=s;for(;a>o;)a-=1,o=t-(r-1)*a;return a!=s&&(a+=1),a};function K(e){return i.isMobile()?e.indexer_touchInstructionText():e.indexer_keyboardInstructionText()}e.Indexer=function({sections:e=S,value:f,onCommit:x=(()=>{}),testId:m}){const R=n.useRef(null),p=n.useRef(null),_=s.createRef(),[V,O]=n.useState(e[0]?.key),[A,P]=n.useState(-1),D=n.useRef(-1),H=n.useRef(0),M=u.useId(),[B,U]=l.useCollectionFocusRing(R,["ArrowUp","ArrowDown"]),{currentKeyProps:$}=c.useCurrentKey((e=>i.keyExtractor(e,v)),!0,i.getPrevNextKey(R.current,V,!0,v),i.getPrevNextKey(R.current,V,!1,v),void 0,void 0,V,(e=>O(e.value))),{selectionProps:L}=a.useSingleSelection((e=>C(e,p,V)),void 0,(t=>N(t,x,e))),z=n.useCallback((t=>{for(const s of t)E(s.contentRect.height,H.current,e.length,e[0]?.key,A,P,O)}),[e,A]);n.useEffect((()=>{p.current&&(p.current.setAttribute("aria-valuemax",D.current+1+""),p.current.setAttribute("aria-valuetext",_.current?.dataset?.ojValuetext||""),p.current.setAttribute("aria-valuenow",_.current?.dataset?.ojValuenow||"")),D.current=-1})),n.useEffect((()=>{const t=R.current;t&&(H.current=t.querySelector("li")?.offsetHeight||0,E(t.offsetHeight,H.current,e.length,e[0]?.key,A,P,O))}),[e,A]),n.useEffect((()=>{const e=R.current;if(e){const t=new ResizeObserver((e=>{z(e)}));return t.observe(e),()=>{t.unobserve(e)}}}),[A,z]);const q=d.useTranslationBundle("@oracle/oraclejet-preact"),{styles:{baseStyle:G,innerStyle:J}}=k.useComponentTheme(b.IndexerRedwoodTheme),Q=h.useTestId(m);return t.jsxs("div",{ref:R,class:G,...Q,children:[t.jsx(r.Flex,{align:"center",width:"6x",height:"100%",children:t.jsx("ul",{...o.mergeProps($,U,L),ref:p,tabIndex:0,"aria-label":"Indexer","aria-orientation":"vertical","aria-valuemin":0,"aria-describedby":M,role:"slider",class:J,children:t.jsx(j.Collection,{items:e,children:s=>{const n=e.length-1;D.current+=1;const r={context:s,ref:_,currentKey:V,selectedKey:f,valueNow:D.current,isFocusRingVisible:!!B};if(s.index===n)return t.jsx(g,{...r,lastValueNow:D.current+1});if(A<=1||s.index%A==0)return t.jsx(T,{...r});const o={...r,sectionsPerTruncation:A,last:n,sections:e};return function(e){const{from:t,to:s}=F(e);return I(e.context.index,t,s)}(o)?t.jsx(w,{...o}):(D.current-=1,null)}})})}),t.jsx(y.HiddenAccessible,{children:t.jsx("span",{id:M,children:K(q)})})]})},e.SECTION_OTHERS=m}));
-//# sourceMappingURL=Indexer-6833ad40.js.map
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-3421f0df', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-db6f418a', './useCollectionFocusRing-64636529', './collectionUtils-6740111c', './useId-c9578d26', './useTranslationBundle-d07d4b20', './HiddenAccessible-037ef42d', './Collection-46cfa244', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-b5cd4766'], (function(e,t,s,n,r,o,a,c,l,i,u,d,y,f,x,k,b,h,j){"use strict";const m=Object.freeze({key:"__others__",label:"#"}),v="[data-oj-key]",T=k.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:r,selectedKey:o}=e,a=r.data.key===o,c=R(e,s),{classes:l}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused",disabled:r.data.isDisabled?"isDisabled":"notDisabled",selected:a?"isSelected":"notSelected"}),i=x.classNames([l]),u=r.data.label||r.data.key,y=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${u}`}):`${u}`;return t.jsx("li",{...c,class:i,"data-oj-valuetext":y,"data-oj-disabled":r.data.isDisabled,children:r.data.label||r.data.key})}));function R({context:e,currentKey:t,valueNow:s,isFocusRingVisible:n},r){return{...e.data.key===t&&{ref:r},key:e.data.key,"data-oj-key":e.data.key,"data-oj-key-type":typeof e.data.key,"data-oj-valuenow":s,isFocusRingVisible:!!n}}const g=k.forwardRef((({lastValueNow:e,...n},r)=>{const o={...n,ref:r};return t.jsxs(s.Fragment,{children:[t.jsx(T,{...o}),t.jsx(p,{...o,ref:r,context:{index:-1,data:m},valueNow:e})]})})),p=k.forwardRef(((e,s)=>{const{context:n,selectedKey:r}=e,o=R(e,s),a=n.data.key===r,{classes:c}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:o.ref&&o.isFocusRingVisible?"isFocused":"notFocused",selected:a?"isSelected":"notSelected"}),l=x.classNames([c]),i=m.label;return t.jsx("li",{...o,class:l,"data-oj-valuetext":i,children:n.data.label})})),w=k.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:o,sections:a}=e,c=R(e,s),{from:l,to:i}=F(e),{classes:u,styles:{dotStyle:y}}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused"});if(!I(o.index,l,i))return null;const f=a[l].label||a[l].key,k=a[i].label||a[i].key,j=x.classNames([u]),m=n.indexer_separatorLabel({FROM_SECTION:`${f}`,TO_SECTION:`${k}`});return t.jsx("li",{...c,class:j,"data-oj-valuetext":m,children:t.jsx(r.Flex,{align:"center",justify:"center",children:t.jsx("div",{class:y})})})}));function F({context:e,sectionsPerTruncation:t,last:s}){const n=e.index-e.index%t+1;let r=n+t-2;return r=r>=s?s-1:r,{from:n,to:r}}function I(e,t,s){return e===Math.floor((t+s)/2)}const S=[{key:"A"},{key:"B"},{key:"C"},{key:"D"},{key:"E"},{key:"F"},{key:"G"},{key:"H"},{key:"I"},{key:"J"},{key:"K"},{key:"L"},{key:"M"},{key:"N"},{key:"O"},{key:"P"},{key:"Q"},{key:"R"},{key:"S"},{key:"T"},{key:"U"},{key:"V"},{key:"W"},{key:"X"},{key:"Y"},{key:"Z"}];const C=(e,t,s)=>e===t.current?void 0===s?null:s:i.keyExtractor(e,v),N=(e,t,s)=>{if(e.value===m.key)t({value:m.key});else{t({value:s.find((t=>t.key===e.value)).key})}},E=(e,t,s,n,r,o,a)=>{if(0===e||0===t)return;const c=e/t,l=s-1;if(c<2)r!==l&&(o(l),a(n));else if(c>s||s-c<.01)r>1&&(o(1),a(n));else{const e=_(c,l);e!==r&&e<s&&(o(e),a(n))}},_=(e,t)=>{e-=2,e/=2;const s=Math.round(t/e)+1,n=t%s,r=Math.floor(t/s)+(n>1?1:0);let o=t-(r-1)*s,a=s;for(;a>o;)a-=1,o=t-(r-1)*a;return a!=s&&(a+=1),a};function K(e){return i.isMobile()?e.indexer_touchInstructionText():e.indexer_keyboardInstructionText()}e.Indexer=function({sections:e=S,value:x,onCommit:k=(()=>{}),testId:m}){const R=n.useRef(null),p=n.useRef(null),_=s.createRef(),[V,O]=n.useState(e[0]?.key),[A,P]=n.useState(-1),D=n.useRef(-1),H=n.useRef(0),M=u.useId(),[B,U]=l.useCollectionFocusRing(R,["ArrowUp","ArrowDown"]),{currentKeyProps:$}=c.useCurrentKey((e=>i.keyExtractor(e,v)),!0,i.getPrevNextKey(R.current,V,!0,v),i.getPrevNextKey(R.current,V,!1,v),void 0,void 0,V,(e=>O(e.value))),{selectionProps:L}=a.useSingleSelection((e=>C(e,p,V)),void 0,(t=>N(t,k,e))),z=n.useCallback((t=>{for(const s of t)E(s.contentRect.height,H.current,e.length,e[0]?.key,A,P,O)}),[e,A]);n.useEffect((()=>{p.current&&(p.current.setAttribute("aria-valuemax",D.current+1+""),p.current.setAttribute("aria-valuetext",_.current?.dataset?.ojValuetext||""),p.current.setAttribute("aria-valuenow",_.current?.dataset?.ojValuenow||"")),D.current=-1})),n.useEffect((()=>{const t=R.current;t&&(H.current=t.querySelector("li")?.offsetHeight||0,E(t.offsetHeight,H.current,e.length,e[0]?.key,A,P,O))}),[e,A]),n.useEffect((()=>{const e=R.current;if(e){const t=new ResizeObserver((e=>{z(e)}));return t.observe(e),()=>{t.unobserve(e)}}}),[A,z]);const q=d.useTranslationBundle("@oracle/oraclejet-preact"),{styles:{baseStyle:G,innerStyle:J}}=b.useComponentTheme(h.IndexerRedwoodTheme),Q=j.useTestId(m);return t.jsxs("div",{ref:R,class:G,...Q,children:[t.jsx(r.Flex,{align:"center",width:"6x",height:"100%",children:t.jsx("ul",{...o.mergeProps($,U,L),ref:p,tabIndex:0,"aria-label":"Indexer","aria-orientation":"vertical","aria-valuemin":0,"aria-describedby":M,role:"slider",class:J,children:t.jsx(f.Collection,{items:e,children:s=>{const n=e.length-1;D.current+=1;const r={context:s,ref:_,currentKey:V,selectedKey:x,valueNow:D.current,isFocusRingVisible:!!B};if(s.index===n)return t.jsx(g,{...r,lastValueNow:D.current+1});if(A<=1||s.index%A==0)return t.jsx(T,{...r});const o={...r,sectionsPerTruncation:A,last:n,sections:e};return function(e){const{from:t,to:s}=F(e);return I(e.context.index,t,s)}(o)?t.jsx(w,{...o}):(D.current-=1,null)}})})}),t.jsx(y.HiddenAccessible,{children:t.jsx("span",{id:M,children:K(q)})})]})},e.SECTION_OTHERS=m}));
+//# sourceMappingURL=Indexer-74c989ce.js.map

package/amd/{Indexer-6833ad40.js.map → Indexer-74c989ce.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Indexer-6833ad40.js","sources":["../../src/UNSAFE_Indexer/IndexerItems.tsx","../../src/UNSAFE_Indexer/Indexer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ItemContext } from 'src/UNSAFE_Collection';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles, IndexerItemVariantOptions } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\n\n/**\n * Type of a section\n */\nexport type Section<K> = {\n  /**\n   * The key of each section\n   */\n  key: K;\n  /**\n   * The label of each section\n   */\n  label?: string;\n  /**\n   * A property that indicates whether the section\n   * is disabled or not. Typically, when Indexer is\n   * used with ListView, a disabled section implies\n   * that there's no corresponding items in the ListView\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * The others section variable that application could use\n * to compare value\n */\n// const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\nexport const SECTION_OTHERS: Section<string> = Object.freeze({\n  key: '__others__',\n  label: '#'\n});\n\nexport const ITEM_SELECTOR = '[data-oj-key]';\n\nexport type SectionProps<K> = {\n  context: ItemContext<Section<K>>;\n  currentKey: K;\n  selectedKey: K;\n  valueNow: number; // the index of an item within currently visible sections\n  isFocusRingVisible: boolean;\n};\n\nexport const SectionItem = forwardRef(\n  <K extends string | number>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, selectedKey } = props;\n    const isSelected = context.data.key === selectedKey;\n    const commonProps = getCommonProps(props, ref);\n\n    const { classes } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(\n      IndexerRedwoodTheme,\n      {\n        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n        disabled: context.data.isDisabled ? 'isDisabled' : 'notDisabled',\n        selected: isSelected ? 'isSelected' : 'notSelected'\n      }\n    );\n    const itemClasses = classNames([classes]);\n\n    const sectionLabel = context.data.label || context.data.key;\n    const valueText = context.data.isDisabled\n      ? translations.indexer_disabledLabel({ SECTION: `${sectionLabel}` })\n      : `${sectionLabel}`;\n\n    return (\n      <li\n        {...commonProps}\n        class={itemClasses}\n        data-oj-valuetext={valueText}\n        data-oj-disabled={context.data.isDisabled}>\n        {context.data.label || context.data.key}\n      </li>\n    );\n  }\n);\n\nfunction getCommonProps<K>(\n  { context, currentKey, valueNow, isFocusRingVisible }: SectionProps<K>,\n  ref: ForwardedRef<HTMLLIElement>\n) {\n  const isCurrent = context.data.key === currentKey;\n  return {\n    ...(isCurrent && { ref }),\n    key: context.data.key,\n    'data-oj-key': context.data.key,\n    'data-oj-key-type': typeof context.data.key,\n    'data-oj-valuenow': valueNow,\n    isFocusRingVisible: !!isFocusRingVisible\n  };\n}\n\ntype LastSectionProps<K> = SectionProps<K> & {\n  lastValueNow: number;\n};\n\n// render the last section, that contains the last character and others character\nexport const LastSectionItem = forwardRef(\n  <K extends string | number>(\n    { lastValueNow, ...sectionProps }: LastSectionProps<K>,\n    ref: ForwardedRef<HTMLLIElement>\n  ) => {\n    const commonProps = { ...sectionProps, ref };\n    return (\n      <Fragment>\n        <SectionItem {...commonProps} />\n        <OthersItem\n          {...commonProps}\n          ref={ref}\n          context={{ index: -1, data: SECTION_OTHERS } as ItemContext<Section<K>>}\n          valueNow={lastValueNow}\n        />\n      </Fragment>\n    );\n  }\n);\n\nconst OthersItem = forwardRef(<K,>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n  const { context, selectedKey } = props;\n  const commonProps = getCommonProps(props, ref);\n\n  const isSelected = context.data.key === selectedKey;\n  const { classes } = useComponentTheme<IndexerItemVariantOptions>(IndexerRedwoodTheme, {\n    focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n    selected: isSelected ? 'isSelected' : 'notSelected'\n  });\n  const othersClasses = classNames([classes]);\n  const othersValueText = SECTION_OTHERS.label;\n\n  return (\n    <li {...commonProps} class={othersClasses} data-oj-valuetext={othersValueText}>\n      {context.data.label}\n    </li>\n  );\n});\n\ntype SeparatorProps<K> = SectionProps<K> & {\n  sectionsPerTruncation: number;\n  last: number;\n  sections: Section<K>[];\n};\n\nexport const SeparatorItem = forwardRef(\n  <K extends string | number>(props: SeparatorProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, sections } = props;\n    const commonProps = getCommonProps(props, ref);\n    const { from, to } = getSeparatorRange(props);\n    const {\n      classes,\n      styles: { dotStyle }\n    } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(IndexerRedwoodTheme, {\n      focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused'\n    });\n\n    if (!isInSeparatorMiddle(context.index, from, to)) {\n      return null;\n    }\n\n    const fromText = sections[from].label || sections[from].key;\n    const toText = sections[to].label || sections[to].key;\n\n    const separatorClasses = classNames([classes]);\n\n    const separatorValueText = translations.indexer_separatorLabel({\n      FROM_SECTION: `${fromText}`,\n      TO_SECTION: `${toText}`\n    });\n\n    return (\n      <li {...commonProps} class={separatorClasses} data-oj-valuetext={separatorValueText}>\n        <Flex align=\"center\" justify=\"center\">\n          <div class={dotStyle}></div>\n        </Flex>\n      </li>\n    );\n  }\n);\n\nexport function hasSeparator<K>(props: SeparatorProps<K>) {\n  const { from, to } = getSeparatorRange(props);\n  return isInSeparatorMiddle(props.context.index, from, to);\n}\n\nfunction getSeparatorRange<K>({ context, sectionsPerTruncation, last }: SeparatorProps<K>) {\n  const from = context.index - (context.index % sectionsPerTruncation) + 1;\n  let to = from + sectionsPerTruncation - 2;\n  to = to >= last ? last - 1 : to;\n\n  return { from, to };\n}\n\nfunction isInSeparatorMiddle(index: number, from: number, to: number) {\n  return index === Math.floor((from + to) / 2);\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, createRef, RefObject } from 'preact';\nimport { useEffect, useRef, useState, StateUpdater, useCallback, Dispatch } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useSingleSelection } from '../hooks/PRIVATE_useSingleSelection/useSingleSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { keyExtractor, getPrevNextKey, isMobile } from '../utils/PRIVATE_collectionUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ItemContext, CurrentKeyDetail, SingleSelectionDetail } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Section,\n  SectionItem,\n  LastSectionItem,\n  SeparatorItem,\n  SECTION_OTHERS,\n  hasSeparator,\n  ITEM_SELECTOR\n} from './IndexerItems';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\n\nexport type CommitDetail<K> = {\n  value: K;\n};\n\ntype Props<K> = {\n  /**\n   * An array of sections, the default sections is an\n   * array of 26 English alphabets and the # others character\n   */\n  sections?: Section<K>[];\n\n  /**\n   * The currently selected Section\n   */\n  value?: K;\n\n  /**\n   * A function that will be invoked when selection happens,\n   * no matter the Section was selected before or not.\n   */\n  onCommit?: (detail: CommitDetail<K>) => void;\n};\n\nconst defaultSections: Section<string>[] = [\n  { key: 'A' },\n  { key: 'B' },\n  { key: 'C' },\n  { key: 'D' },\n  { key: 'E' },\n  { key: 'F' },\n  { key: 'G' },\n  { key: 'H' },\n  { key: 'I' },\n  { key: 'J' },\n  { key: 'K' },\n  { key: 'L' },\n  { key: 'M' },\n  { key: 'N' },\n  { key: 'O' },\n  { key: 'P' },\n  { key: 'Q' },\n  { key: 'R' },\n  { key: 'S' },\n  { key: 'T' },\n  { key: 'U' },\n  { key: 'V' },\n  { key: 'W' },\n  { key: 'X' },\n  { key: 'Y' },\n  { key: 'Z' }\n];\n\n/**\n * Pure Preact based component that consumes Collection component\n * and renders an indexer.\n */\nexport function Indexer<K extends string | number>({\n  sections = defaultSections as Section<K>[],\n  value,\n  onCommit = () => {},\n  testId\n}: Props<K> & TestIdProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const ulRef = useRef<HTMLUListElement>(null);\n  const currElementRef = createRef<HTMLLIElement>();\n  const [current, setCurrent] = useState<K | undefined>(sections[0]?.key);\n  // the number of sections in each truncation\n  const [sectionsPerTruncation, setSectionsPerTruncation] = useState<number>(-1);\n  // the total number of rendered sections and separators\n  const renderedSectionsCount = useRef<number>(-1);\n  const itemHeightRef = useRef<number>(0);\n  // the id for aria describedby\n  const uniqueId = useId();\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, ['ArrowUp', 'ArrowDown']);\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    true,\n    getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    current,\n    (detail: CurrentKeyDetail<K>) => setCurrent(detail.value)\n  );\n\n  const { selectionProps } = useSingleSelection(\n    (element) => handleKeyExtract(element, ulRef, current as K),\n    // pass in undefined so onCommit handler will be called\n    // no matter whether the Section was selected before or not\n    undefined,\n    (detail: SingleSelectionDetail<K>) => handleSelection(detail, onCommit, sections)\n  );\n\n  /**\n   * Item renderer that will return a section item or a section separator\n   * based on the sectionsPerTruncation and item context index.\n   * @param context item context\n   */\n  const itemRenderer = (context: ItemContext<Section<K>>): ComponentChildren => {\n    const last = sections.length - 1;\n    renderedSectionsCount.current += 1;\n\n    const commonProps = {\n      context,\n      ref: currElementRef,\n      currentKey: current as K,\n      selectedKey: value as K,\n      valueNow: renderedSectionsCount.current,\n      isFocusRingVisible: !!showFocusRing\n    };\n\n    // render the last and the others character, they are always present\n    if (context.index === last) {\n      return <LastSectionItem {...commonProps} lastValueNow={renderedSectionsCount.current + 1} />;\n    }\n\n    // render a section, in the non-truncation case or when it is the first in a truncation\n    if (sectionsPerTruncation <= 1 || context.index % sectionsPerTruncation === 0) {\n      return <SectionItem {...commonProps} />;\n    }\n\n    // render the separator in the middle of a truncation\n    const separatorProps = { ...commonProps, sectionsPerTruncation, last, sections };\n    if (hasSeparator(separatorProps)) {\n      return <SeparatorItem {...separatorProps} />;\n    }\n\n    // remove the count for truncated sections\n    renderedSectionsCount.current -= 1;\n\n    return null;\n  };\n\n  // truncate the Indexer during resize\n  const handleResize = useCallback(\n    (entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        updateSectionsPerTruncation(\n          entry.contentRect.height,\n          itemHeightRef.current,\n          sections.length,\n          sections[0]?.key,\n          sectionsPerTruncation,\n          setSectionsPerTruncation,\n          setCurrent\n        );\n      }\n    },\n    [sections, sectionsPerTruncation]\n  );\n\n  useEffect(() => {\n    if (ulRef.current) {\n      // Get aria values from IndexerItem to update aria values on Indexer ul element\n      ulRef.current.setAttribute('aria-valuemax', renderedSectionsCount.current + 1 + '');\n      ulRef.current.setAttribute(\n        'aria-valuetext',\n        currElementRef.current?.dataset?.['ojValuetext'] || ''\n      );\n      ulRef.current.setAttribute(\n        'aria-valuenow',\n        currElementRef.current?.dataset?.['ojValuenow'] || ''\n      );\n    }\n    renderedSectionsCount.current = -1;\n  });\n\n  /**\n   * Set up the initial values for sectionsPerTruncation and event listeners\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      itemHeightRef.current = root.querySelector('li')?.offsetHeight || 0;\n      updateSectionsPerTruncation(\n        root.offsetHeight,\n        itemHeightRef.current,\n        sections.length,\n        sections[0]?.key,\n        sectionsPerTruncation,\n        setSectionsPerTruncation,\n        setCurrent\n      );\n    }\n  }, [sections, sectionsPerTruncation]);\n\n  /**\n   * Set up resize observer and refresh the resize observer when\n   * sectionsPerTruncation is changed, otherwise it will only have the\n   * old copy of sectionsPerTruncation.\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        handleResize(entries);\n      });\n      resizeObserver.observe(root);\n      return () => {\n        resizeObserver.unobserve(root);\n      };\n    }\n    return undefined;\n  }, [sectionsPerTruncation, handleResize]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const {\n    styles: { baseStyle, innerStyle }\n  } = useComponentTheme<never, IndexerStyles>(IndexerRedwoodTheme);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div ref={rootRef} class={baseStyle} {...testIdProps}>\n      <Flex align=\"center\" width=\"6x\" height=\"100%\">\n        <ul\n          {...mergeProps(currentKeyProps, focusRingProps, selectionProps)}\n          ref={ulRef}\n          tabIndex={0}\n          aria-label=\"Indexer\"\n          aria-orientation=\"vertical\"\n          aria-valuemin={0}\n          aria-describedby={uniqueId}\n          role=\"slider\"\n          class={innerStyle}>\n          <Collection items={sections}>{itemRenderer}</Collection>\n        </ul>\n      </Flex>\n      <HiddenAccessible>\n        <span id={uniqueId}>{getIndexerDescription(translations)}</span>\n      </HiddenAccessible>\n    </div>\n  );\n}\n\n// A function to extract key for selection\nconst handleKeyExtract = <K extends string | number>(\n  element: HTMLElement,\n  rootRef: RefObject<HTMLElement>,\n  current: K\n) => {\n  if (element === rootRef.current) {\n    return current === undefined ? null : current;\n  }\n  return keyExtractor(element, ITEM_SELECTOR) as K;\n};\n\nconst handleSelection = <K extends string | number>(\n  detail: SingleSelectionDetail<K>,\n  onCommit: (value: CommitDetail<K>) => void,\n  sections: Section<K>[]\n) => {\n  if (detail.value === SECTION_OTHERS.key) {\n    onCommit({ value: SECTION_OTHERS.key as K });\n  } else {\n    const selectedSection = sections.find((section) => section.key === detail.value) as Section<K>;\n    onCommit({ value: selectedSection.key as K });\n  }\n};\n\n/**\n * A function that calculates the section count, based on\n * the container height and the number of sections\n * @param height height of Indexer container\n */\nconst updateSectionsPerTruncation = <K extends string | number>(\n  height: number,\n  itemHeight: number,\n  sectionsLength: number,\n  firstSectionKey: K,\n  sectionsPerTruncation: number,\n  setSectionsPerTruncation: Dispatch<StateUpdater<number>>,\n  setCurrent: Dispatch<StateUpdater<K | undefined>>\n) => {\n  if (height === 0 || itemHeight === 0) {\n    return;\n  }\n\n  const maxSections = height / itemHeight;\n  const last = sectionsLength - 1;\n\n  // when the container size is too small to hold two sections\n  if (maxSections < 2) {\n    if (sectionsPerTruncation !== last) {\n      setSectionsPerTruncation(last);\n      setCurrent(firstSectionKey);\n    }\n\n    // no truncation\n    // compare with < 0.01 for the deviation from calculation, when sectionsLength and maxSections\n    // are about the same, maxNum === sectionsLength doesn't work\n  } else if (maxSections > sectionsLength || sectionsLength - maxSections < 0.01) {\n    if (sectionsPerTruncation > 1) {\n      setSectionsPerTruncation(1);\n      setCurrent(firstSectionKey);\n    }\n\n    // need truncation\n  } else {\n    const tempSectionCount = findSectionCount(maxSections, last);\n    if (tempSectionCount !== sectionsPerTruncation && tempSectionCount < sectionsLength) {\n      setSectionsPerTruncation(tempSectionCount);\n      setCurrent(firstSectionKey);\n    }\n  }\n};\n\n/**\n * A helper function to find the best section count\n * in a truncation\n *\n * @param maxSections maximum number of sections allowed in a truncation\n * @param last the index of last section\n */\nconst findSectionCount = (maxSections: number, last: number) => {\n  // need truncation\n  maxSections -= 2; // minus the last character and the others character\n  maxSections /= 2; // each truncation has a section and a separator\n\n  const newSectionCount = Math.round(last / maxSections) + 1;\n  const truncationLeftover = last % newSectionCount;\n  const truncationCount = Math.floor(last / newSectionCount) + (truncationLeftover > 1 ? 1 : 0);\n\n  // When the sectionCount becomes greater, it will result in\n  // same truncations but with different sections appearing.\n  // The following is to find the best sectionCount in this case\n  // and prevent unnecessary truncations.\n  let tempLeftover = last - (truncationCount - 1) * newSectionCount;\n  let tempSectionCount = newSectionCount;\n  while (tempSectionCount > tempLeftover) {\n    tempSectionCount -= 1;\n    tempLeftover = last - (truncationCount - 1) * tempSectionCount;\n  }\n  if (tempSectionCount != newSectionCount) {\n    tempSectionCount += 1;\n  }\n\n  return tempSectionCount;\n};\n\n/**\n * Helper function to find the aria description for Indexer,\n * based on whether current device is a mobile device\n */\nfunction getIndexerDescription(translations: any) {\n  if (isMobile()) {\n    return translations.indexer_touchInstructionText();\n  } else {\n    return translations.indexer_keyboardInstructionText();\n  }\n}\n"],"names":["SECTION_OTHERS","Object","freeze","key","label","ITEM_SELECTOR","SectionItem","forwardRef","props","ref","translations","useTranslationBundle","context","selectedKey","isSelected","data","commonProps","getCommonProps","classes","useComponentTheme","IndexerRedwoodTheme","focused","isFocusRingVisible","disabled","isDisabled","selected","itemClasses","classNames","sectionLabel","valueText","indexer_disabledLabel","SECTION","_jsx","jsx","class","children","currentKey","valueNow","LastSectionItem","lastValueNow","sectionProps","_jsxs","jsxs","Fragment","OthersItem","index","othersClasses","othersValueText","SeparatorItem","sections","from","to","getSeparatorRange","styles","dotStyle","isInSeparatorMiddle","fromText","toText","separatorClasses","separatorValueText","indexer_separatorLabel","FROM_SECTION","TO_SECTION","Flex","align","justify","sectionsPerTruncation","last","Math","floor","defaultSections","handleKeyExtract","element","rootRef","current","undefined","keyExtractor","handleSelection","detail","onCommit","value","find","section","updateSectionsPerTruncation","height","itemHeight","sectionsLength","firstSectionKey","setSectionsPerTruncation","setCurrent","maxSections","tempSectionCount","findSectionCount","newSectionCount","round","truncationLeftover","truncationCount","tempLeftover","getIndexerDescription","isMobile","indexer_touchInstructionText","indexer_keyboardInstructionText","testId","useRef","ulRef","currElementRef","createRef","useState","renderedSectionsCount","itemHeightRef","uniqueId","useId","showFocusRing","focusRingProps","useCollectionFocusRing","currentKeyProps","useCurrentKey","getPrevNextKey","selectionProps","useSingleSelection","handleResize","useCallback","entries","entry","contentRect","length","useEffect","setAttribute","dataset","root","querySelector","offsetHeight","resizeObserver","ResizeObserver","observe","unobserve","baseStyle","innerStyle","testIdProps","useTestId","width","mergeProps","tabIndex","role","Collection","items","separatorProps","hasSeparator","HiddenAccessible","id"],"mappings":"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"}
+{"version":3,"file":"Indexer-74c989ce.js","sources":["../../src/UNSAFE_Indexer/IndexerItems.tsx","../../src/UNSAFE_Indexer/Indexer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ItemContext } from 'src/UNSAFE_Collection';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles, IndexerItemVariantOptions } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\n\n/**\n * Type of a section\n */\nexport type Section<K> = {\n  /**\n   * The key of each section\n   */\n  key: K;\n  /**\n   * The label of each section\n   */\n  label?: string;\n  /**\n   * A property that indicates whether the section\n   * is disabled or not. Typically, when Indexer is\n   * used with ListView, a disabled section implies\n   * that there's no corresponding items in the ListView\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * The others section variable that application could use\n * to compare value\n */\n// const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\nexport const SECTION_OTHERS: Section<string> = Object.freeze({\n  key: '__others__',\n  label: '#'\n});\n\nexport const ITEM_SELECTOR = '[data-oj-key]';\n\nexport type SectionProps<K> = {\n  context: ItemContext<Section<K>>;\n  currentKey: K;\n  selectedKey: K;\n  valueNow: number; // the index of an item within currently visible sections\n  isFocusRingVisible: boolean;\n};\n\nexport const SectionItem = forwardRef(\n  <K extends string | number>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, selectedKey } = props;\n    const isSelected = context.data.key === selectedKey;\n    const commonProps = getCommonProps(props, ref);\n\n    const { classes } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(\n      IndexerRedwoodTheme,\n      {\n        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n        disabled: context.data.isDisabled ? 'isDisabled' : 'notDisabled',\n        selected: isSelected ? 'isSelected' : 'notSelected'\n      }\n    );\n    const itemClasses = classNames([classes]);\n\n    const sectionLabel = context.data.label || context.data.key;\n    const valueText = context.data.isDisabled\n      ? translations.indexer_disabledLabel({ SECTION: `${sectionLabel}` })\n      : `${sectionLabel}`;\n\n    return (\n      <li\n        {...commonProps}\n        class={itemClasses}\n        data-oj-valuetext={valueText}\n        data-oj-disabled={context.data.isDisabled}>\n        {context.data.label || context.data.key}\n      </li>\n    );\n  }\n);\n\nfunction getCommonProps<K>(\n  { context, currentKey, valueNow, isFocusRingVisible }: SectionProps<K>,\n  ref: ForwardedRef<HTMLLIElement>\n) {\n  const isCurrent = context.data.key === currentKey;\n  return {\n    ...(isCurrent && { ref }),\n    key: context.data.key,\n    'data-oj-key': context.data.key,\n    'data-oj-key-type': typeof context.data.key,\n    'data-oj-valuenow': valueNow,\n    isFocusRingVisible: !!isFocusRingVisible\n  };\n}\n\ntype LastSectionProps<K> = SectionProps<K> & {\n  lastValueNow: number;\n};\n\n// render the last section, that contains the last character and others character\nexport const LastSectionItem = forwardRef(\n  <K extends string | number>(\n    { lastValueNow, ...sectionProps }: LastSectionProps<K>,\n    ref: ForwardedRef<HTMLLIElement>\n  ) => {\n    const commonProps = { ...sectionProps, ref };\n    return (\n      <Fragment>\n        <SectionItem {...commonProps} />\n        <OthersItem\n          {...commonProps}\n          ref={ref}\n          context={{ index: -1, data: SECTION_OTHERS } as ItemContext<Section<K>>}\n          valueNow={lastValueNow}\n        />\n      </Fragment>\n    );\n  }\n);\n\nconst OthersItem = forwardRef(<K,>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n  const { context, selectedKey } = props;\n  const commonProps = getCommonProps(props, ref);\n\n  const isSelected = context.data.key === selectedKey;\n  const { classes } = useComponentTheme<IndexerItemVariantOptions>(IndexerRedwoodTheme, {\n    focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n    selected: isSelected ? 'isSelected' : 'notSelected'\n  });\n  const othersClasses = classNames([classes]);\n  const othersValueText = SECTION_OTHERS.label;\n\n  return (\n    <li {...commonProps} class={othersClasses} data-oj-valuetext={othersValueText}>\n      {context.data.label}\n    </li>\n  );\n});\n\ntype SeparatorProps<K> = SectionProps<K> & {\n  sectionsPerTruncation: number;\n  last: number;\n  sections: Section<K>[];\n};\n\nexport const SeparatorItem = forwardRef(\n  <K extends string | number>(props: SeparatorProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, sections } = props;\n    const commonProps = getCommonProps(props, ref);\n    const { from, to } = getSeparatorRange(props);\n    const {\n      classes,\n      styles: { dotStyle }\n    } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(IndexerRedwoodTheme, {\n      focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused'\n    });\n\n    if (!isInSeparatorMiddle(context.index, from, to)) {\n      return null;\n    }\n\n    const fromText = sections[from].label || sections[from].key;\n    const toText = sections[to].label || sections[to].key;\n\n    const separatorClasses = classNames([classes]);\n\n    const separatorValueText = translations.indexer_separatorLabel({\n      FROM_SECTION: `${fromText}`,\n      TO_SECTION: `${toText}`\n    });\n\n    return (\n      <li {...commonProps} class={separatorClasses} data-oj-valuetext={separatorValueText}>\n        <Flex align=\"center\" justify=\"center\">\n          <div class={dotStyle}></div>\n        </Flex>\n      </li>\n    );\n  }\n);\n\nexport function hasSeparator<K>(props: SeparatorProps<K>) {\n  const { from, to } = getSeparatorRange(props);\n  return isInSeparatorMiddle(props.context.index, from, to);\n}\n\nfunction getSeparatorRange<K>({ context, sectionsPerTruncation, last }: SeparatorProps<K>) {\n  const from = context.index - (context.index % sectionsPerTruncation) + 1;\n  let to = from + sectionsPerTruncation - 2;\n  to = to >= last ? last - 1 : to;\n\n  return { from, to };\n}\n\nfunction isInSeparatorMiddle(index: number, from: number, to: number) {\n  return index === Math.floor((from + to) / 2);\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, createRef, RefObject } from 'preact';\nimport { useEffect, useRef, useState, StateUpdater, useCallback, Dispatch } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useSingleSelection } from '../hooks/PRIVATE_useSingleSelection/useSingleSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { keyExtractor, getPrevNextKey, isMobile } from '../utils/PRIVATE_collectionUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ItemContext, CurrentKeyDetail, SingleSelectionDetail } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Section,\n  SectionItem,\n  LastSectionItem,\n  SeparatorItem,\n  SECTION_OTHERS,\n  hasSeparator,\n  ITEM_SELECTOR\n} from './IndexerItems';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\n\nexport type CommitDetail<K> = {\n  value: K;\n};\n\ntype Props<K> = {\n  /**\n   * An array of sections, the default sections is an\n   * array of 26 English alphabets and the # others character\n   */\n  sections?: Section<K>[];\n\n  /**\n   * The currently selected Section\n   */\n  value?: K;\n\n  /**\n   * A function that will be invoked when selection happens,\n   * no matter the Section was selected before or not.\n   */\n  onCommit?: (detail: CommitDetail<K>) => void;\n};\n\nconst defaultSections: Section<string>[] = [\n  { key: 'A' },\n  { key: 'B' },\n  { key: 'C' },\n  { key: 'D' },\n  { key: 'E' },\n  { key: 'F' },\n  { key: 'G' },\n  { key: 'H' },\n  { key: 'I' },\n  { key: 'J' },\n  { key: 'K' },\n  { key: 'L' },\n  { key: 'M' },\n  { key: 'N' },\n  { key: 'O' },\n  { key: 'P' },\n  { key: 'Q' },\n  { key: 'R' },\n  { key: 'S' },\n  { key: 'T' },\n  { key: 'U' },\n  { key: 'V' },\n  { key: 'W' },\n  { key: 'X' },\n  { key: 'Y' },\n  { key: 'Z' }\n];\n\n/**\n * Pure Preact based component that consumes Collection component\n * and renders an indexer.\n */\nexport function Indexer<K extends string | number>({\n  sections = defaultSections as Section<K>[],\n  value,\n  onCommit = () => {},\n  testId\n}: Props<K> & TestIdProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const ulRef = useRef<HTMLUListElement>(null);\n  const currElementRef = createRef<HTMLLIElement>();\n  const [current, setCurrent] = useState<K | undefined>(sections[0]?.key);\n  // the number of sections in each truncation\n  const [sectionsPerTruncation, setSectionsPerTruncation] = useState<number>(-1);\n  // the total number of rendered sections and separators\n  const renderedSectionsCount = useRef<number>(-1);\n  const itemHeightRef = useRef<number>(0);\n  // the id for aria describedby\n  const uniqueId = useId();\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, ['ArrowUp', 'ArrowDown']);\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    true,\n    getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    current,\n    (detail: CurrentKeyDetail<K>) => setCurrent(detail.value)\n  );\n\n  const { selectionProps } = useSingleSelection(\n    (element) => handleKeyExtract(element, ulRef, current as K),\n    // pass in undefined so onCommit handler will be called\n    // no matter whether the Section was selected before or not\n    undefined,\n    (detail: SingleSelectionDetail<K>) => handleSelection(detail, onCommit, sections)\n  );\n\n  /**\n   * Item renderer that will return a section item or a section separator\n   * based on the sectionsPerTruncation and item context index.\n   * @param context item context\n   */\n  const itemRenderer = (context: ItemContext<Section<K>>): ComponentChildren => {\n    const last = sections.length - 1;\n    renderedSectionsCount.current += 1;\n\n    const commonProps = {\n      context,\n      ref: currElementRef,\n      currentKey: current as K,\n      selectedKey: value as K,\n      valueNow: renderedSectionsCount.current,\n      isFocusRingVisible: !!showFocusRing\n    };\n\n    // render the last and the others character, they are always present\n    if (context.index === last) {\n      return <LastSectionItem {...commonProps} lastValueNow={renderedSectionsCount.current + 1} />;\n    }\n\n    // render a section, in the non-truncation case or when it is the first in a truncation\n    if (sectionsPerTruncation <= 1 || context.index % sectionsPerTruncation === 0) {\n      return <SectionItem {...commonProps} />;\n    }\n\n    // render the separator in the middle of a truncation\n    const separatorProps = { ...commonProps, sectionsPerTruncation, last, sections };\n    if (hasSeparator(separatorProps)) {\n      return <SeparatorItem {...separatorProps} />;\n    }\n\n    // remove the count for truncated sections\n    renderedSectionsCount.current -= 1;\n\n    return null;\n  };\n\n  // truncate the Indexer during resize\n  const handleResize = useCallback(\n    (entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        updateSectionsPerTruncation(\n          entry.contentRect.height,\n          itemHeightRef.current,\n          sections.length,\n          sections[0]?.key,\n          sectionsPerTruncation,\n          setSectionsPerTruncation,\n          setCurrent\n        );\n      }\n    },\n    [sections, sectionsPerTruncation]\n  );\n\n  useEffect(() => {\n    if (ulRef.current) {\n      // Get aria values from IndexerItem to update aria values on Indexer ul element\n      ulRef.current.setAttribute('aria-valuemax', renderedSectionsCount.current + 1 + '');\n      ulRef.current.setAttribute(\n        'aria-valuetext',\n        currElementRef.current?.dataset?.['ojValuetext'] || ''\n      );\n      ulRef.current.setAttribute(\n        'aria-valuenow',\n        currElementRef.current?.dataset?.['ojValuenow'] || ''\n      );\n    }\n    renderedSectionsCount.current = -1;\n  });\n\n  /**\n   * Set up the initial values for sectionsPerTruncation and event listeners\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      itemHeightRef.current = root.querySelector('li')?.offsetHeight || 0;\n      updateSectionsPerTruncation(\n        root.offsetHeight,\n        itemHeightRef.current,\n        sections.length,\n        sections[0]?.key,\n        sectionsPerTruncation,\n        setSectionsPerTruncation,\n        setCurrent\n      );\n    }\n  }, [sections, sectionsPerTruncation]);\n\n  /**\n   * Set up resize observer and refresh the resize observer when\n   * sectionsPerTruncation is changed, otherwise it will only have the\n   * old copy of sectionsPerTruncation.\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        handleResize(entries);\n      });\n      resizeObserver.observe(root);\n      return () => {\n        resizeObserver.unobserve(root);\n      };\n    }\n    return undefined;\n  }, [sectionsPerTruncation, handleResize]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const {\n    styles: { baseStyle, innerStyle }\n  } = useComponentTheme<never, IndexerStyles>(IndexerRedwoodTheme);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div ref={rootRef} class={baseStyle} {...testIdProps}>\n      <Flex align=\"center\" width=\"6x\" height=\"100%\">\n        <ul\n          {...mergeProps(currentKeyProps, focusRingProps, selectionProps)}\n          ref={ulRef}\n          tabIndex={0}\n          aria-label=\"Indexer\"\n          aria-orientation=\"vertical\"\n          aria-valuemin={0}\n          aria-describedby={uniqueId}\n          role=\"slider\"\n          class={innerStyle}>\n          <Collection items={sections}>{itemRenderer}</Collection>\n        </ul>\n      </Flex>\n      <HiddenAccessible>\n        <span id={uniqueId}>{getIndexerDescription(translations)}</span>\n      </HiddenAccessible>\n    </div>\n  );\n}\n\n// A function to extract key for selection\nconst handleKeyExtract = <K extends string | number>(\n  element: HTMLElement,\n  rootRef: RefObject<HTMLElement>,\n  current: K\n) => {\n  if (element === rootRef.current) {\n    return current === undefined ? null : current;\n  }\n  return keyExtractor(element, ITEM_SELECTOR) as K;\n};\n\nconst handleSelection = <K extends string | number>(\n  detail: SingleSelectionDetail<K>,\n  onCommit: (value: CommitDetail<K>) => void,\n  sections: Section<K>[]\n) => {\n  if (detail.value === SECTION_OTHERS.key) {\n    onCommit({ value: SECTION_OTHERS.key as K });\n  } else {\n    const selectedSection = sections.find((section) => section.key === detail.value) as Section<K>;\n    onCommit({ value: selectedSection.key as K });\n  }\n};\n\n/**\n * A function that calculates the section count, based on\n * the container height and the number of sections\n * @param height height of Indexer container\n */\nconst updateSectionsPerTruncation = <K extends string | number>(\n  height: number,\n  itemHeight: number,\n  sectionsLength: number,\n  firstSectionKey: K,\n  sectionsPerTruncation: number,\n  setSectionsPerTruncation: Dispatch<StateUpdater<number>>,\n  setCurrent: Dispatch<StateUpdater<K | undefined>>\n) => {\n  if (height === 0 || itemHeight === 0) {\n    return;\n  }\n\n  const maxSections = height / itemHeight;\n  const last = sectionsLength - 1;\n\n  // when the container size is too small to hold two sections\n  if (maxSections < 2) {\n    if (sectionsPerTruncation !== last) {\n      setSectionsPerTruncation(last);\n      setCurrent(firstSectionKey);\n    }\n\n    // no truncation\n    // compare with < 0.01 for the deviation from calculation, when sectionsLength and maxSections\n    // are about the same, maxNum === sectionsLength doesn't work\n  } else if (maxSections > sectionsLength || sectionsLength - maxSections < 0.01) {\n    if (sectionsPerTruncation > 1) {\n      setSectionsPerTruncation(1);\n      setCurrent(firstSectionKey);\n    }\n\n    // need truncation\n  } else {\n    const tempSectionCount = findSectionCount(maxSections, last);\n    if (tempSectionCount !== sectionsPerTruncation && tempSectionCount < sectionsLength) {\n      setSectionsPerTruncation(tempSectionCount);\n      setCurrent(firstSectionKey);\n    }\n  }\n};\n\n/**\n * A helper function to find the best section count\n * in a truncation\n *\n * @param maxSections maximum number of sections allowed in a truncation\n * @param last the index of last section\n */\nconst findSectionCount = (maxSections: number, last: number) => {\n  // need truncation\n  maxSections -= 2; // minus the last character and the others character\n  maxSections /= 2; // each truncation has a section and a separator\n\n  const newSectionCount = Math.round(last / maxSections) + 1;\n  const truncationLeftover = last % newSectionCount;\n  const truncationCount = Math.floor(last / newSectionCount) + (truncationLeftover > 1 ? 1 : 0);\n\n  // When the sectionCount becomes greater, it will result in\n  // same truncations but with different sections appearing.\n  // The following is to find the best sectionCount in this case\n  // and prevent unnecessary truncations.\n  let tempLeftover = last - (truncationCount - 1) * newSectionCount;\n  let tempSectionCount = newSectionCount;\n  while (tempSectionCount > tempLeftover) {\n    tempSectionCount -= 1;\n    tempLeftover = last - (truncationCount - 1) * tempSectionCount;\n  }\n  if (tempSectionCount != newSectionCount) {\n    tempSectionCount += 1;\n  }\n\n  return tempSectionCount;\n};\n\n/**\n * Helper function to find the aria description for Indexer,\n * based on whether current device is a mobile device\n */\nfunction getIndexerDescription(translations: any) {\n  if (isMobile()) {\n    return translations.indexer_touchInstructionText();\n  } else {\n    return translations.indexer_keyboardInstructionText();\n  }\n}\n"],"names":["SECTION_OTHERS","Object","freeze","key","label","ITEM_SELECTOR","SectionItem","forwardRef","props","ref","translations","useTranslationBundle","context","selectedKey","isSelected","data","commonProps","getCommonProps","classes","useComponentTheme","IndexerRedwoodTheme","focused","isFocusRingVisible","disabled","isDisabled","selected","itemClasses","classNames","sectionLabel","valueText","indexer_disabledLabel","SECTION","_jsx","jsx","class","children","currentKey","valueNow","LastSectionItem","lastValueNow","sectionProps","_jsxs","jsxs","Fragment","OthersItem","index","othersClasses","othersValueText","SeparatorItem","sections","from","to","getSeparatorRange","styles","dotStyle","isInSeparatorMiddle","fromText","toText","separatorClasses","separatorValueText","indexer_separatorLabel","FROM_SECTION","TO_SECTION","Flex","align","justify","sectionsPerTruncation","last","Math","floor","defaultSections","handleKeyExtract","element","rootRef","current","undefined","keyExtractor","handleSelection","detail","onCommit","value","find","section","updateSectionsPerTruncation","height","itemHeight","sectionsLength","firstSectionKey","setSectionsPerTruncation","setCurrent","maxSections","tempSectionCount","findSectionCount","newSectionCount","round","truncationLeftover","truncationCount","tempLeftover","getIndexerDescription","isMobile","indexer_touchInstructionText","indexer_keyboardInstructionText","testId","useRef","ulRef","currElementRef","createRef","useState","renderedSectionsCount","itemHeightRef","uniqueId","useId","showFocusRing","focusRingProps","useCollectionFocusRing","currentKeyProps","useCurrentKey","getPrevNextKey","selectionProps","useSingleSelection","handleResize","useCallback","entries","entry","contentRect","length","useEffect","setAttribute","dataset","root","querySelector","offsetHeight","resizeObserver","ResizeObserver","observe","unobserve","baseStyle","innerStyle","testIdProps","useTestId","width","mergeProps","tabIndex","role","Collection","items","separatorProps","hasSeparator","HiddenAccessible","id"],"mappings":"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"}

package/amd/InlineHelpSource-85961e81.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTranslationBundle-516b1b83', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme'], (function(e,s,a,n,t,o,r,c){"use strict";e.InlineHelpSource=function({children:e,source:t}){const l=r.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore();e=e??l;const{isTabbable:b,tabbableModeProps:u}=o.useTabbableMode(),{classes:d,styles:i}=n.useComponentTheme(c.UserAssistanceRedwoodTheme),{helpSourceStyles:m}=i;return s.jsx("a",{class:a.classNames([d,m]),target:"_blank",href:t,...!b&&u,children:e})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTranslationBundle-d07d4b20', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme'], (function(e,s,a,n,t,o,r,c){"use strict";e.InlineHelpSource=function({children:e,source:t}){const l=r.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore();e=e??l;const{isTabbable:b,tabbableModeProps:d}=o.useTabbableMode(),{classes:u,styles:i}=n.useComponentTheme(c.UserAssistanceRedwoodTheme),{helpSourceStyles:m}=i;return s.jsx("a",{class:a.classNames([u,m]),target:"_blank",href:t,...!b&&d,children:e})}}));
 //# sourceMappingURL=InlineHelpSource-85961e81.js.map

package/amd/InlineUserAssistance-2a480664.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './logger-0f873e29', 'preact/hooks', './Flex-56ecdf4c', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-e95c5f30', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'css!./IconStyle.styles.css', './IconButton-81c8463f', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './ComponentMessageContainer-3b691959', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './InlineHelp-a169f974', './useTranslationBundle-516b1b83', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-3a316499'], (function(e,s,t,n,o,a,i,r,l,c,d,u,m,p,h,C,g,A,T,x,y,U,F,f,S,M,I,w,B,b,N,_,E,j,v,k,H,L,R,q,G){"use strict";function V({align:e="end",hasHelp:t=!1,hasMessages:n=!1}){const{classes:o}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{align:e,visible:t||n?"hide":"show"}),a=v.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:o,children:a})}function D({variant:e="reflow",children:t,id:n,testId:o}){const{classes:a,styles:{inlineContainerBaseStyles:i}}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{container:e}),r=G.useTestId(o);if(null!==q.useInputGroupContext())return null;return s.jsx("div",{class:L.classNames([a,i]),id:n,...r,children:t})}e.InlineRequired=V,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:t,helpSourceLink:n,helpSourceText:o,id:a,isRequiredShown:i,requiredAlignment:r,messages:l=[],userAssistanceDensity:c,testId:d}){const{isReadonly:u}=N.useFormContext(),m="efficient"===c&&!1===u,{isFocused:p}=E.useFormFieldContext(),h=l.length>0?s.jsx(B.ComponentMessageContainer,{fieldLabel:t,messages:l}):(e||n)&&p?s.jsx(j.InlineHelp,{assistiveText:e,sourceLink:n,sourceText:o}):i?s.jsx(V,{align:r}):null;return h||m?s.jsx(D,{id:a,variant:c,testId:d,children:h}):null},e.InlineUserAssistanceContainer=D}));
+define(['exports', 'preact/jsx-runtime', './logger-0f873e29', 'preact/hooks', './Flex-3421f0df', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-639b3284', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-79293e46', 'css!./IconStyle.styles.css', './IconButton-81c8463f', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './ComponentMessageContainer-3b691959', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './InlineHelp-a169f974', './useTranslationBundle-d07d4b20', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-b5cd4766'], (function(e,s,t,n,o,a,i,r,l,c,d,u,m,p,h,C,g,A,T,x,y,U,F,f,S,M,I,w,B,N,b,_,E,j,v,k,H,L,R,q,G){"use strict";function V({align:e="end",hasHelp:t=!1,hasMessages:n=!1}){const{classes:o}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{align:e,visible:t||n?"hide":"show"}),a=v.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:o,children:a})}function D({variant:e="reflow",children:t,id:n,testId:o}){const{classes:a,styles:{inlineContainerBaseStyles:i}}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{container:e}),r=G.useTestId(o);if(null!==q.useInputGroupContext())return null;return s.jsx("div",{class:L.classNames([a,i]),id:n,...r,children:t})}e.InlineRequired=V,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:t,helpSourceLink:n,helpSourceText:o,id:a,isRequiredShown:i,requiredAlignment:r,messages:l=[],userAssistanceDensity:c,testId:d}){const{isReadonly:u}=b.useFormContext(),m="efficient"===c&&!1===u,{isFocused:p}=E.useFormFieldContext(),h=l.length>0?s.jsx(B.ComponentMessageContainer,{fieldLabel:t,messages:l}):(e||n)&&p?s.jsx(j.InlineHelp,{assistiveText:e,sourceLink:n,sourceText:o}):i?s.jsx(V,{align:r}):null;return h||m?s.jsx(D,{id:a,variant:c,testId:d,children:h}):null},e.InlineUserAssistanceContainer=D}));
 //# sourceMappingURL=InlineUserAssistance-2a480664.js.map

package/amd/InputDateMask-9aba967d.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-516b1b83', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-2a480664', './CompactUserAssistance-a7b3ffc0', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'preact', 'css!./IconStyle.styles.css', './Popup-956e6d7d', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './classNames-08d99695', './clientHints-030d25aa', './keyboardUtils-244467a7', './getFormatParse-c1655d39', './maskUtils-550b6ac2', './UNSAFE_InputDateMask/themes/SegmentStyles.css', './useUser-85c781ea', './Flex-56ecdf4c', './HiddenAccessible-037ef42d', './LiveRegion-8142ed0d', './stringUtils-0ae982c2', './useComponentTheme-5aa41a8f', './calendarDateUtils-ee8bb928', './useDoubleTap-b6bf5458', './useTabbableMode-dc440317', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './Label-a4172af7', './TextFieldInput-d6645f5b', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-a51060bb', './TextField-51daf13e', 'css!./LiveRegionStyles.styles.css', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './useTextField-e6877c79'], (function(e,t,a,s,n,r,i,o,l,c,d,u,p,m,y,g,b,f,h,v,x,D,S,C,T,F,k,I,A,R,w,P,U,E,M,_,L,j,H,N,B,O,q,V,Y,K,W,$,z,X,Z,G,J,Q,ee,te){"use strict";const ae=e=>{e.preventDefault()},se=()=>"ios"===A.getClientHints().platform,ne=({"aria-label":e,"aria-valuemax":a,"aria-valuemin":n,"aria-valuenow":r,"aria-valuetext":o,inputRef:l,isComplete:c,isDisabled:d,isHidden:u,isHighlighted:p,isInvalid:m,isRequired:y,isSelected:g,onChange:b,placeholder:f,text:h,type:v})=>{const x=h&&h.length>0,D=I.classNames([U.segmentStyles.base,g&&U.segmentStyles.selected,p&&U.segmentStyles.highlighted]),S=I.classNames([U.segmentStyles.placeholder,u||x?U.segmentStyles.hidden:U.segmentStyles.notHidden]),C=i.useTranslationBundle("@oracle/oraclejet-preact").inputDateMask_empty_segment(),T=s.useRef(null),F=l??T,k=s.useRef(!1),{locale:A}=E.useUser(),w=s.useCallback((e=>{if(!d&&"Tab"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Enter"!==e.key&&!R.isSelectAll(e)){if(p){if(R.isBackspaceOrDelete(e)||"Backspace"===e.key)return}else"0"!==e.key||!c&&void 0!==h?P.isNumberOnlyString(e.key)?(b?.({actionType:"updateSegment",data:{type:v,text:e.key,hasLeadingZero:k.current,locale:A}}),k.current=!1):R.isBackspaceOrDelete(e)||"Backspace"===e.key?(b?.({actionType:"clearSegment",data:{type:v}}),k.current=!1):"ArrowUp"===e.key?(b?.({actionType:"step",data:{direction:"increase",locale:A,type:v}}),k.current=!1):"ArrowDown"===e.key?(b?.({actionType:"step",data:{direction:"decrease",locale:A,type:v}}),k.current=!1):"PageUp"===e.key?(b?.({actionType:"page",data:{direction:"increase",locale:A,type:v}}),k.current=!1):"PageDown"===e.key?(b?.({actionType:"page",data:{direction:"decrease",locale:A,type:v}}),k.current=!1):"Home"===e.key?(b?.({actionType:"goToHome",data:{locale:A,type:v}}),k.current=!1):"End"===e.key&&(b?.({actionType:"goToEnd",data:{locale:A,type:v}}),k.current=!1):k.current=!0;e.preventDefault(),e.stopPropagation()}}),[c,d,p,A,b,h,v]);s.useEffect((()=>{g&&F.current?.focus()}),[g,F]);const M={"data-segment":[v]},_=void 0===o?C:r?.toString()===o?void 0:o;return t.jsx("div",{children:t.jsxs("div",{ref:F,role:se()?"textbox":"spinbutton","aria-disabled":d,"aria-invalid":m||void 0,"aria-label":e,"aria-required":y,"aria-valuemin":se()?void 0:n,"aria-valuemax":se()?void 0:a,"aria-valuenow":se()?void 0:r,"aria-valuetext":se()?void 0:_,autocapitalize:"off",autocorrect:"off",class:D,contentEditable:!d,...M,enterkeyhint:d?void 0:"done",inputMode:d?"none":"numeric",onCut:ae,onKeyDown:w,onPaste:ae,spellcheck:!1,tabIndex:g?0:-1,children:[t.jsx("span",{"aria-hidden":"true",class:S,...M,children:f}),h]})})},re=({isHidden:e,isHighlighted:a,isPlaceholder:s,text:n})=>{const r=I.classNames([U.segmentStyles.literalBase,s&&U.segmentStyles.placeholder,a&&U.segmentStyles.highlighted,e?U.segmentStyles.hidden:U.segmentStyles.notHidden]);return t.jsx("span",{"aria-hidden":"true",class:r,children:n})},ie=(e,t)=>{if("reset"===t.actionType)return t.data;const a=t.data?.type,s=ce(e.segments,a);switch(t.actionType){case"clearDate":{const t=Te(De(e.segments),e.orderedSegments);return Pe(e,t,!1)}case"clearSegment":{const t=xe(s);return ve(e,a,t)}case"commit":{const t=Re(e.segments);return Pe(e,t,!1)}case"goToEnd":{const n=Me(a,s,e.segments,t.data?.locale);return ve(e,a,n,!1)}case"goToHome":{const n=Ee(a,s,e.segments,t.data?.locale);return ve(e,a,n,!1)}case"page":{const n=t.data?.direction,r=t.data?.locale,i=_e(a,s,e.segments,"page",n,r);return ve(e,a,i,!1)}case"selectDateOrSegment":return we(e);case"selectFirst":{const t=Te(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectNext":{const t=Ie(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectPrevious":{const t=Ae(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectSegment":{const t=Ce(e.segments,a);return Pe(e,t,!1)}case"step":{const n=t.data?.direction,r=t.data?.locale,i=_e(a,s,e.segments,"step",n,r);return ve(e,a,i,!1)}case"updateSegment":{const n=Se(a,s,t,e.segments);return ve(e,a,n)}default:throw new Error("Unknown action type")}},oe=e=>+e,le=e=>e.toString(),ce=(e,t)=>e.find((e=>e.type===t)),de=e=>e.every((e=>e.text&&e.text.length>0)),ue=e=>e.some((e=>void 0!==e["aria-valuenow"])),pe=e=>{if(!ue(e))return;const t=e.map((e=>({[e.type]:e["aria-valuenow"]}))).values();let a={};for(const e of t)a={...a,...e};return a},me=e=>ce(e,"year")["aria-valuenow"],ye=(e,t,a)=>`${t} - ${P.getMonthName(e,t,a??"*","long")}`,ge=e=>[...e.orderedSegments],be=(e,t,a)=>e.map((e=>e.type===t?a:e)),fe=(e,t,a,s,n)=>{const r=be(e,a,s);let i=r;if("month"===a||"year"===a){const e=ce(r,"day");if(e){const t="month"==a?s["aria-valuenow"]:ce(r,"month")["aria-valuenow"],n="year"===a?s["aria-valuenow"]:me(r),o=N.getDaysInMonth(t??"*",n??"*"),l=e["aria-valuenow"],c=l&&l>o?o:l,d=c?le(c):void 0,u={...e,"aria-valuemax":o,"aria-valuenow":c,"aria-valuetext":d,text:d};i=be(r,"day",u)}}return i=s.isComplete&&n?Ie(i,t):i,i},he=(e,t)=>({currentDate:pe(t),isCompleteDate:de(t),isDateSelected:e.isDateSelected,isPartialDate:ue(t),orderedSegments:ge(e),segments:t}),ve=(e,t,a,s=!0)=>{const n=fe(e.segments,e.orderedSegments,t,a,s);return he(e,n)},xe=e=>({...e,"aria-valuetext":void 0,"aria-valuenow":void 0,text:void 0,isComplete:!1}),De=e=>e.map((e=>{const t=xe(e),a="year"===t.type?N.MAX_ISO_YEAR:"month"===t.type?N.getMonthsInYear("*"):N.getDaysInMonth("*","*");return{...t,"aria-valuemax":a}})),Se=(e,t,a,s)=>{const n=a.data?.text,r=a.data?.hasLeadingZero,i=a.data?.locale,o=t["aria-valuemin"],l=t["aria-valuemax"],c=t.isComplete?n:t.text+n,d=oe(c),u=(m=l,(p=d)>=o&&p<=m);var p,m;const y=u?c:n,g=u?d:oe(n),b=((e,t)=>oe(le(e)+"0")>t)(g,l)||!!r&&"year"!==e,f="month"===e?ye(i,g,me(s)):y;return{...t,"aria-valuetext":f,"aria-valuenow":g,text:y,isComplete:b}},Ce=(e,t)=>e.map((e=>({...e,isSelected:e.type===t}))),Te=(e,t)=>Ce(e,t[0]),Fe=(e,t)=>{const a=e.find((e=>!0===e.isSelected));return void 0===a?-1:t.findIndex((e=>e===a.type))},ke=e=>e.map((e=>e.isSelected?{...e,isComplete:!0}:e)),Ie=(e,t)=>{const a=Fe(e,t);return a===t.length-1?e:Ce(ke(e),t[a+1])},Ae=(e,t)=>{const a=Fe(e,t);return 0===a?e:-1===a?Te(e,t):Ce(ke(e),t[a-1])},Re=e=>e.map((e=>({...e,isSelected:!1,isComplete:!!e.text}))),we=e=>{if(e.isCompleteDate)return Pe(e,e.segments.map((e=>({...e,isSelected:!1}))),!0);{const t=Te(e.segments,e.orderedSegments);return he(e,t)}},Pe=(e,t,a)=>({currentDate:pe(t),isCompleteDate:de(t),isDateSelected:a,isPartialDate:ue(t),orderedSegments:ge(e),segments:t}),Ue=(e,t,a,s,n)=>{const r=le(e);return{...s,"aria-valuetext":"month"===a?ye(t,e,me(n)):r,"aria-valuenow":e,text:r,isComplete:!0}},Ee=(e,t,a,s)=>{const n=((e,t)=>"year"===e?1900:t["aria-valuemin"])(e,t);return Ue(n,s,e,t,a)},Me=(e,t,a,s)=>{const n=((e,t)=>"year"===e?2100:t["aria-valuemax"])(e,t);return Ue(n,s,e,t,a)},_e=(e,t,a,s,n,r)=>{const i=t["aria-valuenow"],o=t["aria-valuemin"],l=t["aria-valuemax"],c=void 0===i?(e=>{const{year:t,month:a,day:s}=P.getTodayAsCalendarDate();return{year:t,month:a,day:s}[e]})(e):"page"===s?((e,t,a,s,n)=>{const r="month"===n?2:"year"===n?5:7;return"increase"===t?e+r>s?(e+r)%s:e+r:e-r<a?e-r+s:e-r})(i,n,o,l,e):((e,t,a,s)=>"increase"===t?e+1>s?a:e+1:e-1<a?s:e-1)(i,n,o,l);return Ue(c,r,e,t,a)};const Le=({dateResetRef:e,direction:t,dispatch:a,groupRef:n,isDisabled:r,isFocused:i,isInputFocused:o,onCommit:l,onInput:c,state:d,value:u})=>{const{tabbableModeProps:p}=O.useTabbableMode(),{tabIndex:m}=p,y=d.segments.some((e=>!!e.isSelected)),g=-1===m||y||r?-1:0,b=s.useRef(d.currentDate),f=s.useRef(d.currentDate),h=s.useRef(!1),v=s.useRef(!!i);e.current&&(b.current=u,f.current=u);const x=s.useCallback((e=>{a(e)}),[a]),D=s.useCallback((e=>{const t=e.target.getAttribute("data-segment");a(t?{actionType:"selectSegment",data:{type:t}}:{actionType:"selectFirst"})}),[a]),S=s.useCallback(((e=!0)=>{d.isCompleteDate&&(a({actionType:"selectDateOrSegment"}),e&&n?.current?.focus())}),[a,n,d.isCompleteDate]),C=s.useCallback((()=>{S()}),[S]),T=s.useCallback((e=>{e.target.getAttribute("data-segment")&&S(!1)}),[S]),F=B.useDoubleTap({onDoubleTap:T,onSingleTap:D}),k=s.useCallback((e=>{"ltr"===t&&"ArrowLeft"===e.key||"rtl"===t&&"ArrowRight"===e.key?(a({actionType:"selectPrevious"}),e.stopPropagation()):"ltr"===t&&"ArrowRight"===e.key||"rtl"===t&&"ArrowLeft"===e.key?(a({actionType:"selectNext"}),e.stopPropagation()):(R.isBackspaceOrDelete(e)||"Backspace"===e.key)&&d.isDateSelected?(a({actionType:"clearDate"}),h.current=!0,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()):R.isSelectAll(e)?(S(),e.preventDefault(),e.stopPropagation()):"Enter"===e.key&&(P.calendarDatesAreDifferent(f.current,b.current)&&(l?.({value:b.current}),f.current=b.current),e.preventDefault(),e.stopPropagation())}),[t,a,l,S,d.isDateSelected]);s.useEffect((()=>{v.current&&!i&&(a({actionType:"commit"}),P.calendarDatesAreDifferent(f.current,b.current)&&(l?.({value:b.current}),f.current=b.current)),v.current=!!i}),[a,i,l]),s.useEffect((()=>{if(P.calendarDatesAreDifferent(b.current,d.currentDate)&&!e.current){const e=void 0!==d.currentDate?Object.freeze({...d.currentDate}):d.currentDate;c({value:e}),b.current=e}e.current=!1}),[c,d.currentDate,e]);const I=s.useRef(!1),w=s.useRef();s.useEffect((()=>{o&&!I.current&&a({actionType:"selectFirst"}),!o&&!I.current&&a({actionType:"commit"}),I.current=!1}),[a,o]);const U=function(){const e=A.getClientHints().deviceType;return"phone"===e||"tablet"===e}()?{...F,onKeyDown:k}:{onClick:D,onDoubleClick:C,onKeyDown:k,onPointerDown:()=>{I.current=!0,clearTimeout(w.current),w.current=setTimeout((()=>{I.current=!1}),200)}};return{dateClearedRef:h,dateFieldHandlers:r?{}:U,segmentHandlers:r?{}:{onChange:x},tabIndex:g}},je=(e,t)=>e.find((e=>e.type===t)),He=({"aria-describedby":e,"aria-invalid":a,"aria-label":n,"aria-labelledby":r,baseId:o,fieldRef:l,granularity:c="day",hasInsideLabel:d,isRequired:u,masks:p,onBlur:m,onCommit:y,onFocus:g,onInput:b,textAlign:f,value:h,variant:v="default"})=>{const x=i.useTranslationBundle("@oracle/oraclejet-preact"),D=x.inputDateMask_date_cleared(),S={month:x.formControl_month(),day:x.formControl_day(),year:x.formControl_year()},{direction:C,locale:T}=E.useUser(),{isDisabled:F,isFocused:k,isInputFocused:A}=V.useFormFieldContext(),R=void 0!==h,{classes:w}=H.useComponentTheme(Y.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:v,textarea:"notTextArea",input:"notInput",div:"isDiv",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"noEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:R?"hasValue":"noValue",focused:k?"isFocused":"notFocused",disabled:F?"isDisabled":"notDisabled"}),U=I.classNames([w]),{state:B,dispatch:O,dateResetRef:q}=(({ariaLabels:e,dateMasks:t,granularity:a,locale:n,value:r})=>{const i=t.filter((({type:e})=>"literal"!==e)).map((({type:e})=>e)),o=r?.year,l=r?.month,c=r?.day,d=N.getMonthsInYear(o??"*"),u=N.getDaysInMonth(l??"*",o??"*"),p=!(!o||!l||"month"!==a&&!c),m=!!o||!!l||!!c,y=o?le(o):void 0,g=l?le(l):void 0,b=c?le(c):void 0,f=l?ye(n,l,o):void 0,h=[{type:"day","aria-label":e.day,"aria-valuemin":N.MIN_ISO_DAY,"aria-valuemax":u,"aria-valuenow":c,"aria-valuetext":b,isComplete:!!c,isSelected:!1,text:b}],v={currentDate:r,isCompleteDate:p,isDateSelected:!1,isPartialDate:m,orderedSegments:i,segments:[{type:"year","aria-label":e.year,"aria-valuemin":N.MIN_ISO_YEAR,"aria-valuemax":N.MAX_ISO_YEAR,"aria-valuenow":o,"aria-valuetext":y,isComplete:!!o,isSelected:!1,text:y},{type:"month","aria-label":e.month,"aria-valuemin":N.MIN_ISO_MONTH,"aria-valuemax":d,"aria-valuenow":l,"aria-valuetext":f,isComplete:!!l,isSelected:!1,text:g},..."day"===a?h:[]]},[x,D]=s.useReducer(ie,v),S=s.useRef(r),C=s.useRef(!1);return P.calendarDatesAreDifferent(S.current,r)&&(S.current=r,P.calendarDatesAreDifferent(r,x.currentDate)&&(D({actionType:"reset",data:v}),C.current=!0)),{dateResetRef:C,dispatch:D,state:x}})({ariaLabels:S,dateMasks:p,granularity:c,locale:T,value:h}),{isDateSelected:K,isPartialDate:W,segments:$}=B,z={year:je($,"year"),month:je($,"month"),day:"day"===c?je($,"day"):void 0},X=s.useRef(null),{dateClearedRef:Z,dateFieldHandlers:G,segmentHandlers:J,tabIndex:Q}=Le({dateResetRef:q,direction:C,dispatch:O,groupRef:X,isDisabled:F,isFocused:k,isInputFocused:A,onCommit:y,onInput:b,state:B,value:h}),ee=void 0===h&&d&&!k,te=B.isCompleteDate?N.formatFullCalendarDate(T,B.currentDate,c):"",ae=`${o}-date`,se=B.isCompleteDate?t.jsx(_.HiddenAccessible,{id:ae,children:te}):void 0,oe=B.isCompleteDate?j.merge([e,ae]):e,ce=Z.current?D:"",de=B.orderedSegments[0];return t.jsxs("div",{"aria-describedby":oe,"aria-label":n,"aria-labelledby":r,class:U,onFocusIn:g,onFocusOut:m,ref:X,role:"group",tabIndex:Q,...G,children:[t.jsx(M.Flex,{direction:"row",wrap:"nowrap",justify:f,children:p.map((({type:e,value:s})=>{const n="literal"!==e?z[e]:{};return"literal"===e?t.jsx(re,{isHidden:ee,isHighlighted:K,isPlaceholder:!W,text:s}):t.jsx(ne,{inputRef:e===de?l:void 0,isDisabled:F,isInvalid:!!a,isHidden:ee,isHighlighted:K,isRequired:u,placeholder:s,type:e,...J,...n})}))}),se,t.jsx(L.LiveRegion,{children:ce})]})},Ne=f.createContext({isInputDatePickerParent:!1,isDropdownOpen:!1}),Be=()=>s.useContext(Ne),Oe=a.forwardRef((({"aria-describedby":e,assistiveText:a,columnSpan:n,endContent:r,granularity:o="day",helpSourceLink:l,helpSourceText:c,isDisabled:p,isReadonly:m,isRequired:y,isRequiredShown:g,label:b,labelEdge:f,labelStartWidth:h,mainFieldRef:v,messages:x,masks:D,testId:S,textAlign:C,userAssistanceDensity:T,value:F,variant:k,onCommit:I,onInput:A},R)=>{const{isDisabled:w,isReadonly:U,labelEdge:M,labelStartWidth:_,textAlign:L,userAssistanceDensity:j}=ee.useFormContext(),H=p??w,B=m??U,O=f??M,V=h??_,Y=C??L,W=T??j,$=s.useRef(null),G=s.useRef(null),{focusProps:Q,isFocused:ae,methods:se}=J.useFocusableTextField({isDisabled:H,isReadonly:B,enabledElementRef:$,readonlyElementRef:G});s.useImperativeHandle(R,(()=>se),[se]);const{isDropdownOpen:ne,isInputDatePickerParent:re}=Be(),ie=ae||re&&ne,{baseId:oe,formFieldContext:le,inputProps:ce,labelProps:de,textFieldProps:ue,userAssistanceProps:pe}=te.useTextField({ariaDescribedBy:e,helpSourceLink:l,helpSourceText:c,isDisabled:H,isFocused:ie,isReadonly:B,isRequiredShown:g,labelEdge:O,messages:x,styleVariant:k,userAssistanceDensity:W,value:F}),{forId:me,...ye}=de,{id:ge,...be}=ce,fe=ye.id,he=s.useCallback((()=>{$.current?.focus()}),[$]),ve="none"!==O?t.jsx(K.Label,{...H||B?{}:{onClick:he},...ye,children:b}):void 0,xe={label:"none"!==O?ve:void 0,labelEdge:"none"!==O?O:void 0,labelStartWidth:"none"!==O?V:void 0},De="none"===O?b:void 0,Se=void 0!==b&&"inside"===O,Ce="efficient"===W||"reflow"===W?H||B?"efficient"!==W?void 0:t.jsx(d.InlineUserAssistance,{userAssistanceDensity:W,...pe}):t.jsx(d.InlineUserAssistance,{assistiveText:a,fieldLabel:b,helpSourceLink:l,helpSourceText:c,messages:x,isRequiredShown:g,userAssistanceDensity:W,...pe}):void 0,Te=s.useRef(null),Fe=v??Te,ke="compact"===W?t.jsx(u.CompactUserAssistance,{anchorRef:Fe,messages:x,assistiveText:a,...pe}):void 0,{locale:Ie}=E.useUser(),Ae=i.useTranslationBundle("@oracle/oraclejet-preact"),Re=Ae.inputDateMask_monthPlaceholder(),we=Ae.inputDateMask_dayPlaceholder(),Pe=Ae.inputDateMask_yearPlaceholder();if(D&&("day"===o&&5!==D.length||"month"===o&&3!==D.length))throw new Error("Specified masks must match the granularity");const Ue=s.useMemo((()=>D?P.translateCustomMasks(D,Re,we,Pe):N.getDatePlaceholderMasks(Ie,o,Re,we,Pe)),[D,Ie,o,we,Re,Pe]);if(B)return t.jsx(q.FormFieldContext.Provider,{value:le,children:t.jsx(X.ReadonlyTextField,{role:"presentation",columnSpan:n,compactUserAssistance:ke,inlineUserAssistance:Ce,onBlur:Q.onFocusOut,onFocus:Q.onFocusIn,ref:Fe,testId:S,mainContent:t.jsx(z.ReadonlyTextFieldInput,{"aria-describedby":be["aria-describedby"],"aria-label":De,"aria-labelledby":ye.id,as:"div",elementRef:G,textAlign:Y,value:void 0===F?"":N.formatShortCalendarDate(F,o,Ue),hasEmptyLabel:""===b&&"none"===O,hasInsideLabel:Se}),...xe})});const Ee=t.jsx(He,{"aria-label":De,"aria-labelledby":fe,baseId:oe,fieldRef:$,granularity:o,hasInsideLabel:void 0!==ve&&"inside"===O,isRequired:y,masks:Ue,onCommit:I,onInput:A,textAlign:Y,value:F,...be});return t.jsx(q.FormFieldContext.Provider,{value:le,children:t.jsx(Z.TextField,{columnSpan:n,compactUserAssistance:ke,endContent:r,inlineUserAssistance:Ce,mainContent:Ee,onBlur:Q.onFocusOut,onFocus:Q.onFocusIn,mainFieldRef:Fe,testId:S,...ue,...xe})})}));e.InputDateMask=Oe,e.InputDateMaskContext=Ne,e.useInputDateMaskContext=Be}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-d07d4b20', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-2a480664', './CompactUserAssistance-a7b3ffc0', './LayerHost-639b3284', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-79293e46', 'preact', 'css!./IconStyle.styles.css', './Popup-059eb48a', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './classNames-08d99695', './clientHints-030d25aa', './keyboardUtils-244467a7', './getFormatParse-c1655d39', './maskUtils-550b6ac2', './UNSAFE_InputDateMask/themes/SegmentStyles.css', './useUser-3ef25571', './Flex-3421f0df', './HiddenAccessible-037ef42d', './LiveRegion-9a362373', './stringUtils-0ae982c2', './useComponentTheme-5aa41a8f', './calendarDateUtils-ee8bb928', './useDoubleTap-b6bf5458', './useTabbableMode-dc440317', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './Label-a4172af7', './TextFieldInput-d6645f5b', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-a51060bb', './TextField-51daf13e', 'css!./LiveRegionStyles.styles.css', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './useTextField-e6877c79'], (function(e,t,a,s,n,r,i,o,l,c,d,u,p,m,y,g,f,b,h,v,x,D,S,C,T,F,k,I,A,R,w,P,U,E,M,_,L,j,H,N,B,O,q,V,Y,K,W,$,z,X,Z,G,J,Q,ee,te){"use strict";const ae=e=>{e.preventDefault()},se=()=>"ios"===A.getClientHints().platform,ne=({"aria-label":e,"aria-valuemax":a,"aria-valuemin":n,"aria-valuenow":r,"aria-valuetext":o,inputRef:l,isComplete:c,isDisabled:d,isHidden:u,isHighlighted:p,isInvalid:m,isRequired:y,isSelected:g,onChange:f,placeholder:b,text:h,type:v})=>{const x=h&&h.length>0,D=I.classNames([U.segmentStyles.base,g&&U.segmentStyles.selected,p&&U.segmentStyles.highlighted]),S=I.classNames([U.segmentStyles.placeholder,u||x?U.segmentStyles.hidden:U.segmentStyles.notHidden]),C=i.useTranslationBundle("@oracle/oraclejet-preact").inputDateMask_empty_segment(),T=s.useRef(null),F=l??T,k=s.useRef(!1),{locale:A}=E.useUser(),w=s.useCallback((e=>{if(!d&&"Tab"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Enter"!==e.key&&!R.isSelectAll(e)){if(p){if(R.isBackspaceOrDelete(e)||"Backspace"===e.key)return}else"0"!==e.key||!c&&void 0!==h?P.isNumberOnlyString(e.key)?(f?.({actionType:"updateSegment",data:{type:v,text:e.key,hasLeadingZero:k.current,locale:A}}),k.current=!1):R.isBackspaceOrDelete(e)||"Backspace"===e.key?(f?.({actionType:"clearSegment",data:{type:v}}),k.current=!1):"ArrowUp"===e.key?(f?.({actionType:"step",data:{direction:"increase",locale:A,type:v}}),k.current=!1):"ArrowDown"===e.key?(f?.({actionType:"step",data:{direction:"decrease",locale:A,type:v}}),k.current=!1):"PageUp"===e.key?(f?.({actionType:"page",data:{direction:"increase",locale:A,type:v}}),k.current=!1):"PageDown"===e.key?(f?.({actionType:"page",data:{direction:"decrease",locale:A,type:v}}),k.current=!1):"Home"===e.key?(f?.({actionType:"goToHome",data:{locale:A,type:v}}),k.current=!1):"End"===e.key&&(f?.({actionType:"goToEnd",data:{locale:A,type:v}}),k.current=!1):k.current=!0;e.preventDefault(),e.stopPropagation()}}),[c,d,p,A,f,h,v]);s.useEffect((()=>{g&&F.current?.focus()}),[g,F]);const M={"data-segment":[v]},_=void 0===o?C:r?.toString()===o?void 0:o;return t.jsx("div",{children:t.jsxs("div",{ref:F,role:se()?"textbox":"spinbutton","aria-disabled":d,"aria-invalid":m||void 0,"aria-label":e,"aria-required":y,"aria-valuemin":se()?void 0:n,"aria-valuemax":se()?void 0:a,"aria-valuenow":se()?void 0:r,"aria-valuetext":se()?void 0:_,autocapitalize:"off",autocorrect:"off",class:D,contentEditable:!d,...M,enterkeyhint:d?void 0:"done",inputMode:d?"none":"numeric",onCut:ae,onKeyDown:w,onPaste:ae,spellcheck:!1,tabIndex:g?0:-1,children:[t.jsx("span",{"aria-hidden":"true",class:S,...M,children:b}),h]})})},re=({isHidden:e,isHighlighted:a,isPlaceholder:s,text:n})=>{const r=I.classNames([U.segmentStyles.literalBase,s&&U.segmentStyles.placeholder,a&&U.segmentStyles.highlighted,e?U.segmentStyles.hidden:U.segmentStyles.notHidden]);return t.jsx("span",{"aria-hidden":"true",class:r,children:n})},ie=(e,t)=>{if("reset"===t.actionType)return t.data;const a=t.data?.type,s=ce(e.segments,a);switch(t.actionType){case"clearDate":{const t=Te(De(e.segments),e.orderedSegments);return Pe(e,t,!1)}case"clearSegment":{const t=xe(s);return ve(e,a,t)}case"commit":{const t=Re(e.segments);return Pe(e,t,!1)}case"goToEnd":{const n=Me(a,s,e.segments,t.data?.locale);return ve(e,a,n,!1)}case"goToHome":{const n=Ee(a,s,e.segments,t.data?.locale);return ve(e,a,n,!1)}case"page":{const n=t.data?.direction,r=t.data?.locale,i=_e(a,s,e.segments,"page",n,r);return ve(e,a,i,!1)}case"selectDateOrSegment":return we(e);case"selectFirst":{const t=Te(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectNext":{const t=Ie(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectPrevious":{const t=Ae(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectSegment":{const t=Ce(e.segments,a);return Pe(e,t,!1)}case"step":{const n=t.data?.direction,r=t.data?.locale,i=_e(a,s,e.segments,"step",n,r);return ve(e,a,i,!1)}case"updateSegment":{const n=Se(a,s,t,e.segments);return ve(e,a,n)}default:throw new Error("Unknown action type")}},oe=e=>+e,le=e=>e.toString(),ce=(e,t)=>e.find((e=>e.type===t)),de=e=>e.every((e=>e.text&&e.text.length>0)),ue=e=>e.some((e=>void 0!==e["aria-valuenow"])),pe=e=>{if(!ue(e))return;const t=e.map((e=>({[e.type]:e["aria-valuenow"]}))).values();let a={};for(const e of t)a={...a,...e};return a},me=e=>ce(e,"year")["aria-valuenow"],ye=(e,t,a)=>`${t} - ${P.getMonthName(e,t,a??"*","long")}`,ge=e=>[...e.orderedSegments],fe=(e,t,a)=>e.map((e=>e.type===t?a:e)),be=(e,t,a,s,n)=>{const r=fe(e,a,s);let i=r;if("month"===a||"year"===a){const e=ce(r,"day");if(e){const t="month"==a?s["aria-valuenow"]:ce(r,"month")["aria-valuenow"],n="year"===a?s["aria-valuenow"]:me(r),o=N.getDaysInMonth(t??"*",n??"*"),l=e["aria-valuenow"],c=l&&l>o?o:l,d=c?le(c):void 0,u={...e,"aria-valuemax":o,"aria-valuenow":c,"aria-valuetext":d,text:d};i=fe(r,"day",u)}}return i=s.isComplete&&n?Ie(i,t):i,i},he=(e,t)=>({currentDate:pe(t),isCompleteDate:de(t),isDateSelected:e.isDateSelected,isPartialDate:ue(t),orderedSegments:ge(e),segments:t}),ve=(e,t,a,s=!0)=>{const n=be(e.segments,e.orderedSegments,t,a,s);return he(e,n)},xe=e=>({...e,"aria-valuetext":void 0,"aria-valuenow":void 0,text:void 0,isComplete:!1}),De=e=>e.map((e=>{const t=xe(e),a="year"===t.type?N.MAX_ISO_YEAR:"month"===t.type?N.getMonthsInYear("*"):N.getDaysInMonth("*","*");return{...t,"aria-valuemax":a}})),Se=(e,t,a,s)=>{const n=a.data?.text,r=a.data?.hasLeadingZero,i=a.data?.locale,o=t["aria-valuemin"],l=t["aria-valuemax"],c=t.isComplete?n:t.text+n,d=oe(c),u=(m=l,(p=d)>=o&&p<=m);var p,m;const y=u?c:n,g=u?d:oe(n),f=((e,t)=>oe(le(e)+"0")>t)(g,l)||!!r&&"year"!==e,b="month"===e?ye(i,g,me(s)):y;return{...t,"aria-valuetext":b,"aria-valuenow":g,text:y,isComplete:f}},Ce=(e,t)=>e.map((e=>({...e,isSelected:e.type===t}))),Te=(e,t)=>Ce(e,t[0]),Fe=(e,t)=>{const a=e.find((e=>!0===e.isSelected));return void 0===a?-1:t.findIndex((e=>e===a.type))},ke=e=>e.map((e=>e.isSelected?{...e,isComplete:!0}:e)),Ie=(e,t)=>{const a=Fe(e,t);return a===t.length-1?e:Ce(ke(e),t[a+1])},Ae=(e,t)=>{const a=Fe(e,t);return 0===a?e:-1===a?Te(e,t):Ce(ke(e),t[a-1])},Re=e=>e.map((e=>({...e,isSelected:!1,isComplete:!!e.text}))),we=e=>{if(e.isCompleteDate)return Pe(e,e.segments.map((e=>({...e,isSelected:!1}))),!0);{const t=Te(e.segments,e.orderedSegments);return he(e,t)}},Pe=(e,t,a)=>({currentDate:pe(t),isCompleteDate:de(t),isDateSelected:a,isPartialDate:ue(t),orderedSegments:ge(e),segments:t}),Ue=(e,t,a,s,n)=>{const r=le(e);return{...s,"aria-valuetext":"month"===a?ye(t,e,me(n)):r,"aria-valuenow":e,text:r,isComplete:!0}},Ee=(e,t,a,s)=>{const n=((e,t)=>"year"===e?1900:t["aria-valuemin"])(e,t);return Ue(n,s,e,t,a)},Me=(e,t,a,s)=>{const n=((e,t)=>"year"===e?2100:t["aria-valuemax"])(e,t);return Ue(n,s,e,t,a)},_e=(e,t,a,s,n,r)=>{const i=t["aria-valuenow"],o=t["aria-valuemin"],l=t["aria-valuemax"],c=void 0===i?(e=>{const{year:t,month:a,day:s}=P.getTodayAsCalendarDate();return{year:t,month:a,day:s}[e]})(e):"page"===s?((e,t,a,s,n)=>{const r="month"===n?2:"year"===n?5:7;return"increase"===t?e+r>s?(e+r)%s:e+r:e-r<a?e-r+s:e-r})(i,n,o,l,e):((e,t,a,s)=>"increase"===t?e+1>s?a:e+1:e-1<a?s:e-1)(i,n,o,l);return Ue(c,r,e,t,a)};const Le=({dateResetRef:e,direction:t,dispatch:a,groupRef:n,isDisabled:r,isFocused:i,isInputFocused:o,onCommit:l,onInput:c,state:d,value:u})=>{const{tabbableModeProps:p}=O.useTabbableMode(),{tabIndex:m}=p,y=d.segments.some((e=>!!e.isSelected)),g=-1===m||y||r?-1:0,f=s.useRef(d.currentDate),b=s.useRef(d.currentDate),h=s.useRef(!1),v=s.useRef(!!i);e.current&&(f.current=u,b.current=u);const x=s.useCallback((e=>{a(e)}),[a]),D=s.useCallback((e=>{const t=e.target.getAttribute("data-segment");a(t?{actionType:"selectSegment",data:{type:t}}:{actionType:"selectFirst"})}),[a]),S=s.useCallback(((e=!0)=>{d.isCompleteDate&&(a({actionType:"selectDateOrSegment"}),e&&n?.current?.focus())}),[a,n,d.isCompleteDate]),C=s.useCallback((()=>{S()}),[S]),T=s.useCallback((e=>{e.target.getAttribute("data-segment")&&S(!1)}),[S]),F=B.useDoubleTap({onDoubleTap:T,onSingleTap:D}),k=s.useCallback((e=>{"ltr"===t&&"ArrowLeft"===e.key||"rtl"===t&&"ArrowRight"===e.key?(a({actionType:"selectPrevious"}),e.stopPropagation()):"ltr"===t&&"ArrowRight"===e.key||"rtl"===t&&"ArrowLeft"===e.key?(a({actionType:"selectNext"}),e.stopPropagation()):(R.isBackspaceOrDelete(e)||"Backspace"===e.key)&&d.isDateSelected?(a({actionType:"clearDate"}),h.current=!0,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()):R.isSelectAll(e)?(S(),e.preventDefault(),e.stopPropagation()):"Enter"===e.key&&(P.calendarDatesAreDifferent(b.current,f.current)&&(l?.({value:f.current}),b.current=f.current),e.preventDefault(),e.stopPropagation())}),[t,a,l,S,d.isDateSelected]);s.useEffect((()=>{v.current&&!i&&(a({actionType:"commit"}),P.calendarDatesAreDifferent(b.current,f.current)&&(l?.({value:f.current}),b.current=f.current)),v.current=!!i}),[a,i,l]),s.useEffect((()=>{if(P.calendarDatesAreDifferent(f.current,d.currentDate)&&!e.current){const e=void 0!==d.currentDate?Object.freeze({...d.currentDate}):d.currentDate;c({value:e}),f.current=e}e.current=!1}),[c,d.currentDate,e]);const I=s.useRef(!1),w=s.useRef();s.useEffect((()=>{o&&!I.current&&a({actionType:"selectFirst"}),!o&&!I.current&&a({actionType:"commit"}),I.current=!1}),[a,o]);const U=function(){const e=A.getClientHints().deviceType;return"phone"===e||"tablet"===e}()?{...F,onKeyDown:k}:{onClick:D,onDoubleClick:C,onKeyDown:k,onPointerDown:()=>{I.current=!0,clearTimeout(w.current),w.current=setTimeout((()=>{I.current=!1}),200)}};return{dateClearedRef:h,dateFieldHandlers:r?{}:U,segmentHandlers:r?{}:{onChange:x},tabIndex:g}},je=(e,t)=>e.find((e=>e.type===t)),He=({"aria-describedby":e,"aria-invalid":a,"aria-label":n,"aria-labelledby":r,baseId:o,fieldRef:l,granularity:c="day",hasInsideLabel:d,isRequired:u,masks:p,onBlur:m,onCommit:y,onFocus:g,onInput:f,textAlign:b,value:h,variant:v="default"})=>{const x=i.useTranslationBundle("@oracle/oraclejet-preact"),D=x.inputDateMask_date_cleared(),S={month:x.formControl_month(),day:x.formControl_day(),year:x.formControl_year()},{direction:C,locale:T}=E.useUser(),{isDisabled:F,isFocused:k,isInputFocused:A}=V.useFormFieldContext(),R=void 0!==h,{classes:w}=H.useComponentTheme(Y.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:v,textarea:"notTextArea",input:"notInput",div:"isDiv",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"noEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:R?"hasValue":"noValue",focused:k?"isFocused":"notFocused",disabled:F?"isDisabled":"notDisabled"}),U=I.classNames([w]),{state:B,dispatch:O,dateResetRef:q}=(({ariaLabels:e,dateMasks:t,granularity:a,locale:n,value:r})=>{const i=t.filter((({type:e})=>"literal"!==e)).map((({type:e})=>e)),o=r?.year,l=r?.month,c=r?.day,d=N.getMonthsInYear(o??"*"),u=N.getDaysInMonth(l??"*",o??"*"),p=!(!o||!l||"month"!==a&&!c),m=!!o||!!l||!!c,y=o?le(o):void 0,g=l?le(l):void 0,f=c?le(c):void 0,b=l?ye(n,l,o):void 0,h=[{type:"day","aria-label":e.day,"aria-valuemin":N.MIN_ISO_DAY,"aria-valuemax":u,"aria-valuenow":c,"aria-valuetext":f,isComplete:!!c,isSelected:!1,text:f}],v={currentDate:r,isCompleteDate:p,isDateSelected:!1,isPartialDate:m,orderedSegments:i,segments:[{type:"year","aria-label":e.year,"aria-valuemin":N.MIN_ISO_YEAR,"aria-valuemax":N.MAX_ISO_YEAR,"aria-valuenow":o,"aria-valuetext":y,isComplete:!!o,isSelected:!1,text:y},{type:"month","aria-label":e.month,"aria-valuemin":N.MIN_ISO_MONTH,"aria-valuemax":d,"aria-valuenow":l,"aria-valuetext":b,isComplete:!!l,isSelected:!1,text:g},..."day"===a?h:[]]},[x,D]=s.useReducer(ie,v),S=s.useRef(r),C=s.useRef(!1);return P.calendarDatesAreDifferent(S.current,r)&&(S.current=r,P.calendarDatesAreDifferent(r,x.currentDate)&&(D({actionType:"reset",data:v}),C.current=!0)),{dateResetRef:C,dispatch:D,state:x}})({ariaLabels:S,dateMasks:p,granularity:c,locale:T,value:h}),{isDateSelected:K,isPartialDate:W,segments:$}=B,z={year:je($,"year"),month:je($,"month"),day:"day"===c?je($,"day"):void 0},X=s.useRef(null),{dateClearedRef:Z,dateFieldHandlers:G,segmentHandlers:J,tabIndex:Q}=Le({dateResetRef:q,direction:C,dispatch:O,groupRef:X,isDisabled:F,isFocused:k,isInputFocused:A,onCommit:y,onInput:f,state:B,value:h}),ee=void 0===h&&d&&!k,te=B.isCompleteDate?N.formatFullCalendarDate(T,B.currentDate,c):"",ae=`${o}-date`,se=B.isCompleteDate?t.jsx(_.HiddenAccessible,{id:ae,children:te}):void 0,oe=B.isCompleteDate?j.merge([e,ae]):e,ce=Z.current?D:"",de=B.orderedSegments[0];return t.jsxs("div",{"aria-describedby":oe,"aria-label":n,"aria-labelledby":r,class:U,onFocusIn:g,onFocusOut:m,ref:X,role:"group",tabIndex:Q,...G,children:[t.jsx(M.Flex,{direction:"row",wrap:"nowrap",justify:b,children:p.map((({type:e,value:s})=>{const n="literal"!==e?z[e]:{};return"literal"===e?t.jsx(re,{isHidden:ee,isHighlighted:K,isPlaceholder:!W,text:s}):t.jsx(ne,{inputRef:e===de?l:void 0,isDisabled:F,isInvalid:!!a,isHidden:ee,isHighlighted:K,isRequired:u,placeholder:s,type:e,...J,...n})}))}),se,t.jsx(L.LiveRegion,{children:ce})]})},Ne=b.createContext({isInputDatePickerParent:!1,isDropdownOpen:!1}),Be=()=>s.useContext(Ne),Oe=a.forwardRef((({"aria-describedby":e,assistiveText:a,columnSpan:n,endContent:r,granularity:o="day",helpSourceLink:l,helpSourceText:c,isDisabled:p,isReadonly:m,isRequired:y,isRequiredShown:g,label:f,labelEdge:b,labelStartWidth:h,mainFieldRef:v,messages:x,masks:D,testId:S,textAlign:C,userAssistanceDensity:T,value:F,variant:k,onCommit:I,onInput:A},R)=>{const{isDisabled:w,isReadonly:U,labelEdge:M,labelStartWidth:_,textAlign:L,userAssistanceDensity:j}=ee.useFormContext(),H=p??w,B=m??U,O=b??M,V=h??_,Y=C??L,W=T??j,$=s.useRef(null),G=s.useRef(null),{focusProps:Q,isFocused:ae,methods:se}=J.useFocusableTextField({isDisabled:H,isReadonly:B,enabledElementRef:$,readonlyElementRef:G});s.useImperativeHandle(R,(()=>se),[se]);const{isDropdownOpen:ne,isInputDatePickerParent:re}=Be(),ie=ae||re&&ne,{baseId:oe,formFieldContext:le,inputProps:ce,labelProps:de,textFieldProps:ue,userAssistanceProps:pe}=te.useTextField({ariaDescribedBy:e,helpSourceLink:l,helpSourceText:c,isDisabled:H,isFocused:ie,isReadonly:B,isRequiredShown:g,labelEdge:O,messages:x,styleVariant:k,userAssistanceDensity:W,value:F}),{forId:me,...ye}=de,{id:ge,...fe}=ce,be=ye.id,he=s.useCallback((()=>{$.current?.focus()}),[$]),ve="none"!==O?t.jsx(K.Label,{...H||B?{}:{onClick:he},...ye,children:f}):void 0,xe={label:"none"!==O?ve:void 0,labelEdge:"none"!==O?O:void 0,labelStartWidth:"none"!==O?V:void 0},De="none"===O?f:void 0,Se=void 0!==f&&"inside"===O,Ce="efficient"===W||"reflow"===W?H||B?"efficient"!==W?void 0:t.jsx(d.InlineUserAssistance,{userAssistanceDensity:W,...pe}):t.jsx(d.InlineUserAssistance,{assistiveText:a,fieldLabel:f,helpSourceLink:l,helpSourceText:c,messages:x,isRequiredShown:g,userAssistanceDensity:W,...pe}):void 0,Te=s.useRef(null),Fe=v??Te,ke="compact"===W?t.jsx(u.CompactUserAssistance,{anchorRef:Fe,messages:x,assistiveText:a,...pe}):void 0,{locale:Ie}=E.useUser(),Ae=i.useTranslationBundle("@oracle/oraclejet-preact"),Re=Ae.inputDateMask_monthPlaceholder(),we=Ae.inputDateMask_dayPlaceholder(),Pe=Ae.inputDateMask_yearPlaceholder();if(D&&("day"===o&&5!==D.length||"month"===o&&3!==D.length))throw new Error("Specified masks must match the granularity");const Ue=s.useMemo((()=>D?P.translateCustomMasks(D,Re,we,Pe):N.getDatePlaceholderMasks(Ie,o,Re,we,Pe)),[D,Ie,o,we,Re,Pe]);if(B)return t.jsx(q.FormFieldContext.Provider,{value:le,children:t.jsx(X.ReadonlyTextField,{role:"presentation",columnSpan:n,compactUserAssistance:ke,inlineUserAssistance:Ce,onBlur:Q.onFocusOut,onFocus:Q.onFocusIn,ref:Fe,testId:S,mainContent:t.jsx(z.ReadonlyTextFieldInput,{"aria-describedby":fe["aria-describedby"],"aria-label":De,"aria-labelledby":ye.id,as:"div",elementRef:G,textAlign:Y,value:void 0===F?"":N.formatShortCalendarDate(F,o,Ue),hasEmptyLabel:""===f&&"none"===O,hasInsideLabel:Se}),...xe})});const Ee=t.jsx(He,{"aria-label":De,"aria-labelledby":be,baseId:oe,fieldRef:$,granularity:o,hasInsideLabel:void 0!==ve&&"inside"===O,isRequired:y,masks:Ue,onCommit:I,onInput:A,textAlign:Y,value:F,...fe});return t.jsx(q.FormFieldContext.Provider,{value:le,children:t.jsx(Z.TextField,{columnSpan:n,compactUserAssistance:ke,endContent:r,inlineUserAssistance:Ce,mainContent:Ee,onBlur:Q.onFocusOut,onFocus:Q.onFocusIn,mainFieldRef:Fe,testId:S,...ue,...xe})})}));e.InputDateMask=Oe,e.InputDateMaskContext=Ne,e.useInputDateMaskContext=Be}));
 //# sourceMappingURL=InputDateMask-9aba967d.js.map

package/amd/InputDatePicker-6167ff45.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-9b725f49', './HiddenAccessible-037ef42d', './IconButton-81c8463f', './clientHints-030d25aa', './FormFieldContext-3c44aaaa', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-516b1b83', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-2a480664', './Flex-56ecdf4c', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-956e6d7d', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css', './Sheet-e6308643', './DatePicker-d7802b3e', './SectionedContent-6031f8f7', './stringUtils-0ae982c2', './FormContext-5130e198', './useFormContext-30acdd33', './useId-c9578d26', './getFormatParse-c1655d39', './maskUtils-550b6ac2', './calendarDateUtils-ee8bb928', './InputDateMask-9aba967d'], (function(e,s,t,a,n,o,r,i,l,d,c,u,m,p,h,y,f,b,C,D,S,k,x,A,v,g,F,T,V,I,w,P,U,M,R,j,_,B,H,E,N,L,O,Y,Z,W,z,G,q,J,K,Q,X,$,ee){"use strict";const se=({anchorRef:e,assistiveText:t,dayFormatter:n,daysOutsideMonth:o,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:c,isReadonly:m,label:p,onClose:h,onCommit:f,max:b,messages:C,min:D,monthAndYearPicker:S,testId:k,todayButton:x,todayTimeZone:A,userAssistanceDensity:v,value:g,weekDisplay:F})=>{const[T,V]=a.useState(!1),[I,w]=a.useState(c),P=a.useCallback((e=>{V(e.placement.startsWith("top"))}),[]);I!==c&&(w(c),c||V(!1));const U=te(),{datePicker_label:M}=u.useTranslationBundle("@oracle/oraclejet-preact"),R=M(),j=s.jsx(W.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:U?void 0:"auto",onCommit:f,max:b,min:D,maxWidth:U?"100%":void 0,width:"100%",monthAndYearPicker:S,testId:k,todayTimeZone:A,todayButton:x,value:g,weekDisplay:F}),_=!c||T&&!U||d||m||!(t||r||C&&C.length>0)||"efficient"!==v&&"reflow"!==v?void 0:s.jsx(l.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Y.userAssistanceStyles,children:s.jsx(y.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:C,userAssistanceDensity:v})})}),B=k?k+(U?"_sheet":"_dropdown"):void 0,H=s.jsx("div",{class:Y.dropdownStyles,children:s.jsx(z.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})});return U?s.jsx(Z.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:s.jsx(z.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})}):s.jsx(z.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:P,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:H})},te=()=>"phone"===i.getClientHints().deviceType,ae=e=>e&&$.isCompleteCalendarDate(e)?e:void 0,ne=(e,s)=>{switch(s.type){case"dateChanged":return{...e,dateValue:s.data,completeDateValue:ae(s.data)};case"dateSelected":return{...e,dateValue:s.data,completeDateValue:s.data};case"reset":return{completeDateValue:ae(s.data),dateValue:s.data};default:return e}},oe=({onCommit:e,onInput:s,value:t})=>{const[n,o]=a.useState(!1),r=a.useRef(null),i=a.useRef(null),l=a.useRef(!1),d=a.useRef(),c=a.useRef(t),u=a.useRef(t),m=a.useRef(t),p=a.useRef(!1),{state:h,dispatch:y}=(({value:e})=>{const[s,t]=a.useReducer(ne,{completeDateValue:ae(e),dateValue:e});return{state:s,dispatch:t}})({value:t});X.calendarDatesAreDifferent(m.current,t)&&(m.current=t,X.calendarDatesAreDifferent(t,h.dateValue)&&(y({type:"reset",data:t}),u.current=t,c.current=t)),a.useEffect((()=>{X.calendarDatesAreDifferent(h.dateValue,u.current)&&(s({previousValue:u.current,value:h.dateValue}),u.current=h.dateValue),p.current&&X.calendarDatesAreDifferent(h.dateValue,c.current)&&(e?.({previousValue:c.current,value:h.dateValue}),c.current=h.dateValue,p.current=!1)}),[e,s,h.dateValue]);const f=a.useCallback((e=>{y({type:"dateChanged",data:e.value})}),[y]),b=a.useCallback((()=>{X.calendarDatesAreDifferent(c.current,h.dateValue)&&(e?.({value:h.dateValue,previousValue:c.current}),c.current=h.dateValue)}),[e,h.dateValue]),C=a.useCallback((()=>{l.current||o((e=>!e)),l.current=!1}),[]),D=a.useCallback((e=>{"outsideMousedown"===e.reason?(l.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{l.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||r.current?.focus(),o(!1)}),[]);return{calendarIconActionHandler:C,datePickerCommitHandler:a.useCallback((e=>{r.current?.focus(),p.current=!0,y({type:"dateSelected",data:e.value}),o(!1)}),[y]),dropdownCloseHandler:D,completeDateValue:h.completeDateValue,dateValue:h.dateValue,iconRef:r,isOpen:n,maskCommitHandler:b,maskInputHandler:f,maskRef:i}},re=t.forwardRef((({"aria-describedby":e,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,max:y,messages:f,min:b,monthAndYearPicker:C,todayTimeZone:D,todayButton:S,value:k,onCommit:x,onInput:A,testId:v,userAssistanceDensity:g,weekDisplay:F,...T},V)=>{const{calendarIconActionHandler:I,datePickerCommitHandler:w,completeDateValue:P,dateValue:U,dropdownCloseHandler:M,iconRef:R,isOpen:j,maskCommitHandler:_,maskInputHandler:B,maskRef:H}=oe({onCommit:x,onInput:A,value:k}),E=a.useRef(null),{inputDatePicker_selectDate:N,inputDatePicker_instruction:L}=u.useTranslationBundle("@oracle/oraclejet-preact"),O=N(),{userAssistanceDensity:Y}=J.useFormContext(),Z=g??Y;a.useImperativeHandle(V,(()=>({focus:()=>{H.current?.focus()},blur:()=>{H.current?.blur()}})));const W=K.useId(),z=L(),q=m||p?void 0:s.jsx(o.HiddenAccessible,{id:W,isHidden:!0,children:z}),Q=m||p?e:G.merge([e,W]),X=s.jsx(r.IconButton,{"aria-haspopup":"dialog","aria-label":O,isDisabled:m,ref:R,size:"sm",testId:v?v+"_calendarIcon":void 0,variant:"ghost",onAction:I,children:s.jsx(n.SvgCalendar,{})}),$=j;return s.jsxs(s.Fragment,{children:[s.jsx(ee.InputDateMaskContext.Provider,{value:{isDropdownOpen:j,isInputDatePickerParent:!0},children:s.jsx(ee.InputDateMask,{"aria-describedby":Q,assistiveText:t,endContent:X,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,onCommit:_,onInput:B,mainFieldRef:E,messages:f,testId:v,ref:H,userAssistanceDensity:g,value:U,...T})}),q,$&&s.jsx(se,{anchorRef:E,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,isOpen:j,label:h,onClose:M,onCommit:w,max:y,messages:f,min:b,monthAndYearPicker:C,testId:v?v+"_datePicker":void 0,todayTimeZone:D,todayButton:S,userAssistanceDensity:Z,value:P,weekDisplay:F})]})}));e.InputDatePicker=re}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-9b725f49', './HiddenAccessible-037ef42d', './IconButton-81c8463f', './clientHints-030d25aa', './FormFieldContext-3c44aaaa', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-d07d4b20', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-2a480664', './Flex-3421f0df', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-639b3284', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-79293e46', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-059eb48a', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css', './Sheet-c6fc15b2', './DatePicker-dd358026', './SectionedContent-2b89af7b', './stringUtils-0ae982c2', './FormContext-5130e198', './useFormContext-30acdd33', './useId-c9578d26', './getFormatParse-c1655d39', './maskUtils-550b6ac2', './calendarDateUtils-ee8bb928', './InputDateMask-9aba967d'], (function(e,s,t,a,n,o,r,i,l,d,c,u,m,p,h,y,f,b,C,D,S,k,x,A,v,g,F,T,V,I,w,P,U,M,R,j,_,B,H,E,N,L,O,Y,Z,W,z,G,q,J,K,Q,X,$,ee){"use strict";const se=({anchorRef:e,assistiveText:t,dayFormatter:n,daysOutsideMonth:o,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:c,isReadonly:m,label:p,onClose:h,onCommit:f,max:b,messages:C,min:D,monthAndYearPicker:S,testId:k,todayButton:x,todayTimeZone:A,userAssistanceDensity:v,value:g,weekDisplay:F})=>{const[T,V]=a.useState(!1),[I,w]=a.useState(c),P=a.useCallback((e=>{V(e.placement.startsWith("top"))}),[]);I!==c&&(w(c),c||V(!1));const U=te(),{datePicker_label:M}=u.useTranslationBundle("@oracle/oraclejet-preact"),R=M(),j=s.jsx(W.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:U?void 0:"auto",onCommit:f,max:b,min:D,maxWidth:U?"100%":void 0,width:"100%",monthAndYearPicker:S,testId:k,todayTimeZone:A,todayButton:x,value:g,weekDisplay:F}),_=!c||T&&!U||d||m||!(t||r||C&&C.length>0)||"efficient"!==v&&"reflow"!==v?void 0:s.jsx(l.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Y.userAssistanceStyles,children:s.jsx(y.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:C,userAssistanceDensity:v})})}),B=k?k+(U?"_sheet":"_dropdown"):void 0,H=s.jsx("div",{class:Y.dropdownStyles,children:s.jsx(z.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})});return U?s.jsx(Z.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:s.jsx(z.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})}):s.jsx(z.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:P,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:H})},te=()=>"phone"===i.getClientHints().deviceType,ae=e=>e&&$.isCompleteCalendarDate(e)?e:void 0,ne=(e,s)=>{switch(s.type){case"dateChanged":return{...e,dateValue:s.data,completeDateValue:ae(s.data)};case"dateSelected":return{...e,dateValue:s.data,completeDateValue:s.data};case"reset":return{completeDateValue:ae(s.data),dateValue:s.data};default:return e}},oe=({onCommit:e,onInput:s,value:t})=>{const[n,o]=a.useState(!1),r=a.useRef(null),i=a.useRef(null),l=a.useRef(!1),d=a.useRef(),c=a.useRef(t),u=a.useRef(t),m=a.useRef(t),p=a.useRef(!1),{state:h,dispatch:y}=(({value:e})=>{const[s,t]=a.useReducer(ne,{completeDateValue:ae(e),dateValue:e});return{state:s,dispatch:t}})({value:t});X.calendarDatesAreDifferent(m.current,t)&&(m.current=t,X.calendarDatesAreDifferent(t,h.dateValue)&&(y({type:"reset",data:t}),u.current=t,c.current=t)),a.useEffect((()=>{X.calendarDatesAreDifferent(h.dateValue,u.current)&&(s({previousValue:u.current,value:h.dateValue}),u.current=h.dateValue),p.current&&X.calendarDatesAreDifferent(h.dateValue,c.current)&&(e?.({previousValue:c.current,value:h.dateValue}),c.current=h.dateValue,p.current=!1)}),[e,s,h.dateValue]);const f=a.useCallback((e=>{y({type:"dateChanged",data:e.value})}),[y]),b=a.useCallback((()=>{X.calendarDatesAreDifferent(c.current,h.dateValue)&&(e?.({value:h.dateValue,previousValue:c.current}),c.current=h.dateValue)}),[e,h.dateValue]),C=a.useCallback((()=>{l.current||o((e=>!e)),l.current=!1}),[]),D=a.useCallback((e=>{"outsideMousedown"===e.reason?(l.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{l.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||r.current?.focus(),o(!1)}),[]);return{calendarIconActionHandler:C,datePickerCommitHandler:a.useCallback((e=>{r.current?.focus(),p.current=!0,y({type:"dateSelected",data:e.value}),o(!1)}),[y]),dropdownCloseHandler:D,completeDateValue:h.completeDateValue,dateValue:h.dateValue,iconRef:r,isOpen:n,maskCommitHandler:b,maskInputHandler:f,maskRef:i}},re=t.forwardRef((({"aria-describedby":e,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,max:y,messages:f,min:b,monthAndYearPicker:C,todayTimeZone:D,todayButton:S,value:k,onCommit:x,onInput:A,testId:v,userAssistanceDensity:g,weekDisplay:F,...T},V)=>{const{calendarIconActionHandler:I,datePickerCommitHandler:w,completeDateValue:P,dateValue:U,dropdownCloseHandler:M,iconRef:R,isOpen:j,maskCommitHandler:_,maskInputHandler:B,maskRef:H}=oe({onCommit:x,onInput:A,value:k}),E=a.useRef(null),{inputDatePicker_selectDate:N,inputDatePicker_instruction:L}=u.useTranslationBundle("@oracle/oraclejet-preact"),O=N(),{userAssistanceDensity:Y}=J.useFormContext(),Z=g??Y;a.useImperativeHandle(V,(()=>({focus:()=>{H.current?.focus()},blur:()=>{H.current?.blur()}})));const W=K.useId(),z=L(),q=m||p?void 0:s.jsx(o.HiddenAccessible,{id:W,isHidden:!0,children:z}),Q=m||p?e:G.merge([e,W]),X=s.jsx(r.IconButton,{"aria-haspopup":"dialog","aria-label":O,isDisabled:m,ref:R,size:"sm",testId:v?v+"_calendarIcon":void 0,variant:"ghost",onAction:I,children:s.jsx(n.SvgCalendar,{})}),$=j;return s.jsxs(s.Fragment,{children:[s.jsx(ee.InputDateMaskContext.Provider,{value:{isDropdownOpen:j,isInputDatePickerParent:!0},children:s.jsx(ee.InputDateMask,{"aria-describedby":Q,assistiveText:t,endContent:X,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,onCommit:_,onInput:B,mainFieldRef:E,messages:f,testId:v,ref:H,userAssistanceDensity:g,value:U,...T})}),q,$&&s.jsx(se,{anchorRef:E,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,isOpen:j,label:h,onClose:M,onCommit:w,max:y,messages:f,min:b,monthAndYearPicker:C,testId:v?v+"_datePicker":void 0,todayTimeZone:D,todayButton:S,userAssistanceDensity:Z,value:P,weekDisplay:F})]})}));e.InputDatePicker=re}));
 //# sourceMappingURL=InputDatePicker-6167ff45.js.map

package/amd/InputPassword-bf533999.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useTextField-e6877c79', './useHover-7964884c', './Label-a4172af7', './TextFieldInput-d6645f5b', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-a51060bb', './TextField-51daf13e', './useTranslationBundle-516b1b83', 'css!./LiveRegionStyles.styles.css', './LayerHost-e95c5f30', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-2a480664', './CompactUserAssistance-a7b3ffc0', './useToggle-a29f97af', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'preact', 'css!./IconStyle.styles.css', './Popup-956e6d7d', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-c13664cd', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './RevealToggleIcon-c5b17f49'], (function(e,s,t,a,o,l,n,i,d,r,c,u,p,b,m,h,x,y,F,f,T,v,C,S,A,g,I,R,U,w,P,E,L,j,V,_,k,D,B,N,H,q,W,O,$,G,M,z){"use strict";const J=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:l="off",autoFocus:p=!1,columnSpan:y,hasClearIcon:F,hasRevealToggle:f="always",helpSourceLink:T,helpSourceText:v,isDisabled:C,isReadonly:S,isRequired:U=!1,isRequiredShown:w,label:P,labelEdge:E,labelStartWidth:L,messages:j,placeholder:V,textAlign:_,userAssistanceDensity:k,value:D,variant:B="default",onInput:N,onCommit:H,testId:q},J)=>{const{currentCommitValue:K,dispatch:Q}=G.useCurrentValueReducer({value:D}),X=a.useCallback((e=>{Q({type:"input",payload:e.value}),N?.(e)}),[N,Q]),Y=a.useCallback((e=>{Q({type:"commit",payload:e.value}),H?.(e)}),[H,Q]),{isDisabled:Z,isReadonly:ee,labelEdge:se,labelStartWidth:te,textAlign:ae,userAssistanceDensity:oe}=n.useFormContext(),le=C??Z,ne=S??ee,ie=E??se,de=L??te,re=_??ae,ce=k??oe,{bool:ue,setFalse:pe,setTrue:be}=I.useToggle(!1),me=a.useRef(null),he=a.useRef(null),{focusProps:xe,isFocused:ye,methods:Fe}=o.useFocusableTextField({enabledElementRef:me,readonlyElementRef:he,isDisabled:le,isReadonly:ne,onBlurWithin:pe}),{methods:fe}=M.useSelectableTextField(me);a.useImperativeHandle(J,(()=>R.mergeProps(Fe,fe)),[Fe,fe]);const{hoverProps:Te,isHover:ve}=r.useHover({isDisabled:ne||le||!1}),{formFieldContext:Ce,inputProps:Se,labelProps:Ae,textFieldProps:ge,userAssistanceProps:Ie}=d.useTextField({ariaDescribedBy:e,helpSourceLink:T,helpSourceText:v,isDisabled:le,isFocused:ye,isReadonly:ne,isRequiredShown:w,labelEdge:ie,messages:j,styleVariant:B,userAssistanceDensity:ce,value:D}),Re=a.useCallback((()=>{ue?pe():be()}),[ue,pe,be]),Ue=x.useTranslationBundle("@oracle/oraclejet-preact"),we=Ue.inputPassword_hidden(),Pe=Ue.inputPassword_show(),Ee=Ue.inputPassword_hide(),Le=le||"always"!==f?null:s.jsx(z.RevealToggleIcon,{accessibleLabel:we,isRevealed:ue,onToggle:Re,tooltipHide:Ee,tooltipShow:Pe,testId:`${q}_toggleicon`}),je=a.useCallback((()=>{me.current?.focus(),X?.({previousValue:D,value:""})}),[X,D,me]),Ve=W.useClearIcon({clearIcon:s.jsx($.ClearIcon,{onClick:je,testId:`${q}_clearicon`}),display:F,hasValue:Ce.hasValue,isFocused:ye,isEnabled:!ne&&!le,isHover:ve}),_e=O.beforeVNode(Le,Ve),ke="none"!==ie?s.jsx(c.Label,{...Ae,children:P}):void 0,De={label:"none"!==ie?ke:void 0,labelEdge:"none"!==ie?ie:void 0,labelStartWidth:"none"!==ie?de:void 0},Be="none"===ie?P:void 0,Ne="efficient"===ce||"reflow"===ce?le||ne?"efficient"!==ce?void 0:s.jsx(A.InlineUserAssistance,{userAssistanceDensity:ce,...Ie}):s.jsx(A.InlineUserAssistance,{assistiveText:t,helpSourceLink:T,helpSourceText:v,messages:j,isRequiredShown:w,userAssistanceDensity:ce,...Ie}):void 0,He=a.useRef(null),qe="compact"===ce?s.jsx(g.CompactUserAssistance,{anchorRef:He,messages:j,assistiveText:t,...Ie}):void 0;if(ne){const e=s.jsx(b.ReadonlyTextFieldInput,{"aria-describedby":Se["aria-describedby"],"aria-label":Be,"aria-labelledby":Ae.id,as:"input",autoFocus:p,elementRef:he,textAlign:re,type:"password",value:D,hasEmptyLabel:""===P&&"none"===ie,hasInsideLabel:void 0!==P&&"inside"===ie});return s.jsx(i.FormFieldContext.Provider,{value:Ce,children:s.jsx(m.ReadonlyTextField,{role:"presentation",columnSpan:y,compactUserAssistance:qe,inlineUserAssistance:Ne,ref:He,mainContent:e,testId:q,...De})})}const We=s.jsx(u.TextFieldInput,{"aria-label":Be,autoComplete:l,autoFocus:p,currentCommitValue:K,hasEndContent:!(!Ve&&!Le),hasEmptyLabel:""===P&&"none"===ie,hasInsideLabel:void 0!==ke&&"inside"===ie,inputRef:me,isRequired:U,onInput:X,onCommit:Y,placeholder:V,textAlign:re,value:D,type:ue?"text":"password",...Se});return s.jsx(i.FormFieldContext.Provider,{value:Ce,children:s.jsx(h.TextField,{columnSpan:y,endContent:_e,inlineUserAssistance:Ne,compactUserAssistance:qe,mainContent:We,onBlur:xe.onFocusOut,onFocus:xe.onFocusIn,mainFieldRef:He,testId:q,...ge,...De,...Te})})}));e.InputPassword=J}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useTextField-e6877c79', './useHover-7964884c', './Label-a4172af7', './TextFieldInput-d6645f5b', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-a51060bb', './TextField-51daf13e', './useTranslationBundle-d07d4b20', 'css!./LiveRegionStyles.styles.css', './LayerHost-639b3284', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-2a480664', './CompactUserAssistance-a7b3ffc0', './useToggle-a29f97af', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-79293e46', 'preact', 'css!./IconStyle.styles.css', './Popup-059eb48a', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-c13664cd', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './RevealToggleIcon-c5b17f49'], (function(e,s,t,a,o,l,n,i,d,r,c,u,p,b,m,h,x,y,F,f,T,v,C,S,A,g,I,R,U,w,P,E,L,j,V,_,k,D,B,N,H,q,W,O,$,G,M,z){"use strict";const J=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:l="off",autoFocus:p=!1,columnSpan:y,hasClearIcon:F,hasRevealToggle:f="always",helpSourceLink:T,helpSourceText:v,isDisabled:C,isReadonly:S,isRequired:U=!1,isRequiredShown:w,label:P,labelEdge:E,labelStartWidth:L,messages:j,placeholder:V,textAlign:_,userAssistanceDensity:k,value:D,variant:B="default",onInput:N,onCommit:H,testId:q},J)=>{const{currentCommitValue:K,dispatch:Q}=G.useCurrentValueReducer({value:D}),X=a.useCallback((e=>{Q({type:"input",payload:e.value}),N?.(e)}),[N,Q]),Y=a.useCallback((e=>{Q({type:"commit",payload:e.value}),H?.(e)}),[H,Q]),{isDisabled:Z,isReadonly:ee,labelEdge:se,labelStartWidth:te,textAlign:ae,userAssistanceDensity:oe}=n.useFormContext(),le=C??Z,ne=S??ee,ie=E??se,de=L??te,re=_??ae,ce=k??oe,{bool:ue,setFalse:pe,setTrue:be}=I.useToggle(!1),me=a.useRef(null),he=a.useRef(null),{focusProps:xe,isFocused:ye,methods:Fe}=o.useFocusableTextField({enabledElementRef:me,readonlyElementRef:he,isDisabled:le,isReadonly:ne,onBlurWithin:pe}),{methods:fe}=M.useSelectableTextField(me);a.useImperativeHandle(J,(()=>R.mergeProps(Fe,fe)),[Fe,fe]);const{hoverProps:Te,isHover:ve}=r.useHover({isDisabled:ne||le||!1}),{formFieldContext:Ce,inputProps:Se,labelProps:Ae,textFieldProps:ge,userAssistanceProps:Ie}=d.useTextField({ariaDescribedBy:e,helpSourceLink:T,helpSourceText:v,isDisabled:le,isFocused:ye,isReadonly:ne,isRequiredShown:w,labelEdge:ie,messages:j,styleVariant:B,userAssistanceDensity:ce,value:D}),Re=a.useCallback((()=>{ue?pe():be()}),[ue,pe,be]),Ue=x.useTranslationBundle("@oracle/oraclejet-preact"),we=Ue.inputPassword_hidden(),Pe=Ue.inputPassword_show(),Ee=Ue.inputPassword_hide(),Le=le||"always"!==f?null:s.jsx(z.RevealToggleIcon,{accessibleLabel:we,isRevealed:ue,onToggle:Re,tooltipHide:Ee,tooltipShow:Pe,testId:`${q}_toggleicon`}),je=a.useCallback((()=>{me.current?.focus(),X?.({previousValue:D,value:""})}),[X,D,me]),Ve=W.useClearIcon({clearIcon:s.jsx($.ClearIcon,{onClick:je,testId:`${q}_clearicon`}),display:F,hasValue:Ce.hasValue,isFocused:ye,isEnabled:!ne&&!le,isHover:ve}),_e=O.beforeVNode(Le,Ve),ke="none"!==ie?s.jsx(c.Label,{...Ae,children:P}):void 0,De={label:"none"!==ie?ke:void 0,labelEdge:"none"!==ie?ie:void 0,labelStartWidth:"none"!==ie?de:void 0},Be="none"===ie?P:void 0,Ne="efficient"===ce||"reflow"===ce?le||ne?"efficient"!==ce?void 0:s.jsx(A.InlineUserAssistance,{userAssistanceDensity:ce,...Ie}):s.jsx(A.InlineUserAssistance,{assistiveText:t,helpSourceLink:T,helpSourceText:v,messages:j,isRequiredShown:w,userAssistanceDensity:ce,...Ie}):void 0,He=a.useRef(null),qe="compact"===ce?s.jsx(g.CompactUserAssistance,{anchorRef:He,messages:j,assistiveText:t,...Ie}):void 0;if(ne){const e=s.jsx(b.ReadonlyTextFieldInput,{"aria-describedby":Se["aria-describedby"],"aria-label":Be,"aria-labelledby":Ae.id,as:"input",autoFocus:p,elementRef:he,textAlign:re,type:"password",value:D,hasEmptyLabel:""===P&&"none"===ie,hasInsideLabel:void 0!==P&&"inside"===ie});return s.jsx(i.FormFieldContext.Provider,{value:Ce,children:s.jsx(m.ReadonlyTextField,{role:"presentation",columnSpan:y,compactUserAssistance:qe,inlineUserAssistance:Ne,ref:He,mainContent:e,testId:q,...De})})}const We=s.jsx(u.TextFieldInput,{"aria-label":Be,autoComplete:l,autoFocus:p,currentCommitValue:K,hasEndContent:!(!Ve&&!Le),hasEmptyLabel:""===P&&"none"===ie,hasInsideLabel:void 0!==ke&&"inside"===ie,inputRef:me,isRequired:U,onInput:X,onCommit:Y,placeholder:V,textAlign:re,value:D,type:ue?"text":"password",...Se});return s.jsx(i.FormFieldContext.Provider,{value:Ce,children:s.jsx(h.TextField,{columnSpan:y,endContent:_e,inlineUserAssistance:Ne,compactUserAssistance:qe,mainContent:We,onBlur:xe.onFocusOut,onFocus:xe.onFocusIn,mainFieldRef:He,testId:q,...ge,...De,...Te})})}));e.InputPassword=J}));
 //# sourceMappingURL=InputPassword-bf533999.js.map

package/amd/InputText-a4234d1f.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useClearIcon-05225968', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useHover-7964884c', './useLengthFilter-ed8959a4', './useTextField-e6877c79', './Label-a4172af7', './PrefixSuffix-0efb3bc6', './usePrefixSuffix-09bd5925', './HiddenAccessible-037ef42d', './useId-c9578d26', './clientHints-030d25aa', './TextFieldInput-d6645f5b', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-a51060bb', './TextField-51daf13e', './MaxLengthLiveRegion-8954fc30', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-516b1b83', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-2a480664', './CompactUserAssistance-a7b3ffc0', './mergeProps-bcfa6a92', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'preact', 'css!./IconStyle.styles.css', './Popup-956e6d7d', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './componentUtils-c14d7fce', './ClearIcon-c13664cd', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,a,n,i,o,l,r,d,u,c,x,p,f,b,h,m,v,F,y,C,S,I,T,A,L,g,R,U,P,E,j,V,_,w,D,H,k,B,N,M,q,$,O,W,G,K,X,z,J){"use strict";const Q=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:m=!1,columnSpan:F,hasClearIcon:T="never",endContent:A,helpSourceLink:g,helpSourceText:R,isDisabled:U,isReadonly:V,isRequired:_=!1,isRequiredShown:w,label:D,labelEdge:H,labelStartWidth:k,maxLength:B,maxLengthUnit:N,messages:M,placeholder:q,prefix:$,role:O,startContent:W,suffix:G,textAlign:Q,userAssistanceDensity:Z,value:ee,variant:se="default",virtualKeyboard:te,onInput:ae,onCommit:ne,testId:ie},oe)=>{const le=L.useTranslationBundle("@oracle/oraclejet-preact"),re=B?le.formControl_limitReached({CHARACTER_LIMIT:B}):"",{currentCommitValue:de,dispatch:ue}=z.useCurrentValueReducer({value:ee}),ce=a.useCallback((e=>{ue({type:"input",payload:e.value}),ae?.(e)}),[ae,ue]),xe=a.useCallback((e=>{ue({type:"commit",payload:e.value}),ne?.(e)}),[ne,ue]),{isDisabled:pe,isReadonly:fe,labelEdge:be,labelStartWidth:he,textAlign:me,userAssistanceDensity:ve}=l.useFormContext(),Fe=U??pe,ye=V??fe,Ce=H??be,Se=k??he,Ie=Q??me,Te=Z??ve,Ae=a.useRef(h.useId()),Le=e?`${e} ${Ae.current}`:Ae.current,ge=[{detail:re,severity:"info"}],{isMaxLengthReached:Re,valueLength:Ue,onFilteredInput:Pe}=u.useLengthFilter({maxLength:B,maxLengthUnit:N,value:ee,onInput:ce,onCommit:xe}),Ee=[...M??[],...Re?ge:[]],je=a.useRef(null),Ve=a.useRef(null),{focusProps:_e,isFocused:we,methods:De}=i.useFocusableTextField({isDisabled:Fe,isReadonly:ye,enabledElementRef:je,readonlyElementRef:Ve}),{methods:He}=J.useSelectableTextField(je);a.useImperativeHandle(oe,(()=>j.mergeProps(De,He)),[De,He]);const{hoverProps:ke,isHover:Be}=d.useHover({isDisabled:ye||Fe||!1}),{baseId:Ne,formFieldContext:Me,inputProps:qe,labelProps:$e,textFieldProps:Oe,userAssistanceProps:We}=c.useTextField({ariaDescribedBy:ye||Fe?e:Le,helpSourceLink:g,helpSourceText:R,isDisabled:Fe,isFocused:we,isReadonly:ye,isRequiredShown:w,labelEdge:Ce,messages:Ee,styleVariant:se,userAssistanceDensity:Te,value:ee}),Ge=a.useCallback((()=>{je.current?.focus(),ce?.({previousValue:ee,value:""})}),[ce,ee,je]),Ke=n.useClearIcon({clearIcon:s.jsx(X.ClearIcon,{onClick:Ge,testId:`${ie}_clearicon`}),display:T,hasValue:Me.hasValue,isFocused:we,isEnabled:!ye&&!Fe,isHover:Be}),Xe=K.beforeVNode(A,Ke),ze=void 0!==D&&"inside"===Ce,{shouldRenderPrefix:Je,shouldRenderSuffix:Qe,prefixProps:Ye,suffixProps:Ze,valuePrefixSuffix:es,ariaLabelledBy:ss}=f.usePrefixSuffix({baseId:Ne,hasEndContent:void 0!==A,hasInsideLabel:ze,hasStartContent:void 0!==W,hasValue:Me.hasValue,isDisabled:Fe,isFocused:we,labelId:$e.id,prefix:$,suffix:G,value:ee}),ts=Je?s.jsx(p.PrefixSuffix,{...Ye}):void 0,as=Qe?s.jsx(p.PrefixSuffix,{...Ze}):void 0,ns="none"!==Ce?s.jsx(x.Label,{...$e,children:D}):void 0,is={label:"none"!==Ce?ns:void 0,labelEdge:"none"!==Ce?Ce:void 0,labelStartWidth:"none"!==Ce?Se:void 0},os="none"===Ce?D:void 0,ls="efficient"===Te||"reflow"===Te?Fe||ye?"efficient"!==Te?void 0:s.jsx(P.InlineUserAssistance,{userAssistanceDensity:Te,...We}):s.jsx(P.InlineUserAssistance,{assistiveText:t,fieldLabel:D,helpSourceLink:g,helpSourceText:R,messages:Ee,isRequiredShown:w,userAssistanceDensity:Te,...We}):void 0,rs=a.useRef(null),ds="compact"===Te?s.jsx(E.CompactUserAssistance,{anchorRef:rs,messages:Ee,assistiveText:t,...We}):void 0;if(ye){const e=s.jsx(y.ReadonlyTextFieldInput,{"aria-describedby":qe["aria-describedby"],"aria-label":os,"aria-labelledby":$e.id,as:"div",autoFocus:m,elementRef:Ve,textAlign:Ie,value:es,hasEmptyLabel:""===D&&"none"===Ce,hasInsideLabel:ze});return s.jsx(r.FormFieldContext.Provider,{value:Me,children:s.jsx(C.ReadonlyTextField,{role:"presentation",columnSpan:F,compactUserAssistance:ds,inlineUserAssistance:ls,onBlur:_e.onFocusOut,onFocus:_e.onFocusIn,ref:rs,mainContent:e,testId:ie,...is})})}const us=void 0!==B,cs=s.jsxs(s.Fragment,{children:[ts,s.jsx(v.TextFieldInput,{"aria-labelledby":ss,"aria-label":os,autoComplete:o,autoFocus:m,currentCommitValue:de,hasEmptyLabel:""===D&&"none"===Ce,hasEndContent:void 0!==A,hasInsideLabel:void 0!==ns&&"inside"===Ce,hasPrefix:void 0!==ts,hasStartContent:void 0!==W,hasSuffix:void 0!==as,inputRef:je,isRequired:_,placeholder:q,role:O,textAlign:Ie,type:Y()?te:void 0,value:Fe?es:ee,onCommit:xe,onInput:Pe,...qe}),as,us&&s.jsx(b.HiddenAccessible,{id:Ae.current,children:le.formControl_maxLength({MAX_LENGTH:`${B}`})}),us&&we&&s.jsx(I.MaxLengthLiveRegion,{maxLength:B,valueLength:Ue,testId:ie+"_remainingChars"})]});return s.jsx(r.FormFieldContext.Provider,{value:Me,children:s.jsx(S.TextField,{endContent:Xe,columnSpan:F,compactUserAssistance:ds,inlineUserAssistance:ls,mainContent:cs,onBlur:_e.onFocusOut,onFocus:_e.onFocusIn,startContent:W,mainFieldRef:rs,testId:ie,...Oe,...is,...ke})})}));function Y(){const e=m.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=Q}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useClearIcon-05225968', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useHover-7964884c', './useLengthFilter-ed8959a4', './useTextField-e6877c79', './Label-a4172af7', './PrefixSuffix-0efb3bc6', './usePrefixSuffix-f7544e05', './HiddenAccessible-037ef42d', './useId-c9578d26', './clientHints-030d25aa', './TextFieldInput-d6645f5b', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-a51060bb', './TextField-51daf13e', './MaxLengthLiveRegion-bb956138', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-d07d4b20', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-2a480664', './CompactUserAssistance-a7b3ffc0', './mergeProps-bcfa6a92', './LayerHost-639b3284', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-79293e46', 'preact', 'css!./IconStyle.styles.css', './Popup-059eb48a', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './componentUtils-c14d7fce', './ClearIcon-c13664cd', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,a,n,i,o,l,r,d,u,c,x,p,f,b,h,m,v,F,y,C,S,I,T,A,L,g,R,U,P,E,j,V,_,w,D,H,k,B,N,M,q,$,O,W,G,K,X,z,J){"use strict";const Q=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:m=!1,columnSpan:F,hasClearIcon:T="never",endContent:A,helpSourceLink:g,helpSourceText:R,isDisabled:U,isReadonly:V,isRequired:_=!1,isRequiredShown:w,label:D,labelEdge:H,labelStartWidth:k,maxLength:B,maxLengthUnit:N,messages:M,placeholder:q,prefix:$,role:O,startContent:W,suffix:G,textAlign:Q,userAssistanceDensity:Z,value:ee,variant:se="default",virtualKeyboard:te,onInput:ae,onCommit:ne,testId:ie},oe)=>{const le=L.useTranslationBundle("@oracle/oraclejet-preact"),re=B?le.formControl_limitReached({CHARACTER_LIMIT:B}):"",{currentCommitValue:de,dispatch:ue}=z.useCurrentValueReducer({value:ee}),ce=a.useCallback((e=>{ue({type:"input",payload:e.value}),ae?.(e)}),[ae,ue]),xe=a.useCallback((e=>{ue({type:"commit",payload:e.value}),ne?.(e)}),[ne,ue]),{isDisabled:pe,isReadonly:fe,labelEdge:be,labelStartWidth:he,textAlign:me,userAssistanceDensity:ve}=l.useFormContext(),Fe=U??pe,ye=V??fe,Ce=H??be,Se=k??he,Ie=Q??me,Te=Z??ve,Ae=a.useRef(h.useId()),Le=e?`${e} ${Ae.current}`:Ae.current,ge=[{detail:re,severity:"info"}],{isMaxLengthReached:Re,valueLength:Ue,onFilteredInput:Pe}=u.useLengthFilter({maxLength:B,maxLengthUnit:N,value:ee,onInput:ce,onCommit:xe}),Ee=[...M??[],...Re?ge:[]],je=a.useRef(null),Ve=a.useRef(null),{focusProps:_e,isFocused:we,methods:De}=i.useFocusableTextField({isDisabled:Fe,isReadonly:ye,enabledElementRef:je,readonlyElementRef:Ve}),{methods:He}=J.useSelectableTextField(je);a.useImperativeHandle(oe,(()=>j.mergeProps(De,He)),[De,He]);const{hoverProps:ke,isHover:Be}=d.useHover({isDisabled:ye||Fe||!1}),{baseId:Ne,formFieldContext:Me,inputProps:qe,labelProps:$e,textFieldProps:Oe,userAssistanceProps:We}=c.useTextField({ariaDescribedBy:ye||Fe?e:Le,helpSourceLink:g,helpSourceText:R,isDisabled:Fe,isFocused:we,isReadonly:ye,isRequiredShown:w,labelEdge:Ce,messages:Ee,styleVariant:se,userAssistanceDensity:Te,value:ee}),Ge=a.useCallback((()=>{je.current?.focus(),ce?.({previousValue:ee,value:""})}),[ce,ee,je]),Ke=n.useClearIcon({clearIcon:s.jsx(X.ClearIcon,{onClick:Ge,testId:`${ie}_clearicon`}),display:T,hasValue:Me.hasValue,isFocused:we,isEnabled:!ye&&!Fe,isHover:Be}),Xe=K.beforeVNode(A,Ke),ze=void 0!==D&&"inside"===Ce,{shouldRenderPrefix:Je,shouldRenderSuffix:Qe,prefixProps:Ye,suffixProps:Ze,valuePrefixSuffix:es,ariaLabelledBy:ss}=f.usePrefixSuffix({baseId:Ne,hasEndContent:void 0!==A,hasInsideLabel:ze,hasStartContent:void 0!==W,hasValue:Me.hasValue,isDisabled:Fe,isFocused:we,labelId:$e.id,prefix:$,suffix:G,value:ee}),ts=Je?s.jsx(p.PrefixSuffix,{...Ye}):void 0,as=Qe?s.jsx(p.PrefixSuffix,{...Ze}):void 0,ns="none"!==Ce?s.jsx(x.Label,{...$e,children:D}):void 0,is={label:"none"!==Ce?ns:void 0,labelEdge:"none"!==Ce?Ce:void 0,labelStartWidth:"none"!==Ce?Se:void 0},os="none"===Ce?D:void 0,ls="efficient"===Te||"reflow"===Te?Fe||ye?"efficient"!==Te?void 0:s.jsx(P.InlineUserAssistance,{userAssistanceDensity:Te,...We}):s.jsx(P.InlineUserAssistance,{assistiveText:t,fieldLabel:D,helpSourceLink:g,helpSourceText:R,messages:Ee,isRequiredShown:w,userAssistanceDensity:Te,...We}):void 0,rs=a.useRef(null),ds="compact"===Te?s.jsx(E.CompactUserAssistance,{anchorRef:rs,messages:Ee,assistiveText:t,...We}):void 0;if(ye){const e=s.jsx(y.ReadonlyTextFieldInput,{"aria-describedby":qe["aria-describedby"],"aria-label":os,"aria-labelledby":$e.id,as:"div",autoFocus:m,elementRef:Ve,textAlign:Ie,value:es,hasEmptyLabel:""===D&&"none"===Ce,hasInsideLabel:ze});return s.jsx(r.FormFieldContext.Provider,{value:Me,children:s.jsx(C.ReadonlyTextField,{role:"presentation",columnSpan:F,compactUserAssistance:ds,inlineUserAssistance:ls,onBlur:_e.onFocusOut,onFocus:_e.onFocusIn,ref:rs,mainContent:e,testId:ie,...is})})}const us=void 0!==B,cs=s.jsxs(s.Fragment,{children:[ts,s.jsx(v.TextFieldInput,{"aria-labelledby":ss,"aria-label":os,autoComplete:o,autoFocus:m,currentCommitValue:de,hasEmptyLabel:""===D&&"none"===Ce,hasEndContent:void 0!==A,hasInsideLabel:void 0!==ns&&"inside"===Ce,hasPrefix:void 0!==ts,hasStartContent:void 0!==W,hasSuffix:void 0!==as,inputRef:je,isRequired:_,placeholder:q,role:O,textAlign:Ie,type:Y()?te:void 0,value:Fe?es:ee,onCommit:xe,onInput:Pe,...qe}),as,us&&s.jsx(b.HiddenAccessible,{id:Ae.current,children:le.formControl_maxLength({MAX_LENGTH:`${B}`})}),us&&we&&s.jsx(I.MaxLengthLiveRegion,{maxLength:B,valueLength:Ue,testId:ie+"_remainingChars"})]});return s.jsx(r.FormFieldContext.Provider,{value:Me,children:s.jsx(S.TextField,{endContent:Xe,columnSpan:F,compactUserAssistance:ds,inlineUserAssistance:ls,mainContent:cs,onBlur:_e.onFocusOut,onFocus:_e.onFocusIn,startContent:W,mainFieldRef:rs,testId:ie,...Oe,...is,...ke})})}));function Y(){const e=m.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=Q}));
 //# sourceMappingURL=InputText-a4234d1f.js.map

package/amd/Label-a4172af7.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './classNames-08d99695', './FormContext-5130e198', './useFormContext-30acdd33', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', 'preact/hooks', './LayerHost-e95c5f30', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-56ecdf4c', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'css!./IconStyle.styles.css', './IconButton-81c8463f', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-956e6d7d', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-7db2fde2', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,o,t,a,n,l,d,i,r,c,m,p,u,F,h,y,b,S,T,x,C,A,U,g,w,E,N,L,f,I,M,V,_,B,R,D,j,k,P,v,O,W){"use strict";const q=({hasValue:e,readonly:o,disabled:t,isFocused:n,isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,userAssistanceDensity:p="reflow",variant:u="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:b,labelWrapping:S}=l.useFormContext(),T="inside"===u,x="textField"===F,{classes:C,styles:{uaDensityCompactLabel:A,uaDensityCompactLabelStart:U,uaDensityCompactLabelTopInside:g}}=d.useComponentTheme(W.LabelRedwoodTheme,{labelWrapping:S,position:u,inside:T?"isInside":"notInside",inEnabledForm:y&&!b?"isInEnabledForm":"notInEnabledForm",readonly:o?"isReadonly":"notReadonly",focused:n?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:b?"isReadonlyForm":"notReadonlyForm",textField:x?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||n?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:x?"isAnimated":"notAnimated",disabled:x&&t?"isDisabled":"nonDisabled",userAssistanceDensity:p}),{baseTheme:w}=d.useComponentTheme(O.TextFieldRedwoodTheme),E=a.classNames([A,"start"===u?U:g]),N=s.jsx("label",{...h,class:E});return"compact"===p?s.jsxs("div",{class:a.classNames([C,w]),children:["start"!==u&&N,s.jsx(k.CompactLabelAssistance,{isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,labelEdge:"top"===u||"start"===u?u:"inside"}),"start"===u&&N]}):s.jsx("label",{...h,class:a.classNames([C,w])})};e.Label=({forId:e,...o})=>{const{hasValue:a,isDisabled:n,isFocused:l,isReadonly:d}=t.useFormFieldContext();return s.jsx(q,{for:e,hasValue:a,disabled:n,isFocused:l,readonly:d,...o})}}));
+define(['exports', 'preact/jsx-runtime', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './classNames-08d99695', './FormContext-5130e198', './useFormContext-30acdd33', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', 'preact/hooks', './LayerHost-639b3284', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-3421f0df', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-79293e46', 'css!./IconStyle.styles.css', './IconButton-81c8463f', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-059eb48a', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-bc14e060', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,o,t,a,n,l,i,d,r,c,m,p,u,F,h,y,b,S,T,x,C,A,U,g,w,E,N,L,I,M,f,V,_,B,R,D,j,k,P,v,O,W){"use strict";const q=({hasValue:e,readonly:o,disabled:t,isFocused:n,isRequiredShown:d,helpIconId:r,helpSourceLink:c,helpSourceText:m,userAssistanceDensity:p="reflow",variant:u="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:b,labelWrapping:S}=l.useFormContext(),T="inside"===u,x="textField"===F,{classes:C,styles:{uaDensityCompactLabel:A,uaDensityCompactLabelStart:U,uaDensityCompactLabelTopInside:g}}=i.useComponentTheme(W.LabelRedwoodTheme,{labelWrapping:S,position:u,inside:T?"isInside":"notInside",inEnabledForm:y&&!b?"isInEnabledForm":"notInEnabledForm",readonly:o?"isReadonly":"notReadonly",focused:n?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:b?"isReadonlyForm":"notReadonlyForm",textField:x?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||n?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:x?"isAnimated":"notAnimated",disabled:x&&t?"isDisabled":"nonDisabled",userAssistanceDensity:p}),{baseTheme:w}=i.useComponentTheme(O.TextFieldRedwoodTheme),E=a.classNames([A,"start"===u?U:g]),N=s.jsx("label",{...h,class:E});return"compact"===p?s.jsxs("div",{class:a.classNames([C,w]),children:["start"!==u&&N,s.jsx(k.CompactLabelAssistance,{isRequiredShown:d,helpIconId:r,helpSourceLink:c,helpSourceText:m,labelEdge:"top"===u||"start"===u?u:"inside"}),"start"===u&&N]}):s.jsx("label",{...h,class:a.classNames([C,w])})};e.Label=({forId:e,...o})=>{const{hasValue:a,isDisabled:n,isFocused:l,isReadonly:i}=t.useFormFieldContext();return s.jsx(q,{for:e,hasValue:a,disabled:n,isFocused:l,readonly:i,...o})}}));
 //# sourceMappingURL=Label-a4172af7.js.map

package/amd/LabelValueLayout-194e64d9.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './Flex-56ecdf4c', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './size-a75b3f13', 'css!./LabelValueLayoutStyles.styles.css', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme'], (function(e,t,l,a,o,s,r,n,_,d,y,u,i,b,m,S){"use strict";var c="LabelValueLayoutStyles_labelInnerStyles_base__z3rxc55",h="LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56",x="LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57",L="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopRadioSetUA__z3rxc58",p="LabelValueLayoutStyles_labelInnerStyles_insideRadioSet__z3rxc59",T="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopCheckboxSetUA__z3rxc5a",F="LabelValueLayoutStyles_labelInnerStyles_insideCheckboxSet__z3rxc5b",C="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopFormComponentWrapperUA__z3rxc5c",V="LabelValueLayoutStyles_labelInnerStyles_insideFormComponentWrapper__z3rxc5d",z="LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5e",w="LabelValueLayoutStyles_labelSlotStyles_base__z3rxc50",R="LabelValueLayoutStyles_labelSlotStyles_start__z3rxc51",N="LabelValueLayoutStyles_labelSlotStyles_top__z3rxc52",W="LabelValueLayoutStyles_labelSlotStyles_topAndTopUA__z3rxc53",A="LabelValueLayoutStyles_labelSlotStyles_topPureReadonly__z3rxc54";e.LabelValueLayout=({label:e,labelEdge:o,children:r,labelStartWidth:d="33%",parentComponentVariant:I="textField",hasTopUserAssistance:U=!1})=>{const{baseTheme:f}=y.useComponentTheme(u.TextFieldRedwoodTheme),{baseTheme:k}=y.useComponentTheme(i.RadioRedwoodTheme),{baseTheme:E}=y.useComponentTheme(S.CheckboxRedwoodTheme),{baseTheme:j}=y.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:v}=y.useComponentTheme(m.FormLayoutRedwoodTheme),g=I.startsWith("text"),B="radioSet"===I,P="checkboxSet"===I,$="formComponentWrapper"===I,q="start"===o,D="top"===o||"inside"===o,G="inside"===o,H=_.sizeToCSS(d),J=`calc(100% - ${H})`,K=q?{flexBasis:H,width:H,maxWidth:H}:{},M=q?{flexBasis:J,width:J,maxWidth:J}:{},{isFormLayout:O,isReadonly:Q,labelWrapping:X}=s.useFormContext(),{isReadonly:Y}=n.useFormFieldContext(),Z=O&&Q||!O&&Y,ee=l.classNames([v,w,q&&R,D&&N,D&&U&&W,D&&Z&&A]),te=l.classNames([g&&f,B&&k,P&&E,(B||P||$)&&j,v,c,q&&h,g&&q&&!Z&&x,B&&G&&p,P&&G&&F,$&&G&&V,B&&q&&!U&&L,P&&q&&!U&&T,$&&q&&!Z&&!U&&C,"truncate"===X&&z]);return t.jsxs(a.Flex,{wrap:"wrap",align:Y&&q?"stretch":"start",children:[t.jsx("div",{class:ee,style:K,children:t.jsx("div",{class:te,children:e})}),t.jsx("div",{class:"LabelValueLayoutStyles_valueSlotStyles__z3rxc5f",style:M,children:r})]})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './Flex-3421f0df', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './size-a75b3f13', 'css!./LabelValueLayoutStyles.styles.css', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme'], (function(e,t,l,a,o,s,r,n,_,d,y,u,i,b,m,S){"use strict";var c="LabelValueLayoutStyles_labelInnerStyles_base__z3rxc55",h="LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56",x="LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57",L="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopRadioSetUA__z3rxc58",p="LabelValueLayoutStyles_labelInnerStyles_insideRadioSet__z3rxc59",T="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopCheckboxSetUA__z3rxc5a",F="LabelValueLayoutStyles_labelInnerStyles_insideCheckboxSet__z3rxc5b",C="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopFormComponentWrapperUA__z3rxc5c",V="LabelValueLayoutStyles_labelInnerStyles_insideFormComponentWrapper__z3rxc5d",z="LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5e",w="LabelValueLayoutStyles_labelSlotStyles_base__z3rxc50",R="LabelValueLayoutStyles_labelSlotStyles_start__z3rxc51",N="LabelValueLayoutStyles_labelSlotStyles_top__z3rxc52",W="LabelValueLayoutStyles_labelSlotStyles_topAndTopUA__z3rxc53",A="LabelValueLayoutStyles_labelSlotStyles_topPureReadonly__z3rxc54";e.LabelValueLayout=({label:e,labelEdge:o,children:r,labelStartWidth:d="33%",parentComponentVariant:I="textField",hasTopUserAssistance:f=!1})=>{const{baseTheme:U}=y.useComponentTheme(u.TextFieldRedwoodTheme),{baseTheme:k}=y.useComponentTheme(i.RadioRedwoodTheme),{baseTheme:E}=y.useComponentTheme(S.CheckboxRedwoodTheme),{baseTheme:j}=y.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:v}=y.useComponentTheme(m.FormLayoutRedwoodTheme),g=I.startsWith("text"),B="radioSet"===I,P="checkboxSet"===I,$="formComponentWrapper"===I,q="start"===o,D="top"===o||"inside"===o,G="inside"===o,H=_.sizeToCSS(d),J=`calc(100% - ${H})`,K=q?{flexBasis:H,width:H,maxWidth:H}:{},M=q?{flexBasis:J,width:J,maxWidth:J}:{},{isFormLayout:O,isReadonly:Q,labelWrapping:X}=s.useFormContext(),{isReadonly:Y}=n.useFormFieldContext(),Z=O&&Q||!O&&Y,ee=l.classNames([v,w,q&&R,D&&N,D&&f&&W,D&&Z&&A]),te=l.classNames([g&&U,B&&k,P&&E,(B||P||$)&&j,v,c,q&&h,g&&q&&!Z&&x,B&&G&&p,P&&G&&F,$&&G&&V,B&&q&&!f&&L,P&&q&&!f&&T,$&&q&&!Z&&!f&&C,"truncate"===X&&z]);return t.jsxs(a.Flex,{wrap:"wrap",align:Y&&q?"stretch":"start",children:[t.jsx("div",{class:ee,style:K,children:t.jsx("div",{class:te,children:e})}),t.jsx("div",{class:"LabelValueLayoutStyles_valueSlotStyles__z3rxc5f",style:M,children:r})]})}}));
 //# sourceMappingURL=LabelValueLayout-194e64d9.js.map

package/amd/{Layer-276d62e8.js → Layer-e835aed8.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-e95c5f30', './classNames-08d99695', './UNSAFE_Layer/themes/LayerStyles.css', './useThemeInterpolations-b1d98ea4'], (function(e,t,r,s,o,a,n){"use strict";const l=Symbol.for("oj-logical-parent");e.LOGICAL_PARENT=l,e.Layer=({children:e,logicalParentRef:c,priority:i="popup",level:y="nearestAncestor"})=>{const u=r.useContext(s.LayerContext),[p,d]=r.useState(null),L=r.useRef(null),m=e=>{L.current=e,d(e)},g=n.useThemeInterpolations();let f=a.styles.popupPriorityStyle;switch(i){case"dialog":f=a.styles.dialogPriorityStyle;break;case"messages":f=a.styles.messagesPriorityStyle;break;default:f=a.styles.popupPriorityStyle}const S=o.classNames([g,a.baseStyle,f]);r.useLayoutEffect((()=>{const e="topLevel"===y?u.getRootLayerHost?.(i):u.getLayerHost?.(i);if(!e)return;const t=(e.ownerDocument??document).createElement("div");return t.setAttribute("data-oj-layer","true"),c&&(t[l]=c.current),e.appendChild(t),m(t),()=>{e&&t&&e.contains(t)&&(delete t[l],e.removeChild(t)),u.onLayerUnmount&&u.onLayerUnmount(t),m(null)}}),[c,u,y,i]),p&&(p.className=S);const b=()=>p;let h={};return u.getLayerHost&&(h={getRootLayerHost:u.getRootLayerHost?.bind(null,i),getLayerHost:b.bind(null)}),t.jsx(s.LayerContext.Provider,{value:h,children:p&&r.createPortal(e,p)})}}));
-//# sourceMappingURL=Layer-276d62e8.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-639b3284', './classNames-08d99695', './UNSAFE_Layer/themes/LayerStyles.css', './useThemeInterpolations-e20f8cfa'], (function(e,t,r,s,o,a,n){"use strict";const l=Symbol.for("oj-logical-parent");e.LOGICAL_PARENT=l,e.Layer=({children:e,logicalParentRef:c,priority:i="popup",level:y="nearestAncestor"})=>{const u=r.useContext(s.LayerContext),[p,L]=r.useState(null),d=r.useRef(null),m=e=>{d.current=e,L(e)},g=n.useThemeInterpolations();let f=a.styles.popupPriorityStyle;switch(i){case"dialog":f=a.styles.dialogPriorityStyle;break;case"messages":f=a.styles.messagesPriorityStyle;break;default:f=a.styles.popupPriorityStyle}const S=o.classNames([g,a.baseStyle,f]);r.useLayoutEffect((()=>{const e="topLevel"===y?u.getRootLayerHost?.(i):u.getLayerHost?.(i);if(!e)return;const t=(e.ownerDocument??document).createElement("div");return t.setAttribute("data-oj-layer","true"),c&&(t[l]=c.current),e.appendChild(t),m(t),()=>{e&&t&&e.contains(t)&&(delete t[l],e.removeChild(t)),u.onLayerUnmount&&u.onLayerUnmount(t),m(null)}}),[c,u,y,i]),p&&(p.className=S);const b=()=>p;let h={};return u.getLayerHost&&(h={getRootLayerHost:u.getRootLayerHost?.bind(null,i),getLayerHost:b.bind(null)}),t.jsx(s.LayerContext.Provider,{value:h,children:p&&r.createPortal(e,p)})}}));
+//# sourceMappingURL=Layer-e835aed8.js.map

package/amd/{Layer-276d62e8.js.map → Layer-e835aed8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Layer-276d62e8.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, RefObject } from 'preact';\nimport { createPortal, useContext, useLayoutEffect, useState, useRef } from 'preact/compat';\nimport { LayerContext, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | null;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\ntype LayerElement = HTMLDivElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const context = useContext(LayerContext);\n\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations();\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', 'true');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = logicalParentRef.current;\n    }\n    // layer.style.position = 'relative';\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = () => {\n    return layerContainer;\n  };\n\n  let newLayerContext = {};\n\n  if (context.getLayerHost) {\n    newLayerContext = {\n      getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n      getLayerHost: getLayerHost.bind(null)\n    };\n  }\n\n  return (\n    <LayerContext.Provider value={newLayerContext}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["LOGICAL_PARENT","Symbol","for","children","logicalParentRef","priority","level","context","useContext","LayerContext","layerContainer","_setLayerContainer","useState","layerContainerRef","useRef","setLayerContainer","elem","current","themeClasses","useThemeInterpolations","priorityStyle","styles","popupPriorityStyle","dialogPriorityStyle","messagesPriorityStyle","classes","classNames","baseStyle","useLayoutEffect","host","getRootLayerHost","getLayerHost","layer","ownerDocument","document","createElement","setAttribute","appendChild","contains","removeChild","onLayerUnmount","className","newLayerContext","bind","_jsx","Provider","value","createPortal"],"mappings":"yNAOa,MAAAA,EAAiBC,OAAOC,IAAI,gDA6B3B,EACZC,WACAC,mBACAC,WAAW,QACXC,QAAQ,sBAER,MAAMC,EAAUC,aAAWC,EAAAA,eAEpBC,EAAgBC,GAAsBC,EAAQA,SAAiB,MAChEC,EAAoBC,SAAuB,MAE3CC,EAAqBC,IACzBH,EAAkBI,QAAUD,EAC5BL,EAAmBK,EAAK,EAKpBE,EAAeC,EAAAA,yBAErB,IAAIC,EAAgBC,EAAMA,OAACC,mBAE3B,OAAQjB,GACN,IAAK,SACHe,EAAgBC,EAAMA,OAACE,oBACvB,MAEF,IAAK,WACHH,EAAgBC,EAAMA,OAACG,sBACvB,MAEF,QACEJ,EAAgBC,EAAMA,OAACC,mBAK3B,MAAMG,EAAUC,EAAAA,WAAW,CAACR,EAAcS,EAASA,UAAEP,IAIrDQ,EAAAA,iBAAgB,KACd,MAAMC,EACM,aAAVvB,EACIC,EAAQuB,mBAAmBzB,GAC3BE,EAAQwB,eAAe1B,GAE7B,IAAKwB,EAAM,OACX,MACMG,GADMH,EAAKI,eAAiBC,UACFC,cAAc,OAW9C,OATAH,EAAMI,aAAa,gBAAiB,QAEhChC,IACF4B,EAAMhC,GAAkBI,EAAiBa,SAG3CY,EAAKQ,YAAYL,GACjBjB,EAAkBiB,GAEX,KACDH,GAAQG,GAASH,EAAKS,SAASN,YAC1BA,EAAMhC,GACb6B,EAAKU,YAAYP,IAEfzB,EAAQiC,gBACVjC,EAAQiC,eAAeR,GAEzBjB,EAAkB,KAAK,CACxB,GACA,CAACX,EAAkBG,EAASD,EAAOD,IAGlCK,IAEFA,EAAe+B,UAAYhB,GAG7B,MAAMM,EAAe,IACZrB,EAGT,IAAIgC,EAAkB,CAAA,EAStB,OAPInC,EAAQwB,eACVW,EAAkB,CAChBZ,iBAAkBvB,EAAQuB,kBAAkBa,KAAK,KAAMtC,GACvD0B,aAAcA,EAAaY,KAAK,QAKlCC,MAACnC,EAAYA,aAACoC,SAAS,CAAAC,MAAOJ,EAAevC,SAC1CO,GAAkBqC,EAAAA,aAAa5C,EAAUO,IAE5C"}
+{"version":3,"file":"Layer-e835aed8.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, RefObject } from 'preact';\nimport { createPortal, useContext, useLayoutEffect, useState, useRef } from 'preact/compat';\nimport { LayerContext, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | null;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\ntype LayerElement = HTMLDivElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const context = useContext(LayerContext);\n\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations();\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', 'true');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = logicalParentRef.current;\n    }\n    // layer.style.position = 'relative';\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = () => {\n    return layerContainer;\n  };\n\n  let newLayerContext = {};\n\n  if (context.getLayerHost) {\n    newLayerContext = {\n      getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n      getLayerHost: getLayerHost.bind(null)\n    };\n  }\n\n  return (\n    <LayerContext.Provider value={newLayerContext}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["LOGICAL_PARENT","Symbol","for","children","logicalParentRef","priority","level","context","useContext","LayerContext","layerContainer","_setLayerContainer","useState","layerContainerRef","useRef","setLayerContainer","elem","current","themeClasses","useThemeInterpolations","priorityStyle","styles","popupPriorityStyle","dialogPriorityStyle","messagesPriorityStyle","classes","classNames","baseStyle","useLayoutEffect","host","getRootLayerHost","getLayerHost","layer","ownerDocument","document","createElement","setAttribute","appendChild","contains","removeChild","onLayerUnmount","className","newLayerContext","bind","_jsx","Provider","value","createPortal"],"mappings":"yNAOa,MAAAA,EAAiBC,OAAOC,IAAI,gDA6B3B,EACZC,WACAC,mBACAC,WAAW,QACXC,QAAQ,sBAER,MAAMC,EAAUC,aAAWC,EAAAA,eAEpBC,EAAgBC,GAAsBC,EAAQA,SAAiB,MAChEC,EAAoBC,SAAuB,MAE3CC,EAAqBC,IACzBH,EAAkBI,QAAUD,EAC5BL,EAAmBK,EAAK,EAKpBE,EAAeC,EAAAA,yBAErB,IAAIC,EAAgBC,EAAMA,OAACC,mBAE3B,OAAQjB,GACN,IAAK,SACHe,EAAgBC,EAAMA,OAACE,oBACvB,MAEF,IAAK,WACHH,EAAgBC,EAAMA,OAACG,sBACvB,MAEF,QACEJ,EAAgBC,EAAMA,OAACC,mBAK3B,MAAMG,EAAUC,EAAAA,WAAW,CAACR,EAAcS,EAASA,UAAEP,IAIrDQ,EAAAA,iBAAgB,KACd,MAAMC,EACM,aAAVvB,EACIC,EAAQuB,mBAAmBzB,GAC3BE,EAAQwB,eAAe1B,GAE7B,IAAKwB,EAAM,OACX,MACMG,GADMH,EAAKI,eAAiBC,UACFC,cAAc,OAW9C,OATAH,EAAMI,aAAa,gBAAiB,QAEhChC,IACF4B,EAAMhC,GAAkBI,EAAiBa,SAG3CY,EAAKQ,YAAYL,GACjBjB,EAAkBiB,GAEX,KACDH,GAAQG,GAASH,EAAKS,SAASN,YAC1BA,EAAMhC,GACb6B,EAAKU,YAAYP,IAEfzB,EAAQiC,gBACVjC,EAAQiC,eAAeR,GAEzBjB,EAAkB,KAAK,CACxB,GACA,CAACX,EAAkBG,EAASD,EAAOD,IAGlCK,IAEFA,EAAe+B,UAAYhB,GAG7B,MAAMM,EAAe,IACZrB,EAGT,IAAIgC,EAAkB,CAAA,EAStB,OAPInC,EAAQwB,eACVW,EAAkB,CAChBZ,iBAAkBvB,EAAQuB,kBAAkBa,KAAK,KAAMtC,GACvD0B,aAAcA,EAAaY,KAAK,QAKlCC,MAACnC,EAAYA,aAACoC,SAAS,CAAAC,MAAOJ,EAAevC,SAC1CO,GAAkBqC,EAAAA,aAAa5C,EAAUO,IAE5C"}

package/amd/{LayerHost-e95c5f30.js → LayerHost-639b3284.js}

@@ -1,2 +1,2 @@
-define(['exports', './Common/themes/redwood/theme', 'preact', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,o,r,n){"use strict";const c={user:{locale:document.documentElement.getAttribute("lang")||"en",direction:"rtl"===document.documentElement.getAttribute("dir")?.toLowerCase()?"rtl":"ltr",forcedColors:window.matchMedia?.("(forced-colors: active)")?.matches?"active":"none"},theme:t.Redwood,colorScheme:"light",scale:"lg",currentBgColor:void 0,mode:"production",density:"standard"},d=o.createContext(c),a=o.createContext({}),i=n.forwardRef(((e,t)=>r.jsx("div",{id:"__root_layer_host",ref:t})));i.displayName="Forwarded<LayerHost>",e.DefaultEnvironment=c,e.EnvironmentContext=d,e.LayerContext=a,e.LayerHost=i}));
-//# sourceMappingURL=LayerHost-e95c5f30.js.map
+define(['exports', 'preact', './Common/themes/redwood/theme', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,o,r,n){"use strict";const c={user:{locale:document.documentElement.getAttribute("lang")||"en",direction:"rtl"===document.documentElement.getAttribute("dir")?.toLowerCase()?"rtl":"ltr",forcedColors:window.matchMedia?.("(forced-colors: active)")?.matches?"active":"none"},theme:o.Redwood,colorScheme:"light",scale:"lg",currentBgColor:void 0,mode:"production",density:"standard"},d=t.createContext(c),a=t.createContext({}),i=n.forwardRef(((e,t)=>r.jsx("div",{id:"__root_layer_host",ref:t})));i.displayName="Forwarded<LayerHost>",e.DefaultEnvironment=c,e.EnvironmentContext=d,e.LayerContext=a,e.LayerHost=i}));
+//# sourceMappingURL=LayerHost-639b3284.js.map

package/amd/{LayerHost-e95c5f30.js.map → LayerHost-639b3284.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LayerHost-e95c5f30.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.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 { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n */\ntype Mode = 'test' | 'production';\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n  /**\n   * user - supports user preferences\n   */\n  user?: Partial<User>;\n  /**\n   * theme - supports theme settings\n   */\n  theme?: Theme;\n  /**\n   * translations - supports translation bundles\n   */\n  translations?: Translations;\n  /**\n   * mode - the application's configured mode\n   */\n  mode?: Mode;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = Partial<ThemeModifiers> & {\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n  user: User;\n  theme: Theme;\n  translations?: Translations;\n  mode: Mode;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction:\n      document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: Redwood,\n  colorScheme: 'light',\n  scale: 'lg',\n  currentBgColor: undefined,\n  mode: 'production',\n  density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' | 'topLevel';\nexport type LayerPriority = 'popup' | 'dialog' | 'messages';\n\nexport type LayerContextProps = {\n  getRootLayerHost?: (priority?: LayerPriority) => Element;\n  getLayerHost?: (priority?: LayerPriority) => Element;\n  onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__root_layer_host\" ref={ref} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["DefaultEnvironment","user","locale","document","documentElement","getAttribute","direction","toLowerCase","forcedColors","window","matchMedia","matches","theme","Redwood","colorScheme","scale","currentBgColor","undefined","mode","density","EnvironmentContext","createContext","LayerContext","LayerHost","forwardRef","_props","ref","_jsx","id","displayName"],"mappings":"mIAwFa,MAAAA,EAA8C,CACzDC,KAAM,CACJC,OAAQC,SAASC,gBAAgBC,aAAa,SAAW,KACzDC,UACkE,QAAhEH,SAASC,gBAAgBC,aAAa,QAAQE,cAA0B,MAAQ,MAClFC,aAAcC,OAAOC,aAAa,4BAA4BC,QAAU,SAAW,QAErFC,MAAOC,EAAOA,QACdC,YAAa,QACbC,MAAO,KACPC,oBAAgBC,EAChBC,KAAM,aACNC,QAAS,YAGEC,EAAqBC,EAAaA,cAA0BrB,GC5F5DsB,EAAeD,EAAaA,cAAoB,CAAE,GCLzDE,EAAYC,EAAUA,YAAiB,CAACC,EAAQC,IAC7CC,EAAAA,IAAA,MAAA,CAAKC,GAAG,oBAAoBF,IAAKA,MAG1CH,EAAUM,YAAc"}
+{"version":3,"file":"LayerHost-639b3284.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.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 { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n */\ntype Mode = 'test' | 'production';\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n  /**\n   * user - supports user preferences\n   */\n  user?: Partial<User>;\n  /**\n   * theme - supports theme settings\n   */\n  theme?: Theme;\n  /**\n   * translations - supports translation bundles\n   */\n  translations?: Translations;\n  /**\n   * mode - the application's configured mode\n   */\n  mode?: Mode;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = Partial<ThemeModifiers> & {\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n  user: User;\n  theme: Theme;\n  translations?: Translations;\n  mode: Mode;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction:\n      document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: Redwood,\n  colorScheme: 'light',\n  scale: 'lg',\n  currentBgColor: undefined,\n  mode: 'production',\n  density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' | 'topLevel';\nexport type LayerPriority = 'popup' | 'dialog' | 'messages';\n\nexport type LayerContextProps = {\n  getRootLayerHost?: (priority?: LayerPriority) => Element;\n  getLayerHost?: (priority?: LayerPriority) => Element;\n  onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__root_layer_host\" ref={ref} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["DefaultEnvironment","user","locale","document","documentElement","getAttribute","direction","toLowerCase","forcedColors","window","matchMedia","matches","theme","Redwood","colorScheme","scale","currentBgColor","undefined","mode","density","EnvironmentContext","createContext","LayerContext","LayerHost","forwardRef","_props","ref","_jsx","id","displayName"],"mappings":"mIAwFa,MAAAA,EAA8C,CACzDC,KAAM,CACJC,OAAQC,SAASC,gBAAgBC,aAAa,SAAW,KACzDC,UACkE,QAAhEH,SAASC,gBAAgBC,aAAa,QAAQE,cAA0B,MAAQ,MAClFC,aAAcC,OAAOC,aAAa,4BAA4BC,QAAU,SAAW,QAErFC,MAAOC,EAAOA,QACdC,YAAa,QACbC,MAAO,KACPC,oBAAgBC,EAChBC,KAAM,aACNC,QAAS,YAGEC,EAAqBC,EAAaA,cAA0BrB,GC5F5DsB,EAAeD,EAAaA,cAAoB,CAAE,GCLzDE,EAAYC,EAAUA,YAAiB,CAACC,EAAQC,IAC7CC,EAAAA,IAAA,MAAA,CAAKC,GAAG,oBAAoBF,IAAKA,MAG1CH,EAAUM,YAAc"}