@oracle/oraclejet-preact 17.0.1 → 17.0.3

package/amd/{Indexer-51d51cda.js → Indexer-204a6d88.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-1f27b601', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-00f81f0b', './useCollectionFocusRing-64636529', './collectionUtils-6740111c', './useId-c9578d26', './useTranslationBundle-6ef0dab6', './HiddenAccessible-037ef42d', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-82cf22a4', './Collection-46cfa244'], (function(e,t,s,n,r,o,a,c,l,i,u,d,f,y,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=y.classNames([l]),u=r.data.label||r.data.key,f=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${u}`}):`${u}`;return t.jsx("li",{...c,class:i,"data-oj-valuetext":f,"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=y.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:f}}=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=y.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:f})})})}));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:y,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:y,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(f.HiddenAccessible,{children:t.jsx("span",{id:M,children:K(q)})})]})},e.SECTION_OTHERS=m}));
-//# sourceMappingURL=Indexer-51d51cda.js.map
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-db3ddadb', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-26170e5e', './useCollectionFocusRing-64636529', './collectionUtils-6740111c', './useId-c9578d26', './useTranslationBundle-20bfc0f3', './HiddenAccessible-037ef42d', './Collection-46cfa244', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-f3b8b319'], (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-204a6d88.js.map

package/amd/{Indexer-51d51cda.js.map → Indexer-204a6d88.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Indexer-51d51cda.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-204a6d88.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":"4hBA4Ca,MAAAA,EAAkCC,OAAOC,OAAO,CAC3DC,IAAK,aACLC,MAAO,MAGIC,EAAgB,gBAUhBC,EAAcC,EAAUA,YACnC,CAA4BC,EAAwBC,KAClD,MAAMC,EAAeC,uBAAiC,6BAEhDC,QAAEA,EAAOC,YAAEA,GAAgBL,EAC3BM,EAAaF,EAAQG,KAAKZ,MAAQU,EAClCG,EAAcC,EAAeT,EAAOC,IAEpCS,QAAEA,GAAYC,EAAiBA,kBACnCC,sBACA,CACEC,QAASL,EAAYP,KAAOO,EAAYM,mBAAqB,YAAc,aAC3EC,SAAUX,EAAQG,KAAKS,WAAa,aAAe,cACnDC,SAAUX,EAAa,aAAe,gBAGpCY,EAAcC,EAAAA,WAAW,CAACT,IAE1BU,EAAehB,EAAQG,KAAKX,OAASQ,EAAQG,KAAKZ,IAClD0B,EAAYjB,EAAQG,KAAKS,WAC3Bd,EAAaoB,sBAAsB,CAAEC,QAAS,GAAGH,MACjD,GAAGA,IAEP,OACEI,EAAAC,IAAA,KAAA,IACMjB,EACJkB,MAAOR,EAAW,oBACCG,EAAS,mBACVjB,EAAQG,KAAKS,WAAUW,SACxCvB,EAAQG,KAAKX,OAASQ,EAAQG,KAAKZ,KAEtC,IAIN,SAASc,GACPL,QAAEA,EAAOwB,WAAEA,EAAUC,SAAEA,EAAQf,mBAAEA,GACjCb,GAGA,MAAO,IADWG,EAAQG,KAAKZ,MAAQiC,GAEpB,CAAE3B,OACnBN,IAAKS,EAAQG,KAAKZ,IAClB,cAAeS,EAAQG,KAAKZ,IAC5B,0BAA2BS,EAAQG,KAAKZ,IACxC,mBAAoBkC,EACpBf,qBAAsBA,EAE1B,CAOO,MAAMgB,EAAkB/B,EAAUA,YACvC,EACIgC,kBAAiBC,GACnB/B,KAEA,MAAMO,EAAc,IAAKwB,EAAc/B,OACvC,OACEgC,EAACC,KAAAC,EAAQA,SACP,CAAAR,SAAA,CAAAH,EAAAA,IAAC1B,EAAgB,IAAAU,IACjBgB,MAACY,EAAU,IACL5B,EACJP,IAAKA,EACLG,QAAS,CAAEiC,OAAQ,EAAG9B,KAAMf,GAC5BqC,SAAUE,MAGd,IAIAK,EAAarC,EAAUA,YAAC,CAAKC,EAAwBC,KACzD,MAAMG,QAAEA,EAAOC,YAAEA,GAAgBL,EAC3BQ,EAAcC,EAAeT,EAAOC,GAEpCK,EAAaF,EAAQG,KAAKZ,MAAQU,GAClCK,QAAEA,GAAYC,EAAiBA,kBAA4BC,sBAAqB,CACpFC,QAASL,EAAYP,KAAOO,EAAYM,mBAAqB,YAAc,aAC3EG,SAAUX,EAAa,aAAe,gBAElCgC,EAAgBnB,EAAAA,WAAW,CAACT,IAC5B6B,EAAkB/C,EAAeI,MAEvC,OACE4B,EAAQC,IAAA,KAAA,IAAAjB,EAAakB,MAAOY,EAAa,oBAAqBC,EAAeZ,SAC1EvB,EAAQG,KAAKX,OAEhB,IASS4C,EAAgBzC,EAAUA,YACrC,CAA4BC,EAA0BC,KACpD,MAAMC,EAAeC,uBAAiC,6BAEhDC,QAAEA,EAAOqC,SAAEA,GAAazC,EACxBQ,EAAcC,EAAeT,EAAOC,IACpCyC,KAAEA,EAAIC,GAAEA,GAAOC,EAAkB5C,IACjCU,QACJA,EACAmC,QAAQC,SAAEA,IACRnC,EAAiBA,kBAA2CC,sBAAqB,CACnFC,QAASL,EAAYP,KAAOO,EAAYM,mBAAqB,YAAc,eAG7E,IAAKiC,EAAoB3C,EAAQiC,MAAOK,EAAMC,GAC5C,OAAO,KAGT,MAAMK,EAAWP,EAASC,GAAM9C,OAAS6C,EAASC,GAAM/C,IAClDsD,EAASR,EAASE,GAAI/C,OAAS6C,EAASE,GAAIhD,IAE5CuD,EAAmB/B,EAAAA,WAAW,CAACT,IAE/ByC,EAAqBjD,EAAakD,uBAAuB,CAC7DC,aAAc,GAAGL,IACjBM,WAAY,GAAGL,MAGjB,OACEzB,MAAA,KAAA,IAAQhB,EAAakB,MAAOwB,EAAgB,oBAAqBC,EAAkBxB,SACjFH,EAAAA,IAAC+B,EAAAA,KAAK,CAAAC,MAAM,SAASC,QAAQ,SAC3B9B,SAAAH,EAAAA,IAAA,MAAA,CAAKE,MAAOoB,OAGhB,IASN,SAASF,GAAqBxC,QAAEA,EAAOsD,sBAAEA,EAAqBC,KAAEA,IAC9D,MAAMjB,EAAOtC,EAAQiC,MAASjC,EAAQiC,MAAQqB,EAAyB,EACvE,IAAIf,EAAKD,EAAOgB,EAAwB,EAGxC,OAFAf,EAAKA,GAAMgB,EAAOA,EAAO,EAAIhB,EAEtB,CAAED,OAAMC,KACjB,CAEA,SAASI,EAAoBV,EAAeK,EAAcC,GACxD,OAAON,IAAUuB,KAAKC,OAAOnB,EAAOC,GAAM,EAC5C,CC1JA,MAAMmB,EAAqC,CACzC,CAAEnE,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,KACP,CAAEA,IAAK,MA4LT,MAAMoE,EAAmB,CACvBC,EACAC,EACAC,IAEIF,IAAYC,EAAQC,aACHC,IAAZD,EAAwB,KAAOA,EAEjCE,EAAYA,aAACJ,EAASnE,GAGzBwE,EAAkB,CACtBC,EACAC,EACA9B,KAEA,GAAI6B,EAAOE,QAAUhF,EAAeG,IAClC4E,EAAS,CAAEC,MAAOhF,EAAeG,UAC5B,CAEL4E,EAAS,CAAEC,MADa/B,EAASgC,MAAMC,GAAYA,EAAQ/E,MAAQ2E,EAAOE,QACxC7E,KACnC,GAQGgF,EAA8B,CAClCC,EACAC,EACAC,EACAC,EACArB,EACAsB,EACAC,KAEA,GAAe,IAAXL,GAA+B,IAAfC,EAClB,OAGF,MAAMK,EAAcN,EAASC,EACvBlB,EAAOmB,EAAiB,EAG9B,GAAII,EAAc,EACZxB,IAA0BC,IAC5BqB,EAAyBrB,GACzBsB,EAAWF,SAMR,GAAIG,EAAcJ,GAAkBA,EAAiBI,EAAc,IACpExB,EAAwB,IAC1BsB,EAAyB,GACzBC,EAAWF,QAIR,CACL,MAAMI,EAAmBC,EAAiBF,EAAavB,GACnDwB,IAAqBzB,GAAyByB,EAAmBL,IACnEE,EAAyBG,GACzBF,EAAWF,GAEd,GAUGK,EAAmB,CAACF,EAAqBvB,KAE7CuB,GAAe,EACfA,GAAe,EAEf,MAAMG,EAAkBzB,KAAK0B,MAAM3B,EAAOuB,GAAe,EACnDK,EAAqB5B,EAAO0B,EAC5BG,EAAkB5B,KAAKC,MAAMF,EAAO0B,IAAoBE,EAAqB,EAAI,EAAI,GAM3F,IAAIE,EAAe9B,GAAQ6B,EAAkB,GAAKH,EAC9CF,EAAmBE,EACvB,KAAOF,EAAmBM,GACxBN,GAAoB,EACpBM,EAAe9B,GAAQ6B,EAAkB,GAAKL,EAMhD,OAJIA,GAAoBE,IACtBF,GAAoB,GAGfA,CAAgB,EAOzB,SAASO,EAAsBxF,GAC7B,OAAIyF,EAAQA,WACHzF,EAAa0F,+BAEb1F,EAAa2F,iCAExB,qBAvSmDpD,SACjDA,EAAWqB,EAA+BU,MAC1CA,EAAKD,SACLA,EAAW,SAAQuB,OACnBA,IAEA,MAAM7B,EAAU8B,SAAuB,MACjCC,EAAQD,SAAyB,MACjCE,EAAiBC,EAAAA,aAChBhC,EAASe,GAAckB,EAAAA,SAAwB1D,EAAS,IAAI9C,MAE5D+D,EAAuBsB,GAA4BmB,EAAAA,UAAkB,GAEtEC,EAAwBL,EAAAA,QAAgB,GACxCM,EAAgBN,SAAe,GAE/BO,EAAWC,EAAAA,SAEVC,EAAeC,GAAkBC,EAAAA,uBAAuBzC,EAAS,CAAC,UAAW,eAE9E0C,gBAAEA,GAAoBC,EAAAA,eACzB5C,GAAYI,EAAYA,aAACJ,EAASnE,KACnC,EACAgH,EAAAA,eAAe5C,EAAQC,QAASA,GAAS,EAAMrE,GAC/CgH,EAAcA,eAAC5C,EAAQC,QAASA,GAAS,EAAOrE,QAChDsE,OACAA,EACAD,GACCI,GAAgCW,EAAWX,EAAOE,UAG/CsC,eAAEA,GAAmBC,sBACxB/C,GAAYD,EAAiBC,EAASgC,EAAO9B,SAG9CC,GACCG,GAAqCD,EAAgBC,EAAQC,EAAU9B,KA4CpEuE,EAAeC,eAClBC,IACC,IAAK,MAAMC,KAASD,EAClBvC,EACEwC,EAAMC,YAAYxC,OAClByB,EAAcnC,QACdzB,EAAS4E,OACT5E,EAAS,IAAI9C,IACb+D,EACAsB,EACAC,EAEH,GAEH,CAACxC,EAAUiB,IAGb4D,EAAAA,WAAU,KACJtB,EAAM9B,UAER8B,EAAM9B,QAAQqD,aAAa,gBAAiBnB,EAAsBlC,QAAU,EAAI,IAChF8B,EAAM9B,QAAQqD,aACZ,iBACAtB,EAAe/B,SAASsD,SAAuB,aAAK,IAEtDxB,EAAM9B,QAAQqD,aACZ,gBACAtB,EAAe/B,SAASsD,SAAsB,YAAK,KAGvDpB,EAAsBlC,SAAW,CAAC,IAMpCoD,EAAAA,WAAU,KACR,MAAMG,EAAOxD,EAAQC,QACjBuD,IACFpB,EAAcnC,QAAUuD,EAAKC,cAAc,OAAOC,cAAgB,EAClEhD,EACE8C,EAAKE,aACLtB,EAAcnC,QACdzB,EAAS4E,OACT5E,EAAS,IAAI9C,IACb+D,EACAsB,EACAC,GAEH,GACA,CAACxC,EAAUiB,IAOd4D,EAAAA,WAAU,KACR,MAAMG,EAAOxD,EAAQC,QACrB,GAAIuD,EAAM,CACR,MAAMG,EAAiB,IAAIC,gBAAgBX,IACzCF,EAAaE,EAAQ,IAGvB,OADAU,EAAeE,QAAQL,GAChB,KACLG,EAAeG,UAAUN,EAAK,CAEjC,CACe,GACf,CAAC/D,EAAuBsD,IAE3B,MAAM9G,EAAeC,uBAAiC,6BAEpD0C,QAAQmF,UAAEA,EAASC,WAAEA,IACnBtH,EAAAA,kBAAwCC,EAAAA,qBACtCsH,EAAcC,YAAUrC,GAE9B,OACE7D,EAAAA,KAAK,MAAA,CAAAhC,IAAKgE,EAASvC,MAAOsG,KAAeE,EAAWvG,SAAA,CAClDH,EAAAA,IAAC+B,EAAIA,KAAA,CAACC,MAAM,SAAS4E,MAAM,KAAKxD,OAAO,gBACrCpD,EACMC,IAAA,KAAA,IAAA4G,EAAUA,WAAC1B,EAAiBF,EAAgBK,GAChD7G,IAAK+F,EACLsC,SAAU,EACC,aAAA,6BACM,WAAU,gBACZ,EACG,mBAAAhC,EAClBiC,KAAK,SACL7G,MAAOuG,EAAUtG,SACjBH,EAAAA,IAACgH,EAAAA,WAAU,CAACC,MAAOhG,WA9HLrC,IACpB,MAAMuD,EAAOlB,EAAS4E,OAAS,EAC/BjB,EAAsBlC,SAAW,EAEjC,MAAM1D,EAAc,CAClBJ,UACAH,IAAKgG,EACLrE,WAAYsC,EACZ7D,YAAamE,EACb3C,SAAUuE,EAAsBlC,QAChCpD,qBAAsB0F,GAIxB,GAAIpG,EAAQiC,QAAUsB,EACpB,OAAOnC,EAACC,IAAAK,EAAoB,IAAAtB,EAAauB,aAAcqE,EAAsBlC,QAAU,IAIzF,GAAIR,GAAyB,GAAKtD,EAAQiC,MAAQqB,GAA0B,EAC1E,OAAOlC,EAACC,IAAA3B,EAAgB,IAAAU,IAI1B,MAAMkI,EAAiB,IAAKlI,EAAakD,wBAAuBC,OAAMlB,YACtE,ODqCE,SAA0BzC,GAC9B,MAAM0C,KAAEA,EAAIC,GAAEA,GAAOC,EAAkB5C,GACvC,OAAO+C,EAAoB/C,EAAMI,QAAQiC,MAAOK,EAAMC,EACxD,CCxCQgG,CAAaD,GACRlH,EAACC,IAAAe,EAAkB,IAAAkG,KAI5BtC,EAAsBlC,SAAW,EAE1B,KAAI,QAiGT1C,MAACoH,EAAgBA,iBAAA,CAAAjH,SACfH,EAAAA,YAAMqH,GAAIvC,EAAW3E,SAAA+D,EAAsBxF,SAInD"}

package/amd/InlineHelpSource-359fd9df.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTranslationBundle-6ef0dab6', './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-20bfc0f3', './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})}}));
 //# sourceMappingURL=InlineHelpSource-359fd9df.js.map

package/amd/InlineUserAssistance-f4d1fa1b.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './logger-0f873e29', 'preact/hooks', './Flex-1f27b601', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-abf886f2', 'css!./IconStyle.styles.css', './IconButton-1b328b69', './LayerHost-eab40731', 'preact/compat', '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-dc4b7c7f', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './InlineHelp-3dae8034', './useTranslationBundle-6ef0dab6', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-82cf22a4'], (function(e,s,n,t,a,o,i,r,l,c,d,u,m,p,h,g,C,x,f,A,y,F,T,U,S,M,I,b,w,B,N,j,_,v,E,H,L,R){"use strict";function q({align:e="end",hasHelp:n=!1,hasMessages:t=!1}){const{classes:a}=_.useComponentTheme(v.UserAssistanceRedwoodTheme,{align:e,visible:n||t?"hide":"show"}),o=j.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:a,children:o})}function G({variant:e="reflow",children:n,id:t,testId:a}){const{classes:o,styles:{inlineContainerBaseStyles:i}}=_.useComponentTheme(v.UserAssistanceRedwoodTheme,{container:e}),r=R.useTestId(a);if(null!==L.useInputGroupContext())return null;return s.jsx("div",{class:E.classNames([o,i]),id:t,...r,children:n})}e.InlineRequired=q,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:n,helpSourceLink:t,helpSourceText:a,id:o,isRequiredShown:i,requiredAlignment:r,messages:l=[],userAssistanceDensity:c,testId:d}){const{isReadonly:u}=b.useFormContext(),m="efficient"===c&&!1===u,{isFocused:p}=B.useFormFieldContext(),h=l.length>0?s.jsx(M.ComponentMessageContainer,{fieldLabel:n,messages:l}):(e||t)&&p?s.jsx(N.InlineHelp,{assistiveText:e,sourceLink:t,sourceText:a}):i?s.jsx(q,{align:r}):null;return h||m?s.jsx(G,{id:o,variant:c,testId:d,children:h}):null},e.InlineUserAssistanceContainer=G}));
+define(['exports', 'preact/jsx-runtime', './logger-0f873e29', 'preact/hooks', './Flex-db3ddadb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-18271c7a', 'css!./IconStyle.styles.css', './IconButton-1b328b69', './LayerHost-0a244de8', 'preact/compat', '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-dc4b7c7f', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './InlineHelp-3dae8034', './useTranslationBundle-20bfc0f3', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-f3b8b319'], (function(e,s,n,t,a,o,i,r,l,c,d,u,m,p,h,g,C,x,A,f,y,F,T,U,S,M,I,b,w,B,N,j,_,v,E,H,L,R){"use strict";function q({align:e="end",hasHelp:n=!1,hasMessages:t=!1}){const{classes:a}=_.useComponentTheme(v.UserAssistanceRedwoodTheme,{align:e,visible:n||t?"hide":"show"}),o=j.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:a,children:o})}function G({variant:e="reflow",children:n,id:t,testId:a}){const{classes:o,styles:{inlineContainerBaseStyles:i}}=_.useComponentTheme(v.UserAssistanceRedwoodTheme,{container:e}),r=R.useTestId(a);if(null!==L.useInputGroupContext())return null;return s.jsx("div",{class:E.classNames([o,i]),id:t,...r,children:n})}e.InlineRequired=q,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:n,helpSourceLink:t,helpSourceText:a,id:o,isRequiredShown:i,requiredAlignment:r,messages:l=[],userAssistanceDensity:c,testId:d}){const{isReadonly:u}=b.useFormContext(),m="efficient"===c&&!1===u,{isFocused:p}=B.useFormFieldContext(),h=l.length>0?s.jsx(M.ComponentMessageContainer,{fieldLabel:n,messages:l}):(e||t)&&p?s.jsx(N.InlineHelp,{assistiveText:e,sourceLink:t,sourceText:a}):i?s.jsx(q,{align:r}):null;return h||m?s.jsx(G,{id:o,variant:c,testId:d,children:h}):null},e.InlineUserAssistanceContainer=G}));
 //# sourceMappingURL=InlineUserAssistance-f4d1fa1b.js.map

package/amd/InputDateMask-b7a27faa.js

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

package/amd/InputDatePicker-da5d8728.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-d1c38937', './HiddenAccessible-037ef42d', './IconButton-1b328b69', './clientHints-030d25aa', './FormFieldContext-3c44aaaa', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-6ef0dab6', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-f4d1fa1b', './Flex-1f27b601', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-abf886f2', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './LayerHost-eab40731', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-249d77c3', './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-6447f399', './UNSAFE_DatePicker/themes/DatePickerContract.css', './DatePicker-3996fc76', './SectionedContent-655a773a', './stringUtils-0ae982c2', './FormContext-5130e198', './useFormContext-30acdd33', './useId-c9578d26', './getFormatParse-b7ff0219', './maskUtils-86dd685a', './calendarDateUtils-1f56aaf5', './InputDateMask-b7a27faa'], (function(e,t,s,a,n,r,o,i,l,d,c,u,m,p,h,f,y,b,C,D,S,x,A,k,v,g,F,V,I,T,P,R,M,U,w,j,_,B,H,E,N,L,O,W,Y,Z,z,G,q,J,K,Q,X){"use strict";const $=({anchorRef:e,assistiveText:s,dayFormatter:n,daysOutsideMonth:r,helpSourceLink:o,helpSourceText:i,isDisabled:d,isOpen:c,isReadonly:m,label:p,onClose:h,onCommit:y,max:b,messages:C,min:D,monthAndYearPicker:S,testId:x,todayButton:A,todayTimeZone:k,userAssistanceDensity:v,value:g})=>{const[F,V]=a.useState(!1),[I,T]=a.useState(c),P=a.useCallback((e=>{V(e.placement.startsWith("top"))}),[]);I!==c&&(T(c),c||V(!1));const R=ee(),{datePicker_label:M}=u.useTranslationBundle("@oracle/oraclejet-preact"),U=M(),w=t.jsx(W.DatePicker,{dayFormatter:n,daysOutsideMonth:r,onCommit:y,max:b,min:D,maxWidth:R?"100%":void 0,width:R?"100%":O.datePickerPropVars.maxWidth,monthAndYearPicker:S,testId:x,todayTimeZone:k,todayButton:A,value:g}),j=!c||F&&!R||d||m||!(s||o||C&&C.length>0)||"efficient"!==v&&"reflow"!==v?void 0:t.jsx(l.FormFieldContext.Provider,{value:{isFocused:!0},children:t.jsx("div",{class:N.userAssistanceStyles,children:t.jsx(f.InlineUserAssistance,{assistiveText:s,fieldLabel:p,helpSourceLink:o,helpSourceText:i,messages:C,userAssistanceDensity:v})})}),_=x?x+(R?"_sheet":"_dropdown"):void 0,B=t.jsx("div",{class:N.dropdownStyles,children:t.jsx(Y.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:w,role:"dialog",testId:_})});return R?t.jsx(L.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:t.jsx(Y.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:w,role:"dialog",testId:_})}):t.jsx(Y.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:P,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:B})},ee=()=>"phone"===i.getClientHints().deviceType,te=e=>e&&Q.isCompleteCalendarDate(e)?e:void 0,se=(e,t)=>{switch(t.type){case"dateChanged":return{...e,dateValue:t.data,completeDateValue:te(t.data)};case"dateSelected":return{...e,dateValue:t.data,completeDateValue:t.data};case"reset":return{completeDateValue:te(t.data),dateValue:t.data};default:return e}},ae=({onCommit:e,onInput:t,value:s})=>{const[n,r]=a.useState(!1),o=a.useRef(null),i=a.useRef(null),l=a.useRef(!1),d=a.useRef(),c=a.useRef(!1),u=a.useRef(),m=a.useRef(s),p=a.useRef(s),h=a.useRef(s),f=a.useRef(!1),{state:y,dispatch:b}=(({value:e})=>{const[t,s]=a.useReducer(se,{completeDateValue:te(e),dateValue:e});return{state:t,dispatch:s}})({value:s});K.calendarDatesAreDifferent(h.current,s)&&(h.current=s,K.calendarDatesAreDifferent(s,y.dateValue)&&(b({type:"reset",data:s}),p.current=s,m.current=s)),a.useEffect((()=>{K.calendarDatesAreDifferent(y.dateValue,p.current)&&(t({previousValue:p.current,value:y.dateValue}),p.current=y.dateValue),f.current&&K.calendarDatesAreDifferent(y.dateValue,m.current)&&(e?.({previousValue:m.current,value:y.dateValue}),m.current=y.dateValue,f.current=!1)}),[e,t,y.dateValue]);const C=a.useCallback((e=>{b({type:"dateChanged",data:e.value})}),[b]),D=a.useCallback((()=>{K.calendarDatesAreDifferent(m.current,y.dateValue)&&(e?.({value:y.dateValue,previousValue:m.current}),m.current=y.dateValue)}),[e,y.dateValue]),S=a.useCallback((()=>{l.current||c.current||r((e=>!e)),l.current=!1,c.current=!1}),[]),x=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||o.current?.focus(),r(!1)}),[]);return{calendarIconActionHandler:S,datePickerCommitHandler:a.useCallback((e=>{o.current?.focus(),c.current=!0,clearTimeout(u.current),u.current=setTimeout((()=>{c.current=!1}),500),f.current=!0,b({type:"dateSelected",data:e.value}),r(!1)}),[b]),dropdownCloseHandler:x,completeDateValue:y.completeDateValue,dateValue:y.dateValue,iconRef:o,isOpen:n,maskCommitHandler:D,maskInputHandler:C,maskRef:i}},ne=s.forwardRef((({"aria-describedby":e,assistiveText:s,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,max:f,messages:y,min:b,monthAndYearPicker:C,todayTimeZone:D,todayButton:S,value:x,onCommit:A,onInput:k,testId:v,userAssistanceDensity:g,...F},V)=>{const{calendarIconActionHandler:I,datePickerCommitHandler:T,completeDateValue:P,dateValue:R,dropdownCloseHandler:M,iconRef:U,isOpen:w,maskCommitHandler:j,maskInputHandler:_,maskRef:B}=ae({onCommit:A,onInput:k,value:x}),H=a.useRef(null),{inputDatePicker_selectDate:E,inputDatePicker_instruction:N}=u.useTranslationBundle("@oracle/oraclejet-preact"),L=E(),{userAssistanceDensity:O}=G.useFormContext(),W=g??O;a.useImperativeHandle(V,(()=>({focus:()=>{B.current?.focus()},blur:()=>{B.current?.blur()}})));const Y=q.useId(),z=N(),J=m||p?void 0:t.jsx(r.HiddenAccessible,{id:Y,isHidden:!0,children:z}),K=m||p?e:Z.merge([e,Y]),Q=t.jsx(o.IconButton,{"aria-haspopup":"dialog","aria-label":L,isDisabled:m,ref:U,size:"sm",testId:v?v+"_calendarIcon":void 0,variant:"ghost",onAction:I,children:t.jsx(n.SvgCalendar,{})}),ee=w;return t.jsxs(t.Fragment,{children:[t.jsx(X.InputDateMaskContext.Provider,{value:{isDropdownOpen:w,isInputDatePickerParent:!0},children:t.jsx(X.InputDateMask,{"aria-describedby":K,assistiveText:s,endContent:Q,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,onCommit:j,onInput:_,mainFieldRef:H,messages:y,testId:v,ref:B,userAssistanceDensity:g,value:R,...F})}),J,ee&&t.jsx($,{anchorRef:H,assistiveText:s,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,isOpen:w,label:h,onClose:M,onCommit:T,max:f,messages:y,min:b,monthAndYearPicker:C,testId:v?v+"_datePicker":void 0,todayTimeZone:D,todayButton:S,userAssistanceDensity:W,value:P})]})}));e.InputDatePicker=ne}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-d1c38937', './HiddenAccessible-037ef42d', './IconButton-1b328b69', './clientHints-030d25aa', './FormFieldContext-3c44aaaa', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-20bfc0f3', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-f4d1fa1b', './Flex-db3ddadb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-18271c7a', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './LayerHost-0a244de8', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-b5495d55', './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-a398d015', './UNSAFE_DatePicker/themes/DatePickerContract.css', './DatePicker-70b1aba4', './SectionedContent-d896b84f', './stringUtils-0ae982c2', './FormContext-5130e198', './useFormContext-30acdd33', './useId-c9578d26', './getFormatParse-b7ff0219', './maskUtils-86dd685a', './calendarDateUtils-1f56aaf5', './InputDateMask-b7a27faa'], (function(e,t,s,a,n,r,o,i,d,l,c,u,m,p,h,f,y,b,C,D,S,x,A,k,v,g,F,V,I,T,P,R,M,U,w,j,_,B,H,E,N,L,O,W,Y,Z,z,G,q,J,K,Q,X){"use strict";const $=({anchorRef:e,assistiveText:s,dayFormatter:n,daysOutsideMonth:r,helpSourceLink:o,helpSourceText:i,isDisabled:l,isOpen:c,isReadonly:m,label:p,onClose:h,onCommit:y,max:b,messages:C,min:D,monthAndYearPicker:S,testId:x,todayButton:A,todayTimeZone:k,userAssistanceDensity:v,value:g})=>{const[F,V]=a.useState(!1),[I,T]=a.useState(c),P=a.useCallback((e=>{V(e.placement.startsWith("top"))}),[]);I!==c&&(T(c),c||V(!1));const R=ee(),{datePicker_label:M}=u.useTranslationBundle("@oracle/oraclejet-preact"),U=M(),w=t.jsx(W.DatePicker,{dayFormatter:n,daysOutsideMonth:r,onCommit:y,max:b,min:D,maxWidth:R?"100%":void 0,width:R?"100%":O.datePickerPropVars.maxWidth,monthAndYearPicker:S,testId:x,todayTimeZone:k,todayButton:A,value:g}),j=!c||F&&!R||l||m||!(s||o||C&&C.length>0)||"efficient"!==v&&"reflow"!==v?void 0:t.jsx(d.FormFieldContext.Provider,{value:{isFocused:!0},children:t.jsx("div",{class:N.userAssistanceStyles,children:t.jsx(f.InlineUserAssistance,{assistiveText:s,fieldLabel:p,helpSourceLink:o,helpSourceText:i,messages:C,userAssistanceDensity:v})})}),_=x?x+(R?"_sheet":"_dropdown"):void 0,B=t.jsx("div",{class:N.dropdownStyles,children:t.jsx(Y.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:w,role:"dialog",testId:_})});return R?t.jsx(L.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:t.jsx(Y.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:w,role:"dialog",testId:_})}):t.jsx(Y.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:P,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:B})},ee=()=>"phone"===i.getClientHints().deviceType,te=e=>e&&Q.isCompleteCalendarDate(e)?e:void 0,se=(e,t)=>{switch(t.type){case"dateChanged":return{...e,dateValue:t.data,completeDateValue:te(t.data)};case"dateSelected":return{...e,dateValue:t.data,completeDateValue:t.data};case"reset":return{completeDateValue:te(t.data),dateValue:t.data};default:return e}},ae=({onCommit:e,onInput:t,value:s})=>{const[n,r]=a.useState(!1),o=a.useRef(null),i=a.useRef(null),d=a.useRef(!1),l=a.useRef(),c=a.useRef(!1),u=a.useRef(),m=a.useRef(s),p=a.useRef(s),h=a.useRef(s),f=a.useRef(!1),{state:y,dispatch:b}=(({value:e})=>{const[t,s]=a.useReducer(se,{completeDateValue:te(e),dateValue:e});return{state:t,dispatch:s}})({value:s});K.calendarDatesAreDifferent(h.current,s)&&(h.current=s,K.calendarDatesAreDifferent(s,y.dateValue)&&(b({type:"reset",data:s}),p.current=s,m.current=s)),a.useEffect((()=>{K.calendarDatesAreDifferent(y.dateValue,p.current)&&(t({previousValue:p.current,value:y.dateValue}),p.current=y.dateValue),f.current&&K.calendarDatesAreDifferent(y.dateValue,m.current)&&(e?.({previousValue:m.current,value:y.dateValue}),m.current=y.dateValue,f.current=!1)}),[e,t,y.dateValue]);const C=a.useCallback((e=>{b({type:"dateChanged",data:e.value})}),[b]),D=a.useCallback((()=>{K.calendarDatesAreDifferent(m.current,y.dateValue)&&(e?.({value:y.dateValue,previousValue:m.current}),m.current=y.dateValue)}),[e,y.dateValue]),S=a.useCallback((()=>{d.current||c.current||r((e=>!e)),d.current=!1,c.current=!1}),[]),x=a.useCallback((e=>{"outsideMousedown"===e.reason?(d.current=!0,clearTimeout(l.current),l.current=setTimeout((()=>{d.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||o.current?.focus(),r(!1)}),[]);return{calendarIconActionHandler:S,datePickerCommitHandler:a.useCallback((e=>{o.current?.focus(),c.current=!0,clearTimeout(u.current),u.current=setTimeout((()=>{c.current=!1}),500),f.current=!0,b({type:"dateSelected",data:e.value}),r(!1)}),[b]),dropdownCloseHandler:x,completeDateValue:y.completeDateValue,dateValue:y.dateValue,iconRef:o,isOpen:n,maskCommitHandler:D,maskInputHandler:C,maskRef:i}},ne=s.forwardRef((({"aria-describedby":e,assistiveText:s,dayFormatter:i,daysOutsideMonth:d,helpSourceLink:l,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,max:f,messages:y,min:b,monthAndYearPicker:C,todayTimeZone:D,todayButton:S,value:x,onCommit:A,onInput:k,testId:v,userAssistanceDensity:g,...F},V)=>{const{calendarIconActionHandler:I,datePickerCommitHandler:T,completeDateValue:P,dateValue:R,dropdownCloseHandler:M,iconRef:U,isOpen:w,maskCommitHandler:j,maskInputHandler:_,maskRef:B}=ae({onCommit:A,onInput:k,value:x}),H=a.useRef(null),{inputDatePicker_selectDate:E,inputDatePicker_instruction:N}=u.useTranslationBundle("@oracle/oraclejet-preact"),L=E(),{userAssistanceDensity:O}=G.useFormContext(),W=g??O;a.useImperativeHandle(V,(()=>({focus:()=>{B.current?.focus()},blur:()=>{B.current?.blur()}})));const Y=q.useId(),z=N(),J=m||p?void 0:t.jsx(r.HiddenAccessible,{id:Y,isHidden:!0,children:z}),K=m||p?e:Z.merge([e,Y]),Q=t.jsx(o.IconButton,{"aria-haspopup":"dialog","aria-label":L,isDisabled:m,ref:U,size:"sm",testId:v?v+"_calendarIcon":void 0,variant:"ghost",onAction:I,children:t.jsx(n.SvgCalendar,{})}),ee=w;return t.jsxs(t.Fragment,{children:[t.jsx(X.InputDateMaskContext.Provider,{value:{isDropdownOpen:w,isInputDatePickerParent:!0},children:t.jsx(X.InputDateMask,{"aria-describedby":K,assistiveText:s,endContent:Q,helpSourceLink:l,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,onCommit:j,onInput:_,mainFieldRef:H,messages:y,testId:v,ref:B,userAssistanceDensity:g,value:R,...F})}),J,ee&&t.jsx($,{anchorRef:H,assistiveText:s,dayFormatter:i,daysOutsideMonth:d,helpSourceLink:l,helpSourceText:c,isDisabled:m,isReadonly:p,isOpen:w,label:h,onClose:M,onCommit:T,max:f,messages:y,min:b,monthAndYearPicker:C,testId:v?v+"_datePicker":void 0,todayTimeZone:D,todayButton:S,userAssistanceDensity:W,value:P})]})}));e.InputDatePicker=ne}));
 //# sourceMappingURL=InputDatePicker-da5d8728.js.map

package/amd/InputPassword-03f24e78.js

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

package/amd/InputText-da0a5c0f.js

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

package/amd/Label-3f8fc274.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-eab40731', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-1f27b601', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-abf886f2', 'css!./IconStyle.styles.css', './IconButton-1b328b69', '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-249d77c3', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-91aeaa2e', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,a,o,t,n,l,d,i,r,c,m,u,p,F,h,y,b,x,S,C,A,T,g,U,L,w,E,N,I,M,f,V,_,B,R,D,j,P,v){"use strict";const k=({hasValue:e,readonly:a,disabled:o,isFocused:n,isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,userAssistanceDensity:u="reflow",variant:p="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:b,labelWrapping:x}=l.useFormContext(),S="inside"===p,C="textField"===F,{classes:A,styles:{uaDensityCompactLabel:T,uaDensityCompactLabelStart:g,uaDensityCompactLabelTopInside:U}}=d.useComponentTheme(v.LabelRedwoodTheme,{labelWrapping:x,position:p,inside:S?"isInside":"notInside",inEnabledForm:y&&!b?"isInEnabledForm":"notInEnabledForm",readonly:a?"isReadonly":"notReadonly",focused:n?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:b?"isReadonlyForm":"notReadonlyForm",textField:C?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||n?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:C?"isAnimated":"notAnimated",disabled:C&&o?"isDisabled":"nonDisabled",userAssistanceDensity:u}),{baseTheme:L}=d.useComponentTheme(P.TextFieldRedwoodTheme),w=t.classNames([T,"start"===p?g:U]),E=s.jsx("label",{...h,class:w});return"compact"===u?s.jsxs("div",{class:t.classNames([A,L]),children:["start"!==p&&E,s.jsx(R.CompactLabelAssistance,{isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,labelEdge:"top"===p||"start"===p?p:"inside"}),"start"===p&&E]}):s.jsx("label",{...h,class:t.classNames([A,L])})};e.Label=({forId:e,...a})=>{const{hasValue:t,isDisabled:n,isFocused:l,isReadonly:d}=o.useFormFieldContext();return s.jsx(k,{for:e,hasValue:t,disabled:n,isFocused:l,readonly:d,...a})}}));
+define(['exports', 'preact/jsx-runtime', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './classNames-08d99695', './FormContext-5130e198', './useFormContext-30acdd33', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', 'preact/hooks', './LayerHost-0a244de8', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-db3ddadb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-18271c7a', 'css!./IconStyle.styles.css', './IconButton-1b328b69', '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-b5495d55', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-9b6b3be2', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,a,o,t,n,l,d,i,r,c,m,u,p,F,h,b,y,x,S,C,A,T,g,U,L,w,E,N,I,M,V,_,f,B,R,D,j,P,v){"use strict";const k=({hasValue:e,readonly:a,disabled:o,isFocused:n,isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,userAssistanceDensity:u="reflow",variant:p="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:b,isReadonly:y,labelWrapping:x}=l.useFormContext(),S="inside"===p,C="textField"===F,{classes:A,styles:{uaDensityCompactLabel:T,uaDensityCompactLabelStart:g,uaDensityCompactLabelTopInside:U}}=d.useComponentTheme(v.LabelRedwoodTheme,{labelWrapping:x,position:p,inside:S?"isInside":"notInside",inEnabledForm:b&&!y?"isInEnabledForm":"notInEnabledForm",readonly:a?"isReadonly":"notReadonly",focused:n?"isFocused":"nonFocused",formLayout:b?"isFormLayout":"nonFormLayout",readonlyForm:y?"isReadonlyForm":"notReadonlyForm",textField:C?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||n?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:C?"isAnimated":"notAnimated",disabled:C&&o?"isDisabled":"nonDisabled",userAssistanceDensity:u}),{baseTheme:L}=d.useComponentTheme(P.TextFieldRedwoodTheme),w=t.classNames([T,"start"===p?g:U]),E=s.jsx("label",{...h,class:w});return"compact"===u?s.jsxs("div",{class:t.classNames([A,L]),children:["start"!==p&&E,s.jsx(R.CompactLabelAssistance,{isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,labelEdge:"top"===p||"start"===p?p:"inside"}),"start"===p&&E]}):s.jsx("label",{...h,class:t.classNames([A,L])})};e.Label=({forId:e,...a})=>{const{hasValue:t,isDisabled:n,isFocused:l,isReadonly:d}=o.useFormFieldContext();return s.jsx(k,{for:e,hasValue:t,disabled:n,isFocused:l,readonly:d,...a})}}));
 //# sourceMappingURL=Label-3f8fc274.js.map

package/amd/LabelValueLayout-89e9f1be.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './Flex-1f27b601', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './size-4e81acac', '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,s,o,r,n,d,_,y,i,u,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",T="LabelValueLayoutStyles_labelInnerStyles_insideRadioSet__z3rxc59",F="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopCheckboxSetUA__z3rxc5a",p="LabelValueLayoutStyles_labelInnerStyles_insideCheckboxSet__z3rxc5b",C="LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5c",V="LabelValueLayoutStyles_labelSlotStyles_base__z3rxc50",z="LabelValueLayoutStyles_labelSlotStyles_start__z3rxc51",w="LabelValueLayoutStyles_labelSlotStyles_top__z3rxc52",R="LabelValueLayoutStyles_labelSlotStyles_topAndTopUA__z3rxc53",N="LabelValueLayoutStyles_labelSlotStyles_topPureReadonly__z3rxc54";e.LabelValueLayout=({label:e,labelEdge:s,children:r,labelStartWidth:_="33%",parentComponentVariant:A="textField",hasTopUserAssistance:I=!1})=>{const{baseTheme:U}=y.useComponentTheme(i.TextFieldRedwoodTheme),{baseTheme:W}=y.useComponentTheme(u.RadioRedwoodTheme),{baseTheme:f}=y.useComponentTheme(S.CheckboxRedwoodTheme),{baseTheme:k}=y.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:E}=y.useComponentTheme(m.FormLayoutRedwoodTheme),j=A.startsWith("text"),v="radioSet"===A,g="checkboxSet"===A,B="start"===s,P="top"===s||"inside"===s,$="inside"===s,q=d.sizeToCSS(_),D=`calc(100% - ${q})`,G=B?{flexBasis:q,width:q,maxWidth:q}:{},H=B?{flexBasis:D,width:D,maxWidth:D}:{},{isFormLayout:J,isReadonly:K,labelWrapping:M}=o.useFormContext(),{isReadonly:O}=n.useFormFieldContext(),Q=J&&K||!J&&O,X=l.classNames([E,V,B&&z,P&&w,P&&I&&R,P&&Q&&N]),Y=l.classNames([j&&U,v&&W,g&&f,(v||g)&&k,E,c,B&&h,j&&B&&!Q&&x,v&&$&&T,g&&$&&p,v&&B&&!I&&L,g&&B&&!I&&F,"truncate"===M&&C]);return t.jsxs(a.Flex,{wrap:"wrap",align:O&&B?"stretch":"start",children:[t.jsx("div",{class:X,style:G,children:t.jsx("div",{class:Y,children:e})}),t.jsx("div",{class:"LabelValueLayoutStyles_valueSlotStyles__z3rxc5d",style:H,children:r})]})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './Flex-db3ddadb', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './size-4e81acac', '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,a,l,s,o,r,d,n,_,y,i,u,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",T="LabelValueLayoutStyles_labelInnerStyles_insideRadioSet__z3rxc59",F="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopCheckboxSetUA__z3rxc5a",p="LabelValueLayoutStyles_labelInnerStyles_insideCheckboxSet__z3rxc5b",C="LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5c",V="LabelValueLayoutStyles_labelSlotStyles_base__z3rxc50",z="LabelValueLayoutStyles_labelSlotStyles_start__z3rxc51",w="LabelValueLayoutStyles_labelSlotStyles_top__z3rxc52",R="LabelValueLayoutStyles_labelSlotStyles_topAndTopUA__z3rxc53",N="LabelValueLayoutStyles_labelSlotStyles_topPureReadonly__z3rxc54";e.LabelValueLayout=({label:e,labelEdge:s,children:r,labelStartWidth:_="33%",parentComponentVariant:A="textField",hasTopUserAssistance:I=!1})=>{const{baseTheme:U}=y.useComponentTheme(i.TextFieldRedwoodTheme),{baseTheme:W}=y.useComponentTheme(u.RadioRedwoodTheme),{baseTheme:k}=y.useComponentTheme(S.CheckboxRedwoodTheme),{baseTheme:E}=y.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:f}=y.useComponentTheme(m.FormLayoutRedwoodTheme),j=A.startsWith("text"),v="radioSet"===A,g="checkboxSet"===A,B="start"===s,P="top"===s||"inside"===s,$="inside"===s,q=n.sizeToCSS(_),D=`calc(100% - ${q})`,G=B?{flexBasis:q,width:q,maxWidth:q}:{},H=B?{flexBasis:D,width:D,maxWidth:D}:{},{isFormLayout:J,isReadonly:K,labelWrapping:M}=o.useFormContext(),{isReadonly:O}=d.useFormFieldContext(),Q=J&&K||!J&&O,X=a.classNames([f,V,B&&z,P&&w,P&&I&&R,P&&Q&&N]),Y=a.classNames([j&&U,v&&W,g&&k,(v||g)&&E,f,c,B&&h,j&&B&&!Q&&x,v&&$&&T,g&&$&&p,v&&B&&!I&&L,g&&B&&!I&&F,"truncate"===M&&C]);return t.jsxs(l.Flex,{wrap:"wrap",align:O&&B?"stretch":"start",children:[t.jsx("div",{class:X,style:G,children:t.jsx("div",{class:Y,children:e})}),t.jsx("div",{class:"LabelValueLayoutStyles_valueSlotStyles__z3rxc5d",style:H,children:r})]})}}));
 //# sourceMappingURL=LabelValueLayout-89e9f1be.js.map

package/amd/Layer-8d7bbd69.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-0a244de8', './classNames-08d99695', './UNSAFE_Layer/themes/LayerStyles.css', './useThemeInterpolations-1f5fd8f3'], (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:i,priority:y="popup",level:c="nearestAncestor"})=>{const u=r.useContext(s.LayerContext),[p,d]=r.useState(null),L=r.useRef(null),m=e=>{L.current=e,d(e)},f=n.useThemeInterpolations();let g=a.styles.popupPriorityStyle;switch(y){case"dialog":g=a.styles.dialogPriorityStyle;break;case"messages":g=a.styles.messagesPriorityStyle;break;default:g=a.styles.popupPriorityStyle}const S=o.classNames([f,a.baseStyle,g]);r.useLayoutEffect((()=>{const e="topLevel"===c?u.getRootLayerHost?.(y):u.getLayerHost?.(y);if(!e)return;const t=(e.ownerDocument??document).createElement("div");return t.setAttribute("data-oj-layer","true"),i&&(t[l]=i.current),e.appendChild(t),m(t),()=>{e&&t&&e.contains(t)&&(delete t[l],e.removeChild(t)),u.onLayerUnmount&&u.onLayerUnmount(t),m(null)}}),[i,u,c,y]),p&&(p.className=S);const h=()=>p;let P={};return u.getLayerHost&&(P={getRootLayerHost:u.getRootLayerHost?.bind(null,y),getLayerHost:h.bind(null)}),t.jsx(s.LayerContext.Provider,{value:P,children:p&&r.createPortal(e,p)})}}));
+//# sourceMappingURL=Layer-8d7bbd69.js.map

package/amd/{Layer-3cc44164.js.map → Layer-8d7bbd69.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Layer-3cc44164.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-8d7bbd69.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-eab40731.js → LayerHost-0a244de8.js}

@@ -1,2 +1,2 @@
-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-eab40731.js.map
+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-0a244de8.js.map

package/amd/{LayerHost-eab40731.js.map → LayerHost-0a244de8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LayerHost-eab40731.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-0a244de8.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"}

package/amd/{LayerManager-d0836029.js → LayerManager-00983765.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-eab40731'], (function(e,t,r,a){"use strict";e.LayerManager=function({children:e}){const[s,n]=r.useState(),o=r.useCallback((e=>{null!==e&&n(e)}),[]);return t.jsx(a.LayerContext.Consumer,{children:r=>{let n={};s&&(n={getRootLayerHost:()=>s,getLayerHost:()=>s});const c=r.getLayerHost?r:n;return t.jsxs(a.LayerContext.Provider,{value:c,children:[e,!r.getLayerHost&&t.jsx(a.LayerHost,{ref:o})]})}})}}));
-//# sourceMappingURL=LayerManager-d0836029.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-0a244de8'], (function(e,t,r,a){"use strict";e.LayerManager=function({children:e}){const[s,n]=r.useState(),o=r.useCallback((e=>{null!==e&&n(e)}),[]);return t.jsx(a.LayerContext.Consumer,{children:r=>{let n={};s&&(n={getRootLayerHost:()=>s,getLayerHost:()=>s});const c=r.getLayerHost?r:n;return t.jsxs(a.LayerContext.Provider,{value:c,children:[e,!r.getLayerHost&&t.jsx(a.LayerHost,{ref:o})]})}})}}));
+//# sourceMappingURL=LayerManager-00983765.js.map