connectDragSource(connectDropTarget(node))}/>\n return node;\n }\n // If passed a ReactElement, clone it and attach this function as a ref.\n // This helps us achieve a neat API where user doesn't even know that refs\n // are being used under the hood.\n var element = elementOrNode;\n throwIfCompositeComponentElement(element);\n // When no options are passed, use the hook directly\n var ref = options ? function (node) {\n return hook(node, options);\n } : hook;\n return cloneWithRef(element, ref);\n };\n}\nexport function wrapConnectorHooks(hooks) {\n var wrappedHooks = {};\n Object.keys(hooks).forEach(function (key) {\n var hook = hooks[key];\n // ref objects should be passed straight through without wrapping\n if (key.endsWith('Ref')) {\n wrappedHooks[key] = hooks[key];\n } else {\n var wrappedHook = wrapHookToRecognizeElement(hook);\n wrappedHooks[key] = function () {\n return wrappedHook;\n };\n }\n });\n return wrappedHooks;\n}\nfunction setRef(ref, node) {\n if (typeof ref === 'function') {\n ref(node);\n } else {\n ref.current = node;\n }\n}\nfunction cloneWithRef(element, newRef) {\n var previousRef = element.ref;\n invariant(typeof previousRef !== 'string', 'Cannot connect React DnD to an element with an existing string ref. ' + 'Please convert it to use a callback ref instead, or wrap it into a or (arr: T[], identifier: (item: T) => K): T[] => {\n const map = new Map();\n arr.forEach((item) => map.set(identifier(item).toString(), item));\n return Array.from(map.values());\n};\n\n/**\n * Given old array and new array, get new items the appear in new array.\n */\nexport const getAddedItemsInArray = (\n oldArr: T[],\n newArr: T[],\n identifier: (item: T) => K,\n): T[] => {\n const oldItemIdentifiers = oldArr.map(identifier);\n return newArr.filter((item) => oldItemIdentifiers.indexOf(identifier(item)) === -1);\n};\n\n/**\n * Given old array and new array, get items the disappear in new array.\n */\nexport const getRemovedItemsInArray = (\n oldArr: T[],\n newArr: T[],\n identifier: (item: T) => K,\n): T[] => {\n const newsItemIdentifiers = newArr.map(identifier);\n return oldArr.filter((item) => newsItemIdentifiers.indexOf(identifier(item)) === -1);\n};\n\n/**\n * Convert an array to key value map\n */\nexport const convertArrayToMap = (\n items: Item[],\n itemKeyGetter: (item: Item) => ItemKey,\n): Record => {\n return items.reduce>(\n (prev, curr) => {\n prev[itemKeyGetter(curr)] = curr;\n return prev;\n },\n {} as Record,\n );\n};\n","// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nvar global = module.exports = typeof window != 'undefined' && window.Math == Math\n ? window : typeof self != 'undefined' && self.Math == Math ? self\n // eslint-disable-next-line no-new-func\n : Function('return this')();\nif (typeof __g == 'number') __g = global; // eslint-disable-line no-undef\n","// Thank's IE8 for his funny defineProperty\nmodule.exports = !require('./_fails')(function () {\n return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;\n});\n","var store = require('./_shared')('wks');\nvar uid = require('./_uid');\nvar Symbol = require('./_global').Symbol;\nvar USE_SYMBOL = typeof Symbol == 'function';\n\nvar $exports = module.exports = function (name) {\n return store[name] || (store[name] =\n USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));\n};\n\n$exports.store = store;\n","import * as React from 'react';\nimport { PicColor, PicFontSize, PicFontWeight, PicTag, PicText } from '@cardinalblue/pic-collage-cms-ui';\n\ntype Props = {\n title: string;\n subtitle?: string;\n tags?: string[];\n ctaButtons?: React.ReactNode;\n};\n\nexport function ActionableHeader({ title, tags = [], subtitle, ctaButtons }: Props) {\n return (\n \n
\n );\n}\n","import { NewLinkStartFeedCardModel } from '../models/link-start-feed-cards/new-link-start-feed-card-model';\nimport { PersistedLinkStartFeedCardModel } from '../models/link-start-feed-cards/persisted-link-start-feed-card-model';\nimport { NewStartFeedCardModel } from '../models/new-start-feed-card-model';\nimport { PersistedStartFeedCardModel } from '../models/persisted-start-feed-card-model';\nimport { StartFeedCardModel } from '../models/start-feed-card-model';\nimport { StartFeedCardTypeEnum } from '../models/start-feed-card-type-enum';\nimport { PersistedTemplateCategoryStartFeedCardModel } from '../models/template-category-start-feed-cards/persisted-template-category-start-feed-card-model';\nimport { PersistedTemplateCategoryStartFeedCardChipModel } from '../models/template-category-start-feed-cards/template-category-start-feed-card-chips/persisted-template-category-start-feed-card-chip-model';\nimport { dispatchStartFeedCardModel } from '../models/utils';\n\nexport class StartFeedCardApi {\n static create() {\n return new StartFeedCardApi();\n }\n\n private fillFormWithBasicInfo(formData: FormData, startFeedCard: StartFeedCardModel) {\n formData.append('analytic_id', startFeedCard.getAnalyticId());\n formData.append('title', startFeedCard.getTitle());\n\n const subtitle = startFeedCard.getSubtitle();\n formData.append('subtitle', subtitle);\n\n const label = startFeedCard.getLabel();\n formData.append('label', label);\n\n formData.append('is_pinned', startFeedCard.getIsPinned() + '');\n\n const startAt = startFeedCard.getStartAt();\n formData.append('start_at', startAt?.toISO8601String(-8) ?? '');\n const endAt = startFeedCard.getEndAt();\n formData.append('end_at', endAt?.toISO8601String(-8) ?? '');\n\n const countries = startFeedCard.getCountries();\n formData.append('is_countries_exclusive', startFeedCard.getIsCountriesExclusive() + '');\n if (countries.length === 0) {\n formData.append('countries[]', '[]');\n } else {\n countries.forEach((country) => {\n formData.append(`countries[]`, country.toUpperCase());\n });\n }\n\n const iosAppVersion = startFeedCard.getTargetMinimalRequiredIosAppVersion();\n formData.append(`target_minimal_required_ios_app_version[]`, iosAppVersion.getMajor().toString());\n formData.append(`target_minimal_required_ios_app_version[]`, iosAppVersion.getMinor().toString());\n formData.append(`target_minimal_required_ios_app_version[]`, iosAppVersion.getPatch().toString());\n\n const androiAppVersion = startFeedCard.getTargetMinimalRequiredAndroidAppVersion();\n formData.append(`target_minimal_required_android_app_version[]`, androiAppVersion.getMajor().toString());\n formData.append(`target_minimal_required_android_app_version[]`, androiAppVersion.getMinor().toString());\n formData.append(`target_minimal_required_android_app_version[]`, androiAppVersion.getPatch().toString());\n\n formData.append('is_target_free_user', startFeedCard.getIsTargetFreeUser() + '');\n formData.append('is_target_vip_user', startFeedCard.getIsTargetVipUser() + '');\n formData.append('is_target_new_user', startFeedCard.getIsTargetNewUser() + '');\n formData.append('is_target_old_user', startFeedCard.getIsTargetOldUser() + '');\n }\n\n private generateCompleteStartFeedCardModelFormData(startFeedCard: StartFeedCardModel): FormData {\n const formData = new FormData();\n\n this.fillFormWithBasicInfo(formData, startFeedCard);\n\n dispatchStartFeedCardModel(startFeedCard, {\n [StartFeedCardTypeEnum.Link]: (linkStartFeedCard) => {\n formData.append('type', StartFeedCardTypeEnum.Link);\n\n const image = linkStartFeedCard.getImage();\n formData.append('payload[link]', linkStartFeedCard.getLink());\n if (linkStartFeedCard instanceof NewLinkStartFeedCardModel) {\n const imageSignedId = linkStartFeedCard.getImageSignedId();\n /**\n * 1. If image is present, then we upload new image for the new link card.\n * 2. If image is not present and the imageSignedId is present, we reference the existing image to the new link card,\n * this use case is for the clone link card feature.\n */\n if (image) {\n formData.append('payload[image]', new Blob([image]));\n } else if (imageSignedId) {\n formData.append('payload[image]', imageSignedId);\n }\n } else if (linkStartFeedCard instanceof PersistedLinkStartFeedCardModel) {\n if (image) {\n formData.append('payload[image]', new Blob([image]));\n }\n }\n },\n [StartFeedCardTypeEnum.TemplateCategory]: (templateCategoryStartFeedCard) => {\n formData.append('type', StartFeedCardTypeEnum.TemplateCategory);\n\n const chips = templateCategoryStartFeedCard.getChips();\n if (chips.length === 0) {\n // TODO - ideally this shouldn't happen, but if this does happen, we need to handle this\n } else {\n const chips = templateCategoryStartFeedCard.getChips();\n\n chips.forEach((chip, chipIndex) => {\n if (chip instanceof PersistedTemplateCategoryStartFeedCardChipModel)\n formData.append(`payload[chips_attributes][${chipIndex}][id]`, chip.getId() + '');\n formData.append(`payload[chips_attributes][${chipIndex}][name]`, chip.getName());\n formData.append(`payload[chips_attributes][${chipIndex}][template_tag_id]`, chip.getTemplateTagId() + '');\n formData.append(`payload[chips_attributes][${chipIndex}][position]`, chipIndex + '');\n });\n if (templateCategoryStartFeedCard instanceof PersistedTemplateCategoryStartFeedCardModel) {\n const chipsToRemove = templateCategoryStartFeedCard.getChipsToRemove();\n chipsToRemove.forEach((chip, chipIndex) => {\n const shiftedIndex = chips.length + chipIndex;\n formData.append(`payload[chips_attributes][${shiftedIndex}][id]`, chip.getId() + '');\n formData.append(`payload[chips_attributes][${shiftedIndex}][name]`, chip.getName());\n formData.append(\n `payload[chips_attributes][${shiftedIndex}][template_tag_id]`,\n chip.getTemplateTagId() + '',\n );\n formData.append(`payload[chips_attributes][${shiftedIndex}][position]`, shiftedIndex + '');\n formData.append(`payload[chips_attributes][${shiftedIndex}][_destroy]`, 'true');\n });\n }\n }\n },\n });\n\n return formData;\n }\n\n async create(startFeedCard: NewStartFeedCardModel): Promise<[error: Error | null, id: number]> {\n const formData = this.generateCompleteStartFeedCardModelFormData(startFeedCard);\n\n const response = await fetch(`/cms_api/start_feed_cards`, {\n method: 'POST',\n body: formData,\n });\n\n if (!response.ok) {\n const { error } = (await response.json()) as { error: string };\n return [new Error(error), -1];\n } else {\n const { id } = (await response.json()) as { id: number };\n return [null, id];\n }\n }\n\n async updateOrder(startFeedCardIds: number[]): Promise. ' + 'Read more: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs');\n if (!previousRef) {\n // When there is no ref on the element, use the new ref directly\n return /*#__PURE__*/cloneElement(element, {\n ref: newRef\n });\n } else {\n return /*#__PURE__*/cloneElement(element, {\n ref: function ref(node) {\n setRef(previousRef, node);\n setRef(newRef, node);\n }\n });\n }\n}","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nimport { shallowEqual } from '@react-dnd/shallowequal';\nimport { isRef } from './isRef.js';\nimport { wrapConnectorHooks } from './wrapConnectorHooks.js';\nexport var SourceConnector = /*#__PURE__*/function () {\n function SourceConnector(backend) {\n var _this = this;\n _classCallCheck(this, SourceConnector);\n this.hooks = wrapConnectorHooks({\n dragSource: function dragSource(node, options) {\n _this.clearDragSource();\n _this.dragSourceOptions = options || null;\n if (isRef(node)) {\n _this.dragSourceRef = node;\n } else {\n _this.dragSourceNode = node;\n }\n _this.reconnectDragSource();\n },\n dragPreview: function dragPreview(node, options) {\n _this.clearDragPreview();\n _this.dragPreviewOptions = options || null;\n if (isRef(node)) {\n _this.dragPreviewRef = node;\n } else {\n _this.dragPreviewNode = node;\n }\n _this.reconnectDragPreview();\n }\n });\n this.handlerId = null;\n // The drop target may either be attached via ref or connect function\n this.dragSourceRef = null;\n this.dragSourceOptionsInternal = null;\n // The drag preview may either be attached via ref or connect function\n this.dragPreviewRef = null;\n this.dragPreviewOptionsInternal = null;\n this.lastConnectedHandlerId = null;\n this.lastConnectedDragSource = null;\n this.lastConnectedDragSourceOptions = null;\n this.lastConnectedDragPreview = null;\n this.lastConnectedDragPreviewOptions = null;\n this.backend = backend;\n }\n _createClass(SourceConnector, [{\n key: \"receiveHandlerId\",\n value: function receiveHandlerId(newHandlerId) {\n if (this.handlerId === newHandlerId) {\n return;\n }\n this.handlerId = newHandlerId;\n this.reconnect();\n }\n }, {\n key: \"connectTarget\",\n get: function get() {\n return this.dragSource;\n }\n }, {\n key: \"dragSourceOptions\",\n get: function get() {\n return this.dragSourceOptionsInternal;\n },\n set: function set(options) {\n this.dragSourceOptionsInternal = options;\n }\n }, {\n key: \"dragPreviewOptions\",\n get: function get() {\n return this.dragPreviewOptionsInternal;\n },\n set: function set(options) {\n this.dragPreviewOptionsInternal = options;\n }\n }, {\n key: \"reconnect\",\n value: function reconnect() {\n var didChange = this.reconnectDragSource();\n this.reconnectDragPreview(didChange);\n }\n }, {\n key: \"reconnectDragSource\",\n value: function reconnectDragSource() {\n var dragSource = this.dragSource;\n // if nothing has changed then don't resubscribe\n var didChange = this.didHandlerIdChange() || this.didConnectedDragSourceChange() || this.didDragSourceOptionsChange();\n if (didChange) {\n this.disconnectDragSource();\n }\n if (!this.handlerId) {\n return didChange;\n }\n if (!dragSource) {\n this.lastConnectedDragSource = dragSource;\n return didChange;\n }\n if (didChange) {\n this.lastConnectedHandlerId = this.handlerId;\n this.lastConnectedDragSource = dragSource;\n this.lastConnectedDragSourceOptions = this.dragSourceOptions;\n this.dragSourceUnsubscribe = this.backend.connectDragSource(this.handlerId, dragSource, this.dragSourceOptions);\n }\n return didChange;\n }\n }, {\n key: \"reconnectDragPreview\",\n value: function reconnectDragPreview() {\n var forceDidChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n var dragPreview = this.dragPreview;\n // if nothing has changed then don't resubscribe\n var didChange = forceDidChange || this.didHandlerIdChange() || this.didConnectedDragPreviewChange() || this.didDragPreviewOptionsChange();\n if (didChange) {\n this.disconnectDragPreview();\n }\n if (!this.handlerId) {\n return;\n }\n if (!dragPreview) {\n this.lastConnectedDragPreview = dragPreview;\n return;\n }\n if (didChange) {\n this.lastConnectedHandlerId = this.handlerId;\n this.lastConnectedDragPreview = dragPreview;\n this.lastConnectedDragPreviewOptions = this.dragPreviewOptions;\n this.dragPreviewUnsubscribe = this.backend.connectDragPreview(this.handlerId, dragPreview, this.dragPreviewOptions);\n }\n }\n }, {\n key: \"didHandlerIdChange\",\n value: function didHandlerIdChange() {\n return this.lastConnectedHandlerId !== this.handlerId;\n }\n }, {\n key: \"didConnectedDragSourceChange\",\n value: function didConnectedDragSourceChange() {\n return this.lastConnectedDragSource !== this.dragSource;\n }\n }, {\n key: \"didConnectedDragPreviewChange\",\n value: function didConnectedDragPreviewChange() {\n return this.lastConnectedDragPreview !== this.dragPreview;\n }\n }, {\n key: \"didDragSourceOptionsChange\",\n value: function didDragSourceOptionsChange() {\n return !shallowEqual(this.lastConnectedDragSourceOptions, this.dragSourceOptions);\n }\n }, {\n key: \"didDragPreviewOptionsChange\",\n value: function didDragPreviewOptionsChange() {\n return !shallowEqual(this.lastConnectedDragPreviewOptions, this.dragPreviewOptions);\n }\n }, {\n key: \"disconnectDragSource\",\n value: function disconnectDragSource() {\n if (this.dragSourceUnsubscribe) {\n this.dragSourceUnsubscribe();\n this.dragSourceUnsubscribe = undefined;\n }\n }\n }, {\n key: \"disconnectDragPreview\",\n value: function disconnectDragPreview() {\n if (this.dragPreviewUnsubscribe) {\n this.dragPreviewUnsubscribe();\n this.dragPreviewUnsubscribe = undefined;\n this.dragPreviewNode = null;\n this.dragPreviewRef = null;\n }\n }\n }, {\n key: \"dragSource\",\n get: function get() {\n return this.dragSourceNode || this.dragSourceRef && this.dragSourceRef.current;\n }\n }, {\n key: \"dragPreview\",\n get: function get() {\n return this.dragPreviewNode || this.dragPreviewRef && this.dragPreviewRef.current;\n }\n }, {\n key: \"clearDragSource\",\n value: function clearDragSource() {\n this.dragSourceNode = null;\n this.dragSourceRef = null;\n }\n }, {\n key: \"clearDragPreview\",\n value: function clearDragPreview() {\n this.dragPreviewNode = null;\n this.dragPreviewRef = null;\n }\n }]);\n return SourceConnector;\n}();","import { invariant } from '@react-dnd/invariant';\nimport { useContext } from 'react';\nimport { DndContext } from '../core/index.js';\n/**\n * A hook to retrieve the DragDropManager from Context\n */\nexport function useDragDropManager() {\n var _useContext = useContext(DndContext),\n dragDropManager = _useContext.dragDropManager;\n invariant(dragDropManager != null, 'Expected drag drop context');\n return dragDropManager;\n}","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nimport { invariant } from '@react-dnd/invariant';\nvar isCallingCanDrag = false;\nvar isCallingIsDragging = false;\nexport var DragSourceMonitorImpl = /*#__PURE__*/function () {\n function DragSourceMonitorImpl(manager) {\n _classCallCheck(this, DragSourceMonitorImpl);\n this.sourceId = null;\n this.internalMonitor = manager.getMonitor();\n }\n _createClass(DragSourceMonitorImpl, [{\n key: \"receiveHandlerId\",\n value: function receiveHandlerId(sourceId) {\n this.sourceId = sourceId;\n }\n }, {\n key: \"getHandlerId\",\n value: function getHandlerId() {\n return this.sourceId;\n }\n }, {\n key: \"canDrag\",\n value: function canDrag() {\n invariant(!isCallingCanDrag, 'You may not call monitor.canDrag() inside your canDrag() implementation. ' + 'Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor');\n try {\n isCallingCanDrag = true;\n return this.internalMonitor.canDragSource(this.sourceId);\n } finally {\n isCallingCanDrag = false;\n }\n }\n }, {\n key: \"isDragging\",\n value: function isDragging() {\n if (!this.sourceId) {\n return false;\n }\n invariant(!isCallingIsDragging, 'You may not call monitor.isDragging() inside your isDragging() implementation. ' + 'Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor');\n try {\n isCallingIsDragging = true;\n return this.internalMonitor.isDraggingSource(this.sourceId);\n } finally {\n isCallingIsDragging = false;\n }\n }\n }, {\n key: \"subscribeToStateChange\",\n value: function subscribeToStateChange(listener, options) {\n return this.internalMonitor.subscribeToStateChange(listener, options);\n }\n }, {\n key: \"isDraggingSource\",\n value: function isDraggingSource(sourceId) {\n return this.internalMonitor.isDraggingSource(sourceId);\n }\n }, {\n key: \"isOverTarget\",\n value: function isOverTarget(targetId, options) {\n return this.internalMonitor.isOverTarget(targetId, options);\n }\n }, {\n key: \"getTargetIds\",\n value: function getTargetIds() {\n return this.internalMonitor.getTargetIds();\n }\n }, {\n key: \"isSourcePublic\",\n value: function isSourcePublic() {\n return this.internalMonitor.isSourcePublic();\n }\n }, {\n key: \"getSourceId\",\n value: function getSourceId() {\n return this.internalMonitor.getSourceId();\n }\n }, {\n key: \"subscribeToOffsetChange\",\n value: function subscribeToOffsetChange(listener) {\n return this.internalMonitor.subscribeToOffsetChange(listener);\n }\n }, {\n key: \"canDragSource\",\n value: function canDragSource(sourceId) {\n return this.internalMonitor.canDragSource(sourceId);\n }\n }, {\n key: \"canDropOnTarget\",\n value: function canDropOnTarget(targetId) {\n return this.internalMonitor.canDropOnTarget(targetId);\n }\n }, {\n key: \"getItemType\",\n value: function getItemType() {\n return this.internalMonitor.getItemType();\n }\n }, {\n key: \"getItem\",\n value: function getItem() {\n return this.internalMonitor.getItem();\n }\n }, {\n key: \"getDropResult\",\n value: function getDropResult() {\n return this.internalMonitor.getDropResult();\n }\n }, {\n key: \"didDrop\",\n value: function didDrop() {\n return this.internalMonitor.didDrop();\n }\n }, {\n key: \"getInitialClientOffset\",\n value: function getInitialClientOffset() {\n return this.internalMonitor.getInitialClientOffset();\n }\n }, {\n key: \"getInitialSourceClientOffset\",\n value: function getInitialSourceClientOffset() {\n return this.internalMonitor.getInitialSourceClientOffset();\n }\n }, {\n key: \"getSourceClientOffset\",\n value: function getSourceClientOffset() {\n return this.internalMonitor.getSourceClientOffset();\n }\n }, {\n key: \"getClientOffset\",\n value: function getClientOffset() {\n return this.internalMonitor.getClientOffset();\n }\n }, {\n key: \"getDifferenceFromInitialOffset\",\n value: function getDifferenceFromInitialOffset() {\n return this.internalMonitor.getDifferenceFromInitialOffset();\n }\n }]);\n return DragSourceMonitorImpl;\n}();","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nexport var DragSourceImpl = /*#__PURE__*/function () {\n function DragSourceImpl(spec, monitor, connector) {\n _classCallCheck(this, DragSourceImpl);\n this.spec = spec;\n this.monitor = monitor;\n this.connector = connector;\n }\n _createClass(DragSourceImpl, [{\n key: \"beginDrag\",\n value: function beginDrag() {\n var spec = this.spec;\n var monitor = this.monitor;\n var result = null;\n if (_typeof(spec.item) === 'object') {\n result = spec.item;\n } else if (typeof spec.item === 'function') {\n result = spec.item(monitor);\n } else {\n result = {};\n }\n return result !== null && result !== void 0 ? result : null;\n }\n }, {\n key: \"canDrag\",\n value: function canDrag() {\n var spec = this.spec;\n var monitor = this.monitor;\n if (typeof spec.canDrag === 'boolean') {\n return spec.canDrag;\n } else if (typeof spec.canDrag === 'function') {\n return spec.canDrag(monitor);\n } else {\n return true;\n }\n }\n }, {\n key: \"isDragging\",\n value: function isDragging(globalMonitor, target) {\n var spec = this.spec;\n var monitor = this.monitor;\n var isDragging = spec.isDragging;\n return isDragging ? isDragging(monitor) : target === globalMonitor.getSourceId();\n }\n }, {\n key: \"endDrag\",\n value: function endDrag() {\n var spec = this.spec;\n var monitor = this.monitor;\n var connector = this.connector;\n var end = spec.end;\n if (end) {\n end(monitor.getItem(), monitor);\n }\n connector.reconnect();\n }\n }]);\n return DragSourceImpl;\n}();","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport { registerSource } from '../../internals/index.js';\nimport { useDragDropManager } from '../useDragDropManager.js';\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect.js';\nimport { useDragSource } from './useDragSource.js';\nimport { useDragType } from './useDragType.js';\nexport function useRegisteredDragSource(spec, monitor, connector) {\n var manager = useDragDropManager();\n var handler = useDragSource(spec, monitor, connector);\n var itemType = useDragType(spec);\n useIsomorphicLayoutEffect(function registerDragSource() {\n if (itemType != null) {\n var _registerSource = registerSource(itemType, handler, manager),\n _registerSource2 = _slicedToArray(_registerSource, 2),\n handlerId = _registerSource2[0],\n unregister = _registerSource2[1];\n monitor.receiveHandlerId(handlerId);\n connector.receiveHandlerId(handlerId);\n return unregister;\n }\n return;\n }, [manager, monitor, connector, handler, itemType]);\n}","import { useEffect, useMemo } from 'react';\nimport { DragSourceImpl } from './DragSourceImpl.js';\nexport function useDragSource(spec, monitor, connector) {\n var handler = useMemo(function () {\n return new DragSourceImpl(spec, monitor, connector);\n }, [monitor, connector]);\n useEffect(function () {\n handler.spec = spec;\n }, [spec]);\n return handler;\n}","import { invariant } from '@react-dnd/invariant';\nimport { useMemo } from 'react';\nexport function useDragType(spec) {\n return useMemo(function () {\n var result = spec.type;\n invariant(result != null, 'spec.type must be defined');\n return result;\n }, [spec]);\n}","export function registerTarget(type, target, manager) {\n var registry = manager.getRegistry();\n var targetId = registry.addTarget(type, target);\n return [targetId, function () {\n return registry.removeTarget(targetId);\n }];\n}\nexport function registerSource(type, source, manager) {\n var registry = manager.getRegistry();\n var sourceId = registry.addSource(type, source);\n return [sourceId, function () {\n return registry.removeSource(sourceId);\n }];\n}","import { invariant } from '@react-dnd/invariant';\nimport { useCollectedProps } from '../useCollectedProps.js';\nimport { useOptionalFactory } from '../useOptionalFactory.js';\nimport { useConnectDragPreview, useConnectDragSource } from './connectors.js';\nimport { useDragSourceConnector } from './useDragSourceConnector.js';\nimport { useDragSourceMonitor } from './useDragSourceMonitor.js';\nimport { useRegisteredDragSource } from './useRegisteredDragSource.js';\n/**\n * useDragSource hook\n * @param sourceSpec The drag source specification (object or function, function preferred)\n * @param deps The memoization deps array to use when evaluating spec changes\n */\nexport function useDrag(specArg, deps) {\n var spec = useOptionalFactory(specArg, deps);\n invariant(!spec.begin, \"useDrag::spec.begin was deprecated in v14. Replace spec.begin() with spec.item(). (see more here - https://react-dnd.github.io/react-dnd/docs/api/use-drag)\");\n var monitor = useDragSourceMonitor();\n var connector = useDragSourceConnector(spec.options, spec.previewOptions);\n useRegisteredDragSource(spec, monitor, connector);\n return [useCollectedProps(spec.collect, monitor, connector), useConnectDragSource(connector), useConnectDragPreview(connector)];\n}","import { useMemo } from 'react';\nimport { DragSourceMonitorImpl } from '../../internals/index.js';\nimport { useDragDropManager } from '../useDragDropManager.js';\nexport function useDragSourceMonitor() {\n var manager = useDragDropManager();\n return useMemo(function () {\n return new DragSourceMonitorImpl(manager);\n }, [manager]);\n}","import { useMemo } from 'react';\nimport { SourceConnector } from '../../internals/index.js';\nimport { useDragDropManager } from '../useDragDropManager.js';\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect.js';\nexport function useDragSourceConnector(dragSourceOptions, dragPreviewOptions) {\n var manager = useDragDropManager();\n var connector = useMemo(function () {\n return new SourceConnector(manager.getBackend());\n }, [manager]);\n useIsomorphicLayoutEffect(function () {\n connector.dragSourceOptions = dragSourceOptions || null;\n connector.reconnect();\n return function () {\n return connector.disconnectDragSource();\n };\n }, [connector, dragSourceOptions]);\n useIsomorphicLayoutEffect(function () {\n connector.dragPreviewOptions = dragPreviewOptions || null;\n connector.reconnect();\n return function () {\n return connector.disconnectDragPreview();\n };\n }, [connector, dragPreviewOptions]);\n return connector;\n}","import { useMemo } from 'react';\nexport function useConnectDropTarget(connector) {\n return useMemo(function () {\n return connector.hooks.dropTarget();\n }, [connector]);\n}","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nimport { shallowEqual } from '@react-dnd/shallowequal';\nimport { isRef } from './isRef.js';\nimport { wrapConnectorHooks } from './wrapConnectorHooks.js';\nexport var TargetConnector = /*#__PURE__*/function () {\n function TargetConnector(backend) {\n var _this = this;\n _classCallCheck(this, TargetConnector);\n this.hooks = wrapConnectorHooks({\n dropTarget: function dropTarget(node, options) {\n _this.clearDropTarget();\n _this.dropTargetOptions = options;\n if (isRef(node)) {\n _this.dropTargetRef = node;\n } else {\n _this.dropTargetNode = node;\n }\n _this.reconnect();\n }\n });\n this.handlerId = null;\n // The drop target may either be attached via ref or connect function\n this.dropTargetRef = null;\n this.dropTargetOptionsInternal = null;\n this.lastConnectedHandlerId = null;\n this.lastConnectedDropTarget = null;\n this.lastConnectedDropTargetOptions = null;\n this.backend = backend;\n }\n _createClass(TargetConnector, [{\n key: \"connectTarget\",\n get: function get() {\n return this.dropTarget;\n }\n }, {\n key: \"reconnect\",\n value: function reconnect() {\n // if nothing has changed then don't resubscribe\n var didChange = this.didHandlerIdChange() || this.didDropTargetChange() || this.didOptionsChange();\n if (didChange) {\n this.disconnectDropTarget();\n }\n var dropTarget = this.dropTarget;\n if (!this.handlerId) {\n return;\n }\n if (!dropTarget) {\n this.lastConnectedDropTarget = dropTarget;\n return;\n }\n if (didChange) {\n this.lastConnectedHandlerId = this.handlerId;\n this.lastConnectedDropTarget = dropTarget;\n this.lastConnectedDropTargetOptions = this.dropTargetOptions;\n this.unsubscribeDropTarget = this.backend.connectDropTarget(this.handlerId, dropTarget, this.dropTargetOptions);\n }\n }\n }, {\n key: \"receiveHandlerId\",\n value: function receiveHandlerId(newHandlerId) {\n if (newHandlerId === this.handlerId) {\n return;\n }\n this.handlerId = newHandlerId;\n this.reconnect();\n }\n }, {\n key: \"dropTargetOptions\",\n get: function get() {\n return this.dropTargetOptionsInternal;\n },\n set: function set(options) {\n this.dropTargetOptionsInternal = options;\n }\n }, {\n key: \"didHandlerIdChange\",\n value: function didHandlerIdChange() {\n return this.lastConnectedHandlerId !== this.handlerId;\n }\n }, {\n key: \"didDropTargetChange\",\n value: function didDropTargetChange() {\n return this.lastConnectedDropTarget !== this.dropTarget;\n }\n }, {\n key: \"didOptionsChange\",\n value: function didOptionsChange() {\n return !shallowEqual(this.lastConnectedDropTargetOptions, this.dropTargetOptions);\n }\n }, {\n key: \"disconnectDropTarget\",\n value: function disconnectDropTarget() {\n if (this.unsubscribeDropTarget) {\n this.unsubscribeDropTarget();\n this.unsubscribeDropTarget = undefined;\n }\n }\n }, {\n key: \"dropTarget\",\n get: function get() {\n return this.dropTargetNode || this.dropTargetRef && this.dropTargetRef.current;\n }\n }, {\n key: \"clearDropTarget\",\n value: function clearDropTarget() {\n this.dropTargetRef = null;\n this.dropTargetNode = null;\n }\n }]);\n return TargetConnector;\n}();","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nimport { invariant } from '@react-dnd/invariant';\nvar isCallingCanDrop = false;\nexport var DropTargetMonitorImpl = /*#__PURE__*/function () {\n function DropTargetMonitorImpl(manager) {\n _classCallCheck(this, DropTargetMonitorImpl);\n this.targetId = null;\n this.internalMonitor = manager.getMonitor();\n }\n _createClass(DropTargetMonitorImpl, [{\n key: \"receiveHandlerId\",\n value: function receiveHandlerId(targetId) {\n this.targetId = targetId;\n }\n }, {\n key: \"getHandlerId\",\n value: function getHandlerId() {\n return this.targetId;\n }\n }, {\n key: \"subscribeToStateChange\",\n value: function subscribeToStateChange(listener, options) {\n return this.internalMonitor.subscribeToStateChange(listener, options);\n }\n }, {\n key: \"canDrop\",\n value: function canDrop() {\n // Cut out early if the target id has not been set. This should prevent errors\n // where the user has an older version of dnd-core like in\n // https://github.com/react-dnd/react-dnd/issues/1310\n if (!this.targetId) {\n return false;\n }\n invariant(!isCallingCanDrop, 'You may not call monitor.canDrop() inside your canDrop() implementation. ' + 'Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target-monitor');\n try {\n isCallingCanDrop = true;\n return this.internalMonitor.canDropOnTarget(this.targetId);\n } finally {\n isCallingCanDrop = false;\n }\n }\n }, {\n key: \"isOver\",\n value: function isOver(options) {\n if (!this.targetId) {\n return false;\n }\n return this.internalMonitor.isOverTarget(this.targetId, options);\n }\n }, {\n key: \"getItemType\",\n value: function getItemType() {\n return this.internalMonitor.getItemType();\n }\n }, {\n key: \"getItem\",\n value: function getItem() {\n return this.internalMonitor.getItem();\n }\n }, {\n key: \"getDropResult\",\n value: function getDropResult() {\n return this.internalMonitor.getDropResult();\n }\n }, {\n key: \"didDrop\",\n value: function didDrop() {\n return this.internalMonitor.didDrop();\n }\n }, {\n key: \"getInitialClientOffset\",\n value: function getInitialClientOffset() {\n return this.internalMonitor.getInitialClientOffset();\n }\n }, {\n key: \"getInitialSourceClientOffset\",\n value: function getInitialSourceClientOffset() {\n return this.internalMonitor.getInitialSourceClientOffset();\n }\n }, {\n key: \"getSourceClientOffset\",\n value: function getSourceClientOffset() {\n return this.internalMonitor.getSourceClientOffset();\n }\n }, {\n key: \"getClientOffset\",\n value: function getClientOffset() {\n return this.internalMonitor.getClientOffset();\n }\n }, {\n key: \"getDifferenceFromInitialOffset\",\n value: function getDifferenceFromInitialOffset() {\n return this.internalMonitor.getDifferenceFromInitialOffset();\n }\n }]);\n return DropTargetMonitorImpl;\n}();","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nexport var DropTargetImpl = /*#__PURE__*/function () {\n function DropTargetImpl(spec, monitor) {\n _classCallCheck(this, DropTargetImpl);\n this.spec = spec;\n this.monitor = monitor;\n }\n _createClass(DropTargetImpl, [{\n key: \"canDrop\",\n value: function canDrop() {\n var spec = this.spec;\n var monitor = this.monitor;\n return spec.canDrop ? spec.canDrop(monitor.getItem(), monitor) : true;\n }\n }, {\n key: \"hover\",\n value: function hover() {\n var spec = this.spec;\n var monitor = this.monitor;\n if (spec.hover) {\n spec.hover(monitor.getItem(), monitor);\n }\n }\n }, {\n key: \"drop\",\n value: function drop() {\n var spec = this.spec;\n var monitor = this.monitor;\n if (spec.drop) {\n return spec.drop(monitor.getItem(), monitor);\n }\n return;\n }\n }]);\n return DropTargetImpl;\n}();","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport { registerTarget } from '../../internals/index.js';\nimport { useDragDropManager } from '../useDragDropManager.js';\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect.js';\nimport { useAccept } from './useAccept.js';\nimport { useDropTarget } from './useDropTarget.js';\nexport function useRegisteredDropTarget(spec, monitor, connector) {\n var manager = useDragDropManager();\n var dropTarget = useDropTarget(spec, monitor);\n var accept = useAccept(spec);\n useIsomorphicLayoutEffect(function registerDropTarget() {\n var _registerTarget = registerTarget(accept, dropTarget, manager),\n _registerTarget2 = _slicedToArray(_registerTarget, 2),\n handlerId = _registerTarget2[0],\n unregister = _registerTarget2[1];\n monitor.receiveHandlerId(handlerId);\n connector.receiveHandlerId(handlerId);\n return unregister;\n }, [manager, monitor, dropTarget, connector, accept.map(function (a) {\n return a.toString();\n }).join('|')]);\n}","import { useEffect, useMemo } from 'react';\nimport { DropTargetImpl } from './DropTargetImpl.js';\nexport function useDropTarget(spec, monitor) {\n var dropTarget = useMemo(function () {\n return new DropTargetImpl(spec, monitor);\n }, [monitor]);\n useEffect(function () {\n dropTarget.spec = spec;\n }, [spec]);\n return dropTarget;\n}","import { invariant } from '@react-dnd/invariant';\nimport { useMemo } from 'react';\n/**\n * Internal utility hook to get an array-version of spec.accept.\n * The main utility here is that we aren't creating a new array on every render if a non-array spec.accept is passed in.\n * @param spec\n */\nexport function useAccept(spec) {\n var accept = spec.accept;\n return useMemo(function () {\n invariant(spec.accept != null, 'accept must be defined');\n return Array.isArray(accept) ? accept : [accept];\n }, [accept]);\n}","import { useCollectedProps } from '../useCollectedProps.js';\nimport { useOptionalFactory } from '../useOptionalFactory.js';\nimport { useConnectDropTarget } from './connectors.js';\nimport { useDropTargetConnector } from './useDropTargetConnector.js';\nimport { useDropTargetMonitor } from './useDropTargetMonitor.js';\nimport { useRegisteredDropTarget } from './useRegisteredDropTarget.js';\n/**\n * useDropTarget Hook\n * @param spec The drop target specification (object or function, function preferred)\n * @param deps The memoization deps array to use when evaluating spec changes\n */\nexport function useDrop(specArg, deps) {\n var spec = useOptionalFactory(specArg, deps);\n var monitor = useDropTargetMonitor();\n var connector = useDropTargetConnector(spec.options);\n useRegisteredDropTarget(spec, monitor, connector);\n return [useCollectedProps(spec.collect, monitor, connector), useConnectDropTarget(connector)];\n}","import { useMemo } from 'react';\nimport { DropTargetMonitorImpl } from '../../internals/index.js';\nimport { useDragDropManager } from '../useDragDropManager.js';\nexport function useDropTargetMonitor() {\n var manager = useDragDropManager();\n return useMemo(function () {\n return new DropTargetMonitorImpl(manager);\n }, [manager]);\n}","import { useMemo } from 'react';\nimport { TargetConnector } from '../../internals/index.js';\nimport { useDragDropManager } from '../useDragDropManager.js';\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect.js';\nexport function useDropTargetConnector(options) {\n var manager = useDragDropManager();\n var connector = useMemo(function () {\n return new TargetConnector(manager.getBackend());\n }, [manager]);\n useIsomorphicLayoutEffect(function () {\n connector.dropTargetOptions = options || null;\n connector.reconnect();\n return function () {\n return connector.disconnectDropTarget();\n };\n }, [options]);\n return connector;\n}","// cheap lodash replacements\nexport function memoize(fn) {\n var result = null;\n var memoized = function memoized() {\n if (result == null) {\n result = fn();\n }\n return result;\n };\n return memoized;\n}\n/**\n * drop-in replacement for _.without\n */\nexport function without(items, item) {\n return items.filter(function (i) {\n return i !== item;\n });\n}\nexport function union(itemsA, itemsB) {\n var set = new Set();\n var insertItem = function insertItem(item) {\n return set.add(item);\n };\n itemsA.forEach(insertItem);\n itemsB.forEach(insertItem);\n var result = [];\n set.forEach(function (key) {\n return result.push(key);\n });\n return result;\n}","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nimport { union, without } from './utils/js_utils.js';\nexport var EnterLeaveCounter = /*#__PURE__*/function () {\n function EnterLeaveCounter(isNodeInDocument) {\n _classCallCheck(this, EnterLeaveCounter);\n this.entered = [];\n this.isNodeInDocument = isNodeInDocument;\n }\n _createClass(EnterLeaveCounter, [{\n key: \"enter\",\n value: function enter(enteringNode) {\n var _this = this;\n var previousLength = this.entered.length;\n var isNodeEntered = function isNodeEntered(node) {\n return _this.isNodeInDocument(node) && (!node.contains || node.contains(enteringNode));\n };\n this.entered = union(this.entered.filter(isNodeEntered), [enteringNode]);\n return previousLength === 0 && this.entered.length > 0;\n }\n }, {\n key: \"leave\",\n value: function leave(leavingNode) {\n var previousLength = this.entered.length;\n this.entered = without(this.entered.filter(this.isNodeInDocument), leavingNode);\n return previousLength > 0 && this.entered.length === 0;\n }\n }, {\n key: \"reset\",\n value: function reset() {\n this.entered = [];\n }\n }]);\n return EnterLeaveCounter;\n}();","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nexport var NativeDragSource = /*#__PURE__*/function () {\n function NativeDragSource(config) {\n _classCallCheck(this, NativeDragSource);\n this.config = config;\n this.item = {};\n this.initializeExposedProperties();\n }\n _createClass(NativeDragSource, [{\n key: \"initializeExposedProperties\",\n value: function initializeExposedProperties() {\n var _this = this;\n Object.keys(this.config.exposeProperties).forEach(function (property) {\n Object.defineProperty(_this.item, property, {\n configurable: true,\n enumerable: true,\n get: function get() {\n // eslint-disable-next-line no-console\n console.warn(\"Browser doesn't allow reading \\\"\".concat(property, \"\\\" until the drop event.\"));\n return null;\n }\n });\n });\n }\n }, {\n key: \"loadDataTransfer\",\n value: function loadDataTransfer(dataTransfer) {\n var _this2 = this;\n if (dataTransfer) {\n var newProperties = {};\n Object.keys(this.config.exposeProperties).forEach(function (property) {\n var propertyFn = _this2.config.exposeProperties[property];\n if (propertyFn != null) {\n newProperties[property] = {\n value: propertyFn(dataTransfer, _this2.config.matchesTypes),\n configurable: true,\n enumerable: true\n };\n }\n });\n Object.defineProperties(this.item, newProperties);\n }\n }\n }, {\n key: \"canDrag\",\n value: function canDrag() {\n return true;\n }\n }, {\n key: \"beginDrag\",\n value: function beginDrag() {\n return this.item;\n }\n }, {\n key: \"isDragging\",\n value: function isDragging(monitor, handle) {\n return handle === monitor.getSourceId();\n }\n }, {\n key: \"endDrag\",\n value: function endDrag() {\n // empty\n }\n }]);\n return NativeDragSource;\n}();","var _nativeTypesConfig;\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nimport * as NativeTypes from '../NativeTypes.js';\nimport { getDataFromDataTransfer } from './getDataFromDataTransfer.js';\nexport var nativeTypesConfig = (_nativeTypesConfig = {}, _defineProperty(_nativeTypesConfig, NativeTypes.FILE, {\n exposeProperties: {\n files: function files(dataTransfer) {\n return Array.prototype.slice.call(dataTransfer.files);\n },\n items: function items(dataTransfer) {\n return dataTransfer.items;\n },\n dataTransfer: function dataTransfer(_dataTransfer) {\n return _dataTransfer;\n }\n },\n matchesTypes: ['Files']\n}), _defineProperty(_nativeTypesConfig, NativeTypes.HTML, {\n exposeProperties: {\n html: function html(dataTransfer, matchesTypes) {\n return getDataFromDataTransfer(dataTransfer, matchesTypes, '');\n },\n dataTransfer: function dataTransfer(_dataTransfer2) {\n return _dataTransfer2;\n }\n },\n matchesTypes: ['Html', 'text/html']\n}), _defineProperty(_nativeTypesConfig, NativeTypes.URL, {\n exposeProperties: {\n urls: function urls(dataTransfer, matchesTypes) {\n return getDataFromDataTransfer(dataTransfer, matchesTypes, '').split('\\n');\n },\n dataTransfer: function dataTransfer(_dataTransfer3) {\n return _dataTransfer3;\n }\n },\n matchesTypes: ['Url', 'text/uri-list']\n}), _defineProperty(_nativeTypesConfig, NativeTypes.TEXT, {\n exposeProperties: {\n text: function text(dataTransfer, matchesTypes) {\n return getDataFromDataTransfer(dataTransfer, matchesTypes, '');\n },\n dataTransfer: function dataTransfer(_dataTransfer4) {\n return _dataTransfer4;\n }\n },\n matchesTypes: ['Text', 'text/plain']\n}), _nativeTypesConfig);","export var FILE = '__NATIVE_FILE__';\nexport var URL = '__NATIVE_URL__';\nexport var TEXT = '__NATIVE_TEXT__';\nexport var HTML = '__NATIVE_HTML__';","export function getDataFromDataTransfer(dataTransfer, typesToTry, defaultValue) {\n var result = typesToTry.reduce(function (resultSoFar, typeToTry) {\n return resultSoFar || dataTransfer.getData(typeToTry);\n }, '');\n return result != null ? result : defaultValue;\n}","import { NativeDragSource } from './NativeDragSource.js';\nimport { nativeTypesConfig } from './nativeTypesConfig.js';\nexport function createNativeDragSource(type, dataTransfer) {\n var config = nativeTypesConfig[type];\n if (!config) {\n throw new Error(\"native type \".concat(type, \" has no configuration\"));\n }\n var result = new NativeDragSource(config);\n result.loadDataTransfer(dataTransfer);\n return result;\n}\nexport function matchNativeItemType(dataTransfer) {\n if (!dataTransfer) {\n return null;\n }\n var dataTransferTypes = Array.prototype.slice.call(dataTransfer.types || []);\n return Object.keys(nativeTypesConfig).filter(function (nativeItemType) {\n var typeConfig = nativeTypesConfig[nativeItemType];\n if (!(typeConfig === null || typeConfig === void 0 ? void 0 : typeConfig.matchesTypes)) {\n return false;\n }\n return typeConfig.matchesTypes.some(function (t) {\n return dataTransferTypes.indexOf(t) > -1;\n });\n })[0] || null;\n}","import { memoize } from './utils/js_utils.js';\nexport var isFirefox = memoize(function () {\n return /firefox/i.test(navigator.userAgent);\n});\nexport var isSafari = memoize(function () {\n return Boolean(window.safari);\n});","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nexport var MonotonicInterpolant = /*#__PURE__*/function () {\n function MonotonicInterpolant(xs, ys) {\n _classCallCheck(this, MonotonicInterpolant);\n var length = xs.length;\n // Rearrange xs and ys so that xs is sorted\n var indexes = [];\n for (var i = 0; i < length; i++) {\n indexes.push(i);\n }\n indexes.sort(function (a, b) {\n return xs[a] < xs[b] ? -1 : 1;\n });\n // Get consecutive differences and slopes\n var dys = [];\n var dxs = [];\n var ms = [];\n var dx;\n var dy;\n for (var i1 = 0; i1 < length - 1; i1++) {\n dx = xs[i1 + 1] - xs[i1];\n dy = ys[i1 + 1] - ys[i1];\n dxs.push(dx);\n dys.push(dy);\n ms.push(dy / dx);\n }\n // Get degree-1 coefficients\n var c1s = [ms[0]];\n for (var i2 = 0; i2 < dxs.length - 1; i2++) {\n var m2 = ms[i2];\n var mNext = ms[i2 + 1];\n if (m2 * mNext <= 0) {\n c1s.push(0);\n } else {\n dx = dxs[i2];\n var dxNext = dxs[i2 + 1];\n var common = dx + dxNext;\n c1s.push(3 * common / ((common + dxNext) / m2 + (common + dx) / mNext));\n }\n }\n c1s.push(ms[ms.length - 1]);\n // Get degree-2 and degree-3 coefficients\n var c2s = [];\n var c3s = [];\n var m;\n for (var i3 = 0; i3 < c1s.length - 1; i3++) {\n m = ms[i3];\n var c1 = c1s[i3];\n var invDx = 1 / dxs[i3];\n var _common = c1 + c1s[i3 + 1] - m - m;\n c2s.push((m - c1 - _common) * invDx);\n c3s.push(_common * invDx * invDx);\n }\n this.xs = xs;\n this.ys = ys;\n this.c1s = c1s;\n this.c2s = c2s;\n this.c3s = c3s;\n }\n _createClass(MonotonicInterpolant, [{\n key: \"interpolate\",\n value: function interpolate(x) {\n var xs = this.xs,\n ys = this.ys,\n c1s = this.c1s,\n c2s = this.c2s,\n c3s = this.c3s;\n // The rightmost point in the dataset should give an exact result\n var i = xs.length - 1;\n if (x === xs[i]) {\n return ys[i];\n }\n // Search for the interval x is in, returning the corresponding y if x is one of the original xs\n var low = 0;\n var high = c3s.length - 1;\n var mid;\n while (low <= high) {\n mid = Math.floor(0.5 * (low + high));\n var xHere = xs[mid];\n if (xHere < x) {\n low = mid + 1;\n } else if (xHere > x) {\n high = mid - 1;\n } else {\n return ys[mid];\n }\n }\n i = Math.max(0, high);\n // Interpolate\n var diff = x - xs[i];\n var diffSq = diff * diff;\n return ys[i] + c1s[i] * diff + c2s[i] * diffSq + c3s[i] * diff * diffSq;\n }\n }]);\n return MonotonicInterpolant;\n}();","import { isFirefox, isSafari } from './BrowserDetector.js';\nimport { MonotonicInterpolant } from './MonotonicInterpolant.js';\nvar ELEMENT_NODE = 1;\nexport function getNodeClientOffset(node) {\n var el = node.nodeType === ELEMENT_NODE ? node : node.parentElement;\n if (!el) {\n return null;\n }\n var _el$getBoundingClient = el.getBoundingClientRect(),\n top = _el$getBoundingClient.top,\n left = _el$getBoundingClient.left;\n return {\n x: left,\n y: top\n };\n}\nexport function getEventClientOffset(e) {\n return {\n x: e.clientX,\n y: e.clientY\n };\n}\nfunction isImageNode(node) {\n var ref;\n return node.nodeName === 'IMG' && (isFirefox() || !((ref = document.documentElement) === null || ref === void 0 ? void 0 : ref.contains(node)));\n}\nfunction getDragPreviewSize(isImage, dragPreview, sourceWidth, sourceHeight) {\n var dragPreviewWidth = isImage ? dragPreview.width : sourceWidth;\n var dragPreviewHeight = isImage ? dragPreview.height : sourceHeight;\n // Work around @2x coordinate discrepancies in browsers\n if (isSafari() && isImage) {\n dragPreviewHeight /= window.devicePixelRatio;\n dragPreviewWidth /= window.devicePixelRatio;\n }\n return {\n dragPreviewWidth: dragPreviewWidth,\n dragPreviewHeight: dragPreviewHeight\n };\n}\nexport function getDragPreviewOffset(sourceNode, dragPreview, clientOffset, anchorPoint, offsetPoint) {\n // The browsers will use the image intrinsic size under different conditions.\n // Firefox only cares if it's an image, but WebKit also wants it to be detached.\n var isImage = isImageNode(dragPreview);\n var dragPreviewNode = isImage ? sourceNode : dragPreview;\n var dragPreviewNodeOffsetFromClient = getNodeClientOffset(dragPreviewNode);\n var offsetFromDragPreview = {\n x: clientOffset.x - dragPreviewNodeOffsetFromClient.x,\n y: clientOffset.y - dragPreviewNodeOffsetFromClient.y\n };\n var sourceWidth = sourceNode.offsetWidth,\n sourceHeight = sourceNode.offsetHeight;\n var anchorX = anchorPoint.anchorX,\n anchorY = anchorPoint.anchorY;\n var _getDragPreviewSize = getDragPreviewSize(isImage, dragPreview, sourceWidth, sourceHeight),\n dragPreviewWidth = _getDragPreviewSize.dragPreviewWidth,\n dragPreviewHeight = _getDragPreviewSize.dragPreviewHeight;\n var calculateYOffset = function calculateYOffset() {\n var interpolantY = new MonotonicInterpolant([0, 0.5, 1], [\n // Dock to the top\n offsetFromDragPreview.y,\n // Align at the center\n offsetFromDragPreview.y / sourceHeight * dragPreviewHeight,\n // Dock to the bottom\n offsetFromDragPreview.y + dragPreviewHeight - sourceHeight]);\n var y = interpolantY.interpolate(anchorY);\n // Work around Safari 8 positioning bug\n if (isSafari() && isImage) {\n // We'll have to wait for @3x to see if this is entirely correct\n y += (window.devicePixelRatio - 1) * dragPreviewHeight;\n }\n return y;\n };\n var calculateXOffset = function calculateXOffset() {\n // Interpolate coordinates depending on anchor point\n // If you know a simpler way to do this, let me know\n var interpolantX = new MonotonicInterpolant([0, 0.5, 1], [\n // Dock to the left\n offsetFromDragPreview.x,\n // Align at the center\n offsetFromDragPreview.x / sourceWidth * dragPreviewWidth,\n // Dock to the right\n offsetFromDragPreview.x + dragPreviewWidth - sourceWidth]);\n return interpolantX.interpolate(anchorX);\n };\n // Force offsets if specified in the options.\n var offsetX = offsetPoint.offsetX,\n offsetY = offsetPoint.offsetY;\n var isManualOffsetX = offsetX === 0 || offsetX;\n var isManualOffsetY = offsetY === 0 || offsetY;\n return {\n x: isManualOffsetX ? offsetX : calculateXOffset(),\n y: isManualOffsetY ? offsetY : calculateYOffset()\n };\n}","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nexport var OptionsReader = /*#__PURE__*/function () {\n function OptionsReader(globalContext, options) {\n _classCallCheck(this, OptionsReader);\n this.ownerDocument = null;\n this.globalContext = globalContext;\n this.optionsArgs = options;\n }\n _createClass(OptionsReader, [{\n key: \"window\",\n get: function get() {\n if (this.globalContext) {\n return this.globalContext;\n } else if (typeof window !== 'undefined') {\n return window;\n }\n return undefined;\n }\n }, {\n key: \"document\",\n get: function get() {\n var ref;\n if ((ref = this.globalContext) === null || ref === void 0 ? void 0 : ref.document) {\n return this.globalContext.document;\n } else if (this.window) {\n return this.window.document;\n } else {\n return undefined;\n }\n }\n }, {\n key: \"rootElement\",\n get: function get() {\n var ref;\n return ((ref = this.optionsArgs) === null || ref === void 0 ? void 0 : ref.rootElement) || this.window;\n }\n }]);\n return OptionsReader;\n}();","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n return target;\n}\nimport { EnterLeaveCounter } from './EnterLeaveCounter.js';\nimport { createNativeDragSource, matchNativeItemType } from './NativeDragSources/index.js';\nimport * as NativeTypes from './NativeTypes.js';\nimport { getDragPreviewOffset, getEventClientOffset, getNodeClientOffset } from './OffsetUtils.js';\nimport { OptionsReader } from './OptionsReader.js';\nexport var HTML5BackendImpl = /*#__PURE__*/function () {\n function HTML5BackendImpl(manager, globalContext, options) {\n var _this = this;\n _classCallCheck(this, HTML5BackendImpl);\n this.sourcePreviewNodes = new Map();\n this.sourcePreviewNodeOptions = new Map();\n this.sourceNodes = new Map();\n this.sourceNodeOptions = new Map();\n this.dragStartSourceIds = null;\n this.dropTargetIds = [];\n this.dragEnterTargetIds = [];\n this.currentNativeSource = null;\n this.currentNativeHandle = null;\n this.currentDragSourceNode = null;\n this.altKeyPressed = false;\n this.mouseMoveTimeoutTimer = null;\n this.asyncEndDragFrameId = null;\n this.dragOverTargetIds = null;\n this.lastClientOffset = null;\n this.hoverRafId = null;\n this.getSourceClientOffset = function (sourceId) {\n var source = _this.sourceNodes.get(sourceId);\n return source && getNodeClientOffset(source) || null;\n };\n this.endDragNativeItem = function () {\n if (!_this.isDraggingNativeItem()) {\n return;\n }\n _this.actions.endDrag();\n if (_this.currentNativeHandle) {\n _this.registry.removeSource(_this.currentNativeHandle);\n }\n _this.currentNativeHandle = null;\n _this.currentNativeSource = null;\n };\n this.isNodeInDocument = function (node) {\n // Check the node either in the main document or in the current context\n return Boolean(node && _this.document && _this.document.body && _this.document.body.contains(node));\n };\n this.endDragIfSourceWasRemovedFromDOM = function () {\n var node = _this.currentDragSourceNode;\n if (node == null || _this.isNodeInDocument(node)) {\n return;\n }\n if (_this.clearCurrentDragSourceNode() && _this.monitor.isDragging()) {\n _this.actions.endDrag();\n }\n _this.cancelHover();\n };\n this.scheduleHover = function (dragOverTargetIds) {\n if (_this.hoverRafId === null && typeof requestAnimationFrame !== 'undefined') {\n _this.hoverRafId = requestAnimationFrame(function () {\n if (_this.monitor.isDragging()) {\n _this.actions.hover(dragOverTargetIds || [], {\n clientOffset: _this.lastClientOffset\n });\n }\n _this.hoverRafId = null;\n });\n }\n };\n this.cancelHover = function () {\n if (_this.hoverRafId !== null && typeof cancelAnimationFrame !== 'undefined') {\n cancelAnimationFrame(_this.hoverRafId);\n _this.hoverRafId = null;\n }\n };\n this.handleTopDragStartCapture = function () {\n _this.clearCurrentDragSourceNode();\n _this.dragStartSourceIds = [];\n };\n this.handleTopDragStart = function (e) {\n if (e.defaultPrevented) {\n return;\n }\n var dragStartSourceIds = _this.dragStartSourceIds;\n _this.dragStartSourceIds = null;\n var clientOffset = getEventClientOffset(e);\n // Avoid crashing if we missed a drop event or our previous drag died\n if (_this.monitor.isDragging()) {\n _this.actions.endDrag();\n _this.cancelHover();\n }\n // Don't publish the source just yet (see why below)\n _this.actions.beginDrag(dragStartSourceIds || [], {\n publishSource: false,\n getSourceClientOffset: _this.getSourceClientOffset,\n clientOffset: clientOffset\n });\n var dataTransfer = e.dataTransfer;\n var nativeType = matchNativeItemType(dataTransfer);\n if (_this.monitor.isDragging()) {\n if (dataTransfer && typeof dataTransfer.setDragImage === 'function') {\n // Use custom drag image if user specifies it.\n // If child drag source refuses drag but parent agrees,\n // use parent's node as drag image. Neither works in IE though.\n var sourceId = _this.monitor.getSourceId();\n var sourceNode = _this.sourceNodes.get(sourceId);\n var dragPreview = _this.sourcePreviewNodes.get(sourceId) || sourceNode;\n if (dragPreview) {\n var _this$getCurrentSourc = _this.getCurrentSourcePreviewNodeOptions(),\n anchorX = _this$getCurrentSourc.anchorX,\n anchorY = _this$getCurrentSourc.anchorY,\n offsetX = _this$getCurrentSourc.offsetX,\n offsetY = _this$getCurrentSourc.offsetY;\n var anchorPoint = {\n anchorX: anchorX,\n anchorY: anchorY\n };\n var offsetPoint = {\n offsetX: offsetX,\n offsetY: offsetY\n };\n var dragPreviewOffset = getDragPreviewOffset(sourceNode, dragPreview, clientOffset, anchorPoint, offsetPoint);\n dataTransfer.setDragImage(dragPreview, dragPreviewOffset.x, dragPreviewOffset.y);\n }\n }\n try {\n // Firefox won't drag without setting data\n dataTransfer === null || dataTransfer === void 0 ? void 0 : dataTransfer.setData('application/json', {});\n } catch (err) {\n // IE doesn't support MIME types in setData\n }\n // Store drag source node so we can check whether\n // it is removed from DOM and trigger endDrag manually.\n _this.setCurrentDragSourceNode(e.target);\n // Now we are ready to publish the drag source.. or are we not?\n var _this$getCurrentSourc2 = _this.getCurrentSourcePreviewNodeOptions(),\n captureDraggingState = _this$getCurrentSourc2.captureDraggingState;\n if (!captureDraggingState) {\n // Usually we want to publish it in the next tick so that browser\n // is able to screenshot the current (not yet dragging) state.\n //\n // It also neatly avoids a situation where render() returns null\n // in the same tick for the source element, and browser freaks out.\n setTimeout(function () {\n return _this.actions.publishDragSource();\n }, 0);\n } else {\n // In some cases the user may want to override this behavior, e.g.\n // to work around IE not supporting custom drag previews.\n //\n // When using a custom drag layer, the only way to prevent\n // the default drag preview from drawing in IE is to screenshot\n // the dragging state in which the node itself has zero opacity\n // and height. In this case, though, returning null from render()\n // will abruptly end the dragging, which is not obvious.\n //\n // This is the reason such behavior is strictly opt-in.\n _this.actions.publishDragSource();\n }\n } else if (nativeType) {\n // A native item (such as URL) dragged from inside the document\n _this.beginDragNativeItem(nativeType);\n } else if (dataTransfer && !dataTransfer.types && (e.target && !e.target.hasAttribute || !e.target.hasAttribute('draggable'))) {\n // Looks like a Safari bug: dataTransfer.types is null, but there was no draggable.\n // Just let it drag. It's a native type (URL or text) and will be picked up in\n // dragenter handler.\n return;\n } else {\n // If by this time no drag source reacted, tell browser not to drag.\n e.preventDefault();\n }\n };\n this.handleTopDragEndCapture = function () {\n if (_this.clearCurrentDragSourceNode() && _this.monitor.isDragging()) {\n // Firefox can dispatch this event in an infinite loop\n // if dragend handler does something like showing an alert.\n // Only proceed if we have not handled it already.\n _this.actions.endDrag();\n }\n _this.cancelHover();\n };\n this.handleTopDragEnterCapture = function (e) {\n _this.dragEnterTargetIds = [];\n if (_this.isDraggingNativeItem()) {\n var ref;\n (ref = _this.currentNativeSource) === null || ref === void 0 ? void 0 : ref.loadDataTransfer(e.dataTransfer);\n }\n var isFirstEnter = _this.enterLeaveCounter.enter(e.target);\n if (!isFirstEnter || _this.monitor.isDragging()) {\n return;\n }\n var dataTransfer = e.dataTransfer;\n var nativeType = matchNativeItemType(dataTransfer);\n if (nativeType) {\n // A native item (such as file or URL) dragged from outside the document\n _this.beginDragNativeItem(nativeType, dataTransfer);\n }\n };\n this.handleTopDragEnter = function (e) {\n var dragEnterTargetIds = _this.dragEnterTargetIds;\n _this.dragEnterTargetIds = [];\n if (!_this.monitor.isDragging()) {\n // This is probably a native item type we don't understand.\n return;\n }\n _this.altKeyPressed = e.altKey;\n // If the target changes position as the result of `dragenter`, `dragover` might still\n // get dispatched despite target being no longer there. The easy solution is to check\n // whether there actually is a target before firing `hover`.\n if (dragEnterTargetIds.length > 0) {\n _this.actions.hover(dragEnterTargetIds, {\n clientOffset: getEventClientOffset(e)\n });\n }\n var canDrop = dragEnterTargetIds.some(function (targetId) {\n return _this.monitor.canDropOnTarget(targetId);\n });\n if (canDrop) {\n // IE requires this to fire dragover events\n e.preventDefault();\n if (e.dataTransfer) {\n e.dataTransfer.dropEffect = _this.getCurrentDropEffect();\n }\n }\n };\n this.handleTopDragOverCapture = function (e) {\n _this.dragOverTargetIds = [];\n if (_this.isDraggingNativeItem()) {\n var ref;\n (ref = _this.currentNativeSource) === null || ref === void 0 ? void 0 : ref.loadDataTransfer(e.dataTransfer);\n }\n };\n this.handleTopDragOver = function (e) {\n var dragOverTargetIds = _this.dragOverTargetIds;\n _this.dragOverTargetIds = [];\n if (!_this.monitor.isDragging()) {\n // This is probably a native item type we don't understand.\n // Prevent default \"drop and blow away the whole document\" action.\n e.preventDefault();\n if (e.dataTransfer) {\n e.dataTransfer.dropEffect = 'none';\n }\n return;\n }\n _this.altKeyPressed = e.altKey;\n _this.lastClientOffset = getEventClientOffset(e);\n _this.scheduleHover(dragOverTargetIds);\n var canDrop = (dragOverTargetIds || []).some(function (targetId) {\n return _this.monitor.canDropOnTarget(targetId);\n });\n if (canDrop) {\n // Show user-specified drop effect.\n e.preventDefault();\n if (e.dataTransfer) {\n e.dataTransfer.dropEffect = _this.getCurrentDropEffect();\n }\n } else if (_this.isDraggingNativeItem()) {\n // Don't show a nice cursor but still prevent default\n // \"drop and blow away the whole document\" action.\n e.preventDefault();\n } else {\n e.preventDefault();\n if (e.dataTransfer) {\n e.dataTransfer.dropEffect = 'none';\n }\n }\n };\n this.handleTopDragLeaveCapture = function (e) {\n if (_this.isDraggingNativeItem()) {\n e.preventDefault();\n }\n var isLastLeave = _this.enterLeaveCounter.leave(e.target);\n if (!isLastLeave) {\n return;\n }\n if (_this.isDraggingNativeItem()) {\n setTimeout(function () {\n return _this.endDragNativeItem();\n }, 0);\n }\n _this.cancelHover();\n };\n this.handleTopDropCapture = function (e) {\n _this.dropTargetIds = [];\n if (_this.isDraggingNativeItem()) {\n var ref;\n e.preventDefault();\n (ref = _this.currentNativeSource) === null || ref === void 0 ? void 0 : ref.loadDataTransfer(e.dataTransfer);\n } else if (matchNativeItemType(e.dataTransfer)) {\n // Dragging some elements, like and ![]()
may still behave like a native drag event,\n // even if the current drag event matches a user-defined type.\n // Stop the default behavior when we're not expecting a native item to be dropped.\n e.preventDefault();\n }\n _this.enterLeaveCounter.reset();\n };\n this.handleTopDrop = function (e) {\n var dropTargetIds = _this.dropTargetIds;\n _this.dropTargetIds = [];\n _this.actions.hover(dropTargetIds, {\n clientOffset: getEventClientOffset(e)\n });\n _this.actions.drop({\n dropEffect: _this.getCurrentDropEffect()\n });\n if (_this.isDraggingNativeItem()) {\n _this.endDragNativeItem();\n } else if (_this.monitor.isDragging()) {\n _this.actions.endDrag();\n }\n _this.cancelHover();\n };\n this.handleSelectStart = function (e) {\n var target = e.target;\n // Only IE requires us to explicitly say\n // we want drag drop operation to start\n if (typeof target.dragDrop !== 'function') {\n return;\n }\n // Inputs and textareas should be selectable\n if (target.tagName === 'INPUT' || target.tagName === 'SELECT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n return;\n }\n // For other targets, ask IE\n // to enable drag and drop\n e.preventDefault();\n target.dragDrop();\n };\n this.options = new OptionsReader(globalContext, options);\n this.actions = manager.getActions();\n this.monitor = manager.getMonitor();\n this.registry = manager.getRegistry();\n this.enterLeaveCounter = new EnterLeaveCounter(this.isNodeInDocument);\n }\n _createClass(HTML5BackendImpl, [{\n key: \"profile\",\n value:\n /**\n * Generate profiling statistics for the HTML5Backend.\n */\n function profile() {\n var ref, ref1;\n return {\n sourcePreviewNodes: this.sourcePreviewNodes.size,\n sourcePreviewNodeOptions: this.sourcePreviewNodeOptions.size,\n sourceNodeOptions: this.sourceNodeOptions.size,\n sourceNodes: this.sourceNodes.size,\n dragStartSourceIds: ((ref = this.dragStartSourceIds) === null || ref === void 0 ? void 0 : ref.length) || 0,\n dropTargetIds: this.dropTargetIds.length,\n dragEnterTargetIds: this.dragEnterTargetIds.length,\n dragOverTargetIds: ((ref1 = this.dragOverTargetIds) === null || ref1 === void 0 ? void 0 : ref1.length) || 0\n };\n }\n // public for test\n }, {\n key: \"window\",\n get: function get() {\n return this.options.window;\n }\n }, {\n key: \"document\",\n get: function get() {\n return this.options.document;\n }\n /**\n * Get the root element to use for event subscriptions\n */\n }, {\n key: \"rootElement\",\n get: function get() {\n return this.options.rootElement;\n }\n }, {\n key: \"setup\",\n value: function setup() {\n var root = this.rootElement;\n if (root === undefined) {\n return;\n }\n if (root.__isReactDndBackendSetUp) {\n throw new Error('Cannot have two HTML5 backends at the same time.');\n }\n root.__isReactDndBackendSetUp = true;\n this.addEventListeners(root);\n }\n }, {\n key: \"teardown\",\n value: function teardown() {\n var root = this.rootElement;\n if (root === undefined) {\n return;\n }\n root.__isReactDndBackendSetUp = false;\n this.removeEventListeners(this.rootElement);\n this.clearCurrentDragSourceNode();\n if (this.asyncEndDragFrameId) {\n var ref;\n (ref = this.window) === null || ref === void 0 ? void 0 : ref.cancelAnimationFrame(this.asyncEndDragFrameId);\n }\n }\n }, {\n key: \"connectDragPreview\",\n value: function connectDragPreview(sourceId, node, options) {\n var _this2 = this;\n this.sourcePreviewNodeOptions.set(sourceId, options);\n this.sourcePreviewNodes.set(sourceId, node);\n return function () {\n _this2.sourcePreviewNodes[\"delete\"](sourceId);\n _this2.sourcePreviewNodeOptions[\"delete\"](sourceId);\n };\n }\n }, {\n key: \"connectDragSource\",\n value: function connectDragSource(sourceId, node, options) {\n var _this3 = this;\n this.sourceNodes.set(sourceId, node);\n this.sourceNodeOptions.set(sourceId, options);\n var handleDragStart = function handleDragStart(e) {\n return _this3.handleDragStart(e, sourceId);\n };\n var handleSelectStart = function handleSelectStart(e) {\n return _this3.handleSelectStart(e);\n };\n node.setAttribute('draggable', 'true');\n node.addEventListener('dragstart', handleDragStart);\n node.addEventListener('selectstart', handleSelectStart);\n return function () {\n _this3.sourceNodes[\"delete\"](sourceId);\n _this3.sourceNodeOptions[\"delete\"](sourceId);\n node.removeEventListener('dragstart', handleDragStart);\n node.removeEventListener('selectstart', handleSelectStart);\n node.setAttribute('draggable', 'false');\n };\n }\n }, {\n key: \"connectDropTarget\",\n value: function connectDropTarget(targetId, node) {\n var _this4 = this;\n var handleDragEnter = function handleDragEnter(e) {\n return _this4.handleDragEnter(e, targetId);\n };\n var handleDragOver = function handleDragOver(e) {\n return _this4.handleDragOver(e, targetId);\n };\n var handleDrop = function handleDrop(e) {\n return _this4.handleDrop(e, targetId);\n };\n node.addEventListener('dragenter', handleDragEnter);\n node.addEventListener('dragover', handleDragOver);\n node.addEventListener('drop', handleDrop);\n return function () {\n node.removeEventListener('dragenter', handleDragEnter);\n node.removeEventListener('dragover', handleDragOver);\n node.removeEventListener('drop', handleDrop);\n };\n }\n }, {\n key: \"addEventListeners\",\n value: function addEventListeners(target) {\n // SSR Fix (https://github.com/react-dnd/react-dnd/pull/813\n if (!target.addEventListener) {\n return;\n }\n target.addEventListener('dragstart', this.handleTopDragStart);\n target.addEventListener('dragstart', this.handleTopDragStartCapture, true);\n target.addEventListener('dragend', this.handleTopDragEndCapture, true);\n target.addEventListener('dragenter', this.handleTopDragEnter);\n target.addEventListener('dragenter', this.handleTopDragEnterCapture, true);\n target.addEventListener('dragleave', this.handleTopDragLeaveCapture, true);\n target.addEventListener('dragover', this.handleTopDragOver);\n target.addEventListener('dragover', this.handleTopDragOverCapture, true);\n target.addEventListener('drop', this.handleTopDrop);\n target.addEventListener('drop', this.handleTopDropCapture, true);\n }\n }, {\n key: \"removeEventListeners\",\n value: function removeEventListeners(target) {\n // SSR Fix (https://github.com/react-dnd/react-dnd/pull/813\n if (!target.removeEventListener) {\n return;\n }\n target.removeEventListener('dragstart', this.handleTopDragStart);\n target.removeEventListener('dragstart', this.handleTopDragStartCapture, true);\n target.removeEventListener('dragend', this.handleTopDragEndCapture, true);\n target.removeEventListener('dragenter', this.handleTopDragEnter);\n target.removeEventListener('dragenter', this.handleTopDragEnterCapture, true);\n target.removeEventListener('dragleave', this.handleTopDragLeaveCapture, true);\n target.removeEventListener('dragover', this.handleTopDragOver);\n target.removeEventListener('dragover', this.handleTopDragOverCapture, true);\n target.removeEventListener('drop', this.handleTopDrop);\n target.removeEventListener('drop', this.handleTopDropCapture, true);\n }\n }, {\n key: \"getCurrentSourceNodeOptions\",\n value: function getCurrentSourceNodeOptions() {\n var sourceId = this.monitor.getSourceId();\n var sourceNodeOptions = this.sourceNodeOptions.get(sourceId);\n return _objectSpread({\n dropEffect: this.altKeyPressed ? 'copy' : 'move'\n }, sourceNodeOptions || {});\n }\n }, {\n key: \"getCurrentDropEffect\",\n value: function getCurrentDropEffect() {\n if (this.isDraggingNativeItem()) {\n // It makes more sense to default to 'copy' for native resources\n return 'copy';\n }\n return this.getCurrentSourceNodeOptions().dropEffect;\n }\n }, {\n key: \"getCurrentSourcePreviewNodeOptions\",\n value: function getCurrentSourcePreviewNodeOptions() {\n var sourceId = this.monitor.getSourceId();\n var sourcePreviewNodeOptions = this.sourcePreviewNodeOptions.get(sourceId);\n return _objectSpread({\n anchorX: 0.5,\n anchorY: 0.5,\n captureDraggingState: false\n }, sourcePreviewNodeOptions || {});\n }\n }, {\n key: \"isDraggingNativeItem\",\n value: function isDraggingNativeItem() {\n var itemType = this.monitor.getItemType();\n return Object.keys(NativeTypes).some(function (key) {\n return NativeTypes[key] === itemType;\n });\n }\n }, {\n key: \"beginDragNativeItem\",\n value: function beginDragNativeItem(type, dataTransfer) {\n this.clearCurrentDragSourceNode();\n this.currentNativeSource = createNativeDragSource(type, dataTransfer);\n this.currentNativeHandle = this.registry.addSource(type, this.currentNativeSource);\n this.actions.beginDrag([this.currentNativeHandle]);\n }\n }, {\n key: \"setCurrentDragSourceNode\",\n value: function setCurrentDragSourceNode(node) {\n var _this5 = this;\n this.clearCurrentDragSourceNode();\n this.currentDragSourceNode = node;\n // A timeout of > 0 is necessary to resolve Firefox issue referenced\n // See:\n // * https://github.com/react-dnd/react-dnd/pull/928\n // * https://github.com/react-dnd/react-dnd/issues/869\n var MOUSE_MOVE_TIMEOUT = 1000;\n // Receiving a mouse event in the middle of a dragging operation\n // means it has ended and the drag source node disappeared from DOM,\n // so the browser didn't dispatch the dragend event.\n //\n // We need to wait before we start listening for mousemove events.\n // This is needed because the drag preview needs to be drawn or else it fires an 'mousemove' event\n // immediately in some browsers.\n //\n // See:\n // * https://github.com/react-dnd/react-dnd/pull/928\n // * https://github.com/react-dnd/react-dnd/issues/869\n //\n this.mouseMoveTimeoutTimer = setTimeout(function () {\n var ref;\n return (ref = _this5.rootElement) === null || ref === void 0 ? void 0 : ref.addEventListener('mousemove', _this5.endDragIfSourceWasRemovedFromDOM, true);\n }, MOUSE_MOVE_TIMEOUT);\n }\n }, {\n key: \"clearCurrentDragSourceNode\",\n value: function clearCurrentDragSourceNode() {\n if (this.currentDragSourceNode) {\n this.currentDragSourceNode = null;\n if (this.rootElement) {\n var ref;\n (ref = this.window) === null || ref === void 0 ? void 0 : ref.clearTimeout(this.mouseMoveTimeoutTimer || undefined);\n this.rootElement.removeEventListener('mousemove', this.endDragIfSourceWasRemovedFromDOM, true);\n }\n this.mouseMoveTimeoutTimer = null;\n return true;\n }\n return false;\n }\n }, {\n key: \"handleDragStart\",\n value: function handleDragStart(e, sourceId) {\n if (e.defaultPrevented) {\n return;\n }\n if (!this.dragStartSourceIds) {\n this.dragStartSourceIds = [];\n }\n this.dragStartSourceIds.unshift(sourceId);\n }\n }, {\n key: \"handleDragEnter\",\n value: function handleDragEnter(_e, targetId) {\n this.dragEnterTargetIds.unshift(targetId);\n }\n }, {\n key: \"handleDragOver\",\n value: function handleDragOver(_e, targetId) {\n if (this.dragOverTargetIds === null) {\n this.dragOverTargetIds = [];\n }\n this.dragOverTargetIds.unshift(targetId);\n }\n }, {\n key: \"handleDrop\",\n value: function handleDrop(_e, targetId) {\n this.dropTargetIds.unshift(targetId);\n }\n }]);\n return HTML5BackendImpl;\n}();","// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nvar getRandomValues;\nvar rnds8 = new Uint8Array(16);\nexport default function rng() {\n // lazy load so that environments that need to polyfill have a chance to do so\n if (!getRandomValues) {\n // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation.\n getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);\n if (!getRandomValues) {\n throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n }\n }\n return getRandomValues(rnds8);\n}","import { HTML5BackendImpl } from './HTML5BackendImpl.js';\nimport * as _NativeTypes from './NativeTypes.js';\nexport { getEmptyImage } from './getEmptyImage.js';\nexport { _NativeTypes as NativeTypes };\nexport var HTML5Backend = function createBackend(manager, context, options) {\n return new HTML5BackendImpl(manager, context, options);\n};","var randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n randomUUID: randomUUID\n};","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nvar byteToHex = [];\nfor (var i = 0; i < 256; ++i) {\n byteToHex.push((i + 0x100).toString(16).slice(1));\n}\nexport function unsafeStringify(arr) {\n var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n // Note: Be careful editing this code! It's been tuned for performance\n // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];\n}\nfunction stringify(arr) {\n var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n var uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID. If this throws, it's likely due to one\n // of the following:\n // - One or more input array values don't map to a hex octet (leading to\n // \"undefined\" in the uuid)\n // - Invalid input values for the RFC `version` or `variant` fields\n\n if (!validate(uuid)) {\n throw TypeError('Stringified UUID is invalid');\n }\n return uuid;\n}\nexport default stringify;","import REGEX from './regex.js';\nfunction validate(uuid) {\n return typeof uuid === 'string' && REGEX.test(uuid);\n}\nexport default validate;","import _native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\nfunction v4(options, buf, offset) {\n if (_native.randomUUID && !buf && !options) {\n return _native.randomUUID();\n }\n options = options || {};\n var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n rnds[6] = rnds[6] & 0x0f | 0x40;\n rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n if (buf) {\n offset = offset || 0;\n for (var i = 0; i < 16; ++i) {\n buf[offset + i] = rnds[i];\n }\n return buf;\n }\n return unsafeStringify(rnds);\n}\nexport default v4;","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e34) { throw _e34; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e35) { didErr = true; err = _e35; }, f: function f() { try { if (!normalCompletion && it[\"return\"] != null) it[\"return\"](); } finally { if (didErr) throw err; } } }; }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, \"throw\" === context.method) { if (delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method)) return ContinueSentinel; context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a 'throw' method\"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nimport * as e from \"react\";\nimport t, { forwardRef as n, useState as o, useEffect as r, createElement as i, useCallback as l, useMemo as a } from \"react\";\nimport { createPortal as s } from \"react-dom\";\nimport { useDrag as c, useDrop as u, DndProvider as d } from \"react-dnd\";\nimport { HTML5Backend as p } from \"react-dnd-html5-backend\";\nimport { v4 as f } from \"uuid\";\nvar h, m, g, x, b;\n!function (e) {\n e.Teal700 = \"#21A4A5\", e.Teal500 = \"#4FC3C4\", e.Teal300 = \"#D8EFEF\", e.Grey100 = \"#FAFAFA\", e.Grey200 = \"#EFEFEF\", e.Grey300 = \"#CCCCCC\", e.Grey400 = \"#808080\", e.Grey500 = \"#666666\", e.Grey700 = \"#333333\", e.Red500 = \"#FF4C4C\", e.Red700 = \"#AF0100\", e.Pink500 = \"#FF5185\", e.Blue500 = \"#27AAFF\", e.Yellow500 = \"#EAA822\", e.Brown500 = \"#AA6300\", e.White = \"#FFFFFF\", e.Black = \"#000000\";\n}(h || (h = {})), function (e) {\n e.Rubik = '\"Rubik\", sans-serif';\n}(m || (m = {})), function (e) {\n e.Light = \"300\", e.Medium = \"500\", e.Bold = \"700\";\n}(g || (g = {})), function (e) {\n e.Xxs = \"10px\", e.Xs = \"12px\", e.Sm = \"14px\", e.Base = \"16px\", e.Lg = \"20px\", e.Xl = \"24px\", e.Xxl = \"32px\";\n}(x || (x = {})), function (e) {\n e.Up = \"up\", e.Down = \"down\", e.Upload = \"upload\", e.Profile = \"profile\", e.Search = \"search\", e.Plus = \"plus\", e.Processing = \"processing\", e.Close = \"close\", e.Edit = \"edit\", e.Delete = \"delete\", e.Duplicate = \"duplicate\", e.Check = \"check\", e.Animation = \"animation\", e.Crown = \"crown\", e.Undo = \"undo\", e.Redo = \"redo\", e.List = \"list\", e.BulletedList = \"bulleted_list\", e.ArrowTop = \"arrow_top\", e.ArrowBottom = \"arrow_bottom\", e.View = \"view\", e.Hide = \"hide\";\n}(b || (b = {}));\nvar y = Object.freeze({\n left: 0,\n top: 0,\n width: 16,\n height: 16\n }),\n v = Object.freeze({\n rotate: 0,\n vFlip: !1,\n hFlip: !1\n }),\n w = Object.freeze(_objectSpread(_objectSpread({}, y), v)),\n E = Object.freeze(_objectSpread(_objectSpread({}, w), {}, {\n body: \"\",\n hidden: !1\n }));\nfunction k(e, t) {\n var n = function (e, t) {\n var n = {};\n !e.hFlip != !t.hFlip && (n.hFlip = !0), !e.vFlip != !t.vFlip && (n.vFlip = !0);\n var o = ((e.rotate || 0) + (t.rotate || 0)) % 4;\n return o && (n.rotate = o), n;\n }(e, t);\n for (var _o in E) {\n _o in v ? _o in e && !(_o in n) && (n[_o] = v[_o]) : _o in t ? n[_o] = t[_o] : _o in e && (n[_o] = e[_o]);\n }\n return n;\n}\nfunction C(e, t, n) {\n var o = e.icons,\n r = e.aliases || Object.create(null);\n var i = {};\n function l(e) {\n i = k(o[e] || r[e], i);\n }\n return l(t), n.forEach(l), k(e, i);\n}\nfunction I(e, t) {\n var n = [];\n if (\"object\" != _typeof(e) || \"object\" != _typeof(e.icons)) return n;\n e.not_found instanceof Array && e.not_found.forEach(function (e) {\n t(e, null), n.push(e);\n });\n var o = function (e, t) {\n var n = e.icons,\n o = e.aliases || Object.create(null),\n r = Object.create(null);\n return (t || Object.keys(n).concat(Object.keys(o))).forEach(function e(t) {\n if (n[t]) return r[t] = [];\n if (!(t in r)) {\n r[t] = null;\n var _n = o[t] && o[t].parent,\n _i = _n && e(_n);\n _i && (r[t] = [_n].concat(_i));\n }\n return r[t];\n }), r;\n }(e);\n for (var _r in o) {\n var _i2 = o[_r];\n _i2 && (t(_r, C(e, _r, _i2)), n.push(_r));\n }\n return n;\n}\nvar S = /^[a-z0-9]+(-[a-z0-9]+)*$/,\n T = function T(e, t, n) {\n var o = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : \"\";\n var r = e.split(\":\");\n if (\"@\" === e.slice(0, 1)) {\n if (r.length < 2 || r.length > 3) return null;\n o = r.shift().slice(1);\n }\n if (r.length > 3 || !r.length) return null;\n if (r.length > 1) {\n var _e2 = r.pop(),\n _n2 = r.pop(),\n _i3 = {\n provider: r.length > 0 ? r[0] : o,\n prefix: _n2,\n name: _e2\n };\n return t && !M(_i3) ? null : _i3;\n }\n var i = r[0],\n l = i.split(\"-\");\n if (l.length > 1) {\n var _e3 = {\n provider: o,\n prefix: l.shift(),\n name: l.join(\"-\")\n };\n return t && !M(_e3) ? null : _e3;\n }\n if (n && \"\" === o) {\n var _e4 = {\n provider: o,\n prefix: \"\",\n name: i\n };\n return t && !M(_e4, n) ? null : _e4;\n }\n return null;\n },\n M = function M(e, t) {\n return !!e && !(\"\" !== e.provider && !e.provider.match(S) || !(t && \"\" === e.prefix || e.prefix.match(S)) || !e.name.match(S));\n },\n R = _objectSpread({\n provider: \"\",\n aliases: {},\n not_found: {}\n }, y);\nfunction L(e, t) {\n for (var _n3 in t) {\n if (_n3 in e && _typeof(e[_n3]) != _typeof(t[_n3])) return !1;\n }\n return !0;\n}\nfunction G(e) {\n if (\"object\" != _typeof(e) || null === e) return null;\n var t = e;\n if (\"string\" != typeof t.prefix || !e.icons || \"object\" != _typeof(e.icons)) return null;\n if (!L(e, R)) return null;\n var n = t.icons;\n for (var _e5 in n) {\n var _t2 = n[_e5];\n if (!_e5.match(S) || \"string\" != typeof _t2.body || !L(_t2, E)) return null;\n }\n var o = t.aliases || Object.create(null);\n for (var _e6 in o) {\n var _t3 = o[_e6],\n _r2 = _t3.parent;\n if (!_e6.match(S) || \"string\" != typeof _r2 || !n[_r2] && !o[_r2] || !L(_t3, E)) return null;\n }\n return t;\n}\nvar O = Object.create(null);\nfunction F(e, t) {\n var n = O[e] || (O[e] = Object.create(null));\n return n[t] || (n[t] = function (e, t) {\n return {\n provider: e,\n prefix: t,\n icons: Object.create(null),\n missing: new Set()\n };\n }(e, t));\n}\nfunction j(e, t) {\n return G(t) ? I(t, function (t, n) {\n n ? e.icons[t] = n : e.missing.add(t);\n }) : [];\n}\nvar z = !1;\nfunction D(e) {\n return \"boolean\" == typeof e && (z = e), z;\n}\nfunction B(e) {\n var t = \"string\" == typeof e ? T(e, !0, z) : e;\n if (t) {\n var _e7 = F(t.provider, t.prefix),\n _n4 = t.name;\n return _e7.icons[_n4] || (_e7.missing.has(_n4) ? null : void 0);\n }\n}\nfunction N(e, t) {\n if (\"object\" != _typeof(e)) return !1;\n if (\"string\" != typeof t && (t = e.provider || \"\"), z && !t && !e.prefix) {\n var _t4 = !1;\n return G(e) && (e.prefix = \"\", I(e, function (e, n) {\n n && function (e, t) {\n var n = T(e, !0, z);\n return !!n && function (e, t, n) {\n try {\n if (\"string\" == typeof n.body) return e.icons[t] = _objectSpread({}, n), !0;\n } catch (e) {}\n return !1;\n }(F(n.provider, n.prefix), n.name, t);\n }(e, n) && (_t4 = !0);\n })), _t4;\n }\n var n = e.prefix;\n if (!M({\n provider: t,\n prefix: n,\n name: \"a\"\n })) return !1;\n return !!j(F(t, n), e);\n}\nvar $ = Object.freeze({\n width: null,\n height: null\n }),\n P = Object.freeze(_objectSpread(_objectSpread({}, $), v)),\n W = /(-?[0-9.]*[0-9]+[0-9.]*)/g,\n A = /^-?[0-9.]*[0-9]+[0-9.]*$/g;\nfunction _(e, t, n) {\n if (1 === t) return e;\n if (n = n || 100, \"number\" == typeof e) return Math.ceil(e * t * n) / n;\n if (\"string\" != typeof e) return e;\n var o = e.split(W);\n if (null === o || !o.length) return e;\n var r = [];\n var i = o.shift(),\n l = A.test(i);\n for (;;) {\n if (l) {\n var _e8 = parseFloat(i);\n isNaN(_e8) ? r.push(i) : r.push(Math.ceil(_e8 * t * n) / n);\n } else r.push(i);\n if (i = o.shift(), void 0 === i) return r.join(\"\");\n l = !l;\n }\n}\nvar H = /\\sid=\"(\\S+)\"/g,\n K = \"IconifyId\" + Date.now().toString(16) + (16777216 * Math.random() | 0).toString(16);\nvar U = 0;\nfunction X(e) {\n var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : K;\n var n = [];\n var o;\n for (; o = H.exec(e);) {\n n.push(o[1]);\n }\n if (!n.length) return e;\n var r = \"suffix\" + (16777216 * Math.random() | Date.now()).toString(16);\n return n.forEach(function (n) {\n var o = \"function\" == typeof t ? t(n) : t + (U++).toString(),\n i = n.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n e = e.replace(new RegExp('([#;\"])(' + i + ')([\")]|\\\\.[a-z])', \"g\"), \"$1\" + o + r + \"$3\");\n }), e = e.replace(new RegExp(r, \"g\"), \"\");\n}\nvar J = Object.create(null);\nfunction Y(e) {\n return J[e] || J[\"\"];\n}\nfunction q(e) {\n var t;\n if (\"string\" == typeof e.resources) t = [e.resources];else if (t = e.resources, !(t instanceof Array && t.length)) return null;\n return {\n resources: t,\n path: e.path || \"/\",\n maxURL: e.maxURL || 500,\n rotate: e.rotate || 750,\n timeout: e.timeout || 5e3,\n random: !0 === e.random,\n index: e.index || 0,\n dataAfterTimeout: !1 !== e.dataAfterTimeout\n };\n}\nvar V = Object.create(null),\n Q = [\"https://api.simplesvg.com\", \"https://api.unisvg.com\"],\n Z = [];\nfor (; Q.length > 0;) {\n 1 === Q.length || Math.random() > .5 ? Z.push(Q.shift()) : Z.push(Q.pop());\n}\nfunction ee(e, t) {\n var n = q(t);\n return null !== n && (V[e] = n, !0);\n}\nfunction te(e) {\n return V[e];\n}\nV[\"\"] = q({\n resources: [\"https://api.iconify.design\"].concat(Z)\n});\nvar ne = function () {\n var e;\n try {\n if (e = fetch, \"function\" == typeof e) return e;\n } catch (e) {}\n}();\nvar oe = {\n prepare: function prepare(e, t, n) {\n var o = [],\n r = function (e, t) {\n var n = te(e);\n if (!n) return 0;\n var o;\n if (n.maxURL) {\n var _e9 = 0;\n n.resources.forEach(function (t) {\n var n = t;\n _e9 = Math.max(_e9, n.length);\n });\n var _r3 = t + \".json?icons=\";\n o = n.maxURL - _e9 - n.path.length - _r3.length;\n } else o = 0;\n return o;\n }(e, t),\n i = \"icons\";\n var l = {\n type: i,\n provider: e,\n prefix: t,\n icons: []\n },\n a = 0;\n return n.forEach(function (n, s) {\n a += n.length + 1, a >= r && s > 0 && (o.push(l), l = {\n type: i,\n provider: e,\n prefix: t,\n icons: []\n }, a = n.length), l.icons.push(n);\n }), o.push(l), o;\n },\n send: function send(e, t, n) {\n if (!ne) return void n(\"abort\", 424);\n var o = function (e) {\n if (\"string\" == typeof e) {\n var _t5 = te(e);\n if (_t5) return _t5.path;\n }\n return \"/\";\n }(t.provider);\n switch (t.type) {\n case \"icons\":\n {\n var _e10 = t.prefix,\n _n5 = t.icons.join(\",\");\n o += _e10 + \".json?\" + new URLSearchParams({\n icons: _n5\n }).toString();\n break;\n }\n case \"custom\":\n {\n var _e11 = t.uri;\n o += \"/\" === _e11.slice(0, 1) ? _e11.slice(1) : _e11;\n break;\n }\n default:\n return void n(\"abort\", 400);\n }\n var r = 503;\n ne(e + o).then(function (e) {\n var t = e.status;\n if (200 === t) return r = 501, e.json();\n setTimeout(function () {\n n(function (e) {\n return 404 === e;\n }(t) ? \"abort\" : \"next\", t);\n });\n }).then(function (e) {\n \"object\" == _typeof(e) && null !== e ? setTimeout(function () {\n n(\"success\", e);\n }) : setTimeout(function () {\n 404 === e ? n(\"abort\", e) : n(\"next\", r);\n });\n })[\"catch\"](function () {\n n(\"next\", r);\n });\n }\n};\nfunction re(e, t) {\n e.forEach(function (e) {\n var n = e.loaderCallbacks;\n n && (e.loaderCallbacks = n.filter(function (e) {\n return e.id !== t;\n }));\n });\n}\nvar ie = 0;\nvar le = {\n resources: [],\n index: 0,\n timeout: 2e3,\n rotate: 750,\n random: !1,\n dataAfterTimeout: !1\n};\nfunction ae(e, t, n, o) {\n var r = e.resources.length,\n i = e.random ? Math.floor(Math.random() * r) : e.index;\n var l;\n if (e.random) {\n var _t6 = e.resources.slice(0);\n for (l = []; _t6.length > 1;) {\n var _e12 = Math.floor(Math.random() * _t6.length);\n l.push(_t6[_e12]), _t6 = _t6.slice(0, _e12).concat(_t6.slice(_e12 + 1));\n }\n l = l.concat(_t6);\n } else l = e.resources.slice(i).concat(e.resources.slice(0, i));\n var a = Date.now();\n var s,\n c = \"pending\",\n u = 0,\n d = null,\n p = [],\n f = [];\n function h() {\n d && (clearTimeout(d), d = null);\n }\n function m() {\n \"pending\" === c && (c = \"aborted\"), h(), p.forEach(function (e) {\n \"pending\" === e.status && (e.status = \"aborted\");\n }), p = [];\n }\n function g(e, t) {\n t && (f = []), \"function\" == typeof e && f.push(e);\n }\n function x() {\n c = \"failed\", f.forEach(function (e) {\n e(void 0, s);\n });\n }\n function b() {\n p.forEach(function (e) {\n \"pending\" === e.status && (e.status = \"aborted\");\n }), p = [];\n }\n function y() {\n if (\"pending\" !== c) return;\n h();\n var o = l.shift();\n if (void 0 === o) return p.length ? void (d = setTimeout(function () {\n h(), \"pending\" === c && (b(), x());\n }, e.timeout)) : void x();\n var r = {\n status: \"pending\",\n resource: o,\n callback: function callback(t, n) {\n !function (t, n, o) {\n var r = \"success\" !== n;\n switch (p = p.filter(function (e) {\n return e !== t;\n }), c) {\n case \"pending\":\n break;\n case \"failed\":\n if (r || !e.dataAfterTimeout) return;\n break;\n default:\n return;\n }\n if (\"abort\" === n) return s = o, void x();\n if (r) return s = o, void (p.length || (l.length ? y() : x()));\n if (h(), b(), !e.random) {\n var _n6 = e.resources.indexOf(t.resource);\n -1 !== _n6 && _n6 !== e.index && (e.index = _n6);\n }\n c = \"completed\", f.forEach(function (e) {\n e(o);\n });\n }(r, t, n);\n }\n };\n p.push(r), u++, d = setTimeout(y, e.rotate), n(o, t, r.callback);\n }\n return \"function\" == typeof o && f.push(o), setTimeout(y), function () {\n return {\n startTime: a,\n payload: t,\n status: c,\n queriesSent: u,\n queriesPending: p.length,\n subscribe: g,\n abort: m\n };\n };\n}\nfunction se(e) {\n var t = _objectSpread(_objectSpread({}, le), e);\n var n = [];\n function o() {\n n = n.filter(function (e) {\n return \"pending\" === e().status;\n });\n }\n return {\n query: function query(e, r, i) {\n var l = ae(t, e, r, function (e, t) {\n o(), i && i(e, t);\n });\n return n.push(l), l;\n },\n find: function find(e) {\n return n.find(function (t) {\n return e(t);\n }) || null;\n },\n setIndex: function setIndex(e) {\n t.index = e;\n },\n getIndex: function getIndex() {\n return t.index;\n },\n cleanup: o\n };\n}\nfunction ce() {}\nvar ue = Object.create(null);\nfunction de(e, t, n) {\n var o, r;\n if (\"string\" == typeof e) {\n var _t7 = Y(e);\n if (!_t7) return n(void 0, 424), ce;\n r = _t7.send;\n var _i4 = function (e) {\n if (!ue[e]) {\n var _t8 = te(e);\n if (!_t8) return;\n var _n7 = {\n config: _t8,\n redundancy: se(_t8)\n };\n ue[e] = _n7;\n }\n return ue[e];\n }(e);\n _i4 && (o = _i4.redundancy);\n } else {\n var _t9 = q(e);\n if (_t9) {\n o = se(_t9);\n var _n8 = Y(e.resources ? e.resources[0] : \"\");\n _n8 && (r = _n8.send);\n }\n }\n return o && r ? o.query(t, r, n)().abort : (n(void 0, 424), ce);\n}\nvar pe = \"iconify2\",\n fe = \"iconify\",\n he = fe + \"-count\",\n me = fe + \"-version\",\n ge = 36e5,\n xe = 168,\n be = 50;\nfunction ye(e, t) {\n try {\n return e.getItem(t);\n } catch (e) {}\n}\nfunction ve(e, t, n) {\n try {\n return e.setItem(t, n), !0;\n } catch (e) {}\n}\nfunction we(e, t) {\n try {\n e.removeItem(t);\n } catch (e) {}\n}\nfunction Ee(e, t) {\n return ve(e, he, t.toString());\n}\nfunction ke(e) {\n return parseInt(ye(e, he)) || 0;\n}\nvar Ce = {\n local: !0,\n session: !0\n },\n Ie = {\n local: new Set(),\n session: new Set()\n };\nvar Se = !1;\nvar Te = \"undefined\" == typeof window ? {} : window;\nfunction Me(e) {\n var t = e + \"Storage\";\n try {\n if (Te && Te[t] && \"number\" == typeof Te[t].length) return Te[t];\n } catch (e) {}\n Ce[e] = !1;\n}\nfunction Re(e, t) {\n var n = Me(e);\n if (!n) return;\n var o = ye(n, me);\n if (o !== pe) {\n if (o) {\n var _e13 = ke(n);\n for (var _t10 = 0; _t10 < _e13; _t10++) {\n we(n, fe + _t10.toString());\n }\n }\n return ve(n, me, pe), void Ee(n, 0);\n }\n var r = Math.floor(Date.now() / ge) - xe,\n i = function i(e) {\n var o = fe + e.toString(),\n i = ye(n, o);\n if (\"string\" == typeof i) {\n try {\n var _n9 = JSON.parse(i);\n if (\"object\" == _typeof(_n9) && \"number\" == typeof _n9.cached && _n9.cached > r && \"string\" == typeof _n9.provider && \"object\" == _typeof(_n9.data) && \"string\" == typeof _n9.data.prefix && t(_n9, e)) return !0;\n } catch (e) {}\n we(n, o);\n }\n };\n var l = ke(n);\n for (var _t11 = l - 1; _t11 >= 0; _t11--) {\n i(_t11) || (_t11 === l - 1 ? (l--, Ee(n, l)) : Ie[e].add(_t11));\n }\n}\nfunction Le() {\n if (!Se) {\n Se = !0;\n for (var _e14 in Ce) {\n Re(_e14, function (e) {\n var t = e.data,\n n = F(e.provider, t.prefix);\n if (!j(n, t).length) return !1;\n var o = t.lastModified || -1;\n return n.lastModifiedCached = n.lastModifiedCached ? Math.min(n.lastModifiedCached, o) : o, !0;\n });\n }\n }\n}\nfunction Ge(e, t) {\n function n(n) {\n var o;\n if (!Ce[n] || !(o = Me(n))) return;\n var r = Ie[n];\n var i;\n if (r.size) r[\"delete\"](i = Array.from(r).shift());else if (i = ke(o), i >= be || !Ee(o, i + 1)) return;\n var l = {\n cached: Math.floor(Date.now() / ge),\n provider: e.provider,\n data: t\n };\n return ve(o, fe + i.toString(), JSON.stringify(l));\n }\n Se || Le(), t.lastModified && !function (e, t) {\n var n = e.lastModifiedCached;\n if (n && n >= t) return n === t;\n if (e.lastModifiedCached = t, n) for (var _n10 in Ce) {\n Re(_n10, function (n) {\n var o = n.data;\n return n.provider !== e.provider || o.prefix !== e.prefix || o.lastModified === t;\n });\n }\n return !0;\n }(e, t.lastModified) || Object.keys(t.icons).length && (t.not_found && delete (t = Object.assign({}, t)).not_found, n(\"local\") || n(\"session\"));\n}\nfunction Oe() {}\nfunction Fe(e) {\n e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(function () {\n e.iconsLoaderFlag = !1, function (e) {\n e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(function () {\n e.pendingCallbacksFlag = !1;\n var t = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];\n if (!t.length) return;\n var n = !1;\n var o = e.provider,\n r = e.prefix;\n t.forEach(function (t) {\n var i = t.icons,\n l = i.pending.length;\n i.pending = i.pending.filter(function (t) {\n if (t.prefix !== r) return !0;\n var l = t.name;\n if (e.icons[l]) i.loaded.push({\n provider: o,\n prefix: r,\n name: l\n });else {\n if (!e.missing.has(l)) return n = !0, !0;\n i.missing.push({\n provider: o,\n prefix: r,\n name: l\n });\n }\n return !1;\n }), i.pending.length !== l && (n || re([e], t.id), t.callback(i.loaded.slice(0), i.missing.slice(0), i.pending.slice(0), t.abort));\n });\n }));\n }(e);\n }));\n}\nvar je = function je(e, t) {\n var n = function (e) {\n var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;\n var n = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;\n var o = [];\n return e.forEach(function (e) {\n var r = \"string\" == typeof e ? T(e, t, n) : e;\n r && o.push(r);\n }), o;\n }(e, !0, D()),\n o = function (e) {\n var t = {\n loaded: [],\n missing: [],\n pending: []\n },\n n = Object.create(null);\n e.sort(function (e, t) {\n return e.provider !== t.provider ? e.provider.localeCompare(t.provider) : e.prefix !== t.prefix ? e.prefix.localeCompare(t.prefix) : e.name.localeCompare(t.name);\n });\n var o = {\n provider: \"\",\n prefix: \"\",\n name: \"\"\n };\n return e.forEach(function (e) {\n if (o.name === e.name && o.prefix === e.prefix && o.provider === e.provider) return;\n o = e;\n var r = e.provider,\n i = e.prefix,\n l = e.name,\n a = n[r] || (n[r] = Object.create(null)),\n s = a[i] || (a[i] = F(r, i));\n var c;\n c = l in s.icons ? t.loaded : \"\" === i || s.missing.has(l) ? t.missing : t.pending;\n var u = {\n provider: r,\n prefix: i,\n name: l\n };\n c.push(u);\n }), t;\n }(n);\n if (!o.pending.length) {\n var _e15 = !0;\n return t && setTimeout(function () {\n _e15 && t(o.loaded, o.missing, o.pending, Oe);\n }), function () {\n _e15 = !1;\n };\n }\n var r = Object.create(null),\n i = [];\n var l, a;\n return o.pending.forEach(function (e) {\n var t = e.provider,\n n = e.prefix;\n if (n === a && t === l) return;\n l = t, a = n, i.push(F(t, n));\n var o = r[t] || (r[t] = Object.create(null));\n o[n] || (o[n] = []);\n }), o.pending.forEach(function (e) {\n var t = e.provider,\n n = e.prefix,\n o = e.name,\n i = F(t, n),\n l = i.pendingIcons || (i.pendingIcons = new Set());\n l.has(o) || (l.add(o), r[t][n].push(o));\n }), i.forEach(function (e) {\n var t = e.provider,\n n = e.prefix;\n r[t][n].length && function (e, t) {\n e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(t).sort() : e.iconsToLoad = t, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(function () {\n e.iconsQueueFlag = !1;\n var t = e.provider,\n n = e.prefix,\n o = e.iconsToLoad;\n var r;\n delete e.iconsToLoad, o && (r = Y(t)) && r.prepare(t, n, o).forEach(function (n) {\n de(t, n, function (t) {\n if (\"object\" != _typeof(t)) n.icons.forEach(function (t) {\n e.missing.add(t);\n });else try {\n var _n11 = j(e, t);\n if (!_n11.length) return;\n var _o2 = e.pendingIcons;\n _o2 && _n11.forEach(function (e) {\n _o2[\"delete\"](e);\n }), Ge(e, t);\n } catch (e) {\n console.error(e);\n }\n Fe(e);\n });\n });\n }));\n }(e, r[t][n]);\n }), t ? function (e, t, n) {\n var o = ie++,\n r = re.bind(null, n, o);\n if (!t.pending.length) return r;\n var i = {\n id: o,\n icons: t,\n callback: e,\n abort: r\n };\n return n.forEach(function (e) {\n (e.loaderCallbacks || (e.loaderCallbacks = [])).push(i);\n }), r;\n }(t, o, i) : Oe;\n};\nvar ze = /[\\s,]+/;\nfunction De(e, t) {\n t.split(ze).forEach(function (t) {\n switch (t.trim()) {\n case \"horizontal\":\n e.hFlip = !0;\n break;\n case \"vertical\":\n e.vFlip = !0;\n }\n });\n}\nfunction Be(e) {\n var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n var n = e.replace(/^-?[0-9.]*/, \"\");\n function o(e) {\n for (; e < 0;) {\n e += 4;\n }\n return e % 4;\n }\n if (\"\" === n) {\n var _t12 = parseInt(e);\n return isNaN(_t12) ? 0 : o(_t12);\n }\n if (n !== e) {\n var _t13 = 0;\n switch (n) {\n case \"%\":\n _t13 = 25;\n break;\n case \"deg\":\n _t13 = 90;\n }\n if (_t13) {\n var _r4 = parseFloat(e.slice(0, e.length - n.length));\n return isNaN(_r4) ? 0 : (_r4 /= _t13, _r4 % 1 == 0 ? o(_r4) : 0);\n }\n }\n return t;\n}\nvar Ne;\nfunction $e(e) {\n return void 0 === Ne && function () {\n try {\n Ne = window.trustedTypes.createPolicy(\"iconify\", {\n createHTML: function createHTML(e) {\n return e;\n }\n });\n } catch (e) {\n Ne = null;\n }\n }(), Ne ? Ne.createHTML(e) : e;\n}\nvar Pe = _objectSpread(_objectSpread({}, P), {}, {\n inline: !1\n }),\n We = {\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n \"aria-hidden\": !0,\n role: \"img\"\n },\n Ae = {\n display: \"inline-block\"\n },\n _e = {\n backgroundColor: \"currentColor\"\n },\n He = {\n backgroundColor: \"transparent\"\n },\n Ke = {\n Image: \"var(--svg)\",\n Repeat: \"no-repeat\",\n Size: \"100% 100%\"\n },\n Ue = {\n WebkitMask: _e,\n mask: _e,\n background: He\n };\nfor (var _e16 in Ue) {\n var _t14 = Ue[_e16];\n for (var _n12 in Ke) {\n _t14[_e16 + _n12] = Ke[_n12];\n }\n}\nvar Xe = _objectSpread(_objectSpread({}, Pe), {}, {\n inline: !0\n});\nfunction Je(e) {\n return e + (e.match(/^[-0-9.]+$/) ? \"px\" : \"\");\n}\nvar Ye = function Ye(e, t, n) {\n var o = t.inline ? Xe : Pe,\n r = function (e, t) {\n var n = _objectSpread({}, e);\n for (var _e17 in t) {\n var _o3 = t[_e17],\n _r5 = _typeof(_o3);\n _e17 in $ ? (null === _o3 || _o3 && (\"string\" === _r5 || \"number\" === _r5)) && (n[_e17] = _o3) : _r5 === _typeof(n[_e17]) && (n[_e17] = \"rotate\" === _e17 ? _o3 % 4 : _o3);\n }\n return n;\n }(o, t),\n l = t.mode || \"svg\",\n a = {},\n s = t.style || {},\n c = _objectSpread({}, \"svg\" === l ? We : {});\n if (n) {\n var _e18 = T(n, !1, !0);\n if (_e18) {\n var _t15 = [\"iconify\"],\n _n13 = [\"provider\", \"prefix\"];\n for (var _i5 = 0, _n14 = _n13; _i5 < _n14.length; _i5++) {\n var _o4 = _n14[_i5];\n _e18[_o4] && _t15.push(\"iconify--\" + _e18[_o4]);\n }\n c.className = _t15.join(\" \");\n }\n }\n for (var _e19 in t) {\n var _n15 = t[_e19];\n if (void 0 !== _n15) switch (_e19) {\n case \"icon\":\n case \"style\":\n case \"children\":\n case \"onLoad\":\n case \"mode\":\n case \"ssr\":\n break;\n case \"_ref\":\n c.ref = _n15;\n break;\n case \"className\":\n c[_e19] = (c[_e19] ? c[_e19] + \" \" : \"\") + _n15;\n break;\n case \"inline\":\n case \"hFlip\":\n case \"vFlip\":\n r[_e19] = !0 === _n15 || \"true\" === _n15 || 1 === _n15;\n break;\n case \"flip\":\n \"string\" == typeof _n15 && De(r, _n15);\n break;\n case \"color\":\n a.color = _n15;\n break;\n case \"rotate\":\n \"string\" == typeof _n15 ? r[_e19] = Be(_n15) : \"number\" == typeof _n15 && (r[_e19] = _n15);\n break;\n case \"ariaHidden\":\n case \"aria-hidden\":\n !0 !== _n15 && \"true\" !== _n15 && delete c[\"aria-hidden\"];\n break;\n default:\n void 0 === o[_e19] && (c[_e19] = _n15);\n }\n }\n var u = function (e, t) {\n var n = _objectSpread(_objectSpread({}, w), e),\n o = _objectSpread(_objectSpread({}, P), t),\n r = {\n left: n.left,\n top: n.top,\n width: n.width,\n height: n.height\n };\n var i = n.body;\n [n, o].forEach(function (e) {\n var t = [],\n n = e.hFlip,\n o = e.vFlip;\n var l,\n a = e.rotate;\n switch (n ? o ? a += 2 : (t.push(\"translate(\" + (r.width + r.left).toString() + \" \" + (0 - r.top).toString() + \")\"), t.push(\"scale(-1 1)\"), r.top = r.left = 0) : o && (t.push(\"translate(\" + (0 - r.left).toString() + \" \" + (r.height + r.top).toString() + \")\"), t.push(\"scale(1 -1)\"), r.top = r.left = 0), a < 0 && (a -= 4 * Math.floor(a / 4)), a %= 4, a) {\n case 1:\n l = r.height / 2 + r.top, t.unshift(\"rotate(90 \" + l.toString() + \" \" + l.toString() + \")\");\n break;\n case 2:\n t.unshift(\"rotate(180 \" + (r.width / 2 + r.left).toString() + \" \" + (r.height / 2 + r.top).toString() + \")\");\n break;\n case 3:\n l = r.width / 2 + r.left, t.unshift(\"rotate(-90 \" + l.toString() + \" \" + l.toString() + \")\");\n }\n a % 2 == 1 && (r.left !== r.top && (l = r.left, r.left = r.top, r.top = l), r.width !== r.height && (l = r.width, r.width = r.height, r.height = l)), t.length && (i = function (e, t, n) {\n var o = function (e) {\n var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : \"defs\";\n var n = \"\";\n var o = e.indexOf(\"<\" + t);\n for (; o >= 0;) {\n var _r6 = e.indexOf(\">\", o),\n _i6 = e.indexOf(\"\", _i6);\n if (-1 === _l) break;\n n += e.slice(_r6 + 1, _i6).trim(), e = e.slice(0, o).trim() + e.slice(_l + 1);\n }\n return {\n defs: n,\n content: e\n };\n }(e);\n return r = o.defs, i = t + o.content + n, r ? \"\" + r + \" \" + i : i;\n var r, i;\n }(i, '', \" \"));\n });\n var l = o.width,\n a = o.height,\n s = r.width,\n c = r.height;\n var u, d;\n null === l ? (d = null === a ? \"1em\" : \"auto\" === a ? c : a, u = _(d, s / c)) : (u = \"auto\" === l ? s : l, d = null === a ? _(u, c / s) : \"auto\" === a ? c : a);\n var p = {},\n f = function f(e, t) {\n (function (e) {\n return \"unset\" === e || \"undefined\" === e || \"none\" === e;\n })(t) || (p[e] = t.toString());\n };\n f(\"width\", u), f(\"height\", d);\n var h = [r.left, r.top, s, c];\n return p.viewBox = h.join(\" \"), {\n attributes: p,\n viewBox: h,\n body: i\n };\n }(e, r),\n d = u.attributes;\n if (r.inline && (a.verticalAlign = \"-0.125em\"), \"svg\" === l) {\n c.style = _objectSpread(_objectSpread({}, a), s), Object.assign(c, d);\n var _e20 = 0,\n _n16 = t.id;\n return \"string\" == typeof _n16 && (_n16 = _n16.replace(/-/g, \"_\")), c.dangerouslySetInnerHTML = {\n __html: $e(X(u.body, _n16 ? function () {\n return _n16 + \"ID\" + _e20++;\n } : \"iconifyReact\"))\n }, /*#__PURE__*/i(\"svg\", c);\n }\n var p = e.body,\n f = e.width,\n h = e.height,\n m = \"mask\" === l || \"bg\" !== l && -1 !== p.indexOf(\"currentColor\"),\n g = function (e, t) {\n var n = -1 === e.indexOf(\"xlink:\") ? \"\" : ' xmlns:xlink=\"http://www.w3.org/1999/xlink\"';\n for (var _e21 in t) {\n n += \" \" + _e21 + '=\"' + t[_e21] + '\"';\n }\n return '\";\n }(p, _objectSpread(_objectSpread({}, d), {}, {\n width: f + \"\",\n height: h + \"\"\n }));\n var x;\n return c.style = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, a), {}, {\n \"--svg\": (x = g, 'url(\"' + function (e) {\n return \"data:image/svg+xml,\" + function (e) {\n return e.replace(/\"/g, \"'\").replace(/%/g, \"%25\").replace(/#/g, \"%23\").replace(//g, \"%3E\").replace(/\\s+/g, \" \");\n }(e);\n }(x) + '\")'),\n width: Je(d.width),\n height: Je(d.height)\n }, Ae), m ? _e : He), s), /*#__PURE__*/i(\"span\", c);\n};\nvar qe;\nif (D(!0), qe = oe, J[\"\"] = qe, \"undefined\" != typeof document && \"undefined\" != typeof window) {\n Le();\n var _e22 = window;\n if (void 0 !== _e22.IconifyPreload) {\n var _t16 = _e22.IconifyPreload,\n _n17 = \"Invalid IconifyPreload syntax.\";\n \"object\" == _typeof(_t16) && null !== _t16 && (_t16 instanceof Array ? _t16 : [_t16]).forEach(function (e) {\n try {\n (\"object\" != _typeof(e) || null === e || e instanceof Array || \"object\" != _typeof(e.icons) || \"string\" != typeof e.prefix || !N(e)) && console.error(_n17);\n } catch (e) {\n console.error(_n17);\n }\n });\n }\n if (void 0 !== _e22.IconifyProviders) {\n var _t17 = _e22.IconifyProviders;\n if (\"object\" == _typeof(_t17) && null !== _t17) for (var _e23 in _t17) {\n var _n18 = \"IconifyProviders[\" + _e23 + \"] is invalid.\";\n try {\n var _o5 = _t17[_e23];\n if (\"object\" != _typeof(_o5) || !_o5 || void 0 === _o5.resources) continue;\n ee(_e23, _o5) || console.error(_n18);\n } catch (e) {\n console.error(_n18);\n }\n }\n }\n}\nfunction Ve(e) {\n var _o6 = o(!!e.ssr),\n _o7 = _slicedToArray(_o6, 2),\n t = _o7[0],\n n = _o7[1],\n _o8 = o({}),\n _o9 = _slicedToArray(_o8, 2),\n l = _o9[0],\n a = _o9[1];\n var _o10 = o(function (t) {\n if (t) {\n var _t18 = e.icon;\n if (\"object\" == _typeof(_t18)) return {\n name: \"\",\n data: _t18\n };\n var _n19 = B(_t18);\n if (_n19) return {\n name: _t18,\n data: _n19\n };\n }\n return {\n name: \"\"\n };\n }(!!e.ssr)),\n _o11 = _slicedToArray(_o10, 2),\n s = _o11[0],\n c = _o11[1];\n function u() {\n var e = l.callback;\n e && (e(), a({}));\n }\n function d(e) {\n if (JSON.stringify(s) !== JSON.stringify(e)) return u(), c(e), !0;\n }\n function p() {\n var t;\n var n = e.icon;\n if (\"object\" == _typeof(n)) return void d({\n name: \"\",\n data: n\n });\n var o = B(n);\n if (d({\n name: n,\n data: o\n })) if (void 0 === o) {\n var _e24 = je([n], p);\n a({\n callback: _e24\n });\n } else o && (null === (t = e.onLoad) || void 0 === t || t.call(e, n));\n }\n r(function () {\n return n(!0), u;\n }, []), r(function () {\n t && p();\n }, [e.icon, t]);\n var f = s.name,\n h = s.data;\n return h ? Ye(_objectSpread(_objectSpread({}, w), h), e, f) : e.children ? e.children : /*#__PURE__*/i(\"span\", {});\n}\nvar Qe = /*#__PURE__*/n(function (e, t) {\n return Ve(_objectSpread(_objectSpread({}, e), {}, {\n _ref: t\n }));\n});\nfunction Ze(_ref) {\n var t = _ref.name,\n _ref$color = _ref.color,\n n = _ref$color === void 0 ? h.Black : _ref$color,\n _ref$size = _ref.size,\n o = _ref$size === void 0 ? \"16px\" : _ref$size;\n switch (t) {\n case b.Up:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"mingcute:up-line\",\n color: n,\n width: o,\n height: o\n });\n case b.Down:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"mingcute:down-line\",\n color: n,\n width: o,\n height: o\n });\n case b.Upload:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"prime:cloud-upload\",\n color: n,\n width: o,\n height: o\n });\n case b.Profile:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"iconamoon:profile-circle-fill\",\n color: n,\n width: o,\n height: o\n });\n case b.Search:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"bitcoin-icons:search-outline\",\n color: n,\n width: o,\n height: o\n });\n case b.Plus:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"lets-icons:add-round\",\n color: n,\n width: o,\n height: o\n });\n case b.Processing:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"eos-icons:three-dots-loading\",\n color: n,\n width: o,\n height: o\n });\n case b.Close:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"majesticons:close\",\n color: n,\n width: o,\n height: o\n });\n case b.Edit:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"la:edit\",\n color: n,\n width: o,\n height: o\n });\n case b.Delete:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"fluent:delete-24-regular\",\n color: n,\n width: o,\n height: o\n });\n case b.Duplicate:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"bx:duplicate\",\n color: n,\n width: o,\n height: o\n });\n case b.Check:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"gravity-ui:check\",\n color: n,\n width: o,\n height: o\n });\n case b.Animation:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"icon-park-outline:play\",\n color: n,\n width: o,\n height: o\n });\n case b.Crown:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"pepicons-pop:crown\",\n color: n,\n width: o,\n height: o\n });\n case b.Undo:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"iconamoon:do-undo-light\",\n color: n,\n width: o,\n height: o\n });\n case b.Redo:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"iconoir:redo\",\n color: n,\n width: o,\n height: o\n });\n case b.List:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"charm:menu-hamburger\",\n color: n,\n width: o,\n height: o\n });\n case b.BulletedList:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"tabler:list\",\n color: n,\n width: o,\n height: o\n });\n case b.ArrowTop:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"bx:arrow-to-top\",\n color: n,\n width: o,\n height: o\n });\n case b.ArrowBottom:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"bx:arrow-to-bottom\",\n color: n,\n width: o,\n height: o\n });\n case b.View:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"ci:show\",\n color: n,\n width: o,\n height: o\n });\n case b.Hide:\n return /*#__PURE__*/e.createElement(Qe, {\n icon: \"mdi:hide-outline\",\n color: n,\n width: o,\n height: o\n });\n default:\n return null;\n }\n}\nvar et;\nfunction tt(_ref2) {\n var _ref2$family = _ref2.family,\n t = _ref2$family === void 0 ? m.Rubik : _ref2$family,\n _ref2$size = _ref2.size,\n n = _ref2$size === void 0 ? x.Base : _ref2$size,\n _ref2$weight = _ref2.weight,\n o = _ref2$weight === void 0 ? g.Light : _ref2$weight,\n _ref2$color = _ref2.color,\n r = _ref2$color === void 0 ? h.Grey700 : _ref2$color,\n i = _ref2.maxLines,\n _ref2$align = _ref2.align,\n l = _ref2$align === void 0 ? \"left\" : _ref2$align,\n a = _ref2.children;\n return /*#__PURE__*/e.createElement(\"span\", {\n className: et.Text,\n style: {\n display: \"-webkit-box\",\n WebkitBoxOrient: \"vertical\",\n WebkitLineClamp: i,\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"light\",\n wordBreak: i ? \"break-word\" : void 0,\n lineHeight: \"1.2\",\n textAlign: l,\n fontSize: n,\n fontWeight: o,\n fontFamily: t,\n fontStyle: \"light\",\n color: r\n }\n }, a);\n}\nfunction nt(_ref3) {\n var t = _ref3.href,\n n = _ref3.target,\n o = _ref3.copy,\n r = _ref3.type,\n _ref3$outlined = _ref3.outlined,\n i = _ref3$outlined === void 0 ? !1 : _ref3$outlined,\n _ref3$size = _ref3.size,\n l = _ref3$size === void 0 ? \"sm\" : _ref3$size,\n a = _ref3.iconName,\n _ref3$disabled = _ref3.disabled,\n s = _ref3$disabled === void 0 ? !1 : _ref3$disabled,\n _ref3$loading = _ref3.loading,\n c = _ref3$loading === void 0 ? !1 : _ref3$loading,\n u = _ref3.onClick;\n var _e$useState = e.useState(!1),\n _e$useState2 = _slicedToArray(_e$useState, 2),\n d = _e$useState2[0],\n p = _e$useState2[1],\n _ref4 = function (e, t, n, o, r) {\n var i = {\n primary: [h.Teal500, h.Teal700],\n dangerous: [h.Red500, h.Red700],\n disabled: h.Grey300,\n white: h.White\n };\n var l = h.Teal500,\n a = h.Teal500,\n s = h.Teal500;\n return n ? (l = t ? i.white : i.disabled, a = i.disabled, s = t ? i.disabled : i.white, {\n backgroundColor: l,\n borderColor: a,\n textColor: s\n }) : (\"primary\" === e ? t ? (l = i.white, a = i.primary[0], s = i.primary[0], o && !r && (l = i.primary[0], a = i.primary[0], s = i.white)) : (l = i.primary[0], a = i.primary[0], s = i.white, o && !r && (l = i.primary[1], a = i.primary[1])) : \"dangerous\" === e && (t ? (l = i.white, a = i.dangerous[0], s = i.dangerous[0], o && !r && (l = i.dangerous[0], a = i.dangerous[0], s = i.white)) : (l = i.dangerous[0], a = i.dangerous[0], s = i.white, o && !r && (l = i.dangerous[1], a = i.dangerous[1]))), {\n backgroundColor: l,\n borderColor: a,\n textColor: s\n });\n }(r, i, s, d, c),\n f = _ref4.backgroundColor,\n m = _ref4.borderColor,\n y = _ref4.textColor,\n v = c ? null : o,\n w = c ? /*#__PURE__*/e.createElement(Ze, {\n name: b.Processing,\n color: y\n }) : a ? /*#__PURE__*/e.createElement(Ze, {\n name: a,\n color: y,\n size: \"16px\"\n }) : null,\n E = e.useCallback(function (e) {\n c || s || (e.stopPropagation(), null == u || u());\n }, [u, c, s]),\n k = e.useMemo(function () {\n return function (_ref5) {\n var t = _ref5.href,\n n = _ref5.target,\n o = _ref5.style,\n r = _ref5.onButtonClick,\n i = _ref5.onMouseEnter,\n l = _ref5.onMouseLeave,\n a = _ref5.children;\n return void 0 === t ? /*#__PURE__*/e.createElement(\"button\", {\n style: o,\n onClick: r,\n onMouseEnter: i,\n onMouseLeave: l\n }, a) : /*#__PURE__*/e.createElement(\"a\", {\n href: t,\n target: n,\n style: o,\n onMouseEnter: i,\n onMouseLeave: l,\n onClick: function onClick(e) {\n e.stopPropagation();\n }\n }, a);\n };\n }, []);\n return /*#__PURE__*/e.createElement(k, {\n href: t,\n target: n,\n style: {\n borderRadius: \"9999px\",\n padding: \"0 24px\",\n outline: \"none\",\n background: f,\n border: \"1px solid \".concat(m),\n height: \"lg\" === l ? \"48px\" : \"32px\",\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"4px\",\n cursor: c || s ? \"not-allowed\" : \"pointer\"\n },\n onButtonClick: E,\n onMouseEnter: function onMouseEnter() {\n p(!0);\n },\n onMouseLeave: function onMouseLeave() {\n p(!1);\n }\n }, w, v && /*#__PURE__*/e.createElement(tt, {\n size: x.Base,\n color: y,\n weight: g.Medium\n }, v));\n}\nfunction ot(_ref6) {\n var t = _ref6.href,\n n = _ref6.target,\n _ref6$color = _ref6.color,\n o = _ref6$color === void 0 ? \"teal\" : _ref6$color,\n r = _ref6.iconName,\n _ref6$size = _ref6.size,\n i = _ref6$size === void 0 ? \"base\" : _ref6$size,\n l = _ref6.onClick,\n a = _ref6.disabled;\n var _e$useState3 = e.useState(!1),\n _e$useState4 = _slicedToArray(_e$useState3, 2),\n s = _e$useState4[0],\n c = _e$useState4[1];\n var u = \"\";\n \"teal\" === o ? u = a ? h.Grey300 : s ? h.Teal700 : h.Teal500 : \"red\" === o && (u = a ? h.Grey300 : s ? h.Red700 : h.Red500);\n var d = e.useCallback(function (e) {\n a || l && (e.stopPropagation(), e.preventDefault(), e.stopPropagation(), l());\n }, [l, a]),\n p = \"base\" === i ? \"24px\" : \"36px\",\n f = \"base\" === i ? \"12px\" : \"20px\",\n m = e.useMemo(function () {\n return function (_ref7) {\n var t = _ref7.href,\n n = _ref7.target,\n o = _ref7.style,\n r = _ref7.onButtonClick,\n i = _ref7.onMouseEnter,\n l = _ref7.onMouseLeave,\n a = _ref7.children;\n return void 0 === t ? /*#__PURE__*/e.createElement(\"button\", {\n type: \"button\",\n style: o,\n onClick: r,\n onMouseEnter: i,\n onMouseLeave: l\n }, a) : /*#__PURE__*/e.createElement(\"a\", {\n href: t,\n target: n,\n style: o,\n onMouseEnter: i,\n onMouseLeave: l,\n onClick: function onClick(e) {\n e.stopPropagation();\n }\n }, a);\n };\n }, []);\n return /*#__PURE__*/e.createElement(m, {\n href: t,\n target: n,\n style: {\n width: p,\n height: p,\n borderRadius: \"50%\",\n border: \"none\",\n outline: \"none\",\n background: u,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n cursor: \"pointer\",\n zIndex: 2\n },\n onButtonClick: d,\n onMouseEnter: function onMouseEnter() {\n c(!0);\n },\n onMouseLeave: function onMouseLeave() {\n c(!1);\n }\n }, /*#__PURE__*/e.createElement(Ze, {\n name: r,\n color: h.White,\n size: f\n }));\n}\nfunction rt(_ref8) {\n var t = _ref8.href,\n n = _ref8.target,\n _ref8$color = _ref8.color,\n o = _ref8$color === void 0 ? \"teal\" : _ref8$color,\n r = _ref8.iconName,\n i = _ref8.onClick,\n l = _ref8.disabled;\n var a = e.useCallback(function (e) {\n l || (e.stopPropagation(), e.preventDefault(), e.stopPropagation(), i());\n }, [i, l]),\n s = \"teal\" === o ? h.Teal500 : h.Grey500,\n c = e.useMemo(function () {\n return function (_ref9) {\n var t = _ref9.href,\n n = _ref9.target,\n o = _ref9.style,\n r = _ref9.onButtonClick,\n i = _ref9.children;\n return void 0 === t ? /*#__PURE__*/e.createElement(\"button\", {\n style: o,\n onClick: r\n }, i) : /*#__PURE__*/e.createElement(\"a\", {\n href: t,\n target: n,\n style: o,\n onClick: function onClick(e) {\n e.stopPropagation();\n }\n }, i);\n };\n }, []);\n return /*#__PURE__*/e.createElement(c, {\n href: t,\n target: n,\n style: {\n width: \"24px\",\n height: \"24px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n cursor: \"pointer\",\n zIndex: 2,\n outline: \"none\",\n border: \"none\",\n background: \"none\",\n padding: 0\n },\n onButtonClick: a\n }, /*#__PURE__*/e.createElement(Ze, {\n name: r,\n color: s,\n size: \"20px\"\n }));\n}\nfunction it(_ref10) {\n var t = _ref10.marginTop,\n n = _ref10.marginBottom;\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n marginTop: t,\n marginBottom: n,\n width: \"100%\",\n height: \"1px\",\n background: \"#c6c6c6\"\n }\n });\n}\nfunction lt(e, t) {\n var n = l(function (n) {\n e && !e.contains(n.target) && t();\n }, [e, t]);\n r(function () {\n var e = function e(_e25) {\n n(_e25);\n };\n return document.addEventListener(\"mousedown\", e), function () {\n document.removeEventListener(\"mousedown\", e);\n };\n }, [e, t, n]);\n}\nfunction at(e) {\n var _o12 = o(new DOMRectReadOnly()),\n _o13 = _slicedToArray(_o12, 2),\n t = _o13[0],\n n = _o13[1];\n return r(function () {\n if (!e) return function () {};\n n(e.getBoundingClientRect());\n var t = function t() {\n e && n(e.getBoundingClientRect());\n };\n return window.addEventListener(\"scroll\", t), function () {\n window.removeEventListener(\"scroll\", t);\n };\n }, [e]), r(function () {\n var t = new ResizeObserver(function (e) {\n e[0] && n(e[0].target.getBoundingClientRect());\n });\n return e && t.observe(e), function () {\n e && t.unobserve(e);\n };\n }, [e]), t;\n}\nfunction st() {}\nfunction ct(_ref11) {\n var e = _ref11.collapsed,\n n = _ref11.anchorElement,\n i = _ref11.itemGroups,\n l = _ref11.noItemsSection,\n c = _ref11.itemRenderer,\n u = _ref11.itemKeyGetter,\n _ref11$onItemHovered = _ref11.onItemHovered,\n d = _ref11$onItemHovered === void 0 ? st : _ref11$onItemHovered,\n p = _ref11.onItemSelect,\n f = _ref11.onOutsideClick;\n var m = a(function () {\n return i.reduce(function (e, t) {\n return [].concat(_toConsumableArray(e), _toConsumableArray(t.items));\n }, []);\n }, [i]),\n g = at(n),\n _t$useState = t.useState(null),\n _t$useState2 = _slicedToArray(_t$useState, 2),\n b = _t$useState2[0],\n y = _t$useState2[1],\n v = at(b),\n _o14 = o(null),\n _o15 = _slicedToArray(_o14, 2),\n w = _o15[0],\n E = _o15[1],\n k = a(function () {\n return w ? m.findIndex(function (e) {\n return u(e) === w;\n }) : -1;\n }, [m, w, u]);\n r(function () {\n if (-1 === k) return;\n var e = m.at(k);\n e && d(e);\n }, [d, m, k, u]), r(function () {\n E(null);\n }, [i, e]);\n return lt(b, t.useCallback(function () {\n f();\n }, [f])), r(function () {\n if (!e) return function () {};\n var t = function t(e) {\n if (\"Enter\" === e.key) {\n var _e26 = k >= 0 ? m.at(k) : null;\n _e26 && p(_e26);\n }\n if (\"ArrowUp\" === e.key) {\n var _e27 = k <= 0 ? m.length - 1 : k - 1,\n _t19 = m.at(_e27);\n E(_t19 ? u(_t19) : null);\n }\n if (\"ArrowDown\" === e.key) {\n var _e28 = k === m.length - 1 ? 0 : k + 1,\n _t20 = m.at(_e28);\n E(_t20 ? u(_t20) : null);\n }\n };\n return window.addEventListener(\"keydown\", t), function () {\n window.removeEventListener(\"keydown\", t);\n };\n }, [k, m, e, p, u]), /*#__PURE__*/t.createElement(t.Fragment, null, /*#__PURE__*/s(function () {\n var n = 0;\n return n = g.top + g.height + 4 + g.height + v.height > window.innerHeight ? g.bottom - 4 - g.height - v.height : g.top + g.height + 4, /*#__PURE__*/t.createElement(\"div\", {\n ref: function ref(e) {\n y(e);\n },\n style: {\n maxHeight: \"240px\",\n overflow: \"auto\",\n position: \"fixed\",\n top: n,\n left: e ? g.left : 9999,\n width: g.width,\n border: \"1px solid \".concat(h.Grey300),\n background: h.White,\n borderRadius: \"5px\",\n padding: \"16px 8px\",\n flex: \"flex\",\n flexFlow: \"column\",\n zIndex: 100\n },\n onMouseLeave: function onMouseLeave() {\n E(null);\n }\n }, 0 === m.length && l, i.map(function (e, n) {\n var o = i[n + 1],\n r = n < i.length - 1 && e.items.length > 0 && o && o.items.length > 0;\n return /*#__PURE__*/t.createElement(\"div\", {\n key: e.title,\n style: {\n display: \"flex\",\n flexFlow: \"column\"\n }\n }, e.title && e.items.length > 0 && /*#__PURE__*/t.createElement(\"div\", {\n style: {\n paddingBottom: \"8px\"\n }\n }, /*#__PURE__*/t.createElement(tt, {\n size: x.Sm\n }, e.title)), e.items.map(function (e) {\n var n = u(e) === w;\n return /*#__PURE__*/t.createElement(\"div\", {\n key: u(e),\n style: {\n cursor: \"pointer\"\n },\n onClick: function onClick(t) {\n t.stopPropagation(), p(e);\n },\n onMouseEnter: function onMouseEnter() {\n E(u(e));\n }\n }, c({\n item: e,\n hovered: n\n }));\n }), r && /*#__PURE__*/t.createElement(it, {\n marginTop: \"8px\",\n marginBottom: \"16px\"\n }));\n }));\n }(), document.body));\n}\nfunction ut(_ref12) {\n var t = _ref12.label,\n n = _ref12.value,\n _ref12$placeholder = _ref12.placeholder,\n o = _ref12$placeholder === void 0 ? \"Please select\" : _ref12$placeholder,\n r = _ref12.itemGroups,\n _ref12$enableFilter = _ref12.enableFilter,\n i = _ref12$enableFilter === void 0 ? !1 : _ref12$enableFilter,\n l = _ref12.itemLabelGetter,\n a = _ref12.itemValueGetter,\n s = _ref12.onSelect;\n var c = e.useMemo(function () {\n return r.reduce(function (e, t) {\n return [].concat(_toConsumableArray(e), _toConsumableArray(t.items));\n }, []);\n }, [r]),\n u = e.useMemo(function () {\n var e;\n return null !== (e = c.find(function (e) {\n return a(e) === n;\n })) && void 0 !== e ? e : null;\n }, [c, a, n]),\n _e$useState5 = e.useState(!1),\n _e$useState6 = _slicedToArray(_e$useState5, 2),\n d = _e$useState6[0],\n p = _e$useState6[1],\n _e$useState7 = e.useState(null),\n _e$useState8 = _slicedToArray(_e$useState7, 2),\n f = _e$useState8[0],\n m = _e$useState8[1],\n y = e.useCallback(function () {\n d || p(!0);\n }, [d]),\n v = e.useCallback(function (e) {\n s(e), p(!1);\n }, [s]),\n w = e.useCallback(function () {\n p(!1);\n }, []),\n E = d ? /*#__PURE__*/e.createElement(Ze, {\n name: b.Up,\n color: d ? h.Teal500 : h.Grey700\n }) : /*#__PURE__*/e.createElement(Ze, {\n name: b.Down,\n color: d ? h.Teal500 : h.Grey700\n }),\n k = null === u ? o : l(u),\n _e$useState9 = e.useState(\"\"),\n _e$useState10 = _slicedToArray(_e$useState9, 2),\n C = _e$useState10[0],\n I = _e$useState10[1];\n e.useEffect(function () {\n I(\"\");\n }, [d]);\n var S = e.useMemo(function () {\n return r.map(function (e) {\n return {\n title: e.title,\n items: e.items.filter(function (e) {\n return l(e).toLowerCase().includes(C.toLowerCase());\n })\n };\n });\n }, [r, C, l]),\n T = i && d,\n M = !i || i && !d;\n return /*#__PURE__*/e.createElement(\"div\", {\n ref: function ref(e) {\n m(e);\n },\n style: {\n position: \"relative\",\n height: \"36px\",\n cursor: \"pointer\",\n background: h.White\n }\n }, t && /*#__PURE__*/e.createElement(\"div\", {\n style: {\n position: \"absolute\",\n left: \"8px\",\n top: \"0\",\n translate: \"0 -50%\",\n background: h.White,\n padding: \"4px\",\n zIndex: 2\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Xxs\n }, t)), /*#__PURE__*/e.createElement(\"div\", {\n style: {\n position: \"relative\",\n width: \"100%\",\n height: \"100%\",\n border: \"1px solid \".concat(h.Grey300),\n borderRadius: \"7px\",\n display: \"flex\",\n gap: \"12px\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n padding: \"0 20px\",\n background: \"white\",\n overflow: \"hidden\",\n pointerEvents: d ? \"none\" : void 0\n },\n onClick: y\n }, T && /*#__PURE__*/e.createElement(\"input\", {\n autoFocus: !0,\n className: et.TextInput,\n style: {\n flexGrow: 1\n },\n placeholder: k,\n onChange: function onChange(e) {\n I(e.target.value);\n }\n }), M && /*#__PURE__*/e.createElement(tt, {\n size: x.Sm,\n color: d ? h.Teal500 : h.Grey700,\n weight: g.Medium\n }, k), E), /*#__PURE__*/e.createElement(ct, {\n collapsed: d,\n anchorElement: f,\n itemGroups: S,\n noItemsSection: /*#__PURE__*/e.createElement(\"div\", {\n style: {\n width: \"100%\",\n height: \"36px\",\n padding: \"0 12px\",\n display: \"flex\",\n alignItems: \"center\",\n borderRadius: \"5px\",\n background: h.White\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Sm,\n weight: g.Medium,\n color: h.Grey700\n }, \"No Items\")),\n itemKeyGetter: a,\n itemRenderer: function itemRenderer(_ref13) {\n var t = _ref13.item,\n n = _ref13.hovered;\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n width: \"100%\",\n height: \"36px\",\n padding: \"0 12px\",\n display: \"flex\",\n alignItems: \"center\",\n borderRadius: \"5px\",\n background: n ? h.Teal500 : h.White\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Sm,\n weight: g.Medium,\n color: n ? h.White : h.Grey700\n }, l(t)));\n },\n onItemSelect: v,\n onOutsideClick: w\n }));\n}\nfunction dt(_ref14) {\n var t = _ref14.label,\n n = _ref14.description,\n o = _ref14.children;\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n width: \"100%\"\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Sm,\n weight: g.Bold,\n color: h.Grey700\n }, t), n && /*#__PURE__*/e.createElement(\"div\", {\n style: {\n marginTop: \"4px\"\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Xs,\n color: h.Grey700,\n weight: g.Light\n }, n)), /*#__PURE__*/e.createElement(\"div\", {\n style: {\n marginTop: \"4px\"\n }\n }, o));\n}\nfunction pt(_ref15) {\n var t = _ref15.label,\n n = _ref15.labelWidth,\n o = _ref15.verticalAlign,\n r = _ref15.children;\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n display: \"flex\",\n alignItems: \"top\" === o ? \"flex-start\" : \"bottom\" === o ? \"flex-end\" : \"center\",\n width: \"100%\"\n }\n }, /*#__PURE__*/e.createElement(\"div\", {\n style: {\n flexBasis: n,\n flexShrink: 0,\n marginRight: \"16px\"\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Sm,\n weight: g.Bold,\n color: h.Grey700,\n align: \"right\"\n }, t)), /*#__PURE__*/e.createElement(\"div\", {\n style: {\n flex: 1\n }\n }, r));\n}\nfunction ft(_ref16) {\n var t = _ref16.children,\n _ref16$columns = _ref16.columns,\n n = _ref16$columns === void 0 ? 1 : _ref16$columns,\n _ref16$padding = _ref16.padding,\n o = _ref16$padding === void 0 ? 28 : _ref16$padding,\n _ref16$gap = _ref16.gap,\n r = _ref16$gap === void 0 ? 24 : _ref16$gap;\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n display: \"grid\",\n padding: \"\".concat(o, \"px\"),\n gridTemplateColumns: \"repeat(\".concat(n, \", 1fr)\"),\n flexFlow: \"column wrap\",\n gap: \"\".concat(r, \"px\")\n }\n }, t);\n}\nfunction ht(_ref17) {\n var t = _ref17.src,\n n = _ref17.width,\n o = _ref17.height,\n _ref17$fit = _ref17.fit,\n r = _ref17$fit === void 0 ? \"contain\" : _ref17$fit,\n _ref17$loading = _ref17.loading,\n i = _ref17$loading === void 0 ? \"lazy\" : _ref17$loading;\n return /*#__PURE__*/e.createElement(\"img\", {\n src: t,\n width: n,\n height: o,\n style: {\n width: n,\n height: o,\n objectFit: r\n },\n loading: i\n });\n}\n/*#__PURE__*/n(function (e, t) {\n return Ve(_objectSpread(_objectSpread({\n inline: !0\n }, e), {}, {\n _ref: t\n }));\n}), function (e) {\n e.Text = \"pic-ui-text\", e.TextInput = \"pic-ui-text-input\";\n}(et || (et = {}));\nvar mt = function mt(_ref18) {\n var t = _ref18.value,\n n = _ref18.iconName,\n _ref18$disabled = _ref18.disabled,\n o = _ref18$disabled === void 0 ? !1 : _ref18$disabled,\n r = _ref18.placeholder,\n i = _ref18.onInput;\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n position: \"relative\",\n width: \"100%\",\n height: \"36px\",\n border: \"1px solid \".concat(h.Grey300),\n borderRadius: \"7px\",\n overflow: \"hidden\",\n background: h.White,\n display: \"flex\",\n alignItems: \"center\"\n }\n }, /*#__PURE__*/e.createElement(\"input\", {\n className: et.TextInput,\n style: {\n width: \"100%\",\n height: \"100%\",\n padding: \"0 12px\",\n paddingTop: \"0\",\n paddingBottom: \"0\",\n paddingLeft: n ? \"44px\" : \"12px\",\n paddingRight: \"12px\"\n },\n disabled: o,\n value: t,\n placeholder: r,\n onChange: function onChange(e) {\n null == i || i(e.target.value);\n }\n }), n && /*#__PURE__*/e.createElement(\"div\", {\n style: {\n position: \"absolute\",\n left: \"20px\",\n top: \"50%\",\n display: \"inline-flex\",\n translate: \"0 -50%\"\n }\n }, /*#__PURE__*/e.createElement(Ze, {\n color: h.Grey500,\n name: n,\n size: \"16px\"\n })));\n },\n gt = function gt(_ref19) {\n var t = _ref19.value,\n n = _ref19.placeholder,\n o = _ref19.onInput;\n return /*#__PURE__*/e.createElement(mt, {\n iconName: b.Search,\n value: t,\n placeholder: n,\n onInput: o\n });\n },\n xt = function xt(_ref20) {\n var t = _ref20.value,\n n = _ref20.step,\n o = _ref20.min,\n r = _ref20.max,\n i = _ref20.onInput;\n return /*#__PURE__*/e.createElement(\"input\", {\n className: et.TextInput,\n style: {\n border: \"1px solid \".concat(h.Grey300),\n borderRadius: \"7px\",\n padding: \"0 12px\",\n display: \"flex\",\n height: \"36px\",\n alignItems: \"center\",\n background: h.White\n },\n type: \"number\",\n value: null != t ? t : \"\",\n step: n,\n min: o,\n max: r,\n onChange: function onChange(e) {\n var t = e.target.value;\n i(t ? Number.parseFloat(t) : null);\n }\n });\n };\nfunction bt(_ref21) {\n var t = _ref21.copy,\n n = _ref21.color,\n _ref21$textColor = _ref21.textColor,\n o = _ref21$textColor === void 0 ? h.White : _ref21$textColor,\n r = _ref21.iconName,\n i = _ref21.onIconClick;\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n height: \"20px\",\n display: \"inline-flex\",\n alignItems: \"center\",\n padding: \"0 12px\",\n borderRadius: \"25px\",\n background: n,\n gap: \"4px\"\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Xs,\n weight: g.Medium,\n color: o\n }, t), r && /*#__PURE__*/e.createElement(\"div\", {\n style: {\n display: \"inline\",\n cursor: \"pointer\"\n },\n onClick: function onClick() {\n null == i || i();\n }\n }, /*#__PURE__*/e.createElement(Ze, {\n name: r,\n size: \"12px\",\n color: h.White\n })));\n}\nvar yt = [];\nfunction vt(_ref22) {\n var t = _ref22.value,\n _ref22$suggestions = _ref22.suggestions,\n n = _ref22$suggestions === void 0 ? yt : _ref22$suggestions,\n o = _ref22.onInput;\n var r = e.useRef(null),\n _e$useState11 = e.useState(\"\"),\n _e$useState12 = _slicedToArray(_e$useState11, 2),\n i = _e$useState12[0],\n l = _e$useState12[1];\n e.useEffect(function () {\n l(\"\");\n }, [t]);\n var _e$useState13 = e.useState(!1),\n _e$useState14 = _slicedToArray(_e$useState13, 2),\n a = _e$useState14[0],\n s = _e$useState14[1],\n _e$useState15 = e.useState(0),\n _e$useState16 = _slicedToArray(_e$useState15, 2),\n c = _e$useState16[0],\n u = _e$useState16[1],\n d = e.useMemo(function () {\n var e = n.filter(function (e) {\n return !t.includes(e);\n });\n return i ? e.filter(function (e) {\n return e.toLowerCase().includes(i.toLowerCase());\n }) : e;\n }, [t, i, n]);\n e.useEffect(function () {\n u(-1);\n }, [d]);\n var p = e.useCallback(function () {\n var e;\n s(!0), null === (e = r.current) || void 0 === e || e.focus();\n }, []),\n f = e.useCallback(function (e) {\n o([].concat(_toConsumableArray(t), [e]));\n var n = d.length - 1;\n u(c + 1 < n - 1 ? c + 1 : n - 1), p();\n }, [t, d, c, o, p]),\n m = e.useCallback(function () {\n if (!d[c]) {\n if (!i) return;\n if (t.includes(i)) return;\n o([].concat(_toConsumableArray(t), [i]));\n }\n }, [t, i, d, c, o]),\n y = e.useCallback(function () {\n i || o(t.slice(0, t.length - 1));\n }, [i, t, o]),\n v = e.useCallback(function (e) {\n o(t.filter(function (t) {\n return t !== e;\n }));\n }, [t, o]),\n w = e.useMemo(function () {\n return a && d.length > 0;\n }, [a, d]),\n _e$useState17 = e.useState(null),\n _e$useState18 = _slicedToArray(_e$useState17, 2),\n E = _e$useState18[0],\n k = _e$useState18[1],\n C = e.useCallback(function () {\n a || p();\n }, [a, p]),\n I = e.useMemo(function () {\n return [{\n title: null,\n items: d\n }];\n }, [d]),\n S = e.useCallback(function (e) {\n return e;\n }, []);\n return /*#__PURE__*/e.createElement(\"div\", {\n ref: function ref(e) {\n k(e);\n },\n style: {\n width: \"100%\",\n minHeight: \"36px\",\n display: \"flex\",\n alignItems: \"center\",\n flexWrap: \"wrap\",\n gap: \"4px\",\n border: \"1px solid \".concat(h.Grey300),\n padding: \"8px 12px\",\n borderRadius: \"7px\",\n cursor: \"text\",\n background: h.White\n },\n onClick: C\n }, t.map(function (t) {\n return /*#__PURE__*/e.createElement(bt, {\n key: t,\n copy: t,\n color: h.Teal500,\n iconName: b.Close,\n onIconClick: function onIconClick() {\n v(t);\n }\n });\n }), /*#__PURE__*/e.createElement(\"input\", {\n className: et.TextInput,\n ref: r,\n style: {\n flexGrow: \"1\",\n minWidth: \"40px\",\n border: \"none\"\n },\n value: i,\n onChange: function onChange(e) {\n l(e.target.value);\n },\n onKeyDown: function onKeyDown(e) {\n \"Enter\" === e.key && m(), \"Backspace\" === e.key && y();\n },\n onFocus: function onFocus() {\n s(!0);\n }\n }), /*#__PURE__*/e.createElement(ct, {\n collapsed: w,\n anchorElement: E,\n itemGroups: I,\n noItemsSection: /*#__PURE__*/e.createElement(\"div\", {\n style: {\n width: \"100%\",\n height: \"36px\",\n padding: \"0 12px\",\n display: \"flex\",\n alignItems: \"center\",\n borderRadius: \"5px\",\n background: h.White\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Sm,\n weight: g.Medium,\n color: h.Grey700\n }, \"No Items\")),\n onItemHovered: function onItemHovered(e) {\n u(d.findIndex(function (t) {\n return S(t) === S(e);\n }));\n },\n itemKeyGetter: S,\n itemRenderer: function itemRenderer(_ref23) {\n var t = _ref23.item,\n n = _ref23.hovered;\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n width: \"100%\",\n height: \"36px\",\n padding: \"0 12px\",\n display: \"flex\",\n alignItems: \"center\",\n borderRadius: \"5px\",\n background: n ? h.Teal500 : h.White\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Sm,\n weight: g.Medium,\n color: n ? h.White : h.Grey700\n }, t));\n },\n onItemSelect: f,\n onOutsideClick: function onOutsideClick() {\n s(!1);\n }\n }));\n}\nfunction wt(_ref24) {\n var t = _ref24.value,\n n = _ref24.itemGroups,\n o = _ref24.itemLabelGetter,\n r = _ref24.itemValueGetter,\n i = _ref24.onInput;\n var l = e.useMemo(function () {\n return n.reduce(function (e, t) {\n return [].concat(_toConsumableArray(e), _toConsumableArray(t.items));\n }, []);\n }, [n]),\n a = e.useRef(null),\n _e$useState19 = e.useState(\"\"),\n _e$useState20 = _slicedToArray(_e$useState19, 2),\n s = _e$useState20[0],\n c = _e$useState20[1];\n e.useEffect(function () {\n c(\"\");\n }, [t]);\n var _e$useState21 = e.useState(!1),\n _e$useState22 = _slicedToArray(_e$useState21, 2),\n u = _e$useState22[0],\n d = _e$useState22[1],\n _e$useState23 = e.useState(0),\n _e$useState24 = _slicedToArray(_e$useState23, 2),\n p = _e$useState24[0],\n f = _e$useState24[1],\n m = e.useMemo(function () {\n var e = [];\n return t.forEach(function (t) {\n var n = l.find(function (e) {\n return r(e) === t;\n });\n n && e.push(n);\n }), e;\n }, [l, t, r]),\n y = e.useMemo(function () {\n return n.map(function (_ref25) {\n var e = _ref25.title,\n n = _ref25.items;\n var i = n.filter(function (e) {\n return !t.includes(r(e));\n });\n if (!s) return {\n title: e,\n items: i\n };\n var l = i.filter(function (e) {\n return o(e).toLowerCase().includes(s.toLowerCase());\n });\n return {\n title: e,\n items: l\n };\n });\n }, [t, r, o, s, n]);\n e.useEffect(function () {\n f(-1);\n }, [n]);\n var v = e.useCallback(function () {\n var e;\n d(!0), null === (e = a.current) || void 0 === e || e.focus();\n }, []),\n w = e.useCallback(function (e) {\n i([].concat(_toConsumableArray(t), [r(e)]));\n var n = l.length - 1;\n f(p + 1 < n - 1 ? p + 1 : n - 1), v();\n }, [t, r, l, p, i, v]),\n E = e.useCallback(function () {\n if (p > -1) return;\n var e = l.find(function (e) {\n return o(e).toLowerCase() === s.toLowerCase();\n });\n e && i([].concat(_toConsumableArray(t), [r(e)]));\n }, [t, p, l, s, o, r, i]),\n k = e.useCallback(function () {\n s || i(t.slice(0, t.length - 1));\n }, [s, t, i]),\n C = e.useCallback(function (e) {\n i(t.filter(function (t) {\n return t !== r(e);\n }));\n }, [t, i, r]),\n I = e.useMemo(function () {\n return u && l.length > 0;\n }, [u, l]),\n _e$useState25 = e.useState(null),\n _e$useState26 = _slicedToArray(_e$useState25, 2),\n S = _e$useState26[0],\n T = _e$useState26[1],\n M = e.useCallback(function () {\n u || v();\n }, [u, v]);\n return /*#__PURE__*/e.createElement(\"div\", {\n ref: function ref(e) {\n T(e);\n },\n style: {\n width: \"100%\",\n minHeight: \"36px\",\n display: \"flex\",\n alignItems: \"center\",\n flexWrap: \"wrap\",\n gap: \"4px\",\n border: \"1px solid \".concat(h.Grey300),\n padding: \"8px 12px\",\n borderRadius: \"7px\",\n cursor: \"text\",\n background: h.White\n },\n onClick: M\n }, m.map(function (t) {\n return /*#__PURE__*/e.createElement(bt, {\n key: r(t),\n copy: o(t),\n color: h.Teal500,\n iconName: b.Close,\n onIconClick: function onIconClick() {\n C(t);\n }\n });\n }), /*#__PURE__*/e.createElement(\"input\", {\n className: et.TextInput,\n ref: a,\n style: {\n flexGrow: \"1\",\n minWidth: \"40px\",\n border: \"none\"\n },\n value: s,\n onChange: function onChange(e) {\n c(e.target.value);\n },\n onKeyDown: function onKeyDown(e) {\n \"Enter\" === e.key && E(), \"Backspace\" === e.key && k();\n },\n onFocus: function onFocus() {\n d(!0);\n }\n }), /*#__PURE__*/e.createElement(ct, {\n collapsed: I,\n anchorElement: S,\n itemGroups: y,\n noItemsSection: /*#__PURE__*/e.createElement(\"div\", {\n style: {\n width: \"100%\",\n height: \"36px\",\n padding: \"0 12px\",\n display: \"flex\",\n alignItems: \"center\",\n borderRadius: \"5px\",\n background: h.White\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Sm,\n weight: g.Medium,\n color: h.Grey700\n }, \"No Items\")),\n onItemHovered: function onItemHovered(e) {\n f(l.findIndex(function (t) {\n return r(t) === r(e);\n }));\n },\n itemKeyGetter: r,\n itemRenderer: function itemRenderer(_ref26) {\n var t = _ref26.item,\n n = _ref26.hovered;\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n width: \"100%\",\n height: \"36px\",\n padding: \"0 12px\",\n display: \"flex\",\n alignItems: \"center\",\n borderRadius: \"5px\",\n background: n ? h.Teal500 : h.White\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Sm,\n weight: g.Medium,\n color: n ? h.White : h.Grey700\n }, o(t)));\n },\n onItemSelect: w,\n onOutsideClick: function onOutsideClick() {\n d(!1);\n }\n }));\n}\nfunction Et(_ref27) {\n var t = _ref27.value,\n n = _ref27.placeholder,\n o = _ref27.onInput;\n return /*#__PURE__*/e.createElement(\"textarea\", {\n className: et.TextInput,\n style: {\n width: \"100%\",\n border: \"1px solid \".concat(h.Grey300),\n borderRadius: \"7px\",\n padding: \"12px\"\n },\n rows: 5,\n value: t,\n placeholder: n,\n onChange: function onChange(e) {\n o(e.target.value);\n }\n });\n}\nfunction kt(_ref28) {\n var t = _ref28.visible,\n n = _ref28.children;\n return /*#__PURE__*/s( /*#__PURE__*/e.createElement(\"section\", {\n style: {\n position: \"fixed\",\n top: 0,\n left: 0,\n maxWidth: \"100vw\",\n maxHeight: \"100vh\",\n display: t ? \"flex\" : \"none\",\n justifyContent: \"center\",\n alignItems: \"center\",\n overflow: \"hidden\",\n zIndex: 10,\n width: \"100vw\",\n height: \"100vh\"\n }\n }, n), document.body);\n}\nfunction Ct(_ref29) {\n var t = _ref29.onClick;\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n zIndex: 0,\n cursor: t ? \"pointer\" : void 0,\n backgroundColor: \"rgba(0, 0, 0, 0.2)\"\n },\n role: \"button\",\n \"aria-label\": \"modal background\",\n tabIndex: 0,\n onClick: t,\n onKeyDown: t\n });\n}\nfunction It(_ref30) {\n var t = _ref30.width,\n n = _ref30.height,\n o = _ref30.children,\n r = _ref30.onCloseClick;\n return /*#__PURE__*/e.createElement(\"section\", {\n style: {\n position: \"relative\",\n display: \"flex\",\n overflow: \"hidden\",\n width: t,\n height: n,\n borderRadius: \"10px\"\n }\n }, r && /*#__PURE__*/e.createElement(\"div\", {\n style: {\n position: \"absolute\",\n top: \"12px\",\n right: \"12px\",\n cursor: \"pointer\"\n },\n onClick: r\n }, /*#__PURE__*/e.createElement(Ze, {\n name: b.Close\n })), o);\n}\nfunction St(_ref31) {\n var t = _ref31.opened,\n n = _ref31.width,\n o = _ref31.height,\n r = _ref31.children,\n i = _ref31.onCloseClick,\n l = _ref31.onBackgroundClick;\n return /*#__PURE__*/e.createElement(kt, {\n visible: t\n }, /*#__PURE__*/e.createElement(Ct, {\n onClick: l\n }), /*#__PURE__*/e.createElement(It, {\n width: n,\n height: o,\n onCloseClick: i\n }, r));\n}\nfunction Tt(_ref32) {\n var t = _ref32.value,\n _ref32$disabled = _ref32.disabled,\n n = _ref32$disabled === void 0 ? !1 : _ref32$disabled,\n o = _ref32.onChange;\n var r = e.useCallback(function (e) {\n n || (e.stopPropagation(), null == o || o(!t));\n }, [o, n, t]);\n var i = h.Teal500;\n i = t ? n ? h.Teal300 : h.Teal500 : n ? h.Grey200 : h.Grey300;\n var l = h.White;\n return !t && n && (l = h.Grey100), /*#__PURE__*/e.createElement(\"div\", {\n style: {\n position: \"relative\",\n display: \"flex\",\n borderRadius: \"9999px\",\n minWidth: \"52px\",\n width: \"52px\",\n height: \"32px\",\n background: i,\n cursor: n ? \"not-allowed\" : \"pointer\"\n },\n onClick: r\n }, /*#__PURE__*/e.createElement(\"div\", {\n style: {\n position: \"absolute\",\n left: \"4px\",\n bottom: \"4px\",\n width: \"24px\",\n height: \"24px\",\n borderRadius: \"50%\",\n background: l,\n transform: t ? \"translateX(20px)\" : \"translateX(0)\",\n transition: \"0.2s\"\n }\n }));\n}\nfunction Mt(_ref33) {\n var t = _ref33.items,\n n = _ref33.value,\n o = _ref33.onSelect;\n var _e$useState27 = e.useState(-1),\n _e$useState28 = _slicedToArray(_e$useState27, 2),\n r = _e$useState28[0],\n i = _e$useState28[1];\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n display: \"flex\",\n height: \"32px\",\n gap: \"4px\"\n },\n onMouseLeave: function onMouseLeave() {\n i(-1);\n }\n }, t.map(function (t, l) {\n var a = n === t.value,\n s = r === l;\n var c = s ? h.Teal500 : void 0;\n return a && (c = h.Teal500), /*#__PURE__*/e.createElement(\"div\", {\n key: t.value,\n style: {\n padding: \"0 24px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: c,\n borderRadius: \"9999px\",\n cursor: \"pointer\"\n },\n onClick: function onClick() {\n o(t);\n },\n onMouseEnter: function onMouseEnter() {\n i(l);\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Base,\n color: a || s ? h.White : h.Grey700,\n weight: g.Bold\n }, t.name));\n }));\n}\nfunction Rt(_ref34) {\n var _ref34$size = _ref34.size,\n t = _ref34$size === void 0 ? x.Sm : _ref34$size,\n n = _ref34.copy,\n i = _ref34.maxLines,\n l = _ref34.onClick,\n a = _ref34.href,\n s = _ref34.target;\n var _e$useState29 = e.useState(null),\n _e$useState30 = _slicedToArray(_e$useState29, 2),\n c = _e$useState30[0],\n u = _e$useState30[1],\n d = function (e) {\n var _o16 = o(!1),\n _o17 = _slicedToArray(_o16, 2),\n t = _o17[0],\n n = _o17[1];\n return r(function () {\n if (!e) return function () {};\n var t = function t() {\n n(!0);\n },\n o = function o() {\n n(!1);\n };\n return e.addEventListener(\"mouseenter\", t), e.addEventListener(\"mouseleave\", o), function () {\n e.removeEventListener(\"mouseenter\", t), e.removeEventListener(\"mouseleave\", o);\n };\n }, [e]), t;\n }(c),\n p = e.useCallback(function (e) {\n e.stopPropagation(), null == l || l();\n }, [l]);\n return /*#__PURE__*/e.createElement(\"a\", {\n ref: function ref(e) {\n u(e);\n },\n href: a,\n target: s,\n onClick: a ? void 0 : p,\n style: {\n cursor: \"pointer\"\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: t,\n weight: g.Medium,\n color: d ? h.Teal700 : h.Teal500,\n maxLines: i\n }, n));\n}\nfunction Lt(e, t, n, o) {\n return new (n || (n = Promise))(function (r, i) {\n function l(e) {\n try {\n s(o.next(e));\n } catch (e) {\n i(e);\n }\n }\n function a(e) {\n try {\n s(o[\"throw\"](e));\n } catch (e) {\n i(e);\n }\n }\n function s(e) {\n var t;\n e.done ? r(e.value) : (t = e.value, t instanceof n ? t : new n(function (e) {\n e(t);\n })).then(l, a);\n }\n s((o = o.apply(e, t || [])).next());\n });\n}\nfunction Gt(_ref35) {\n var _this = this;\n var t = _ref35.accept,\n n = _ref35.onUpload;\n return /*#__PURE__*/e.createElement(\"input\", {\n type: \"file\",\n style: {\n border: \"1px solid \".concat(h.Grey300),\n borderRadius: \"5px\",\n padding: \"4px\",\n outline: \"none\",\n background: h.White\n },\n accept: t,\n onChange: function onChange(e) {\n return Lt(_this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n var _t21;\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n if (e.target.files) {\n _t21 = e.target.files[0];\n n(_t21);\n }\n case 1:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee);\n }));\n }\n });\n}\nfunction Ot(_ref36) {\n var e = _ref36.checked,\n _ref36$disabled = _ref36.disabled,\n n = _ref36$disabled === void 0 ? !1 : _ref36$disabled,\n o = _ref36.onChange;\n var r = t.useCallback(function (t) {\n !n && o && (t.stopPropagation(), o(!e));\n }, [o, n, e]);\n var i = h.Teal500,\n l = h.Teal500;\n return e ? (i = n ? h.Teal300 : h.Teal500, l = n ? h.Teal300 : h.Teal500) : (i = n ? h.Grey100 : h.White, l = n ? h.Grey300 : h.Teal500), /*#__PURE__*/t.createElement(\"div\", {\n style: {\n display: \"flex\",\n alignItems: \"center\"\n },\n onClick: r\n }, /*#__PURE__*/t.createElement(\"span\", {\n style: {\n width: 24,\n height: 24,\n backgroundColor: i,\n border: \"1px solid \".concat(l),\n display: \"inline-block\",\n borderRadius: \"4px\",\n position: \"relative\",\n cursor: n ? \"not-allowed\" : \"pointer\"\n }\n }, /*#__PURE__*/t.createElement(\"span\", {\n style: {\n content: '\"\"',\n position: \"absolute\",\n top: \"48%\",\n left: \"52%\",\n width: 12,\n height: 6,\n backgroundColor: \"transparent\",\n transform: \"translate(-50%, -50%) rotate(-45deg)\",\n border: \"2.5px solid white\",\n borderTop: \"none\",\n borderRight: \"none\",\n display: e ? \"block\" : \"none\"\n }\n })));\n}\n\"function\" == typeof SuppressedError && SuppressedError;\nvar Ft = function Ft(_ref37) {\n var _ref37$borderRadius = _ref37.borderRadius,\n t = _ref37$borderRadius === void 0 ? \"5px\" : _ref37$borderRadius,\n _ref37$borderWidth = _ref37.borderWidth,\n n = _ref37$borderWidth === void 0 ? \"1px\" : _ref37$borderWidth,\n o = _ref37.borderColor,\n r = _ref37.background,\n i = _ref37.children;\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n borderRadius: t,\n background: r,\n boxShadow: \"0px 0px 15px 0px rgba(0, 0, 0, 0.05)\",\n border: \"\".concat(n, \" solid \").concat(o || \"none\")\n }\n }, i);\n};\nfunction jt() {}\nfunction zt() {}\nfunction Dt(_ref38) {\n var t = _ref38.opened,\n n = _ref38.title,\n o = _ref38.message,\n _ref38$confirmButtonC = _ref38.confirmButtonCopy,\n r = _ref38$confirmButtonC === void 0 ? \"Yes\" : _ref38$confirmButtonC,\n _ref38$onConfirmClick = _ref38.onConfirmClick,\n i = _ref38$onConfirmClick === void 0 ? jt : _ref38$onConfirmClick,\n _ref38$hideCancelButt = _ref38.hideCancelButton,\n l = _ref38$hideCancelButt === void 0 ? !1 : _ref38$hideCancelButt,\n _ref38$cancelButtonCo = _ref38.cancelButtonCopy,\n a = _ref38$cancelButtonCo === void 0 ? \"No\" : _ref38$cancelButtonCo,\n _ref38$onCancelClick = _ref38.onCancelClick,\n s = _ref38$onCancelClick === void 0 ? zt : _ref38$onCancelClick;\n var _e$useState31 = e.useState(!1),\n _e$useState32 = _slicedToArray(_e$useState31, 2),\n c = _e$useState32[0],\n u = _e$useState32[1],\n _e$useState33 = e.useState(!1),\n _e$useState34 = _slicedToArray(_e$useState33, 2),\n d = _e$useState34[0],\n p = _e$useState34[1],\n f = e.useCallback(function () {\n u(!0), i(function () {\n u(!1);\n });\n }, [i]),\n h = e.useCallback(function () {\n p(!0), s(function () {\n p(!1);\n });\n }, [s]);\n return /*#__PURE__*/e.createElement(St, {\n opened: t,\n width: 400,\n onBackgroundClick: c ? void 0 : h,\n onCloseClick: c ? void 0 : h\n }, /*#__PURE__*/e.createElement(\"div\", {\n style: {\n width: \"100%\",\n padding: \"20px\",\n background: \"white\",\n borderRadius: \"4px\"\n }\n }, /*#__PURE__*/e.createElement(tt, {\n color: \"black\",\n size: x.Xl,\n align: \"center\"\n }, n), /*#__PURE__*/e.createElement(\"div\", {\n style: {\n marginTop: \"12px\"\n }\n }, /*#__PURE__*/e.createElement(tt, {\n color: \"black\",\n align: \"center\"\n }, o)), /*#__PURE__*/e.createElement(\"div\", {\n style: {\n marginTop: \"24px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: \"8px\"\n }\n }, !l && /*#__PURE__*/e.createElement(nt, {\n copy: a,\n type: \"primary\",\n outlined: !0,\n onClick: h,\n loading: d,\n disabled: c\n }), /*#__PURE__*/e.createElement(nt, {\n type: \"primary\",\n copy: r,\n onClick: f,\n loading: c,\n disabled: d\n }))));\n}\nfunction Bt(e) {\n return e.toUpperCase().split(\"\").map(function (e) {\n return String.fromCodePoint(e.charCodeAt(0) + 127397);\n }).join(\"\");\n}\nfunction Nt(_ref39) {\n var _ref39$color = _ref39.color,\n t = _ref39$color === void 0 ? h.Teal500 : _ref39$color,\n n = _ref39.isoCode,\n o = _ref39.onCloseClick;\n return /*#__PURE__*/e.createElement(bt, {\n copy: \"\".concat(Bt(n), \" \").concat(n),\n color: t,\n iconName: o ? b.Close : void 0,\n onIconClick: o\n });\n}\nfunction $t(_ref40) {\n var t = _ref40.value,\n n = _ref40.countries,\n _ref40$tagColor = _ref40.tagColor,\n o = _ref40$tagColor === void 0 ? h.Teal500 : _ref40$tagColor,\n r = _ref40.onInput;\n var i = e.useRef(null),\n _e$useState35 = e.useState(\"\"),\n _e$useState36 = _slicedToArray(_e$useState35, 2),\n l = _e$useState36[0],\n a = _e$useState36[1],\n _e$useState37 = e.useState(!1),\n _e$useState38 = _slicedToArray(_e$useState37, 2),\n s = _e$useState38[0],\n c = _e$useState38[1],\n _e$useState39 = e.useState(0),\n _e$useState40 = _slicedToArray(_e$useState39, 2),\n u = _e$useState40[0],\n d = _e$useState40[1],\n p = e.useMemo(function () {\n var e = n.filter(function (e) {\n return !t.includes(e.value);\n });\n return l ? e.filter(function (e) {\n return (e.label + e.value).toLowerCase().includes(l.toLowerCase());\n }) : e;\n }, [t, l, n]);\n e.useEffect(function () {\n d(-1);\n }, [n]);\n var f = e.useCallback(function () {\n var e;\n c(!0), null === (e = i.current) || void 0 === e || e.focus();\n }, []),\n m = e.useCallback(function (e) {\n if (!r) return;\n r(function (e, t) {\n var n = new Map(),\n o = [];\n var _iterator = _createForOfIteratorHelper(e),\n _step;\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var _r7 = _step.value;\n n.has(t(_r7)) || (n.set(t(_r7), !0), o.push(_r7));\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n return o;\n }([].concat(_toConsumableArray(t), [e.value]), function (e) {\n return e;\n })), a(\"\");\n var o = n.length - 1;\n d(u + 1 < o - 1 ? u + 1 : o - 1), f();\n }, [t, n, u, r, f]),\n b = e.useCallback(function () {\n l || r && r(t.slice(0, t.length - 1));\n }, [l, t, r]),\n y = e.useCallback(function (e) {\n r && r(t.filter(function (t) {\n return t !== e;\n }));\n }, [t, r]),\n v = e.useMemo(function () {\n return s && n.length > 0;\n }, [s, n]),\n _e$useState41 = e.useState(null),\n _e$useState42 = _slicedToArray(_e$useState41, 2),\n w = _e$useState42[0],\n E = _e$useState42[1],\n k = e.useCallback(function () {\n s || f();\n }, [s, f]),\n C = e.useMemo(function () {\n return [{\n title: null,\n items: p\n }];\n }, [p]),\n I = e.useCallback(function (e) {\n return e.value;\n }, []);\n return /*#__PURE__*/e.createElement(\"div\", {\n ref: function ref(e) {\n E(e);\n },\n style: {\n width: \"100%\",\n minHeight: \"36px\",\n display: \"flex\",\n alignItems: \"center\",\n flexWrap: \"wrap\",\n gap: \"4px\",\n border: \"1px solid \".concat(h.Grey300),\n padding: \"8px 12px\",\n borderRadius: \"7px\",\n cursor: \"text\",\n background: h.White\n },\n onClick: k\n }, t.map(function (t) {\n return /*#__PURE__*/e.createElement(Nt, {\n key: t,\n isoCode: t,\n color: o,\n onCloseClick: function onCloseClick() {\n y(t);\n }\n });\n }), /*#__PURE__*/e.createElement(\"input\", {\n className: et.TextInput,\n ref: i,\n style: {\n flexGrow: \"1\",\n minWidth: \"40px\",\n outline: \"none\",\n border: \"none\"\n },\n value: l,\n onChange: function onChange(e) {\n a(e.target.value);\n },\n onKeyDown: function onKeyDown(e) {\n \"Backspace\" === e.key && b();\n },\n onFocus: function onFocus() {\n c(!0);\n }\n }), /*#__PURE__*/e.createElement(ct, {\n collapsed: v,\n anchorElement: w,\n itemGroups: C,\n noItemsSection: /*#__PURE__*/e.createElement(\"div\", {\n style: {\n width: \"100%\",\n height: \"36px\",\n padding: \"0 12px\",\n display: \"flex\",\n alignItems: \"center\",\n borderRadius: \"5px\",\n background: h.White\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Sm,\n weight: g.Medium,\n color: h.Grey700\n }, \"No Matched Countries\")),\n onItemHovered: function onItemHovered(e) {\n d(p.findIndex(function (t) {\n return I(t) === I(e);\n }));\n },\n itemKeyGetter: I,\n itemRenderer: function itemRenderer(_ref41) {\n var t = _ref41.item,\n n = _ref41.hovered;\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n width: \"100%\",\n height: \"36px\",\n padding: \"0 12px\",\n display: \"flex\",\n gap: \"4px\",\n alignItems: \"center\",\n borderRadius: \"5px\",\n background: n ? h.Teal500 : h.White\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Sm,\n weight: g.Medium,\n color: n ? h.White : h.Grey700\n }, \"\".concat(Bt(t.value), \" \").concat(t.label)));\n },\n onItemSelect: m,\n onOutsideClick: function onOutsideClick() {\n c(!1);\n }\n }));\n}\nvar Pt = function Pt(_ref42) {\n var t = _ref42.value,\n n = _ref42.onPick;\n return /*#__PURE__*/e.createElement(\"input\", {\n className: et.TextInput,\n style: {\n border: \"1px solid \".concat(h.Grey300),\n borderRadius: \"7px\",\n padding: \"0 12px\",\n outline: \"none\",\n display: \"flex\",\n height: \"36px\",\n alignItems: \"center\",\n background: h.White\n },\n type: \"date\",\n value: null != t ? t : \"\",\n onChange: function onChange(e) {\n var t = e.target.value;\n n(t || null);\n }\n });\n};\nfunction Wt() {}\nvar At = function At(_ref43) {\n var t = _ref43.value,\n _ref43$onInput = _ref43.onInput,\n n = _ref43$onInput === void 0 ? Wt : _ref43$onInput;\n return /*#__PURE__*/e.createElement(\"div\", {\n style: {\n height: \"36px\",\n display: \"flex\",\n alignItems: \"flex-end\",\n gap: \"4px\",\n overflow: \"hidden\"\n }\n }, /*#__PURE__*/e.createElement(\"input\", {\n className: et.TextInput,\n style: {\n padding: \"0 4px\",\n height: \"100%\",\n width: \"52px\",\n border: \"1px solid \".concat(h.Grey300),\n borderRadius: \"7px\"\n },\n value: \"\".concat(t[0]),\n type: \"number\",\n step: 1,\n min: 0,\n onChange: function onChange(e) {\n var o = Math.round(Number.parseInt(e.target.value, 10));\n null == n || n([o < 0 ? 0 : o, t[1], t[2]]);\n }\n }), /*#__PURE__*/e.createElement(tt, {\n size: x.Xl,\n weight: g.Bold\n }, \".\"), /*#__PURE__*/e.createElement(\"input\", {\n className: et.TextInput,\n style: {\n padding: \"0 4px\",\n height: \"100%\",\n width: \"52px\",\n border: \"1px solid \".concat(h.Grey300),\n borderRadius: \"7px\"\n },\n value: \"\".concat(t[1]),\n type: \"number\",\n step: 1,\n min: 0,\n onChange: function onChange(e) {\n var o = Math.round(Number.parseInt(e.target.value, 10));\n null == n || n([t[0], o < 0 ? 0 : o, t[2]]);\n }\n }), /*#__PURE__*/e.createElement(tt, {\n size: x.Xl,\n weight: g.Bold\n }, \".\"), /*#__PURE__*/e.createElement(\"input\", {\n className: et.TextInput,\n style: {\n padding: \"0 4px\",\n height: \"100%\",\n width: \"52px\",\n border: \"1px solid \".concat(h.Grey300),\n borderRadius: \"7px\"\n },\n value: \"\".concat(t[2]),\n type: \"number\",\n step: 1,\n min: 0,\n onChange: function onChange(e) {\n var o = Math.round(Number.parseInt(e.target.value, 10));\n null == n || n([t[0], t[1], o < 0 ? 0 : o]);\n }\n }));\n};\nfunction _t(e, t, n, o) {\n var _r8;\n var r = [];\n e.forEach(function (e) {\n r.push(t.includes(o(e)) ? null : e);\n });\n var i = e.reduce(function (e, t) {\n return e[o(t)] = t, e;\n }, {}),\n l = t.map(function (e) {\n return i[e];\n });\n n === e.length ? r = r.concat(l) : (_r8 = r).splice.apply(_r8, [n, 0].concat(_toConsumableArray(l)));\n var a = [];\n return r.forEach(function (e) {\n e && a.push(e);\n }), a;\n}\nfunction Ht(e, t) {\n return e.reduce(function (e, n) {\n return e[t(n)] = n, e;\n }, {});\n}\nvar Kt = {};\nfunction Ut(_ref44) {\n var _ref44$style = _ref44.style,\n t = _ref44$style === void 0 ? Kt : _ref44$style,\n n = _ref44.type,\n o = _ref44.index,\n _ref44$direction = _ref44.direction,\n r = _ref44$direction === void 0 ? \"horizontal\" : _ref44$direction,\n _ref44$draggable = _ref44.draggable,\n i = _ref44$draggable === void 0 ? !0 : _ref44$draggable,\n l = _ref44.onDragOver,\n a = _ref44.onDragComplete,\n s = _ref44.onDragCancel,\n d = _ref44.children;\n var p = e.useRef(null),\n _e$useState43 = e.useState(-1),\n _e$useState44 = _slicedToArray(_e$useState43, 2),\n f = _e$useState44[0],\n h = _e$useState44[1],\n _e$useState45 = e.useState(-1),\n _e$useState46 = _slicedToArray(_e$useState45, 2),\n m = _e$useState46[0],\n g = _e$useState46[1];\n e.useEffect(function () {\n -1 !== f && -1 !== m && l(f, m);\n }, [f, m, l]);\n var _c = c({\n type: n,\n item: {\n index: o,\n type: n\n },\n canDrag: function canDrag() {\n return !0;\n },\n collect: function collect(e) {\n return {\n isDragging: e.isDragging()\n };\n },\n end: function end(e, t) {\n t.didDrop() ? a() : s();\n }\n }),\n _c2 = _slicedToArray(_c, 2),\n x = _c2[0].isDragging,\n b = _c2[1],\n _u = u({\n accept: n,\n canDrop: function canDrop() {\n return i;\n },\n hover: function hover(e, t) {\n if (!p.current) return;\n if (!i) return;\n var n = e.index,\n l = o,\n a = p.current.getBoundingClientRect();\n var s = -1;\n if (\"horizontal\" === r) {\n var _e29 = a.left + (a.right - a.left) / 2;\n s = t.getClientOffset().x < _e29 ? l : l + 1;\n } else {\n var _e30 = a.top + (a.bottom - a.top) / 2;\n s = t.getClientOffset().y < _e30 ? l : l + 1;\n }\n h(n), g(s);\n },\n collect: function collect(e) {\n return {\n hovered: e.isOver()\n };\n }\n }),\n _u2 = _slicedToArray(_u, 2),\n y = _u2[1],\n v = b(y(p));\n return /*#__PURE__*/e.createElement(\"div\", {\n ref: v,\n style: Object.assign(Object.assign({}, t), {\n opacity: x ? .3 : 1\n })\n }, d);\n}\nvar Xt = /*#__PURE__*/e.createElement(\"div\", {\n style: {\n position: \"absolute\",\n top: \"0\",\n left: \"0\",\n transform: \"translateX(-50%)\",\n width: \"4px\",\n height: \"100%\",\n background: h.Teal500\n }\n }),\n Jt = /*#__PURE__*/e.createElement(\"div\", {\n style: {\n position: \"absolute\",\n top: \"0\",\n right: \"0\",\n transform: \"translateX(50%)\",\n width: \"4px\",\n height: \"100%\",\n background: h.Teal500\n }\n }),\n Yt = /*#__PURE__*/e.createElement(\"div\", {\n style: {\n position: \"absolute\",\n top: \"0\",\n left: \"0\",\n transform: \"translateY(-50%)\",\n width: \"100%\",\n height: \"4px\",\n background: h.Teal500\n }\n }),\n qt = /*#__PURE__*/e.createElement(\"div\", {\n style: {\n position: \"absolute\",\n bottom: \"0\",\n left: \"0\",\n transform: \"translateY(50%)\",\n width: \"100%\",\n height: \"4px\",\n background: h.Teal500\n }\n });\nvar Vt = /*#__PURE__*/e.memo(function (_ref45) {\n var e = _ref45.item,\n t = _ref45.itemIndex,\n n = _ref45.selected,\n o = _ref45.onSelect,\n r = _ref45.itemRenderer;\n return r({\n item: e,\n itemIndex: t,\n selected: n,\n onSelect: function onSelect() {\n o(e);\n }\n });\n});\nfunction Qt() {}\nfunction Zt(_ref46) {\n var t = _ref46.items,\n _ref46$itemGap = _ref46.itemGap,\n n = _ref46$itemGap === void 0 ? 8 : _ref46$itemGap,\n _ref46$column = _ref46.column,\n o = _ref46$column === void 0 ? 8 : _ref46$column,\n r = _ref46.itemKeyGetter,\n i = _ref46.itemRenderer,\n l = _ref46.selectedItemKeys,\n _ref46$disableDraggin = _ref46.disableDragging,\n a = _ref46$disableDraggin === void 0 ? !1 : _ref46$disableDraggin,\n _ref46$disableSelecti = _ref46.disableSelection,\n s = _ref46$disableSelecti === void 0 ? !1 : _ref46$disableSelecti,\n c = _ref46.onSelectedItemKeysChange,\n u = _ref46.onItemsReorder,\n _ref46$onClickOutside = _ref46.onClickOutside,\n h = _ref46$onClickOutside === void 0 ? Qt : _ref46$onClickOutside;\n var m = e.useMemo(function () {\n return t.reduce(function (e, t, n) {\n return e[r(t)] = n, e;\n }, {});\n }, [t, r]),\n g = e.useCallback(function (e) {\n return e.sort(function (e, t) {\n return m[e] - m[t];\n });\n }, [m]),\n x = e.useCallback(function (e) {\n var n = _t(t, l, e, r);\n u(n);\n }, [t, l, r, u]),\n b = e.useCallback(function (e) {\n if (s) return;\n var t = r(e);\n if (l.includes(t)) {\n var _e31 = g(l.filter(function (e) {\n return e !== t;\n }));\n c(_e31);\n } else {\n var _e32 = g([].concat(_toConsumableArray(l), [t]));\n c(_e32);\n }\n }, [g, r, l, c, s]),\n _e$useState47 = e.useState([-1, -1]),\n _e$useState48 = _slicedToArray(_e$useState47, 2),\n y = _e$useState48[0],\n v = _e$useState48[1],\n _y = _slicedToArray(y, 2),\n w = _y[0],\n E = _y[1],\n k = o <= 1 ? \"vertical\" : \"horizontal\";\n e.useEffect(function () {\n if (-1 === w) return;\n var e = t[w],\n n = r(e);\n if (!l.includes(n)) {\n var _e33 = g([n]);\n c(_e33);\n }\n }, [t, w, r, l, g, c]);\n var C = e.useCallback(function (e, t) {\n v([e, t]);\n }, []),\n I = e.useCallback(function () {\n v([-1, -1]), x(E);\n }, [x, E]),\n S = e.useCallback(function () {\n v([-1, -1]);\n }, []),\n T = e.useMemo(function () {\n return function () {\n try {\n return f();\n } catch (e) {\n return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (e) {\n var t = 16 * Math.random() | 0;\n return (\"x\" === e ? t : 3 & t | 8).toString(16);\n });\n }\n }();\n }, []),\n _e$useState49 = e.useState(null),\n _e$useState50 = _slicedToArray(_e$useState49, 2),\n M = _e$useState50[0],\n R = _e$useState50[1];\n lt(M, h);\n var L = e.useMemo(function () {\n return {\n position: \"relative\",\n padding: n / 2 + \"px\"\n };\n }, [n]);\n return /*#__PURE__*/e.createElement(d, {\n backend: p,\n options: {\n enableMouseEvents: !0\n }\n }, /*#__PURE__*/e.createElement(\"div\", {\n ref: function ref(e) {\n R(e);\n }\n }, /*#__PURE__*/e.createElement(\"div\", {\n style: {\n display: \"flex\",\n flexFlow: \"column\"\n }\n }, /*#__PURE__*/e.createElement(\"div\", {\n style: {\n margin: \"-\".concat(n / 2, \"px\"),\n width: \"calc(100% + \".concat(n, \"px)\"),\n display: \"grid\",\n gridTemplateColumns: \"repeat(\".concat(o, \", 1fr)\")\n }\n }, t.map(function (t, n) {\n var o = E === n,\n s = E === n + 1,\n c = l.includes(r(t));\n return /*#__PURE__*/e.createElement(Ut, {\n key: r(t),\n type: T,\n style: L,\n index: n,\n direction: k,\n draggable: !a,\n onDragOver: C,\n onDragComplete: I,\n onDragCancel: S\n }, o ? \"horizontal\" === k ? Xt : Yt : null, /*#__PURE__*/e.createElement(Vt, {\n item: t,\n itemIndex: n,\n selected: c,\n onSelect: b,\n itemRenderer: i\n }), s ? \"horizontal\" === k ? Jt : qt : null);\n })))));\n}\nvar en = /*#__PURE__*/function () {\n function en() {\n _classCallCheck(this, en);\n if (this.popListener = null, this.responseListener = null, this.completeListener = null, en.instance) return en.instance;\n en.instance = this;\n }\n _createClass(en, [{\n key: \"pop\",\n value: function pop(e) {\n return Lt(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n var _this2 = this;\n var t;\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n return _context2.abrupt(\"return\", (null === (t = this.popListener) || void 0 === t || t.call(this, e), new Promise(function (e) {\n _this2.responseListener = function (t) {\n _this2.responseListener = null, e([t, function () {\n var e;\n null === (e = _this2.completeListener) || void 0 === e || e.call(_this2);\n }]);\n };\n })));\n case 1:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2, this);\n }));\n }\n }, {\n key: \"onPop\",\n value: function onPop(e) {\n var _this3 = this;\n return this.popListener = e, function () {\n _this3.popListener = null;\n };\n }\n }, {\n key: \"respond\",\n value: function respond(e) {\n var _this4 = this;\n var t;\n return null === (t = this.responseListener) || void 0 === t || t.call(this, e), new Promise(function (e) {\n _this4.completeListener = function () {\n _this4.completeListener = null, e();\n };\n });\n }\n }]);\n return en;\n}();\nen.instance = null;\nvar tn = /*#__PURE__*/function () {\n function tn() {\n _classCallCheck(this, tn);\n if (tn.instance) return tn.instance;\n tn.instance = this;\n }\n _createClass(tn, [{\n key: \"notify\",\n value: function notify(e) {\n var t = new CustomEvent(\"PIC_NOTIFIER_NOTIFY\", {\n detail: e\n });\n window.dispatchEvent(t);\n }\n }, {\n key: \"subscribe\",\n value: function subscribe(e) {\n var t = function t(_t22) {\n e(_t22.detail);\n };\n return window.addEventListener(\"PIC_NOTIFIER_NOTIFY\", t), function () {\n window.removeEventListener(\"PIC_NOTIFIER_NOTIFY\", t);\n };\n }\n }]);\n return tn;\n}();\ntn.instance = null;\nvar nn = /*#__PURE__*/function () {\n function nn() {\n _classCallCheck(this, nn);\n if (this.redirectSubscribers = [], this.openSubscribers = [], this.reloadSubscribers = [], nn.instance) return nn.instance;\n nn.instance = this;\n }\n _createClass(nn, [{\n key: \"redirect\",\n value: function redirect(e, t) {\n this.redirectSubscribers.forEach(function (n) {\n return n(e, t);\n });\n }\n }, {\n key: \"onRedirect\",\n value: function onRedirect(e) {\n var _this5 = this;\n return this.redirectSubscribers.push(e), function () {\n _this5.redirectSubscribers = _this5.redirectSubscribers.filter(function (t) {\n return t !== e;\n });\n };\n }\n }, {\n key: \"open\",\n value: function open(e, t) {\n this.openSubscribers.forEach(function (n) {\n return n(e, t);\n });\n }\n }, {\n key: \"onOpen\",\n value: function onOpen(e) {\n var _this6 = this;\n return this.openSubscribers.push(e), function () {\n _this6.openSubscribers = _this6.openSubscribers.filter(function (t) {\n return t !== e;\n });\n };\n }\n }, {\n key: \"reload\",\n value: function reload(e) {\n this.reloadSubscribers.forEach(function (t) {\n return t(e);\n });\n }\n }, {\n key: \"onReload\",\n value: function onReload(e) {\n var _this7 = this;\n return this.reloadSubscribers.push(e), function () {\n _this7.reloadSubscribers = _this7.reloadSubscribers.filter(function (t) {\n return t !== e;\n });\n };\n }\n }]);\n return nn;\n}();\nfunction on() {\n return !0;\n}\nfunction rn(_ref47) {\n var e = _ref47.items,\n n = _ref47.itemKeyGetter,\n o = _ref47.itemCloner,\n _ref47$itemFilter = _ref47.itemFilter,\n r = _ref47$itemFilter === void 0 ? on : _ref47$itemFilter;\n var _t$useState3 = t.useState([]),\n _t$useState4 = _slicedToArray(_t$useState3, 2),\n i = _t$useState4[0],\n s = _t$useState4[1],\n _t$useState5 = t.useState([]),\n _t$useState6 = _slicedToArray(_t$useState5, 2),\n c = _t$useState6[0],\n u = _t$useState6[1],\n _t$useState7 = t.useState(0),\n _t$useState8 = _slicedToArray(_t$useState7, 2),\n d = _t$useState8[0],\n p = _t$useState8[1],\n f = a(function () {\n return i.map(n);\n }, [i, n]),\n _t$useState9 = t.useState([]),\n _t$useState10 = _slicedToArray(_t$useState9, 2),\n h = _t$useState10[0],\n m = _t$useState10[1],\n g = t.useMemo(function () {\n return i.reduce(function (e, t, o) {\n return e[n(t)] = o, e;\n }, {});\n }, [i, n]),\n x = t.useCallback(function (e) {\n return e.sort(function (e, t) {\n return g[e] - g[t];\n });\n }, [g]);\n t.useEffect(function () {\n var e = i.filter(r).map(n);\n if (!h.some(function (t) {\n return !e.includes(t);\n })) return;\n var t = x(h.filter(function (t) {\n return e.includes(t);\n }));\n m(t);\n }, [i, r, n, h, x]);\n var b = l(function (e) {\n var t = e.map(function (e) {\n return o(e);\n });\n s(t), m([]), u([t]), p(0);\n }, [o]);\n t.useEffect(function () {\n b(e);\n }, [e, b]);\n var y = t.useCallback(function (e) {\n var t = [].concat(_toConsumableArray(c.slice(0, d + 1)), [e]);\n u(t), p(t.length - 1);\n }, [c, d]),\n v = t.useCallback(function (e) {\n var t = i.map(function (t) {\n return e.find(function (e) {\n return n(e) === n(t);\n }) || t;\n });\n s(t), y(t);\n }, [i, n, y]),\n w = t.useCallback(function (e, t) {\n var o = _t(i, [e], t, n);\n s(o), y(o);\n }, [i, n, y]),\n E = t.useCallback(function (e) {\n var t = _t(i, h, e, n);\n s(t), y(t);\n }, [y, i, h, n]),\n k = t.useCallback(function () {\n if (0 === c.length || 0 === d) return;\n p(d - 1);\n var e = c[d - 1];\n s(e);\n }, [c, d]),\n C = t.useCallback(function () {\n if (0 === c.length || d + 1 === c.length) return;\n p(d + 1);\n var e = c[d + 1];\n s(e);\n }, [c, d]),\n I = t.useCallback(function () {\n b(e);\n }, [e, b]),\n S = t.useCallback(function () {\n m([]);\n }, []),\n T = t.useCallback(function () {\n var e = x(i.map(function (e) {\n return n(e);\n }));\n m(e);\n }, [n, i, x]),\n M = l(function (e) {\n if (e.length !== i.length) return;\n var t = Ht(e, function (e) {\n return e;\n });\n if (i.some(function (e) {\n return !t[n(e)];\n })) return;\n var o = Ht(i, function (e) {\n return n(e);\n }),\n r = e.map(function (e) {\n return o[e];\n });\n s(r), y(r);\n }, [i, n, y]),\n R = t.useCallback(function (e) {\n w(e, 0);\n }, [w]),\n L = t.useCallback(function (e) {\n w(e, i.length);\n }, [w, i]),\n G = t.useCallback(function () {\n E(0);\n }, [E]),\n O = t.useCallback(function () {\n E(i.length);\n }, [E, i]),\n F = t.useMemo(function () {\n return i.filter(r);\n }, [i, r]),\n j = t.useMemo(function () {\n return F.map(n);\n }, [F, n]),\n z = t.useMemo(function () {\n var e = Ht(i, function (e) {\n return n(e);\n });\n return h.map(function (t) {\n return e[t];\n });\n }, [i, n, h]),\n D = t.useMemo(function () {\n return i.length !== F.length;\n }, [i, F]),\n B = l(function (e) {\n var t = e(i.map(o));\n v(t);\n }, [i, o, v]),\n N = l(function (e) {\n var t = e(z.map(o));\n v(t);\n }, [z, o, v]),\n $ = l(function (e, t) {\n var r = i.find(function (t) {\n return n(t) === e;\n });\n if (!r) return;\n var l = t(o(r));\n v([l]);\n }, [i, v, o, n]),\n P = l(function (e) {\n var t = x(e);\n m(t);\n }, [x]),\n W = t.useMemo(function () {\n return c.slice(0, d + 1);\n }, [c, d]),\n A = t.useMemo(function () {\n return d > 0;\n }, [d]),\n _ = t.useMemo(function () {\n return d < c.length - 1;\n }, [d, c.length]),\n H = a(function () {\n return c.length > 1;\n }, [c]);\n return {\n moveDraftItemToTop: R,\n moveDraftItemToBottom: L,\n moveSelectedDraftItemsToTop: G,\n moveSelectedDraftItemsToBottom: O,\n deselectAllSelectedDraftItems: S,\n selectAllDraftItems: T,\n reorderDraftItems: M,\n undoDraftItemsChange: k,\n redoDraftItemsChange: C,\n resetAllDraftItems: I,\n updateAllDraftItems: B,\n updateSelectedDraftItems: N,\n updateDraftItem: $,\n selectDraftItems: P,\n draftItems: i,\n draftItemKeys: f,\n draftItemsHistory: W,\n filteredDraftItems: F,\n filteredDraftItemKeys: j,\n selectedDraftItems: z,\n selectedDraftItemKeys: h,\n hasFilteredOutDraftItems: D,\n canUndoDraftItemsChange: A,\n canRedoDraftItemsChange: _,\n hasDraftItemsChanges: H\n };\n}\nnn.instance = null;\nvar ln = /*#__PURE__*/e.createContext({});\nfunction an(_ref48) {\n var t = _ref48.children;\n var n = e.useMemo(function () {\n return new en();\n }, []),\n _e$useState51 = e.useState(!1),\n _e$useState52 = _slicedToArray(_e$useState51, 2),\n o = _e$useState52[0],\n r = _e$useState52[1],\n _e$useState53 = e.useState(\"\"),\n _e$useState54 = _slicedToArray(_e$useState53, 2),\n i = _e$useState54[0],\n l = _e$useState54[1],\n _e$useState55 = e.useState(\"\"),\n _e$useState56 = _slicedToArray(_e$useState55, 2),\n a = _e$useState56[0],\n s = _e$useState56[1],\n _e$useState57 = e.useState(!1),\n _e$useState58 = _slicedToArray(_e$useState57, 2),\n c = _e$useState58[0],\n u = _e$useState58[1],\n _e$useState59 = e.useState(null),\n _e$useState60 = _slicedToArray(_e$useState59, 2),\n d = _e$useState60[0],\n p = _e$useState60[1],\n _e$useState61 = e.useState(null),\n _e$useState62 = _slicedToArray(_e$useState61, 2),\n f = _e$useState62[0],\n h = _e$useState62[1];\n e.useEffect(function () {\n return n.onPop(function (e) {\n var t;\n r(!0), l(e.title), s(null !== (t = e.message) && void 0 !== t ? t : \"\"), h(e.confirmButtonCopy || null), p(e.cancelButtonCopy || null), u(e.hideCancelButton || !1);\n });\n }, [n]);\n var m = e.useCallback(function (e) {\n n.respond(!0).then(function () {\n r(!1), e();\n });\n }, [n]),\n g = e.useCallback(function (e) {\n n.respond(!1).then(function () {\n r(!1), e();\n });\n }, [n]),\n x = e.useMemo(function () {\n return {};\n }, []);\n return /*#__PURE__*/e.createElement(ln.Provider, {\n value: x\n }, /*#__PURE__*/e.createElement(Dt, {\n opened: o,\n title: i,\n message: a,\n cancelButtonCopy: d || void 0,\n hideCancelButton: c,\n confirmButtonCopy: f || void 0,\n onConfirmClick: m,\n onCancelClick: g\n }), t);\n}\nvar sn = /*#__PURE__*/e.createContext({});\nfunction cn(_ref49) {\n var t = _ref49.children;\n var n = e.useMemo(function () {\n return new tn();\n }, []),\n _e$useState63 = e.useState([]),\n _e$useState64 = _slicedToArray(_e$useState63, 2),\n o = _e$useState64[0],\n r = _e$useState64[1],\n i = e.useCallback(function (e) {\n r(function (t) {\n return t.filter(function (t) {\n return t.message !== e;\n });\n });\n }, []);\n e.useEffect(function () {\n var e = n.subscribe(function (e) {\n o.some(function (t) {\n return t.message === e.message;\n }) || (r(function (t) {\n return [].concat(_toConsumableArray(t), [e]);\n }), setTimeout(function () {\n i(e.message);\n }, 5e3));\n });\n return function () {\n e();\n };\n }, [n, i, o]);\n var l = e.useMemo(function () {\n return {};\n }, []);\n return /*#__PURE__*/e.createElement(sn.Provider, {\n value: l\n }, /*#__PURE__*/s( /*#__PURE__*/e.createElement(\"div\", {\n style: {\n position: \"fixed\",\n top: 0,\n left: \"50%\",\n transform: \"translateX(-50%)\",\n display: \"flex\",\n flexFlow: \"column\",\n gap: \"12px\",\n zIndex: 9999\n }\n }, o.map(function (_ref50) {\n var t = _ref50.type,\n n = _ref50.message;\n return /*#__PURE__*/e.createElement(Ft, {\n key: n,\n borderRadius: \"7px\",\n background: \"success\" === t ? h.Teal500 : h.Red500,\n borderColor: h.Grey300\n }, /*#__PURE__*/e.createElement(\"div\", {\n style: {\n padding: \"8px 20px\",\n display: \"flex\",\n alignItems: \"center\",\n gap: \"12px\"\n }\n }, /*#__PURE__*/e.createElement(\"div\", {\n style: {\n width: \"24px\",\n height: \"24px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n background: h.White,\n borderRadius: \"100%\",\n flexShrink: \"0\"\n }\n }, /*#__PURE__*/e.createElement(Ze, {\n name: \"success\" === t ? b.Check : b.Close,\n color: \"success\" === t ? h.Teal500 : h.Red500\n })), /*#__PURE__*/e.createElement(\"div\", {\n style: {\n flexGrow: 1\n }\n }, /*#__PURE__*/e.createElement(tt, {\n size: x.Lg,\n weight: g.Medium,\n color: h.White\n }, n)), /*#__PURE__*/e.createElement(ot, {\n size: \"large\",\n color: \"success\" === t ? \"teal\" : \"red\",\n iconName: b.Close,\n onClick: function onClick() {\n i(n);\n }\n })));\n })), document.body), t);\n}\nvar un = \"CROSS_PATH_MESSAGE_STORAGE_KEY\",\n dn = /*#__PURE__*/e.createContext({});\nfunction pn(_ref51) {\n var t = _ref51.children;\n var n = e.useMemo(function () {\n return new nn();\n }, []),\n o = e.useMemo(function () {\n return new tn();\n }, []);\n e.useEffect(function () {\n var e = localStorage.getItem(un);\n if (!e) return;\n var t = JSON.parse(e);\n o.notify({\n type: t.type,\n message: t.message\n }), localStorage.removeItem(un);\n }, [o, n]), e.useEffect(function () {\n return n.onRedirect(function (e, t) {\n t && localStorage.setItem(un, JSON.stringify(t)), window.location.href = e;\n });\n }, [n]), e.useEffect(function () {\n return n.onOpen(function (e, t) {\n t && localStorage.setItem(un, JSON.stringify(t)), window.open(e, \"_blank\");\n });\n }, [n]), e.useEffect(function () {\n return n.onReload(function (e) {\n e && localStorage.setItem(un, JSON.stringify(e)), window.location.reload();\n });\n }, [n]);\n var r = e.useMemo(function () {\n return {};\n }, []);\n return /*#__PURE__*/e.createElement(dn.Provider, {\n value: r\n }, t);\n}\nvar fn = /*#__PURE__*/e.createContext({});\nfunction hn(_ref52) {\n var t = _ref52.children;\n var n = e.useMemo(function () {\n return {};\n }, []);\n return /*#__PURE__*/e.createElement(pn, null, /*#__PURE__*/e.createElement(cn, null, /*#__PURE__*/e.createElement(an, null, /*#__PURE__*/e.createElement(fn.Provider, {\n value: n\n }, /*#__PURE__*/e.createElement(\"style\", {\n type: \"text/css\"\n }, \"\\n * {\\n box-sizing: border-box;\\n }\\n a {\\n text-decoration: none;\\n }\\n .\".concat(et.Text, \" {\\n a {\\n color: \").concat(h.Teal500, \";\\n }\\n }\\n .\").concat(et.TextInput, \" {\\n font-family: \").concat(m.Rubik, \";\\n color: \").concat(h.Grey700, \";\\n outline: none;\\n border: none;\\n padding: 0;\\n min-width: 0;\\n }\\n .\").concat(et.TextInput, \"::placeholder {\\n color: \").concat(h.Grey300, \";\\n }\\n .\").concat(et.TextInput, \"::-webkit-datetime-edit-day-field:focus,\\n .\").concat(et.TextInput, \"::-webkit-datetime-edit-month-field:focus,\\n .\").concat(et.TextInput, \"::-webkit-datetime-edit-year-field:focus {\\n background-color: \").concat(h.Teal500, \";\\n color: white;\\n outline: none;\\n border-radius: 2px;\\n }\\n \")), /*#__PURE__*/e.createElement(\"link\", {\n rel: \"preconnect\",\n href: \"https://fonts.googleapis.com\"\n }), /*#__PURE__*/e.createElement(\"link\", {\n rel: \"preconnect\",\n href: \"https://fonts.gstatic.com\",\n crossOrigin: \"\"\n }), /*#__PURE__*/e.createElement(\"link\", {\n href: \"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap\",\n rel: \"stylesheet\"\n }), t))));\n}\nexport { At as PicAppVersionInput, nt as PicButton, Ot as PicCheckbox, h as PicColor, Dt as PicConfirmModal, en as PicConfirmer, Ft as PicContainer, $t as PicCountriesInput, Nt as PicCountryTag, Pt as PicDatePicker, it as PicDivider, ut as PicDropdown, dt as PicField, m as PicFontFamily, x as PicFontSize, g as PicFontWeight, ft as PicGrid, Ze as PicIcon, ot as PicIconButton, b as PicIconName, rt as PicIconOnlyButton, ht as PicImage, Gt as PicImageUpload, mt as PicInput, wt as PicItemsSelect, Rt as PicLink, St as PicModal, tn as PicNotifier, xt as PicNumberInput, Zt as PicReorderItemsPanel, nn as PicRouter, pt as PicRowField, gt as PicSearch, Mt as PicTab, bt as PicTag, vt as PicTagsInput, tt as PicText, Et as PicTextarea, Tt as PicToggle, hn as PicUiContextProvider, rn as usePicBulkEditItems };","/**\n * Use invariant() to assert state which your program assumes to be true.\n *\n * Provide sprintf-style format (only %s is supported) and arguments\n * to provide information about what broke and what you were\n * expecting.\n *\n * The invariant message will be stripped in production, but the invariant\n * will remain to ensure logic does not differ in production.\n */export function invariant(condition, format) {\n for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n args[_key - 2] = arguments[_key];\n }\n if (isProduction()) {\n if (format === undefined) {\n throw new Error('invariant requires an error message argument');\n }\n }\n if (!condition) {\n var error;\n if (format === undefined) {\n error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');\n } else {\n var argIndex = 0;\n error = new Error(format.replace(/%s/g, function () {\n return args[argIndex++];\n }));\n error.name = 'Invariant Violation';\n }\n error.framesToPop = 1 // we don't care about invariant's own frame\n ;\n\n throw error;\n }\n}\nfunction isProduction() {\n return typeof process !== 'undefined' && process.env['NODE_ENV'] === 'production';\n}","export enum StartFeedCardTypeEnum {\n Link = 'StartFeedLinkCard',\n TemplateCategory = 'StartFeedTemplateCategoryCard',\n}\n","export class AppVersionVo {\n constructor(\n private major: number,\n private minor: number,\n private patch: number,\n ) {}\n\n static create(major: number, minor: number, patch: number) {\n return new AppVersionVo(major, minor, patch);\n }\n\n public getMajor(): number {\n return this.major;\n }\n\n public updateMajor(major: number): AppVersionVo {\n return new AppVersionVo(major, this.minor, this.patch);\n }\n\n public getMinor(): number {\n return this.minor;\n }\n\n public updateMinor(minor: number): AppVersionVo {\n return new AppVersionVo(this.major, minor, this.patch);\n }\n\n public getPatch(): number {\n return this.patch;\n }\n\n public updatePatch(patch: number): AppVersionVo {\n return new AppVersionVo(this.major, this.minor, patch);\n }\n\n public toNumbers(): [number, number, number] {\n return [this.major, this.minor, this.patch];\n }\n\n public toString(): string {\n return `${this.major}.${this.minor}.${this.patch}`;\n }\n}\n","import * as React from 'react';\nimport { PicUiContextProvider } from '@cardinalblue/pic-collage-cms-ui';\n\ntype ContextValue = {};\n\nfunction createInitialContextValue(): ContextValue {\n return {};\n}\n\n/**\n * Provide all contexts that are shared among all pages\n */\nconst Context = React.createContext(createInitialContextValue());\n\nfunction Provider({ children }: React.PropsWithChildren<{}>) {\n return (\n (() => ({}), [])}>\n {children} \n \n );\n}\n\nexport { Provider as CommonContextProvider, Context as CommonContext };\n","import { LinkStartFeedCardModel } from './link-start-feed-cards/link-start-feed-card-model';\nimport { NewLinkStartFeedCardModel } from './link-start-feed-cards/new-link-start-feed-card-model';\nimport { PersistedLinkStartFeedCardModel } from './link-start-feed-cards/persisted-link-start-feed-card-model';\nimport { NewStartFeedCardModel } from './new-start-feed-card-model';\nimport { PersistedStartFeedCardModel } from './persisted-start-feed-card-model';\nimport { StartFeedCardModel } from './start-feed-card-model';\nimport { StartFeedCardTypeEnum } from './start-feed-card-type-enum';\nimport { NewTemplateCategoryStartFeedCardModel } from './template-category-start-feed-cards/new-template-category-start-feed-card-model';\nimport { PersistedTemplateCategoryStartFeedCardModel } from './template-category-start-feed-cards/persisted-template-category-start-feed-card-model';\nimport { TemplateCategoryStartFeedCardModel } from './template-category-start-feed-cards/template-category-start-feed-card-model';\n\nexport const isPersistedStartFeedCardModel = (\n startFeedCard: StartFeedCardModel,\n): startFeedCard is PersistedStartFeedCardModel => {\n return (\n startFeedCard instanceof PersistedLinkStartFeedCardModel ||\n startFeedCard instanceof PersistedTemplateCategoryStartFeedCardModel\n );\n};\n\nexport const dispatchStartFeedCardModel = (\n startFeedCardModel: StartFeedCardModel,\n dispatcher: {\n [StartFeedCardTypeEnum.Link]: (model: LinkStartFeedCardModel) => T;\n [StartFeedCardTypeEnum.TemplateCategory]: (model: TemplateCategoryStartFeedCardModel) => T;\n },\n): T => {\n if (\n startFeedCardModel instanceof PersistedLinkStartFeedCardModel ||\n startFeedCardModel instanceof NewLinkStartFeedCardModel\n ) {\n return dispatcher[StartFeedCardTypeEnum.Link](startFeedCardModel);\n } else if (\n startFeedCardModel instanceof PersistedTemplateCategoryStartFeedCardModel ||\n startFeedCardModel instanceof NewTemplateCategoryStartFeedCardModel\n ) {\n return dispatcher[StartFeedCardTypeEnum.TemplateCategory](startFeedCardModel);\n }\n throw Error('Unrecognized type found in dispatchStartFeedCardModel');\n};\n\nexport const dispatchNewStartFeedCardModel = (\n newStartFeedCardModel: NewStartFeedCardModel,\n dispatcher: {\n [StartFeedCardTypeEnum.Link]: (model: NewLinkStartFeedCardModel) => T;\n [StartFeedCardTypeEnum.TemplateCategory]: (model: NewTemplateCategoryStartFeedCardModel) => T;\n },\n): T => {\n if (newStartFeedCardModel instanceof NewLinkStartFeedCardModel) {\n return dispatcher[StartFeedCardTypeEnum.Link](newStartFeedCardModel);\n } else if (newStartFeedCardModel instanceof NewTemplateCategoryStartFeedCardModel) {\n return dispatcher[StartFeedCardTypeEnum.TemplateCategory](newStartFeedCardModel);\n }\n throw Error('Unrecognized type found in dispatchNewStartFeedCardModel');\n};\n\nexport const dispatchPersistedStartFeedCardModel = (\n persistedStartFeedCardModel: PersistedStartFeedCardModel,\n dispatcher: {\n [StartFeedCardTypeEnum.Link]: (model: PersistedLinkStartFeedCardModel) => T;\n [StartFeedCardTypeEnum.TemplateCategory]: (model: PersistedTemplateCategoryStartFeedCardModel) => T;\n },\n): T => {\n if (persistedStartFeedCardModel instanceof PersistedLinkStartFeedCardModel) {\n return dispatcher[StartFeedCardTypeEnum.Link](persistedStartFeedCardModel);\n } else if (persistedStartFeedCardModel instanceof PersistedTemplateCategoryStartFeedCardModel) {\n return dispatcher[StartFeedCardTypeEnum.TemplateCategory](persistedStartFeedCardModel);\n }\n throw Error('Unrecognized type found in dispatchNewStartFeedCardModel');\n};\n","/**\n * Preview version of InTagTemplateModel, this is to prevent\n * heavy load when we need to fetch a bunch of them in a page.\n */\nexport class PreviewInTagTemplateModel {\n constructor(\n private id: number,\n private isVip: boolean,\n private thumbnailUrl: string,\n private isAnimated: boolean,\n private isActive: boolean,\n ) {}\n\n static create(\n id: number,\n isVip: boolean,\n thumbnailUrl: string,\n isAnimated: boolean,\n isActive: boolean,\n ): PreviewInTagTemplateModel {\n return new PreviewInTagTemplateModel(id, isVip, thumbnailUrl, isAnimated, isActive);\n }\n\n public getId() {\n return this.id;\n }\n\n public getIsVip() {\n return this.isVip;\n }\n\n public getThumbnailUrl() {\n return this.thumbnailUrl;\n }\n\n public getIsAnimated() {\n return this.isAnimated;\n }\n\n public getIsActive() {\n return this.isActive;\n }\n}\n","import { AppVersionVo } from '../models/app-version-vo';\nimport { DateVo } from '../models/date-vo';\nimport { TemplateTagModel } from '../models/template-tag-model';\nimport { PreviewInTagTemplateDto, parsePreviewInTagTemplateDto } from './preview-in-tag-template-dto';\n\nexport type TemplateTagDto = {\n id: number;\n name: string;\n priority: number;\n randomizable: boolean;\n is_magic_mode: boolean;\n is_active: boolean;\n created_at: string;\n updated_at: string;\n is_niche: boolean;\n need_feature_compatibility_check: boolean;\n minimal_required_version_ios?: number[];\n minimal_required_version_android?: number[];\n preview_active_templates?: PreviewInTagTemplateDto[];\n};\n\nexport const parseTemplateTagDto = (dto: TemplateTagDto): TemplateTagModel => {\n return TemplateTagModel.create(\n dto.id,\n dto.name,\n dto.priority,\n dto.randomizable,\n dto.is_magic_mode,\n dto.is_active,\n DateVo.parseTimeString(dto.created_at),\n DateVo.parseTimeString(dto.updated_at),\n dto.is_niche,\n dto.need_feature_compatibility_check,\n dto.minimal_required_version_ios\n ? AppVersionVo.create(\n dto.minimal_required_version_ios[0] || 0,\n dto.minimal_required_version_ios[1] || 0,\n dto.minimal_required_version_ios[2] || 0,\n )\n : null,\n dto.minimal_required_version_android\n ? AppVersionVo.create(\n dto.minimal_required_version_android[0] || 0,\n dto.minimal_required_version_android[1] || 0,\n dto.minimal_required_version_android[2] || 0,\n )\n : null,\n dto.preview_active_templates\n ? dto.preview_active_templates.map((preview_active_template) =>\n parsePreviewInTagTemplateDto(preview_active_template),\n )\n : [],\n );\n};\n","import { PreviewInTagTemplateModel } from '../models/preview-in-tag-template-model';\n\nexport type PreviewInTagTemplateDto = {\n id: number;\n is_vip: boolean;\n image_url: string;\n is_animated: boolean;\n is_active: boolean;\n};\n\nexport const parsePreviewInTagTemplateDto = (dto: PreviewInTagTemplateDto): PreviewInTagTemplateModel => {\n return PreviewInTagTemplateModel.create(dto.id, dto.is_vip, dto.image_url, dto.is_animated, dto.is_active);\n};\n","type TimezoneOffset =\n | -12\n | -11\n | -10\n | -9\n | -8\n | -7\n | -6\n | -5\n | -4\n | -3\n | -2\n | -1\n | 0\n | 1\n | 2\n | 3\n | 4\n | 5\n | 6\n | 7\n | 8\n | 9\n | 10\n | 11\n | 12;\nexport class DateVo {\n private date: Date;\n\n constructor(date: Date) {\n this.date = date;\n }\n\n static create(date: Date) {\n return new DateVo(date);\n }\n\n static parseTimeString(timeString: string): DateVo {\n const date = new Date(timeString);\n if (isNaN(date.getTime())) {\n throw new Error('Invalid date string');\n }\n\n return new DateVo(date);\n }\n\n static parseDateString(dateString: string, timezoneOffset: TimezoneOffset): DateVo {\n if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(dateString)) {\n throw new Error('Invalid date format, expected yyyy-mm-dd');\n }\n\n const date = new Date(`${dateString}T00:00:00Z`);\n\n const targetTimezoneOffsetInMilliseconds = timezoneOffset * 60 * 60 * 1000;\n const adjustedDate = new Date(date.getTime() - targetTimezoneOffsetInMilliseconds);\n\n return new DateVo(adjustedDate);\n }\n\n public toISO8601String(timezoneOffset: TimezoneOffset): string {\n const timezoneOffsetInMinutes = timezoneOffset * 60;\n const dateWithTimezone = new Date(this.date.getTime() + timezoneOffsetInMinutes * 60 * 1000);\n\n const year = dateWithTimezone.getUTCFullYear();\n const month = (dateWithTimezone.getUTCMonth() + 1).toString().padStart(2, '0');\n const day = dateWithTimezone.getUTCDate().toString().padStart(2, '0');\n const hours = dateWithTimezone.getUTCHours().toString().padStart(2, '0');\n const minutes = dateWithTimezone.getUTCMinutes().toString().padStart(2, '0');\n const seconds = dateWithTimezone.getUTCSeconds().toString().padStart(2, '0');\n\n const timezoneSign = timezoneOffset >= 0 ? '+' : '-';\n const absTimezoneOffset = Math.abs(timezoneOffset);\n const timezoneHours = Math.floor(absTimezoneOffset).toString().padStart(2, '0');\n const timezoneMinutes = ((absTimezoneOffset % 1) * 60).toString().padStart(2, '0');\n\n return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}${timezoneSign}${timezoneHours}:${timezoneMinutes}`;\n }\n\n public isAfter(date: DateVo): boolean {\n return this.date >= date.date;\n }\n\n public isBetween(startDate: DateVo, endDate: DateVo): boolean {\n return this.date >= startDate.date && this.date <= endDate.date;\n }\n\n public toDateString(timezoneOffset: TimezoneOffset): string {\n const timezoneOffsetInMinutes = timezoneOffset * 60;\n const dateWithTimezone = new Date(this.date.getTime() + timezoneOffsetInMinutes * 60 * 1000);\n\n const year = dateWithTimezone.getUTCFullYear().toString();\n const month = (dateWithTimezone.getUTCMonth() + 1).toString().padStart(2, '0');\n const day = dateWithTimezone.getUTCDate().toString().padStart(2, '0');\n\n return `${year}-${month}-${day}`;\n }\n\n /**\n * Shift date to the end of day of the timezone.\n */\n public toEndOfDay(timezoneOffset: TimezoneOffset): DateVo {\n const timezoneOffsetInMinutes = timezoneOffset * 60;\n const dateWithTimezone = new Date(this.date.getTime() + timezoneOffsetInMinutes * 60 * 1000);\n dateWithTimezone.setUTCHours(23, 59, 59, 999);\n\n return new DateVo(new Date(dateWithTimezone.getTime() - timezoneOffsetInMinutes * 60 * 1000));\n }\n}\n","var core = module.exports = { version: '2.6.12' };\nif (typeof __e == 'number') __e = core; // eslint-disable-line no-undef\n","import * as React from 'react';\nimport { PicColor, PicContainer, PicField } from '@cardinalblue/pic-collage-cms-ui';\n\ntype Props = {\n title?: string;\n column?: number;\n};\n\nexport function ListDataPagePanel({ title, column = 1, children }: React.PropsWithChildren) {\n let wrapper = (children: React.ReactNode) => <>{children};\n if (title) {\n wrapper = (children: React.ReactNode) => {children} ;\n }\n\n return wrapper(\n \n \n {children}\n
\n ,\n );\n}\n","var global = require('./_global');\nvar core = require('./_core');\nvar ctx = require('./_ctx');\nvar hide = require('./_hide');\nvar has = require('./_has');\nvar PROTOTYPE = 'prototype';\n\nvar $export = function (type, name, source) {\n var IS_FORCED = type & $export.F;\n var IS_GLOBAL = type & $export.G;\n var IS_STATIC = type & $export.S;\n var IS_PROTO = type & $export.P;\n var IS_BIND = type & $export.B;\n var IS_WRAP = type & $export.W;\n var exports = IS_GLOBAL ? core : core[name] || (core[name] = {});\n var expProto = exports[PROTOTYPE];\n var target = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE];\n var key, own, out;\n if (IS_GLOBAL) source = name;\n for (key in source) {\n // contains in native\n own = !IS_FORCED && target && target[key] !== undefined;\n if (own && has(exports, key)) continue;\n // export native or passed\n out = own ? target[key] : source[key];\n // prevent global pollution for namespaces\n exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]\n // bind timers to global for call from export context\n : IS_BIND && own ? ctx(out, global)\n // wrap global constructors for prevent change them in library\n : IS_WRAP && target[key] == out ? (function (C) {\n var F = function (a, b, c) {\n if (this instanceof C) {\n switch (arguments.length) {\n case 0: return new C();\n case 1: return new C(a);\n case 2: return new C(a, b);\n } return new C(a, b, c);\n } return C.apply(this, arguments);\n };\n F[PROTOTYPE] = C[PROTOTYPE];\n return F;\n // make static versions for prototype methods\n })(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;\n // export proto methods to core.%CONSTRUCTOR%.methods.%NAME%\n if (IS_PROTO) {\n (exports.virtual || (exports.virtual = {}))[key] = out;\n // export proto methods to core.%CONSTRUCTOR%.prototype.%NAME%\n if (type & $export.R && expProto && !expProto[key]) hide(expProto, key, out);\n }\n }\n};\n// type bitmap\n$export.F = 1; // forced\n$export.G = 2; // global\n$export.S = 4; // static\n$export.P = 8; // proto\n$export.B = 16; // bind\n$export.W = 32; // wrap\n$export.U = 64; // safe\n$export.R = 128; // real proto method for `library`\nmodule.exports = $export;\n","module.exports = function (it) {\n return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n","export const deduplicateArray = \n \n {title}\n \n {subtitle && {`(${subtitle})`} }\n
\n \n {tags.map((tag) => (\n
\n {ctaButtons}
\n 
\n