bromcom-ui 2.7.37-rc.1 → 2.7.37-rc.3

package/dist/types/templates/button-template.d.ts

@@ -0,0 +1,18 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface ButtonTemplateProps {
+  type?: any;
+  value?: any;
+  className?: any;
+  componentClass?: any;
+  disabled?: any;
+  href?: any;
+  target?: any;
+  loading?: any;
+  iconSize?: any;
+  isIconOnly?: any;
+  icon?: any;
+  iconPosition?: any;
+  id?: any;
+}
+export declare const ButtonTemplate: FunctionalComponent<ButtonTemplateProps>;
+export {};

package/dist/types/templates/caption-template.d.ts

@@ -0,0 +1,14 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface CaptionTemplateProps {
+  noCaption?: any;
+  captionType?: any;
+  captionClasses?: any;
+  captionError?: any;
+  caption?: any;
+  customErrorMessage?: any;
+  maxLength?: any;
+  value?: any;
+  size?: any;
+}
+export declare const CaptionTemplate: FunctionalComponent<CaptionTemplateProps>;
+export {};

package/dist/types/templates/checkbox-group-template.d.ts

@@ -0,0 +1,10 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface CheckboxGroupTemplate {
+  id?: any;
+  onBcmSelect?: (checkBoxId: any) => void;
+  groupContainerClasses?: any;
+  customStyle?: any;
+  items: any;
+}
+export declare const CheckboxGroupTemplate: FunctionalComponent<CheckboxGroupTemplate>;
+export {};

package/dist/types/templates/checkbox-template.d.ts

@@ -0,0 +1,13 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface CheckboxTemplateProps {
+  disabled?: any;
+  checked?: any;
+  readonly?: any;
+  required?: any;
+  indeterminate?: any;
+  hidden?: any;
+  captionType?: any;
+  _id?: any;
+}
+export declare const CheckboxTemplate: FunctionalComponent<CheckboxTemplateProps>;
+export {};

package/dist/types/templates/icon-template.d.ts

@@ -0,0 +1,7 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface IconTemplateProps {
+  icon?: any;
+  hidden?: any;
+}
+export declare const IconTemplate: FunctionalComponent<IconTemplateProps>;
+export {};

package/dist/types/templates/index.d.ts

@@ -0,0 +1,13 @@
+export * from './button-template';
+export * from './caption-template';
+export * from './checkbox-group-template';
+export * from './checkbox-template';
+export * from './icon-template';
+export * from './info-footer-template';
+export * from './input-template';
+export * from './label-template';
+export * from './list-item-template';
+export * from './list-template';
+export * from './slot-template';
+export * from './step-template';
+export * from './tag-template';

package/dist/types/templates/info-footer-template.d.ts

@@ -0,0 +1,10 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface InfoFooterTemplateProps {
+  selected?: any;
+  total?: any;
+  found?: any;
+  multiple?: boolean;
+  variableText?: string;
+}
+export declare const InfoFooterTemplate: FunctionalComponent<InfoFooterTemplateProps>;
+export {};

package/dist/types/templates/input-template.d.ts

@@ -0,0 +1,34 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+import Bcm from '../models/bcm';
+interface InputTemplateProps extends Bcm.InputClickEvent {
+  elementType?: 'textarea' | 'input';
+  rows?: any;
+  id?: any;
+  internalId?: any;
+  type?: any;
+  placeholder?: any;
+  value?: any;
+  size?: any;
+  pattern?: any;
+  unit?: any;
+  unitPrefix?: any;
+  maxLength?: any;
+  disabled?: any;
+  clearable?: any;
+  focused?: any;
+  readonly?: any;
+  isPasswordVisible?: any;
+  passwordToggle?: any;
+  noDefaultIcon?: any;
+  inValid?: any;
+  captionType?: any;
+  resize?: any;
+  autocomplete?: any;
+  _suffix?: any;
+  _prefix?: any;
+  changePasswordVisibility?: () => void;
+  handleClear?: (e: MouseEvent) => void;
+  steps?: (type: any) => void;
+}
+export declare const InputTemplate: FunctionalComponent<InputTemplateProps>;
+export {};

package/dist/types/templates/label-template.d.ts

@@ -0,0 +1,12 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface LabelTemplateProps {
+  className?: any;
+  required?: any;
+  value?: any;
+  size?: any;
+  form?: any;
+  htmlFor?: any;
+  type?: any;
+}
+export declare const LabelTemplate: FunctionalComponent<LabelTemplateProps>;
+export {};

package/dist/types/templates/list-item-template.d.ts

@@ -0,0 +1,13 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+import Bcm from '../models/bcm';
+interface ListItemTemplateProps extends Bcm.ListItemClickEvent {
+  item?: any;
+  treeview?: any;
+  checkboxes?: any;
+  searchIsOnlyChilds?: any;
+  size?: any;
+  highlight?: any;
+  focusItem?: (event: any) => void;
+}
+export declare const ListItemTemplate: FunctionalComponent<ListItemTemplateProps>;
+export {};

package/dist/types/templates/list-template.d.ts

@@ -0,0 +1,29 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+import Bcm from '../models/bcm';
+interface ListTemplateProps extends Bcm.ListClickEvent {
+  treeview?: any;
+  checkboxes?: any;
+  bcmListContainer?: any;
+  infoFooter?: any;
+  searchPlaceholder?: string;
+  searchIsOnlyChilds?: boolean;
+  value?: any;
+  totalData?: any;
+  searchFound?: any;
+  variableText?: any;
+  size?: any;
+  items?: any;
+  _id?: any;
+  data?: any;
+  width?: any;
+  height?: any;
+  checkAll?: any;
+  selectAllItem?: any;
+  searchable?: any;
+  highlight?: any;
+  emptyText?: any;
+  emptyIcon?: any;
+  focusItem?: (event: any) => void;
+}
+export declare const ListTemplate: FunctionalComponent<ListTemplateProps>;
+export {};

package/dist/types/templates/slot-template.d.ts

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface SlotTemplateProps {
+  value?: any;
+  className?: any;
+  name?: any;
+}
+export declare const SlotTemplate: FunctionalComponent<SlotTemplateProps>;
+export {};

package/dist/types/templates/step-template.d.ts

@@ -0,0 +1,17 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface StepperHeaderTemplateProps {
+  title: string;
+  description: string;
+  status: 'default' | 'success' | 'warning' | 'error';
+  statusIcon: boolean;
+  icon: string;
+  valid: boolean;
+  index: number;
+  loading: boolean;
+  active: boolean;
+  disabled: boolean;
+  headerHidden: boolean;
+  stepChange?: (e: number) => void;
+}
+export declare const StepperHeaderTemplate: FunctionalComponent<StepperHeaderTemplateProps>;
+export {};

package/dist/types/templates/tag-template.d.ts

@@ -0,0 +1,21 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+import Bcm from '../models/bcm';
+import { FontSizesTypes } from '../models/bcm-types';
+interface TagTemplateProps {
+  _id?: string;
+  hostClasses?: string;
+  classes?: string;
+  color?: any;
+  itemObject?: any;
+  customStyle?: any;
+  value?: string;
+  type?: Bcm.TagType;
+  hidden?: boolean;
+  calculatedSize?: number;
+  size?: FontSizesTypes | number;
+  checked?: boolean;
+  onDismiss?: (e?: any) => void;
+  onSelect?: (e?: any) => void;
+}
+export declare const TagTemplate: FunctionalComponent<TagTemplateProps>;
+export {};

package/dist/types/types/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 'type' prop caption type
+ */
+export declare type captionTypeProp = 'primary' | 'success' | 'warning' | 'error' | 'default';
+export interface ITransformPositions {
+  x: number;
+  y: number;
+}
+export interface IDragPoint {
+  x: number;
+  y: number;
+}

package/dist/types/utils/element-dragger.d.ts

@@ -0,0 +1,146 @@
+/**
+ * Enums
+ */
+export declare enum DragDirections {
+  x = "x",
+  y = "y",
+  both = "both"
+}
+/**
+ *  Types
+ */
+declare type Directions = keyof typeof DragDirections;
+/**
+ * Interfaces
+ */
+interface ILimit {
+  x?: {
+    min?: number;
+    max?: number;
+  };
+  y?: {
+    min?: number;
+    max?: number;
+  };
+}
+interface ICenter {
+  x?: number;
+  y?: number;
+}
+interface IOptions {
+  target: HTMLElement;
+  trigger?: HTMLElement;
+  useTransform?: boolean;
+  direction?: Directions;
+  limit?: ILimit;
+  snapOnMouseDown?: boolean;
+  center?: ICenter;
+}
+/**
+ * @Class BcmDragger
+ * @desc -
+ */
+export declare class ElementDragger {
+  private animTimeout;
+  private target;
+  private trigger;
+  private container;
+  private useTransform;
+  private snapOnMouseDown;
+  private direction;
+  private limit;
+  private center;
+  private drag;
+  private offset;
+  private events;
+  active: boolean;
+  anim: boolean;
+  busy: boolean;
+  constructor({ target, trigger, limit, center, direction, snapOnMouseDown, useTransform }: IOptions);
+  /**
+   * @desc
+   */
+  attachEvents(): void;
+  /**
+   * @desc
+   * @param element
+   * @param property
+   */
+  computedStyle(element: HTMLElement, property: string): string;
+  /**
+   * @desc
+   * -
+   */
+  findRelativeContainer(): any;
+  /**
+   * @desc
+   * @param event
+   */
+  windowMove(event: MouseEvent): void;
+  /**
+   * @desc
+   */
+  windowUp(): void;
+  /**
+   * @desc
+   * @param event
+   */
+  triggerDown(event: MouseEvent): void;
+  /**
+   * @desc
+   */
+  move(triggerDrag?: boolean): void;
+  /**
+   * @desc
+   * -
+   */
+  calculateOffset(): {
+    left: any;
+    top: any;
+  };
+  /**
+   * @desc
+   */
+  getCurrentPosition(): {
+    x: number;
+    y: number;
+  };
+  /**
+   * @desc
+   * @param x
+   * @param y
+   */
+  setPosition({ x, y, anim }: {
+    x?: number;
+    y?: number;
+    anim?: boolean;
+  }): void;
+  /**
+   * @desc
+   */
+  applyTransition(): void;
+  /**
+   * @desc
+   */
+  removeTransition(): void;
+  /**
+   * @desc
+   * @returns
+   */
+  getOffset(): {
+    left: number;
+    top: number;
+  };
+  /**
+   * @desc
+   * @param event
+   * @param fn
+   */
+  on(event: string, fn: Function): void;
+  /**
+   * @desc
+   * @param event
+   */
+  triggerEvent(event: string, ...params: any): void;
+}
+export {};

package/dist/types/utils/floating-ui.d.ts

@@ -0,0 +1 @@
+export declare const FloatingUI: (args: any) => void;

package/dist/types/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './element-dragger';
+export * from './popover-placement';
+export * from './utils';
+export * from './validation';
+export * from './floating-ui';

package/dist/types/utils/popover-placement.d.ts

@@ -0,0 +1,3 @@
+import { PlacementTypes } from "../models/bcm-types";
+export declare const getPlacement: (box: HTMLElement, host: HTMLElement, placement: PlacementTypes, changePlacement: Function) => void;
+export declare const setPosition: (placement: any, target: HTMLElement, positions?: any) => any[];

package/dist/types/utils/utils.d.ts

@@ -0,0 +1,55 @@
+import { ITransformPositions, IDragPoint } from '../types';
+export declare const delay: (ms: any) => Promise<unknown>;
+/**
+ * @desc
+ * @param nodeMap
+ */
+export declare const getElementAttributes: (nodeMap: NamedNodeMap) => {};
+/**
+ * @desc
+ * @param colors
+ * @param colorName
+ */
+export declare const extractColor: (colors: object, colorName: string) => any;
+/**
+ * @desc
+ */
+export declare const generateCssVariables: () => string;
+/**
+ * @desc
+ * @param component
+ * @param component2
+ */
+export declare const isTargetComponent: (component: HTMLElement, component2: string) => boolean;
+/**
+ *
+ * @param type
+ */
+export declare const getChilds: (el: HTMLElement, component: string) => any[];
+export declare const getChildElements: (el: HTMLElement, component: string) => any[];
+/**
+ * @desc
+ */
+export declare function createError(template: any, arg1: any, arg2?: any, arg3?: any, arg4?: any, arg5?: any, arg6?: any, arg7?: any, arg8?: any, arg9?: any): any;
+/**
+ * @desc
+ * @param element
+ */
+export declare const getRect: (element: HTMLElement) => DOMRect;
+/**
+ * @desc
+ * @param
+ */
+export declare const dropInComponent: (followingComponent: any, targetComponent: any) => void;
+/**
+ * @desc
+ * @param element
+ */
+export declare const getTransform: (element: HTMLElement) => ITransformPositions;
+/**
+ * @desc
+ * @param mouseEvent
+ * @param element
+ */
+export declare const getDragPoint: (event: MouseEvent, element: HTMLElement) => IDragPoint;
+export declare const pluralize: (word: any, length?: number) => any;

package/dist/types/utils/validation.d.ts

@@ -0,0 +1,19 @@
+export declare class rules {
+  constructor();
+  response(status: boolean, message?: string): {
+    type: string;
+    message: string;
+    valid: boolean;
+  };
+  required(value: any, componentValidation?: any): {
+    type: string;
+    message: string;
+    valid: boolean;
+  };
+  selfValidation(input: any): {
+    type: string;
+    message: string;
+    valid: boolean;
+  };
+}
+export declare const validate: rules;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "bromcom-ui",
-    "version": "2.7.37-rc.1",
+    "version": "2.7.37-rc.3",
     "description": "Stencil Component Starter",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",
@@ -19,17 +19,19 @@
         "clean:www": "rm -rf www",
         "dev:stencil": "stencil build --dev --watch --serve",
         "dev:tailwind": "tailwindcss -i ./src/directives.css -o ./src/global/tailwind.css --watch --minify",
-        "build": "run-s clean:dist build:tailwind build:stencil",
+        "build": "run-s clean:dist build:tailwind build:stencil build:aliases",
         "clean:dist": "rm -rf dist",
         "build:tailwind": "tailwindcss -i ./src/directives.css -o ./src/global/tailwind.css --minify",
         "build:stencil": "stencil build --prod",
+        "build:aliases": "tsc-alias -p tsconfig.aliases.json",
         "generate": "stencil generate",
         "distRemove": "rm -rf ./dist/cjs && rm -rf ./dist/esm && rm -rf ./dist/types && rm -rf ./dist/collection && rm -r ./dist/index.cjs.js && rm -r ./dist/index.js",
-        "pre-version": "npm run build && npm version prerelease --preid=rc && npm run build && npm run distRemove",
-        "ds-version": "npm run build && npm version patch && npm run build && npm run distRemove"
+        "pre-version": "npm run build && npm version prerelease --preid=rc && npm run build",
+        "ds-version": "npm run build && npm version patch && npm run build"
     },
     "license": "MIT",
     "devDependencies": {
+        "@floating-ui/dom": "^1.0.1",
         "@stencil/core": "^2.17.1",
         "@stencil/sass": "^1.3.2",
         "@stencil/store": "^1.5.0",
@@ -40,7 +42,7 @@
         "slugify": "^1.6.5",
         "snq": "^1.0.3",
         "tailwindcss": "^3.1.8",
-        "@floating-ui/dom": "^1.0.1"
+        "tsc-alias": "^1.7.0"
     },
     "__comment__": [
         {

package/dist/bromcom-ui/p-0846712b.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{g as t}from"./p-0ba73c30.js";function i(i){return(s,n)=>{const{connectedCallback:h,componentWillRender:o}=s;s.connectedCallback=function(){const s=t(this);if(s[i]||this[n])return this[n]=s[i]||this[n],s.setAttribute(n,s[i]||this[n]),s.removeAttribute(i),h&&h.call(this)},s.componentWillRender=function(){const s=t(this);if(s[i]||this[n])return this[n]=s[i]||this[n],s.setAttribute(n,s[i]||this[n]),s.removeAttribute(i),o&&o.call(this)}}}export{i as A}

package/dist/bromcom-ui/p-0f4e34e9.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{a as t}from"./p-c9bd85e9.js";function n(t){return t.split("-")[0]}function e(t){return t.split("-")[1]}function o(t){return["top","bottom"].includes(n(t))?"x":"y"}function r(t){return"y"===t?"height":"width"}function i(t,i,a){let{reference:l,floating:c}=t;const s=l.x+l.width/2-c.width/2,f=l.y+l.height/2-c.height/2,u=o(i),d=r(u),m=l[d]/2-c[d]/2,y="x"===u;let p;switch(n(i)){case"top":p={x:s,y:l.y-c.height};break;case"bottom":p={x:s,y:l.y+l.height};break;case"right":p={x:l.x+l.width,y:f};break;case"left":p={x:l.x-c.width,y:f};break;default:p={x:l.x,y:l.y}}switch(e(i)){case"start":p[u]-=m*(a&&y?-1:1);break;case"end":p[u]+=m*(a&&y?-1:1)}return p}function a(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function l(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function c(t,n){var e;void 0===n&&(n={});const{x:o,y:r,platform:i,rects:c,elements:s,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:d="viewport",elementContext:m="floating",altBoundary:y=!1,padding:p=0}=n,g=a(p),w=s[y?"floating"===m?"reference":"floating":m],h=l(await i.getClippingRect({element:null==(e=await(null==i.isElement?void 0:i.isElement(w)))||e?w:w.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(s.floating)),boundary:u,rootBoundary:d,strategy:f})),x=l(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===m?{...c.floating,x:o,y:r}:c.reference,offsetParent:await(null==i.getOffsetParent?void 0:i.getOffsetParent(s.floating)),strategy:f}):c[m]);return{top:h.top-x.top+g.top,bottom:x.bottom-h.bottom+g.bottom,left:h.left-x.left+g.left,right:x.right-h.right+g.right}}const s=Math.min,f=Math.max;function u(t,n,e){return f(t,s(n,e))}const d={left:"right",right:"left",bottom:"top",top:"bottom"};function m(t){return t.replace(/left|right|bottom|top/g,(t=>d[t]))}const y={start:"end",end:"start"};function p(t){return t.replace(/start|end/g,(t=>y[t]))}const g=["top","right","bottom","left"],w=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(i){var a;const{placement:l,middlewareData:s,rects:f,initialPlacement:u,platform:d,elements:y}=i,{mainAxis:g=!0,crossAxis:w=!0,fallbackPlacements:h,fallbackStrategy:x="bestFit",flipAlignment:b=!0,...v}=t,A=n(l),R=[u,...h||(A!==u&&b?function(t){const n=m(t);return[p(t),n,p(n)]}(u):[m(u)])],k=await c(i,v),P=[];let M=(null==(a=s.flip)?void 0:a.overflows)||[];if(g&&P.push(k[A]),w){const{main:t,cross:n}=function(t,n,i){void 0===i&&(i=!1);const a=e(t),l=o(t),c=r(l);let s="x"===l?a===(i?"end":"start")?"right":"left":"start"===a?"bottom":"top";return n.reference[c]>n.floating[c]&&(s=m(s)),{main:s,cross:m(s)}}(l,f,await(null==d.isRTL?void 0:d.isRTL(y.floating)));P.push(k[t],k[n])}if(M=[...M,{placement:l,overflows:P}],!P.every((t=>t<=0))){var O,$;const t=(null!=(O=null==($=s.flip)?void 0:$.index)?O:0)+1,n=R[t];if(n)return{data:{index:t,overflows:M},reset:{placement:n}};let e="bottom";switch(x){case"bestFit":{var C;const t=null==(C=M.map((t=>[t,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])?void 0:C[0].placement;t&&(e=t);break}case"initialPlacement":e=u}if(l!==e)return{reset:{placement:e}}}return{}}}};function h(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function x(t){return g.some((n=>t[n]>=0))}const b=function(t){let{strategy:n="referenceHidden",...e}=void 0===t?{}:t;return{name:"hide",async fn(t){const{rects:o}=t;switch(n){case"referenceHidden":{const n=h(await c(t,{...e,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:x(n)}}}case"escaped":{const n=h(await c(t,{...e,altBoundary:!0}),o.floating);return{data:{escapedOffsets:n,escaped:x(n)}}}default:return{}}}}},v=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:r,y:i,placement:a}=e,{mainAxis:l=!0,crossAxis:s=!1,limiter:f={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...d}=t,m={x:r,y:i},y=await c(e,d),p=o(n(a)),g="x"===p?"y":"x";let w=m[p],h=m[g];l&&(w=u(w+y["y"===p?"top":"left"],w,w-y["y"===p?"bottom":"right"])),s&&(h=u(h+y["y"===g?"top":"left"],h,h-y["y"===g?"bottom":"right"]));const x=f.fn({...e,[p]:w,[g]:h});return{...x,data:{x:x.x-r,y:x.y-i}}}}};function A(t){return t&&t.document&&t.location&&t.alert&&t.setInterval}function R(t){if(null==t)return window;if(!A(t)){const n=t.ownerDocument;return n&&n.defaultView||window}return t}function k(t){return R(t).getComputedStyle(t)}function P(t){return A(t)?"":t?(t.nodeName||"").toLowerCase():""}function M(){const t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map((t=>t.brand+"/"+t.version)).join(" "):navigator.userAgent}function O(t){return t instanceof R(t).HTMLElement}function $(t){return t instanceof R(t).Element}function C(t){return"undefined"!=typeof ShadowRoot&&(t instanceof R(t).ShadowRoot||t instanceof ShadowRoot)}function D(t){const{overflow:n,overflowX:e,overflowY:o}=k(t);return/auto|scroll|overlay|hidden/.test(n+o+e)}function T(t){return["table","td","th"].includes(P(t))}function B(t){const n=/firefox/i.test(M()),e=k(t);return"none"!==e.transform||"none"!==e.perspective||"paint"===e.contain||["transform","perspective"].includes(e.willChange)||n&&"filter"===e.willChange||n&&!!e.filter&&"none"!==e.filter}function H(){return!/^((?!chrome|android).)*safari/i.test(M())}const L=Math.min,j=Math.max,S=Math.round;function E(t,n,e){var o,r,i,a;void 0===n&&(n=!1),void 0===e&&(e=!1);const l=t.getBoundingClientRect();let c=1,s=1;n&&O(t)&&(c=t.offsetWidth>0&&S(l.width)/t.offsetWidth||1,s=t.offsetHeight>0&&S(l.height)/t.offsetHeight||1);const f=$(t)?R(t):window,u=!H()&&e,d=(l.left+(u&&null!=(o=null==(r=f.visualViewport)?void 0:r.offsetLeft)?o:0))/c,m=(l.top+(u&&null!=(i=null==(a=f.visualViewport)?void 0:a.offsetTop)?i:0))/s,y=l.width/c,p=l.height/s;return{width:y,height:p,top:m,right:d+y,bottom:m+p,left:d,x:d,y:m}}function F(t){return(n=t,(n instanceof R(n).Node?t.ownerDocument:t.document)||window.document).documentElement;var n}function z(t){return $(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function V(t){return E(F(t)).left+z(t).scrollLeft}function X(t,n,e){const o=O(n),r=F(n),i=E(t,o&&function(t){const n=E(t);return S(n.width)!==t.offsetWidth||S(n.height)!==t.offsetHeight}(n),"fixed"===e);let a={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(o||!o&&"fixed"!==e)if(("body"!==P(n)||D(r))&&(a=z(n)),O(n)){const t=E(n,!0);l.x=t.x+n.clientLeft,l.y=t.y+n.clientTop}else r&&(l.x=V(r));return{x:i.left+a.scrollLeft-l.x,y:i.top+a.scrollTop-l.y,width:i.width,height:i.height}}function Y(t){return"html"===P(t)?t:t.assignedSlot||t.parentNode||(C(t)?t.host:null)||F(t)}function q(t){return O(t)&&"fixed"!==k(t).position?function(t){let{offsetParent:n}=t,e=t,o=!1;for(;e&&e!==n;){const{assignedSlot:t}=e;if(t){let r=t.offsetParent;if("contents"===k(t).display){const n=t.hasAttribute("style"),o=t.style.display;t.style.display=k(e).display,r=t.offsetParent,t.style.display=o,n||t.removeAttribute("style")}e=t,n!==r&&(n=r,o=!0)}else if(C(e)&&e.host&&o)break;e=C(e)&&e.host||e.parentNode}return n}(t):null}function G(t){const n=R(t);let e=q(t);for(;e&&T(e)&&"static"===k(e).position;)e=q(e);return e&&("html"===P(e)||"body"===P(e)&&"static"===k(e).position&&!B(e))?n:e||function(t){let n=Y(t);for(C(n)&&(n=n.host);O(n)&&!["html","body"].includes(P(n));){if(B(n))return n;{const t=n.parentNode;n=C(t)?t.host:t}}return null}(t)||n}function I(t){if(O(t))return{width:t.offsetWidth,height:t.offsetHeight};const n=E(t);return{width:n.width,height:n.height}}function J(t){const n=Y(t);return["html","body","#document"].includes(P(n))?t.ownerDocument.body:O(n)&&D(n)?n:J(n)}function K(t,n){var e;void 0===n&&(n=[]);const o=J(t),r=o===(null==(e=t.ownerDocument)?void 0:e.body),i=R(o),a=r?[i].concat(i.visualViewport||[],D(o)?o:[]):o,l=n.concat(a);return r?l:l.concat(K(a))}function N(t,n,e){return"viewport"===n?l(function(t,n){const e=R(t),o=F(t),r=e.visualViewport;let i=o.clientWidth,a=o.clientHeight,l=0,c=0;if(r){i=r.width,a=r.height;const t=H();(t||!t&&"fixed"===n)&&(l=r.offsetLeft,c=r.offsetTop)}return{width:i,height:a,x:l,y:c}}(t,e)):$(n)?function(t,n){const e=E(t,!1,"fixed"===n),o=e.top+t.clientTop,r=e.left+t.clientLeft;return{top:o,left:r,x:r,y:o,right:r+t.clientWidth,bottom:o+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(n,e):l(function(t){var n;const e=F(t),o=z(t),r=null==(n=t.ownerDocument)?void 0:n.body,i=j(e.scrollWidth,e.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=j(e.scrollHeight,e.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let l=-o.scrollLeft+V(t);const c=-o.scrollTop;return"rtl"===k(r||e).direction&&(l+=j(e.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:l,y:c}}(F(t)))}function Q(t){const n=K(t),e=["absolute","fixed"].includes(k(t).position)&&O(t)?G(t):t;return $(e)?n.filter((t=>$(t)&&function(t,n){const e=null==n.getRootNode?void 0:n.getRootNode();if(t.contains(n))return!0;if(e&&C(e)){let e=n;do{if(e&&t===e)return!0;e=e.parentNode||e.host}while(e)}return!1}(t,e)&&"body"!==P(t))):[]}const U={getClippingRect:function(t){let{element:n,boundary:e,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===e?Q(n):[].concat(e),o],a=i.reduce(((t,e)=>{const o=N(n,e,r);return t.top=j(o.top,t.top),t.right=L(o.right,t.right),t.bottom=L(o.bottom,t.bottom),t.left=j(o.left,t.left),t}),N(n,i[0],r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:n,offsetParent:e,strategy:o}=t;const r=O(e),i=F(e);if(e===i)return n;let a={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if((r||!r&&"fixed"!==o)&&(("body"!==P(e)||D(i))&&(a=z(e)),O(e))){const t=E(e,!0);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}return{...n,x:n.x-a.scrollLeft+l.x,y:n.y-a.scrollTop+l.y}},isElement:$,getDimensions:I,getOffsetParent:G,getDocumentElement:F,getElementRects:t=>{let{reference:n,floating:e,strategy:o}=t;return{reference:X(n,G(e),o),floating:{...I(e),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===k(t).direction},W=(l,c,s={placement:t.Placement.bottom,offset:0,arrow:!1,arrowColor:"tw-bg-slate-700"})=>{const{placement:f,offset:d,arrow:m,arrowColor:y}=s;let p=[(h=d,void 0===h&&(h=0),{name:"offset",options:h,async fn(t){const{x:r,y:i}=t,a=await async function(t,r){const{placement:i,platform:a,elements:l}=t,c=await(null==a.isRTL?void 0:a.isRTL(l.floating)),s=n(i),f=e(i),u="x"===o(i),d=["left","top"].includes(s)?-1:1,m=c&&u?-1:1,y="function"==typeof r?r(t):r;let{mainAxis:p,crossAxis:g,alignmentAxis:w}="number"==typeof y?{mainAxis:y,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...y};return f&&"number"==typeof w&&(g="end"===f?-1*w:w),u?{x:g*m,y:p*d}:{x:p*d,y:g*m}}(t,h);return{x:r+a.x,y:i+a.y,data:a}}}),w(),v({padding:5}),b({padding:10})],g=document.getElementById(`${c.id}-arrow`);var h;m&&(g||(g=document.createElement("div"),g.setAttribute("id",`${c.id}-arrow`)),g.setAttribute("class",`tw-absolute tw-w-2 tw-h-2 ${y} tw-transform tw-z-[-1] tw-opacity-0 tw-transition-opacity tw-duration-300 \n            tw-shadow \n        `),c.prepend(g),p.push((t=>({name:"arrow",options:t,async fn(n){const{element:i,padding:l=0}=null!=t?t:{},{x:c,y:s,placement:f,rects:d,platform:m}=n;if(null==i)return{};const y=a(l),p={x:c,y:s},g=o(f),w=e(f),h=r(g),x=await m.getDimensions(i),b="y"===g?"top":"left",v="y"===g?"bottom":"right",A=d.reference[h]+d.reference[g]-p[g]-d.floating[h],R=p[g]-d.reference[g],k=await(null==m.getOffsetParent?void 0:m.getOffsetParent(i));let P=k?"y"===g?k.clientHeight||0:k.clientWidth||0:0;0===P&&(P=d.floating[h]);const M=y[b],O=P-x[h]-y[v],$=P/2-x[h]/2+(A/2-R/2),C=u(M,$,O);return{[g]:p[g]-(("start"===w?y[b]:y[v])>0&&$!==C&&d.reference[h]<=d.floating[h]?$<M?M-$:O-$:0),data:{[g]:C,centerOffset:$-C}}}}))({element:g,padding:4}))),((t,n,e)=>(async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:a=[],platform:l}=e,c=await(null==l.isRTL?void 0:l.isRTL(n));let s=await l.getElementRects({reference:t,floating:n,strategy:r}),{x:f,y:u}=i(s,o,c),d=o,m={},y=0;for(let e=0;e<a.length;e++){const{name:p,fn:g}=a[e],{x:w,y:h,data:x,reset:b}=await g({x:f,y:u,initialPlacement:o,placement:d,strategy:r,middlewareData:m,rects:s,platform:l,elements:{reference:t,floating:n}});f=null!=w?w:f,u=null!=h?h:u,m={...m,[p]:{...m[p],...x}},b&&y<=50&&(y++,"object"==typeof b&&(b.placement&&(d=b.placement),b.rects&&(s=!0===b.rects?await l.getElementRects({reference:t,floating:n,strategy:r}):b.rects),({x:f,y:u}=i(s,d,c))),e=-1)}return{x:f,y:u,placement:d,strategy:r,middlewareData:m}})(t,n,{platform:U,...e}))(l,c,{placement:f,middleware:p}).then((({x:t,y:n,placement:e,middlewareData:o})=>{const{referenceHidden:r}=o.hide;if(Object.assign(c.style,{top:"0",left:"0",transform:`translate(${Math.round(t)}px,${Math.round(n)}px)`,opacity:1,visibility:r?"hidden":"visible"}),m){const{x:t,y:n}=o.arrow,i={top:"bottom",right:"left",bottom:"top",left:"right"}[e.split("-")[0]],a={top:"rotate(45deg)",right:"rotate(135deg)",bottom:"rotate(-135deg)",left:"rotate(-45deg)"}[e.split("-")[0]];Object.assign(g.style,{left:null!=t?`${t}px`:"",top:null!=n?`${n}px`:"",right:"",bottom:"",[i]:"-4px",opacity:1,visibility:r?"hidden":"visible",transform:a})}}))};export{W as F}