@vireo-ai/trellis-ui 0.1.39 → 0.1.40
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/package.json +1 -1
- package/packages/client/src/components/data-grid/styles.css +73 -0
- package/packages/client/src/components/select/styles.css +14 -0
- package/packages/client/src/styles/components.css +1 -0
- package/packages/client/src/styles/generated-sources.css +1 -1
- package/packages/client/types/assets/full-runtime.generated.d.ts +1 -1
- package/packages/client/types/components/badge/contract.d.ts +1 -1
- package/packages/client/types/components/button/contract.d.ts +1 -1
- package/packages/client/types/components/card/contract.d.ts +2 -2
- package/packages/client/types/components/checkbox/contract.d.ts +6 -6
- package/packages/client/types/components/data-grid/contract.d.ts +107 -0
- package/packages/client/types/components/data-grid/entry.generated.d.ts +5 -0
- package/packages/client/types/components/data-grid/index.d.ts +34 -0
- package/packages/client/types/components/data-grid/model.d.ts +43 -0
- package/packages/client/types/components/data-grid/runtime-docs.d.ts +2 -0
- package/packages/client/types/components/date-picker/contract.d.ts +1 -1
- package/packages/client/types/components/date-picker/machine.d.ts +2 -2
- package/packages/client/types/components/entry.generated.d.ts +1 -0
- package/packages/client/types/components/menu/contract.d.ts +1 -1
- package/packages/client/types/components/radio/contract.d.ts +4 -4
- package/packages/client/types/components/runtime.d.ts +3 -0
- package/packages/client/types/components/select/contract.d.ts +10 -1
- package/packages/client/types/components/select/machine.d.ts +20 -2
- package/packages/client/types/components/sidebar/contract.d.ts +1 -1
- package/packages/client/types/components/table/contract.d.ts +3 -3
- package/packages/client/types/components/toast/contract.d.ts +1 -1
- package/packages/client/types/components/toast/machine.d.ts +1 -1
- package/packages/client/types/directives/sortable.d.ts +6 -0
- package/packages/client/types/runtime/drag-and-drop/sortable/contract.d.ts +6 -1
- package/packages/client/types/runtime/drag-and-drop/sortable/ghost.d.ts +5 -2
- package/packages/client/types/runtime/index.d.ts +1 -0
- package/packages/client/types/runtime/virtualizer-fragment.d.ts +14 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css +82 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/build-metadata.json +156 -112
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/resizable.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/sortable.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-resizable-Bga8TngJ.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-resizable-C6LKIbpv.js.map → capability-resizable-Bga8TngJ.js.map} +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-BU1g9uTC.js +3 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-BU1g9uTC.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{drag-and-drop-BV6kB47L.js → drag-and-drop-DHq3udf7.js} +2 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{drag-and-drop-BV6kB47L.js.map → drag-and-drop-DHq3udf7.js.map} +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-B2rTvkxi.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-B2rTvkxi.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C35Q-qoz.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C35Q-qoz.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DI48yD0K.js → entry.generated-C7Kas-N2.js} +2 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DI48yD0K.js.map → entry.generated-C7Kas-N2.js.map} +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DvAia1Wz.js → entry.generated-Cc5mRBBS.js} +2 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DvAia1Wz.js.map → entry.generated-Cc5mRBBS.js.map} +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry2.generated-BhPEF6oz.js → entry.generated-QspMEPHx.js} +2 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-QspMEPHx.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry2.generated-C5DAZC4R.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry2.generated-C5DAZC4R.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/virtual-window-BHdOw3Pi.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/virtual-window-BHdOw3Pi.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/data-grid.js +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/index.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/index.js.map +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/panels.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/select.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/sidebar.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/table.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/virtualizer.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js.map +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/logical-entry-manifest.json +61 -33
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js +9 -9
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js +9 -9
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-resizable-C6LKIbpv.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-l7SPMutG.js +0 -3
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-l7SPMutG.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Bsennsyl.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Bsennsyl.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DuNS3MYH.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DuNS3MYH.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry2.generated-BhPEF6oz.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-and-drop-BV6kB47L.js","names":[],"sources":["../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/max-z-index.js","../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/popover-reset-styles.js","../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/supports-popover.js","../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/honey-pot-fix/make-honey-pot-fix.js","../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/media-types/url-media-type.js","../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/adapter/element-adapter.js","../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/public-utils/element/disable-native-drag-preview.js","../../../../../../../../client/src/runtime/drag-and-drop/pdd.ts","../../../../../../../../client/src/runtime/drag-and-drop/index.ts"],"sourcesContent":["// Maximum possible z-index\n// https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index\nexport var maxZIndex = 2147483647;","/**\n * Resets user agent styles for `[popover]` elements.\n *\n * Browsers apply these defaults to popovers (per the WHATWG HTML spec rendering section):\n * - `inset: 0` + `margin: auto` → centers the popover in the viewport\n * - `border: solid` → visible border\n * - `padding: 0.25em` → internal spacing\n * - `overflow: auto` → scrollbars when content overflows\n * - `color: CanvasText` + `background-color: Canvas` → system theme colors\n *\n * This object neutralizes those defaults so the popover behaves like a plain\n * positioned `<div>`, matching the sizing of the legacy (non-popover)\n * fallback container exactly.\n *\n * **Width and height (`auto`)**\n *\n * `width` and `height` override the spec user agent value of `fit-content`\n * with `auto`.\n *\n * _Why?_\n *\n * - When a `[popover]` is sized with `fit-content` and contains a flex\n * container, Safari collapses any flex item that uses `overflow: auto`\n * to `0px`.\n * - Setting the popover's `width` and `height` to `auto` skips the `fit-content`\n * pass and avoids the bug in Safari\n * - Chromium and Firefox tolerate `fit-content` here, but `auto` is safe\n * everywhere and matches our non-popover path\n */\nexport var popoverResetUserAgentStyles = {\n inset: 'unset',\n border: 'none',\n padding: 0,\n margin: 0,\n overflow: 'visible',\n color: 'inherit',\n background: 'transparent',\n width: 'auto',\n height: 'auto'\n};","import { once } from '../public-utils/once';\n\n// Using `once` as the value won't change in a browser\n\n/**\n * Returns `true` if the browser supports the Popover API (top-layer).\n *\n * When supported, elements with `popover=\"manual\"` can be promoted to the\n * browser's top layer via `element.showPopover()`, which is more reliable\n * than `z-index` for ensuring an element renders above everything else.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Popover_API\n */\nexport var supportsPopover = once(function supportsPopover() {\n return typeof HTMLElement !== 'undefined' && typeof HTMLElement.prototype.showPopover === 'function';\n});","import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nimport { bind, bindAll } from 'bind-event-listener';\nimport { maxZIndex } from '../util/max-z-index';\nimport { popoverResetUserAgentStyles } from '../util/popover-reset-styles';\nimport { supportsPopover } from '../util/supports-popover';\nimport { honeyPotDataAttribute } from './honey-pot-data-attribute';\nvar honeyPotSize = 2;\nvar halfHoneyPotSize = honeyPotSize / 2;\n\n/**\n * `clientX` and `clientY` can be in sub pixels (eg `2.332`)\n * However, browser hitbox testing is commonly do to the closest pixel.\n *\n * → https://issues.chromium.org/issues/40940531\n *\n * To be sure that the honey pot will be over the `client` position,\n * we `.floor()` `clientX` and`clientY` and then make it `2px` in size.\n **/\nfunction floorToClosestPixel(point) {\n return {\n x: Math.floor(point.x),\n y: Math.floor(point.y)\n };\n}\n\n/**\n * We want to make sure the honey pot sits around the users position.\n * This seemed to be the most resilient while testing.\n */\nfunction pullBackByHalfHoneyPotSize(point) {\n return {\n x: point.x - halfHoneyPotSize,\n y: point.y - halfHoneyPotSize\n };\n}\n\n/**\n * Prevent the honey pot from changing the window size.\n * This is super unlikely to occur, but just being safe.\n */\nfunction preventGoingBackwardsOffScreen(point) {\n return {\n x: Math.max(point.x, 0),\n y: Math.max(point.y, 0)\n };\n}\n\n/**\n * Prevent the honey pot from changing the window size.\n * This is super unlikely to occur, but just being safe.\n */\nfunction preventGoingForwardsOffScreen(point) {\n return {\n x: Math.min(point.x, window.innerWidth - honeyPotSize),\n y: Math.min(point.y, window.innerHeight - honeyPotSize)\n };\n}\n\n/**\n * Create a `2x2` `DOMRect` around the `client` position\n */\nfunction getHoneyPotRectFor(_ref) {\n var client = _ref.client;\n var point = preventGoingForwardsOffScreen(preventGoingBackwardsOffScreen(pullBackByHalfHoneyPotSize(floorToClosestPixel(client))));\n\n // When debugging, it is helpful to\n // make this element a bit bigger\n return DOMRect.fromRect({\n x: point.x,\n y: point.y,\n width: honeyPotSize,\n height: honeyPotSize\n });\n}\nfunction getRectStyles(_ref2) {\n var clientRect = _ref2.clientRect;\n return {\n left: \"\".concat(clientRect.left, \"px\"),\n top: \"\".concat(clientRect.top, \"px\"),\n width: \"\".concat(clientRect.width, \"px\"),\n height: \"\".concat(clientRect.height, \"px\")\n };\n}\nfunction isWithin(_ref3) {\n var client = _ref3.client,\n clientRect = _ref3.clientRect;\n return (\n // is within horizontal bounds\n client.x >= clientRect.x && client.x <= clientRect.x + clientRect.width &&\n // is within vertical bounds\n client.y >= clientRect.y && client.y <= clientRect.y + clientRect.height\n );\n}\n/**\n * The honey pot fix is designed to get around a painful bug in all browsers.\n *\n * [Overview](https://www.youtube.com/watch?v=udE9qbFTeQg)\n *\n * **Background**\n *\n * When a drag starts, browsers incorrectly think that the users pointer is\n * still depressed where the drag started. Any element that goes under this position\n * will be entered into, causing `\"mouseenter\"` events and `\":hover\"` styles to be applied.\n *\n * _This is a violation of the spec_\n *\n * > \"From the moment that the user agent is to initiate the drag-and-drop operation,\n * > until the end \tof the drag-and-drop operation, device input events\n * > (e.g. mouse and keyboard events) must be suppressed.\"\n * >\n * > - https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n *\n * _Some impacts_\n *\n * - `\":hover\"` styles being applied where they shouldn't (looks messy)\n * - components such as tooltips responding to `\"mouseenter\"` can show during a drag,\n * and on an element the user isn't even over\n *\n * Bug: https://issues.chromium.org/issues/41129937\n *\n * **Honey pot fix**\n *\n * 1. Create an element where the browser thinks the depressed pointer is\n * to absorb the incorrect pointer events\n * 2. Remove that element when it is no longer needed\n */\nfunction mountHoneyPot(_ref4) {\n var initial = _ref4.initial;\n var element = document.createElement('div');\n element.setAttribute(honeyPotDataAttribute, 'true');\n\n // Using popover=\"manual\" to place the element in the browser's top layer.\n // This ensures the honey pot is visually on top of everything else,\n // including elements using z-index and other stacking contexts.\n // \"manual\" means no light dismiss — we manage the lifecycle ourselves.\n // Falls back to position:fixed + maxZIndex when the popover API is not available.\n if (supportsPopover()) {\n element.setAttribute('popover', 'manual');\n }\n\n // can shift during the drag thanks to Firefox\n var clientRect = getHoneyPotRectFor({\n client: initial\n });\n Object.assign(element.style, _objectSpread(_objectSpread({\n position: 'fixed'\n }, supportsPopover() ?\n // needs to come first as it has 'inset: unset' which\n // needs to be overridden by our top / left values\n popoverResetUserAgentStyles : {\n // Fallback: using maximum possible z-index so that this element\n // will always be on top of other positioned content.\n zIndex: maxZIndex\n }), {}, {\n // Setting a background color explicitly to avoid any inherited styles.\n // Looks like this could be `opacity: 0`, but worried that _might_\n // cause the element to be ignored on some platforms.\n // When debugging, set backgroundColor to something like \"red\".\n backgroundColor: 'transparent',\n // Being explicit to avoid inheriting styles\n padding: 0,\n margin: 0,\n boxSizing: 'border-box',\n // We want this element to absorb pointer events,\n // it's kind of the whole point 😉\n pointerEvents: 'auto'\n }, getRectStyles({\n clientRect: clientRect\n })));\n document.body.appendChild(element);\n if (supportsPopover()) {\n element.showPopover();\n }\n\n /**\n * 🦊 In firefox we can get `\"pointermove\"` events after the drag\n * has started, which is a spec violation.\n * The final `\"pointermove\"` will reveal where the \"depressed\" position\n * is for our honey pot fix.\n */\n var unbindPointerMove = bind(window, {\n type: 'pointermove',\n listener: function listener(event) {\n var client = {\n x: event.clientX,\n y: event.clientY\n };\n clientRect = getHoneyPotRectFor({\n client: client\n });\n Object.assign(element.style, getRectStyles({\n clientRect: clientRect\n }));\n },\n // using capture so we are less likely to be impacted by event stopping\n options: {\n capture: true\n }\n });\n return function finish(_ref5) {\n var current = _ref5.current;\n // Don't need this any more\n unbindPointerMove();\n\n // If the user is hover the honey pot, we remove it\n // so that the user can continue to interact with the page normally.\n if (isWithin({\n client: current,\n clientRect: clientRect\n })) {\n element.remove();\n return;\n }\n function cleanup() {\n unbindPostDragEvents();\n element.remove();\n }\n var unbindPostDragEvents = bindAll(window, [{\n type: 'pointerdown',\n listener: cleanup\n }, {\n type: 'pointermove',\n listener: cleanup\n }, {\n type: 'focusin',\n listener: cleanup\n }, {\n type: 'focusout',\n listener: cleanup\n },\n // a 'pointerdown' should happen before 'dragstart', but just being super safe\n {\n type: 'dragstart',\n listener: cleanup\n },\n // if the user has dragged something out of the window\n // and then is dragging something back into the window\n // the first events we will see are \"dragenter\" (and then \"dragover\").\n // So if we see any of these we need to clear the post drag fix.\n {\n type: 'dragenter',\n listener: cleanup\n }, {\n type: 'dragover',\n listener: cleanup\n }\n\n // Not adding a \"wheel\" event listener, as \"wheel\" by itself does not\n // resolve the bug.\n ], {\n // Using `capture` so less likely to be impacted by other code stopping events\n capture: true\n });\n };\n}\nexport function makeHoneyPotFix() {\n var latestPointerMove = null;\n function bindEvents() {\n // For sanity, only collecting this value from when events are first bound.\n // This prevents the case where a super old \"pointermove\" could be used\n // from a prior interaction.\n latestPointerMove = null;\n return bind(window, {\n type: 'pointermove',\n listener: function listener(event) {\n latestPointerMove = {\n x: event.clientX,\n y: event.clientY\n };\n },\n // listening for pointer move in capture phase\n // so we are less likely to be impacted by events being stopped.\n options: {\n capture: true\n }\n });\n }\n function getOnPostDispatch() {\n var finish = null;\n return function onPostEvent(_ref6) {\n var eventName = _ref6.eventName,\n payload = _ref6.payload;\n // We are adding the honey pot `onDragStart` so we don't\n // impact the creation of the native drag preview.\n if (eventName === 'onDragStart') {\n var input = payload.location.initial.input;\n\n // Sometimes there will be no latest \"pointermove\" (eg iOS).\n // In which case, we use the start position of the drag.\n var initial = latestPointerMove !== null && latestPointerMove !== void 0 ? latestPointerMove : {\n x: input.clientX,\n y: input.clientY\n };\n\n // Don't need to defensively call `finish()` as `onDrop` from\n // one interaction is guaranteed to be called before `onDragStart`\n // of the next.\n finish = mountHoneyPot({\n initial: initial\n });\n }\n if (eventName === 'onDrop') {\n var _finish;\n var _input = payload.location.current.input;\n (_finish = finish) === null || _finish === void 0 || _finish({\n current: {\n x: _input.clientX,\n y: _input.clientY\n }\n });\n finish = null;\n // this interaction is finished, we want to use\n // the latest \"pointermove\" for each interaction\n latestPointerMove = null;\n }\n };\n }\n return {\n bindEvents: bindEvents,\n getOnPostDispatch: getOnPostDispatch\n };\n}","// Why we put the media types in their own files:\n//\n// - we are not putting them all in one file as not all adapters need all types\n// - we are not putting them in the external helpers as some things just need the\n// types and not the external functions code\nexport var URLMediaType = 'text/uri-list';","import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport { bind } from 'bind-event-listener';\nimport { getElementFromPointWithoutHoneypot } from '../honey-pot-fix/get-element-from-point-without-honey-pot';\nimport { makeHoneyPotFix } from '../honey-pot-fix/make-honey-pot-fix';\nimport { makeAdapter } from '../make-adapter/make-adapter';\nimport { combine } from '../public-utils/combine';\nimport { once } from '../public-utils/once';\nimport { addAttribute } from '../util/add-attribute';\nimport { androidFallbackText, isAndroid } from '../util/android';\nimport { getInput } from '../util/get-input';\nimport { textMediaType } from '../util/media-types/text-media-type';\nimport { URLMediaType } from '../util/media-types/url-media-type';\nimport { elementAdapterNativeDataKey } from './element-adapter-native-data-key';\nvar draggableRegistry = new WeakMap();\nfunction addToRegistry(args) {\n draggableRegistry.set(args.element, args);\n return function cleanup() {\n draggableRegistry.delete(args.element);\n };\n}\nvar honeyPotFix = makeHoneyPotFix();\nvar adapter = makeAdapter({\n typeKey: 'element',\n defaultDropEffect: 'move',\n mount: function mount(api) {\n /** Binding event listeners the `document` rather than `window` so that\n * this adapter always gets preference over the text adapter.\n * `document` is the first `EventTarget` under `window`\n * https://twitter.com/alexandereardon/status/1604658588311465985\n */\n return combine(honeyPotFix.bindEvents(), bind(document, {\n type: 'dragstart',\n listener: function listener(event) {\n var _entry$dragHandle, _entry$getInitialData, _entry$getInitialData2, _entry$dragHandle2, _entry$getInitialData3, _entry$getInitialData4;\n if (!api.canStart(event)) {\n return;\n }\n\n // If the \"dragstart\" event is cancelled, then a drag won't start\n // There will be no further drag operation events (eg no \"dragend\" event)\n if (event.defaultPrevented) {\n return;\n }\n\n // Technically `dataTransfer` can be `null` according to the types\n // But that behaviour does not seem to appear in the spec.\n // If there is not `dataTransfer`, we can assume something is wrong and not\n // start a drag\n if (!event.dataTransfer) {\n // Including this code on \"test\" and \"development\" environments:\n // - Browser tests commonly run against \"development\" builds\n // - Unit tests commonly run in \"test\"\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.warn(\"\\n It appears as though you have are not testing DragEvents correctly.\\n\\n - If you are unit testing, ensure you have polyfilled DragEvent.\\n - If you are browser testing, ensure you are dispatching drag events correctly.\\n\\n Please see our testing guides for more information:\\n https://atlassian.design/components/pragmatic-drag-and-drop/core-package/testing\\n \".replace(/ {2}/g, ''));\n }\n return;\n }\n\n // the closest parent that is a draggable element will be marked as\n // the `event.target` for the event\n var target = event.target;\n\n // this source is only for elements\n // Note: only HTMLElements can have the \"draggable\" attribute\n if (!(target instanceof HTMLElement)) {\n return;\n }\n\n // see if the thing being dragged is owned by us\n var entry = draggableRegistry.get(target);\n\n // no matching element found\n // → dragging an element with `draggable=\"true\"` that is not controlled by us\n if (!entry) {\n return;\n }\n\n /**\n * A text selection drag _can_ have the `draggable` element be\n * the `event.target` if the user is dragging the text selection\n * from the `draggable`.\n *\n * To know if the `draggable` is being dragged, we look at whether any\n * `\"text/plain\"` data is being dragged. If it is, then a text selection\n * drag is occurring.\n *\n * This behaviour has been validated on:\n *\n * - Chrome@128 on Android@14\n * - Chrome@128 on iOS@17.6.1\n * - Chrome@128 on Windows@11\n * - Chrome@128 on MacOS@14.6.1\n * - Firefox@129 on Windows@11 (not possible for user to select text in a draggable)\n * - Firefox@129 on MacOS@14.6.1 (not possible for user to select text in a draggable)\n *\n * Note: Could usually just use: `event.dataTransfer.types.includes(textMediaType)`\n * but unfortunately ProseMirror is always setting `\"\"` as the dragged text\n *\n * Note: Unfortunately editor is (heavily) leaning on the current functionality today\n * and unwinding it will be a decent amount of effort. So for now, a text selection\n * where the `event.target` is a `draggable` element will still trigger the\n * element adapter.\n *\n * // Future state:\n * if(event.dataTransfer.getData(textMediaType)) {\n * \treturn;\n * }\n *\n */\n\n var input = getInput(event);\n var feedback = {\n element: entry.element,\n dragHandle: (_entry$dragHandle = entry.dragHandle) !== null && _entry$dragHandle !== void 0 ? _entry$dragHandle : null,\n input: input\n };\n\n // Check: does the draggable want to allow dragging?\n if (entry.canDrag && !entry.canDrag(feedback)) {\n // cancel drag operation if we cannot drag\n event.preventDefault();\n return;\n }\n\n // Check: is there a drag handle and is the user using it?\n if (entry.dragHandle) {\n // technically don't need this util, but just being\n // consistent with how we look up what is under the users\n // cursor.\n var over = getElementFromPointWithoutHoneypot({\n x: input.clientX,\n y: input.clientY\n });\n\n // if we are not dragging from the drag handle (or something inside the drag handle)\n // then we will cancel the active drag\n if (!entry.dragHandle.contains(over)) {\n event.preventDefault();\n return;\n }\n }\n\n /**\n * **Goal**\n * Pass information to other applications\n *\n * **Approach**\n * Put data into the native data store\n *\n * **What about the native adapter?**\n * When the element adapter puts native data into the native data store\n * the native adapter is not triggered in the current window,\n * but a native adapter in an external window _can_ be triggered\n *\n * **Why bake this into core?**\n * This functionality could be pulled out and exposed inside of\n * `onGenerateDragPreview`. But decided to make it a part of the\n * base API as it felt like a common enough use case and ended\n * up being a similar amount of code to include this function as\n * it was to expose the hook for it\n */\n var nativeData = (_entry$getInitialData = (_entry$getInitialData2 = entry.getInitialDataForExternal) === null || _entry$getInitialData2 === void 0 ? void 0 : _entry$getInitialData2.call(entry, feedback)) !== null && _entry$getInitialData !== void 0 ? _entry$getInitialData : null;\n if (nativeData) {\n for (var _i = 0, _Object$entries = Object.entries(nativeData); _i < _Object$entries.length; _i++) {\n var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),\n key = _Object$entries$_i[0],\n data = _Object$entries$_i[1];\n event.dataTransfer.setData(key, data !== null && data !== void 0 ? data : '');\n }\n }\n\n /**\n * 📱 For Android devices, a drag operation will not start unless\n * \"text/plain\" or \"text/uri-list\" data exists in the native data store\n * https://twitter.com/alexandereardon/status/1732189803754713424\n *\n * Tested on:\n * Device: Google Pixel 5\n * Android version: 14 (November 5, 2023)\n * Chrome version: 120.0\n */\n if (isAndroid() && !event.dataTransfer.types.includes(textMediaType) && !event.dataTransfer.types.includes(URLMediaType)) {\n event.dataTransfer.setData(textMediaType, androidFallbackText);\n }\n\n /**\n * 1. Must set any media type for `iOS15` to work\n * 2. We are also doing adding data so that the native adapter\n * can know that the element adapter has handled this drag\n *\n * We used to wrap this `setData()` in a `try/catch` for Firefox,\n * but it looks like that was not needed.\n *\n * Tested using: https://codesandbox.io/s/checking-firefox-throw-behaviour-on-dragstart-qt8h4f\n *\n * - ✅ Firefox@70.0 (Oct 2019) on macOS Sonoma\n * - ✅ Firefox@70.0 (Oct 2019) on macOS Big Sur\n * - ✅ Firefox@70.0 (Oct 2019) on Windows 10\n *\n * // just checking a few more combinations to be super safe\n *\n * - ✅ Chrome@78 (Oct 2019) on macOS Big Sur\n * - ✅ Chrome@78 (Oct 2019) on Windows 10\n * - ✅ Safari@14.1 on macOS Big Sur\n */\n event.dataTransfer.setData(elementAdapterNativeDataKey, '');\n var payload = {\n element: entry.element,\n dragHandle: (_entry$dragHandle2 = entry.dragHandle) !== null && _entry$dragHandle2 !== void 0 ? _entry$dragHandle2 : null,\n data: (_entry$getInitialData3 = (_entry$getInitialData4 = entry.getInitialData) === null || _entry$getInitialData4 === void 0 ? void 0 : _entry$getInitialData4.call(entry, feedback)) !== null && _entry$getInitialData3 !== void 0 ? _entry$getInitialData3 : {}\n };\n var dragType = {\n type: 'element',\n payload: payload,\n startedFrom: 'internal'\n };\n api.start({\n event: event,\n dragType: dragType\n });\n }\n }));\n },\n dispatchEventToSource: function dispatchEventToSource(_ref) {\n var _draggableRegistry$ge, _draggableRegistry$ge2;\n var eventName = _ref.eventName,\n payload = _ref.payload;\n // During a drag operation, a draggable can be:\n // - remounted with different functions\n // - removed completely\n // So we need to get the latest entry from the registry in order\n // to call the latest event functions\n\n (_draggableRegistry$ge = draggableRegistry.get(payload.source.element)) === null || _draggableRegistry$ge === void 0 || (_draggableRegistry$ge2 = _draggableRegistry$ge[eventName]) === null || _draggableRegistry$ge2 === void 0 || _draggableRegistry$ge2.call(_draggableRegistry$ge,\n // I cannot seem to get the types right here.\n // TS doesn't seem to like that one event can need `nativeSetDragImage`\n // @ts-expect-error\n payload);\n },\n onPostDispatch: honeyPotFix.getOnPostDispatch()\n});\nexport var dropTargetForElements = adapter.dropTarget;\n// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports\nexport var monitorForElements = adapter.monitor;\n\n// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports\nexport function draggable(args) {\n // Guardrail: warn if the drag handle is not contained in draggable element\n if (process.env.NODE_ENV !== 'production') {\n if (args.dragHandle && !args.element.contains(args.dragHandle)) {\n // eslint-disable-next-line no-console\n console.warn('Drag handle element must be contained in draggable element', {\n element: args.element,\n dragHandle: args.dragHandle\n });\n }\n }\n // Guardrail: warn if the draggable element is already registered\n if (process.env.NODE_ENV !== 'production') {\n var existing = draggableRegistry.get(args.element);\n if (existing) {\n // eslint-disable-next-line no-console\n console.warn('You have already registered a `draggable` on the same element', {\n existing: existing,\n proposed: args\n });\n }\n }\n var cleanup = combine(\n // making the draggable register the adapter rather than drop targets\n // this is because you *must* have a draggable element to start a drag\n // but you _might_ not have any drop targets immediately\n // (You might create drop targets async)\n adapter.registerUsage(), addToRegistry(args), addAttribute(args.element, {\n attribute: 'draggable',\n value: 'true'\n }));\n\n // Wrapping in `once` to prevent unexpected side effects if consumers call\n // the clean up function multiple times.\n return once(cleanup);\n}\n\n/** Common event payload for all events */\n\n/** A map containing payloads for all events */\n\n/** Common event payload for all drop target events */\n\n/** A map containing payloads for all events on drop targets */\n\n/** Arguments given to all feedback functions (eg `canDrag()`) on for a `draggable()` */\n\n/** Arguments given to all feedback functions (eg `canDrop()`) on a `dropTargetForElements()` */\n\n/** Arguments given to all monitor feedback functions (eg `canMonitor()`) for a `monitorForElements` */","// In order to disable the native drag preview you can\n// use `event.dataTransfer.setDragImage()` to set a small\n// invisible image as the drag preview.\n// There are alternative techniques,\n// (eg setting opacity to in onGenerateDragPreview and then 1 in onDragStart)\n// but the technique in this file worked best across browsers and platforms\n\n// Here we are preloading the image so that it is ready for the first drag.\n// Even though the image is base64 encoded, the browser queues an async task\n// to decode the image. The image needs to be decoded before it can be used\nvar tinyTransparentImage = function () {\n // SSR safe\n if (typeof window === 'undefined') {\n return null;\n }\n\n // Image generated by: https://png-pixel.com/\n // It is a 1x1 transparent gif\n // It is the smallest possible transparent image we could find that works on all platforms\n // Note: using an encoded SVG would be nicer code, but it doesn't work on iOS\n var img = new Image();\n img.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==';\n return img;\n}();\nexport function disableNativeDragPreview(_ref) {\n var nativeSetDragImage = _ref.nativeSetDragImage;\n if (nativeSetDragImage && tinyTransparentImage) {\n nativeSetDragImage(tinyTransparentImage, 0, 0);\n }\n}","import type {ElementEventPayloadMap} from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\n\ntype ElementDragEvent = ElementEventPayloadMap['onDrag'] | ElementEventPayloadMap['onDragStart'];\ntype DragInput = Readonly<{clientX: number; clientY: number}>;\n\nconst bindDragEffectAllowed = (\n element: HTMLElement,\n effect: DataTransfer['effectAllowed'],\n): (() => void) => {\n const setEffect = (event: DragEvent): void => {\n if (event.dataTransfer) event.dataTransfer.effectAllowed = effect;\n };\n element.addEventListener('dragstart', setEffect);\n return () => element.removeEventListener('dragstart', setEffect);\n};\n\nconst currentDragInput = (event: ElementDragEvent): DragInput => ({\n clientX: event.location.current.input.clientX,\n clientY: event.location.current.input.clientY,\n});\n\nconst initialDragInput = (event: ElementEventPayloadMap['onDragStart']): DragInput => ({\n clientX: event.location.initial.input.clientX,\n clientY: event.location.initial.input.clientY,\n});\n\nexport {bindDragEffectAllowed, currentDragInput, initialDragInput};\nexport type {DragInput};\n","import {draggable} from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport {disableNativeDragPreview} from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';\nimport type Alpine from 'alpinejs';\n\nimport {boundNumber, decodeProps, number, oneOf, string} from '../codecs';\nimport {dispatch, setPresence, type CleanupStack} from '../../utils';\nimport {currentDragInput, initialDragInput} from './pdd';\n\ntype ResizeAxis = 'x' | 'y';\ntype ResizeMode = 'onChange' | 'onEnd';\ntype ResizePhase = 'start' | 'resize' | 'end';\ntype ResizeDirection = 'positive' | 'negative';\n\ntype ResizeEvent = {\n width: number;\n height: number;\n previewWidth: number;\n previewHeight: number;\n delta: number;\n axis: ResizeAxis;\n phase: ResizePhase;\n input: { clientX: number; clientY: number };\n};\n\ntype ResizableOptions = {\n element: HTMLElement;\n handle: HTMLElement;\n axis?: ResizeAxis;\n min?: number;\n max?: number | null;\n step?: number;\n mode?: ResizeMode;\n hitArea?: number;\n coarseHitArea?: number;\n direction?: ResizeDirection;\n disabled?: () => boolean;\n onStart?: (event: ResizeEvent) => void;\n onResize?: (event: ResizeEvent) => void;\n onEnd?: (event: ResizeEvent) => void;\n};\n\ntype ResizeState = {\n width: number;\n height: number;\n startWidth: number;\n startHeight: number;\n startClientX: number;\n startClientY: number;\n};\n\nconst DEFAULT_MIN = 60;\nconst DEFAULT_STEP = 1;\nconst DEFAULT_HIT_AREA = 8;\nconst DEFAULT_COARSE_HIT_AREA = 24;\nconst HANDLE_SELECTOR = '[x-ui-resizable\\\\:handle], [data-ui-resize-handle]';\nconst MANAGED_DISABLED_ATTR = 'data-ui-resizable-managed-disabled';\nconst RESIZE_AXES = ['x', 'y'] as const;\nconst RESIZE_MODES = ['onChange', 'onEnd'] as const;\nconst RESIZE_DIRECTIONS = ['positive', 'negative'] as const;\n\nconst resizableSchema = {\n resizeAxis: oneOf(RESIZE_AXES, 'x'),\n resizeMode: oneOf(RESIZE_MODES, 'onChange'),\n resizeMin: string.default(String(DEFAULT_MIN)),\n resizeMax: string,\n resizeStep: number.default(DEFAULT_STEP).min(DEFAULT_STEP),\n resizeHitArea: number.default(DEFAULT_HIT_AREA).min(0),\n resizeCoarseHitArea: number.default(DEFAULT_COARSE_HIT_AREA).min(0),\n resizeDirection: oneOf(RESIZE_DIRECTIONS, 'positive'),\n};\n\nconst parseLength = ({value, element, axis, fallback}: {\n value: string | undefined;\n element: HTMLElement;\n axis: ResizeAxis;\n fallback: number;\n}): number => {\n if (value === undefined || value.trim() === '') return fallback;\n const parsed = Number(value);\n if (Number.isFinite(parsed)) return parsed;\n\n if (value.endsWith('px')) {\n const pixels = Number(value.slice(0, -2));\n if (Number.isFinite(pixels)) return pixels;\n }\n\n if (value.endsWith('rem')) {\n const rem = Number(value.slice(0, -3));\n const fontSize = Number.parseFloat(getComputedStyle(document.documentElement).fontSize || '16');\n if (Number.isFinite(rem) && Number.isFinite(fontSize)) return rem * fontSize;\n }\n\n if (value.endsWith('em')) {\n const em = Number(value.slice(0, -2));\n const fontSize = Number.parseFloat(getComputedStyle(element).fontSize || '16');\n if (Number.isFinite(em) && Number.isFinite(fontSize)) return em * fontSize;\n }\n\n if (typeof document === 'undefined') return fallback;\n\n const probe = document.createElement('div');\n probe.style.position = 'absolute';\n probe.style.visibility = 'hidden';\n probe.style.pointerEvents = 'none';\n probe.style.width = axis === 'x' ? value : '0';\n probe.style.height = axis === 'y' ? value : '0';\n element.append(probe);\n const rect = probe.getBoundingClientRect();\n probe.remove();\n\n const measured = axis === 'x' ? rect.width : rect.height;\n return measured > 0 ? measured : fallback;\n};\n\nconst detailFromResize = (event: ResizeEvent): Record<string, unknown> => ({\n $width: event.width,\n $height: event.height,\n $delta: event.delta,\n $axis: event.axis,\n $phase: event.phase,\n $previewWidth: event.previewWidth,\n $previewHeight: event.previewHeight,\n});\n\nconst createResizable = ({\n element,\n handle,\n axis = 'x',\n min = DEFAULT_MIN,\n max = null,\n step = DEFAULT_STEP,\n mode = 'onChange',\n hitArea = DEFAULT_HIT_AREA,\n coarseHitArea = DEFAULT_COARSE_HIT_AREA,\n direction = 'positive',\n disabled = () => false,\n onStart,\n onResize,\n onEnd,\n }: ResizableOptions): (() => void) => {\n let state: ResizeState | null = null;\n const cleanup: CleanupStack = [];\n const directionFactor = direction === 'negative' ? -1 : 1;\n\n const syncDisabled = (): boolean => {\n const isDisabled = disabled();\n if (isDisabled) {\n element.setAttribute('data-disabled', '');\n element.setAttribute(MANAGED_DISABLED_ATTR, '');\n handle.setAttribute('data-disabled', '');\n handle.setAttribute(MANAGED_DISABLED_ATTR, '');\n } else {\n if (element.hasAttribute(MANAGED_DISABLED_ATTR)) {\n element.removeAttribute('data-disabled');\n element.removeAttribute(MANAGED_DISABLED_ATTR);\n }\n if (handle.hasAttribute(MANAGED_DISABLED_ATTR)) {\n handle.removeAttribute('data-disabled');\n handle.removeAttribute(MANAGED_DISABLED_ATTR);\n }\n }\n handle.setAttribute('aria-disabled', isDisabled ? 'true' : 'false');\n return isDisabled;\n };\n\n const hitTarget = (): number => {\n const coarse = typeof window !== 'undefined'\n && typeof window.matchMedia === 'function'\n && window.matchMedia('(pointer: coarse)').matches;\n return coarse ? coarseHitArea : hitArea;\n };\n\n const applyHandleBase = (): void => {\n element.setAttribute('data-ui-resizable', '');\n element.dataset.resizeAxis = axis;\n element.dataset.resizeMode = mode;\n element.dataset.resizeDirection = direction;\n handle.setAttribute('data-ui-resize-handle', '');\n handle.setAttribute('role', 'separator');\n handle.setAttribute('tabindex', handle.getAttribute('tabindex') ?? '0');\n handle.setAttribute('aria-orientation', axis === 'x' ? 'vertical' : 'horizontal');\n handle.style.touchAction = 'none';\n if (axis === 'x') handle.style.minWidth = `${hitTarget()}px`;\n else handle.style.minHeight = `${hitTarget()}px`;\n };\n\n const setResizing = (resizing: boolean): void => {\n setPresence({el: element, attr: 'data-resizing', present: resizing});\n setPresence({el: handle, attr: 'data-resizing', present: resizing});\n };\n\n const eventFor = ({phase, delta, input, previewOnly = false}: {\n phase: ResizePhase;\n delta: number;\n input: { clientX: number; clientY: number };\n previewOnly?: boolean;\n }): ResizeEvent => {\n const rect = element.getBoundingClientRect();\n const current = state ?? {\n width: rect.width,\n height: rect.height,\n startWidth: rect.width,\n startHeight: rect.height,\n startClientX: input.clientX,\n startClientY: input.clientY,\n };\n const previewWidth = axis === 'x'\n ? boundNumber(current.startWidth + delta, min, max ?? Number.POSITIVE_INFINITY, step)\n : current.startWidth;\n const previewHeight = axis === 'y'\n ? boundNumber(current.startHeight + delta, min, max ?? Number.POSITIVE_INFINITY, step)\n : current.startHeight;\n const width = previewOnly ? current.width : previewWidth;\n const height = previewOnly ? current.height : previewHeight;\n\n return {width, height, previewWidth, previewHeight, delta, axis, phase, input};\n };\n\n const updateAriaValue = (event: ResizeEvent): void => {\n const value = axis === 'x' ? event.previewWidth : event.previewHeight;\n handle.setAttribute('aria-valuenow', String(Math.round(value)));\n handle.setAttribute('aria-valuemin', String(Math.round(min)));\n if (max !== null) handle.setAttribute('aria-valuemax', String(Math.round(max)));\n else handle.removeAttribute('aria-valuemax');\n };\n\n const emitStart = (input: { clientX: number; clientY: number }): ResizeEvent => {\n const rect = element.getBoundingClientRect();\n state = {\n width: rect.width,\n height: rect.height,\n startWidth: rect.width,\n startHeight: rect.height,\n startClientX: input.clientX,\n startClientY: input.clientY,\n };\n const event = eventFor({phase: 'start', delta: 0, input});\n updateAriaValue(event);\n setResizing(true);\n onStart?.(event);\n return event;\n };\n\n const emitResize = (input: { clientX: number; clientY: number }): ResizeEvent | null => {\n if (!state) return null;\n const physicalDelta = axis === 'x' ? input.clientX - state.startClientX : input.clientY - state.startClientY;\n const delta = physicalDelta * directionFactor;\n const event = eventFor({phase: 'resize', delta, input, previewOnly: mode === 'onEnd'});\n updateAriaValue(event);\n onResize?.(event);\n if (mode === 'onChange') {\n state.width = event.width;\n state.height = event.height;\n }\n return event;\n };\n\n const emitEnd = (input: { clientX: number; clientY: number }): ResizeEvent | null => {\n if (!state) return null;\n const physicalDelta = axis === 'x' ? input.clientX - state.startClientX : input.clientY - state.startClientY;\n const delta = physicalDelta * directionFactor;\n const event = eventFor({phase: 'end', delta, input});\n updateAriaValue(event);\n onEnd?.(event);\n state = null;\n setResizing(false);\n return event;\n };\n\n applyHandleBase();\n syncDisabled();\n updateAriaValue(eventFor({phase: 'start', delta: 0, input: {clientX: 0, clientY: 0}}));\n\n cleanup.push(draggable({\n element,\n dragHandle: handle,\n canDrag: () => !syncDisabled(),\n getInitialData: () => ({type: 'ui-resizable'}),\n onGenerateDragPreview: disableNativeDragPreview,\n onDragStart: (event) => {\n if (syncDisabled()) return;\n emitStart(initialDragInput(event));\n },\n onDrag: (event) => {\n if (syncDisabled()) return;\n emitResize(currentDragInput(event));\n },\n onDrop: (event) => {\n emitEnd(currentDragInput(event));\n },\n }));\n\n const onKeydown = (event: KeyboardEvent): void => {\n if (syncDisabled()) return;\n\n const multiplier = event.shiftKey ? 10 : 1;\n const amount = step * multiplier;\n let delta: number | null = null;\n\n if (axis === 'x' && event.key === 'ArrowRight') delta = amount;\n if (axis === 'x' && event.key === 'ArrowLeft') delta = -amount;\n if (axis === 'y' && event.key === 'ArrowDown') delta = amount;\n if (axis === 'y' && event.key === 'ArrowUp') delta = -amount;\n if (event.key === 'Home') {\n delta = (min - element.getBoundingClientRect()[axis === 'x' ? 'width' : 'height']) * directionFactor;\n }\n if (event.key === 'End' && max !== null) {\n delta = (max - element.getBoundingClientRect()[axis === 'x' ? 'width' : 'height']) * directionFactor;\n }\n\n if (delta === null) return;\n event.preventDefault();\n\n const input = {clientX: 0, clientY: 0};\n emitStart(input);\n if (state) {\n state.startClientX = 0;\n state.startClientY = 0;\n const resizeInput = axis === 'x' ? {clientX: delta, clientY: 0} : {clientX: 0, clientY: delta};\n emitResize(resizeInput);\n emitEnd(resizeInput);\n }\n };\n\n handle.addEventListener('keydown', onKeydown);\n cleanup.push(() => handle.removeEventListener('keydown', onKeydown));\n\n return () => {\n cleanup.forEach((cleanupItem) => cleanupItem());\n setResizing(false);\n };\n};\n\nconst registerResizable = (AlpineInstance: Alpine.Alpine): void => {\n if (typeof AlpineInstance.directive !== 'function') return;\n\n AlpineInstance.directive('ui-resizable', (el, {value, expression}, {cleanup}) => {\n if (!(el instanceof HTMLElement) || value === 'handle') return;\n\n const root = el;\n const handle = root.querySelector<HTMLElement>(HANDLE_SELECTOR);\n if (!handle) return;\n\n const props = decodeProps({el: root, schema: resizableSchema});\n const axis = props.resizeAxis;\n const min = parseLength({\n value: props.resizeMin,\n element: root,\n axis,\n fallback: DEFAULT_MIN,\n });\n const maxValue = props.resizeMax;\n const max = maxValue ? parseLength({\n value: maxValue,\n element: root,\n axis,\n fallback: Number.POSITIVE_INFINITY\n }) : null;\n const mode = props.resizeMode;\n const evaluator = expression\n ? AlpineInstance.evaluateLater(root, expression)\n : null;\n\n const notify = (event: ResizeEvent): void => {\n const eventName = event.phase === 'start'\n ? 'ui:resize-start'\n : event.phase === 'end'\n ? 'ui:resize-end'\n : 'ui:resize';\n\n dispatch({el: root, name: eventName, detail: event});\n if (!evaluator) return;\n if (mode === 'onEnd' && event.phase === 'resize') return;\n evaluator(undefined, detailFromResize(event));\n };\n\n cleanup(createResizable({\n element: root,\n handle,\n axis,\n min,\n max: max === Number.POSITIVE_INFINITY ? null : max,\n step: props.resizeStep,\n mode,\n hitArea: props.resizeHitArea,\n coarseHitArea: props.resizeCoarseHitArea,\n direction: props.resizeDirection,\n disabled: () => root.hasAttribute('data-disabled')\n && !root.hasAttribute(MANAGED_DISABLED_ATTR)\n || root.hasAttribute('data-resize-disabled')\n || (root.dataset.disabled === 'true' && !root.hasAttribute(MANAGED_DISABLED_ATTR)),\n onStart: notify,\n onResize: notify,\n onEnd: notify,\n }));\n });\n};\n\nexport {createResizable, registerResizable};\nexport type {ResizableOptions, ResizeAxis, ResizeDirection, ResizeEvent, ResizeMode, ResizePhase};\nexport {createSortableRegistry, sortable} from './sortable';\nexport type {\n SortableAnchor,\n SortableCancelReason,\n SortableCanDropContext,\n SortableDirection,\n SortableDragDetail,\n SortableDropDetail,\n SortableEdge,\n SortableFeedback,\n SortableGroup,\n SortableIndicatorFrame,\n SortableInsertSource,\n SortableMoveSource,\n SortableOperation,\n SortableOrientation,\n SortablePlacement,\n SortableReorderOffset,\n SortableSource,\n UiSortableService,\n} from './sortable';\n"],"x_google_ignoreList":[0,1,2,3,4,5,6],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"drag-and-drop-DHq3udf7.js","names":[],"sources":["../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/max-z-index.js","../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/popover-reset-styles.js","../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/supports-popover.js","../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/honey-pot-fix/make-honey-pot-fix.js","../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/media-types/url-media-type.js","../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/adapter/element-adapter.js","../../../../../../../../../node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/public-utils/element/disable-native-drag-preview.js","../../../../../../../../client/src/runtime/drag-and-drop/pdd.ts","../../../../../../../../client/src/runtime/drag-and-drop/index.ts"],"sourcesContent":["// Maximum possible z-index\n// https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index\nexport var maxZIndex = 2147483647;","/**\n * Resets user agent styles for `[popover]` elements.\n *\n * Browsers apply these defaults to popovers (per the WHATWG HTML spec rendering section):\n * - `inset: 0` + `margin: auto` → centers the popover in the viewport\n * - `border: solid` → visible border\n * - `padding: 0.25em` → internal spacing\n * - `overflow: auto` → scrollbars when content overflows\n * - `color: CanvasText` + `background-color: Canvas` → system theme colors\n *\n * This object neutralizes those defaults so the popover behaves like a plain\n * positioned `<div>`, matching the sizing of the legacy (non-popover)\n * fallback container exactly.\n *\n * **Width and height (`auto`)**\n *\n * `width` and `height` override the spec user agent value of `fit-content`\n * with `auto`.\n *\n * _Why?_\n *\n * - When a `[popover]` is sized with `fit-content` and contains a flex\n * container, Safari collapses any flex item that uses `overflow: auto`\n * to `0px`.\n * - Setting the popover's `width` and `height` to `auto` skips the `fit-content`\n * pass and avoids the bug in Safari\n * - Chromium and Firefox tolerate `fit-content` here, but `auto` is safe\n * everywhere and matches our non-popover path\n */\nexport var popoverResetUserAgentStyles = {\n inset: 'unset',\n border: 'none',\n padding: 0,\n margin: 0,\n overflow: 'visible',\n color: 'inherit',\n background: 'transparent',\n width: 'auto',\n height: 'auto'\n};","import { once } from '../public-utils/once';\n\n// Using `once` as the value won't change in a browser\n\n/**\n * Returns `true` if the browser supports the Popover API (top-layer).\n *\n * When supported, elements with `popover=\"manual\"` can be promoted to the\n * browser's top layer via `element.showPopover()`, which is more reliable\n * than `z-index` for ensuring an element renders above everything else.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Popover_API\n */\nexport var supportsPopover = once(function supportsPopover() {\n return typeof HTMLElement !== 'undefined' && typeof HTMLElement.prototype.showPopover === 'function';\n});","import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nimport { bind, bindAll } from 'bind-event-listener';\nimport { maxZIndex } from '../util/max-z-index';\nimport { popoverResetUserAgentStyles } from '../util/popover-reset-styles';\nimport { supportsPopover } from '../util/supports-popover';\nimport { honeyPotDataAttribute } from './honey-pot-data-attribute';\nvar honeyPotSize = 2;\nvar halfHoneyPotSize = honeyPotSize / 2;\n\n/**\n * `clientX` and `clientY` can be in sub pixels (eg `2.332`)\n * However, browser hitbox testing is commonly do to the closest pixel.\n *\n * → https://issues.chromium.org/issues/40940531\n *\n * To be sure that the honey pot will be over the `client` position,\n * we `.floor()` `clientX` and`clientY` and then make it `2px` in size.\n **/\nfunction floorToClosestPixel(point) {\n return {\n x: Math.floor(point.x),\n y: Math.floor(point.y)\n };\n}\n\n/**\n * We want to make sure the honey pot sits around the users position.\n * This seemed to be the most resilient while testing.\n */\nfunction pullBackByHalfHoneyPotSize(point) {\n return {\n x: point.x - halfHoneyPotSize,\n y: point.y - halfHoneyPotSize\n };\n}\n\n/**\n * Prevent the honey pot from changing the window size.\n * This is super unlikely to occur, but just being safe.\n */\nfunction preventGoingBackwardsOffScreen(point) {\n return {\n x: Math.max(point.x, 0),\n y: Math.max(point.y, 0)\n };\n}\n\n/**\n * Prevent the honey pot from changing the window size.\n * This is super unlikely to occur, but just being safe.\n */\nfunction preventGoingForwardsOffScreen(point) {\n return {\n x: Math.min(point.x, window.innerWidth - honeyPotSize),\n y: Math.min(point.y, window.innerHeight - honeyPotSize)\n };\n}\n\n/**\n * Create a `2x2` `DOMRect` around the `client` position\n */\nfunction getHoneyPotRectFor(_ref) {\n var client = _ref.client;\n var point = preventGoingForwardsOffScreen(preventGoingBackwardsOffScreen(pullBackByHalfHoneyPotSize(floorToClosestPixel(client))));\n\n // When debugging, it is helpful to\n // make this element a bit bigger\n return DOMRect.fromRect({\n x: point.x,\n y: point.y,\n width: honeyPotSize,\n height: honeyPotSize\n });\n}\nfunction getRectStyles(_ref2) {\n var clientRect = _ref2.clientRect;\n return {\n left: \"\".concat(clientRect.left, \"px\"),\n top: \"\".concat(clientRect.top, \"px\"),\n width: \"\".concat(clientRect.width, \"px\"),\n height: \"\".concat(clientRect.height, \"px\")\n };\n}\nfunction isWithin(_ref3) {\n var client = _ref3.client,\n clientRect = _ref3.clientRect;\n return (\n // is within horizontal bounds\n client.x >= clientRect.x && client.x <= clientRect.x + clientRect.width &&\n // is within vertical bounds\n client.y >= clientRect.y && client.y <= clientRect.y + clientRect.height\n );\n}\n/**\n * The honey pot fix is designed to get around a painful bug in all browsers.\n *\n * [Overview](https://www.youtube.com/watch?v=udE9qbFTeQg)\n *\n * **Background**\n *\n * When a drag starts, browsers incorrectly think that the users pointer is\n * still depressed where the drag started. Any element that goes under this position\n * will be entered into, causing `\"mouseenter\"` events and `\":hover\"` styles to be applied.\n *\n * _This is a violation of the spec_\n *\n * > \"From the moment that the user agent is to initiate the drag-and-drop operation,\n * > until the end \tof the drag-and-drop operation, device input events\n * > (e.g. mouse and keyboard events) must be suppressed.\"\n * >\n * > - https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n *\n * _Some impacts_\n *\n * - `\":hover\"` styles being applied where they shouldn't (looks messy)\n * - components such as tooltips responding to `\"mouseenter\"` can show during a drag,\n * and on an element the user isn't even over\n *\n * Bug: https://issues.chromium.org/issues/41129937\n *\n * **Honey pot fix**\n *\n * 1. Create an element where the browser thinks the depressed pointer is\n * to absorb the incorrect pointer events\n * 2. Remove that element when it is no longer needed\n */\nfunction mountHoneyPot(_ref4) {\n var initial = _ref4.initial;\n var element = document.createElement('div');\n element.setAttribute(honeyPotDataAttribute, 'true');\n\n // Using popover=\"manual\" to place the element in the browser's top layer.\n // This ensures the honey pot is visually on top of everything else,\n // including elements using z-index and other stacking contexts.\n // \"manual\" means no light dismiss — we manage the lifecycle ourselves.\n // Falls back to position:fixed + maxZIndex when the popover API is not available.\n if (supportsPopover()) {\n element.setAttribute('popover', 'manual');\n }\n\n // can shift during the drag thanks to Firefox\n var clientRect = getHoneyPotRectFor({\n client: initial\n });\n Object.assign(element.style, _objectSpread(_objectSpread({\n position: 'fixed'\n }, supportsPopover() ?\n // needs to come first as it has 'inset: unset' which\n // needs to be overridden by our top / left values\n popoverResetUserAgentStyles : {\n // Fallback: using maximum possible z-index so that this element\n // will always be on top of other positioned content.\n zIndex: maxZIndex\n }), {}, {\n // Setting a background color explicitly to avoid any inherited styles.\n // Looks like this could be `opacity: 0`, but worried that _might_\n // cause the element to be ignored on some platforms.\n // When debugging, set backgroundColor to something like \"red\".\n backgroundColor: 'transparent',\n // Being explicit to avoid inheriting styles\n padding: 0,\n margin: 0,\n boxSizing: 'border-box',\n // We want this element to absorb pointer events,\n // it's kind of the whole point 😉\n pointerEvents: 'auto'\n }, getRectStyles({\n clientRect: clientRect\n })));\n document.body.appendChild(element);\n if (supportsPopover()) {\n element.showPopover();\n }\n\n /**\n * 🦊 In firefox we can get `\"pointermove\"` events after the drag\n * has started, which is a spec violation.\n * The final `\"pointermove\"` will reveal where the \"depressed\" position\n * is for our honey pot fix.\n */\n var unbindPointerMove = bind(window, {\n type: 'pointermove',\n listener: function listener(event) {\n var client = {\n x: event.clientX,\n y: event.clientY\n };\n clientRect = getHoneyPotRectFor({\n client: client\n });\n Object.assign(element.style, getRectStyles({\n clientRect: clientRect\n }));\n },\n // using capture so we are less likely to be impacted by event stopping\n options: {\n capture: true\n }\n });\n return function finish(_ref5) {\n var current = _ref5.current;\n // Don't need this any more\n unbindPointerMove();\n\n // If the user is hover the honey pot, we remove it\n // so that the user can continue to interact with the page normally.\n if (isWithin({\n client: current,\n clientRect: clientRect\n })) {\n element.remove();\n return;\n }\n function cleanup() {\n unbindPostDragEvents();\n element.remove();\n }\n var unbindPostDragEvents = bindAll(window, [{\n type: 'pointerdown',\n listener: cleanup\n }, {\n type: 'pointermove',\n listener: cleanup\n }, {\n type: 'focusin',\n listener: cleanup\n }, {\n type: 'focusout',\n listener: cleanup\n },\n // a 'pointerdown' should happen before 'dragstart', but just being super safe\n {\n type: 'dragstart',\n listener: cleanup\n },\n // if the user has dragged something out of the window\n // and then is dragging something back into the window\n // the first events we will see are \"dragenter\" (and then \"dragover\").\n // So if we see any of these we need to clear the post drag fix.\n {\n type: 'dragenter',\n listener: cleanup\n }, {\n type: 'dragover',\n listener: cleanup\n }\n\n // Not adding a \"wheel\" event listener, as \"wheel\" by itself does not\n // resolve the bug.\n ], {\n // Using `capture` so less likely to be impacted by other code stopping events\n capture: true\n });\n };\n}\nexport function makeHoneyPotFix() {\n var latestPointerMove = null;\n function bindEvents() {\n // For sanity, only collecting this value from when events are first bound.\n // This prevents the case where a super old \"pointermove\" could be used\n // from a prior interaction.\n latestPointerMove = null;\n return bind(window, {\n type: 'pointermove',\n listener: function listener(event) {\n latestPointerMove = {\n x: event.clientX,\n y: event.clientY\n };\n },\n // listening for pointer move in capture phase\n // so we are less likely to be impacted by events being stopped.\n options: {\n capture: true\n }\n });\n }\n function getOnPostDispatch() {\n var finish = null;\n return function onPostEvent(_ref6) {\n var eventName = _ref6.eventName,\n payload = _ref6.payload;\n // We are adding the honey pot `onDragStart` so we don't\n // impact the creation of the native drag preview.\n if (eventName === 'onDragStart') {\n var input = payload.location.initial.input;\n\n // Sometimes there will be no latest \"pointermove\" (eg iOS).\n // In which case, we use the start position of the drag.\n var initial = latestPointerMove !== null && latestPointerMove !== void 0 ? latestPointerMove : {\n x: input.clientX,\n y: input.clientY\n };\n\n // Don't need to defensively call `finish()` as `onDrop` from\n // one interaction is guaranteed to be called before `onDragStart`\n // of the next.\n finish = mountHoneyPot({\n initial: initial\n });\n }\n if (eventName === 'onDrop') {\n var _finish;\n var _input = payload.location.current.input;\n (_finish = finish) === null || _finish === void 0 || _finish({\n current: {\n x: _input.clientX,\n y: _input.clientY\n }\n });\n finish = null;\n // this interaction is finished, we want to use\n // the latest \"pointermove\" for each interaction\n latestPointerMove = null;\n }\n };\n }\n return {\n bindEvents: bindEvents,\n getOnPostDispatch: getOnPostDispatch\n };\n}","// Why we put the media types in their own files:\n//\n// - we are not putting them all in one file as not all adapters need all types\n// - we are not putting them in the external helpers as some things just need the\n// types and not the external functions code\nexport var URLMediaType = 'text/uri-list';","import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport { bind } from 'bind-event-listener';\nimport { getElementFromPointWithoutHoneypot } from '../honey-pot-fix/get-element-from-point-without-honey-pot';\nimport { makeHoneyPotFix } from '../honey-pot-fix/make-honey-pot-fix';\nimport { makeAdapter } from '../make-adapter/make-adapter';\nimport { combine } from '../public-utils/combine';\nimport { once } from '../public-utils/once';\nimport { addAttribute } from '../util/add-attribute';\nimport { androidFallbackText, isAndroid } from '../util/android';\nimport { getInput } from '../util/get-input';\nimport { textMediaType } from '../util/media-types/text-media-type';\nimport { URLMediaType } from '../util/media-types/url-media-type';\nimport { elementAdapterNativeDataKey } from './element-adapter-native-data-key';\nvar draggableRegistry = new WeakMap();\nfunction addToRegistry(args) {\n draggableRegistry.set(args.element, args);\n return function cleanup() {\n draggableRegistry.delete(args.element);\n };\n}\nvar honeyPotFix = makeHoneyPotFix();\nvar adapter = makeAdapter({\n typeKey: 'element',\n defaultDropEffect: 'move',\n mount: function mount(api) {\n /** Binding event listeners the `document` rather than `window` so that\n * this adapter always gets preference over the text adapter.\n * `document` is the first `EventTarget` under `window`\n * https://twitter.com/alexandereardon/status/1604658588311465985\n */\n return combine(honeyPotFix.bindEvents(), bind(document, {\n type: 'dragstart',\n listener: function listener(event) {\n var _entry$dragHandle, _entry$getInitialData, _entry$getInitialData2, _entry$dragHandle2, _entry$getInitialData3, _entry$getInitialData4;\n if (!api.canStart(event)) {\n return;\n }\n\n // If the \"dragstart\" event is cancelled, then a drag won't start\n // There will be no further drag operation events (eg no \"dragend\" event)\n if (event.defaultPrevented) {\n return;\n }\n\n // Technically `dataTransfer` can be `null` according to the types\n // But that behaviour does not seem to appear in the spec.\n // If there is not `dataTransfer`, we can assume something is wrong and not\n // start a drag\n if (!event.dataTransfer) {\n // Including this code on \"test\" and \"development\" environments:\n // - Browser tests commonly run against \"development\" builds\n // - Unit tests commonly run in \"test\"\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.warn(\"\\n It appears as though you have are not testing DragEvents correctly.\\n\\n - If you are unit testing, ensure you have polyfilled DragEvent.\\n - If you are browser testing, ensure you are dispatching drag events correctly.\\n\\n Please see our testing guides for more information:\\n https://atlassian.design/components/pragmatic-drag-and-drop/core-package/testing\\n \".replace(/ {2}/g, ''));\n }\n return;\n }\n\n // the closest parent that is a draggable element will be marked as\n // the `event.target` for the event\n var target = event.target;\n\n // this source is only for elements\n // Note: only HTMLElements can have the \"draggable\" attribute\n if (!(target instanceof HTMLElement)) {\n return;\n }\n\n // see if the thing being dragged is owned by us\n var entry = draggableRegistry.get(target);\n\n // no matching element found\n // → dragging an element with `draggable=\"true\"` that is not controlled by us\n if (!entry) {\n return;\n }\n\n /**\n * A text selection drag _can_ have the `draggable` element be\n * the `event.target` if the user is dragging the text selection\n * from the `draggable`.\n *\n * To know if the `draggable` is being dragged, we look at whether any\n * `\"text/plain\"` data is being dragged. If it is, then a text selection\n * drag is occurring.\n *\n * This behaviour has been validated on:\n *\n * - Chrome@128 on Android@14\n * - Chrome@128 on iOS@17.6.1\n * - Chrome@128 on Windows@11\n * - Chrome@128 on MacOS@14.6.1\n * - Firefox@129 on Windows@11 (not possible for user to select text in a draggable)\n * - Firefox@129 on MacOS@14.6.1 (not possible for user to select text in a draggable)\n *\n * Note: Could usually just use: `event.dataTransfer.types.includes(textMediaType)`\n * but unfortunately ProseMirror is always setting `\"\"` as the dragged text\n *\n * Note: Unfortunately editor is (heavily) leaning on the current functionality today\n * and unwinding it will be a decent amount of effort. So for now, a text selection\n * where the `event.target` is a `draggable` element will still trigger the\n * element adapter.\n *\n * // Future state:\n * if(event.dataTransfer.getData(textMediaType)) {\n * \treturn;\n * }\n *\n */\n\n var input = getInput(event);\n var feedback = {\n element: entry.element,\n dragHandle: (_entry$dragHandle = entry.dragHandle) !== null && _entry$dragHandle !== void 0 ? _entry$dragHandle : null,\n input: input\n };\n\n // Check: does the draggable want to allow dragging?\n if (entry.canDrag && !entry.canDrag(feedback)) {\n // cancel drag operation if we cannot drag\n event.preventDefault();\n return;\n }\n\n // Check: is there a drag handle and is the user using it?\n if (entry.dragHandle) {\n // technically don't need this util, but just being\n // consistent with how we look up what is under the users\n // cursor.\n var over = getElementFromPointWithoutHoneypot({\n x: input.clientX,\n y: input.clientY\n });\n\n // if we are not dragging from the drag handle (or something inside the drag handle)\n // then we will cancel the active drag\n if (!entry.dragHandle.contains(over)) {\n event.preventDefault();\n return;\n }\n }\n\n /**\n * **Goal**\n * Pass information to other applications\n *\n * **Approach**\n * Put data into the native data store\n *\n * **What about the native adapter?**\n * When the element adapter puts native data into the native data store\n * the native adapter is not triggered in the current window,\n * but a native adapter in an external window _can_ be triggered\n *\n * **Why bake this into core?**\n * This functionality could be pulled out and exposed inside of\n * `onGenerateDragPreview`. But decided to make it a part of the\n * base API as it felt like a common enough use case and ended\n * up being a similar amount of code to include this function as\n * it was to expose the hook for it\n */\n var nativeData = (_entry$getInitialData = (_entry$getInitialData2 = entry.getInitialDataForExternal) === null || _entry$getInitialData2 === void 0 ? void 0 : _entry$getInitialData2.call(entry, feedback)) !== null && _entry$getInitialData !== void 0 ? _entry$getInitialData : null;\n if (nativeData) {\n for (var _i = 0, _Object$entries = Object.entries(nativeData); _i < _Object$entries.length; _i++) {\n var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),\n key = _Object$entries$_i[0],\n data = _Object$entries$_i[1];\n event.dataTransfer.setData(key, data !== null && data !== void 0 ? data : '');\n }\n }\n\n /**\n * 📱 For Android devices, a drag operation will not start unless\n * \"text/plain\" or \"text/uri-list\" data exists in the native data store\n * https://twitter.com/alexandereardon/status/1732189803754713424\n *\n * Tested on:\n * Device: Google Pixel 5\n * Android version: 14 (November 5, 2023)\n * Chrome version: 120.0\n */\n if (isAndroid() && !event.dataTransfer.types.includes(textMediaType) && !event.dataTransfer.types.includes(URLMediaType)) {\n event.dataTransfer.setData(textMediaType, androidFallbackText);\n }\n\n /**\n * 1. Must set any media type for `iOS15` to work\n * 2. We are also doing adding data so that the native adapter\n * can know that the element adapter has handled this drag\n *\n * We used to wrap this `setData()` in a `try/catch` for Firefox,\n * but it looks like that was not needed.\n *\n * Tested using: https://codesandbox.io/s/checking-firefox-throw-behaviour-on-dragstart-qt8h4f\n *\n * - ✅ Firefox@70.0 (Oct 2019) on macOS Sonoma\n * - ✅ Firefox@70.0 (Oct 2019) on macOS Big Sur\n * - ✅ Firefox@70.0 (Oct 2019) on Windows 10\n *\n * // just checking a few more combinations to be super safe\n *\n * - ✅ Chrome@78 (Oct 2019) on macOS Big Sur\n * - ✅ Chrome@78 (Oct 2019) on Windows 10\n * - ✅ Safari@14.1 on macOS Big Sur\n */\n event.dataTransfer.setData(elementAdapterNativeDataKey, '');\n var payload = {\n element: entry.element,\n dragHandle: (_entry$dragHandle2 = entry.dragHandle) !== null && _entry$dragHandle2 !== void 0 ? _entry$dragHandle2 : null,\n data: (_entry$getInitialData3 = (_entry$getInitialData4 = entry.getInitialData) === null || _entry$getInitialData4 === void 0 ? void 0 : _entry$getInitialData4.call(entry, feedback)) !== null && _entry$getInitialData3 !== void 0 ? _entry$getInitialData3 : {}\n };\n var dragType = {\n type: 'element',\n payload: payload,\n startedFrom: 'internal'\n };\n api.start({\n event: event,\n dragType: dragType\n });\n }\n }));\n },\n dispatchEventToSource: function dispatchEventToSource(_ref) {\n var _draggableRegistry$ge, _draggableRegistry$ge2;\n var eventName = _ref.eventName,\n payload = _ref.payload;\n // During a drag operation, a draggable can be:\n // - remounted with different functions\n // - removed completely\n // So we need to get the latest entry from the registry in order\n // to call the latest event functions\n\n (_draggableRegistry$ge = draggableRegistry.get(payload.source.element)) === null || _draggableRegistry$ge === void 0 || (_draggableRegistry$ge2 = _draggableRegistry$ge[eventName]) === null || _draggableRegistry$ge2 === void 0 || _draggableRegistry$ge2.call(_draggableRegistry$ge,\n // I cannot seem to get the types right here.\n // TS doesn't seem to like that one event can need `nativeSetDragImage`\n // @ts-expect-error\n payload);\n },\n onPostDispatch: honeyPotFix.getOnPostDispatch()\n});\nexport var dropTargetForElements = adapter.dropTarget;\n// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports\nexport var monitorForElements = adapter.monitor;\n\n// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports\nexport function draggable(args) {\n // Guardrail: warn if the drag handle is not contained in draggable element\n if (process.env.NODE_ENV !== 'production') {\n if (args.dragHandle && !args.element.contains(args.dragHandle)) {\n // eslint-disable-next-line no-console\n console.warn('Drag handle element must be contained in draggable element', {\n element: args.element,\n dragHandle: args.dragHandle\n });\n }\n }\n // Guardrail: warn if the draggable element is already registered\n if (process.env.NODE_ENV !== 'production') {\n var existing = draggableRegistry.get(args.element);\n if (existing) {\n // eslint-disable-next-line no-console\n console.warn('You have already registered a `draggable` on the same element', {\n existing: existing,\n proposed: args\n });\n }\n }\n var cleanup = combine(\n // making the draggable register the adapter rather than drop targets\n // this is because you *must* have a draggable element to start a drag\n // but you _might_ not have any drop targets immediately\n // (You might create drop targets async)\n adapter.registerUsage(), addToRegistry(args), addAttribute(args.element, {\n attribute: 'draggable',\n value: 'true'\n }));\n\n // Wrapping in `once` to prevent unexpected side effects if consumers call\n // the clean up function multiple times.\n return once(cleanup);\n}\n\n/** Common event payload for all events */\n\n/** A map containing payloads for all events */\n\n/** Common event payload for all drop target events */\n\n/** A map containing payloads for all events on drop targets */\n\n/** Arguments given to all feedback functions (eg `canDrag()`) on for a `draggable()` */\n\n/** Arguments given to all feedback functions (eg `canDrop()`) on a `dropTargetForElements()` */\n\n/** Arguments given to all monitor feedback functions (eg `canMonitor()`) for a `monitorForElements` */","// In order to disable the native drag preview you can\n// use `event.dataTransfer.setDragImage()` to set a small\n// invisible image as the drag preview.\n// There are alternative techniques,\n// (eg setting opacity to in onGenerateDragPreview and then 1 in onDragStart)\n// but the technique in this file worked best across browsers and platforms\n\n// Here we are preloading the image so that it is ready for the first drag.\n// Even though the image is base64 encoded, the browser queues an async task\n// to decode the image. The image needs to be decoded before it can be used\nvar tinyTransparentImage = function () {\n // SSR safe\n if (typeof window === 'undefined') {\n return null;\n }\n\n // Image generated by: https://png-pixel.com/\n // It is a 1x1 transparent gif\n // It is the smallest possible transparent image we could find that works on all platforms\n // Note: using an encoded SVG would be nicer code, but it doesn't work on iOS\n var img = new Image();\n img.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==';\n return img;\n}();\nexport function disableNativeDragPreview(_ref) {\n var nativeSetDragImage = _ref.nativeSetDragImage;\n if (nativeSetDragImage && tinyTransparentImage) {\n nativeSetDragImage(tinyTransparentImage, 0, 0);\n }\n}","import type {ElementEventPayloadMap} from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\n\ntype ElementDragEvent = ElementEventPayloadMap['onDrag'] | ElementEventPayloadMap['onDragStart'];\ntype DragInput = Readonly<{clientX: number; clientY: number}>;\n\nconst bindDragEffectAllowed = (\n element: HTMLElement,\n effect: DataTransfer['effectAllowed'],\n): (() => void) => {\n const setEffect = (event: DragEvent): void => {\n if (event.dataTransfer) event.dataTransfer.effectAllowed = effect;\n };\n element.addEventListener('dragstart', setEffect);\n return () => element.removeEventListener('dragstart', setEffect);\n};\n\nconst currentDragInput = (event: ElementDragEvent): DragInput => ({\n clientX: event.location.current.input.clientX,\n clientY: event.location.current.input.clientY,\n});\n\nconst initialDragInput = (event: ElementEventPayloadMap['onDragStart']): DragInput => ({\n clientX: event.location.initial.input.clientX,\n clientY: event.location.initial.input.clientY,\n});\n\nexport {bindDragEffectAllowed, currentDragInput, initialDragInput};\nexport type {DragInput};\n","import {draggable} from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport {disableNativeDragPreview} from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';\nimport type Alpine from 'alpinejs';\n\nimport {boundNumber, decodeProps, number, oneOf, string} from '../codecs';\nimport {dispatch, setPresence, type CleanupStack} from '../../utils';\nimport {currentDragInput, initialDragInput} from './pdd';\n\ntype ResizeAxis = 'x' | 'y';\ntype ResizeMode = 'onChange' | 'onEnd';\ntype ResizePhase = 'start' | 'resize' | 'end';\ntype ResizeDirection = 'positive' | 'negative';\n\ntype ResizeEvent = {\n width: number;\n height: number;\n previewWidth: number;\n previewHeight: number;\n delta: number;\n axis: ResizeAxis;\n phase: ResizePhase;\n input: { clientX: number; clientY: number };\n};\n\ntype ResizableOptions = {\n element: HTMLElement;\n handle: HTMLElement;\n axis?: ResizeAxis;\n min?: number;\n max?: number | null;\n step?: number;\n mode?: ResizeMode;\n hitArea?: number;\n coarseHitArea?: number;\n direction?: ResizeDirection;\n disabled?: () => boolean;\n onStart?: (event: ResizeEvent) => void;\n onResize?: (event: ResizeEvent) => void;\n onEnd?: (event: ResizeEvent) => void;\n};\n\ntype ResizeState = {\n width: number;\n height: number;\n startWidth: number;\n startHeight: number;\n startClientX: number;\n startClientY: number;\n};\n\nconst DEFAULT_MIN = 60;\nconst DEFAULT_STEP = 1;\nconst DEFAULT_HIT_AREA = 8;\nconst DEFAULT_COARSE_HIT_AREA = 24;\nconst HANDLE_SELECTOR = '[x-ui-resizable\\\\:handle], [data-ui-resize-handle]';\nconst MANAGED_DISABLED_ATTR = 'data-ui-resizable-managed-disabled';\nconst RESIZE_AXES = ['x', 'y'] as const;\nconst RESIZE_MODES = ['onChange', 'onEnd'] as const;\nconst RESIZE_DIRECTIONS = ['positive', 'negative'] as const;\n\nconst resizableSchema = {\n resizeAxis: oneOf(RESIZE_AXES, 'x'),\n resizeMode: oneOf(RESIZE_MODES, 'onChange'),\n resizeMin: string.default(String(DEFAULT_MIN)),\n resizeMax: string,\n resizeStep: number.default(DEFAULT_STEP).min(DEFAULT_STEP),\n resizeHitArea: number.default(DEFAULT_HIT_AREA).min(0),\n resizeCoarseHitArea: number.default(DEFAULT_COARSE_HIT_AREA).min(0),\n resizeDirection: oneOf(RESIZE_DIRECTIONS, 'positive'),\n};\n\nconst parseLength = ({value, element, axis, fallback}: {\n value: string | undefined;\n element: HTMLElement;\n axis: ResizeAxis;\n fallback: number;\n}): number => {\n if (value === undefined || value.trim() === '') return fallback;\n const parsed = Number(value);\n if (Number.isFinite(parsed)) return parsed;\n\n if (value.endsWith('px')) {\n const pixels = Number(value.slice(0, -2));\n if (Number.isFinite(pixels)) return pixels;\n }\n\n if (value.endsWith('rem')) {\n const rem = Number(value.slice(0, -3));\n const fontSize = Number.parseFloat(getComputedStyle(document.documentElement).fontSize || '16');\n if (Number.isFinite(rem) && Number.isFinite(fontSize)) return rem * fontSize;\n }\n\n if (value.endsWith('em')) {\n const em = Number(value.slice(0, -2));\n const fontSize = Number.parseFloat(getComputedStyle(element).fontSize || '16');\n if (Number.isFinite(em) && Number.isFinite(fontSize)) return em * fontSize;\n }\n\n if (typeof document === 'undefined') return fallback;\n\n const probe = document.createElement('div');\n probe.style.position = 'absolute';\n probe.style.visibility = 'hidden';\n probe.style.pointerEvents = 'none';\n probe.style.width = axis === 'x' ? value : '0';\n probe.style.height = axis === 'y' ? value : '0';\n element.append(probe);\n const rect = probe.getBoundingClientRect();\n probe.remove();\n\n const measured = axis === 'x' ? rect.width : rect.height;\n return measured > 0 ? measured : fallback;\n};\n\nconst detailFromResize = (event: ResizeEvent): Record<string, unknown> => ({\n $width: event.width,\n $height: event.height,\n $delta: event.delta,\n $axis: event.axis,\n $phase: event.phase,\n $previewWidth: event.previewWidth,\n $previewHeight: event.previewHeight,\n});\n\nconst createResizable = ({\n element,\n handle,\n axis = 'x',\n min = DEFAULT_MIN,\n max = null,\n step = DEFAULT_STEP,\n mode = 'onChange',\n hitArea = DEFAULT_HIT_AREA,\n coarseHitArea = DEFAULT_COARSE_HIT_AREA,\n direction = 'positive',\n disabled = () => false,\n onStart,\n onResize,\n onEnd,\n }: ResizableOptions): (() => void) => {\n let state: ResizeState | null = null;\n const cleanup: CleanupStack = [];\n const directionFactor = direction === 'negative' ? -1 : 1;\n\n const syncDisabled = (): boolean => {\n const isDisabled = disabled();\n if (isDisabled) {\n element.setAttribute('data-disabled', '');\n element.setAttribute(MANAGED_DISABLED_ATTR, '');\n handle.setAttribute('data-disabled', '');\n handle.setAttribute(MANAGED_DISABLED_ATTR, '');\n } else {\n if (element.hasAttribute(MANAGED_DISABLED_ATTR)) {\n element.removeAttribute('data-disabled');\n element.removeAttribute(MANAGED_DISABLED_ATTR);\n }\n if (handle.hasAttribute(MANAGED_DISABLED_ATTR)) {\n handle.removeAttribute('data-disabled');\n handle.removeAttribute(MANAGED_DISABLED_ATTR);\n }\n }\n handle.setAttribute('aria-disabled', isDisabled ? 'true' : 'false');\n return isDisabled;\n };\n\n const hitTarget = (): number => {\n const coarse = typeof window !== 'undefined'\n && typeof window.matchMedia === 'function'\n && window.matchMedia('(pointer: coarse)').matches;\n return coarse ? coarseHitArea : hitArea;\n };\n\n const applyHandleBase = (): void => {\n element.setAttribute('data-ui-resizable', '');\n element.dataset.resizeAxis = axis;\n element.dataset.resizeMode = mode;\n element.dataset.resizeDirection = direction;\n handle.setAttribute('data-ui-resize-handle', '');\n handle.setAttribute('role', 'separator');\n handle.setAttribute('tabindex', handle.getAttribute('tabindex') ?? '0');\n handle.setAttribute('aria-orientation', axis === 'x' ? 'vertical' : 'horizontal');\n handle.style.touchAction = 'none';\n if (axis === 'x') handle.style.minWidth = `${hitTarget()}px`;\n else handle.style.minHeight = `${hitTarget()}px`;\n };\n\n const setResizing = (resizing: boolean): void => {\n setPresence({el: element, attr: 'data-resizing', present: resizing});\n setPresence({el: handle, attr: 'data-resizing', present: resizing});\n };\n\n const eventFor = ({phase, delta, input, previewOnly = false}: {\n phase: ResizePhase;\n delta: number;\n input: { clientX: number; clientY: number };\n previewOnly?: boolean;\n }): ResizeEvent => {\n const rect = element.getBoundingClientRect();\n const current = state ?? {\n width: rect.width,\n height: rect.height,\n startWidth: rect.width,\n startHeight: rect.height,\n startClientX: input.clientX,\n startClientY: input.clientY,\n };\n const previewWidth = axis === 'x'\n ? boundNumber(current.startWidth + delta, min, max ?? Number.POSITIVE_INFINITY, step)\n : current.startWidth;\n const previewHeight = axis === 'y'\n ? boundNumber(current.startHeight + delta, min, max ?? Number.POSITIVE_INFINITY, step)\n : current.startHeight;\n const width = previewOnly ? current.width : previewWidth;\n const height = previewOnly ? current.height : previewHeight;\n\n return {width, height, previewWidth, previewHeight, delta, axis, phase, input};\n };\n\n const updateAriaValue = (event: ResizeEvent): void => {\n const value = axis === 'x' ? event.previewWidth : event.previewHeight;\n handle.setAttribute('aria-valuenow', String(Math.round(value)));\n handle.setAttribute('aria-valuemin', String(Math.round(min)));\n if (max !== null) handle.setAttribute('aria-valuemax', String(Math.round(max)));\n else handle.removeAttribute('aria-valuemax');\n };\n\n const emitStart = (input: { clientX: number; clientY: number }): ResizeEvent => {\n const rect = element.getBoundingClientRect();\n state = {\n width: rect.width,\n height: rect.height,\n startWidth: rect.width,\n startHeight: rect.height,\n startClientX: input.clientX,\n startClientY: input.clientY,\n };\n const event = eventFor({phase: 'start', delta: 0, input});\n updateAriaValue(event);\n setResizing(true);\n onStart?.(event);\n return event;\n };\n\n const emitResize = (input: { clientX: number; clientY: number }): ResizeEvent | null => {\n if (!state) return null;\n const physicalDelta = axis === 'x' ? input.clientX - state.startClientX : input.clientY - state.startClientY;\n const delta = physicalDelta * directionFactor;\n const event = eventFor({phase: 'resize', delta, input, previewOnly: mode === 'onEnd'});\n updateAriaValue(event);\n onResize?.(event);\n if (mode === 'onChange') {\n state.width = event.width;\n state.height = event.height;\n }\n return event;\n };\n\n const emitEnd = (input: { clientX: number; clientY: number }): ResizeEvent | null => {\n if (!state) return null;\n const physicalDelta = axis === 'x' ? input.clientX - state.startClientX : input.clientY - state.startClientY;\n const delta = physicalDelta * directionFactor;\n const event = eventFor({phase: 'end', delta, input});\n updateAriaValue(event);\n onEnd?.(event);\n state = null;\n setResizing(false);\n return event;\n };\n\n applyHandleBase();\n syncDisabled();\n updateAriaValue(eventFor({phase: 'start', delta: 0, input: {clientX: 0, clientY: 0}}));\n\n cleanup.push(draggable({\n element: handle,\n canDrag: () => !syncDisabled(),\n getInitialData: () => ({type: 'ui-resizable'}),\n onGenerateDragPreview: disableNativeDragPreview,\n onDragStart: (event) => {\n if (syncDisabled()) return;\n emitStart(initialDragInput(event));\n },\n onDrag: (event) => {\n if (syncDisabled()) return;\n emitResize(currentDragInput(event));\n },\n onDrop: (event) => {\n emitEnd(currentDragInput(event));\n },\n }));\n\n const onKeydown = (event: KeyboardEvent): void => {\n if (syncDisabled()) return;\n\n const multiplier = event.shiftKey ? 10 : 1;\n const amount = step * multiplier;\n let delta: number | null = null;\n\n if (axis === 'x' && event.key === 'ArrowRight') delta = amount;\n if (axis === 'x' && event.key === 'ArrowLeft') delta = -amount;\n if (axis === 'y' && event.key === 'ArrowDown') delta = amount;\n if (axis === 'y' && event.key === 'ArrowUp') delta = -amount;\n if (event.key === 'Home') {\n delta = (min - element.getBoundingClientRect()[axis === 'x' ? 'width' : 'height']) * directionFactor;\n }\n if (event.key === 'End' && max !== null) {\n delta = (max - element.getBoundingClientRect()[axis === 'x' ? 'width' : 'height']) * directionFactor;\n }\n\n if (delta === null) return;\n event.preventDefault();\n\n const input = {clientX: 0, clientY: 0};\n emitStart(input);\n if (state) {\n state.startClientX = 0;\n state.startClientY = 0;\n const resizeInput = axis === 'x' ? {clientX: delta, clientY: 0} : {clientX: 0, clientY: delta};\n emitResize(resizeInput);\n emitEnd(resizeInput);\n }\n };\n\n handle.addEventListener('keydown', onKeydown);\n cleanup.push(() => handle.removeEventListener('keydown', onKeydown));\n\n return () => {\n cleanup.forEach((cleanupItem) => cleanupItem());\n setResizing(false);\n };\n};\n\nconst registerResizable = (AlpineInstance: Alpine.Alpine): void => {\n if (typeof AlpineInstance.directive !== 'function') return;\n\n AlpineInstance.directive('ui-resizable', (el, {value, expression}, {cleanup}) => {\n if (!(el instanceof HTMLElement) || value === 'handle') return;\n\n const root = el;\n const handle = root.querySelector<HTMLElement>(HANDLE_SELECTOR);\n if (!handle) return;\n\n const props = decodeProps({el: root, schema: resizableSchema});\n const axis = props.resizeAxis;\n const min = parseLength({\n value: props.resizeMin,\n element: root,\n axis,\n fallback: DEFAULT_MIN,\n });\n const maxValue = props.resizeMax;\n const max = maxValue ? parseLength({\n value: maxValue,\n element: root,\n axis,\n fallback: Number.POSITIVE_INFINITY\n }) : null;\n const mode = props.resizeMode;\n const evaluator = expression\n ? AlpineInstance.evaluateLater(root, expression)\n : null;\n\n const notify = (event: ResizeEvent): void => {\n const eventName = event.phase === 'start'\n ? 'ui:resize-start'\n : event.phase === 'end'\n ? 'ui:resize-end'\n : 'ui:resize';\n\n dispatch({el: root, name: eventName, detail: event});\n if (!evaluator) return;\n if (mode === 'onEnd' && event.phase === 'resize') return;\n evaluator(undefined, detailFromResize(event));\n };\n\n cleanup(createResizable({\n element: root,\n handle,\n axis,\n min,\n max: max === Number.POSITIVE_INFINITY ? null : max,\n step: props.resizeStep,\n mode,\n hitArea: props.resizeHitArea,\n coarseHitArea: props.resizeCoarseHitArea,\n direction: props.resizeDirection,\n disabled: () => root.hasAttribute('data-disabled')\n && !root.hasAttribute(MANAGED_DISABLED_ATTR)\n || root.hasAttribute('data-resize-disabled')\n || (root.dataset.disabled === 'true' && !root.hasAttribute(MANAGED_DISABLED_ATTR)),\n onStart: notify,\n onResize: notify,\n onEnd: notify,\n }));\n });\n};\n\nexport {createResizable, registerResizable};\nexport type {ResizableOptions, ResizeAxis, ResizeDirection, ResizeEvent, ResizeMode, ResizePhase};\nexport {createSortableRegistry, sortable} from './sortable';\nexport type {\n SortableAnchor,\n SortableCancelReason,\n SortableCanDropContext,\n SortableDirection,\n SortableDragDetail,\n SortableDropDetail,\n SortableEdge,\n SortableFeedback,\n SortableGroup,\n SortableIndicatorFrame,\n SortableInsertSource,\n SortableMoveSource,\n SortableOperation,\n SortableOrientation,\n SortablePlacement,\n SortableReorderOffset,\n SortableSource,\n UiSortableService,\n} from './sortable';\n"],"x_google_ignoreList":[0,1,2,3,4,5,6],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{c as e,f as t,l as n,n as r,o as i}from"./codecs-Cb1ns_47.js";import{t as a}from"./fragment-Bl3Rq38L.js";import{t as o}from"./alpine-data-CytyCyfk.js";import{n as s,r as c,t as l}from"./virtual-window-BHdOw3Pi.js";var u={fetchUrl:t,totalItems:e.min(0).default(0),itemSize:e.min(2**-52).default(36),bufferSize:e.min(1).default(50),overscan:e.min(0).default(0),axis:n([`vertical`],`vertical`),initialIndex:e.min(0).default(0),startParam:t.default(`start`),countParam:t.default(`count`),totalParam:t.default(`total`),windowParam:t.default(`window`),totalHeader:t.default(`X-Trellis-Total-Items`),assetsHeader:t.default(`X-Trellis-Assets`),metaSelector:t.default(`template[data-ui-virtualizer-meta]`),scrollArea:r.default(!0),fill:r.default(!0),class:t,scrollAreaClass:t,viewportClass:t,spacerClass:t,blockClass:t},d=(e,t=0)=>Math.max(t,Math.floor(Number.isFinite(e)?e:t)),f=e=>{let t=null,n=null,r=null,o=[],f=0,p=``,m=null,h=0,g=0,_=!1,v=null,y=!1,b=new Map,x=l(s),S=(e,n)=>{t?.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:n}))},C=()=>{!t||!r||(t.toggleAttribute(`data-loading`,g>0),t.toggleAttribute(`data-empty`,f===0),r.style.height=`${Math.max(f*M.props.itemSize,M.props.itemSize)}px`)},w=e=>{let t=d(e);t!==f&&(f=t,C(),S(`ui:virtualizer-total-change`,{totalItems:f}),S(`ui:virtualizer-axis-total-change`,{axis:`y`,total:f,window:null}))},T=e=>s.compute({axes:{y:{total:f,itemSize:M.props.itemSize,viewportSize:M.props.bufferSize*M.props.itemSize,scrollOffset:e*M.props.itemSize,buffer:0}}}),E=e=>{if(f===0)return[];let t=d(M.props.bufferSize,1),n=Math.min(f-1,Math.floor(Math.max(0,e)/M.props.itemSize)),r=Math.floor(n/t)*t,i=Math.floor((f-1)/t)*t,a=[r-t,r,r+t].map(e=>Math.min(i,Math.max(0,e)));return r===0&&i>t?a.splice(0,3,0,t,Math.min(i,t*2)):r===i&&i>t&&a.splice(0,3,Math.max(0,i-t*2),i-t,i),[...new Set(a)].map(T)},D=e=>{let t=e.axes.y;if(!t)throw Error(`Vertical virtualizer requires a y window.`);let n=new URL(M.props.fetchUrl,document.baseURI);return n.searchParams.set(M.props.startParam,String(t.start)),n.searchParams.set(M.props.countParam,String(t.count)),n.searchParams.set(M.props.totalParam,String(t.total)),/^[a-z][a-z\d+.-]*:/i.test(M.props.fetchUrl)||M.props.fetchUrl.startsWith(`//`)?n.href:`${n.pathname}${n.search}${n.hash}`},O=()=>{if(g=Math.max(0,g-1),C(),g>0||m===null||_)return;let e=m;m=null,A(e)},k=async(r,i,o)=>{let s=i.axes.y;if(!s)return;let l=new AbortController;b.set(r.key,l),g+=1,C(),t?.removeAttribute(`data-error`),S(`ui:virtualizer-load-start`,{block:r.key,window:i});try{let u=globalThis.crypto?.randomUUID?.()??`${Date.now()}-${o.requestGeneration}`,d=await fetch(D(i),{method:`GET`,headers:{Accept:`text/html`,"X-Trellis-Virtualizer":`true`,"X-Trellis-Request-ID":u},signal:l.signal});if(!d.ok&&d.status!==204){x.fail(o),t?.setAttribute(`data-error`,``),S(`ui:virtualizer-error`,{block:r.key,window:i,status:d.status});return}let f=await c(d,M.props);if(x.pending(r.key)!==o||_)return;let p=r.element.contains(document.activeElement);if(!await a(e,r.element,f.html,{assets:f.assets,shouldReplace:()=>x.pending(r.key)===o&&!_})||(p&&n?.focus({preventScroll:!0}),f.totalItems!==null&&w(f.totalItems),!x.commit(o,i)))return;r.element.style.height=`${s.count*M.props.itemSize}px`,r.element.style.transform=`translateY(${s.translateOffset}px)`,S(`ui:virtualizer-load`,{block:r.key,window:i})}catch(e){if(l.signal.aborted)return;x.fail(o),t?.setAttribute(`data-error`,``),S(`ui:virtualizer-error`,{block:r.key,window:i,status:0,error:e})}finally{b.get(r.key)===l&&b.delete(r.key),O()}},A=t=>{if(g>0){m=t;return}let n=E(t),r=n.map(e=>e.key).join(`,`),i=Math.min(Math.max(0,f-1),Math.floor(Math.max(0,t)/M.props.itemSize)),s=n.find(e=>{let t=e.axes.y;return t&&i>=t.start&&i<t.start+t.count})??n[0];if(s&&p!==s.key){p=s.key;let e=s.axes.y;S(`ui:virtualizer-window`,{window:s}),S(`ui:virtualizer-range`,{start:e.start,count:e.count,end:e.start+e.count,window:s})}if(!r){o.forEach(t=>void a(e,t.element,``));return}let c=new Set;n.forEach(e=>{let t=o.find(t=>x.mounted(t.key)?.key===e.key);t&&c.add(t)});let l=o.filter(e=>!c.has(e));n.forEach(e=>{if(o.some(t=>x.mounted(t.key)?.key===e.key))return;let t=l.shift();if(!t)return;let n=x.begin(t.key,e);n&&k(t,e,n)})},j=()=>{b.forEach(e=>e.abort()),b.clear(),g=0,m=null,p=``,x.invalidate(),o.forEach(t=>{t.element.style.height=``,t.element.style.transform=``,a(e,t.element,``)}),C()},M={props:null,init(){if(t=this.$el,_=!1,this.props=i({el:t,schema:u,onChange:(e,t)=>{y||(t.some(({key:e})=>e===`totalItems`)?(w(this.props.totalItems),this.reload()):t.some(({key:e})=>[`fetchUrl`,`itemSize`,`bufferSize`].includes(e))&&this.reload())}}),f=d(this.props.totalItems),n=t.querySelector(`[data-ui-scroll-area-viewport]`)??t,r=t.querySelector(`[data-ui-virtualizer-spacer]`),o=Array.from(t.querySelectorAll(`[data-ui-virtualizer-block]`)).slice(0,3).map((e,t)=>({element:e,key:`block-${t+1}`})),!r||o.length!==3)throw Error(`Virtualizer requires one spacer and three block containers.`);n.style.overscrollBehavior=`contain`,n.style.overflowAnchor=`none`,v=new AbortController,n.addEventListener(`scroll`,()=>{h||=requestAnimationFrame(()=>{h=0,n&&A(n.scrollTop)})},{passive:!0,signal:v.signal}),n.scrollTop=s.scrollTo({total:f,itemSize:this.props.itemSize,viewportSize:n.clientHeight,scrollOffset:0,buffer:this.props.bufferSize},{axis:`y`,index:this.props.initialIndex}),C(),A(n.scrollTop)},destroy(){_=!0,h&&cancelAnimationFrame(h),v?.abort(),v=null,j(),this.props.disconnect(),t=null,n=null,r=null,o=[]},scrollToIndex(e,t=`start`){n&&(n.scrollTop=s.scrollTo({total:f,itemSize:this.props.itemSize,viewportSize:n.clientHeight,scrollOffset:n.scrollTop,buffer:this.props.bufferSize},{axis:`y`,index:e,align:t}),A(n.scrollTop))},setTotalItems(e){w(e);let t=n?.scrollTop;this.reload(t===void 0?{}:{scrollTop:t})},setUrl(e,t={}){y=!0,this.props.fetchUrl=String(e),y=!1,t.reset??!0?this.reset():this.reload()},reset(e={}){this.reload({scrollTop:e.scrollTop??0})},reload(e={}){let t=e.scrollTop??n?.scrollTop??0;j(),n&&(n.scrollTop=Math.max(0,t)),A(t)}};return M},p=e=>{o(`UiVirtualizer`,()=>f(e))(e)},m=new WeakSet,h=e=>{m.has(e)||(m.add(e),p(e))};export{f as n,h as t};
|
|
2
|
+
//# sourceMappingURL=entry.generated-B2rTvkxi.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"entry.generated-B2rTvkxi.js","names":[],"sources":["../../../../../../../../client/src/components/virtualizer/contract.ts","../../../../../../../../client/src/components/virtualizer/index.ts","../../../../../../../../client/src/components/virtualizer/entry.generated.ts"],"sourcesContent":["import {bool, number, oneOf, string, type SchemaToProps} from '../../runtime';\n\nconst VIRTUALIZER_AXES = ['vertical'] as const;\ntype VirtualizerAxis = typeof VIRTUALIZER_AXES[number];\n\nconst virtualizerSchema = {\n fetchUrl: string,\n totalItems: number.min(0).default(0),\n itemSize: number.min(Number.EPSILON).default(36),\n bufferSize: number.min(1).default(50),\n overscan: number.min(0).default(0),\n axis: oneOf(VIRTUALIZER_AXES, 'vertical' as VirtualizerAxis),\n initialIndex: number.min(0).default(0),\n startParam: string.default('start'),\n countParam: string.default('count'),\n totalParam: string.default('total'),\n windowParam: string.default('window'),\n totalHeader: string.default('X-Trellis-Total-Items'),\n assetsHeader: string.default('X-Trellis-Assets'),\n metaSelector: string.default('template[data-ui-virtualizer-meta]'),\n scrollArea: bool.default(true),\n fill: bool.default(true),\n class: string,\n scrollAreaClass: string,\n viewportClass: string,\n spacerClass: string,\n blockClass: string,\n};\n\ntype VirtualizerProps = SchemaToProps<typeof virtualizerSchema>;\n\nexport {VIRTUALIZER_AXES, virtualizerSchema};\nexport type {VirtualizerAxis, VirtualizerProps};\n","import type Alpine from 'alpinejs';\n\nimport {\n createVirtualWindowController,\n defineAlpineData,\n defineProps,\n fixedAxisWindowAdapter,\n parseVirtualizerFragmentResponse,\n replaceFragmentChildren,\n type FixedAxisWindow,\n type PropState,\n type TrellisAlpineComponent,\n type VirtualScrollAlign,\n type VirtualWindowRequest,\n} from '@client/runtime';\nimport {virtualizerSchema} from './contract';\n\ntype ResetOptions = {scrollTop?: number};\ntype SetUrlOptions = {reset?: boolean};\n\n/** Public Alpine API for `ui.virtualizer`. @public */\ninterface UiVirtualizerApi {\n /** Scrolls a logical item into the requested vertical alignment. */\n scrollToIndex(index: number, align?: VirtualScrollAlign): void;\n /** Replaces the known logical item count and reloads mounted ranges. */\n setTotalItems(count: number): void;\n /** Replaces the fragment endpoint and optionally resets to the top. */\n setUrl(url: string, options?: SetUrlOptions): void;\n /** Invalidates all blocks and reloads them around a scroll position. */\n reset(options?: ResetOptions): void;\n /** Reloads all blocks without changing the fragment endpoint. */\n reload(options?: ResetOptions): void;\n}\n\ntype VirtualizerData = UiVirtualizerApi & {\n props: PropState<typeof virtualizerSchema>;\n init(): void;\n destroy(): void;\n};\n\ntype BlockRecord = {\n key: string;\n element: HTMLElement;\n};\n\nconst integer = (value: number, minimum = 0): number => (\n Math.max(minimum, Math.floor(Number.isFinite(value) ? value : minimum))\n);\n\nconst UiVirtualizer = (AlpineInstance: Alpine.Alpine): TrellisAlpineComponent<VirtualizerData> => {\n let root: HTMLElement | null = null;\n let viewport: HTMLElement | null = null;\n let spacer: HTMLElement | null = null;\n let blocks: BlockRecord[] = [];\n let totalItems = 0;\n let currentWindowKey = '';\n let latestScrollTop: number | null = null;\n let scrollFrame = 0;\n let loading = 0;\n let destroyed = false;\n let listenerAborter: AbortController | null = null;\n let suppressPropReload = false;\n const aborters = new Map<string, AbortController>();\n const controller = createVirtualWindowController(fixedAxisWindowAdapter);\n\n const dispatch = (name: string, detail: Record<string, unknown>): void => {\n root?.dispatchEvent(new CustomEvent(name, {bubbles: true, composed: true, detail}));\n };\n const syncState = (): void => {\n if (!root || !spacer) return;\n root.toggleAttribute('data-loading', loading > 0);\n root.toggleAttribute('data-empty', totalItems === 0);\n spacer.style.height = `${Math.max(totalItems * component.props.itemSize, component.props.itemSize)}px`;\n };\n const updateTotal = (next: number): void => {\n const normalized = integer(next);\n if (normalized === totalItems) return;\n totalItems = normalized;\n syncState();\n dispatch('ui:virtualizer-total-change', {totalItems});\n dispatch('ui:virtualizer-axis-total-change', {axis: 'y', total: totalItems, window: null});\n };\n const blockWindow = (start: number): FixedAxisWindow => fixedAxisWindowAdapter.compute({axes: {\n y: {\n total: totalItems,\n itemSize: component.props.itemSize,\n viewportSize: component.props.bufferSize * component.props.itemSize,\n scrollOffset: start * component.props.itemSize,\n buffer: 0,\n },\n }});\n const desiredWindows = (scrollTop: number): FixedAxisWindow[] => {\n if (totalItems === 0) return [];\n const size = integer(component.props.bufferSize, 1);\n const index = Math.min(totalItems - 1, Math.floor(Math.max(0, scrollTop) / component.props.itemSize));\n const center = Math.floor(index / size) * size;\n const last = Math.floor((totalItems - 1) / size) * size;\n const starts = [center - size, center, center + size]\n .map((start) => Math.min(last, Math.max(0, start)));\n if (center === 0 && last > size) starts.splice(0, 3, 0, size, Math.min(last, size * 2));\n else if (center === last && last > size) starts.splice(0, 3, Math.max(0, last - (size * 2)), last - size, last);\n return [...new Set(starts)].map(blockWindow);\n };\n const requestUrl = (window: FixedAxisWindow): string => {\n const axis = window.axes.y;\n if (!axis) throw new Error('Vertical virtualizer requires a y window.');\n const url = new URL(component.props.fetchUrl, document.baseURI);\n url.searchParams.set(component.props.startParam, String(axis.start));\n url.searchParams.set(component.props.countParam, String(axis.count));\n url.searchParams.set(component.props.totalParam, String(axis.total));\n return /^[a-z][a-z\\d+.-]*:/i.test(component.props.fetchUrl) || component.props.fetchUrl.startsWith('//')\n ? url.href\n : `${url.pathname}${url.search}${url.hash}`;\n };\n const settle = (): void => {\n loading = Math.max(0, loading - 1);\n syncState();\n if (loading > 0 || latestScrollTop === null || destroyed) return;\n const scrollTop = latestScrollTop;\n latestScrollTop = null;\n reconcile(scrollTop);\n };\n const load = async (\n block: BlockRecord,\n window: FixedAxisWindow,\n request: VirtualWindowRequest<FixedAxisWindow>,\n ): Promise<void> => {\n const axis = window.axes.y;\n if (!axis) return;\n const aborter = new AbortController();\n aborters.set(block.key, aborter);\n loading += 1;\n syncState();\n root?.removeAttribute('data-error');\n dispatch('ui:virtualizer-load-start', {block: block.key, window});\n try {\n const requestId = globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${request.requestGeneration}`;\n const response = await fetch(requestUrl(window), {\n method: 'GET',\n headers: {\n Accept: 'text/html',\n 'X-Trellis-Virtualizer': 'true',\n 'X-Trellis-Request-ID': requestId,\n },\n signal: aborter.signal,\n });\n if (!response.ok && response.status !== 204) {\n controller.fail(request);\n root?.setAttribute('data-error', '');\n dispatch('ui:virtualizer-error', {block: block.key, window, status: response.status});\n return;\n }\n const payload = await parseVirtualizerFragmentResponse(response, component.props);\n if (controller.pending(block.key) !== request || destroyed) return;\n const hadFocus = block.element.contains(document.activeElement);\n const replaced = await replaceFragmentChildren(AlpineInstance, block.element, payload.html, {\n assets: payload.assets,\n shouldReplace: () => controller.pending(block.key) === request && !destroyed,\n });\n if (!replaced) return;\n if (hadFocus) viewport?.focus({preventScroll: true});\n if (payload.totalItems !== null) updateTotal(payload.totalItems);\n if (!controller.commit(request, window)) return;\n block.element.style.height = `${axis.count * component.props.itemSize}px`;\n block.element.style.transform = `translateY(${axis.translateOffset}px)`;\n dispatch('ui:virtualizer-load', {block: block.key, window});\n } catch (error) {\n if (aborter.signal.aborted) return;\n controller.fail(request);\n root?.setAttribute('data-error', '');\n dispatch('ui:virtualizer-error', {block: block.key, window, status: 0, error});\n } finally {\n if (aborters.get(block.key) === aborter) aborters.delete(block.key);\n settle();\n }\n };\n const reconcile = (scrollTop: number): void => {\n if (loading > 0) {\n latestScrollTop = scrollTop;\n return;\n }\n const desired = desiredWindows(scrollTop);\n const signature = desired.map((window) => window.key).join(',');\n const logicalIndex = Math.min(\n Math.max(0, totalItems - 1),\n Math.floor(Math.max(0, scrollTop) / component.props.itemSize),\n );\n const center = desired.find((window) => {\n const axis = window.axes.y;\n return axis && logicalIndex >= axis.start && logicalIndex < axis.start + axis.count;\n }) ?? desired[0];\n if (center && currentWindowKey !== center.key) {\n currentWindowKey = center.key;\n const axis = center.axes.y!;\n dispatch('ui:virtualizer-window', {window: center});\n dispatch('ui:virtualizer-range', {\n start: axis.start,\n count: axis.count,\n end: axis.start + axis.count,\n window: center,\n });\n }\n if (!signature) {\n blocks.forEach((block) => void replaceFragmentChildren(AlpineInstance, block.element, ''));\n return;\n }\n\n const preserved = new Set<BlockRecord>();\n desired.forEach((window) => {\n const existing = blocks.find((block) => controller.mounted(block.key)?.key === window.key);\n if (existing) preserved.add(existing);\n });\n const available = blocks.filter((block) => !preserved.has(block));\n desired.forEach((window) => {\n if (blocks.some((block) => controller.mounted(block.key)?.key === window.key)) return;\n const block = available.shift();\n if (!block) return;\n const request = controller.begin(block.key, window);\n if (request) void load(block, window, request);\n });\n };\n const invalidate = (): void => {\n aborters.forEach((aborter) => aborter.abort());\n aborters.clear();\n loading = 0;\n latestScrollTop = null;\n currentWindowKey = '';\n controller.invalidate();\n blocks.forEach((block) => {\n block.element.style.height = '';\n block.element.style.transform = '';\n void replaceFragmentChildren(AlpineInstance, block.element, '');\n });\n syncState();\n };\n\n const component: TrellisAlpineComponent<VirtualizerData> = {\n props: null as unknown as PropState<typeof virtualizerSchema>,\n init(): void {\n root = this.$el;\n destroyed = false;\n this.props = defineProps({\n el: root,\n schema: virtualizerSchema,\n onChange: (_state, changes) => {\n if (suppressPropReload) return;\n if (changes.some(({key}) => key === 'totalItems')) {\n updateTotal(this.props.totalItems);\n this.reload();\n } else if (changes.some(({key}) => ['fetchUrl', 'itemSize', 'bufferSize'].includes(key))) {\n this.reload();\n }\n },\n });\n totalItems = integer(this.props.totalItems);\n viewport = root.querySelector<HTMLElement>('[data-ui-scroll-area-viewport]') ?? root;\n spacer = root.querySelector<HTMLElement>('[data-ui-virtualizer-spacer]');\n blocks = Array.from(root.querySelectorAll<HTMLElement>('[data-ui-virtualizer-block]'))\n .slice(0, 3)\n .map((element, index) => ({element, key: `block-${index + 1}`}));\n if (!spacer || blocks.length !== 3) throw new Error('Virtualizer requires one spacer and three block containers.');\n viewport.style.overscrollBehavior = 'contain';\n viewport.style.overflowAnchor = 'none';\n listenerAborter = new AbortController();\n viewport.addEventListener('scroll', () => {\n if (scrollFrame) return;\n scrollFrame = requestAnimationFrame(() => {\n scrollFrame = 0;\n if (viewport) reconcile(viewport.scrollTop);\n });\n }, {passive: true, signal: listenerAborter.signal});\n viewport.scrollTop = fixedAxisWindowAdapter.scrollTo({\n total: totalItems,\n itemSize: this.props.itemSize,\n viewportSize: viewport.clientHeight,\n scrollOffset: 0,\n buffer: this.props.bufferSize,\n }, {axis: 'y', index: this.props.initialIndex});\n syncState();\n reconcile(viewport.scrollTop);\n },\n destroy(): void {\n destroyed = true;\n if (scrollFrame) cancelAnimationFrame(scrollFrame);\n listenerAborter?.abort();\n listenerAborter = null;\n invalidate();\n this.props.disconnect();\n root = null;\n viewport = null;\n spacer = null;\n blocks = [];\n },\n scrollToIndex(index, align = 'start'): void {\n if (!viewport) return;\n viewport.scrollTop = fixedAxisWindowAdapter.scrollTo({\n total: totalItems,\n itemSize: this.props.itemSize,\n viewportSize: viewport.clientHeight,\n scrollOffset: viewport.scrollTop,\n buffer: this.props.bufferSize,\n }, {axis: 'y', index, align});\n reconcile(viewport.scrollTop);\n },\n setTotalItems(count): void {\n updateTotal(count);\n const scrollTop = viewport?.scrollTop;\n this.reload(scrollTop === undefined ? {} : {scrollTop});\n },\n setUrl(url, options = {}): void {\n suppressPropReload = true;\n this.props.fetchUrl = String(url);\n suppressPropReload = false;\n if (options.reset ?? true) this.reset();\n else this.reload();\n },\n reset(options = {}): void {\n this.reload({scrollTop: options.scrollTop ?? 0});\n },\n reload(options = {}): void {\n const scrollTop = options.scrollTop ?? viewport?.scrollTop ?? 0;\n invalidate();\n if (viewport) viewport.scrollTop = Math.max(0, scrollTop);\n reconcile(scrollTop);\n },\n };\n return component;\n};\n\nconst registerVirtualizer = (AlpineInstance: Alpine.Alpine): void => {\n defineAlpineData('UiVirtualizer', () => UiVirtualizer(AlpineInstance))(AlpineInstance);\n};\n\nexport {registerVirtualizer, UiVirtualizer};\nexport type {\n ResetOptions,\n SetUrlOptions,\n UiVirtualizerApi,\n VirtualizerData,\n VirtualScrollAlign,\n};\n","// Generated by scripts/generate_component_entries.mjs from packages/client/component-entries.json.\n// Do not edit by hand.\nimport type {Alpine as AlpineType} from 'alpinejs';\n\nimport {registerVirtualizer as registerComponent} from './index';\n\nconst registered = new WeakSet<AlpineType>();\n\nconst registerVirtualizer = (AlpineInstance: AlpineType): void => {\n if (registered.has(AlpineInstance)) return;\n registered.add(AlpineInstance);\n\n registerComponent(AlpineInstance);\n};\n\nexport {registerVirtualizer};\nexport default registerVirtualizer;\nexport * from './index';\n"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{d as e}from"./ui-BWVDkV-D.js";import{t}from"./capability-motion-VFYcNVM5.js";import{c as n,f as r,l as i,n as a,s as o,u as s}from"./codecs-Cb1ns_47.js";import{n as c,r as l,s as u,t as d}from"./dom-qAeVl7dc.js";import{i as f,t as ee}from"./alpine-machine-BS13dbK4.js";import{t as p}from"./alpine-data-CytyCyfk.js";import{t as m}from"./anchored-popover-BXEMsLrA.js";import{n as h,t as g}from"./styles-TfvwVPGw.js";import{t as te}from"./merge-bindings-C8ewA_FD.js";import{t as ne}from"./machine-Dqut4h89.js";import{n as _,t as v}from"./props-change-2xfsIAEN.js";import{t as re}from"./dismissable-layer-BROE-Ln2.js";import{i as ie,n as ae,r as oe,t as se}from"./form-control-BkVb2Qed.js";import{o as ce}from"./focus-scope-DtaPVNl5.js";import{t as le}from"./semantic-observer-BUswpsNx.js";import{n as y,t as b}from"./scroll-lock-DOw7dmi1.js";import{D as x,S,T as C,a as w,b as T,d as ue,f as E,g as D,i as O,m as de,n as k,o as A,p as fe,r as j,s as pe,t as me,u as M,w as N,x as P}from"./common-BOd_thC-.js";var F=e=>e.trim().toLowerCase(),he=e=>{if(e)try{return JSON.parse(e)}catch{return}},ge=(e,t)=>{if(!(!t||e==null))return t.split(`.`).reduce((e,t)=>{if(!(typeof e!=`object`||!e))return e[t]},e)},_e=g({definition:{component:`ui.badge`,parts:{root:{base:[`inline-flex min-w-0 shrink-0 select-none items-center justify-center gap-1 whitespace-nowrap font-badge outline-none`,`data-disabled:pointer-events-none`],variants:{variant:{soft:``,surface:``,outline:``,solid:``},color:{neutral:``,accent:``,success:``,warning:``,danger:``},size:{xs:`min-h-control-xs px-badge-padding-xs text-badge-xs [font-weight:var(--font-weight-badge-xs)]`,sm:`min-h-control-sm px-badge-padding-sm text-badge-sm [font-weight:var(--font-weight-badge-sm)]`,md:`min-h-control-md px-badge-padding-md text-badge-md [font-weight:var(--font-weight-badge-md)]`,lg:`min-h-control-lg px-badge-padding-lg text-badge-lg [font-weight:var(--font-weight-badge-lg)]`,xlg:`min-h-control-xlg px-badge-padding-xlg text-badge-xlg [font-weight:var(--font-weight-badge-xlg)]`},radius:w,insetLeft:{true:``,false:``},insetRight:{true:``,false:``},insetTop:{true:`-mt-1`,false:``},insetBottom:{true:`-mb-1`,false:``}},compounds:[{when:{insetLeft:!0,size:`xs`},class:`-ml-1.5`},{when:{insetLeft:!0,size:`sm`},class:`-ml-2`},{when:{insetLeft:!0,size:`md`},class:`-ml-2.5`},{when:{insetRight:!0,size:`xs`},class:`-mr-1.5`},{when:{insetRight:!0,size:`sm`},class:`-mr-2`},{when:{insetRight:!0,size:`md`},class:`-mr-2.5`}],defaults:{variant:`soft`,color:`neutral`,size:`sm`,radius:`sm`,insetLeft:!1,insetRight:!1,insetTop:!1,insetBottom:!1}},label:{base:`contents`},icon:{base:`shrink-0 fill-current text-current`,variants:{size:{xs:`size-icon-xs`,sm:`size-icon-xs`,md:`size-icon-sm`,lg:`size-icon-sm`,xlg:`size-icon`},position:{leading:``,trailing:``}},defaults:{size:`sm`,position:`leading`}},close:{base:[`-mr-1 inline-flex shrink-0 items-center justify-center rounded-full text-current outline-none`,`data-disabled:pointer-events-none`],variants:{size:{xs:`size-badge-close-xs`,sm:`size-badge-close-sm`,md:`size-badge-close-md`,lg:`size-badge-close-lg`,xlg:`size-badge-close-xlg`}},defaults:{size:`sm`}},closeIcon:{base:`size-icon-xs shrink-0 fill-current text-current`}}}}),I=[`soft`,`surface`,`outline`,`solid`],L=[`neutral`,`accent`,`success`,`warning`,`danger`],ve=A,R=[`span`,`button`],z=k,B=D,V=j;i(I,`soft`),i(L,`neutral`),i(ve,`sm`),i(V,`sm`),i(R,`span`),i(z,`button`),i(B,`mini`),i(z,`button`),r.default(`close`),i(B,`mini`),i(ve,`sm`),r.default(`Remove`);var ye=[`listbox`,`combobox`,`pillbox`,`native`],be=pe,xe=A,Se=j,Ce=C,H=me,we=D,Te=[`stay`,`close`],Ee=[`check`,`checkbox`,`none`],De=x,Oe=M,U={name:r,optionsId:r,value:r,values:o.array([]),placeholder:r,mode:i(ye,`listbox`),multiple:a,searchable:a,virtualized:a,optionsFetchUrl:r,optionsTotalItems:n.min(0).default(0),optionItemSize:n.min(2**-52).default(36),optionBufferSize:n.min(1).default(50),optionOverscan:n.min(0).default(0),optionSearchParam:r.default(`q`),optionSearchDebounce:n.min(0).default(150),selectedLabelMap:o.object({}),creatable:a,filter:a.default(!0),clearable:a,clear:i(Te,`stay`),suffix:r.default(`selected`),mark:i(Ee,`check`),open:a,disabled:a,readonly:a,required:a,invalid:a,autoHighlight:a.default(!0),loop:a.default(!0),path:r,size:i(xe,`lg`),variant:i(be,`outline`),radius:i(Se,`md`),surface:i(De,`+2`),elevation:i(Oe,`3`),side:i(Ce,`bottom`),align:i(H,`start`),offset:n.clamp(-100,100).default(0),gap:n.clamp(0,50).default(4),empty:r.default(`No results found.`),icon:r,iconTrailing:r.default(`chevron__down`),iconVariant:i(we,`outline`),buttonClass:r,inputClass:r,listboxClass:r,optionClass:r,chipVariant:i(I,`soft`),chipColor:i(L,`neutral`),chipClass:r,class:r};i(we,`outline`),n.clamp(0,100).default(0);var ke=[f({name:`opening`,state:`disclosure.opening`,project:()=>({}),onDone:`OPENING_DONE`,onError:`OPENING_ERROR`,sends:{close:()=>({type:`CLOSE`})}}),f({name:`closing`,state:`disclosure.closing`,project:()=>({}),onDone:`CLOSING_DONE`,onError:`CLOSING_ERROR`,sends:{open:()=>({type:`OPEN`})}}),f({name:`searching`,state:`feature.searching`,project:e=>({query:e.context.search.query,optionsId:e.context.search.optionsId}),onDone:`SEARCHING_DONE`,onError:`SEARCHING_ERROR`,sends:{search:e=>({type:`SEARCH`,query:e}),close:()=>({type:`CLOSE`})}}),f({name:`creating`,state:`feature.creating`,project:e=>({query:e.context.search.query,value:e.context.creation.value}),onDone:`CREATING_DONE`,onError:`CREATING_ERROR`,sends:{close:()=>({type:`CLOSE`})}})],W=e=>_(e)?.props??null,Ae=e=>e.disabled||e.readonly,je=({event:e})=>{let t=W(e);return!t||Ae(t)||!t.open?!1:v(e,`open`,`disabled`,`readonly`)},G=({event:e})=>{let t=W(e);return t?v(e,`open`)&&!t.open||v(e,`disabled`)&&t.disabled||v(e,`readonly`)&&t.readonly:!1},Me=({event:e})=>{let t=W(e);return!!(t&&(v(e,`disabled`)&&t.disabled||v(e,`readonly`)&&t.readonly||v(e,`searchable`)&&!t.searchable))},Ne=e=>!Array.isArray(e.values)||!Array.isArray(e.labels)?null:{values:e.values.filter(e=>typeof e==`string`),labels:e.labels.filter(e=>typeof e==`string`)},Pe=({props:e,context:t,effects:n})=>ne({type:`parallel`,states:{disclosure:{initial:`closed`,states:{closed:{tags:[`closed`],on:{OPEN:{target:`opening`,guard:`canOpen`,effects:`prepareOpen`},TOGGLE:{target:`opening`,guard:`canOpen`,effects:`prepareOpen`},SEARCH:{target:`opening`,guard:`canOpen`,effects:`prepareOpen`},PROPS_CHANGED:{target:`opening`,guard:je,effects:`prepareOpen`}}},opening:{tags:[`visible`,`expanded`,`interactive`,`transitioning`],on:{OPENING_DONE:{target:`open`,effects:`finishOpen`},OPENING_ERROR:{target:`open`,effects:`finishOpen`},CLOSE:{target:`closing`,effects:`prepareClose`},TOGGLE:{target:`closing`,effects:`prepareClose`},CREATE:{target:`closing`,effects:`prepareClose`},SELECT:{target:`closing`,guard:`single`,effects:`prepareClose`},CLEAR:{target:`closing`,guard:`clearCloses`,effects:`prepareClose`},PROPS_CHANGED:{target:`closing`,guard:G,effects:`prepareClose`}}},open:{tags:[`visible`,`expanded`,`interactive`,`open`],on:{CLOSE:{target:`closing`,effects:`prepareClose`},TOGGLE:{target:`closing`,effects:`prepareClose`},CREATE:{target:`closing`,effects:`prepareClose`},SELECT:{target:`closing`,guard:`single`,effects:`prepareClose`},CLEAR:{target:`closing`,guard:`clearCloses`,effects:`prepareClose`},PROPS_CHANGED:{target:`closing`,guard:G,effects:`prepareClose`}}},closing:{tags:[`visible`,`transitioning`],on:{CLOSING_DONE:{target:`closed`,effects:`finishClose`},CLOSING_ERROR:{target:`closed`,effects:`finishClose`},OPEN:{target:`opening`,guard:`canOpen`,effects:`prepareOpen`},TOGGLE:{target:`opening`,guard:`canOpen`,effects:`prepareOpen`},SEARCH:{target:`opening`,guard:`canOpen`,effects:`prepareOpen`},PROPS_CHANGED:{target:`opening`,guard:je,effects:`prepareOpen`}}}}},feature:{initial:`idle`,on:{SELECT:{reduce:`replaceSelection`,effects:`commitSelection`},DESELECT:{reduce:`replaceSelection`,effects:`commitSelection`},SELECT_ALL:{reduce:`replaceSelection`,effects:`commitSelection`},RECONCILE_SELECTION:{reduce:`replaceSelection`,effects:`syncActive`},CLEAR:{reduce:`clear`,effects:`commitSelection`},ACTIVE:{reduce:`setActive`,effects:`syncActive`},OPTIONS_CHANGED:{effects:`syncOptions`},CLOSING_DONE:{reduce:`resetTransient`,effects:`syncActive`},CLOSING_ERROR:{reduce:`resetTransient`,effects:`syncActive`}},states:{idle:{on:{CLOSE:{},SEARCH:{target:`searching`,reduce:`setSearch`,effects:`commitSearch`},CREATE:{target:`creating`,reduce:`setCreation`,effects:`prepareCreate`},PROPS_CHANGED:{reduce:`replaceProps`,effects:`syncProps`}}},searching:{tags:[`searching`],on:{SEARCH:{target:`searching`,reduce:`setSearch`,effects:`commitSearch`},CREATE:{target:`creating`,reduce:`setCreation`,effects:`prepareCreate`},CLOSE:{target:`idle`},SEARCHING_DONE:`idle`,SEARCHING_ERROR:`idle`,PROPS_CHANGED:[{target:`idle`,guard:Me,reduce:`replaceProps`,effects:`syncProps`},{reduce:`replaceProps`,effects:`syncProps`}]}},creating:{tags:[`creating`],on:{SEARCH:{target:`searching`,reduce:`setSearch`,effects:`commitSearch`},CREATE:{target:`creating`,reduce:`setCreation`,effects:`prepareCreate`},CLOSE:{target:`idle`},CREATING_DONE:{target:`idle`},CREATING_ERROR:{target:`idle`},PROPS_CHANGED:[{target:`idle`,guard:Me,reduce:`replaceProps`,effects:`syncProps`},{reduce:`replaceProps`,effects:`syncProps`}]}}}}}},{context:t,props:e,reducers:{replaceProps:({event:e})=>{let t=W(e);return t?{props:t}:void 0},replaceSelection:({context:e,event:t})=>{let n=Ne(t);if(n)return{context:{...e,selection:n}}},clear:({context:e})=>({context:{...e,selection:{values:[],labels:[]},search:{...e.search,query:``},navigation:{activeValue:``}}}),setSearch:({context:e,event:t})=>({context:{...e,search:{query:typeof t.query==`string`?t.query:``,optionsId:typeof t.optionsId==`string`?t.optionsId:e.search.optionsId},navigation:{activeValue:typeof t.activeValue==`string`?t.activeValue:e.navigation.activeValue}}}),setActive:({context:e,event:t})=>({context:{...e,navigation:{activeValue:typeof t.value==`string`?t.value:``}}}),setCreation:({context:e,event:t})=>({context:{...e,creation:{value:typeof t.value==`string`?t.value:e.search.query}}}),resetTransient:({context:e})=>({context:{...e,search:{...e.search,query:``},navigation:{activeValue:``},creation:{value:``}}})},guards:{canOpen:({props:e})=>!Ae(e),single:({props:e})=>!e.multiple,clearCloses:({props:e})=>e.clear===`close`},effects:{prepareOpen:n.prepareOpen,finishOpen:n.finishOpen,prepareClose:n.prepareClose,finishClose:n.finishClose,commitSelection:n.commitSelection,commitSearch:n.commitSearch,prepareCreate:n.prepareCreate,syncProps:n.syncProps,syncOptions:n.syncOptions,syncActive:n.syncActive}}),Fe=640,Ie=256,Le=520,K=.72,q=12,J=16,Y=720,Re=720,X=({viewportWidth:e,viewportHeight:t,layoutViewportHeight:n,referenceTop:r,referenceBottom:i,touch:a})=>{if(e<=Fe)return`fullscreen`;let o=t<Le||t<n*K;if(a&&o)return`fullscreen`;if(a)return`dialog`;let s=Math.max(0,r),c=Math.max(0,t-i);return Math.max(s,c)<Ie?`dialog`:`anchored`},ze=()=>{let e=window.visualViewport;return e?{width:e.width,height:e.height,offsetTop:e.offsetTop,offsetLeft:e.offsetLeft}:{width:window.innerWidth,height:window.innerHeight,offsetTop:0,offsetLeft:0}},Be=()=>window.matchMedia?.(`(any-pointer: coarse)`).matches===!0||navigator.maxTouchPoints>0,Ve=e=>{let t=m(e),n=!1,r=`anchored`,i=!1,a=null,o=()=>e.floating(),s=e=>{e!==i&&(i=e,e?b():y())},c=e=>{e.style.removeProperty(`border-radius`),e.style.removeProperty(`height`),e.style.removeProperty(`inset`),e.style.removeProperty(`max-height`),e.style.removeProperty(`max-width`),e.style.removeProperty(`position`),e.style.removeProperty(`transform-origin`),e.style.removeProperty(`width`)},l=(e,t)=>{let n=ze(),r=t===`dialog`?J:q,i=t===`dialog`?Y:1/0,a=t===`dialog`?Re:1/0,o=Math.min(i,Math.max(0,n.width-r*2)),s=Math.min(a,Math.max(0,n.height-r*2)),c=n.offsetLeft+(n.width-o)/2,l=n.offsetTop+(n.height-s)/2;Object.assign(e.style,{borderRadius:`var(--radius-overlay-md)`,position:`fixed`,inset:`${l}px auto auto ${c}px`,width:`${o}px`,height:`${s}px`,maxWidth:`none`,maxHeight:`none`,transformOrigin:`center`})},u=()=>{let t=ze(),n=e.reference().getBoundingClientRect();return X({viewportWidth:t.width,viewportHeight:t.height,layoutViewportHeight:window.innerHeight,referenceTop:n.top-t.offsetTop,referenceBottom:n.bottom-t.offsetTop,touch:Be()})},d=()=>{if(!n)return;let i=o(),a=u();r=a,i.dataset.presentation=a;let d=i.querySelector(`[data-ui-select-sheet-heading]`);if(d&&(d.style.display=a===`anchored`?`none`:`flex`),a===`anchored`){i.removeAttribute(`aria-modal`),i.removeAttribute(`aria-labelledby`),i.removeAttribute(`role`),s(!1),c(i),t.mount();return}t.unmount(),i.setAttribute(`role`,`dialog`),i.setAttribute(`aria-modal`,`true`),i.setAttribute(`aria-labelledby`,e.labelId()),s(!0),l(i,a)},f=()=>{let e=()=>d(),t=window.visualViewport,n=window.matchMedia?.(`(any-pointer: coarse)`);return window.addEventListener(`resize`,e),window.addEventListener(`orientationchange`,e),t?.addEventListener(`resize`,e),t?.addEventListener(`scroll`,e),n?.addEventListener(`change`,e),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`orientationchange`,e),t?.removeEventListener(`resize`,e),t?.removeEventListener(`scroll`,e),n?.removeEventListener(`change`,e)}},ee=()=>{if(!n){n=!0;try{o().showPopover()}catch{}d(),a=f()}},p=()=>{if(n){n=!1,a?.(),a=null,t.unmount(),s(!1);try{o().hidePopover()}catch{}}};return{opened:()=>n,open:ee,close:p,sync:d,destroy:p,presentation:()=>r}},Z=g({definition:{component:`ui.select`,parts:{root:{base:`relative inline-grid w-full min-w-0`},control:{base:de,variants:{size:O,radius:w,variant:{outline:``,filled:``},mode:{listbox:``,combobox:``,pillbox:`flex-wrap gap-1 py-0.5`,native:``},empty:{true:``,false:``}},compounds:[{when:{mode:`pillbox`,empty:!1},class:`!pl-1.5`}],defaults:{size:`lg`,variant:`outline`,radius:`md`,mode:`listbox`,empty:!1}},button:{base:[`flex min-w-0 flex-1 items-center gap-2 border-0 bg-transparent p-0 text-left text-inherit outline-none`]},pillboxTrigger:{base:`min-w-16 self-stretch`},value:{base:`min-w-0 flex-1`},placeholder:{base:`min-w-0 flex-1 text-surface-ink-muted`},input:{base:[`w-full min-w-16 flex-1`,E]},search:{base:[`flex min-h-control-xlg shrink-0 items-center gap-2 px-3`,`text-sm`]},searchInput:{base:[`min-w-0 flex-1 text-sm`,E]},sheetHeader:{base:``},sheetHeading:{base:`min-w-0 items-center gap-3 px-4 pt-4`},sheetTitle:{base:`min-w-0 flex-1 truncate text-base font-medium`},sheetClose:{base:[`inline-flex size-control-md shrink-0 items-center justify-center rounded-control-sm border-0 bg-transparent`,`text-surface-ink-muted outline-none focus-visible:ui-focus-ring`]},chips:{base:`flex min-w-0 flex-wrap items-center gap-1`},chip:{base:[`max-w-64`]},chipLabel:{base:`block min-w-0 flex-1 truncate`},chipRemove:{base:``},icon:{base:`size-icon shrink-0 fill-current text-surface-ink-muted`,variants:{position:{leading:``,trailing:``}},defaults:{position:`leading`}},action:{base:ue},popover:{base:[N,`overflow-hidden rounded-overlay-sm`]},listbox:{base:`min-h-0 outline-none`},viewport:{base:`min-h-0`},options:{base:`grid auto-rows-min content-start gap-1 p-popover-padding`},virtualOptions:{base:`grid auto-rows-min content-start gap-1 px-popover-padding`},create:{base:`shrink-0 p-popover-padding`},option:{base:[S,`[&:has([data-ui-select-option-label]>*+*)]:h-auto`,`[&:has([data-ui-select-option-label]>*+*)]:items-start`,`[&:has([data-ui-select-option-label]>*+*)]:py-2`]},optionLabel:{base:`min-w-0 flex-1 truncate`},optionMeta:{base:`ml-auto text-current opacity-70`},optionIcon:{base:T,variants:{position:{leading:``,trailing:`ml-auto`}},defaults:{position:`leading`}},optionIndicator:{base:P},group:{base:`grid auto-rows-min content-start gap-1`},label:{base:`px-menu-item-padding-inline py-1`},empty:{base:`px-menu-item-padding-inline py-2 text-sm text-surface-ink-muted`},separatorRoot:{base:`-mx-popover my-popover h-[var(--border-width-edge-separator)]`},separatorRule:{base:`h-[var(--border-width-edge-separator)] w-full border-0`},nativeWrapper:{base:`relative w-full min-w-0`},native:{base:[fe,`appearance-none pe-10`],variants:{size:O,radius:w},defaults:{size:`lg`,radius:`md`}},nativeIcon:{base:`pointer-events-none absolute right-3 top-1/2 size-icon -translate-y-1/2 fill-current text-icon`}}}}),Q=`[data-ui-select-option], [data-ui-select-option-create]`,He=`template[data-ui-select-option-selected-template]`,$=e=>{if(!(e instanceof Element)){e.childNodes.forEach($);return}Array.from(e.attributes).forEach(t=>{let n=t.name;(n===`id`||n===`role`||n===`tabindex`||n.startsWith(`aria-selected`)||n.startsWith(`aria-disabled`)||n.startsWith(`data-ui-select-option`)||n.startsWith(`data-selected`)||n.startsWith(`data-highlighted`)||n.startsWith(`data-disabled`)||n.startsWith(`x-`)||n.startsWith(`@`)||n.startsWith(`:`)||n.startsWith(`on`))&&e.removeAttribute(n)}),e.childNodes.forEach($),e.setAttribute(`x-ignore`,`true`)},Ue=e=>{let t=document.createDocumentFragment();return Array.from(e).forEach(e=>{if(e instanceof HTMLTemplateElement&&e.matches(He))return;let n=e.cloneNode(!0);$(n),t.append(n)}),t},We=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]),Ge=()=>{let t=null,n=!1,r=``,i=``,a=``,o=``,f=null,p=null,m=[],g=``,ne=``,_=!1,v=!1,y=null,b=``,x=0,S=0,C=0,w=new Map,T=()=>{if(!t)throw Error(`Select has not been initialized.`);return t},ue=()=>{let e=T().querySelector(`[data-ui-select-control]`);if(!e)throw Error(`Select requires a control element.`);return e},E=()=>{let e=T().querySelector(`[data-ui-select-trigger], [data-ui-select-button], [data-ui-select-input]`);if(!e)throw Error(`Select requires a trigger element.`);return e},D=()=>T().querySelector(`[data-ui-select-input]`),O=()=>T().querySelector(`[data-ui-select-search-input]`),de=()=>{let e=T().querySelector(`[data-ui-select-sheet-title]`);if(!e)throw Error(`Select requires an adaptive picker title.`);return e},k=()=>{let e=T().querySelector(`[data-ui-select-popover]`);if(!e)throw Error(`Select requires a popover element.`);return e},A=()=>{let e=T().querySelector(`[data-ui-select-listbox]`);if(!e)throw Error(`Select requires a listbox element.`);return e},fe=()=>{let e=T().querySelector(`[data-ui-select-options]`);if(!e)throw Error(`Select requires an options element.`);return e},j=()=>T().querySelector(`[data-ui-select-virtualizer]`),pe=()=>j()?._x_dataStack?.find(e=>typeof e.setUrl==`function`&&typeof e.setTotalItems==`function`)??null,me=()=>T().querySelector(`[data-ui-select-chips]`),M=()=>T().querySelector(`[data-ui-select-hidden-inputs]`),N=()=>K.getCommittedSnapshot().props,P=()=>K.getCommittedSnapshot().context,I=()=>K.hasTag(`expanded`),L=()=>K.hasTag(`visible`),ve=(e,t)=>{let n=e.dataset.label||e.getAttribute(`aria-label`)||``;if(n)return n;if(e.dataset.textValue)return e.dataset.textValue;let r=ge(he(e.dataset.item),t.path);return r==null?(e.querySelector(`[data-ui-select-option-label]`)?.textContent??e.textContent??``).trim():String(r)},R=({props:e,query:t,selectedValues:n})=>{let r=F(t),i=Array.from(T().querySelectorAll(Q)).map((i,o)=>{let s=ve(i,e),l=i.dataset.value||s,u=i.hasAttribute(`data-ui-select-option-create`),d=r!==``&&F(s)===r,f=!e.filter||r===``||F(`${s} ${i.dataset.suffix??``}`).includes(r),ee=Number(i.dataset.minLength??`0`);return{el:i,id:i.id||`${a}-option-${o}`,value:u?i.dataset.value||t:l,label:s,selectedLabel:i.dataset.selectedLabel||s,disabled:c({value:i.dataset.disabled}),selected:n.includes(l),visible:u?t.length>=ee&&!d:f,create:u}});return i.forEach(e=>{e.create||w.set(e.value,e.selectedLabel)}),i.some(e=>!e.create&&F(e.label)===r)?i.map(e=>e.create?{...e,visible:!1}:e):i},z=(e=P().search.query)=>R({props:N(),query:e,selectedValues:P().selection.values}),B=(e=P().search.query)=>z(e).filter(e=>e.visible&&!e.disabled&&!e.create),V=(e,t=N())=>{let n=Array.from(new Set(e.filter(Boolean))),r=t.multiple?n:n.slice(0,1),i=R({props:t,query:``,selectedValues:r});return{values:r,labels:r.map(e=>i.find(t=>t.value===e)?.selectedLabel??w.get(e)??(typeof t.selectedLabelMap[e]==`string`?t.selectedLabelMap[e]:void 0)??e)}},ye=e=>e.multiple?Array.from(new Set([...e.values,...e.value?[e.value]:[]])):e.value?[e.value]:e.values.slice(0,1),be=e=>{let t=ye(e),n=R({props:e,query:``,selectedValues:[]}).filter(e=>c({value:e.el.dataset.selected})).map(e=>e.value);return{selection:V(t.length>0?t:n,e),search:{query:``,optionsId:``},navigation:{activeValue:``},creation:{value:``}}},xe=()=>{let{selection:e}=P(),t=N();return e.values.length===0||t.mode===`pillbox`&&t.multiple?``:t.multiple&&e.values.length>1?`${e.values.length} ${t.suffix}`:e.labels[0]??e.values[0]??``},Se=e=>{let t=e.el.querySelector(He);if(t)return Ue(t.content.childNodes);let n=e.el.querySelector(`[data-ui-select-option-selected-content]`)??e.el.querySelector(`[data-ui-select-option-label]`);if(n)return Ue(n.childNodes);let r=document.createDocumentFragment();return r.append(document.createTextNode(e.selectedLabel)),r},Ce=()=>{let e=N();if(n){let t=P().selection.values;(I()||!e.open||!e.disabled&&!e.readonly)&&s({el:T(),schema:U,key:`open`,value:I()}),s({el:T(),schema:U,key:`value`,value:e.multiple?``:t[0]??``}),s({el:T(),schema:U,key:`values`,value:e.multiple?[...t]:[]})}T().dataset.state=I()?`open`:`closed`,T().dataset.mark=e.mark,ae({el:T(),state:{disabled:e.disabled,required:e.required,invalid:e.invalid},value:`true`})},H=()=>N().mode===`pillbox`&&N().multiple,we=()=>{let e=N(),t=H()&&P().selection.values.length===0,n=ue();n.className=h({part:Z.parts.control,props:{...e,mode:H()?`pillbox`:e.mode===`combobox`?`combobox`:`listbox`,empty:t}}),n.dataset.state=I()?`open`:`closed`,n.dataset.mode=H()?`pillbox`:e.mode,u({el:n,attr:`data-ui-select-pillbox-control`,present:H(),value:``}),u({el:n,attr:`data-empty`,present:t,value:`true`}),ae({el:n,state:{disabled:e.disabled,invalid:e.invalid},value:`true`})},Te=()=>{let e=N(),t=E();t.id||=r,t.dataset.state=I()?`open`:`closed`,t.setAttribute(`aria-haspopup`,`listbox`),t.setAttribute(`aria-expanded`,I()?`true`:`false`),t.setAttribute(`aria-controls`,a),u({el:t,attr:`aria-invalid`,present:e.invalid,value:`true`}),t instanceof HTMLButtonElement&&(t.disabled=e.disabled);let n=xe(),i=T().querySelector(`[data-ui-select-button-value]`),o=T().querySelector(`[data-ui-select-button-placeholder]`);if(i){i.replaceChildren();let e=P().selection.values.length===1&&n?z(``).find(e=>e.value===P().selection.values[0]):void 0;e?i.append(Se(e)):i.textContent=n,i.hidden=n===``}o&&(o.hidden=H()?P().selection.values.length>0:n!==``),T().querySelectorAll(`[data-ui-select-clear], [data-ui-select-button-clear]`).forEach(t=>{t.hidden=e.disabled||!e.clearable||P().selection.values.length===0,t instanceof HTMLButtonElement&&(t.disabled=e.disabled)}),T().querySelectorAll(`[data-ui-select-search-clear]`).forEach(t=>{t.hidden=e.disabled||!P().search.query,t instanceof HTMLButtonElement&&(t.disabled=e.disabled)})},Ee=()=>{let e=N(),t=P(),n=D();n&&(n.id||=i,n.className=h({part:Z.parts.input,className:e.inputClass}),n.value=H()||I()&&_?t.search.query:xe(),n.placeholder=H()&&t.selection.values.length>0?``:e.placeholder,n.setAttribute(`role`,`combobox`),n.setAttribute(`autocomplete`,`off`),n.setAttribute(`aria-autocomplete`,`list`),n.setAttribute(`aria-expanded`,I()?`true`:`false`),n.setAttribute(`aria-controls`,a),oe({input:n,state:{disabled:e.disabled,readonly:e.readonly,required:e.required,nativeRequired:!1,invalid:e.invalid,ariaRequired:e.required}}));let r=O();r&&(r.value=t.search.query,r.disabled=e.disabled,r.readOnly=e.readonly);let o=z().find(e=>e.value===t.navigation.activeValue);[E(),n,r,A()].forEach(e=>{o?.id?e?.setAttribute(`aria-activedescendant`,o.id):e?.removeAttribute(`aria-activedescendant`)})},De=()=>{let e=N(),t=k(),n=A();t.id=`${a}-popover`,t.className=h({part:Z.parts.popover,props:e,className:e.listboxClass}),t.dataset.uiSurface=e.surface,t.dataset.uiElevation=e.elevation,t.setAttribute(`popover`,`manual`),t.dataset.state=I()?`open`:`closed`,t.hidden=!L(),n.id=a,n.setAttribute(`role`,`listbox`),n.tabIndex=-1,n.setAttribute(`aria-labelledby`,E().id),u({el:n,attr:`aria-multiselectable`,present:e.multiple,value:`true`})},Oe=()=>{let e=N(),t=P();T().querySelectorAll(`[data-ui-select-create-query]`).forEach(e=>{e.textContent=t.search.query});let n=z();n.forEach(e=>{e.el.id=e.id,e.el.hidden=!e.visible,e.el.setAttribute(`role`,`option`),e.el.setAttribute(`aria-selected`,e.selected?`true`:`false`),e.create||(e.el.dataset.value=e.value),e.create||(e.el.dataset.label=e.label),u({el:e.el,attr:`data-selected`,present:e.selected,value:`true`}),u({el:e.el,attr:`data-highlighted`,present:e.value===t.navigation.activeValue,value:`true`}),u({el:e.el,attr:`data-disabled`,present:e.disabled,value:`true`}),u({el:e.el,attr:`aria-disabled`,present:e.disabled,value:`true`}),e.el.querySelectorAll(`[data-ui-select-option-indicator]`).forEach(t=>{u({el:t,attr:`data-selected`,present:e.selected,value:`true`})})});let r=T().querySelector(`[data-ui-select-option-empty]`);r&&(r.hidden=e.virtualized&&e.optionsFetchUrl?C!==0:n.some(e=>e.visible&&!e.create))},W=()=>JSON.stringify(Array.from(T().querySelectorAll(Q)).map(e=>({create:e.hasAttribute(`data-ui-select-option-create`),value:e.dataset.value??``,label:e.hasAttribute(`data-ui-select-option-create`)?e.textContent?.trim()??``:e.dataset.label??e.textContent?.trim()??``,disabled:e.dataset.disabled??``,selected:e.dataset.selected??``}))),Ae=()=>{let e=me();if(!e)return;let t=N(),n=P(),r=z(``),i=n.selection.values.map((e,t)=>({value:e,label:n.selection.labels[t]??e,disabled:r.find(t=>t.value===e)?.disabled??!1})),a=JSON.stringify({chips:i,pillbox:H(),disabled:t.disabled,readonly:t.readonly,variant:t.chipVariant,color:t.chipColor,className:t.chipClass});if(a===ne||(ne=a,e.replaceChildren(),e.hidden=!H()||i.length===0,e.hidden))return;let o=h({part:_e.parts.root,props:{variant:t.chipVariant,color:t.chipColor,size:`sm`,radius:`sm`},className:h({part:Z.parts.chip,props:{},className:t.chipClass})}),s=h({part:Z.parts.chipLabel}),c=h({part:_e.parts.close,props:{size:`sm`},className:h({part:Z.parts.chipRemove})});i.forEach(n=>{let r=document.createElement(`span`);r.className=o,r.setAttribute(`data-ui-badge`,``),r.setAttribute(`data-ui-action-recipe`,`badge`),r.setAttribute(`data-ui-select-chip`,``),r.dataset.value=n.value,r.dataset.variant=t.chipVariant,r.dataset.color=t.chipColor,r.dataset.size=`sm`,r.dataset.radius=`sm`;let i=document.createElement(`span`);i.className=s,i.setAttribute(`data-ui-select-chip-label`,``),i.textContent=n.label,r.append(i);let a=document.createElement(`button`);a.type=`button`,a.className=c,a.setAttribute(`data-ui-badge-close`,``),a.setAttribute(`data-ui-select-chip-remove`,``),a.dataset.value=n.value,a.setAttribute(`aria-label`,`Remove ${n.label}`),a.disabled=t.disabled||t.readonly||n.disabled;let l=T().querySelector(`[data-ui-select-chip-remove-icon]`);l?a.append(l.content.cloneNode(!0)):a.textContent=`x`,r.append(a),e.append(r)})},je=()=>{let e=M();if(!e)return;let t=N();g=ie({container:e,state:{name:t.name,required:t.required,values:t.disabled?[]:[...P().selection.values],form:T().dataset.form??``,marker:`data-ui-select-hidden-input`},currentKey:g})},G=()=>{Ce(),we(),Te(),Ee(),De(),Oe(),Ae(),je()},Me=()=>{if(!t||!K.hasTag(`interactive`))return;let e=N();f?.presentation()===`anchored`?e.mode===`combobox`?D()?.focus({preventScroll:!0}):(e.searchable||H())&&O()?O()?.focus({preventScroll:!0}):E().focus({preventScroll:!0}):(O()??T().querySelector(`[data-ui-select-sheet-close]`)??A()).focus({preventScroll:!0})},Ne=()=>{let e=P(),t=V(e.selection.values);We(t.labels,e.selection.labels)||K.send({type:`RECONCILE_SELECTION`,...t});let n=B();e.navigation.activeValue&&!n.some(t=>t.value===e.navigation.activeValue)&&K.send({type:`ACTIVE`,value:N().autoHighlight?n[0]?.value??``:``}),G()},Fe=e=>{let t=(Array.isArray(e.changes)?e.changes:[]).flatMap(e=>e&&typeof e==`object`&&`key`in e?[String(e.key)]:[]);if(t.some(e=>e===`value`||e===`values`||e===`multiple`||e===`selectedLabelMap`)){let e=V(ye(N()));K.send({type:`RECONCILE_SELECTION`,...e})}t.includes(`optionsTotalItems`)&&(C=N().optionsTotalItems,pe()?.setTotalItems(C)),G()},Ie=e=>{let t=N(),n=new URL(t.optionsFetchUrl,document.baseURI);return e?n.searchParams.set(t.optionSearchParam,e):n.searchParams.delete(t.optionSearchParam),/^[a-z][a-z\d+.-]*:/i.test(t.optionsFetchUrl)||t.optionsFetchUrl.startsWith(`//`)?n.href:`${n.pathname}${n.search}${n.hash}`},Le=()=>{window.clearTimeout(S);let e=N();!e.virtualized||!e.optionsFetchUrl||!e.searchable&&e.mode!==`combobox`||(S=window.setTimeout(()=>{let t=pe();t&&(t.setUrl(Ie(P().search.query),{reset:!0}),C===0&&e.optionsTotalItems>0&&(C=e.optionsTotalItems,t.setTotalItems(C)))},e.optionSearchDebounce))},K=ee({schema:U,hooks:ke,createMachine:({props:t})=>Pe({props:t,context:be(t),effects:{prepareOpen:()=>{v=!1,f?.open(),G(),queueMicrotask(Me)},finishOpen:()=>{G(),l({el:T(),name:`ui:open`})},prepareClose:({event:e})=>{_=!1,v=e.restoreFocus===!0||e.type===`SELECT`||e.type===`CREATE`,v&&E().focus({preventScroll:!0}),G()},finishClose:()=>{f?.close(),G(),v&&E().focus({preventScroll:!0}),v=!1,l({el:T(),name:`ui:close`})},commitSelection:({event:t})=>{G(),e(T(),`data-value`,`data-values`),se({container:M(),fallback:T(),marker:`data-ui-select-hidden-input`});let{selection:n}=P();t.type===`CLEAR`&&l({el:T(),name:`ui:clear`}),l({el:T(),name:`ui:change`,detail:{value:n.values[0]??``,values:[...n.values],label:n.labels[0]??``,labels:[...n.labels],option:y}}),y=null},commitSearch:()=>{G(),l({el:T(),name:`ui:search`,detail:{search:P().search.query}}),Le()},prepareCreate:({event:e})=>{G(),l({el:T(),name:`ui:create`,detail:{search:P().search.query,value:P().creation.value,modal:typeof e.modal==`string`?e.modal:``}})},syncProps:({event:e})=>Fe(e),syncOptions:Ne,syncActive:G}})}),q=(e,t)=>K.send({type:e,...t}),J=(e,t)=>{t?.preventDefault();let n=N();if(!(n.disabled||n.readonly||e.disabled)){if(e.create){K.send({type:`CREATE`,value:e.value||P().search.query,modal:e.el.dataset.modal??``});return}y=e.el,_=!1,q(`SELECT`,V(n.multiple?P().selection.values.includes(e.value)?P().selection.values.filter(t=>t!==e.value):[...P().selection.values,e.value]:[e.value]))}},Y=e=>{if(e===P().navigation.activeValue)return;K.send({type:`ACTIVE`,value:e});let t=z().find(t=>t.value===e);l({el:T(),name:`ui:highlight`,detail:{value:e,option:t?.el??null}})},Re=e=>{let t=B();if(t.length===0)return;let n=t.findIndex(e=>e.value===P().navigation.activeValue),r=n<0?e>0?0:t.length-1:n+e;r>=t.length&&(r=N().loop?0:t.length-1),r<0&&(r=N().loop?t.length-1:0),Y(t[r]?.value??``)},X=e=>{let t=N();if(t.disabled||t.readonly)return;_=!0;let n=t.autoHighlight?B(e)[0]?.value??``:``;K.send({type:`SEARCH`,query:e,optionsId:o,activeValue:n})},ze=e=>{if(e.key===`Tab`&&f?.presentation()!==`anchored`){ce(e,k());return}let t=e.target instanceof HTMLInputElement;if(e.key===`ArrowDown`||e.key===`ArrowUp`){e.preventDefault(),I()||K.send({type:`OPEN`}),Re(e.key===`ArrowDown`?1:-1);return}if(!t&&I()&&(e.key===`Home`||e.key===`End`)){e.preventDefault();let t=B();Y(e.key===`Home`?t[0]?.value??``:t.at(-1)?.value??``);return}if(I()&&(e.key===`Enter`||!t&&e.key===` `)){let t=z().find(e=>e.value===P().navigation.activeValue);t&&J(t,e);return}if((e.key===`Backspace`||e.key===`Delete`)&&H()&&!P().search.query){let t=D();if(t&&(t.selectionStart!==0||t.selectionEnd!==0))return;let n=[...P().selection.values].reverse().find(e=>!z(``).find(t=>t.value===e)?.disabled);n&&(e.preventDefault(),$.deselect(n,e));return}if(e.key===`Escape`&&L()){e.preventDefault(),e.stopPropagation(),K.send({type:`CLOSE`,restoreFocus:!0});return}if(!t&&!N().searchable&&e.key.length===1&&!e.metaKey&&!e.ctrlKey&&!e.altKey){b+=e.key.toLowerCase(),window.clearTimeout(x),x=window.setTimeout(()=>{b=``},500);let t=B().find(e=>F(e.label).startsWith(b));t&&Y(t.value)}},Be=()=>{let e=T(),t=(e,t)=>t.closest(`[data-ui-select-trigger], [data-ui-select-icon="trailing"], [data-ui-select-control]`)?(e.preventDefault(),E().focus({preventScroll:!0}),E()instanceof HTMLInputElement?I()||K.send({type:`OPEN`}):$.toggle(e),!0):!1;d({target:e,event:`click`,cleanup:m,handler:e=>{let n=e.target;if(!(n instanceof Element))return;if(n.closest(`[data-ui-select-sheet-close]`)){$.close(e);return}if(n.closest(`[data-ui-select-search-clear]`)){e.preventDefault(),X(``);return}if(n.closest(`[data-ui-select-clear], [data-ui-select-button-clear]`)){$.clear(e);return}let r=n.closest(`[data-ui-select-chip-remove]`);if(r){$.deselect(r.dataset.value??``,e);return}let i=n.closest(Q);if(i){let t=z().find(e=>e.el===i);t&&J(t,e);return}(!(e instanceof MouseEvent)||e.detail===0)&&t(e,n)}}),d({target:e,event:`input`,cleanup:m,handler:e=>{let t=e.target;t instanceof HTMLInputElement&&t.matches(`[data-ui-select-input], [data-ui-select-search-input]`)&&X(t.value)}}),d({target:e,event:`keydown`,cleanup:m,handler:e=>{e instanceof KeyboardEvent&&ze(e)}}),d({target:e,event:`pointerdown`,cleanup:m,handler:e=>{let n=e.target;if(n instanceof Element){if(n.closest(Q)||n.closest(`[data-ui-select-search-clear]`)||n.closest(`[data-ui-select-clear], [data-ui-select-button-clear], [data-ui-select-chip-remove]`)){e.preventDefault();return}t(e,n)}}}),d({target:e,event:`pointerover`,cleanup:m,handler:e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(Q),r=n?z().find(e=>e.el===n):void 0;r&&r.visible&&!r.disabled&&Y(r.value)}}),d({target:e,event:`focusout`,cleanup:m,handler:t=>{if(!(t instanceof FocusEvent))return;let n=t.relatedTarget;n instanceof Node&&e.contains(n)||L()&&K.send({type:`CLOSE`})}}),d({target:e,event:`ui:virtualizer-total-change`,cleanup:m,handler:e=>{if(!(e instanceof CustomEvent)||!j()?.contains(e.target))return;let t=Number(e.detail?.totalItems);Number.isFinite(t)&&t>=0&&(C=Math.floor(t)),K.send({type:`OPTIONS_CHANGED`})}}),d({target:e,event:`ui:virtualizer-load`,cleanup:m,handler:e=>{j()?.contains(e.target)&&K.send({type:`OPTIONS_CHANGED`})}}),d({target:k(),event:`toggle`,cleanup:m,handler:e=>{!(`newState`in e)||e.newState!==`closed`||!L()||K.send({type:`CLOSE`})}}),m.push(re({isEnabled:()=>K.hasTag(`interactive`),roots:()=>[T(),k()],onDismiss:()=>K.send({type:`CLOSE`})})),p=le({targets:A(),read:W,onChange:()=>K.send({type:`OPTIONS_CHANGED`}),observer:{childList:!0,subtree:!0}})},$;return $={...K,get isOpen(){return this.snapshot.current?.tags.includes(`expanded`)??!1},get isSearching(){return this.snapshot.current?.tags.includes(`searching`)??!1},get value(){return this.snapshot.current?.context.selection.values[0]??``},get values(){return[...this.snapshot.current?.context.selection.values??[]]},get selectedLabels(){return[...this.snapshot.current?.context.selection.labels??[]]},get search(){return this.snapshot.current?.context.search.query??``},get activeValue(){return this.snapshot.current?.context.navigation.activeValue??``},init(){t=this.$el,r=this.$id(`select-button`),i=this.$id(`select-input`),a=this.$id(`select-listbox`),o=fe().id||T().dataset.optionsId||this.$id(`select-options`),fe().id=o,K.connect(this.$el,this.snapshot),C=N().optionsTotalItems,de().id||=`${a}-title`,f=Ve({reference:ue,floating:k,labelId:()=>de().id,position:()=>N().side,align:()=>N().align,gap:()=>N().gap,offset:()=>N().offset,matchReferenceWidth:!0}),Be(),G(),n=!0,N().open&&!N().disabled&&!N().readonly&&queueMicrotask(()=>K.send({type:`OPEN`}))},destroy(){window.clearTimeout(x),window.clearTimeout(S),p?.(),p=null,m.forEach(e=>e()),m=[],f?.destroy(),f=null,K.disconnect(),t=null},get root(){let e=this.snapshot.current?.props??N();return te({inputs:[h({part:Z.parts.root,props:e,className:e.class}),{"data-ui-select":``,":data-state":()=>K.hasTag(`expanded`)?`open`:`closed`}]})},open(e){e?.preventDefault(),!(N().disabled||N().readonly)&&K.send({type:`OPEN`})},close(e){e?.preventDefault(),K.send({type:`CLOSE`,restoreFocus:e instanceof KeyboardEvent})},toggle(e){e?.preventDefault(),!(N().disabled||N().readonly)&&K.send({type:`TOGGLE`})},select(e,t){let n=z(``).find(t=>!t.create&&t.value===e);n&&J(n,t)},deselect(e,t){t?.preventDefault(),!(N().disabled||N().readonly)&&(z(``).find(t=>t.value===e)?.disabled||q(`DESELECT`,V(P().selection.values.filter(t=>t!==e))))},selectAll(e){if(e?.preventDefault(),!N().multiple||N().disabled||N().readonly)return;let t=B();q(`SELECT_ALL`,{values:t.map(e=>e.value),labels:t.map(e=>e.selectedLabel)})},clear(e){if(e?.preventDefault(),e?.stopPropagation(),N().disabled||N().readonly)return;_=!1;let t=P().search.query!==``;K.send({type:`CLEAR`}),t&&Le()},setSearch:X},$},Ke=p(`UiSelect`,Ge),qe=new WeakSet,Je=e=>{qe.has(e)||(qe.add(e),t(e),Ke(e))};export{Ge as n,Je as t};
|
|
2
|
+
//# sourceMappingURL=entry.generated-C35Q-qoz.js.map
|