@primereact/headless 11.0.0-alpha.7 → 11.0.0-alpha.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/breadcrumb/index.d.ts +2 -0
- package/breadcrumb/index.mjs +2 -0
- package/breadcrumb/index.mjs.map +1 -0
- package/breadcrumb/useBreadcrumb.d.ts +3 -0
- package/breadcrumb/useBreadcrumb.props.d.ts +2 -0
- package/breadcrumb/useBreadcrumb.test.d.ts +0 -0
- package/carousel/index.mjs +1 -1
- package/carousel/index.mjs.map +1 -1
- package/carousel/useCarousel.d.ts +18 -18
- package/colorpicker/colorManager.d.ts +101 -0
- package/colorpicker/index.d.ts +3 -0
- package/colorpicker/index.mjs +2 -0
- package/colorpicker/index.mjs.map +1 -0
- package/colorpicker/input/index.d.ts +2 -0
- package/colorpicker/input/index.mjs +2 -0
- package/colorpicker/input/index.mjs.map +1 -0
- package/colorpicker/input/useColorPickerInput.d.ts +11 -0
- package/colorpicker/input/useColorPickerInput.props.d.ts +2 -0
- package/colorpicker/input/useColorPickerInput.test.d.ts +0 -0
- package/colorpicker/slider/index.d.ts +2 -0
- package/colorpicker/slider/index.mjs +2 -0
- package/colorpicker/slider/index.mjs.map +1 -0
- package/colorpicker/slider/useColorPickerSlider.d.ts +13 -0
- package/colorpicker/slider/useColorPickerSlider.props.d.ts +2 -0
- package/colorpicker/slider/useColorPickerSlider.test.d.ts +0 -0
- package/colorpicker/useColorPicker.d.ts +26 -0
- package/colorpicker/useColorPicker.props.d.ts +2 -0
- package/colorpicker/useColorPicker.test.d.ts +0 -0
- package/commandmenu/index.d.ts +2 -0
- package/commandmenu/index.mjs +2 -0
- package/commandmenu/index.mjs.map +1 -0
- package/commandmenu/useCommandMenu.d.ts +11 -0
- package/commandmenu/useCommandMenu.props.d.ts +2 -0
- package/commandmenu/useCommandMenu.test.d.ts +0 -0
- package/contextmenu/index.d.ts +2 -0
- package/contextmenu/index.mjs +2 -0
- package/contextmenu/index.mjs.map +1 -0
- package/contextmenu/useContextMenu.d.ts +1 -0
- package/contextmenu/useContextMenu.props.d.ts +2 -0
- package/contextmenu/useContextMenu.test.d.ts +0 -0
- package/datepicker/index.d.ts +2 -0
- package/datepicker/index.mjs +2 -0
- package/datepicker/index.mjs.map +1 -0
- package/datepicker/useDatePicker.d.ts +114 -0
- package/datepicker/useDatePicker.props.d.ts +2 -0
- package/datepicker/useDatePicker.test.d.ts +0 -0
- package/gallery/index.mjs +1 -1
- package/gallery/index.mjs.map +1 -1
- package/gallery/item/index.mjs +1 -1
- package/gallery/item/index.mjs.map +1 -1
- package/gallery/useGallery.d.ts +2 -8
- package/inputtags/index.d.ts +2 -0
- package/inputtags/index.mjs +2 -0
- package/inputtags/index.mjs.map +1 -0
- package/inputtags/useInputTags.d.ts +20 -0
- package/inputtags/useInputTags.props.d.ts +2 -0
- package/inputtags/useInputTags.test.d.ts +0 -0
- package/listbox/index.d.ts +2 -0
- package/listbox/index.mjs +2 -0
- package/listbox/index.mjs.map +1 -0
- package/listbox/useListbox.d.ts +45 -0
- package/listbox/useListbox.props.d.ts +2 -0
- package/listbox/useListbox.test.d.ts +0 -0
- package/menu/index.d.ts +2 -0
- package/menu/index.mjs +2 -0
- package/menu/index.mjs.map +1 -0
- package/menu/sub/index.d.ts +2 -0
- package/menu/sub/index.mjs +2 -0
- package/menu/sub/index.mjs.map +1 -0
- package/menu/sub/useMenuSub.d.ts +19 -0
- package/menu/sub/useMenuSub.props.d.ts +2 -0
- package/menu/useMenu.d.ts +34 -0
- package/menu/useMenu.props.d.ts +2 -0
- package/menu/useMenu.test.d.ts +0 -0
- package/orgchart/index.d.ts +2 -0
- package/orgchart/index.mjs +2 -0
- package/orgchart/index.mjs.map +1 -0
- package/orgchart/useOrgChart.d.ts +20 -0
- package/orgchart/useOrgChart.props.d.ts +2 -0
- package/orgchart/useOrgChart.test.d.ts +0 -0
- package/overlay/index.d.ts +2 -0
- package/overlay/index.mjs +2 -0
- package/overlay/index.mjs.map +1 -0
- package/overlay/useOverlay.d.ts +16 -0
- package/overlay/useOverlay.props.d.ts +2 -0
- package/overlay/useOverlay.test.d.ts +0 -0
- package/package.json +4 -4
- package/password/index.d.ts +2 -0
- package/password/index.mjs +2 -0
- package/password/index.mjs.map +1 -0
- package/password/usePassword.d.ts +35 -0
- package/password/usePassword.props.d.ts +2 -0
- package/password/usePassword.test.d.ts +0 -0
- package/placer/index.mjs +1 -1
- package/placer/index.mjs.map +1 -1
- package/toast/index.d.ts +1 -0
- package/toast/index.mjs +1 -1
- package/toast/index.mjs.map +1 -1
- package/toast/item/index.css +1 -1
- package/toast/item/index.css.map +1 -1
- package/toast/item/index.mjs +1 -1
- package/toast/item/index.mjs.map +1 -1
- package/toast/item/useToastItem.d.ts +12 -8
- package/toast/toastStore.d.ts +40 -0
- package/toast/useToast.d.ts +12 -4
- package/tree/TreeDragDropService.d.ts +24 -0
- package/tree/index.d.ts +3 -0
- package/tree/index.mjs +2 -0
- package/tree/index.mjs.map +1 -0
- package/tree/useTree.d.ts +27 -0
- package/tree/useTree.props.d.ts +2 -0
- package/tree/useTree.test.d.ts +0 -0
- package/toast/index.css +0 -2
- package/toast/index.css.map +0 -1
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { PasswordStrengthLevel, PasswordStrengthResult } from '@primereact/types/shared/password';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export declare const usePassword: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/password").usePasswordProps, unknown, {
|
|
4
|
+
state: {
|
|
5
|
+
value: string | undefined;
|
|
6
|
+
strength: PasswordStrengthResult;
|
|
7
|
+
overlayVisible: boolean;
|
|
8
|
+
levelsCount: number;
|
|
9
|
+
showClearIcon: boolean;
|
|
10
|
+
unmasked: boolean;
|
|
11
|
+
focused: boolean;
|
|
12
|
+
inputType: "text" | "password";
|
|
13
|
+
};
|
|
14
|
+
inputRef: React.RefObject<{
|
|
15
|
+
elementRef: React.RefObject<HTMLInputElement>;
|
|
16
|
+
} | null>;
|
|
17
|
+
overlayRef: React.RefObject<HTMLDivElement | null>;
|
|
18
|
+
portalRef: React.RefObject<{
|
|
19
|
+
containerRef: {
|
|
20
|
+
current: {
|
|
21
|
+
elementRef: React.RefObject<HTMLDivElement>;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
} | null>;
|
|
25
|
+
testRequirement: (test: (value: string, strength: PasswordStrengthResult | null) => boolean) => boolean;
|
|
26
|
+
calculatePasswordStrength: (password: string, levels: PasswordStrengthLevel[]) => PasswordStrengthResult;
|
|
27
|
+
onInputClick: () => void;
|
|
28
|
+
onInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
29
|
+
onFocus: () => void;
|
|
30
|
+
onBlur: () => void;
|
|
31
|
+
onOverlayEnter: () => void;
|
|
32
|
+
changeVisibleState: (isVisible: boolean) => void;
|
|
33
|
+
onClearClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
34
|
+
onMaskToggle: () => void;
|
|
35
|
+
}>;
|
|
File without changes
|
package/placer/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{withHeadless as J}from"@primereact/core/headless";import{addStyle as C,getOffset as x,getOuterHeight as T,getOuterWidth as w,getViewport as K}from"@primeuix/utils/dom";import*as A from"react";var k={align:"center",alignOffset:0,side:"top",sideOffset:0};var R=J({name:"usePlacer",defaultProps:k,setup:({props:f})=>{let[P,S]=A.useState(f.side),[$,E]=A.useState(f.align),p=A.useRef(null),d=A.useRef(null),m=A.useRef(null),M={effectiveSide:P,effectiveAlign:$},O=()=>{var n,t;return d!=null&&d.current&&(d==null?void 0:d.current)instanceof HTMLElement?d==null?void 0:d.current:(t=(n=d==null?void 0:d.current)==null?void 0:n.elementRef)==null?void 0:t.current},y=()=>{var n,t;return m!=null&&m.current&&(m==null?void 0:m.current)instanceof HTMLElement?m==null?void 0:m.current:(t=(n=m==null?void 0:m.current)==null?void 0:n.elementRef)==null?void 0:t.current},b=()=>{var n,t;return p!=null&&p.current&&(p==null?void 0:p.current)instanceof HTMLElement?p==null?void 0:p.current:(t=(n=p==null?void 0:p.current)==null?void 0:n.elementRef)==null?void 0:t.current},B=n=>{var h;let t=y(),o=O();if(!t||!o)return;let r=x(o),e=w(t),s=w(o),c=T(t),i=T(b()),l=window.scrollY||document.documentElement.scrollTop,a=window.scrollX||document.documentElement.scrollLeft,u=H(n,Number(r.left),s,e),g=Number(r.top)-c-((h=f.sideOffset)!=null?h:0)-i;t.style.transform=`translate(${u+a}px, ${g-l}px)`},N=n=>{var h;let t=y(),o=O();if(!t||!o)return;let r=x(o),e=w(t),s=w(o),c=T(o),i=T(b()),l=window.scrollY||document.documentElement.scrollTop,a=window.scrollX||document.documentElement.scrollLeft,u=H(n,Number(r.left),s,e),g=Number(r.top)+c+((h=f.sideOffset)!=null?h:0)+i;t.style.transform=`translate(${u+a}px, ${g-l}px)`},W=n=>{var h;let t=y(),o=O();if(!t||!o)return;let r=x(o),e=w(t),s=T(t),c=T(o),i=w(b()),l=window.scrollY||document.documentElement.scrollTop,a=window.scrollX||document.documentElement.scrollLeft,u=L(n,Number(r.top),c,s),g=Number(r.left)-e-((h=f.sideOffset)!=null?h:0)-i;t.style.transform=`translate(${g+a}px, ${u-l}px)`},X=n=>{var h;let t=y(),o=O();if(!t||!o)return;let r=x(o),e=T(t),s=T(o),c=w(o),i=w(b()),l=window.scrollY||document.documentElement.scrollTop,a=window.scrollX||document.documentElement.scrollLeft,u=L(n,Number(r.top),s,e),g=Number(r.left)+c+((h=f.sideOffset)!=null?h:0)+i;t.style.transform=`translate(${g+a}px, ${u-l}px)`},H=(n,t,o,r)=>{var e,s;switch(n){case"start":return t+((e=f.alignOffset)!=null?e:0);case"end":return t+o-r-((s=f.alignOffset)!=null?s:0);
|
|
1
|
+
import{withHeadless as J}from"@primereact/core/headless";import{addStyle as C,getOffset as x,getOuterHeight as T,getOuterWidth as w,getViewport as K}from"@primeuix/utils/dom";import*as A from"react";var k={align:"center",alignOffset:0,side:"top",sideOffset:0};var R=J({name:"usePlacer",defaultProps:k,setup:({props:f})=>{let[P,S]=A.useState(f.side),[$,E]=A.useState(f.align),p=A.useRef(null),d=A.useRef(null),m=A.useRef(null),M={effectiveSide:P,effectiveAlign:$},O=()=>{var n,t;return d!=null&&d.current&&(d==null?void 0:d.current)instanceof HTMLElement?d==null?void 0:d.current:(t=(n=d==null?void 0:d.current)==null?void 0:n.elementRef)==null?void 0:t.current},y=()=>{var n,t;return m!=null&&m.current&&(m==null?void 0:m.current)instanceof HTMLElement?m==null?void 0:m.current:(t=(n=m==null?void 0:m.current)==null?void 0:n.elementRef)==null?void 0:t.current},b=()=>{var n,t;return p!=null&&p.current&&(p==null?void 0:p.current)instanceof HTMLElement?p==null?void 0:p.current:(t=(n=p==null?void 0:p.current)==null?void 0:n.elementRef)==null?void 0:t.current},B=n=>{var h;let t=y(),o=O();if(!t||!o)return;let r=x(o),e=w(t),s=w(o),c=T(t),i=T(b()),l=window.scrollY||document.documentElement.scrollTop,a=window.scrollX||document.documentElement.scrollLeft,u=H(n,Number(r.left),s,e),g=Number(r.top)-c-((h=f.sideOffset)!=null?h:0)-i;t.style.transform=`translate(${u+a}px, ${g-l}px)`},N=n=>{var h;let t=y(),o=O();if(!t||!o)return;let r=x(o),e=w(t),s=w(o),c=T(o),i=T(b()),l=window.scrollY||document.documentElement.scrollTop,a=window.scrollX||document.documentElement.scrollLeft,u=H(n,Number(r.left),s,e),g=Number(r.top)+c+((h=f.sideOffset)!=null?h:0)+i;t.style.transform=`translate(${u+a}px, ${g-l}px)`},W=n=>{var h;let t=y(),o=O();if(!t||!o)return;let r=x(o),e=w(t),s=T(t),c=T(o),i=w(b()),l=window.scrollY||document.documentElement.scrollTop,a=window.scrollX||document.documentElement.scrollLeft,u=L(n,Number(r.top),c,s),g=Number(r.left)-e-((h=f.sideOffset)!=null?h:0)-i;t.style.transform=`translate(${g+a}px, ${u-l}px)`},X=n=>{var h;let t=y(),o=O();if(!t||!o)return;let r=x(o),e=T(t),s=T(o),c=w(o),i=w(b()),l=window.scrollY||document.documentElement.scrollTop,a=window.scrollX||document.documentElement.scrollLeft,u=L(n,Number(r.top),s,e),g=Number(r.left)+c+((h=f.sideOffset)!=null?h:0)+i;t.style.transform=`translate(${g+a}px, ${u-l}px)`},H=(n,t,o,r)=>{var e,s;switch(n){case"start":return t+((e=f.alignOffset)!=null?e:0);case"end":return t+o-r-((s=f.alignOffset)!=null?s:0);default:return t+(o-r)/2}},L=(n,t,o,r)=>{var e,s;switch(n){case"start":return t+((e=f.alignOffset)!=null?e:0);case"end":return t+o-r-((s=f.alignOffset)!=null?s:0);default:return t+(o-r)/2}},Y=()=>{var c,i;let n=y();if(!n)return;C(n,{position:"fixed",left:"0",top:"0",willChange:"transform"});let t=b();t&&C(t,{position:"absolute"});let o=q((c=f.side)!=null?c:"top"),r=j((i=f.align)!=null?i:"center"),{side:e,align:s}=V(o,r);S(e),E(s),n.style.setProperty("--placer-transform-origin",G(e!=null?e:"top",s!=null?s:"center"))},v=(n,t)=>{let o=y();o&&(o==null||o.setAttribute("data-side",n),o==null||o.setAttribute("data-align",t));let r=O();r&&(r==null||r.setAttribute("data-side",n),r==null||r.setAttribute("data-align",t));let e=b();e&&(e==null||e.setAttribute("data-side",n),e==null||e.setAttribute("data-align",t))},V=(n,t)=>{for(let o of n)for(let r of t)if(v(o,r),D(o,r),I(o),!F())return{side:o,align:r};return{side:f.side,align:f.align}},j=n=>{switch(n){case"start":return["start","center","end"];case"end":return["end","center","start"];case"center":return["center","start","end"];default:return["center","start","end"]}},q=n=>{let t=["top","right","bottom","left"],o=z(n),r=t.filter(e=>e!==n&&e!==o);return[n,o,...r]},z=n=>{switch(n){case"top":return"bottom";case"bottom":return"top";case"left":return"right";case"right":return"left";default:return n}},D=(n,t)=>{switch(n){case"top":B(t);break;case"bottom":N(t);break;case"left":W(t);break;case"right":X(t);break}S(n),E(t)},F=()=>{var c,i,l,a;let n=y(),t=b();if(!n)return!1;let o=K(),r=n.getBoundingClientRect(),e=t==null?void 0:t.getBoundingClientRect(),s={top:Math.min(r.top,(c=e==null?void 0:e.top)!=null?c:r.top),left:Math.min(r.left,(i=e==null?void 0:e.left)!=null?i:r.left),right:Math.max(r.right,(l=e==null?void 0:e.right)!=null?l:r.right),bottom:Math.max(r.bottom,(a=e==null?void 0:e.bottom)!=null?a:r.bottom)};return s.left<0||s.top<0||s.right>o.width||s.bottom>o.height},G=(n,t)=>{let o=y(),r=b();if(!o)return"center center";let e=o.getBoundingClientRect(),s=r?r.getBoundingClientRect():null,c=e.width/2,i=e.height/2;if(s){let l=s.height,a=s.width,u=s.left+a/2-e.left,g=s.top+l/2-e.top;switch(n){case"top":c=u,i=e.height+l;break;case"bottom":c=u,i=0;break;case"left":c=e.width+a,i=g;break;case"right":c=e.left-s.left,i=g;break}}else{let l=(a,u)=>{let g=a==="x"?e.width:e.height;switch(u){case"start":return 0;case"end":return g;case"center":return g/2}};switch(n){case"top":i=e.height,c=l("x",t);break;case"bottom":i=0,c=l("x",t);break;case"left":c=e.width,i=l("y",t);break;case"right":c=0,i=l("y",t);break}}return`${c}px ${i}px`},I=n=>{let t=b(),o=y(),r=O();if(!o||!t)return;let e=o.getBoundingClientRect(),s=r.getBoundingClientRect(),c=s.left+s.width/2,i=s.top+s.height/2,l=c-e.left,a=i-e.top,u=8;(n==="top"||n==="bottom")&&((l<u||l>e.width-u)&&(t.style.opacity="0"),t.style.left=`${l}px`,t.style.top=n==="top"?"100%":"auto",t.style.bottom=n==="bottom"?"100%":"auto",t.style.transform="translateX(-50%)"),(n==="left"||n==="right")&&((a<u||a>e.height-u)&&(t.style.opacity="0"),t.style.top=`${a}px`,t.style.left=n==="left"?"100%":"auto",t.style.right=n==="right"?"100%":"auto",t.style.transform="translateY(-50%)")};return{state:M,containerRef:m,anchorRef:d,arrowRef:p,applyPlacement:Y}}});export{k as defaultProps,R as usePlacer};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/placer/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/placer/usePlacer.ts","../../src/placer/usePlacer.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { AlignType, SideType } from '@primereact/types/shared/placer';\nimport { addStyle, getOffset, getOuterHeight, getOuterWidth, getViewport } from '@primeuix/utils/dom';\nimport * as React from 'react';\nimport { defaultProps } from './usePlacer.props';\n\nexport const usePlacer = withHeadless({\n name: 'usePlacer',\n defaultProps,\n setup: ({ props }) => {\n const [effectiveSide, setEffectiveSide] = React.useState<SideType | null | undefined>(props.side);\n const [effectiveAlign, setEffectiveAlign] = React.useState<AlignType | null | undefined>(props.align);\n const arrowRef = React.useRef<HTMLElement | null | unknown>(null);\n const anchorRef = React.useRef<HTMLElement | null | unknown>(null);\n const containerRef = React.useRef<HTMLElement | null | unknown>(null);\n\n const state = {\n effectiveSide,\n effectiveAlign\n };\n\n const getAnchor = () => {\n if (anchorRef?.current && anchorRef?.current instanceof HTMLElement) {\n return anchorRef?.current;\n }\n\n // @ts-expect-error - Temporary fix for elementRef property access\n return anchorRef?.current?.elementRef?.current;\n };\n\n const getContainer = () => {\n if (containerRef?.current && containerRef?.current instanceof HTMLElement) {\n return containerRef?.current;\n }\n\n // @ts-expect-error - Temporary fix for elementRef property access\n return containerRef?.current?.elementRef?.current;\n };\n\n const getArrow = () => {\n if (arrowRef?.current && arrowRef?.current instanceof HTMLElement) {\n return arrowRef?.current;\n }\n\n // @ts-expect-error - Temporary fix for elementRef property access\n return arrowRef?.current?.elementRef?.current;\n };\n\n const placeTop = (align: AlignType) => {\n const container = getContainer();\n const anchor = getAnchor();\n\n if (!container || !anchor) return;\n\n const anchorOffset = getOffset(anchor);\n const tooltipWidth = getOuterWidth(container);\n const anchorWidth = getOuterWidth(anchor);\n const tooltipHeight = getOuterHeight(container);\n const arrowHeight = getOuterHeight(getArrow());\n\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n const scrollLeft = window.scrollX || document.documentElement.scrollLeft;\n\n const left = getLeftByAlign(align, Number(anchorOffset.left), anchorWidth, tooltipWidth);\n\n const top = Number(anchorOffset.top) - tooltipHeight - (props.sideOffset ?? 0) - arrowHeight;\n\n container.style.transform = `translate(${left + scrollLeft}px, ${top - scrollTop}px)`;\n };\n\n const placeBottom = (align: AlignType) => {\n const container = getContainer();\n const anchor = getAnchor();\n\n if (!container || !anchor) return;\n\n const anchorOffset = getOffset(anchor);\n const tooltipWidth = getOuterWidth(container);\n const anchorWidth = getOuterWidth(anchor);\n const anchorHeight = getOuterHeight(anchor);\n const arrowHeight = getOuterHeight(getArrow());\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n const scrollLeft = window.scrollX || document.documentElement.scrollLeft;\n const left = getLeftByAlign(align, Number(anchorOffset.left), anchorWidth, tooltipWidth);\n\n const top = Number(anchorOffset.top) + anchorHeight + (props.sideOffset ?? 0) + arrowHeight;\n\n container.style.transform = `translate(${left + scrollLeft}px, ${top - scrollTop}px)`;\n };\n\n const placeLeft = (align: AlignType) => {\n const container = getContainer();\n const anchor = getAnchor();\n\n if (!container || !anchor) return;\n\n const anchorOffset = getOffset(anchor);\n const tooltipWidth = getOuterWidth(container);\n const tooltipHeight = getOuterHeight(container);\n const anchorHeight = getOuterHeight(anchor);\n const arrowWidth = getOuterWidth(getArrow());\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n const scrollLeft = window.scrollX || document.documentElement.scrollLeft;\n const top = getTopByAlign(align, Number(anchorOffset.top), anchorHeight, tooltipHeight);\n\n const left = Number(anchorOffset.left) - tooltipWidth - (props.sideOffset ?? 0) - arrowWidth;\n\n container.style.transform = `translate(${left + scrollLeft}px, ${top - scrollTop}px)`;\n };\n\n const placeRight = (align: AlignType) => {\n const container = getContainer();\n const anchor = getAnchor();\n\n if (!container || !anchor) return;\n\n const anchorOffset = getOffset(anchor);\n const tooltipHeight = getOuterHeight(container);\n const anchorHeight = getOuterHeight(anchor);\n const anchorWidth = getOuterWidth(anchor);\n const arrowWidth = getOuterWidth(getArrow());\n\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n const scrollLeft = window.scrollX || document.documentElement.scrollLeft;\n const top = getTopByAlign(align, Number(anchorOffset.top), anchorHeight, tooltipHeight);\n\n const left = Number(anchorOffset.left) + anchorWidth + (props.sideOffset ?? 0) + arrowWidth;\n\n container.style.transform = `translate(${left + scrollLeft}px, ${top - scrollTop}px)`;\n };\n\n const getLeftByAlign = (align: AlignType, anchorLeft: number, anchorWidth: number, tooltipWidth: number): number => {\n switch (align) {\n case 'start':\n return anchorLeft + (props.alignOffset ?? 0);\n case 'end':\n return anchorLeft + anchorWidth - tooltipWidth - (props.alignOffset ?? 0);\n case 'center':\n default:\n return anchorLeft + (anchorWidth - tooltipWidth) / 2;\n }\n };\n\n const getTopByAlign = (align: AlignType, anchorTop: number, anchorHeight: number, tooltipHeight: number): number => {\n switch (align) {\n case 'start':\n return anchorTop + (props.alignOffset ?? 0);\n case 'end':\n return anchorTop + anchorHeight - tooltipHeight - (props.alignOffset ?? 0);\n case 'center':\n default:\n return anchorTop + (anchorHeight - tooltipHeight) / 2;\n }\n };\n\n const applyPlacement = () => {\n const container = getContainer();\n\n if (!container) return;\n\n addStyle(container, {\n position: 'fixed',\n left: '0',\n top: '0',\n willChange: 'transform'\n });\n\n const arrow = getArrow();\n\n if (arrow) {\n addStyle(arrow, {\n position: 'absolute'\n });\n }\n\n const sideOptions = getSideOptions(props.side ?? 'top');\n const alignOptions = getAlignOptions(props.align ?? 'center');\n\n const { side, align } = tryPlacement(sideOptions, alignOptions);\n\n setEffectiveSide(side);\n setEffectiveAlign(align);\n\n container.style.setProperty('--placer-transform-origin', getTransformOrigin(side ?? 'top', align ?? 'center'));\n };\n\n const updateAttributes = (side: SideType, align: AlignType) => {\n const container = getContainer();\n\n if (container) {\n container?.setAttribute('data-side', side);\n container?.setAttribute('data-align', align);\n }\n\n const anchor = getAnchor();\n\n if (anchor) {\n anchor?.setAttribute('data-side', side);\n anchor?.setAttribute('data-align', align);\n }\n\n const arrow = getArrow();\n\n if (arrow) {\n arrow?.setAttribute('data-side', side);\n arrow?.setAttribute('data-align', align);\n }\n };\n\n const tryPlacement = (sideOptions: SideType[], alignOptions: AlignType[]) => {\n for (const side of sideOptions) {\n for (const align of alignOptions) {\n updateAttributes(side, align);\n placeContainer(side, align);\n updateArrowPosition(side);\n\n if (!isOutOfBounds()) {\n return { side, align };\n }\n }\n }\n\n return { side: props.side, align: props.align };\n };\n\n const getAlignOptions = (align: AlignType): AlignType[] => {\n switch (align) {\n case 'start':\n return ['start', 'center', 'end'];\n case 'end':\n return ['end', 'center', 'start'];\n case 'center':\n return ['center', 'start', 'end'];\n default:\n return ['center', 'start', 'end'];\n }\n };\n\n const getSideOptions = (side: SideType): SideType[] => {\n const allSides: SideType[] = ['top', 'right', 'bottom', 'left'];\n const flipped = flipSide(side);\n const remaining = allSides.filter((s) => s !== side && s !== flipped);\n\n return [side, flipped, ...remaining];\n };\n\n const flipSide = (side: SideType): SideType => {\n switch (side) {\n case 'top':\n return 'bottom';\n case 'bottom':\n return 'top';\n case 'left':\n return 'right';\n case 'right':\n return 'left';\n default:\n return side;\n }\n };\n\n const placeContainer = (side: SideType, align: AlignType) => {\n switch (side) {\n case 'top':\n placeTop(align);\n break;\n case 'bottom':\n placeBottom(align);\n break;\n case 'left':\n placeLeft(align);\n break;\n case 'right':\n placeRight(align);\n break;\n }\n\n setEffectiveSide(side);\n setEffectiveAlign(align);\n };\n\n const isOutOfBounds = () => {\n const container = getContainer();\n const arrow = getArrow();\n\n if (!container) return false;\n\n const viewport = getViewport();\n const containerRect = container.getBoundingClientRect();\n const arrowRect = arrow?.getBoundingClientRect();\n\n const combinedRect = {\n top: Math.min(containerRect.top, arrowRect?.top ?? containerRect.top),\n left: Math.min(containerRect.left, arrowRect?.left ?? containerRect.left),\n right: Math.max(containerRect.right, arrowRect?.right ?? containerRect.right),\n bottom: Math.max(containerRect.bottom, arrowRect?.bottom ?? containerRect.bottom)\n };\n\n return combinedRect.left < 0 || combinedRect.top < 0 || combinedRect.right > viewport.width || combinedRect.bottom > viewport.height;\n };\n\n const getTransformOrigin = (side: SideType, align: AlignType): string => {\n const container = getContainer();\n const arrow = getArrow();\n\n if (!container) return 'center center';\n\n const containerRect = container.getBoundingClientRect();\n const arrowRect = arrow ? (arrow as HTMLElement).getBoundingClientRect() : null;\n\n let originX = containerRect.width / 2;\n let originY = containerRect.height / 2;\n\n if (arrowRect) {\n const arrowHeight = arrowRect.height;\n const arrowWidth = arrowRect.width;\n const arrowCenterX = arrowRect.left + arrowWidth / 2 - containerRect.left;\n const arrowCenterY = arrowRect.top + arrowHeight / 2 - containerRect.top;\n\n switch (side) {\n case 'top':\n originX = arrowCenterX;\n originY = containerRect.height + arrowHeight;\n break;\n case 'bottom':\n originX = arrowCenterX;\n originY = 0;\n break;\n case 'left':\n originX = containerRect.width + arrowWidth;\n originY = arrowCenterY;\n break;\n case 'right':\n originX = containerRect.left - arrowRect.left;\n originY = arrowCenterY;\n break;\n }\n } else {\n const alignTo = (type: 'x' | 'y', align: AlignType) => {\n const dim = type === 'x' ? containerRect.width : containerRect.height;\n\n switch (align) {\n case 'start':\n return 0;\n case 'end':\n return dim;\n case 'center':\n return dim / 2;\n }\n };\n\n switch (side) {\n case 'top':\n originY = containerRect.height;\n originX = alignTo('x', align);\n break;\n case 'bottom':\n originY = 0;\n originX = alignTo('x', align);\n\n break;\n case 'left':\n originX = containerRect.width;\n originY = alignTo('y', align);\n\n break;\n case 'right':\n originX = 0;\n originY = alignTo('y', align);\n\n break;\n }\n }\n\n return `${originX}px ${originY}px`;\n };\n\n const updateArrowPosition = (side: SideType) => {\n const arrow = getArrow();\n const container = getContainer();\n const anchor = getAnchor();\n\n if (!container || !arrow) return;\n\n const tooltipRect = container.getBoundingClientRect();\n const anchorRect = anchor.getBoundingClientRect();\n const anchorCenterX = anchorRect.left + anchorRect.width / 2;\n const anchorCenterY = anchorRect.top + anchorRect.height / 2;\n\n const arrowLeft = anchorCenterX - tooltipRect.left;\n const arrowTop = anchorCenterY - tooltipRect.top;\n const padding = 8;\n\n if (side === 'top' || side === 'bottom') {\n if (arrowLeft < padding || arrowLeft > tooltipRect.width - padding) {\n arrow.style.opacity = '0';\n }\n\n arrow.style.left = `${arrowLeft}px`;\n arrow.style.top = side === 'top' ? '100%' : 'auto';\n arrow.style.bottom = side === 'bottom' ? '100%' : 'auto';\n arrow.style.transform = 'translateX(-50%)';\n }\n\n if (side === 'left' || side === 'right') {\n if (arrowTop < padding || arrowTop > tooltipRect.height - padding) {\n arrow.style.opacity = '0';\n }\n\n arrow.style.top = `${arrowTop}px`;\n arrow.style.left = side === 'left' ? '100%' : 'auto';\n arrow.style.right = side === 'right' ? '100%' : 'auto';\n arrow.style.transform = 'translateY(-50%)';\n }\n };\n\n // effects\n\n return {\n state,\n containerRef,\n anchorRef,\n arrowRef,\n applyPlacement\n };\n }\n});\n","import type { usePlacerProps } from '@primereact/types/shared/placer';\n\nexport const defaultProps: usePlacerProps = {\n align: 'center',\n alignOffset: 0,\n side: 'top',\n sideOffset: 0\n};\n"],"mappings":"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","names":["withHeadless","addStyle","getOffset","getOuterHeight","getOuterWidth","getViewport","React","defaultProps","usePlacer","withHeadless","defaultProps","props","effectiveSide","setEffectiveSide","effectiveAlign","setEffectiveAlign","arrowRef","anchorRef","containerRef","state","getAnchor","_a","_b","getContainer","getArrow","placeTop","align","container","anchor","anchorOffset","getOffset","tooltipWidth","getOuterWidth","anchorWidth","tooltipHeight","getOuterHeight","arrowHeight","scrollTop","scrollLeft","left","getLeftByAlign","top","placeBottom","anchorHeight","placeLeft","arrowWidth","getTopByAlign","placeRight","anchorLeft","anchorTop","applyPlacement","addStyle","arrow","sideOptions","getSideOptions","alignOptions","getAlignOptions","side","tryPlacement","getTransformOrigin","updateAttributes","placeContainer","updateArrowPosition","isOutOfBounds","allSides","flipped","flipSide","remaining","s","_c","_d","viewport","getViewport","containerRect","arrowRect","combinedRect","originX","originY","arrowCenterX","arrowCenterY","alignTo","type","dim","tooltipRect","anchorRect","anchorCenterX","anchorCenterY","arrowLeft","arrowTop","padding"]}
|
|
1
|
+
{"version":3,"sources":["../../src/placer/usePlacer.ts","../../src/placer/usePlacer.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { AlignType, SideType } from '@primereact/types/shared/placer';\nimport { addStyle, getOffset, getOuterHeight, getOuterWidth, getViewport } from '@primeuix/utils/dom';\nimport * as React from 'react';\nimport { defaultProps } from './usePlacer.props';\n\nexport const usePlacer = withHeadless({\n name: 'usePlacer',\n defaultProps,\n setup: ({ props }) => {\n const [effectiveSide, setEffectiveSide] = React.useState<SideType | null | undefined>(props.side);\n const [effectiveAlign, setEffectiveAlign] = React.useState<AlignType | null | undefined>(props.align);\n const arrowRef = React.useRef<HTMLElement | null | unknown>(null);\n const anchorRef = React.useRef<HTMLElement | null | unknown>(null);\n const containerRef = React.useRef<HTMLElement | null | unknown>(null);\n\n const state = {\n effectiveSide,\n effectiveAlign\n };\n\n const getAnchor = () => {\n if (anchorRef?.current && anchorRef?.current instanceof HTMLElement) {\n return anchorRef?.current;\n }\n\n // @ts-expect-error - Temporary fix for elementRef property access\n return anchorRef?.current?.elementRef?.current;\n };\n\n const getContainer = () => {\n if (containerRef?.current && containerRef?.current instanceof HTMLElement) {\n return containerRef?.current;\n }\n\n // @ts-expect-error - Temporary fix for elementRef property access\n return containerRef?.current?.elementRef?.current;\n };\n\n const getArrow = () => {\n if (arrowRef?.current && arrowRef?.current instanceof HTMLElement) {\n return arrowRef?.current;\n }\n\n // @ts-expect-error - Temporary fix for elementRef property access\n return arrowRef?.current?.elementRef?.current;\n };\n\n const placeTop = (align: AlignType) => {\n const container = getContainer();\n const anchor = getAnchor();\n\n if (!container || !anchor) return;\n\n const anchorOffset = getOffset(anchor);\n const tooltipWidth = getOuterWidth(container);\n const anchorWidth = getOuterWidth(anchor);\n const tooltipHeight = getOuterHeight(container);\n const arrowHeight = getOuterHeight(getArrow());\n\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n const scrollLeft = window.scrollX || document.documentElement.scrollLeft;\n\n const left = getLeftByAlign(align, Number(anchorOffset.left), anchorWidth, tooltipWidth);\n\n const top = Number(anchorOffset.top) - tooltipHeight - (props.sideOffset ?? 0) - arrowHeight;\n\n container.style.transform = `translate(${left + scrollLeft}px, ${top - scrollTop}px)`;\n };\n\n const placeBottom = (align: AlignType) => {\n const container = getContainer();\n const anchor = getAnchor();\n\n if (!container || !anchor) return;\n\n const anchorOffset = getOffset(anchor);\n const tooltipWidth = getOuterWidth(container);\n const anchorWidth = getOuterWidth(anchor);\n const anchorHeight = getOuterHeight(anchor);\n const arrowHeight = getOuterHeight(getArrow());\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n const scrollLeft = window.scrollX || document.documentElement.scrollLeft;\n const left = getLeftByAlign(align, Number(anchorOffset.left), anchorWidth, tooltipWidth);\n\n const top = Number(anchorOffset.top) + anchorHeight + (props.sideOffset ?? 0) + arrowHeight;\n\n container.style.transform = `translate(${left + scrollLeft}px, ${top - scrollTop}px)`;\n };\n\n const placeLeft = (align: AlignType) => {\n const container = getContainer();\n const anchor = getAnchor();\n\n if (!container || !anchor) return;\n\n const anchorOffset = getOffset(anchor);\n const tooltipWidth = getOuterWidth(container);\n const tooltipHeight = getOuterHeight(container);\n const anchorHeight = getOuterHeight(anchor);\n const arrowWidth = getOuterWidth(getArrow());\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n const scrollLeft = window.scrollX || document.documentElement.scrollLeft;\n const top = getTopByAlign(align, Number(anchorOffset.top), anchorHeight, tooltipHeight);\n\n const left = Number(anchorOffset.left) - tooltipWidth - (props.sideOffset ?? 0) - arrowWidth;\n\n container.style.transform = `translate(${left + scrollLeft}px, ${top - scrollTop}px)`;\n };\n\n const placeRight = (align: AlignType) => {\n const container = getContainer();\n const anchor = getAnchor();\n\n if (!container || !anchor) return;\n\n const anchorOffset = getOffset(anchor);\n const tooltipHeight = getOuterHeight(container);\n const anchorHeight = getOuterHeight(anchor);\n const anchorWidth = getOuterWidth(anchor);\n const arrowWidth = getOuterWidth(getArrow());\n\n const scrollTop = window.scrollY || document.documentElement.scrollTop;\n const scrollLeft = window.scrollX || document.documentElement.scrollLeft;\n const top = getTopByAlign(align, Number(anchorOffset.top), anchorHeight, tooltipHeight);\n\n const left = Number(anchorOffset.left) + anchorWidth + (props.sideOffset ?? 0) + arrowWidth;\n\n container.style.transform = `translate(${left + scrollLeft}px, ${top - scrollTop}px)`;\n };\n\n const getLeftByAlign = (align: AlignType, anchorLeft: number, anchorWidth: number, tooltipWidth: number): number => {\n switch (align) {\n case 'start':\n return anchorLeft + (props.alignOffset ?? 0);\n case 'end':\n return anchorLeft + anchorWidth - tooltipWidth - (props.alignOffset ?? 0);\n case 'center':\n default:\n return anchorLeft + (anchorWidth - tooltipWidth) / 2;\n }\n };\n\n const getTopByAlign = (align: AlignType, anchorTop: number, anchorHeight: number, tooltipHeight: number): number => {\n switch (align) {\n case 'start':\n return anchorTop + (props.alignOffset ?? 0);\n case 'end':\n return anchorTop + anchorHeight - tooltipHeight - (props.alignOffset ?? 0);\n case 'center':\n default:\n return anchorTop + (anchorHeight - tooltipHeight) / 2;\n }\n };\n\n const applyPlacement = () => {\n const container = getContainer();\n\n if (!container) return;\n\n addStyle(container, {\n position: 'fixed',\n left: '0',\n top: '0',\n willChange: 'transform'\n });\n\n const arrow = getArrow();\n\n if (arrow) {\n addStyle(arrow, {\n position: 'absolute'\n });\n }\n\n const sideOptions = getSideOptions(props.side ?? 'top');\n const alignOptions = getAlignOptions(props.align ?? 'center');\n\n const { side, align } = tryPlacement(sideOptions, alignOptions);\n\n setEffectiveSide(side);\n setEffectiveAlign(align);\n\n container.style.setProperty('--placer-transform-origin', getTransformOrigin(side ?? 'top', align ?? 'center'));\n };\n\n const updateAttributes = (side: SideType, align: AlignType) => {\n const container = getContainer();\n\n if (container) {\n container?.setAttribute('data-side', side);\n container?.setAttribute('data-align', align);\n }\n\n const anchor = getAnchor();\n\n if (anchor) {\n anchor?.setAttribute('data-side', side);\n anchor?.setAttribute('data-align', align);\n }\n\n const arrow = getArrow();\n\n if (arrow) {\n arrow?.setAttribute('data-side', side);\n arrow?.setAttribute('data-align', align);\n }\n };\n\n const tryPlacement = (sideOptions: SideType[], alignOptions: AlignType[]) => {\n for (const side of sideOptions) {\n for (const align of alignOptions) {\n updateAttributes(side, align);\n placeContainer(side, align);\n updateArrowPosition(side);\n\n if (!isOutOfBounds()) {\n return { side, align };\n }\n }\n }\n\n return { side: props.side, align: props.align };\n };\n\n const getAlignOptions = (align: AlignType): AlignType[] => {\n switch (align) {\n case 'start':\n return ['start', 'center', 'end'];\n case 'end':\n return ['end', 'center', 'start'];\n case 'center':\n return ['center', 'start', 'end'];\n default:\n return ['center', 'start', 'end'];\n }\n };\n\n const getSideOptions = (side: SideType): SideType[] => {\n const allSides: SideType[] = ['top', 'right', 'bottom', 'left'];\n const flipped = flipSide(side);\n const remaining = allSides.filter((s) => s !== side && s !== flipped);\n\n return [side, flipped, ...remaining];\n };\n\n const flipSide = (side: SideType): SideType => {\n switch (side) {\n case 'top':\n return 'bottom';\n case 'bottom':\n return 'top';\n case 'left':\n return 'right';\n case 'right':\n return 'left';\n default:\n return side;\n }\n };\n\n const placeContainer = (side: SideType, align: AlignType) => {\n switch (side) {\n case 'top':\n placeTop(align);\n break;\n case 'bottom':\n placeBottom(align);\n break;\n case 'left':\n placeLeft(align);\n break;\n case 'right':\n placeRight(align);\n break;\n }\n\n setEffectiveSide(side);\n setEffectiveAlign(align);\n };\n\n const isOutOfBounds = () => {\n const container = getContainer();\n const arrow = getArrow();\n\n if (!container) return false;\n\n const viewport = getViewport();\n const containerRect = container.getBoundingClientRect();\n const arrowRect = arrow?.getBoundingClientRect();\n\n const combinedRect = {\n top: Math.min(containerRect.top, arrowRect?.top ?? containerRect.top),\n left: Math.min(containerRect.left, arrowRect?.left ?? containerRect.left),\n right: Math.max(containerRect.right, arrowRect?.right ?? containerRect.right),\n bottom: Math.max(containerRect.bottom, arrowRect?.bottom ?? containerRect.bottom)\n };\n\n return combinedRect.left < 0 || combinedRect.top < 0 || combinedRect.right > viewport.width || combinedRect.bottom > viewport.height;\n };\n\n const getTransformOrigin = (side: SideType, align: AlignType): string => {\n const container = getContainer();\n const arrow = getArrow();\n\n if (!container) return 'center center';\n\n const containerRect = container.getBoundingClientRect();\n const arrowRect = arrow ? (arrow as HTMLElement).getBoundingClientRect() : null;\n\n let originX = containerRect.width / 2;\n let originY = containerRect.height / 2;\n\n if (arrowRect) {\n const arrowHeight = arrowRect.height;\n const arrowWidth = arrowRect.width;\n const arrowCenterX = arrowRect.left + arrowWidth / 2 - containerRect.left;\n const arrowCenterY = arrowRect.top + arrowHeight / 2 - containerRect.top;\n\n switch (side) {\n case 'top':\n originX = arrowCenterX;\n originY = containerRect.height + arrowHeight;\n break;\n case 'bottom':\n originX = arrowCenterX;\n originY = 0;\n break;\n case 'left':\n originX = containerRect.width + arrowWidth;\n originY = arrowCenterY;\n break;\n case 'right':\n originX = containerRect.left - arrowRect.left;\n originY = arrowCenterY;\n break;\n }\n } else {\n const alignTo = (type: 'x' | 'y', align: AlignType) => {\n const dim = type === 'x' ? containerRect.width : containerRect.height;\n\n switch (align) {\n case 'start':\n return 0;\n case 'end':\n return dim;\n case 'center':\n return dim / 2;\n }\n };\n\n switch (side) {\n case 'top':\n originY = containerRect.height;\n originX = alignTo('x', align);\n break;\n case 'bottom':\n originY = 0;\n originX = alignTo('x', align);\n\n break;\n case 'left':\n originX = containerRect.width;\n originY = alignTo('y', align);\n\n break;\n case 'right':\n originX = 0;\n originY = alignTo('y', align);\n\n break;\n }\n }\n\n return `${originX}px ${originY}px`;\n };\n\n const updateArrowPosition = (side: SideType) => {\n const arrow = getArrow();\n const container = getContainer();\n const anchor = getAnchor();\n\n if (!container || !arrow) return;\n\n const tooltipRect = container.getBoundingClientRect();\n const anchorRect = anchor.getBoundingClientRect();\n const anchorCenterX = anchorRect.left + anchorRect.width / 2;\n const anchorCenterY = anchorRect.top + anchorRect.height / 2;\n\n const arrowLeft = anchorCenterX - tooltipRect.left;\n const arrowTop = anchorCenterY - tooltipRect.top;\n const padding = 8;\n\n if (side === 'top' || side === 'bottom') {\n if (arrowLeft < padding || arrowLeft > tooltipRect.width - padding) {\n arrow.style.opacity = '0';\n }\n\n arrow.style.left = `${arrowLeft}px`;\n arrow.style.top = side === 'top' ? '100%' : 'auto';\n arrow.style.bottom = side === 'bottom' ? '100%' : 'auto';\n arrow.style.transform = 'translateX(-50%)';\n }\n\n if (side === 'left' || side === 'right') {\n if (arrowTop < padding || arrowTop > tooltipRect.height - padding) {\n arrow.style.opacity = '0';\n }\n\n arrow.style.top = `${arrowTop}px`;\n arrow.style.left = side === 'left' ? '100%' : 'auto';\n arrow.style.right = side === 'right' ? '100%' : 'auto';\n arrow.style.transform = 'translateY(-50%)';\n }\n };\n\n // effects\n\n return {\n state,\n containerRef,\n anchorRef,\n arrowRef,\n applyPlacement\n };\n }\n});\n","import type { usePlacerProps } from '@primereact/types/shared/placer';\n\nexport const defaultProps: usePlacerProps = {\n align: 'center',\n alignOffset: 0,\n side: 'top',\n sideOffset: 0\n};\n"],"mappings":"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","names":["withHeadless","addStyle","getOffset","getOuterHeight","getOuterWidth","getViewport","React","defaultProps","usePlacer","withHeadless","defaultProps","props","effectiveSide","setEffectiveSide","effectiveAlign","setEffectiveAlign","arrowRef","anchorRef","containerRef","state","getAnchor","_a","_b","getContainer","getArrow","placeTop","align","container","anchor","anchorOffset","getOffset","tooltipWidth","getOuterWidth","anchorWidth","tooltipHeight","getOuterHeight","arrowHeight","scrollTop","scrollLeft","left","getLeftByAlign","top","placeBottom","anchorHeight","placeLeft","arrowWidth","getTopByAlign","placeRight","anchorLeft","anchorTop","applyPlacement","addStyle","arrow","sideOptions","getSideOptions","alignOptions","getAlignOptions","side","tryPlacement","getTransformOrigin","updateAttributes","placeContainer","updateArrowPosition","isOutOfBounds","allSides","flipped","flipSide","remaining","s","_c","_d","viewport","getViewport","containerRect","arrowRect","combinedRect","originX","originY","arrowCenterX","arrowCenterY","alignTo","type","dim","tooltipRect","anchorRect","anchorCenterX","anchorCenterY","arrowLeft","arrowTop","padding"]}
|
package/toast/index.d.ts
CHANGED
package/toast/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var vt=Object.defineProperty,ht=Object.defineProperties;var Tt=Object.getOwnPropertyDescriptors;var Y=Object.getOwnPropertySymbols;var gt=Object.prototype.hasOwnProperty,xt=Object.prototype.propertyIsEnumerable;var L=(r,o,t)=>o in r?vt(r,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[o]=t,i=(r,o)=>{for(var t in o||(o={}))gt.call(o,t)&&L(r,t,o[t]);if(Y)for(var t of Y(o))xt.call(o,t)&&L(r,t,o[t]);return r},n=(r,o)=>ht(r,Tt(o));var O=(r,o,t)=>new Promise((a,e)=>{var s=l=>{try{d(t.next(l))}catch(b){e(b)}},p=l=>{try{d(t.throw(l))}catch(b){e(b)}},d=l=>l.done?a(l.value):Promise.resolve(l.value).then(s,p);d((t=t.apply(r,o)).next())});import{withHeadless as so}from"@primereact/core/headless";import{Component as eo}from"@primereact/core/component";import{useToast as ro}from"@primereact/headless/toast";import{styles as ao}from"@primereact/styles/toast";import{withComponent as bt}from"@primereact/core/component";import{styles as Pt}from"@primereact/styles/base";var m=({name:r="UnknownComponent",defaultProps:o,styles:t=n(i({},Pt),{name:"global"}),components:a,setup:e,render:s})=>bt({name:r,defaultProps:o,styles:t,components:a,setup:e,render:s});import*as C from"react";import{createOptionalContext as yt}from"@primereact/core/utils";var[z,v]=yt();import*as A from"@primereact/headless/toast";var N=n(i({},A.defaultProps),{richColors:!1});import{Component as It}from"@primereact/core/component";import{styles as Ct}from"@primereact/styles/toast";import{mergeProps as Rt}from"@primeuix/utils";import*as F from"react";import{createOptionalContext as wt}from"@primereact/core/utils";var[U,g]=wt();var X={as:"button"};var K=m({name:"ToastAction",defaultProps:X,styles:Ct,setup(){let r=g();return{toast:v(),toastItem:r}},render(r){var d,l;let{id:o,props:t,ptmi:a,toastItem:e}=r,s=(d=e==null?void 0:e.props.data.action)!=null?d:{},p=Rt(i({id:o},s),a("root"));return F.createElement(It,{pIf:!!(e!=null&&e.props.data.action),instance:r,attrs:p,children:(l=s==null?void 0:s.children)!=null?l:t.children})}});import{Component as Et}from"@primereact/core/component";import{styles as kt}from"@primereact/styles/toast";import{mergeProps as Dt}from"@primeuix/utils";import*as V from"react";var $={as:"button"};var j=m({name:"ToastClose",defaultProps:$,styles:kt,setup(){let r=g();return{toast:v(),toastItem:r}},render(r){let{id:o,props:t,ptmi:a,toastItem:e}=r,s=Dt({id:o,onClick:e==null?void 0:e.handleCloseOnClick},a("root"));return V.createElement(Et,{pIf:(e==null?void 0:e.props.data.variant)!=="loading"&&(e==null?void 0:e.props.data.dismissible)!==!1,instance:r,attrs:s,children:t.children})}});import{Component as Mt}from"@primereact/core/component";import{styles as St}from"@primereact/styles/toast";import{mergeProps as Ht}from"@primeuix/utils";import*as B from"react";var q={as:"div"};var G=m({name:"ToastDescription",defaultProps:q,styles:St,setup(){let r=g();return{toast:v(),toastItem:r}},render(r){var e;let{props:o,toastItem:t}=r,a=Ht({className:"p-toast-description"});return B.createElement(Mt,{instance:r,attrs:a,children:(e=o.children)!=null?e:t==null?void 0:t.props.data.description})}});import{Component as Yt}from"@primereact/core/component";import{Icon as Lt}from"@primereact/core/icon";import{CheckIcon as Ot,ExclamationTriangleIcon as zt,InfoCircleIcon as At,SpinnerIcon as Nt,TimesCircleIcon as Ut}from"@primereact/icons";import{mergeProps as Xt}from"@primeuix/utils";import*as P from"react";import*as J from"@primereact/core/icon";var Q=i({},J.defaultIconProps);var W={danger:P.createElement(Ut,null),warn:P.createElement(zt,null),info:P.createElement(At,null),success:P.createElement(Ot,null),loading:P.createElement(Nt,null)},Z=m({name:"ToastIcon",defaultProps:Q,setup(){let r=v(),o=g();return{toast:r,toastItem:o}},render(r){var p,d;let{props:o,ptmi:t,toast:a,toastItem:e}=r,s=Xt(i({className:a==null?void 0:a.cx("icon")},(e==null?void 0:e.props.data.variant)==="loading"&&{spin:!0}),a==null?void 0:a.ptm("icon"),t("root"));return P.createElement(Yt,{pIf:!!(e!=null&&e.props.data.icon)||!!W[e==null?void 0:e.props.data.variant],as:Lt,instance:r,attrs:s,children:(d=(p=e==null?void 0:e.props.data.icon)!=null?p:W[e==null?void 0:e.props.data.variant])!=null?d:o.children})}});import{Component as Ft}from"@primereact/core/component";import{useToastItem as Kt}from"@primereact/headless/toast/item";import{styles as $t}from"@primereact/styles/toast";import{cn as Vt,mergeProps as jt}from"@primeuix/utils";import*as S from"react";import*as _ from"@primereact/headless/toast/item";var tt=n(i({},_.defaultProps),{as:"div"});var ot=m({name:"ToastItem",defaultProps:tt,styles:$t,setup(r){let o=Kt(r.inProps),t=v();return n(i({},o),{toast:t})},render(r){var R;let{id:o,props:t,ptmi:a,toast:e,state:s,offset:p,onPointerDown:d,onPointerMove:l,onPointerUp:b,onDragEnd:E,index:I,onKeyDown:k}=r,{data:y}=t,D=jt({id:o,className:Vt("p-toast"),tabIndex:0,role:"alert","aria-live":"assertive","aria-atomic":"true",style:{"--p-toast-index":I,"--p-toast-offset":p+"px","--p-swipe-amount-x":"0px","--p-swipe-amount-y":"0px","--p-real-height":s.realHeight+"px"},"data-overflow":I>2,"data-removed":y.removed,"data-expanded":e==null?void 0:e.state.isExpanded,"data-mounted":s==null?void 0:s.isMounted,"data-front":I===0,"data-swiping":s==null?void 0:s.isSwiping,"data-swipe-out":s==null?void 0:s.isSwipeOut,"data-swipe-out-direction":s==null?void 0:s.swipeOutDirection,"data-variant":y.variant,"data-id":y.id,"data-rich-colors":e==null?void 0:e.props.richColors,onPointerDown:d,onPointerMove:l,onPointerUp:b,onDragEnd:E,onKeyDown:k},a("root"));return S.createElement(U,{value:r},S.createElement(Ft,{instance:r,attrs:D,children:(R=y.jsx)!=null?R:t.children}))}});import{usePortal as qt}from"@primereact/headless/portal";import{resolve as Bt}from"@primeuix/utils";import{createPortal as Gt}from"react-dom";import*as et from"@primereact/headless/portal";var rt=n(i({},et.defaultProps),{element:void 0,appendTo:"body"});var at=m({name:"Portal",defaultProps:rt,setup(r){return qt(r.inProps)},render(r){let{props:o,mountedState:t}=r,a=o.element||o.children;if(!a||!t)return null;let e=Bt(o.appendTo,r);if(e==="self")return a;let s=e?typeof e=="string"?document.querySelector(e)||document.body:e:document.body;return Gt(a,s)}});import{createOptionalContext as Jt}from"@primereact/core/utils";var[Le,Oe]=Jt();var st=at;import{Component as Qt}from"@primereact/core/component";import{styles as Wt}from"@primereact/styles/toast";import{mergeProps as Zt}from"@primeuix/utils";import*as nt from"react";var it={as:"div"};var pt=m({name:"ToastRegion",defaultProps:it,styles:Wt,setup(){return{toast:v()}},render(r){var e,s;let{props:o,toast:t}=r,a=Zt({role:"region",className:"p-toast-region",tabIndex:-1,onMouseEnter:t==null?void 0:t.onRegionMouseEnter,onMouseLeave:t==null?void 0:t.onRegionMouseLeave,onMouseMove:t==null?void 0:t.onRegionMouseMove,onDragEnd:t==null?void 0:t.onRegionDragEnd,onPointerDown:t==null?void 0:t.onRegionPointerDown,onPointerUp:t==null?void 0:t.onRegionPointerUp,"data-position":t==null?void 0:t.props.position,"data-expanded":t==null?void 0:t.state.isExpanded,style:{"--gap":`${t==null?void 0:t.props.gap}px`,"--raise-factor":(e=t==null?void 0:t.props.position)!=null&&e.includes("top")?1:-1,"--front-toast-height":`${((s=t==null?void 0:t.toasts[0])==null?void 0:s.height)||0}px`}});return nt.createElement(Qt,{instance:r,attrs:a,children:o.children})}});import{Component as _t}from"@primereact/core/component";import{styles as to}from"@primereact/styles/toast";import{mergeProps as oo}from"@primeuix/utils";import*as mt from"react";var ct={as:"div"};var dt=m({name:"ToastTitle",defaultProps:ct,styles:to,setup(){let r=g();return{toast:v(),toastItem:r}},render(r){var e;let{props:o,toastItem:t}=r,a=oo({className:"p-toast-title"});return mt.createElement(_t,{instance:r,attrs:a,children:(e=o.children)!=null?e:t==null?void 0:t.props.data.title})}});var Rr=m({name:"Toast",defaultProps:N,styles:ao,setup(r){return ro(r.inProps)},render(r){let{props:o}=r;return C.createElement(z,{value:r},C.createElement(eo,{as:C.Fragment,instance:r,attrs:{},children:o.children}))},components:{Portal:st,Region:pt,Item:ot,Close:j,Title:dt,Description:G,Icon:Z,Action:K}});var H=class{constructor(){this.toasts=[];this.listeners=new Set;this.toastCounter=0;this.add=(o,t)=>(this.toasts.push(n(i({},t),{id:o})),this.emit({type:"add",toast:n(i({},t),{id:o})}),o);this.create=o=>{let t=o.id||this.generateId();return this.toasts.find(e=>e.id===t)?(this.update(t,o),t):this.add(t,o)};this.remove=o=>{if(o){let t=this.toasts.findIndex(a=>a.id===o);t>-1&&(this.toasts[t].removed=!0,this.toasts[t].height=0,this.emit({type:"remove",toastId:o}))}else this.toasts.forEach(t=>{this.remove(t.id)})};this.delete=o=>{o?(this.toasts=this.toasts.filter(t=>t.id!==o),this.emit({type:"delete",toastId:o})):(this.toasts=[],this.emit({type:"clear"}))};this.update=(o,t)=>{let a=this.toasts.findIndex(e=>e.id===o);a>-1&&(this.toasts[a]=i(i({},this.toasts[a]),t),this.emit({type:"update",toast:this.toasts[a]}))};this.success=o=>this.create(n(i({},o),{variant:"success"}));this.danger=o=>this.create(n(i({},o),{variant:"danger"}));this.warn=o=>this.create(n(i({},o),{variant:"warn"}));this.info=o=>this.create(n(i({},o),{variant:"info"}));this.loading=o=>this.create(n(i({},o),{variant:"loading"}));this.custom=(o,t)=>{let a=(t==null?void 0:t.id)||this.generateId(),e=i({id:a,variant:"custom",jsx:typeof o=="function"?o(a):o},t);return this.create(e)};this.promise=(o,t)=>O(this,null,function*(){var e;let a=i({id:(e=t.loading.id)!=null?e:this.generateId(),variant:"loading"},t.loading);return this.create(a),o.then(s=>{let p=typeof t.success=="function"?t.success(s):t.success;return p?this.update(a.id,n(i({},p),{id:a.id,variant:"success"})):this.remove(a.id),s}).catch(s=>{let p=typeof t.error=="function"?t.error(s):t.error;throw p?this.update(a.id,n(i({},p),{id:a.id,variant:"danger"})):this.remove(a.id),s})});this.toasts=[],this.listeners=new Set}generateId(){return`toast-${++this.toastCounter}-${Date.now()}`}emit(o){this.listeners.forEach(t=>t(o))}subscribe(o){return this.listeners.add(o),()=>this.listeners.delete(o)}getToasts(){return[...this.toasts]}},h=new H,kr=Object.assign(h.create,{success:h.success,danger:h.danger,warn:h.warn,info:h.info,loading:h.loading,remove:h.remove,clear:h.delete,promise:h.promise,custom:h.custom,update:h.update});import*as T from"react";var lt={timeout:5e3,gap:12,position:"bottom-right",icons:void 0,group:void 0};var Xr=so({name:"useToast",defaultProps:lt,setup:({props:r})=>{let[o,t]=T.useState(!1),[a,e]=T.useState(!1),[s,p]=T.useState([]),d=T.useRef(null),l=T.useMemo(()=>r.group?s.filter(u=>u.group===r.group):s.filter(u=>!u.group),[s,r.group]),b={isExpanded:o,isInteracting:a},E=()=>{let u=document.activeElement;u instanceof HTMLElement&&!u.closest('[role="dialog"][aria-live="assertive"]')&&(d.current=u)},I=u=>{let f=document.activeElement;if(!u||!(f instanceof HTMLElement)||!u.contains(f))return;let c=null;c=u.nextElementSibling,c||(c=u.previousElementSibling),c&&c.tabIndex>=0?c.focus():d.current&&document.contains(d.current)&&(d.current.focus(),d.current=null)},k=()=>{t(!0)},y=()=>{t(!0)},D=()=>{a||t(!1)},R=()=>{t(!1)},ut=u=>{u.target instanceof HTMLElement&&u.target.dataset.dismissible==="false"||e(!0)},ft=()=>{e(!1)};return T.useEffect(()=>{l.length<=1&&t(!1)},[l]),T.useEffect(()=>h.subscribe(f=>{switch(f.type){case"add":f.toast&&p(c=>[f.toast,...c]);break;case"remove":f.toastId&&p(c=>{let x=!1,M=c.map(w=>w.id!==f.toastId||w.removed&&w.height===0?w:(x=!0,n(i({},w),{removed:!0,height:0})));return x?M:c});break;case"delete":f.toastId&&p(c=>{let x=c.findIndex(M=>M.id===f.toastId);return x===-1?c:[...c.slice(0,x),...c.slice(x+1)]});break;case"update":f.toast&&p(c=>c.map(x=>x.id===f.toast.id?f.toast:x));break;case"clear":p([]);break;default:break}}),[]),{state:b,toasts:l,onRegionMouseEnter:k,onRegionMouseMove:y,onRegionMouseLeave:D,onRegionDragEnd:R,onRegionPointerDown:ut,onRegionPointerUp:ft,setToasts:p,handleFocusElement:I,handleToastFocus:E}}});export{lt as defaultProps,Xr as useToast};
|
|
1
|
+
var N=Object.defineProperty,$=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var I=(o,e,t)=>e in o?N(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,n=(o,e)=>{for(var t in e||(e={}))B.call(e,t)&&I(o,t,e[t]);if(y)for(var t of y(e))C.call(e,t)&&I(o,t,e[t]);return o},T=(o,e)=>$(o,q(e));var E=(o,e,t)=>new Promise((r,s)=>{var f=u=>{try{c(t.next(u))}catch(m){s(m)}},i=u=>{try{c(t.throw(u))}catch(m){s(m)}},c=u=>u.done?r(u.value):Promise.resolve(u.value).then(f,i);c((t=t.apply(o,e)).next())});var O=0,R=()=>`toast-${++O}-${Date.now()}`,v=class{constructor(){this.listeners=new Set;this.snapshot=()=>this.toasts;this.subscribe=e=>(this.listeners.add(e),()=>{this.listeners.delete(e)});this.add=e=>this.create(e);this.update=(e,t)=>{this.commit(r=>r.map(s=>s.id===e?T(n(n({},s),t),{id:e}):s))};this.dismiss=e=>{if(e===void 0){this.commit(r=>r.map(s=>T(n({},s),{removed:!0})));return}if(this.toasts.some(r=>r.id===e))return this.commit(r=>r.map(s=>s.id===e?T(n({},s),{removed:!0}):s)),e};this.remove=e=>{if(this.toasts.some(r=>r.id===e))return this.commit(r=>r.filter(s=>s.id!==e)),e};this.clear=e=>{if(this.toasts.length){if(e){this.commit(t=>t.filter(r=>r.group!==e));return}this.commit([])}};this.get=e=>this.toasts.find(t=>t.id===e);this.success=e=>this.create(T(n({},e),{variant:"success"}));this.danger=e=>this.create(T(n({},e),{variant:"danger"}));this.warn=e=>this.create(T(n({},e),{variant:"warn"}));this.info=e=>this.create(T(n({},e),{variant:"info"}));this.loading=e=>{var t;return this.create(T(n({},e),{variant:"loading",dismissible:(t=e.dismissible)!=null?t:!1}))};this.custom=(e,t)=>{let r=this.ensureId(t==null?void 0:t.id),s=typeof e=="function"?e(r):e;return this.create(T(n({},t),{id:r,variant:"custom",jsx:s}))};this.promise=(e,t)=>E(this,null,function*(){var f,i,c;let r=T(n({},t.loading),{id:(f=t.loading.id)!=null?f:R(),variant:"loading"}),s=this.create(r);try{let u=yield e,m=typeof t.success=="function"?t.success(u):t.success;return m?this.update(s,T(n({},m),{id:s,variant:(i=m.variant)!=null?i:"success",removed:!1})):this.remove(s),u}catch(u){let m=typeof t.error=="function"?t.error(u):t.error;throw m?this.update(s,T(n({},m),{id:s,variant:(c=m.variant)!=null?c:"danger",removed:!1})):this.remove(s),u}});this.toasts=[]}emit(){this.listeners.forEach(e=>e())}commit(e){let t=typeof e=="function"?e(this.snapshot()):[...e];this.toasts=t,this.emit()}ensureId(e){return typeof e=="number"&&!Number.isNaN(e)||typeof e=="string"&&e.length>0?e:R()}create(e){var s;let t=this.ensureId(e.id),r=(s=e.dismissible)!=null?s:!0;return this.commit(f=>{let i=f.findIndex(c=>c.id===t);if(i!==-1){let c=[...f];return c[i]=T(n(n({},c[i]),e),{id:t,dismissible:r,removed:!1}),c}return[T(n({},e),{id:t,dismissible:r,removed:!1}),...f]}),t}},d=new v,U=o=>d.add(o),k=Object.assign(U,{success:d.success,danger:d.danger,warn:d.warn,info:d.info,loading:d.loading,dismiss:d.dismiss,custom:d.custom,remove:d.remove,clear:d.clear,promise:d.promise});import{withHeadless as W}from"@primereact/core/headless";import*as l from"react";var b={timeout:6e3,gap:14,position:"bottom-right",group:void 0,limit:3};var X=W({name:"useToast",defaultProps:b,setup:({props:o})=>{let e=l.useSyncExternalStore(d.subscribe,()=>d.snapshot(),()=>d.snapshot()),t=l.useMemo(()=>o.group?e.filter(a=>a.group===o.group):e.filter(a=>!a.group),[e,o.group]),[r,s]=l.useState([]),[f,i]=l.useState(!1),[c,u]=l.useState(!1),m=l.useRef(!1),x={isExpanded:f,isInteracting:c,heights:r},S=()=>{i(!0)},M=()=>{i(!0)},P=()=>{if(!c&&!m.current){if(e.some(a=>a.removed===!0))return;i(!1)}},w=()=>{i(!1)},H=a=>{a.target instanceof HTMLElement&&a.target.dataset.dismissible==="false"||u(!0)},L=()=>{u(!1)},F=a=>{let h=a.currentTarget,p=document.activeElement;p&&p.matches(":focus-visible")&&h.contains(p)&&(m.current=!0,i(!0))},A=a=>{let h=a.currentTarget,p=a.relatedTarget;p&&h.contains(p)||(m.current=!1,!c&&(e.some(g=>g.removed===!0)||i(!1)))},D=a=>{if(!a)return;let h=document.activeElement;if(!a.contains(h))return;let p=a.nextElementSibling,g=a.previousElementSibling;requestAnimationFrame(()=>{p?p.focus({preventScroll:!0}):g&&g.focus({preventScroll:!0})})};return l.useEffect(()=>{t.length<=1&&i(!1)},[t]),l.useEffect(()=>()=>{d.clear(o.group)},[]),{state:x,toasts:t,setHeights:s,onRegionMouseEnter:S,onRegionMouseMove:M,onRegionMouseLeave:P,onRegionDragEnd:w,onRegionPointerDown:H,onRegionPointerUp:L,onRegionFocus:F,onRegionBlur:A,handleFocusManagement:D}}});export{d as ToastStore,b as defaultProps,k as toast,X as useToast};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/toast/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/toast/useToast.tsx","../../../primereact/src/toast/Toast.tsx","../../../primereact/src/base/index.ts","../../../primereact/src/toast/Toast.context.ts","../../../primereact/src/toast/Toast.props.ts","../../../primereact/src/toast/action/ToastAction.tsx","../../../primereact/src/toast/item/ToastItem.context.ts","../../../primereact/src/toast/action/ToastAction.props.ts","../../../primereact/src/toast/close/ToastClose.tsx","../../../primereact/src/toast/close/ToastClose.props.ts","../../../primereact/src/toast/description/ToastDescription.tsx","../../../primereact/src/toast/description/ToastDescription.props.ts","../../../primereact/src/toast/icon/ToastIcon.tsx","../../../primereact/src/toast/icon/ToastIcon.props.ts","../../../primereact/src/toast/item/ToastItem.tsx","../../../primereact/src/toast/item/ToastItem.props.ts","../../../primereact/src/portal/Portal.tsx","../../../primereact/src/portal/Portal.props.ts","../../../primereact/src/portal/Portal.context.ts","../../../primereact/src/toast/portal/ToastPortal.tsx","../../../primereact/src/toast/region/ToastRegion.tsx","../../../primereact/src/toast/region/ToastRegion.props.ts","../../../primereact/src/toast/title/ToastTitle.tsx","../../../primereact/src/toast/title/ToastTitle.props.ts","../../../primereact/src/toast/toastManager.ts","../../src/toast/useToast.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport type { ToastEvent, ToastType } from '@primereact/types/shared/toast';\nimport { ToastManagerInstance } from 'primereact/toast';\nimport * as React from 'react';\nimport { defaultProps } from './useToast.props';\n\nexport const useToast = withHeadless({\n name: 'useToast',\n defaultProps,\n setup: ({ props }) => {\n const [isExpanded, setIsExpanded] = React.useState<boolean>(false);\n const [isInteracting, setIsInteracting] = React.useState<boolean>(false);\n const [toasts, setToasts] = React.useState<ToastType[]>([]);\n const previousFocusedElement = React.useRef<HTMLElement | null>(null);\n\n const filteredToasts: ToastType[] = React.useMemo(() => {\n if (props.group) {\n return toasts.filter((toast) => toast.group === props.group);\n }\n\n return toasts.filter((toast) => !toast.group);\n }, [toasts, props.group]);\n\n const state = {\n isExpanded,\n isInteracting\n };\n\n const handleToastFocus = () => {\n const activeElement = document.activeElement;\n\n if (activeElement instanceof HTMLElement && !activeElement.closest('[role=\"dialog\"][aria-live=\"assertive\"]')) {\n previousFocusedElement.current = activeElement;\n }\n };\n\n const handleFocusElement = (toastElement: HTMLElement | null) => {\n const activeElement = document.activeElement;\n\n if (!toastElement || !(activeElement instanceof HTMLElement) || !toastElement.contains(activeElement)) {\n return;\n }\n\n let nextFocusableToast: HTMLElement | null = null;\n\n nextFocusableToast = toastElement.nextElementSibling as HTMLElement;\n\n if (!nextFocusableToast) {\n nextFocusableToast = toastElement.previousElementSibling as HTMLElement;\n }\n\n if (nextFocusableToast && nextFocusableToast.tabIndex >= 0) {\n nextFocusableToast.focus();\n } else if (previousFocusedElement.current && document.contains(previousFocusedElement.current)) {\n previousFocusedElement.current.focus();\n previousFocusedElement.current = null;\n }\n };\n\n const onRegionMouseEnter = () => {\n setIsExpanded(true);\n };\n\n const onRegionMouseMove = () => {\n setIsExpanded(true);\n };\n\n const onRegionMouseLeave = () => {\n if (!isInteracting) {\n setIsExpanded(false);\n }\n };\n\n const onRegionDragEnd = () => {\n setIsExpanded(false);\n };\n\n const onRegionPointerDown = (event: React.PointerEvent) => {\n const isNotDismissible = event.target instanceof HTMLElement && event.target.dataset.dismissible === 'false';\n\n if (isNotDismissible) return;\n\n setIsInteracting(true);\n };\n\n const onRegionPointerUp = () => {\n setIsInteracting(false);\n };\n\n React.useEffect(() => {\n if (filteredToasts.length <= 1) {\n setIsExpanded(false);\n }\n }, [filteredToasts]);\n\n React.useEffect(() => {\n const unsubscribe = ToastManagerInstance.subscribe((event: ToastEvent) => {\n switch (event.type) {\n case 'add':\n if (event.toast) {\n setToasts((prev) => [event.toast!, ...prev]);\n }\n\n break;\n case 'remove':\n if (event.toastId) {\n setToasts((prev) => {\n let changed = false;\n const next = prev.map((t) => {\n if (t.id !== event.toastId) return t;\n\n if (t.removed && t.height === 0) return t;\n\n changed = true;\n\n return { ...t, removed: true, height: 0 };\n });\n\n return changed ? next : prev;\n });\n }\n\n break;\n\n case 'delete':\n if (event.toastId) {\n setToasts((prev) => {\n const idx = prev.findIndex((t) => t.id === event.toastId);\n\n if (idx === -1) return prev;\n\n return [...prev.slice(0, idx), ...prev.slice(idx + 1)];\n });\n }\n\n break;\n case 'update':\n if (event.toast) {\n setToasts((prev) => prev.map((toast) => (toast.id === event.toast!.id ? event.toast! : toast)));\n }\n\n break;\n case 'clear':\n setToasts([]);\n break;\n default:\n break;\n }\n });\n\n return unsubscribe;\n }, []);\n\n return {\n state,\n toasts: filteredToasts,\n onRegionMouseEnter,\n onRegionMouseMove,\n onRegionMouseLeave,\n onRegionDragEnd,\n onRegionPointerDown,\n onRegionPointerUp,\n setToasts,\n handleFocusElement,\n handleToastFocus\n };\n }\n});\n","'use client';\nimport { Component } from '@primereact/core/component';\nimport { useToast } from '@primereact/headless/toast';\nimport { styles } from '@primereact/styles/toast';\nimport { withComponent } from 'primereact/base';\nimport * as React from 'react';\nimport { ToastProvider } from './Toast.context';\nimport { defaultProps } from './Toast.props';\nimport { ToastAction } from './action';\nimport { ToastClose } from './close/ToastClose';\nimport { ToastDescription } from './description';\nimport { ToastIcon } from './icon/ToastIcon';\nimport { ToastItem } from './item';\nimport { ToastPortal } from './portal/ToastPortal';\nimport { ToastRegion } from './region/ToastRegion';\nimport './styles.css';\nimport { ToastTitle } from './title';\n\nexport const Toast = withComponent({\n name: 'Toast',\n defaultProps,\n styles,\n setup(instance) {\n const toast = useToast(instance.inProps);\n\n return toast;\n },\n render(instance) {\n const { props } = instance;\n\n return (\n <ToastProvider value={instance}>\n <Component as={React.Fragment} instance={instance} attrs={{}} children={props.children} />\n </ToastProvider>\n );\n },\n components: {\n Portal: ToastPortal,\n Region: ToastRegion,\n Item: ToastItem,\n Close: ToastClose,\n Title: ToastTitle,\n Description: ToastDescription,\n Icon: ToastIcon,\n Action: ToastAction\n }\n});\n","import { withComponent as withComponentInCore } from '@primereact/core/component';\nimport { styles as baseStyles } from '@primereact/styles/base';\nimport type { withComponentOptions } from '@primereact/types/core';\nimport type { StylesOptions } from '@primereact/types/styles';\n\nexport const withComponent = <IProps, DProps, Exposes extends Record<PropertyKey, unknown> = Record<PropertyKey, unknown>, Styles = StylesOptions, CData = Record<string, unknown>>({\n name = 'UnknownComponent',\n defaultProps,\n styles = {\n ...baseStyles,\n name: 'global'\n } as Styles,\n components,\n setup,\n render\n}: withComponentOptions<IProps, DProps, Exposes, Styles, CData>) => {\n return withComponentInCore<IProps, DProps, Exposes, Styles, CData>({\n name,\n defaultProps,\n styles,\n components,\n setup,\n render\n });\n};\n","import { createOptionalContext } from '@primereact/core/utils';\nimport type { ToastInstance } from '@primereact/types/shared/toast';\n\nexport const [ToastProvider, useToastContext] = createOptionalContext<ToastInstance>();\n","import * as HeadlessToast from '@primereact/headless/toast';\nimport type { ToastProps } from '@primereact/types/shared/toast';\n\nexport const defaultProps: ToastProps = {\n ...HeadlessToast.defaultProps,\n richColors: false\n};\n","'use client';\nimport { Component } from '@primereact/core/component';\nimport { styles } from '@primereact/styles/toast';\nimport { mergeProps } from '@primeuix/utils';\nimport { withComponent } from 'primereact/base';\nimport * as React from 'react';\nimport { useToastItemContext } from '../item/ToastItem.context';\nimport { useToastContext } from '../Toast.context';\nimport { defaultActionProps } from './ToastAction.props';\n\nexport const ToastAction = withComponent({\n name: 'ToastAction',\n defaultProps: defaultActionProps,\n styles,\n setup() {\n const toastItem = useToastItemContext();\n const toast = useToastContext();\n\n return { toast, toastItem };\n },\n render(instance) {\n const { id, props, ptmi, toastItem } = instance;\n\n const actionProps = toastItem?.props.data.action ?? {};\n\n const rootProps = mergeProps(\n {\n id,\n ...actionProps\n },\n ptmi('root')\n );\n\n return <Component pIf={!!toastItem?.props.data.action} instance={instance} attrs={rootProps} children={actionProps?.children ?? props.children} />;\n }\n});\n","import { createOptionalContext } from '@primereact/core/utils';\nimport type { ToastItemInstance } from '@primereact/types/shared/toast';\n\nexport const [ToastItemProvider, useToastItemContext] = createOptionalContext<ToastItemInstance>();\n","import type { ToastActionProps } from '@primereact/types/shared/toast';\n\nexport const defaultActionProps: ToastActionProps = {\n as: 'button'\n};\n","'use client';\nimport { Component } from '@primereact/core/component';\nimport { styles } from '@primereact/styles/toast';\nimport { mergeProps } from '@primeuix/utils';\nimport { withComponent } from 'primereact/base';\nimport * as React from 'react';\nimport { useToastItemContext } from '../item/ToastItem.context';\nimport { useToastContext } from '../Toast.context';\nimport { defaultCloseProps } from './ToastClose.props';\n\nexport const ToastClose = withComponent({\n name: 'ToastClose',\n defaultProps: defaultCloseProps,\n styles,\n setup() {\n const toastItem = useToastItemContext();\n const toast = useToastContext();\n\n return { toast, toastItem };\n },\n render(instance) {\n const { id, props, ptmi, toastItem } = instance;\n\n const rootProps = mergeProps(\n {\n id,\n onClick: toastItem?.handleCloseOnClick\n },\n ptmi('root')\n );\n\n return <Component pIf={toastItem?.props.data.variant !== 'loading' && toastItem?.props.data.dismissible !== false} instance={instance} attrs={rootProps} children={props.children} />;\n }\n});\n","import type { ToastCloseProps } from '@primereact/types/shared/toast';\n\nexport const defaultCloseProps: ToastCloseProps = {\n as: 'button'\n};\n","'use client';\nimport { Component } from '@primereact/core/component';\nimport { styles } from '@primereact/styles/toast';\nimport { mergeProps } from '@primeuix/utils';\nimport { withComponent } from 'primereact/base';\nimport * as React from 'react';\nimport { useToastItemContext } from '../item/ToastItem.context';\nimport { useToastContext } from '../Toast.context';\nimport { defaultDescriptionProps } from './ToastDescription.props';\n\nexport const ToastDescription = withComponent({\n name: 'ToastDescription',\n defaultProps: defaultDescriptionProps,\n styles,\n setup() {\n const toastItem = useToastItemContext();\n const toast = useToastContext();\n\n return { toast, toastItem };\n },\n render(instance) {\n const { props, toastItem } = instance;\n\n const rootProps = mergeProps({\n className: 'p-toast-description'\n });\n\n return <Component instance={instance} attrs={rootProps} children={props.children ?? toastItem?.props.data.description} />;\n }\n});\n","import type { ToastDescriptionProps } from '@primereact/types/shared/toast';\n\nexport const defaultDescriptionProps: ToastDescriptionProps = {\n as: 'div'\n};\n","'use client';\nimport { Component } from '@primereact/core/component';\nimport { Icon } from '@primereact/core/icon';\nimport { CheckIcon, ExclamationTriangleIcon, InfoCircleIcon, SpinnerIcon, TimesCircleIcon } from '@primereact/icons';\nimport { ToastVariant, useToastProps } from '@primereact/types/shared/toast';\nimport { mergeProps } from '@primeuix/utils';\nimport { withComponent } from 'primereact/base';\nimport * as React from 'react';\nimport { useToastItemContext } from '../item/ToastItem.context';\nimport { useToastContext } from '../Toast.context';\nimport { defaultIconProps } from './ToastIcon.props';\n\nconst defaultIcons: useToastProps['icons'] = {\n danger: <TimesCircleIcon />,\n warn: <ExclamationTriangleIcon />,\n info: <InfoCircleIcon />,\n success: <CheckIcon />,\n loading: <SpinnerIcon />\n};\n\nexport const ToastIcon = withComponent({\n name: 'ToastIcon',\n defaultProps: defaultIconProps,\n setup() {\n const toast = useToastContext();\n\n const toastItem = useToastItemContext();\n\n return { toast, toastItem };\n },\n render(instance) {\n const { props, ptmi, toast, toastItem } = instance;\n\n const rootProps = mergeProps(\n {\n className: toast?.cx('icon'),\n ...(toastItem?.props.data.variant === 'loading' && { spin: true })\n },\n toast?.ptm('icon'),\n ptmi('root')\n );\n\n return (\n <Component\n pIf={!!toastItem?.props.data.icon || !!defaultIcons[toastItem?.props.data.variant as ToastVariant]}\n as={Icon}\n instance={instance}\n attrs={rootProps}\n children={toastItem?.props.data.icon ?? defaultIcons[toastItem?.props.data.variant as ToastVariant] ?? props.children}\n />\n );\n }\n});\n","import * as Icon from '@primereact/core/icon';\nimport type { ToastIconProps } from '@primereact/types/shared/toast';\n\nexport const defaultIconProps: ToastIconProps = {\n ...(Icon.defaultIconProps as ToastIconProps)\n};\n","'use client';\nimport { Component } from '@primereact/core/component';\nimport { useToastItem } from '@primereact/headless/toast/item';\nimport { styles } from '@primereact/styles/toast';\nimport { cn, mergeProps } from '@primeuix/utils';\nimport { withComponent } from 'primereact/base';\nimport * as React from 'react';\nimport { useToastContext } from '../Toast.context';\nimport { ToastItemProvider } from './ToastItem.context';\nimport { defaultItemProps } from './ToastItem.props';\n\nexport const ToastItem = withComponent({\n name: 'ToastItem',\n defaultProps: defaultItemProps,\n styles,\n setup(instance) {\n const toastItem = useToastItem(instance.inProps);\n\n const toast = useToastContext();\n\n return { ...toastItem, toast };\n },\n render(instance) {\n const { id, props, ptmi, toast, state, offset, onPointerDown, onPointerMove, onPointerUp, onDragEnd, index, onKeyDown } = instance;\n\n const { data } = props;\n\n const rootProps = mergeProps(\n {\n id,\n className: cn('p-toast'),\n tabIndex: 0,\n role: 'alert',\n 'aria-live': 'assertive',\n 'aria-atomic': 'true',\n style: { '--p-toast-index': index, '--p-toast-offset': offset + 'px', '--p-swipe-amount-x': '0px', '--p-swipe-amount-y': '0px', '--p-real-height': state.realHeight + 'px' } as React.CSSProperties,\n 'data-overflow': index > 2,\n 'data-removed': data.removed,\n 'data-expanded': toast?.state.isExpanded,\n 'data-mounted': state?.isMounted,\n 'data-front': index === 0,\n 'data-swiping': state?.isSwiping,\n 'data-swipe-out': state?.isSwipeOut,\n 'data-swipe-out-direction': state?.swipeOutDirection,\n 'data-variant': data.variant,\n 'data-id': data.id,\n 'data-rich-colors': toast?.props.richColors,\n onPointerDown: onPointerDown,\n onPointerMove: onPointerMove,\n onPointerUp: onPointerUp,\n onDragEnd: onDragEnd,\n onKeyDown: onKeyDown\n },\n ptmi('root')\n );\n\n return (\n <ToastItemProvider value={instance}>\n <Component instance={instance} attrs={rootProps} children={data.jsx ?? props.children}></Component>\n </ToastItemProvider>\n );\n }\n});\n","import * as HeadlessToastItem from '@primereact/headless/toast/item';\nimport type { ToastItemProps } from '@primereact/types/shared/toast';\n\nexport const defaultItemProps: ToastItemProps = {\n ...HeadlessToastItem.defaultProps,\n as: 'div'\n};\n","'use client';\nimport { usePortal } from '@primereact/headless/portal';\nimport { PortalProps } from '@primereact/types/shared/portal';\nimport { resolve } from '@primeuix/utils';\nimport { withComponent } from 'primereact/base';\nimport { createPortal } from 'react-dom';\nimport { defaultProps } from './Portal.props';\n\nexport const Portal = withComponent({\n name: 'Portal',\n defaultProps,\n setup(instance) {\n const portal = usePortal(instance.inProps);\n\n return portal;\n },\n render(instance) {\n const { props, mountedState } = instance;\n const element = props.element || (props.children as React.ReactNode);\n\n if (!element || !mountedState) {\n return null;\n }\n\n const appendTo = resolve(props.appendTo, instance) as PortalProps['appendTo'];\n\n if (appendTo === 'self') {\n return element;\n }\n\n const container = !appendTo ? document.body : typeof appendTo === 'string' ? document.querySelector(appendTo) || document.body : appendTo;\n\n return createPortal(element, container);\n }\n});\n","import * as HeadlessPortal from '@primereact/headless/portal';\nimport type { PortalProps } from '@primereact/types/shared/portal';\n\nexport const defaultProps: PortalProps = {\n ...HeadlessPortal.defaultProps,\n element: undefined,\n appendTo: 'body'\n};\n","import { createOptionalContext } from '@primereact/core/utils';\nimport type { PortalInstance } from '@primereact/types/shared/portal';\n\nexport const [PortalProvider, usePortalContext] = createOptionalContext<PortalInstance>();\n","'use client';\nimport { Portal } from 'primereact/portal';\n\nexport const ToastPortal = Portal;\n","'use client';\nimport { Component } from '@primereact/core/component';\nimport { styles } from '@primereact/styles/toast';\nimport { mergeProps } from '@primeuix/utils';\nimport { withComponent } from 'primereact/base';\nimport * as React from 'react';\nimport { useToastContext } from '../Toast.context';\nimport { defaultRegionProps } from './ToastRegion.props';\n\nexport const ToastRegion = withComponent({\n name: 'ToastRegion',\n defaultProps: defaultRegionProps,\n styles,\n setup() {\n const toast = useToastContext();\n\n return { toast };\n },\n render(instance) {\n const { props, toast } = instance;\n\n const rootProps = mergeProps({\n role: 'region',\n className: 'p-toast-region',\n tabIndex: -1,\n onMouseEnter: toast?.onRegionMouseEnter,\n onMouseLeave: toast?.onRegionMouseLeave,\n onMouseMove: toast?.onRegionMouseMove,\n onDragEnd: toast?.onRegionDragEnd,\n onPointerDown: toast?.onRegionPointerDown,\n onPointerUp: toast?.onRegionPointerUp,\n 'data-position': toast?.props.position,\n 'data-expanded': toast?.state.isExpanded,\n style: {\n '--gap': `${toast?.props.gap}px`,\n '--raise-factor': toast?.props.position?.includes('top') ? 1 : -1,\n '--front-toast-height': `${toast?.toasts[0]?.height || 0}px`\n } as React.CSSProperties\n });\n\n return <Component instance={instance} attrs={rootProps} children={props.children} />;\n }\n});\n","import type { ToastRegionProps } from '@primereact/types/shared/toast';\n\nexport const defaultRegionProps: ToastRegionProps = {\n as: 'div'\n};\n","'use client';\nimport { Component } from '@primereact/core/component';\nimport { styles } from '@primereact/styles/toast';\nimport { mergeProps } from '@primeuix/utils';\nimport { withComponent } from 'primereact/base';\nimport * as React from 'react';\nimport { useToastItemContext } from '../item/ToastItem.context';\nimport { useToastContext } from '../Toast.context';\nimport { defaultTitleProps } from './ToastTitle.props';\n\nexport const ToastTitle = withComponent({\n name: 'ToastTitle',\n defaultProps: defaultTitleProps,\n styles,\n setup() {\n const toastItem = useToastItemContext();\n const toast = useToastContext();\n\n return { toast, toastItem };\n },\n render(instance) {\n const { props, toastItem } = instance;\n\n const rootProps = mergeProps({\n className: 'p-toast-title'\n });\n\n return <Component instance={instance} attrs={rootProps} children={props.children ?? toastItem?.props.data.title} />;\n }\n});\n","import type { ToastTitleProps } from '@primereact/types/shared/toast';\n\nexport const defaultTitleProps: ToastTitleProps = {\n as: 'div'\n};\n","import type { ToastEvent, ToastId, ToastListener, ToastPromiseType, ToastType } from '@primereact/types/shared/toast';\n\nclass ToastManager {\n private toasts: ToastType[] = [];\n private listeners: Set<ToastListener> = new Set();\n private toastCounter = 0;\n\n constructor() {\n this.toasts = [];\n this.listeners = new Set();\n }\n\n private generateId(): string {\n return `toast-${++this.toastCounter}-${Date.now()}`;\n }\n\n private emit(event: ToastEvent): void {\n this.listeners.forEach((listener) => listener(event));\n }\n\n // Subscribe to toast events\n subscribe(listener: ToastListener): () => void {\n this.listeners.add(listener);\n\n return () => this.listeners.delete(listener);\n }\n\n // Get all current toasts\n getToasts(): ToastType[] {\n return [...this.toasts];\n }\n\n // Add a new toast\n add = (id: ToastId, toast: ToastType): ToastId => {\n this.toasts.push({ ...toast, id });\n this.emit({ type: 'add', toast: { ...toast, id } });\n\n return id;\n };\n\n create = (toast: ToastType): ToastId => {\n const id = toast.id || this.generateId();\n\n const isAlreadyExists = this.toasts.find((t) => t.id === id);\n\n if (isAlreadyExists) {\n this.update(id, toast);\n\n return id;\n }\n\n return this.add(id, toast);\n };\n\n // Remove a toast by id or all toasts\n remove = (id?: ToastId): void => {\n if (id) {\n const toastIndex = this.toasts.findIndex((toast) => toast.id === id);\n\n if (toastIndex > -1) {\n this.toasts[toastIndex].removed = true;\n this.toasts[toastIndex].height = 0;\n\n this.emit({ type: 'remove', toastId: id });\n }\n } else {\n this.toasts.forEach((toast) => {\n this.remove(toast.id);\n });\n }\n };\n\n // Clear all toasts\n delete = (id?: ToastId): void => {\n if (id) {\n this.toasts = this.toasts.filter((toast) => toast.id !== id);\n this.emit({ type: 'delete', toastId: id });\n } else {\n this.toasts = [];\n this.emit({ type: 'clear' });\n }\n };\n\n // Update an existing toast\n update = (id: ToastId, updates: Partial<ToastType>): void => {\n const toastIndex = this.toasts.findIndex((toast) => toast.id === id);\n\n if (toastIndex > -1) {\n this.toasts[toastIndex] = { ...this.toasts[toastIndex], ...updates };\n this.emit({ type: 'update', toast: this.toasts[toastIndex] });\n }\n };\n\n // Helper methods for different toast types\n success = (toast: ToastType): ToastId => {\n return this.create({\n ...toast,\n variant: 'success'\n });\n };\n\n danger = (toast: ToastType): ToastId => {\n return this.create({\n ...toast,\n variant: 'danger'\n });\n };\n\n warn = (toast: ToastType): ToastId => {\n return this.create({\n ...toast,\n variant: 'warn'\n });\n };\n\n info = (toast: ToastType): ToastId => {\n return this.create({\n ...toast,\n variant: 'info'\n });\n };\n\n loading = (toast: ToastType): ToastId => {\n return this.create({\n ...toast,\n variant: 'loading'\n });\n };\n\n custom = (jsx: React.ReactElement | ((id: ToastId) => React.ReactElement), options?: Partial<ToastType>): ToastId => {\n const id = options?.id || this.generateId();\n\n const customToast: ToastType = {\n id,\n variant: 'custom',\n jsx: typeof jsx === 'function' ? jsx(id) : jsx,\n ...options\n };\n\n return this.create(customToast);\n };\n\n promise = async <T>(promise: Promise<T>, options: ToastPromiseType<T>): Promise<T> => {\n const loadingToast: ToastType = {\n id: options.loading.id ?? this.generateId(),\n variant: 'loading',\n ...options.loading\n };\n\n this.create(loadingToast);\n\n return promise\n .then((data) => {\n const successToast = typeof options.success === 'function' ? options.success(data) : options.success;\n\n if (successToast) {\n this.update(loadingToast.id!, {\n ...successToast,\n id: loadingToast.id,\n variant: 'success'\n });\n } else {\n this.remove(loadingToast.id);\n }\n\n return data;\n })\n .catch((error) => {\n const errorToast = typeof options.error === 'function' ? options.error(error) : options.error;\n\n if (errorToast) {\n this.update(loadingToast.id!, {\n ...errorToast,\n id: loadingToast.id,\n variant: 'danger'\n });\n } else {\n this.remove(loadingToast.id);\n }\n\n throw error;\n });\n };\n}\n\nexport const ToastManagerInstance = new ToastManager();\n\nexport const toast = Object.assign(ToastManagerInstance.create, {\n success: ToastManagerInstance.success,\n danger: ToastManagerInstance.danger,\n warn: ToastManagerInstance.warn,\n info: ToastManagerInstance.info,\n loading: ToastManagerInstance.loading,\n remove: ToastManagerInstance.remove,\n clear: ToastManagerInstance.delete,\n promise: ToastManagerInstance.promise,\n custom: ToastManagerInstance.custom,\n update: ToastManagerInstance.update\n});\n","import type { useToastProps } from '@primereact/types/shared/toast';\n\nexport const defaultProps: useToastProps = {\n timeout: 5000,\n gap: 12,\n position: 'bottom-right',\n icons: undefined,\n group: undefined\n};\n"],"mappings":"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","names":["withHeadless","Component","useToast","styles","withComponentInCore","baseStyles","withComponent","name","defaultProps","styles","__spreadProps","__spreadValues","baseStyles","components","setup","render","withComponentInCore","React","createOptionalContext","ToastProvider","useToastContext","HeadlessToast","defaultProps","__spreadProps","__spreadValues","Component","styles","mergeProps","React","createOptionalContext","ToastItemProvider","useToastItemContext","defaultActionProps","ToastAction","withComponent","defaultActionProps","styles","toastItem","useToastItemContext","useToastContext","instance","_a","_b","id","props","ptmi","actionProps","rootProps","mergeProps","__spreadValues","Component","Component","styles","mergeProps","React","defaultCloseProps","ToastClose","withComponent","defaultCloseProps","styles","toastItem","useToastItemContext","useToastContext","instance","id","props","ptmi","rootProps","mergeProps","Component","Component","styles","mergeProps","React","defaultDescriptionProps","ToastDescription","withComponent","defaultDescriptionProps","styles","toastItem","useToastItemContext","useToastContext","instance","_a","props","rootProps","mergeProps","Component","Component","Icon","CheckIcon","ExclamationTriangleIcon","InfoCircleIcon","SpinnerIcon","TimesCircleIcon","mergeProps","React","Icon","defaultIconProps","__spreadValues","defaultIcons","TimesCircleIcon","ExclamationTriangleIcon","InfoCircleIcon","CheckIcon","SpinnerIcon","ToastIcon","withComponent","defaultIconProps","toast","useToastContext","toastItem","useToastItemContext","instance","_a","_b","props","ptmi","rootProps","mergeProps","__spreadValues","Component","Icon","Component","useToastItem","styles","cn","mergeProps","React","HeadlessToastItem","defaultItemProps","__spreadProps","__spreadValues","ToastItem","withComponent","defaultItemProps","styles","instance","toastItem","useToastItem","toast","useToastContext","__spreadProps","__spreadValues","_a","id","props","ptmi","state","offset","onPointerDown","onPointerMove","onPointerUp","onDragEnd","index","onKeyDown","data","rootProps","mergeProps","cn","ToastItemProvider","Component","usePortal","resolve","createPortal","HeadlessPortal","defaultProps","__spreadProps","__spreadValues","Portal","withComponent","defaultProps","instance","usePortal","props","mountedState","element","appendTo","resolve","container","createPortal","createOptionalContext","PortalProvider","usePortalContext","ToastPortal","Portal","Component","styles","mergeProps","React","defaultRegionProps","ToastRegion","withComponent","defaultRegionProps","styles","useToastContext","instance","_a","_b","props","toast","rootProps","mergeProps","Component","Component","styles","mergeProps","React","defaultTitleProps","ToastTitle","withComponent","defaultTitleProps","styles","toastItem","useToastItemContext","useToastContext","instance","_a","props","rootProps","mergeProps","Component","Toast","withComponent","defaultProps","styles","instance","useToast","props","ToastProvider","Component","ToastPortal","ToastRegion","ToastItem","ToastClose","ToastTitle","ToastDescription","ToastIcon","ToastAction","ToastManager","id","toast","__spreadProps","__spreadValues","t","toastIndex","updates","jsx","options","customToast","promise","__async","_a","loadingToast","data","successToast","error","errorToast","event","listener","ToastManagerInstance","React","defaultProps","useToast","withHeadless","defaultProps","props","isExpanded","setIsExpanded","isInteracting","setIsInteracting","toasts","setToasts","previousFocusedElement","filteredToasts","toast","state","handleToastFocus","activeElement","handleFocusElement","toastElement","nextFocusableToast","onRegionMouseEnter","onRegionMouseMove","onRegionMouseLeave","onRegionDragEnd","onRegionPointerDown","event","onRegionPointerUp","ToastManagerInstance","prev","changed","next","t","__spreadProps","__spreadValues","idx"]}
|
|
1
|
+
{"version":3,"sources":["../../src/toast/toastStore.ts","../../src/toast/useToast.tsx","../../src/toast/useToast.props.ts"],"sourcesContent":["import type { ToastId, ToastPromiseType, ToastType } from '@primereact/types/shared/toast';\nimport type * as React from 'react';\n\ntype ToastStateAction = ToastType[] | ((prev: ToastType[]) => ToastType[]);\n\nlet toastCounter = 0;\nconst generateId = (): string => `toast-${++toastCounter}-${Date.now()}`;\n\nclass ToastManager {\n private toasts: ToastType[];\n private listeners: Set<() => void> = new Set();\n\n constructor() {\n this.toasts = [];\n }\n\n private emit() {\n this.listeners.forEach((listener) => listener());\n }\n\n snapshot = (): ToastType[] => this.toasts;\n\n subscribe = (listener: () => void): (() => void) => {\n this.listeners.add(listener);\n\n return () => {\n this.listeners.delete(listener);\n };\n };\n\n private commit(action: ToastStateAction) {\n const nextState = typeof action === 'function' ? (action as (prev: ToastType[]) => ToastType[])(this.snapshot()) : [...action];\n\n this.toasts = nextState;\n this.emit();\n }\n\n private ensureId(id?: ToastId): ToastId {\n if ((typeof id === 'number' && !Number.isNaN(id)) || (typeof id === 'string' && id.length > 0)) {\n return id;\n }\n\n return generateId();\n }\n\n add = (toast: ToastType): ToastId => {\n return this.create(toast);\n };\n\n create(toast: ToastType): ToastId {\n const id = this.ensureId(toast.id);\n const dismissible = toast.dismissible ?? true;\n\n this.commit((prev) => {\n const index = prev.findIndex((t) => t.id === id);\n\n if (index !== -1) {\n const next = [...prev];\n\n next[index] = { ...next[index], ...toast, id, dismissible, removed: false };\n\n return next;\n }\n\n return [{ ...toast, id, dismissible, removed: false }, ...prev];\n });\n\n return id;\n }\n\n update = (id: ToastId, updates: Partial<ToastType>) => {\n this.commit((prev) => prev.map((toast) => (toast.id === id ? { ...toast, ...updates, id } : toast)));\n };\n\n dismiss = (id?: ToastId): ToastId | undefined => {\n if (id === undefined) {\n this.commit((prev) => prev.map((toast) => ({ ...toast, removed: true })));\n\n return undefined;\n }\n\n const exists = this.toasts.some((toast) => toast.id === id);\n\n if (!exists) {\n return undefined;\n }\n\n this.commit((prev) => prev.map((toast) => (toast.id === id ? { ...toast, removed: true } : toast)));\n\n return id;\n };\n\n remove = (id: ToastId): ToastId | undefined => {\n const exists = this.toasts.some((toast) => toast.id === id);\n\n if (!exists) {\n return undefined;\n }\n\n this.commit((prev) => prev.filter((toast) => toast.id !== id));\n\n return id;\n };\n\n clear = (group?: string) => {\n if (!this.toasts.length) {\n return;\n }\n\n if (group) {\n this.commit((prev) => prev.filter((toast) => toast.group !== group));\n\n return;\n }\n\n this.commit([]);\n };\n\n get = (id: ToastId): ToastType | undefined => {\n return this.toasts.find((toast) => toast.id === id);\n };\n\n success = (toast: ToastType): ToastId => {\n return this.create({ ...toast, variant: 'success' });\n };\n\n danger = (toast: ToastType): ToastId => {\n return this.create({ ...toast, variant: 'danger' });\n };\n\n warn = (toast: ToastType): ToastId => {\n return this.create({ ...toast, variant: 'warn' });\n };\n\n info = (toast: ToastType): ToastId => {\n return this.create({ ...toast, variant: 'info' });\n };\n\n loading = (toast: ToastType): ToastId => {\n return this.create({ ...toast, variant: 'loading', dismissible: toast.dismissible ?? false });\n };\n\n custom = (jsx: React.ReactElement | ((id: ToastId) => React.ReactElement), options?: Partial<ToastType>): ToastId => {\n const id = this.ensureId(options?.id);\n const element = typeof jsx === 'function' ? jsx(id) : jsx;\n\n return this.create({\n ...options,\n id,\n variant: 'custom',\n jsx: element\n });\n };\n\n promise = async <T>(promise: Promise<T>, options: ToastPromiseType<T>): Promise<T> => {\n const loadingToast: ToastType = {\n ...options.loading,\n id: options.loading.id ?? generateId(),\n variant: 'loading'\n };\n\n const toastId = this.create(loadingToast);\n\n try {\n const data = await promise;\n const successToast = typeof options.success === 'function' ? options.success(data) : options.success;\n\n if (successToast) {\n this.update(toastId, {\n ...successToast,\n id: toastId,\n variant: successToast.variant ?? 'success',\n removed: false\n });\n } else {\n this.remove(toastId);\n }\n\n return data;\n } catch (error) {\n const errorToast = typeof options.error === 'function' ? options.error(error) : options.error;\n\n if (errorToast) {\n this.update(toastId, {\n ...errorToast,\n id: toastId,\n variant: errorToast.variant ?? 'danger',\n removed: false\n });\n } else {\n this.remove(toastId);\n }\n\n throw error;\n }\n };\n}\n\nexport const ToastStore = new ToastManager();\n\nconst baseToast = (toast: ToastType) => ToastStore.add(toast);\n\nexport const toast = Object.assign(baseToast, {\n success: ToastStore.success,\n danger: ToastStore.danger,\n warn: ToastStore.warn,\n info: ToastStore.info,\n loading: ToastStore.loading,\n dismiss: ToastStore.dismiss,\n custom: ToastStore.custom,\n remove: ToastStore.remove,\n clear: ToastStore.clear,\n promise: ToastStore.promise\n});\n","import { withHeadless } from '@primereact/core/headless';\nimport type { ToastId, ToastType } from '@primereact/types/shared/toast';\nimport * as React from 'react';\nimport { ToastStore } from './toastStore';\nimport { defaultProps } from './useToast.props';\n\nexport const useToast = withHeadless({\n name: 'useToast',\n defaultProps,\n setup: ({ props }) => {\n const toasts = React.useSyncExternalStore(\n ToastStore.subscribe,\n () => ToastStore.snapshot(),\n () => ToastStore.snapshot()\n );\n\n const filteredToasts: ToastType[] = React.useMemo(() => {\n if (props.group) {\n return toasts.filter((toast) => toast.group === props.group);\n }\n\n return toasts.filter((toast) => !toast.group);\n }, [toasts, props.group]);\n\n const [heights, setHeights] = React.useState<{ height: number; toastId: ToastId }[]>([]);\n const [isExpanded, setIsExpanded] = React.useState<boolean>(false);\n const [isInteracting, setIsInteracting] = React.useState<boolean>(false);\n\n const focusWithinRef = React.useRef<boolean>(false);\n\n const state = {\n isExpanded,\n isInteracting,\n heights\n };\n\n const onRegionMouseEnter = () => {\n setIsExpanded(true);\n };\n\n const onRegionMouseMove = () => {\n setIsExpanded(true);\n };\n\n const onRegionMouseLeave = () => {\n if (!isInteracting && !focusWithinRef.current) {\n if (toasts.some((t) => t.removed === true)) return;\n\n setIsExpanded(false);\n }\n };\n\n const onRegionDragEnd = () => {\n setIsExpanded(false);\n };\n\n const onRegionPointerDown = (event: React.PointerEvent) => {\n if (event.target instanceof HTMLElement && event.target.dataset.dismissible === 'false') return;\n\n setIsInteracting(true);\n };\n\n const onRegionPointerUp = () => {\n setIsInteracting(false);\n };\n\n const onRegionFocus = (event: React.FocusEvent<HTMLElement>) => {\n const region = event.currentTarget;\n const activeEl = document.activeElement as HTMLElement;\n\n if (activeEl && activeEl.matches(':focus-visible') && region.contains(activeEl)) {\n focusWithinRef.current = true;\n setIsExpanded(true);\n }\n };\n\n const onRegionBlur = (event: React.FocusEvent<HTMLElement>) => {\n const region = event.currentTarget;\n const related = event.relatedTarget as HTMLElement | null;\n\n if (related && region.contains(related)) {\n return;\n }\n\n focusWithinRef.current = false;\n\n if (isInteracting) return;\n\n if (toasts.some((t) => t.removed === true)) return;\n\n setIsExpanded(false);\n };\n\n const handleFocusManagement = (toastEl: HTMLElement | null) => {\n if (!toastEl) return;\n\n const activeEl = document.activeElement as HTMLElement;\n\n if (!toastEl.contains(activeEl)) {\n return;\n }\n\n const nextToastEl = toastEl.nextElementSibling as HTMLElement | null;\n const prevToastEl = toastEl.previousElementSibling as HTMLElement | null;\n\n requestAnimationFrame(() => {\n if (nextToastEl) nextToastEl.focus({ preventScroll: true });\n else if (prevToastEl) prevToastEl.focus({ preventScroll: true });\n });\n };\n\n React.useEffect(() => {\n if (filteredToasts.length <= 1) {\n setIsExpanded(false);\n }\n }, [filteredToasts]);\n\n React.useEffect(() => {\n return () => {\n ToastStore.clear(props.group);\n };\n }, []);\n\n return {\n state,\n toasts: filteredToasts,\n setHeights,\n onRegionMouseEnter,\n onRegionMouseMove,\n onRegionMouseLeave,\n onRegionDragEnd,\n onRegionPointerDown,\n onRegionPointerUp,\n onRegionFocus,\n onRegionBlur,\n handleFocusManagement\n };\n }\n});\n","import type { useToastProps } from '@primereact/types/shared/toast';\n\nexport const defaultProps: useToastProps = {\n timeout: 6000,\n gap: 14,\n position: 'bottom-right',\n group: undefined,\n limit: 3\n};\n"],"mappings":"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","names":["toastCounter","generateId","ToastManager","listener","toast","id","updates","prev","__spreadProps","__spreadValues","group","_a","jsx","options","element","promise","__async","_b","_c","loadingToast","toastId","data","successToast","error","errorToast","action","nextState","dismissible","index","t","next","ToastStore","baseToast","withHeadless","React","defaultProps","useToast","withHeadless","defaultProps","props","toasts","ToastStore","filteredToasts","toast","heights","setHeights","isExpanded","setIsExpanded","isInteracting","setIsInteracting","focusWithinRef","state","onRegionMouseEnter","onRegionMouseMove","onRegionMouseLeave","t","onRegionDragEnd","onRegionPointerDown","event","onRegionPointerUp","onRegionFocus","region","activeEl","onRegionBlur","related","handleFocusManagement","toastEl","nextToastEl","prevToastEl"]}
|
package/toast/item/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.p-toast-region{position:fixed;width:296px;z-index:2000}.p-toast-region[data-position=bottom-right]{right:2rem;bottom:2rem}.p-toast-region[data-position=bottom-center]{bottom:2rem;left:50%;transform:translate(-50%)}.p-toast-region[data-position=bottom-left]{left:2rem;bottom:2rem}.p-toast-region[data-position=top-right]{right:2rem;top:2rem}.p-toast-region[data-position=top-center]{left:50%;transform:translate(-50%);top:2rem}.p-toast-region[data-position=top-left]{left:2rem;top:2rem}.p-toast{
|
|
1
|
+
.p-toast-region{position:fixed;width:296px;z-index:2000}.p-toast-region[data-position=bottom-right]{right:2rem;bottom:2rem}.p-toast-region[data-position=bottom-center]{bottom:2rem;left:50%;transform:translate(-50%)}.p-toast-region[data-position=bottom-left]{left:2rem;bottom:2rem}.p-toast-region[data-position=top-right]{right:2rem;top:2rem}.p-toast-region[data-position=top-center]{left:50%;transform:translate(-50%);top:2rem}.p-toast-region[data-position=top-left]{left:2rem;top:2rem}.p-toast-title{font-size:1.125rem;font-weight:600;color:var(--title-color)}.p-toast-description{font-size:1rem;color:var(--description-color)}.p-toast-icon{color:var(--icon-color)}.p-toast{--offset-y: calc(var(--swipe-amount-y) + (var(--toast-offset) + var(--toast-index) * var(--gap)) * var(--raise-factor));--offset-x: var(--swipe-amount-x);width:100%;padding:1.125rem;border-radius:.5rem;background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);outline:none;position:absolute;touch-action:none;opacity:0;transform:translate(var(--offset-x)) translateY(calc(100% * var(--raise-factor) * -1));z-index:var(--toast-z-index);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;transition:transform .3s,opacity .3s,height .3s}.p-toast:focus-visible{outline:1px solid light-dark(var(--p-surface-950),var(--p-surface-0));outline-offset:2px}.p-toast[data-mounted=true]{opacity:1;transform:translateY(0)}.p-toast[data-expanded=false][data-front=false]{overflow:hidden;height:var(--front-toast-height);transform:translate(var(--offset-x)) translateY(calc(var(--raise-factor) * var(--toast-index) * var(--gap))) scale(calc(var(--toast-index) * -.05 + 1))}.p-toast[data-mounted=true][data-expanded=true]{height:var(--initial-height);transform:translate(var(--offset-x)) translateY(var(--offset-y))}.p-toast[data-expanded=true]:after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);width:100%;bottom:100%}.p-toast[data-visible=false]{opacity:0;pointer-events:none;user-select:none}.p-toast[data-removed=true][data-front=true][data-swipe-out=false]{opacity:0;transform:translate(var(--offset-x)) translateY(calc(var(--raise-factor) * -100%))}.p-toast[data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{opacity:0;transform:translate(var(--offset-x)) translateY(calc(var(--raise-factor) * var(--offset-y) * .4))}.p-toast[data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{opacity:0;transform:translate(var(--offset-x)) translateY(calc(var(--raise-factor) * 40% * -1));transition:transform .5s,opacity .2s}.p-toast[data-swiping=true]{transition:none;transform:translate(var(--offset-x)) translateY(var(--offset-y))!important}.p-toast[data-swiped=true]{-webkit-user-select:none;user-select:none}.p-toast[data-swipe-out=true][data-swipe-direction=up]{opacity:0;transform:translate(var(--offset-x)) translateY(calc(var(--offset-y) - 100%))!important}.p-toast[data-swipe-out=true][data-swipe-direction=down]{opacity:0;transform:translate(var(--offset-x)) translateY(calc(var(--offset-y) + 100%))!important}.p-toast[data-swipe-out=true][data-swipe-direction=left]{opacity:0;transform:translate(calc(var(--offset-x) - 100%)) translateY(var(--offset-y))!important}.p-toast[data-swipe-out=true][data-swipe-direction=right]{opacity:0;transform:translate(calc(var(--offset-x) + 100%)) translateY(var(--offset-y))!important;transition:transform .5s,opacity .2s}.p-toast{--background-color: light-dark(var(--p-surface-0), var(--p-surface-900));--border-color: light-dark(var(--p-surface-200), var(--p-surface-800));--text-color: light-dark(var(--p-surface-900), var(--p-surface-0));--title-color: light-dark(var(--p-surface-800), var(--p-surface-100));--description-color: light-dark(var(--p-surface-500), var(--p-surface-400));--icon-color: light-dark(var(--p-surface-800), var(--p-surface-100))}.p-toast[data-rich-colors=true][data-variant=danger]{--background-color: light-dark(color-mix(in srgb, var(--p-red-50) 75%, white), color-mix(in srgb, var(--p-red-950) 50%, black));--border-color: light-dark(var(--p-red-200), var(--p-red-950));--text-color: light-dark(var(--p-red-500), var(--p-red-300));--title-color: light-dark(var(--p-red-600), var(--p-red-300));--description-color: light-dark(var(--p-red-500), var(--p-red-400));--icon-color: light-dark(var(--p-red-600), var(--p-red-300))}.p-toast[data-rich-colors=true][data-variant=success]{--background-color: light-dark(color-mix(in srgb, var(--p-emerald-50) 75%, white), color-mix(in srgb, var(--p-emerald-950) 50%, black));--border-color: light-dark(var(--p-emerald-200), var(--p-emerald-950));--text-color: light-dark(var(--p-emerald-500), var(--p-emerald-300));--title-color: light-dark(var(--p-emerald-600), var(--p-emerald-300));--description-color: light-dark(var(--p-emerald-500), var(--p-emerald-400));--icon-color: light-dark(var(--p-emerald-600), var(--p-emerald-300))}.p-toast[data-rich-colors=true][data-variant=info]{--background-color: light-dark(color-mix(in srgb, var(--p-blue-50) 75%, white), color-mix(in srgb, var(--p-blue-950) 50%, black));--border-color: light-dark(var(--p-blue-200), var(--p-blue-950));--text-color: light-dark(var(--p-blue-500), var(--p-blue-300));--title-color: light-dark(var(--p-blue-600), var(--p-blue-300));--description-color: light-dark(var(--p-blue-500), var(--p-blue-400));--icon-color: light-dark(var(--p-blue-600), var(--p-blue-300))}.p-toast[data-rich-colors=true][data-variant=warn]{--background-color: light-dark(color-mix(in srgb, var(--p-amber-50) 75%, white), color-mix(in srgb, var(--p-amber-950) 50%, black));--border-color: light-dark(var(--p-amber-200), var(--p-amber-950));--text-color: light-dark(var(--p-amber-500), var(--p-amber-300));--title-color: light-dark(var(--p-amber-600), var(--p-amber-300));--description-color: light-dark(var(--p-amber-500), var(--p-amber-400));--icon-color: light-dark(var(--p-amber-600), var(--p-amber-300))}.p-toast-region[data-position=bottom-right] .p-toast{--raise-factor: -1;bottom:0;right:0}.p-toast-region[data-position=bottom-center] .p-toast{--raise-factor: -1;bottom:0}.p-toast-region[data-position=bottom-left] .p-toast{--raise-factor: -1;bottom:0;left:0}.p-toast-region[data-position=top-right] .p-toast{--raise-factor: 1;top:0;right:0}.p-toast-region[data-position=top-center] .p-toast{--raise-factor: 1;top:0}.p-toast-region[data-position=top-left] .p-toast{--raise-factor: 1;top:0;left:0}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/toast/item/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../primereact/src/toast/styles.css"],"sourcesContent":[".p-toast-region {\n position: fixed;\n width: 296px;\n z-index: 2000;\n}\n\n.p-toast-region[data-position=\"bottom-right\"] {\n right: 2rem;\n bottom: 2rem;\n}\n\n.p-toast-region[data-position=\"bottom-center\"] {\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.p-toast-region[data-position=\"bottom-left\"] {\n left: 2rem;\n bottom: 2rem;\n}\n\n.p-toast-region[data-position=\"top-right\"] {\n right: 2rem;\n top: 2rem;\n}\n\n.p-toast-region[data-position=\"top-center\"] {\n left: 50%;\n transform: translateX(-50%);\n top: 2rem;\n}\n\n.p-toast-region[data-position=\"top-left\"] {\n left: 2rem;\n top: 2rem;\n}\n\n.p-toast {\n --background-color: var(--p-surface-0);\n --border-color: var(--p-surface-200);\n --text-color: var(--p-surface-900);\n --title-color: var(--p-surface-800);\n --description-color: var(--p-surface-500);\n --icon-color: var(--p-surface-800);\n}\n\n.p-dark .p-toast {\n --background-color: var(--p-surface-900);\n --border-color: var(--p-surface-800);\n --text-color: var(--p-surface-0);\n --title-color: var(--p-surface-0);\n --description-color: var(--p-surface-400);\n --icon-color: var(--p-surface-0);\n}\n\n.p-toast[data-rich-colors=\"true\"][data-variant=\"danger\"] {\n --background-color: color-mix(in srgb, var(--p-red-50) 75%, white);\n --border-color: var(--p-red-200);\n --text-color: var(--p-red-500);\n --title-color: var(--p-red-600);\n --description-color: var(--p-red-500);\n --icon-color: var(--p-red-600);\n}\n\n.p-dark .p-toast[data-rich-colors=\"true\"][data-variant=\"danger\"] {\n --background-color: color-mix(in srgb, var(--p-red-950) 50%, black);\n --border-color: var(--p-red-950);\n --text-color: var(--p-red-300);\n --title-color: var(--p-red-300);\n --description-color: var(--p-red-400);\n --icon-color: var(--p-red-300);\n}\n\n.p-toast[data-rich-colors=\"true\"][data-variant=\"success\"] {\n --background-color: color-mix(in srgb, var(--p-emerald-50) 75%, white);\n --border-color: var(--p-emerald-200);\n --text-color: var(--p-emerald-500);\n --title-color: var(--p-emerald-600);\n --description-color: var(--p-emerald-500);\n --icon-color: var(--p-emerald-600);\n}\n\n.p-dark .p-toast[data-rich-colors=\"true\"][data-variant=\"success\"] {\n --background-color: color-mix(in srgb, var(--p-emerald-950) 50%, black);\n --border-color: var(--p-emerald-950);\n --text-color: var(--p-emerald-300);\n --title-color: var(--p-emerald-300);\n --description-color: var(--p-emerald-400);\n --icon-color: var(--p-emerald-300);\n}\n\n.p-toast[data-rich-colors=\"true\"][data-variant=\"info\"] {\n --background-color: color-mix(in srgb, var(--p-blue-50) 75%, white);\n --border-color: var(--p-blue-200);\n --text-color: var(--p-blue-500);\n --title-color: var(--p-blue-600);\n --description-color: var(--p-blue-500);\n --icon-color: var(--p-blue-600);\n}\n\n.p-dark .p-toast[data-rich-colors=\"true\"][data-variant=\"info\"] {\n --background-color: color-mix(in srgb, var(--p-blue-950) 50%, black);\n --border-color: var(--p-blue-950);\n --text-color: var(--p-blue-300);\n --title-color: var(--p-blue-300);\n --description-color: var(--p-blue-400);\n --icon-color: var(--p-blue-300);\n}\n\n.p-toast[data-rich-colors=\"true\"][data-variant=\"warn\"] {\n --background-color: color-mix(in srgb, var(--p-amber-50) 75%, white);\n --border-color: var(--p-amber-200);\n --text-color: var(--p-amber-500);\n --title-color: var(--p-amber-600);\n --description-color: var(--p-amber-500);\n --icon-color: var(--p-amber-600);\n}\n\n.p-dark .p-toast[data-rich-colors=\"true\"][data-variant=\"warn\"] {\n --background-color: color-mix(in srgb, var(--p-amber-950) 50%, black);\n --border-color: var(--p-amber-950);\n --text-color: var(--p-amber-300);\n --title-color: var(--p-amber-300);\n --description-color: var(--p-amber-400);\n --icon-color: var(--p-amber-300);\n}\n\n.p-toast {\n --offset-y: calc(var(--p-swipe-amount-y) + var(--p-toast-offset) * var(--raise-factor) + calc(var(--p-toast-index) * var(--gap) * var(--raise-factor)));\n --offset-x: var(--p-swipe-amount-x);\n opacity: 0;\n width: 100%;\n padding: 1.125rem;\n border-radius: 0.5rem;\n background-color: var(--background-color);\n border: 1px solid var(--border-color);\n color: var(--text-color);\n outline: none;\n position: absolute;\n transform: translateX(var(--p-swipe-amount-x)) translateY(calc(var(--p-swipe-amount-y) + calc(var(--p-toast-index) * calc(20px * var(--raise-factor))))) scale(calc(max(0, 1-(var(--p-toast-index) * 0.1))));\n z-index: calc(100 - var(--p-toast-index));\n touch-action: none;\n box-shadow:\n 0 4px 6px -1px rgb(0 0 0 / 0.05),\n 0 2px 4px -2px rgb(0 0 0 / 0.05);\n transition:\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1),\n opacity 0.5s cubic-bezier(0.32, 0.72, 0, 1),\n height 0.4s cubic-bezier(0.32, 0.72, 0, 1);\n}\n\n.p-toast:focus-visible {\n outline: 1px solid var(--p-surface-950);\n outline-offset: 2px;\n}\n\n.p-dark .p-toast:focus-visible {\n outline: 1px solid var(--p-surface-0);\n}\n\n.p-toast[data-removed=\"true\"][data-front=\"false\"][data-swipe-out=\"false\"][data-expanded=\"false\"] {\n transition:\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1),\n opacity 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n}\n\n.p-toast[data-expanded=\"false\"][data-front=\"true\"] {\n height: var(--p-real-height);\n}\n\n.p-toast[data-expanded=\"false\"][data-front=\"false\"] {\n height: var(--front-toast-height);\n overflow: hidden;\n}\n\n.p-toast-region[data-position=\"bottom-right\"] .p-toast {\n bottom: 0;\n right: 0;\n}\n\n.p-toast-region[data-position=\"bottom-center\"] .p-toast {\n bottom: 0;\n}\n\n.p-toast-region[data-position=\"bottom-left\"] .p-toast {\n bottom: 0;\n left: 0;\n}\n\n.p-toast-region[data-position=\"top-right\"] .p-toast {\n top: 0;\n right: 0;\n}\n\n.p-toast-region[data-position=\"top-center\"] .p-toast {\n top: 0;\n}\n\n.p-toast-region[data-position=\"top-left\"] .p-toast {\n top: 0;\n left: 0;\n}\n\n.p-toast[data-mounted=\"true\"] {\n opacity: 1;\n}\n\n.p-toast[data-mounted=\"false\"] {\n opacity: 0;\n transform: translateY(calc(100% * var(--raise-factor) * -1));\n}\n\n.p-toast[data-overflow=\"true\"] {\n opacity: 0;\n pointer-events: none;\n}\n\n.p-toast[data-overflow=\"true\"][data-expanded=\"true\"] {\n transform: translateY(calc(100% * var(--raise-factor))) scale(calc(max(0, 1 - (var(--p-toast-index) * 0.1))));\n}\n\n.p-toast[data-mounted=\"true\"][data-expanded=\"true\"] {\n height: var(--p-real-height);\n transform: translateX(var(--offset-x)) translateY(var(--offset-y));\n}\n\n.p-toast[data-mounted=\"true\"][data-expanded=\"true\"]:after {\n position: absolute;\n bottom: 100%;\n left: 0;\n width: 100%;\n height: calc(var(--gap) + 1px);\n content: \"\";\n}\n\n.p-toast[data-removed=\"true\"] {\n opacity: 0;\n height: var(--p-real-height);\n}\n\n.p-toast[data-swipe-out=\"false\"][data-removed=\"true\"] {\n transform: translateY(calc(100% * var(--raise-factor) * -1)) !important;\n}\n\n.p-toast[data-swiping=\"true\"]::before {\n content: \"\";\n position: absolute;\n inset: 0 -100%;\n height: 100%;\n z-index: -1;\n top: 50%;\n transform: scaleY(2) translateY(-50%);\n}\n\n.p-toast-region[data-position=\"bottom-right\"] .p-toast[data-swiping=\"true\"]::before,\n.p-toast-region[data-position=\"bottom-center\"] .p-toast[data-swiping=\"true\"]::before,\n.p-toast-region[data-position=\"bottom-left\"] .p-toast[data-swiping=\"true\"]::before {\n top: 50%;\n transform: scaleY(2) translateY(-50%);\n}\n\n.p-toast-region[data-position=\"top-right\"] .p-toast[data-swiping=\"true\"]::before,\n.p-toast-region[data-position=\"top-center\"] .p-toast[data-swiping=\"true\"]::before,\n.p-toast-region[data-position=\"top-left\"] .p-toast[data-swiping=\"true\"]::before {\n bottom: 50%;\n transform: scaleY(2) translateY(50%);\n}\n\n.p-toast[data-swiping=\"false\"][data-removed=\"true\"]::before {\n content: \"\";\n position: absolute;\n inset: 0;\n transform: scaleY(2);\n}\n\n.p-toast[data-removed=\"true\"][data-front=\"false\"]::before {\n height: calc(var(--p-real-height) + 20%);\n}\n\n.p-toast[data-removed=\"true\"][data-swipe-out=\"true\"][data-swipe-out-direction=\"up\"] {\n transform: translateY(calc(var(--offset-y) - 100%)) !important;\n}\n\n.p-toast[data-removed=\"true\"][data-swipe-out=\"true\"][data-swipe-out-direction=\"down\"] {\n transform: translateY(calc(var(--offset-y) + 100%)) !important;\n}\n\n.p-toast[data-removed=\"true\"][data-swipe-out=\"true\"][data-swipe-out-direction=\"left\"] {\n transform: translateX(calc(var(--offset-x) - 100%)) translateY(var(--offset-y)) !important;\n}\n\n.p-toast[data-removed=\"true\"][data-swipe-out=\"true\"][data-swipe-out-direction=\"right\"] {\n transform: translateX(calc(var(--offset-x) + 100%)) translateY(var(--offset-y)) !important;\n}\n\n.p-toast[data-swiping=\"true\"] {\n user-select: none !important;\n transition: none !important;\n}\n\n.p-toast-title {\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--title-color);\n}\n\n.p-toast-description {\n font-size: 1rem;\n color: var(--description-color);\n}\n\n.p-toast-icon {\n color: var(--icon-color);\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../../primereact/src/toast/styles.css"],"sourcesContent":[".p-toast-region {\n position: fixed;\n width: 296px;\n z-index: 2000;\n}\n\n.p-toast-region[data-position=\"bottom-right\"] {\n right: 2rem;\n bottom: 2rem;\n}\n\n.p-toast-region[data-position=\"bottom-center\"] {\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.p-toast-region[data-position=\"bottom-left\"] {\n left: 2rem;\n bottom: 2rem;\n}\n\n.p-toast-region[data-position=\"top-right\"] {\n right: 2rem;\n top: 2rem;\n}\n\n.p-toast-region[data-position=\"top-center\"] {\n left: 50%;\n transform: translateX(-50%);\n top: 2rem;\n}\n\n.p-toast-region[data-position=\"top-left\"] {\n left: 2rem;\n top: 2rem;\n}\n\n.p-toast-title {\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--title-color);\n}\n\n.p-toast-description {\n font-size: 1rem;\n color: var(--description-color);\n}\n\n.p-toast-icon {\n color: var(--icon-color);\n}\n\n.p-toast {\n --offset-y: calc(var(--swipe-amount-y) + (var(--toast-offset) + var(--toast-index) * var(--gap)) * var(--raise-factor));\n --offset-x: var(--swipe-amount-x);\n width: 100%;\n padding: 1.125rem;\n border-radius: 0.5rem;\n background-color: var(--background-color);\n border: 1px solid var(--border-color);\n color: var(--text-color);\n outline: none;\n position: absolute;\n touch-action: none;\n opacity: 0;\n transform: translateX(var(--offset-x)) translateY(calc(100% * var(--raise-factor) * -1));\n z-index: var(--toast-z-index);\n box-shadow:\n 0 4px 6px -1px rgb(0 0 0 / 0.05),\n 0 2px 4px -2px rgb(0 0 0 / 0.05);\n transition:\n transform 0.3s,\n opacity 0.3s,\n height 0.3s;\n}\n\n.p-toast:focus-visible {\n outline: 1px solid light-dark(var(--p-surface-950), var(--p-surface-0));\n outline-offset: 2px;\n}\n\n.p-toast[data-mounted=\"true\"] {\n opacity: 1;\n transform: translateY(0);\n}\n\n.p-toast[data-expanded=\"false\"][data-front=\"false\"] {\n overflow: hidden;\n height: var(--front-toast-height);\n transform: translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * var(--toast-index) * var(--gap))) scale(calc(var(--toast-index) * -0.05 + 1));\n}\n\n.p-toast[data-mounted=\"true\"][data-expanded=\"true\"] {\n height: var(--initial-height);\n transform: translateX(var(--offset-x)) translateY(var(--offset-y));\n}\n\n.p-toast[data-expanded=\"true\"]::after {\n content: \"\";\n position: absolute;\n left: 0;\n height: calc(var(--gap) + 1px);\n width: 100%;\n bottom: 100%;\n}\n\n.p-toast[data-visible=\"false\"] {\n opacity: 0;\n pointer-events: none;\n user-select: none;\n}\n\n.p-toast[data-removed=\"true\"][data-front=\"true\"][data-swipe-out=\"false\"] {\n opacity: 0;\n transform: translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * -100%));\n}\n\n.p-toast[data-removed=\"true\"][data-front=\"false\"][data-swipe-out=\"false\"][data-expanded=\"true\"] {\n opacity: 0;\n transform: translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * var(--offset-y) * 0.4));\n}\n\n.p-toast[data-removed=\"true\"][data-front=\"false\"][data-swipe-out=\"false\"][data-expanded=\"false\"] {\n opacity: 0;\n transform: translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * 40% * -1));\n transition:\n transform 500ms,\n opacity 200ms;\n}\n\n.p-toast[data-swiping=\"true\"] {\n transition: none;\n transform: translateX(var(--offset-x)) translateY(var(--offset-y)) !important;\n}\n\n.p-toast[data-swiped=\"true\"] {\n -webkit-user-select: none;\n user-select: none;\n}\n\n.p-toast[data-swipe-out=\"true\"][data-swipe-direction=\"up\"] {\n opacity: 0;\n transform: translateX(var(--offset-x)) translateY(calc(var(--offset-y) - 100%)) !important;\n}\n\n.p-toast[data-swipe-out=\"true\"][data-swipe-direction=\"down\"] {\n opacity: 0;\n transform: translateX(var(--offset-x)) translateY(calc(var(--offset-y) + 100%)) !important;\n}\n\n.p-toast[data-swipe-out=\"true\"][data-swipe-direction=\"left\"] {\n opacity: 0;\n transform: translateX(calc(var(--offset-x) - 100%)) translateY(var(--offset-y)) !important;\n}\n\n.p-toast[data-swipe-out=\"true\"][data-swipe-direction=\"right\"] {\n opacity: 0;\n transform: translateX(calc(var(--offset-x) + 100%)) translateY(var(--offset-y)) !important;\n transition:\n transform 500ms,\n opacity 200ms;\n}\n\n.p-toast {\n --background-color: light-dark(var(--p-surface-0), var(--p-surface-900));\n --border-color: light-dark(var(--p-surface-200), var(--p-surface-800));\n --text-color: light-dark(var(--p-surface-900), var(--p-surface-0));\n --title-color: light-dark(var(--p-surface-800), var(--p-surface-100));\n --description-color: light-dark(var(--p-surface-500), var(--p-surface-400));\n --icon-color: light-dark(var(--p-surface-800), var(--p-surface-100));\n}\n\n.p-toast[data-rich-colors=\"true\"][data-variant=\"danger\"] {\n --background-color: light-dark(color-mix(in srgb, var(--p-red-50) 75%, white), color-mix(in srgb, var(--p-red-950) 50%, black));\n --border-color: light-dark(var(--p-red-200), var(--p-red-950));\n --text-color: light-dark(var(--p-red-500), var(--p-red-300));\n --title-color: light-dark(var(--p-red-600), var(--p-red-300));\n --description-color: light-dark(var(--p-red-500), var(--p-red-400));\n --icon-color: light-dark(var(--p-red-600), var(--p-red-300));\n}\n\n.p-toast[data-rich-colors=\"true\"][data-variant=\"success\"] {\n --background-color: light-dark(color-mix(in srgb, var(--p-emerald-50) 75%, white), color-mix(in srgb, var(--p-emerald-950) 50%, black));\n --border-color: light-dark(var(--p-emerald-200), var(--p-emerald-950));\n --text-color: light-dark(var(--p-emerald-500), var(--p-emerald-300));\n --title-color: light-dark(var(--p-emerald-600), var(--p-emerald-300));\n --description-color: light-dark(var(--p-emerald-500), var(--p-emerald-400));\n --icon-color: light-dark(var(--p-emerald-600), var(--p-emerald-300));\n}\n\n.p-toast[data-rich-colors=\"true\"][data-variant=\"info\"] {\n --background-color: light-dark(color-mix(in srgb, var(--p-blue-50) 75%, white), color-mix(in srgb, var(--p-blue-950) 50%, black));\n --border-color: light-dark(var(--p-blue-200), var(--p-blue-950));\n --text-color: light-dark(var(--p-blue-500), var(--p-blue-300));\n --title-color: light-dark(var(--p-blue-600), var(--p-blue-300));\n --description-color: light-dark(var(--p-blue-500), var(--p-blue-400));\n --icon-color: light-dark(var(--p-blue-600), var(--p-blue-300));\n}\n\n.p-toast[data-rich-colors=\"true\"][data-variant=\"warn\"] {\n --background-color: light-dark(color-mix(in srgb, var(--p-amber-50) 75%, white), color-mix(in srgb, var(--p-amber-950) 50%, black));\n --border-color: light-dark(var(--p-amber-200), var(--p-amber-950));\n --text-color: light-dark(var(--p-amber-500), var(--p-amber-300));\n --title-color: light-dark(var(--p-amber-600), var(--p-amber-300));\n --description-color: light-dark(var(--p-amber-500), var(--p-amber-400));\n --icon-color: light-dark(var(--p-amber-600), var(--p-amber-300));\n}\n\n.p-toast-region[data-position=\"bottom-right\"] .p-toast {\n --raise-factor: -1;\n bottom: 0;\n right: 0;\n}\n\n.p-toast-region[data-position=\"bottom-center\"] .p-toast {\n --raise-factor: -1;\n bottom: 0;\n}\n\n.p-toast-region[data-position=\"bottom-left\"] .p-toast {\n --raise-factor: -1;\n bottom: 0;\n left: 0;\n}\n\n.p-toast-region[data-position=\"top-right\"] .p-toast {\n --raise-factor: 1;\n top: 0;\n right: 0;\n}\n\n.p-toast-region[data-position=\"top-center\"] .p-toast {\n --raise-factor: 1;\n top: 0;\n}\n\n.p-toast-region[data-position=\"top-left\"] .p-toast {\n --raise-factor: 1;\n top: 0;\n left: 0;\n}\n"],"mappings":"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","names":[]}
|