diff --git a/README.md b/README.md index a53075c..b71a56d 100644 --- a/README.md +++ b/README.md @@ -77,10 +77,31 @@ Available colors are the following [TailwindCSS text colors](https://tailwindcss - `green` - `red` +To force display info data on index view. Use *displayInfoOnIndex* method + +```php +StatusField::make('Published') + ->icons([ + 'minus-circle' => $this->published == 0, + 'clock' => $this->pending == 1 && $this->published == 0, + 'check-circle' => $this->pending == 0 && $this->published == 1 + ]) + ->displayInfoOnIndex() +``` + +By default text is truncate to 50 characters. Passing parameter to *displayInfoOnIndex* method allow to change maxlength limit. + +```php +... + ->displayInfoOnIndex(10) +... +``` + ## Contributors - [Wessel Perik](https://github.com/wesselperik) - [Jeremy Holstein](https://github.com/jjjrmy) +- [Sebastien Cramatte](https://github.com/operativeit) ## License diff --git a/dist/css/field.css b/dist/css/field.css index cd8b732..34e8b45 100644 --- a/dist/css/field.css +++ b/dist/css/field.css @@ -1,28 +1 @@ -:root { - --popper-theme-background-color: rgba(var(--colors-primary-500)); - --popper-theme-background-color-hover: rgba(var(--colors-primary-500)); - --popper-theme-border-width: 0px; - --popper-theme-border-style: solid; - --popper-theme-border-radius: 6px; - --popper-theme-padding: 6px; -} - -.popper { - --tw-text-opacity: 1; - color: rgba(var(--colors-white), var(--tw-text-opacity)) !important; - font-size: 0.7rem; - font-weight: 700; -} -@media (prefers-color-scheme: dark) { - .popper { - --tw-text-opacity: 1; - color: rgba(var(--colors-gray-800), var(--tw-text-opacity)) !important; - } -} - -.field { - display: flex; -} -.field svg { - margin-top: -2px; -} +:root{--popper-theme-background-color:rgba(var(--colors-primary-500));--popper-theme-background-color-hover:rgba(var(--colors-primary-500));--popper-theme-border-width:0px;--popper-theme-border-style:solid;--popper-theme-border-radius:6px;--popper-theme-padding:6px}.popper{--tw-text-opacity:1;color:rgba(var(--colors-white),var(--tw-text-opacity))!important;font-size:.7rem;font-weight:700}@media (prefers-color-scheme:dark){.popper{--tw-text-opacity:1;color:rgba(var(--colors-gray-800),var(--tw-text-opacity))!important}}.field{display:flex}.field svg{margin-top:-2px} diff --git a/dist/js/field.js b/dist/js/field.js index 131c2ca..d34ff23 100644 --- a/dist/js/field.js +++ b/dist/js/field.js @@ -1,2873 +1 @@ -/******/ (() => { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/DetailField.vue?vue&type=script&lang=js": -/*!*****************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/DetailField.vue?vue&type=script&lang=js ***! - \*****************************************************************************************************************************************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) -/* harmony export */ }); -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ - props: ['resource', 'resourceName', 'resourceId', 'field'], - methods: { - getValue: function getValue() { - var _this = this; - - if (!this.field.values) return this.field.value; - return Object.keys(this.field.values).filter(function (k) { - return _this.field.values[k]; - })[0]; - }, - getTooltip: function getTooltip() { - if (this.field.tooltip) { - if (typeof this.field.tooltip == "string") return this.field.tooltip;else return this.field.tooltip[this.getValue()]; - } - }, - getInfo: function getInfo() { - if (this.field.info) { - if (typeof this.field.info == "string") return this.field.info;else return this.field.info[this.getValue()]; - } - }, - getColor: function getColor() { - if (this.field.color) { - if (typeof this.field.color == "string") return 'text-' + this.field.color;else return 'text-' + this.field.color[this.getValue()]; - } - } - } -}); - -/***/ }), - -/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/IndexField.vue?vue&type=script&lang=js": -/*!****************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/IndexField.vue?vue&type=script&lang=js ***! - \****************************************************************************************************************************************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) -/* harmony export */ }); -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ - props: ['resourceName', 'field'], - methods: { - getValue: function getValue() { - var _this = this; - - if (!this.field.values) return this.field.value; - return Object.keys(this.field.values).filter(function (val) { - return _this.field.values[val]; - })[0]; - }, - getTooltip: function getTooltip() { - if (this.field.tooltip) { - if (typeof this.field.tooltip == "string") return this.field.tooltip;else return this.field.tooltip[this.getValue()]; - } - }, - getColor: function getColor() { - if (this.field.color) { - if (typeof this.field.color == "string") return 'text-' + this.field.color;else return 'text-' + this.field.color[this.getValue()]; - } - } - } -}); - -/***/ }), - -/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/DetailField.vue?vue&type=template&id=0224618e": -/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/DetailField.vue?vue&type=template&id=0224618e ***! - \*********************************************************************************************************************************************************************************************************************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "render": () => (/* binding */ render) -/* harmony export */ }); -/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); -/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__); - -var _hoisted_1 = { - key: 0, - "class": "field" -}; -var _hoisted_2 = { - key: 1, - "class": "field" -}; -var _hoisted_3 = { - "class": "text-90 ml-2" -}; -function render(_ctx, _cache, $props, $setup, $data, $options) { - var _this = this; - - var _component_Icon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Icon"); - - var _component_popper = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("popper"); - - var _component_PanelItem = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("PanelItem"); - - return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_PanelItem, { - index: _ctx.index, - field: $props.field - }, { - value: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { - return [!$props.field.info ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_popper, { - hover: "", - placement: "right", - content: $options.getTooltip() - }, { - "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { - return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Icon, { - solid: _this.field.solid_icon, - type: $options.getValue(), - "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($options.getColor()) - }, null, 8 - /* PROPS */ - , ["solid", "type", "class"])]; - }), - _: 1 - /* STABLE */ - - }, 8 - /* PROPS */ - , ["content"])])) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_2, [$props.field.display_tooltip ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_popper, { - key: 0, - hover: "", - placement: "right", - content: $options.getTooltip() - }, { - "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { - return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Icon, { - solid: _this.field.solid_icon, - type: $options.getValue(), - "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($options.getColor()) - }, null, 8 - /* PROPS */ - , ["solid", "type", "class"])]; - }), - _: 1 - /* STABLE */ - - }, 8 - /* PROPS */ - , ["content"])) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Icon, { - key: 1, - solid: _this.field.solid_icon, - type: $options.getValue(), - "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($options.getColor()) - }, null, 8 - /* PROPS */ - , ["solid", "type", "class"])), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($options.getInfo()), 1 - /* TEXT */ - )]))]; - }), - _: 1 - /* STABLE */ - - }, 8 - /* PROPS */ - , ["index", "field"]); -} - -/***/ }), - -/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/IndexField.vue?vue&type=template&id=9e63f81a": -/*!********************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/IndexField.vue?vue&type=template&id=9e63f81a ***! - \********************************************************************************************************************************************************************************************************************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "render": () => (/* binding */ render) -/* harmony export */ }); -/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); -/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__); - -function render(_ctx, _cache, $props, $setup, $data, $options) { - var _this = this; - - var _component_Icon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Icon"); - - var _component_popper = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("popper"); - - return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_popper, { - hover: "", - content: $options.getTooltip() - }, { - "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { - return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Icon, { - solid: _this.field.solid_icon, - type: $options.getValue(), - "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($options.getColor()) - }, null, 8 - /* PROPS */ - , ["solid", "type", "class"])]; - }), - _: 1 - /* STABLE */ - - }, 8 - /* PROPS */ - , ["content"])]); -} - -/***/ }), - -/***/ "./resources/js/field.js": -/*!*******************************!*\ - !*** ./resources/js/field.js ***! - \*******************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_IndexField__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/IndexField */ "./resources/js/components/IndexField.vue"); -/* harmony import */ var _components_DetailField__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/DetailField */ "./resources/js/components/DetailField.vue"); -/* harmony import */ var vue3_popper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue3-popper */ "./node_modules/vue3-popper/dist/popper.esm.js"); - - - -Nova.booting(function (app, store) { - app.component('index-nova-status-field', _components_IndexField__WEBPACK_IMPORTED_MODULE_0__["default"]); - app.component('detail-nova-status-field', _components_DetailField__WEBPACK_IMPORTED_MODULE_1__["default"]); - app.component('popper', vue3_popper__WEBPACK_IMPORTED_MODULE_2__["default"]); -}); - -/***/ }), - -/***/ "./resources/sass/field.scss": -/*!***********************************!*\ - !*** ./resources/sass/field.scss ***! - \***********************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -__webpack_require__.r(__webpack_exports__); -// extracted by mini-css-extract-plugin - - -/***/ }), - -/***/ "./node_modules/vue-loader/dist/exportHelper.js": -/*!******************************************************!*\ - !*** ./node_modules/vue-loader/dist/exportHelper.js ***! - \******************************************************/ -/***/ ((__unused_webpack_module, exports) => { - - -Object.defineProperty(exports, "__esModule", ({ value: true })); -// runtime helper for setting properties on components -// in a tree-shakable way -exports["default"] = (sfc, props) => { - const target = sfc.__vccOpts || sfc; - for (const [key, val] of props) { - target[key] = val; - } - return target; -}; - - -/***/ }), - -/***/ "./resources/js/components/DetailField.vue": -/*!*************************************************!*\ - !*** ./resources/js/components/DetailField.vue ***! - \*************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) -/* harmony export */ }); -/* harmony import */ var _DetailField_vue_vue_type_template_id_0224618e__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DetailField.vue?vue&type=template&id=0224618e */ "./resources/js/components/DetailField.vue?vue&type=template&id=0224618e"); -/* harmony import */ var _DetailField_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DetailField.vue?vue&type=script&lang=js */ "./resources/js/components/DetailField.vue?vue&type=script&lang=js"); -/* harmony import */ var _Users_wesselperik_Documents_Code_Persoonlijk_nova_status_field_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/vue-loader/dist/exportHelper.js */ "./node_modules/vue-loader/dist/exportHelper.js"); - - - - -; -const __exports__ = /*#__PURE__*/(0,_Users_wesselperik_Documents_Code_Persoonlijk_nova_status_field_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__["default"])(_DetailField_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_DetailField_vue_vue_type_template_id_0224618e__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"resources/js/components/DetailField.vue"]]) -/* hot reload */ -if (false) {} - - -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__); - -/***/ }), - -/***/ "./resources/js/components/IndexField.vue": -/*!************************************************!*\ - !*** ./resources/js/components/IndexField.vue ***! - \************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) -/* harmony export */ }); -/* harmony import */ var _IndexField_vue_vue_type_template_id_9e63f81a__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./IndexField.vue?vue&type=template&id=9e63f81a */ "./resources/js/components/IndexField.vue?vue&type=template&id=9e63f81a"); -/* harmony import */ var _IndexField_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./IndexField.vue?vue&type=script&lang=js */ "./resources/js/components/IndexField.vue?vue&type=script&lang=js"); -/* harmony import */ var _Users_wesselperik_Documents_Code_Persoonlijk_nova_status_field_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/vue-loader/dist/exportHelper.js */ "./node_modules/vue-loader/dist/exportHelper.js"); - - - - -; -const __exports__ = /*#__PURE__*/(0,_Users_wesselperik_Documents_Code_Persoonlijk_nova_status_field_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__["default"])(_IndexField_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_IndexField_vue_vue_type_template_id_9e63f81a__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"resources/js/components/IndexField.vue"]]) -/* hot reload */ -if (false) {} - - -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__); - -/***/ }), - -/***/ "./resources/js/components/DetailField.vue?vue&type=script&lang=js": -/*!*************************************************************************!*\ - !*** ./resources/js/components/DetailField.vue?vue&type=script&lang=js ***! - \*************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_DetailField_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__["default"]) -/* harmony export */ }); -/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_DetailField_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./DetailField.vue?vue&type=script&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/DetailField.vue?vue&type=script&lang=js"); - - -/***/ }), - -/***/ "./resources/js/components/IndexField.vue?vue&type=script&lang=js": -/*!************************************************************************!*\ - !*** ./resources/js/components/IndexField.vue?vue&type=script&lang=js ***! - \************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_IndexField_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__["default"]) -/* harmony export */ }); -/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_IndexField_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./IndexField.vue?vue&type=script&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/IndexField.vue?vue&type=script&lang=js"); - - -/***/ }), - -/***/ "./resources/js/components/DetailField.vue?vue&type=template&id=0224618e": -/*!*******************************************************************************!*\ - !*** ./resources/js/components/DetailField.vue?vue&type=template&id=0224618e ***! - \*******************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "render": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_DetailField_vue_vue_type_template_id_0224618e__WEBPACK_IMPORTED_MODULE_0__.render) -/* harmony export */ }); -/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_DetailField_vue_vue_type_template_id_0224618e__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./DetailField.vue?vue&type=template&id=0224618e */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/DetailField.vue?vue&type=template&id=0224618e"); - - -/***/ }), - -/***/ "./resources/js/components/IndexField.vue?vue&type=template&id=9e63f81a": -/*!******************************************************************************!*\ - !*** ./resources/js/components/IndexField.vue?vue&type=template&id=9e63f81a ***! - \******************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "render": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_IndexField_vue_vue_type_template_id_9e63f81a__WEBPACK_IMPORTED_MODULE_0__.render) -/* harmony export */ }); -/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_IndexField_vue_vue_type_template_id_9e63f81a__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./IndexField.vue?vue&type=template&id=9e63f81a */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/IndexField.vue?vue&type=template&id=9e63f81a"); - - -/***/ }), - -/***/ "./node_modules/vue3-popper/dist/popper.esm.js": -/*!*****************************************************!*\ - !*** ./node_modules/vue3-popper/dist/popper.esm.js ***! - \*****************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (/* binding */ entry_esm) -/* harmony export */ }); -/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); -/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__); - - -/** - * Returns a function, that, as long as it continues to be invoked, will not - * be triggered. The function will be called after it stops being called for - * N milliseconds. If `immediate` is passed, trigger the function on the - * leading edge, instead of the trailing. The function also has a property 'clear' - * that is a function which will clear the timer to prevent previously scheduled executions. - * - * @source underscore.js - * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/ - * @param {Function} function to wrap - * @param {Number} timeout in ms (`100`) - * @param {Boolean} whether to execute at the beginning (`false`) - * @api public - */ -function debounce$1(func, wait, immediate){ - var timeout, args, context, timestamp, result; - if (null == wait) wait = 100; - - function later() { - var last = Date.now() - timestamp; - - if (last < wait && last >= 0) { - timeout = setTimeout(later, wait - last); - } else { - timeout = null; - if (!immediate) { - result = func.apply(context, args); - context = args = null; - } - } - } - var debounced = function(){ - context = this; - args = arguments; - timestamp = Date.now(); - var callNow = immediate && !timeout; - if (!timeout) timeout = setTimeout(later, wait); - if (callNow) { - result = func.apply(context, args); - context = args = null; - } - - return result; - }; - - debounced.clear = function() { - if (timeout) { - clearTimeout(timeout); - timeout = null; - } - }; - - debounced.flush = function() { - if (timeout) { - result = func.apply(context, args); - context = args = null; - - clearTimeout(timeout); - timeout = null; - } - }; - - return debounced; -} -// Adds compatibility for ES modules -debounce$1.debounce = debounce$1; - -var debounce_1 = debounce$1; - -function useEventListener(target, event, handler) { - if ((0,vue__WEBPACK_IMPORTED_MODULE_0__.isRef)(target)) { - (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(target, (value, oldValue) => { - oldValue === null || oldValue === void 0 ? void 0 : oldValue.removeEventListener(event, handler); - value === null || value === void 0 ? void 0 : value.addEventListener(event, handler); - }); - } else { - (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { - target.addEventListener(event, handler); - }); - } - - (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { - var _unref; - - (_unref = (0,vue__WEBPACK_IMPORTED_MODULE_0__.unref)(target)) === null || _unref === void 0 ? void 0 : _unref.removeEventListener(event, handler); - }); -} - -function useClickAway(target, handler) { - const event = "pointerdown"; - - if (typeof window === 'undefined' || !window) { - return; - } - - const listener = event => { - const el = (0,vue__WEBPACK_IMPORTED_MODULE_0__.unref)(target); - - if (!el) { - return; - } - - if (el === event.target || event.composedPath().includes(el)) { - return; - } - - handler(event); - }; - - return useEventListener(window, event, listener); -} - -function useContent(slots, popperNode, content) { - let observer = null; - const hasContent = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(false); - (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { - if (slots.content !== undefined || content.value) { - hasContent.value = true; - } - - observer = new MutationObserver(checkContent); - observer.observe(popperNode.value, { - childList: true, - subtree: true - }); - }); - (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => observer.disconnect()); - /** - * Watch the content prop - */ - - (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(content, content => { - if (content) { - hasContent.value = true; - } else { - hasContent.value = false; - } - }); - /** - * Check the content slot - */ - - const checkContent = () => { - if (slots.content) { - hasContent.value = true; - } else { - hasContent.value = false; - } - }; - - return { - hasContent - }; -} - -// import { isHTMLElement } from './instanceOf'; -function getBoundingClientRect(element, // eslint-disable-next-line unused-imports/no-unused-vars -includeScale) { - - var rect = element.getBoundingClientRect(); - var scaleX = 1; - var scaleY = 1; // FIXME: - // `offsetWidth` returns an integer while `getBoundingClientRect` - // returns a float. This results in `scaleX` or `scaleY` being - // non-1 when it should be for elements that aren't a full pixel in - // width or height. - // if (isHTMLElement(element) && includeScale) { - // const offsetHeight = element.offsetHeight; - // const offsetWidth = element.offsetWidth; - // // Do not attempt to divide by 0, otherwise we get `Infinity` as scale - // // Fallback to 1 in case both values are `0` - // if (offsetWidth > 0) { - // scaleX = rect.width / offsetWidth || 1; - // } - // if (offsetHeight > 0) { - // scaleY = rect.height / offsetHeight || 1; - // } - // } - - return { - width: rect.width / scaleX, - height: rect.height / scaleY, - top: rect.top / scaleY, - right: rect.right / scaleX, - bottom: rect.bottom / scaleY, - left: rect.left / scaleX, - x: rect.left / scaleX, - y: rect.top / scaleY - }; -} - -function getWindow(node) { - if (node == null) { - return window; - } - - if (node.toString() !== '[object Window]') { - var ownerDocument = node.ownerDocument; - return ownerDocument ? ownerDocument.defaultView || window : window; - } - - return node; -} - -function getWindowScroll(node) { - var win = getWindow(node); - var scrollLeft = win.pageXOffset; - var scrollTop = win.pageYOffset; - return { - scrollLeft: scrollLeft, - scrollTop: scrollTop - }; -} - -function isElement(node) { - var OwnElement = getWindow(node).Element; - return node instanceof OwnElement || node instanceof Element; -} - -function isHTMLElement(node) { - var OwnElement = getWindow(node).HTMLElement; - return node instanceof OwnElement || node instanceof HTMLElement; -} - -function isShadowRoot(node) { - // IE 11 has no ShadowRoot - if (typeof ShadowRoot === 'undefined') { - return false; - } - - var OwnElement = getWindow(node).ShadowRoot; - return node instanceof OwnElement || node instanceof ShadowRoot; -} - -function getHTMLElementScroll(element) { - return { - scrollLeft: element.scrollLeft, - scrollTop: element.scrollTop - }; -} - -function getNodeScroll(node) { - if (node === getWindow(node) || !isHTMLElement(node)) { - return getWindowScroll(node); - } else { - return getHTMLElementScroll(node); - } -} - -function getNodeName(element) { - return element ? (element.nodeName || '').toLowerCase() : null; -} - -function getDocumentElement(element) { - // $FlowFixMe[incompatible-return]: assume body is always available - return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing] - element.document) || window.document).documentElement; -} - -function getWindowScrollBarX(element) { - // If has a CSS width greater than the viewport, then this will be - // incorrect for RTL. - // Popper 1 is broken in this case and never had a bug report so let's assume - // it's not an issue. I don't think anyone ever specifies width on - // anyway. - // Browsers where the left scrollbar doesn't cause an issue report `0` for - // this (e.g. Edge 2019, IE11, Safari) - return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft; -} - -function getComputedStyle(element) { - return getWindow(element).getComputedStyle(element); -} - -function isScrollParent(element) { - // Firefox wants us to check `-x` and `-y` variations as well - var _getComputedStyle = getComputedStyle(element), - overflow = _getComputedStyle.overflow, - overflowX = _getComputedStyle.overflowX, - overflowY = _getComputedStyle.overflowY; - - return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX); -} - -function isElementScaled(element) { - var rect = element.getBoundingClientRect(); - var scaleX = rect.width / element.offsetWidth || 1; - var scaleY = rect.height / element.offsetHeight || 1; - return scaleX !== 1 || scaleY !== 1; -} // Returns the composite rect of an element relative to its offsetParent. -// Composite means it takes into account transforms as well as layout. - - -function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) { - if (isFixed === void 0) { - isFixed = false; - } - - var isOffsetParentAnElement = isHTMLElement(offsetParent); - isHTMLElement(offsetParent) && isElementScaled(offsetParent); - var documentElement = getDocumentElement(offsetParent); - var rect = getBoundingClientRect(elementOrVirtualElement); - var scroll = { - scrollLeft: 0, - scrollTop: 0 - }; - var offsets = { - x: 0, - y: 0 - }; - - if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) { - if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078 - isScrollParent(documentElement)) { - scroll = getNodeScroll(offsetParent); - } - - if (isHTMLElement(offsetParent)) { - offsets = getBoundingClientRect(offsetParent); - offsets.x += offsetParent.clientLeft; - offsets.y += offsetParent.clientTop; - } else if (documentElement) { - offsets.x = getWindowScrollBarX(documentElement); - } - } - - return { - x: rect.left + scroll.scrollLeft - offsets.x, - y: rect.top + scroll.scrollTop - offsets.y, - width: rect.width, - height: rect.height - }; -} - -// means it doesn't take into account transforms. - -function getLayoutRect(element) { - var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed. - // Fixes https://github.com/popperjs/popper-core/issues/1223 - - var width = element.offsetWidth; - var height = element.offsetHeight; - - if (Math.abs(clientRect.width - width) <= 1) { - width = clientRect.width; - } - - if (Math.abs(clientRect.height - height) <= 1) { - height = clientRect.height; - } - - return { - x: element.offsetLeft, - y: element.offsetTop, - width: width, - height: height - }; -} - -function getParentNode(element) { - if (getNodeName(element) === 'html') { - return element; - } - - return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle - // $FlowFixMe[incompatible-return] - // $FlowFixMe[prop-missing] - element.assignedSlot || // step into the shadow DOM of the parent of a slotted node - element.parentNode || ( // DOM Element detected - isShadowRoot(element) ? element.host : null) || // ShadowRoot detected - // $FlowFixMe[incompatible-call]: HTMLElement is a Node - getDocumentElement(element) // fallback - - ); -} - -function getScrollParent(node) { - if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) { - // $FlowFixMe[incompatible-return]: assume body is always available - return node.ownerDocument.body; - } - - if (isHTMLElement(node) && isScrollParent(node)) { - return node; - } - - return getScrollParent(getParentNode(node)); -} - -/* -given a DOM element, return the list of all scroll parents, up the list of ancesors -until we get to the top window object. This list is what we attach scroll listeners -to, because if any of these parent elements scroll, we'll need to re-calculate the -reference element's position. -*/ - -function listScrollParents(element, list) { - var _element$ownerDocumen; - - if (list === void 0) { - list = []; - } - - var scrollParent = getScrollParent(element); - var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body); - var win = getWindow(scrollParent); - var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent; - var updatedList = list.concat(target); - return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here - updatedList.concat(listScrollParents(getParentNode(target))); -} - -function isTableElement(element) { - return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0; -} - -function getTrueOffsetParent(element) { - if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837 - getComputedStyle(element).position === 'fixed') { - return null; - } - - return element.offsetParent; -} // `.offsetParent` reports `null` for fixed elements, while absolute elements -// return the containing block - - -function getContainingBlock(element) { - var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1; - var isIE = navigator.userAgent.indexOf('Trident') !== -1; - - if (isIE && isHTMLElement(element)) { - // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport - var elementCss = getComputedStyle(element); - - if (elementCss.position === 'fixed') { - return null; - } - } - - var currentNode = getParentNode(element); - - while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) { - var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that - // create a containing block. - // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block - - if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') { - return currentNode; - } else { - currentNode = currentNode.parentNode; - } - } - - return null; -} // Gets the closest ancestor positioned element. Handles some edge cases, -// such as table ancestors and cross browser bugs. - - -function getOffsetParent(element) { - var window = getWindow(element); - var offsetParent = getTrueOffsetParent(element); - - while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') { - offsetParent = getTrueOffsetParent(offsetParent); - } - - if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static')) { - return window; - } - - return offsetParent || getContainingBlock(element) || window; -} - -var top = 'top'; -var bottom = 'bottom'; -var right = 'right'; -var left = 'left'; -var auto = 'auto'; -var basePlacements = [top, bottom, right, left]; -var start = 'start'; -var end = 'end'; -var clippingParents = 'clippingParents'; -var viewport = 'viewport'; -var popper = 'popper'; -var reference = 'reference'; -var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) { - return acc.concat([placement + "-" + start, placement + "-" + end]); -}, []); -var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) { - return acc.concat([placement, placement + "-" + start, placement + "-" + end]); -}, []); // modifiers that need to read the DOM - -var beforeRead = 'beforeRead'; -var read = 'read'; -var afterRead = 'afterRead'; // pure-logic modifiers - -var beforeMain = 'beforeMain'; -var main = 'main'; -var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state) - -var beforeWrite = 'beforeWrite'; -var write = 'write'; -var afterWrite = 'afterWrite'; -var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite]; - -function order(modifiers) { - var map = new Map(); - var visited = new Set(); - var result = []; - modifiers.forEach(function (modifier) { - map.set(modifier.name, modifier); - }); // On visiting object, check for its dependencies and visit them recursively - - function sort(modifier) { - visited.add(modifier.name); - var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []); - requires.forEach(function (dep) { - if (!visited.has(dep)) { - var depModifier = map.get(dep); - - if (depModifier) { - sort(depModifier); - } - } - }); - result.push(modifier); - } - - modifiers.forEach(function (modifier) { - if (!visited.has(modifier.name)) { - // check for visited object - sort(modifier); - } - }); - return result; -} - -function orderModifiers(modifiers) { - // order based on dependencies - var orderedModifiers = order(modifiers); // order based on phase - - return modifierPhases.reduce(function (acc, phase) { - return acc.concat(orderedModifiers.filter(function (modifier) { - return modifier.phase === phase; - })); - }, []); -} - -function debounce(fn) { - var pending; - return function () { - if (!pending) { - pending = new Promise(function (resolve) { - Promise.resolve().then(function () { - pending = undefined; - resolve(fn()); - }); - }); - } - - return pending; - }; -} - -function getBasePlacement(placement) { - return placement.split('-')[0]; -} - -function mergeByName(modifiers) { - var merged = modifiers.reduce(function (merged, current) { - var existing = merged[current.name]; - merged[current.name] = existing ? Object.assign({}, existing, current, { - options: Object.assign({}, existing.options, current.options), - data: Object.assign({}, existing.data, current.data) - }) : current; - return merged; - }, {}); // IE11 does not support Object.values - - return Object.keys(merged).map(function (key) { - return merged[key]; - }); -} - -function getViewportRect(element) { - var win = getWindow(element); - var html = getDocumentElement(element); - var visualViewport = win.visualViewport; - var width = html.clientWidth; - var height = html.clientHeight; - var x = 0; - var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper - // can be obscured underneath it. - // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even - // if it isn't open, so if this isn't available, the popper will be detected - // to overflow the bottom of the screen too early. - - if (visualViewport) { - width = visualViewport.width; - height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently) - // In Chrome, it returns a value very close to 0 (+/-) but contains rounding - // errors due to floating point numbers, so we need to check precision. - // Safari returns a number <= 0, usually < -1 when pinch-zoomed - // Feature detection fails in mobile emulation mode in Chrome. - // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) < - // 0.001 - // Fallback here: "Not Safari" userAgent - - if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) { - x = visualViewport.offsetLeft; - y = visualViewport.offsetTop; - } - } - - return { - width: width, - height: height, - x: x + getWindowScrollBarX(element), - y: y - }; -} - -var max = Math.max; -var min = Math.min; -var round = Math.round; - -// of the `` and `` rect bounds if horizontally scrollable - -function getDocumentRect(element) { - var _element$ownerDocumen; - - var html = getDocumentElement(element); - var winScroll = getWindowScroll(element); - var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body; - var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0); - var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0); - var x = -winScroll.scrollLeft + getWindowScrollBarX(element); - var y = -winScroll.scrollTop; - - if (getComputedStyle(body || html).direction === 'rtl') { - x += max(html.clientWidth, body ? body.clientWidth : 0) - width; - } - - return { - width: width, - height: height, - x: x, - y: y - }; -} - -function contains(parent, child) { - var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method - - if (parent.contains(child)) { - return true; - } // then fallback to custom implementation with Shadow DOM support - else if (rootNode && isShadowRoot(rootNode)) { - var next = child; - - do { - if (next && parent.isSameNode(next)) { - return true; - } // $FlowFixMe[prop-missing]: need a better way to handle this... - - - next = next.parentNode || next.host; - } while (next); - } // Give up, the result is false - - - return false; -} - -function rectToClientRect(rect) { - return Object.assign({}, rect, { - left: rect.x, - top: rect.y, - right: rect.x + rect.width, - bottom: rect.y + rect.height - }); -} - -function getInnerBoundingClientRect(element) { - var rect = getBoundingClientRect(element); - rect.top = rect.top + element.clientTop; - rect.left = rect.left + element.clientLeft; - rect.bottom = rect.top + element.clientHeight; - rect.right = rect.left + element.clientWidth; - rect.width = element.clientWidth; - rect.height = element.clientHeight; - rect.x = rect.left; - rect.y = rect.top; - return rect; -} - -function getClientRectFromMixedType(element, clippingParent) { - return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isHTMLElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element))); -} // A "clipping parent" is an overflowable container with the characteristic of -// clipping (or hiding) overflowing elements with a position different from -// `initial` - - -function getClippingParents(element) { - var clippingParents = listScrollParents(getParentNode(element)); - var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0; - var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element; - - if (!isElement(clipperElement)) { - return []; - } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414 - - - return clippingParents.filter(function (clippingParent) { - return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body'; - }); -} // Gets the maximum area that the element is visible in due to any number of -// clipping parents - - -function getClippingRect(element, boundary, rootBoundary) { - var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary); - var clippingParents = [].concat(mainClippingParents, [rootBoundary]); - var firstClippingParent = clippingParents[0]; - var clippingRect = clippingParents.reduce(function (accRect, clippingParent) { - var rect = getClientRectFromMixedType(element, clippingParent); - accRect.top = max(rect.top, accRect.top); - accRect.right = min(rect.right, accRect.right); - accRect.bottom = min(rect.bottom, accRect.bottom); - accRect.left = max(rect.left, accRect.left); - return accRect; - }, getClientRectFromMixedType(element, firstClippingParent)); - clippingRect.width = clippingRect.right - clippingRect.left; - clippingRect.height = clippingRect.bottom - clippingRect.top; - clippingRect.x = clippingRect.left; - clippingRect.y = clippingRect.top; - return clippingRect; -} - -function getVariation(placement) { - return placement.split('-')[1]; -} - -function getMainAxisFromPlacement(placement) { - return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y'; -} - -function computeOffsets(_ref) { - var reference = _ref.reference, - element = _ref.element, - placement = _ref.placement; - var basePlacement = placement ? getBasePlacement(placement) : null; - var variation = placement ? getVariation(placement) : null; - var commonX = reference.x + reference.width / 2 - element.width / 2; - var commonY = reference.y + reference.height / 2 - element.height / 2; - var offsets; - - switch (basePlacement) { - case top: - offsets = { - x: commonX, - y: reference.y - element.height - }; - break; - - case bottom: - offsets = { - x: commonX, - y: reference.y + reference.height - }; - break; - - case right: - offsets = { - x: reference.x + reference.width, - y: commonY - }; - break; - - case left: - offsets = { - x: reference.x - element.width, - y: commonY - }; - break; - - default: - offsets = { - x: reference.x, - y: reference.y - }; - } - - var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null; - - if (mainAxis != null) { - var len = mainAxis === 'y' ? 'height' : 'width'; - - switch (variation) { - case start: - offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2); - break; - - case end: - offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2); - break; - } - } - - return offsets; -} - -function getFreshSideObject() { - return { - top: 0, - right: 0, - bottom: 0, - left: 0 - }; -} - -function mergePaddingObject(paddingObject) { - return Object.assign({}, getFreshSideObject(), paddingObject); -} - -function expandToHashMap(value, keys) { - return keys.reduce(function (hashMap, key) { - hashMap[key] = value; - return hashMap; - }, {}); -} - -function detectOverflow(state, options) { - if (options === void 0) { - options = {}; - } - - var _options = options, - _options$placement = _options.placement, - placement = _options$placement === void 0 ? state.placement : _options$placement, - _options$boundary = _options.boundary, - boundary = _options$boundary === void 0 ? clippingParents : _options$boundary, - _options$rootBoundary = _options.rootBoundary, - rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary, - _options$elementConte = _options.elementContext, - elementContext = _options$elementConte === void 0 ? popper : _options$elementConte, - _options$altBoundary = _options.altBoundary, - altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary, - _options$padding = _options.padding, - padding = _options$padding === void 0 ? 0 : _options$padding; - var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements)); - var altContext = elementContext === popper ? reference : popper; - var popperRect = state.rects.popper; - var element = state.elements[altBoundary ? altContext : elementContext]; - var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary); - var referenceClientRect = getBoundingClientRect(state.elements.reference); - var popperOffsets = computeOffsets({ - reference: referenceClientRect, - element: popperRect, - strategy: 'absolute', - placement: placement - }); - var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets)); - var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect - // 0 or negative = within the clipping rect - - var overflowOffsets = { - top: clippingClientRect.top - elementClientRect.top + paddingObject.top, - bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom, - left: clippingClientRect.left - elementClientRect.left + paddingObject.left, - right: elementClientRect.right - clippingClientRect.right + paddingObject.right - }; - var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element - - if (elementContext === popper && offsetData) { - var offset = offsetData[placement]; - Object.keys(overflowOffsets).forEach(function (key) { - var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1; - var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x'; - overflowOffsets[key] += offset[axis] * multiply; - }); - } - - return overflowOffsets; -} - -var DEFAULT_OPTIONS = { - placement: 'bottom', - modifiers: [], - strategy: 'absolute' -}; - -function areValidElements() { - for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; - } - - return !args.some(function (element) { - return !(element && typeof element.getBoundingClientRect === 'function'); - }); -} - -function popperGenerator(generatorOptions) { - if (generatorOptions === void 0) { - generatorOptions = {}; - } - - var _generatorOptions = generatorOptions, - _generatorOptions$def = _generatorOptions.defaultModifiers, - defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, - _generatorOptions$def2 = _generatorOptions.defaultOptions, - defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2; - return function createPopper(reference, popper, options) { - if (options === void 0) { - options = defaultOptions; - } - - var state = { - placement: 'bottom', - orderedModifiers: [], - options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions), - modifiersData: {}, - elements: { - reference: reference, - popper: popper - }, - attributes: {}, - styles: {} - }; - var effectCleanupFns = []; - var isDestroyed = false; - var instance = { - state: state, - setOptions: function setOptions(setOptionsAction) { - var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction; - cleanupModifierEffects(); - state.options = Object.assign({}, defaultOptions, state.options, options); - state.scrollParents = { - reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [], - popper: listScrollParents(popper) - }; // Orders the modifiers based on their dependencies and `phase` - // properties - - var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers - - state.orderedModifiers = orderedModifiers.filter(function (m) { - return m.enabled; - }); // Validate the provided modifiers so that the consumer will get warned - - runModifierEffects(); - return instance.update(); - }, - // Sync update – it will always be executed, even if not necessary. This - // is useful for low frequency updates where sync behavior simplifies the - // logic. - // For high frequency updates (e.g. `resize` and `scroll` events), always - // prefer the async Popper#update method - forceUpdate: function forceUpdate() { - if (isDestroyed) { - return; - } - - var _state$elements = state.elements, - reference = _state$elements.reference, - popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements - // anymore - - if (!areValidElements(reference, popper)) { - - return; - } // Store the reference and popper rects to be read by modifiers - - - state.rects = { - reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'), - popper: getLayoutRect(popper) - }; // Modifiers have the ability to reset the current update cycle. The - // most common use case for this is the `flip` modifier changing the - // placement, which then needs to re-run all the modifiers, because the - // logic was previously ran for the previous placement and is therefore - // stale/incorrect - - state.reset = false; - state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier - // is filled with the initial data specified by the modifier. This means - // it doesn't persist and is fresh on each update. - // To ensure persistent data, use `${name}#persistent` - - state.orderedModifiers.forEach(function (modifier) { - return state.modifiersData[modifier.name] = Object.assign({}, modifier.data); - }); - - for (var index = 0; index < state.orderedModifiers.length; index++) { - - if (state.reset === true) { - state.reset = false; - index = -1; - continue; - } - - var _state$orderedModifie = state.orderedModifiers[index], - fn = _state$orderedModifie.fn, - _state$orderedModifie2 = _state$orderedModifie.options, - _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, - name = _state$orderedModifie.name; - - if (typeof fn === 'function') { - state = fn({ - state: state, - options: _options, - name: name, - instance: instance - }) || state; - } - } - }, - // Async and optimistically optimized update – it will not be executed if - // not necessary (debounced to run at most once-per-tick) - update: debounce(function () { - return new Promise(function (resolve) { - instance.forceUpdate(); - resolve(state); - }); - }), - destroy: function destroy() { - cleanupModifierEffects(); - isDestroyed = true; - } - }; - - if (!areValidElements(reference, popper)) { - - return instance; - } - - instance.setOptions(options).then(function (state) { - if (!isDestroyed && options.onFirstUpdate) { - options.onFirstUpdate(state); - } - }); // Modifiers have the ability to execute arbitrary code before the first - // update cycle runs. They will be executed in the same order as the update - // cycle. This is useful when a modifier adds some persistent data that - // other modifiers need to use, but the modifier is run after the dependent - // one. - - function runModifierEffects() { - state.orderedModifiers.forEach(function (_ref3) { - var name = _ref3.name, - _ref3$options = _ref3.options, - options = _ref3$options === void 0 ? {} : _ref3$options, - effect = _ref3.effect; - - if (typeof effect === 'function') { - var cleanupFn = effect({ - state: state, - name: name, - instance: instance, - options: options - }); - - var noopFn = function noopFn() {}; - - effectCleanupFns.push(cleanupFn || noopFn); - } - }); - } - - function cleanupModifierEffects() { - effectCleanupFns.forEach(function (fn) { - return fn(); - }); - effectCleanupFns = []; - } - - return instance; - }; -} - -var passive = { - passive: true -}; - -function effect$2(_ref) { - var state = _ref.state, - instance = _ref.instance, - options = _ref.options; - var _options$scroll = options.scroll, - scroll = _options$scroll === void 0 ? true : _options$scroll, - _options$resize = options.resize, - resize = _options$resize === void 0 ? true : _options$resize; - var window = getWindow(state.elements.popper); - var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper); - - if (scroll) { - scrollParents.forEach(function (scrollParent) { - scrollParent.addEventListener('scroll', instance.update, passive); - }); - } - - if (resize) { - window.addEventListener('resize', instance.update, passive); - } - - return function () { - if (scroll) { - scrollParents.forEach(function (scrollParent) { - scrollParent.removeEventListener('scroll', instance.update, passive); - }); - } - - if (resize) { - window.removeEventListener('resize', instance.update, passive); - } - }; -} // eslint-disable-next-line import/no-unused-modules - - -var eventListeners = { - name: 'eventListeners', - enabled: true, - phase: 'write', - fn: function fn() {}, - effect: effect$2, - data: {} -}; - -function popperOffsets(_ref) { - var state = _ref.state, - name = _ref.name; - // Offsets are the actual position the popper needs to have to be - // properly positioned near its reference element - // This is the most basic placement, and will be adjusted by - // the modifiers in the next step - state.modifiersData[name] = computeOffsets({ - reference: state.rects.reference, - element: state.rects.popper, - strategy: 'absolute', - placement: state.placement - }); -} // eslint-disable-next-line import/no-unused-modules - - -var popperOffsets$1 = { - name: 'popperOffsets', - enabled: true, - phase: 'read', - fn: popperOffsets, - data: {} -}; - -var unsetSides = { - top: 'auto', - right: 'auto', - bottom: 'auto', - left: 'auto' -}; // Round the offsets to the nearest suitable subpixel based on the DPR. -// Zooming can change the DPR, but it seems to report a value that will -// cleanly divide the values into the appropriate subpixels. - -function roundOffsetsByDPR(_ref) { - var x = _ref.x, - y = _ref.y; - var win = window; - var dpr = win.devicePixelRatio || 1; - return { - x: round(round(x * dpr) / dpr) || 0, - y: round(round(y * dpr) / dpr) || 0 - }; -} - -function mapToStyles(_ref2) { - var _Object$assign2; - - var popper = _ref2.popper, - popperRect = _ref2.popperRect, - placement = _ref2.placement, - variation = _ref2.variation, - offsets = _ref2.offsets, - position = _ref2.position, - gpuAcceleration = _ref2.gpuAcceleration, - adaptive = _ref2.adaptive, - roundOffsets = _ref2.roundOffsets; - - var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === 'function' ? roundOffsets(offsets) : offsets, - _ref3$x = _ref3.x, - x = _ref3$x === void 0 ? 0 : _ref3$x, - _ref3$y = _ref3.y, - y = _ref3$y === void 0 ? 0 : _ref3$y; - - var hasX = offsets.hasOwnProperty('x'); - var hasY = offsets.hasOwnProperty('y'); - var sideX = left; - var sideY = top; - var win = window; - - if (adaptive) { - var offsetParent = getOffsetParent(popper); - var heightProp = 'clientHeight'; - var widthProp = 'clientWidth'; - - if (offsetParent === getWindow(popper)) { - offsetParent = getDocumentElement(popper); - - if (getComputedStyle(offsetParent).position !== 'static' && position === 'absolute') { - heightProp = 'scrollHeight'; - widthProp = 'scrollWidth'; - } - } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it - - - offsetParent = offsetParent; - - if (placement === top || (placement === left || placement === right) && variation === end) { - sideY = bottom; // $FlowFixMe[prop-missing] - - y -= offsetParent[heightProp] - popperRect.height; - y *= gpuAcceleration ? 1 : -1; - } - - if (placement === left || (placement === top || placement === bottom) && variation === end) { - sideX = right; // $FlowFixMe[prop-missing] - - x -= offsetParent[widthProp] - popperRect.width; - x *= gpuAcceleration ? 1 : -1; - } - } - - var commonStyles = Object.assign({ - position: position - }, adaptive && unsetSides); - - if (gpuAcceleration) { - var _Object$assign; - - return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign)); - } - - return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2)); -} - -function computeStyles(_ref4) { - var state = _ref4.state, - options = _ref4.options; - var _options$gpuAccelerat = options.gpuAcceleration, - gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, - _options$adaptive = options.adaptive, - adaptive = _options$adaptive === void 0 ? true : _options$adaptive, - _options$roundOffsets = options.roundOffsets, - roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets; - - var commonStyles = { - placement: getBasePlacement(state.placement), - variation: getVariation(state.placement), - popper: state.elements.popper, - popperRect: state.rects.popper, - gpuAcceleration: gpuAcceleration - }; - - if (state.modifiersData.popperOffsets != null) { - state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, { - offsets: state.modifiersData.popperOffsets, - position: state.options.strategy, - adaptive: adaptive, - roundOffsets: roundOffsets - }))); - } - - if (state.modifiersData.arrow != null) { - state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, { - offsets: state.modifiersData.arrow, - position: 'absolute', - adaptive: false, - roundOffsets: roundOffsets - }))); - } - - state.attributes.popper = Object.assign({}, state.attributes.popper, { - 'data-popper-placement': state.placement - }); -} // eslint-disable-next-line import/no-unused-modules - - -var computeStyles$1 = { - name: 'computeStyles', - enabled: true, - phase: 'beforeWrite', - fn: computeStyles, - data: {} -}; - -// and applies them to the HTMLElements such as popper and arrow - -function applyStyles(_ref) { - var state = _ref.state; - Object.keys(state.elements).forEach(function (name) { - var style = state.styles[name] || {}; - var attributes = state.attributes[name] || {}; - var element = state.elements[name]; // arrow is optional + virtual elements - - if (!isHTMLElement(element) || !getNodeName(element)) { - return; - } // Flow doesn't support to extend this property, but it's the most - // effective way to apply styles to an HTMLElement - // $FlowFixMe[cannot-write] - - - Object.assign(element.style, style); - Object.keys(attributes).forEach(function (name) { - var value = attributes[name]; - - if (value === false) { - element.removeAttribute(name); - } else { - element.setAttribute(name, value === true ? '' : value); - } - }); - }); -} - -function effect$1(_ref2) { - var state = _ref2.state; - var initialStyles = { - popper: { - position: state.options.strategy, - left: '0', - top: '0', - margin: '0' - }, - arrow: { - position: 'absolute' - }, - reference: {} - }; - Object.assign(state.elements.popper.style, initialStyles.popper); - state.styles = initialStyles; - - if (state.elements.arrow) { - Object.assign(state.elements.arrow.style, initialStyles.arrow); - } - - return function () { - Object.keys(state.elements).forEach(function (name) { - var element = state.elements[name]; - var attributes = state.attributes[name] || {}; - var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them - - var style = styleProperties.reduce(function (style, property) { - style[property] = ''; - return style; - }, {}); // arrow is optional + virtual elements - - if (!isHTMLElement(element) || !getNodeName(element)) { - return; - } - - Object.assign(element.style, style); - Object.keys(attributes).forEach(function (attribute) { - element.removeAttribute(attribute); - }); - }); - }; -} // eslint-disable-next-line import/no-unused-modules - - -var applyStyles$1 = { - name: 'applyStyles', - enabled: true, - phase: 'write', - fn: applyStyles, - effect: effect$1, - requires: ['computeStyles'] -}; - -var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1]; -var createPopper = /*#__PURE__*/popperGenerator({ - defaultModifiers: defaultModifiers -}); // eslint-disable-next-line import/no-unused-modules - -function getAltAxis(axis) { - return axis === 'x' ? 'y' : 'x'; -} - -function within(min$1, value, max$1) { - return max(min$1, min(value, max$1)); -} - -function preventOverflow(_ref) { - var state = _ref.state, - options = _ref.options, - name = _ref.name; - var _options$mainAxis = options.mainAxis, - checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, - _options$altAxis = options.altAxis, - checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis, - boundary = options.boundary, - rootBoundary = options.rootBoundary, - altBoundary = options.altBoundary, - padding = options.padding, - _options$tether = options.tether, - tether = _options$tether === void 0 ? true : _options$tether, - _options$tetherOffset = options.tetherOffset, - tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset; - var overflow = detectOverflow(state, { - boundary: boundary, - rootBoundary: rootBoundary, - padding: padding, - altBoundary: altBoundary - }); - var basePlacement = getBasePlacement(state.placement); - var variation = getVariation(state.placement); - var isBasePlacement = !variation; - var mainAxis = getMainAxisFromPlacement(basePlacement); - var altAxis = getAltAxis(mainAxis); - var popperOffsets = state.modifiersData.popperOffsets; - var referenceRect = state.rects.reference; - var popperRect = state.rects.popper; - var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, { - placement: state.placement - })) : tetherOffset; - var data = { - x: 0, - y: 0 - }; - - if (!popperOffsets) { - return; - } - - if (checkMainAxis || checkAltAxis) { - var mainSide = mainAxis === 'y' ? top : left; - var altSide = mainAxis === 'y' ? bottom : right; - var len = mainAxis === 'y' ? 'height' : 'width'; - var offset = popperOffsets[mainAxis]; - var min$1 = popperOffsets[mainAxis] + overflow[mainSide]; - var max$1 = popperOffsets[mainAxis] - overflow[altSide]; - var additive = tether ? -popperRect[len] / 2 : 0; - var minLen = variation === start ? referenceRect[len] : popperRect[len]; - var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go - // outside the reference bounds - - var arrowElement = state.elements.arrow; - var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : { - width: 0, - height: 0 - }; - var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject(); - var arrowPaddingMin = arrowPaddingObject[mainSide]; - var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want - // to include its full size in the calculation. If the reference is small - // and near the edge of a boundary, the popper can overflow even if the - // reference is not overflowing as well (e.g. virtual elements with no - // width or height) - - var arrowLen = within(0, referenceRect[len], arrowRect[len]); - var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - tetherOffsetValue : minLen - arrowLen - arrowPaddingMin - tetherOffsetValue; - var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + tetherOffsetValue : maxLen + arrowLen + arrowPaddingMax + tetherOffsetValue; - var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow); - var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0; - var offsetModifierValue = state.modifiersData.offset ? state.modifiersData.offset[state.placement][mainAxis] : 0; - var tetherMin = popperOffsets[mainAxis] + minOffset - offsetModifierValue - clientOffset; - var tetherMax = popperOffsets[mainAxis] + maxOffset - offsetModifierValue; - - if (checkMainAxis) { - var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1); - popperOffsets[mainAxis] = preventedOffset; - data[mainAxis] = preventedOffset - offset; - } - - if (checkAltAxis) { - var _mainSide = mainAxis === 'x' ? top : left; - - var _altSide = mainAxis === 'x' ? bottom : right; - - var _offset = popperOffsets[altAxis]; - - var _min = _offset + overflow[_mainSide]; - - var _max = _offset - overflow[_altSide]; - - var _preventedOffset = within(tether ? min(_min, tetherMin) : _min, _offset, tether ? max(_max, tetherMax) : _max); - - popperOffsets[altAxis] = _preventedOffset; - data[altAxis] = _preventedOffset - _offset; - } - } - - state.modifiersData[name] = data; -} // eslint-disable-next-line import/no-unused-modules - - -var preventOverflow$1 = { - name: 'preventOverflow', - enabled: true, - phase: 'main', - fn: preventOverflow, - requiresIfExists: ['offset'] -}; - -var hash$1 = { - left: 'right', - right: 'left', - bottom: 'top', - top: 'bottom' -}; -function getOppositePlacement(placement) { - return placement.replace(/left|right|bottom|top/g, function (matched) { - return hash$1[matched]; - }); -} - -var hash = { - start: 'end', - end: 'start' -}; -function getOppositeVariationPlacement(placement) { - return placement.replace(/start|end/g, function (matched) { - return hash[matched]; - }); -} - -function computeAutoPlacement(state, options) { - if (options === void 0) { - options = {}; - } - - var _options = options, - placement = _options.placement, - boundary = _options.boundary, - rootBoundary = _options.rootBoundary, - padding = _options.padding, - flipVariations = _options.flipVariations, - _options$allowedAutoP = _options.allowedAutoPlacements, - allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP; - var variation = getVariation(placement); - var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) { - return getVariation(placement) === variation; - }) : basePlacements; - var allowedPlacements = placements$1.filter(function (placement) { - return allowedAutoPlacements.indexOf(placement) >= 0; - }); - - if (allowedPlacements.length === 0) { - allowedPlacements = placements$1; - } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions... - - - var overflows = allowedPlacements.reduce(function (acc, placement) { - acc[placement] = detectOverflow(state, { - placement: placement, - boundary: boundary, - rootBoundary: rootBoundary, - padding: padding - })[getBasePlacement(placement)]; - return acc; - }, {}); - return Object.keys(overflows).sort(function (a, b) { - return overflows[a] - overflows[b]; - }); -} - -function getExpandedFallbackPlacements(placement) { - if (getBasePlacement(placement) === auto) { - return []; - } - - var oppositePlacement = getOppositePlacement(placement); - return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)]; -} - -function flip(_ref) { - var state = _ref.state, - options = _ref.options, - name = _ref.name; - - if (state.modifiersData[name]._skip) { - return; - } - - var _options$mainAxis = options.mainAxis, - checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, - _options$altAxis = options.altAxis, - checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis, - specifiedFallbackPlacements = options.fallbackPlacements, - padding = options.padding, - boundary = options.boundary, - rootBoundary = options.rootBoundary, - altBoundary = options.altBoundary, - _options$flipVariatio = options.flipVariations, - flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio, - allowedAutoPlacements = options.allowedAutoPlacements; - var preferredPlacement = state.options.placement; - var basePlacement = getBasePlacement(preferredPlacement); - var isBasePlacement = basePlacement === preferredPlacement; - var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement)); - var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) { - return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, { - placement: placement, - boundary: boundary, - rootBoundary: rootBoundary, - padding: padding, - flipVariations: flipVariations, - allowedAutoPlacements: allowedAutoPlacements - }) : placement); - }, []); - var referenceRect = state.rects.reference; - var popperRect = state.rects.popper; - var checksMap = new Map(); - var makeFallbackChecks = true; - var firstFittingPlacement = placements[0]; - - for (var i = 0; i < placements.length; i++) { - var placement = placements[i]; - - var _basePlacement = getBasePlacement(placement); - - var isStartVariation = getVariation(placement) === start; - var isVertical = [top, bottom].indexOf(_basePlacement) >= 0; - var len = isVertical ? 'width' : 'height'; - var overflow = detectOverflow(state, { - placement: placement, - boundary: boundary, - rootBoundary: rootBoundary, - altBoundary: altBoundary, - padding: padding - }); - var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top; - - if (referenceRect[len] > popperRect[len]) { - mainVariationSide = getOppositePlacement(mainVariationSide); - } - - var altVariationSide = getOppositePlacement(mainVariationSide); - var checks = []; - - if (checkMainAxis) { - checks.push(overflow[_basePlacement] <= 0); - } - - if (checkAltAxis) { - checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0); - } - - if (checks.every(function (check) { - return check; - })) { - firstFittingPlacement = placement; - makeFallbackChecks = false; - break; - } - - checksMap.set(placement, checks); - } - - if (makeFallbackChecks) { - // `2` may be desired in some cases – research later - var numberOfChecks = flipVariations ? 3 : 1; - - var _loop = function _loop(_i) { - var fittingPlacement = placements.find(function (placement) { - var checks = checksMap.get(placement); - - if (checks) { - return checks.slice(0, _i).every(function (check) { - return check; - }); - } - }); - - if (fittingPlacement) { - firstFittingPlacement = fittingPlacement; - return "break"; - } - }; - - for (var _i = numberOfChecks; _i > 0; _i--) { - var _ret = _loop(_i); - - if (_ret === "break") break; - } - } - - if (state.placement !== firstFittingPlacement) { - state.modifiersData[name]._skip = true; - state.placement = firstFittingPlacement; - state.reset = true; - } -} // eslint-disable-next-line import/no-unused-modules - - -var flip$1 = { - name: 'flip', - enabled: true, - phase: 'main', - fn: flip, - requiresIfExists: ['offset'], - data: { - _skip: false - } -}; - -function distanceAndSkiddingToXY(placement, rects, offset) { - var basePlacement = getBasePlacement(placement); - var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1; - - var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, { - placement: placement - })) : offset, - skidding = _ref[0], - distance = _ref[1]; - - skidding = skidding || 0; - distance = (distance || 0) * invertDistance; - return [left, right].indexOf(basePlacement) >= 0 ? { - x: distance, - y: skidding - } : { - x: skidding, - y: distance - }; -} - -function offset(_ref2) { - var state = _ref2.state, - options = _ref2.options, - name = _ref2.name; - var _options$offset = options.offset, - offset = _options$offset === void 0 ? [0, 0] : _options$offset; - var data = placements.reduce(function (acc, placement) { - acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset); - return acc; - }, {}); - var _data$state$placement = data[state.placement], - x = _data$state$placement.x, - y = _data$state$placement.y; - - if (state.modifiersData.popperOffsets != null) { - state.modifiersData.popperOffsets.x += x; - state.modifiersData.popperOffsets.y += y; - } - - state.modifiersData[name] = data; -} // eslint-disable-next-line import/no-unused-modules - - -var offset$1 = { - name: 'offset', - enabled: true, - phase: 'main', - requires: ['popperOffsets'], - fn: offset -}; - -var toPaddingObject = function toPaddingObject(padding, state) { - padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, { - placement: state.placement - })) : padding; - return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements)); -}; - -function arrow(_ref) { - var _state$modifiersData$; - - var state = _ref.state, - name = _ref.name, - options = _ref.options; - var arrowElement = state.elements.arrow; - var popperOffsets = state.modifiersData.popperOffsets; - var basePlacement = getBasePlacement(state.placement); - var axis = getMainAxisFromPlacement(basePlacement); - var isVertical = [left, right].indexOf(basePlacement) >= 0; - var len = isVertical ? 'height' : 'width'; - - if (!arrowElement || !popperOffsets) { - return; - } - - var paddingObject = toPaddingObject(options.padding, state); - var arrowRect = getLayoutRect(arrowElement); - var minProp = axis === 'y' ? top : left; - var maxProp = axis === 'y' ? bottom : right; - var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len]; - var startDiff = popperOffsets[axis] - state.rects.reference[axis]; - var arrowOffsetParent = getOffsetParent(arrowElement); - var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0; - var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is - // outside of the popper bounds - - var min = paddingObject[minProp]; - var max = clientSize - arrowRect[len] - paddingObject[maxProp]; - var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference; - var offset = within(min, center, max); // Prevents breaking syntax highlighting... - - var axisProp = axis; - state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$); -} - -function effect(_ref2) { - var state = _ref2.state, - options = _ref2.options; - var _options$element = options.element, - arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element; - - if (arrowElement == null) { - return; - } // CSS selector - - - if (typeof arrowElement === 'string') { - arrowElement = state.elements.popper.querySelector(arrowElement); - - if (!arrowElement) { - return; - } - } - - if (!contains(state.elements.popper, arrowElement)) { - - return; - } - - state.elements.arrow = arrowElement; -} // eslint-disable-next-line import/no-unused-modules - - -var arrow$1 = { - name: 'arrow', - enabled: true, - phase: 'main', - fn: arrow, - effect: effect, - requires: ['popperOffsets'], - requiresIfExists: ['preventOverflow'] -}; - -const toInt = x => parseInt(x, 10); - -function usePopper({ - arrowPadding, - emit, - locked, - offsetDistance, - offsetSkid, - placement, - popperNode, - triggerNode -}) { - const state = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({ - isOpen: false, - popperInstance: null - }); // Enable or disable event listeners to optimize performance. - - const setPopperEventListeners = enabled => { - var _state$popperInstance; - - (_state$popperInstance = state.popperInstance) === null || _state$popperInstance === void 0 ? void 0 : _state$popperInstance.setOptions(options => ({ ...options, - modifiers: [...options.modifiers, { - name: "eventListeners", - enabled - }] - })); - }; - - const enablePopperEventListeners = () => setPopperEventListeners(true); - - const disablePopperEventListeners = () => setPopperEventListeners(false); - - const close = () => { - if (!state.isOpen) { - return; - } - - state.isOpen = false; - emit("close:popper"); - }; - - const open = () => { - if (state.isOpen) { - return; - } - - state.isOpen = true; - emit("open:popper"); - }; // When isOpen or placement change - - - (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)([() => state.isOpen, placement], async ([isOpen]) => { - if (isOpen) { - await initializePopper(); - enablePopperEventListeners(); - } else { - disablePopperEventListeners(); - } - }); - - const initializePopper = async () => { - await (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(); - state.popperInstance = createPopper(triggerNode.value, popperNode.value, { - placement: placement.value, - modifiers: [preventOverflow$1, flip$1, { - name: "flip", - enabled: !locked.value - }, arrow$1, { - name: "arrow", - options: { - padding: toInt(arrowPadding.value) - } - }, offset$1, { - name: "offset", - options: { - offset: [toInt(offsetSkid.value), toInt(offsetDistance.value)] - } - }] - }); // Update its position - - state.popperInstance.update(); - }; - - (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { - var _state$popperInstance2; - - (_state$popperInstance2 = state.popperInstance) === null || _state$popperInstance2 === void 0 ? void 0 : _state$popperInstance2.destroy(); - }); - return { ...(0,vue__WEBPACK_IMPORTED_MODULE_0__.toRefs)(state), - open, - close - }; -} - -const _hoisted_1$1 = { - id: "arrow", - "data-popper-arrow": "" -}; -function render(_ctx, _cache) { - return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_1$1); -} - -function styleInject(css, ref) { - if ( ref === void 0 ) ref = {}; - var insertAt = ref.insertAt; - - if (!css || typeof document === 'undefined') { return; } - - var head = document.head || document.getElementsByTagName('head')[0]; - var style = document.createElement('style'); - style.type = 'text/css'; - - if (insertAt === 'top') { - if (head.firstChild) { - head.insertBefore(style, head.firstChild); - } else { - head.appendChild(style); - } - } else { - head.appendChild(style); - } - - if (style.styleSheet) { - style.styleSheet.cssText = css; - } else { - style.appendChild(document.createTextNode(css)); - } -} - -var css_248z$1 = "\n#arrow[data-v-20b7fd4a],\n #arrow[data-v-20b7fd4a]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n#arrow[data-v-20b7fd4a] {\n visibility: hidden;\n}\n#arrow[data-v-20b7fd4a]::before {\n visibility: visible;\n content: \"\";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^=\"top\"] > #arrow[data-v-20b7fd4a] {\n bottom: -5px;\n}\n.popper[data-popper-placement^=\"top\"] > #arrow[data-v-20b7fd4a]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^=\"bottom\"] > #arrow[data-v-20b7fd4a] {\n top: -5px;\n}\n.popper[data-popper-placement^=\"bottom\"] > #arrow[data-v-20b7fd4a]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^=\"left\"] > #arrow[data-v-20b7fd4a] {\n right: -5px;\n}\n.popper[data-popper-placement^=\"left\"] > #arrow[data-v-20b7fd4a]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^=\"right\"] > #arrow[data-v-20b7fd4a] {\n left: -5px;\n}\n"; -styleInject(css_248z$1); - -const script$1 = {}; -script$1.render = render; -script$1.__scopeId = "data-v-20b7fd4a"; -var Arrow = script$1; - -const _hoisted_1 = ["onKeyup"]; -var script = { - props: { - /** - * Preferred placement (the "auto" placements will choose the side with most space.) - */ - placement: { - type: String, - default: "bottom", - validator: function (value) { - return ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"].includes(value); - } - }, - - /** - * Disables automatically closing the popover when the user clicks away from it - */ - disableClickAway: { - type: Boolean, - default: false - }, - - /** - * Offset in pixels along the trigger element - */ - offsetSkid: { - type: String, - default: "0" - }, - - /** - * Offset in pixels away from the trigger element - */ - offsetDistance: { - type: String, - default: "12" - }, - - /** - * Trigger the popper on hover - */ - hover: { - type: Boolean, - default: false - }, - - /** - * Manually open/close the Popper, other events are ignored if this prop is set - */ - show: { - type: Boolean, - default: null - }, - - /** - * Disables the Popper. If it was already open, it will be closed. - */ - disabled: { - type: Boolean, - default: false - }, - - /** - * Open the Popper after a delay (ms). - */ - openDelay: { - type: [Number, String], - default: 0 - }, - - /** - * Close the Popper after a delay (ms). - */ - closeDelay: { - type: [Number, String], - default: 0 - }, - - /** - * The z-index of the Popper. - */ - zIndex: { - type: [Number, String], - default: 9999 - }, - - /** - * Display an arrow on the popper - */ - arrow: { - type: Boolean, - default: false - }, - - /** - * Stop arrow from reaching the edge of the popper - */ - arrowPadding: { - type: String, - default: "0" - }, - - /** - * If the Popper should be interactive, it will close when clicked/hovered if false - */ - interactive: { - type: Boolean, - default: true - }, - - /** - * Lock the Popper into place, it will not flip dynamically when it runs out of space if true - */ - locked: { - type: Boolean, - default: false - }, - - /** - * If the content is just a simple string, it can be passed in as a prop - */ - content: { - type: String, - default: null - } - }, - emits: ["open:popper", "close:popper"], - - setup(__props, { - emit - }) { - const props = __props; - - (0,vue__WEBPACK_IMPORTED_MODULE_0__.useCssVars)(_ctx => ({ - "c81fc0a4": __props.zIndex - })); - - const slots = (0,vue__WEBPACK_IMPORTED_MODULE_0__.useSlots)(); - const popperContainerNode = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(null); - const popperNode = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(null); - const triggerNode = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(null); - const modifiedIsOpen = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(false); - (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { - const children = slots.default(); - - if (children && children.length > 1) { - return console.error(`[Popper]: The component expects only one child element at its root. You passed ${children.length} child nodes.`); - } - }); - const { - arrowPadding, - closeDelay, - content, - disableClickAway, - disabled, - interactive, - locked, - offsetDistance, - offsetSkid, - openDelay, - placement, - show - } = (0,vue__WEBPACK_IMPORTED_MODULE_0__.toRefs)(props); - const { - isOpen, - open, - close - } = usePopper({ - arrowPadding, - emit, - locked, - offsetDistance, - offsetSkid, - placement, - popperNode, - triggerNode - }); - const { - hasContent - } = useContent(slots, popperNode, content); - const manualMode = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => show.value !== null); - const invalid = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => disabled.value || !hasContent.value); - const shouldShowPopper = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => isOpen.value && !invalid.value); - const enableClickAway = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => !disableClickAway.value && !manualMode.value); // Add an invisible border to keep the Popper open when hovering from the trigger into it - - const interactiveStyle = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => interactive.value ? `border: ${offsetDistance.value}px solid transparent; margin: -${offsetDistance.value}px;` : null); - const openPopperDebounce = debounce_1.debounce(open, openDelay.value); - const closePopperDebounce = debounce_1.debounce(close, closeDelay.value); - - const openPopper = async () => { - if (invalid.value || manualMode.value) { - return; - } - - closePopperDebounce.clear(); - openPopperDebounce(); - }; - - const closePopper = async () => { - if (manualMode.value) { - return; - } - - openPopperDebounce.clear(); - closePopperDebounce(); - }; - - const togglePopper = () => { - isOpen.value ? closePopper() : openPopper(); - }; - /** - * If Popper is open, we automatically close it if it becomes - * disabled or without content. - */ - - - (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)([hasContent, disabled], ([hasContent, disabled]) => { - if (isOpen.value && (!hasContent || disabled)) { - close(); - } - }); - /** - * In order to eliminate flickering or visibly empty Poppers due to - * the transition when using the isOpen slot property, we need to return a - * separate debounced value based on isOpen. - */ - - (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(isOpen, isOpen => { - if (isOpen) { - modifiedIsOpen.value = true; - } else { - debounce_1.debounce(() => { - modifiedIsOpen.value = false; - }, 200); - } - }); - /** - * Watch for manual mode. - */ - - (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { - if (manualMode.value) { - show.value ? openPopperDebounce() : closePopperDebounce(); - } - }); - /** - * Use click away if it should be enabled. - */ - - (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { - if (enableClickAway.value) { - useClickAway(popperContainerNode, closePopper); - } - }); - return (_ctx, _cache) => { - return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", { - class: "inline-block", - style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)((0,vue__WEBPACK_IMPORTED_MODULE_0__.unref)(interactiveStyle)), - onMouseleave: _cache[2] || (_cache[2] = $event => __props.hover && closePopper()), - ref: (_value, _refs) => { - _refs['popperContainerNode'] = _value; - popperContainerNode.value = _value; - } - }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", { - ref: (_value, _refs) => { - _refs['triggerNode'] = _value; - triggerNode.value = _value; - }, - onMouseover: _cache[0] || (_cache[0] = $event => __props.hover && openPopper()), - onClick: togglePopper, - onFocus: openPopper, - onKeyup: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withKeys)(closePopper, ["esc"]) - }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, "default")], 40, _hoisted_1), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_0__.Transition, { - name: "fade" - }, { - default: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", { - onClick: _cache[1] || (_cache[1] = $event => !(0,vue__WEBPACK_IMPORTED_MODULE_0__.unref)(interactive) && closePopper()), - class: "popper", - ref: (_value, _refs) => { - _refs['popperNode'] = _value; - popperNode.value = _value; - } - }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, "content", { - close: (0,vue__WEBPACK_IMPORTED_MODULE_0__.unref)(close), - isOpen: modifiedIsOpen.value - }, () => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)((0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)((0,vue__WEBPACK_IMPORTED_MODULE_0__.unref)(content)), 1)]), __props.arrow ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(Arrow, { - key: 0 - })) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("", true)], 512), [[vue__WEBPACK_IMPORTED_MODULE_0__.vShow, (0,vue__WEBPACK_IMPORTED_MODULE_0__.unref)(shouldShowPopper)]])]), - _: 3 - })], 36); - }; - } - -}; - -var css_248z = "\n.inline-block[data-v-5784ed69] {\n display: inline-block;\n}\n.popper[data-v-5784ed69] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--c81fc0a4);\n}\n.popper[data-v-5784ed69]:hover,\n .popper:hover > #arrow[data-v-5784ed69]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.inline-block[data-v-5784ed69] {\n display: inline-block;\n}\n.fade-enter-active[data-v-5784ed69],\n .fade-leave-active[data-v-5784ed69] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-5784ed69],\n .fade-leave-to[data-v-5784ed69] {\n opacity: 0;\n}\n"; -styleInject(css_248z); - -script.__scopeId = "data-v-5784ed69"; - -// IIFE injects install function into component, allowing component -// to be registered via Vue.use() as well as Vue.component(), - -var entry_esm = /*#__PURE__*/(() => { - // Get component instance - const installable = script; // Attach install function executed by Vue.use() - - installable.install = app => { - app.component("Popper", installable); - }; - - return installable; -})(); // It's possible to expose named exports when writing components that can -// also be used as directives, etc. - eg. import { RollupDemoDirective } from 'rollup-demo'; -// export const RollupDemoDirective = directive; - - - - -/***/ }), - -/***/ "vue": -/*!**********************!*\ - !*** external "Vue" ***! - \**********************/ -/***/ ((module) => { - -module.exports = Vue; - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = __webpack_modules__; -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/chunk loaded */ -/******/ (() => { -/******/ var deferred = []; -/******/ __webpack_require__.O = (result, chunkIds, fn, priority) => { -/******/ if(chunkIds) { -/******/ priority = priority || 0; -/******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1]; -/******/ deferred[i] = [chunkIds, fn, priority]; -/******/ return; -/******/ } -/******/ var notFulfilled = Infinity; -/******/ for (var i = 0; i < deferred.length; i++) { -/******/ var [chunkIds, fn, priority] = deferred[i]; -/******/ var fulfilled = true; -/******/ for (var j = 0; j < chunkIds.length; j++) { -/******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) { -/******/ chunkIds.splice(j--, 1); -/******/ } else { -/******/ fulfilled = false; -/******/ if(priority < notFulfilled) notFulfilled = priority; -/******/ } -/******/ } -/******/ if(fulfilled) { -/******/ deferred.splice(i--, 1) -/******/ var r = fn(); -/******/ if (r !== undefined) result = r; -/******/ } -/******/ } -/******/ return result; -/******/ }; -/******/ })(); -/******/ -/******/ /* webpack/runtime/compat get default export */ -/******/ (() => { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = (module) => { -/******/ var getter = module && module.__esModule ? -/******/ () => (module['default']) : -/******/ () => (module); -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ })(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ (() => { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = (exports, definition) => { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ })(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ (() => { -/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) -/******/ })(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ (() => { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = (exports) => { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ })(); -/******/ -/******/ /* webpack/runtime/jsonp chunk loading */ -/******/ (() => { -/******/ // no baseURI -/******/ -/******/ // object to store loaded and loading chunks -/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched -/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded -/******/ var installedChunks = { -/******/ "/js/field": 0, -/******/ "css/field": 0 -/******/ }; -/******/ -/******/ // no chunk on demand loading -/******/ -/******/ // no prefetching -/******/ -/******/ // no preloaded -/******/ -/******/ // no HMR -/******/ -/******/ // no HMR manifest -/******/ -/******/ __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0); -/******/ -/******/ // install a JSONP callback for chunk loading -/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => { -/******/ var [chunkIds, moreModules, runtime] = data; -/******/ // add "moreModules" to the modules object, -/******/ // then flag all "chunkIds" as loaded and fire callback -/******/ var moduleId, chunkId, i = 0; -/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) { -/******/ for(moduleId in moreModules) { -/******/ if(__webpack_require__.o(moreModules, moduleId)) { -/******/ __webpack_require__.m[moduleId] = moreModules[moduleId]; -/******/ } -/******/ } -/******/ if(runtime) var result = runtime(__webpack_require__); -/******/ } -/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data); -/******/ for(;i < chunkIds.length; i++) { -/******/ chunkId = chunkIds[i]; -/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) { -/******/ installedChunks[chunkId][0](); -/******/ } -/******/ installedChunks[chunkId] = 0; -/******/ } -/******/ return __webpack_require__.O(result); -/******/ } -/******/ -/******/ var chunkLoadingGlobal = self["webpackChunkwesselperik_nova_status_field"] = self["webpackChunkwesselperik_nova_status_field"] || []; -/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0)); -/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal)); -/******/ })(); -/******/ -/************************************************************************/ -/******/ -/******/ // startup -/******/ // Load entry module and return exports -/******/ // This entry module depends on other loaded chunks and execution need to be delayed -/******/ __webpack_require__.O(undefined, ["css/field"], () => (__webpack_require__("./resources/js/field.js"))) -/******/ var __webpack_exports__ = __webpack_require__.O(undefined, ["css/field"], () => (__webpack_require__("./resources/sass/field.scss"))) -/******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__); -/******/ -/******/ })() -; \ No newline at end of file +(()=>{"use strict";var e,t={779:(e,t,o)=>{const n=Vue;var r={key:0},i={class:"text-90 ml-2"};const a={props:["resourceName","field"],methods:{getValue:function(){var e=this;return this.field.values?Object.keys(this.field.values).filter((function(t){return e.field.values[t]}))[0]:this.field.value},getTooltip:function(){if(this.field.tooltip)return"string"==typeof this.field.tooltip?this.field.tooltip:this.field.tooltip[this.getValue()]},getInfo:function(){if(this.field.info){var e=this.field.info_on_index_maxlength,t="string"==typeof this.field.info?this.field.info:this.field.info[this.getValue()];return t.length<=e?t:t.substring(0,e)+"..."}},getColor:function(){if(this.field.color)return"string"==typeof this.field.color?"text-"+this.field.color:"text-"+this.field.color[this.getValue()]}}};var l=o(744);const s=(0,l.Z)(a,[["render",function(e,t,o,a,l,s){var p=this,c=(0,n.resolveComponent)("Icon"),f=(0,n.resolveComponent)("popper");return o.field.info&&o.field.info_on_index?((0,n.openBlock)(),(0,n.createElementBlock)("div",r,[o.field.display_tooltip?((0,n.openBlock)(),(0,n.createBlock)(f,{key:0,hover:"",placement:"right",content:s.getTooltip()},{default:(0,n.withCtx)((function(){return[(0,n.createVNode)(c,{solid:p.field.solid_icon,type:s.getValue(),class:(0,n.normalizeClass)(s.getColor())},null,8,["solid","type","class"])]})),_:1},8,["content"])):((0,n.openBlock)(),(0,n.createBlock)(c,{key:1,solid:this.field.solid_icon,type:s.getValue(),class:(0,n.normalizeClass)(s.getColor())},null,8,["solid","type","class"])),(0,n.createElementVNode)("span",i,(0,n.toDisplayString)(s.getInfo()),1)])):((0,n.openBlock)(),(0,n.createBlock)(f,{key:1,hover:"",placement:"right",content:s.getTooltip()},{default:(0,n.withCtx)((function(){return[(0,n.createVNode)(c,{solid:p.field.solid_icon,type:s.getValue(),class:(0,n.normalizeClass)(s.getColor())},null,8,["solid","type","class"])]})),_:1},8,["content"]))}]]);var p={key:0,class:"field"},c={key:1,class:"field"},f={class:"text-90 ml-2"};const d={props:["resource","resourceName","resourceId","field"],methods:{getValue:function(){var e=this;return this.field.values?Object.keys(this.field.values).filter((function(t){return e.field.values[t]}))[0]:this.field.value},getTooltip:function(){if(this.field.tooltip)return"string"==typeof this.field.tooltip?this.field.tooltip:this.field.tooltip[this.getValue()]},getInfo:function(){if(this.field.info)return"string"==typeof this.field.info?this.field.info:this.field.info[this.getValue()]},getColor:function(){if(this.field.color)return"string"==typeof this.field.color?"text-"+this.field.color:"text-"+this.field.color[this.getValue()]}}},u=(0,l.Z)(d,[["render",function(e,t,o,r,i,a){var l=this,s=(0,n.resolveComponent)("Icon"),d=(0,n.resolveComponent)("popper"),u=(0,n.resolveComponent)("PanelItem");return(0,n.openBlock)(),(0,n.createBlock)(u,{index:e.index,field:o.field},{value:(0,n.withCtx)((function(){return[o.field.info?((0,n.openBlock)(),(0,n.createElementBlock)("div",c,[o.field.display_tooltip?((0,n.openBlock)(),(0,n.createBlock)(d,{key:0,hover:"",placement:"right",content:a.getTooltip()},{default:(0,n.withCtx)((function(){return[(0,n.createVNode)(s,{solid:l.field.solid_icon,type:a.getValue(),class:(0,n.normalizeClass)(a.getColor())},null,8,["solid","type","class"])]})),_:1},8,["content"])):((0,n.openBlock)(),(0,n.createBlock)(s,{key:1,solid:l.field.solid_icon,type:a.getValue(),class:(0,n.normalizeClass)(a.getColor())},null,8,["solid","type","class"])),(0,n.createElementVNode)("p",f,(0,n.toDisplayString)(a.getInfo()),1)])):((0,n.openBlock)(),(0,n.createElementBlock)("div",p,[(0,n.createVNode)(d,{hover:"",placement:"right",content:a.getTooltip()},{default:(0,n.withCtx)((function(){return[(0,n.createVNode)(s,{solid:l.field.solid_icon,type:a.getValue(),class:(0,n.normalizeClass)(a.getColor())},null,8,["solid","type","class"])]})),_:1},8,["content"])]))]})),_:1},8,["index","field"])}]]);function v(e,t,o){var n,r,i,a,l;function s(){var p=Date.now()-a;p=0?n=setTimeout(s,t-p):(n=null,o||(l=e.apply(i,r),i=r=null))}null==t&&(t=100);var p=function(){i=this,r=arguments,a=Date.now();var p=o&&!n;return n||(n=setTimeout(s,t)),p&&(l=e.apply(i,r),i=r=null),l};return p.clear=function(){n&&(clearTimeout(n),n=null)},p.flush=function(){n&&(l=e.apply(i,r),i=r=null,clearTimeout(n),n=null)},p}v.debounce=v;var h=v;function m(e,t){if("undefined"==typeof window||!window)return;return function(e,t,o){(0,n.isRef)(e)?(0,n.watch)(e,((e,n)=>{null==n||n.removeEventListener(t,o),null==e||e.addEventListener(t,o)})):(0,n.onMounted)((()=>{e.addEventListener(t,o)})),(0,n.onBeforeUnmount)((()=>{var r;null===(r=(0,n.unref)(e))||void 0===r||r.removeEventListener(t,o)}))}(window,"pointerdown",(o=>{const r=(0,n.unref)(e);r&&(r===o.target||o.composedPath().includes(r)||t(o))}))}function g(e,t){var o=e.getBoundingClientRect();return{width:o.width/1,height:o.height/1,top:o.top/1,right:o.right/1,bottom:o.bottom/1,left:o.left/1,x:o.left/1,y:o.top/1}}function b(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function y(e){var t=b(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function w(e){return e instanceof b(e).Element||e instanceof Element}function x(e){return e instanceof b(e).HTMLElement||e instanceof HTMLElement}function O(e){return"undefined"!=typeof ShadowRoot&&(e instanceof b(e).ShadowRoot||e instanceof ShadowRoot)}function k(e){return e?(e.nodeName||"").toLowerCase():null}function B(e){return((w(e)?e.ownerDocument:e.document)||window.document).documentElement}function C(e){return g(B(e)).left+y(e).scrollLeft}function E(e){return b(e).getComputedStyle(e)}function D(e){var t=E(e),o=t.overflow,n=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(o+r+n)}function j(e,t,o){void 0===o&&(o=!1);var n=x(t);x(t)&&function(e){var t=e.getBoundingClientRect(),o=t.width/e.offsetWidth||1,n=t.height/e.offsetHeight||1}(t);var r,i,a=B(t),l=g(e),s={scrollLeft:0,scrollTop:0},p={x:0,y:0};return(n||!n&&!o)&&(("body"!==k(t)||D(a))&&(s=(r=t)!==b(r)&&x(r)?{scrollLeft:(i=r).scrollLeft,scrollTop:i.scrollTop}:y(r)),x(t)?((p=g(t)).x+=t.clientLeft,p.y+=t.clientTop):a&&(p.x=C(a))),{x:l.left+s.scrollLeft-p.x,y:l.top+s.scrollTop-p.y,width:l.width,height:l.height}}function N(e){var t=g(e),o=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-o)<=1&&(o=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:o,height:n}}function S(e){return"html"===k(e)?e:e.assignedSlot||e.parentNode||(O(e)?e.host:null)||B(e)}function V(e){return["html","body","#document"].indexOf(k(e))>=0?e.ownerDocument.body:x(e)&&D(e)?e:V(S(e))}function _(e,t){var o;void 0===t&&(t=[]);var n=V(e),r=n===(null==(o=e.ownerDocument)?void 0:o.body),i=b(n),a=r?[i].concat(i.visualViewport||[],D(n)?n:[]):n,l=t.concat(a);return r?l:l.concat(_(S(a)))}function T(e){return["table","td","th"].indexOf(k(e))>=0}function L(e){return x(e)&&"fixed"!==E(e).position?e.offsetParent:null}function P(e){for(var t=b(e),o=L(e);o&&T(o)&&"static"===E(o).position;)o=L(o);return o&&("html"===k(o)||"body"===k(o)&&"static"===E(o).position)?t:o||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&x(e)&&"fixed"===E(e).position)return null;for(var o=S(e);x(o)&&["html","body"].indexOf(k(o))<0;){var n=E(o);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return o;o=o.parentNode}return null}(e)||t}var M="top",I="bottom",A="right",R="left",W="auto",z=[M,I,A,R],H="start",q="end",U="viewport",$="popper",F=z.reduce((function(e,t){return e.concat([t+"-"+H,t+"-"+q])}),[]),K=[].concat(z,[W]).reduce((function(e,t){return e.concat([t,t+"-"+H,t+"-"+q])}),[]),Y=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Z(e){var t=new Map,o=new Set,n=[];function r(e){o.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!o.has(e)){var n=t.get(e);n&&r(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){o.has(e.name)||r(e)})),n}function X(e){return e.split("-")[0]}var G=Math.max,J=Math.min,Q=Math.round;function ee(e,t){var o=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(o&&O(o)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function te(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function oe(e,t){return t===U?te(function(e){var t=b(e),o=B(e),n=t.visualViewport,r=o.clientWidth,i=o.clientHeight,a=0,l=0;return n&&(r=n.width,i=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=n.offsetLeft,l=n.offsetTop)),{width:r,height:i,x:a+C(e),y:l}}(e)):x(t)?function(e){var t=g(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):te(function(e){var t,o=B(e),n=y(e),r=null==(t=e.ownerDocument)?void 0:t.body,i=G(o.scrollWidth,o.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=G(o.scrollHeight,o.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),l=-n.scrollLeft+C(e),s=-n.scrollTop;return"rtl"===E(r||o).direction&&(l+=G(o.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:l,y:s}}(B(e)))}function ne(e,t,o){var n="clippingParents"===t?function(e){var t=_(S(e)),o=["absolute","fixed"].indexOf(E(e).position)>=0&&x(e)?P(e):e;return w(o)?t.filter((function(e){return w(e)&&ee(e,o)&&"body"!==k(e)})):[]}(e):[].concat(t),r=[].concat(n,[o]),i=r[0],a=r.reduce((function(t,o){var n=oe(e,o);return t.top=G(n.top,t.top),t.right=J(n.right,t.right),t.bottom=J(n.bottom,t.bottom),t.left=G(n.left,t.left),t}),oe(e,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function re(e){return e.split("-")[1]}function ie(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function ae(e){var t,o=e.reference,n=e.element,r=e.placement,i=r?X(r):null,a=r?re(r):null,l=o.x+o.width/2-n.width/2,s=o.y+o.height/2-n.height/2;switch(i){case M:t={x:l,y:o.y-n.height};break;case I:t={x:l,y:o.y+o.height};break;case A:t={x:o.x+o.width,y:s};break;case R:t={x:o.x-n.width,y:s};break;default:t={x:o.x,y:o.y}}var p=i?ie(i):null;if(null!=p){var c="y"===p?"height":"width";switch(a){case H:t[p]=t[p]-(o[c]/2-n[c]/2);break;case q:t[p]=t[p]+(o[c]/2-n[c]/2)}}return t}function le(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function se(e,t){return t.reduce((function(t,o){return t[o]=e,t}),{})}function pe(e,t){void 0===t&&(t={});var o=t,n=o.placement,r=void 0===n?e.placement:n,i=o.boundary,a=void 0===i?"clippingParents":i,l=o.rootBoundary,s=void 0===l?U:l,p=o.elementContext,c=void 0===p?$:p,f=o.altBoundary,d=void 0!==f&&f,u=o.padding,v=void 0===u?0:u,h=le("number"!=typeof v?v:se(v,z)),m=c===$?"reference":$,b=e.rects.popper,y=e.elements[d?m:c],x=ne(w(y)?y:y.contextElement||B(e.elements.popper),a,s),O=g(e.elements.reference),k=ae({reference:O,element:b,strategy:"absolute",placement:r}),C=te(Object.assign({},b,k)),E=c===$?C:O,D={top:x.top-E.top+h.top,bottom:E.bottom-x.bottom+h.bottom,left:x.left-E.left+h.left,right:E.right-x.right+h.right},j=e.modifiersData.offset;if(c===$&&j){var N=j[r];Object.keys(D).forEach((function(e){var t=[A,I].indexOf(e)>=0?1:-1,o=[M,I].indexOf(e)>=0?"y":"x";D[e]+=N[o]*t}))}return D}var ce={placement:"bottom",modifiers:[],strategy:"absolute"};function fe(){for(var e=arguments.length,t=new Array(e),o=0;o=0}));0===d.length&&(d=f);var u=d.reduce((function(t,o){return t[o]=pe(e,{placement:o,boundary:r,rootBoundary:i,padding:a})[X(o)],t}),{});return Object.keys(u).sort((function(e,t){return u[e]-u[t]}))}var Be={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,o=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var r=o.mainAxis,i=void 0===r||r,a=o.altAxis,l=void 0===a||a,s=o.fallbackPlacements,p=o.padding,c=o.boundary,f=o.rootBoundary,d=o.altBoundary,u=o.flipVariations,v=void 0===u||u,h=o.allowedAutoPlacements,m=t.options.placement,g=X(m),b=s||(g===m||!v?[we(m)]:function(e){if(X(e)===W)return[];var t=we(e);return[Oe(e),t,Oe(t)]}(m)),y=[m].concat(b).reduce((function(e,o){return e.concat(X(o)===W?ke(t,{placement:o,boundary:c,rootBoundary:f,padding:p,flipVariations:v,allowedAutoPlacements:h}):o)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,B=y[0],C=0;C=0,S=N?"width":"height",V=pe(t,{placement:E,boundary:c,rootBoundary:f,altBoundary:d,padding:p}),_=N?j?A:R:j?I:M;w[S]>x[S]&&(_=we(_));var T=we(_),L=[];if(i&&L.push(V[D]<=0),l&&L.push(V[_]<=0,V[T]<=0),L.every((function(e){return e}))){B=E,k=!1;break}O.set(E,L)}if(k)for(var P=function(e){var t=y.find((function(t){var o=O.get(t);if(o)return o.slice(0,e).every((function(e){return e}))}));if(t)return B=t,"break"},z=v?3:1;z>0;z--){if("break"===P(z))break}t.placement!==B&&(t.modifiersData[n]._skip=!0,t.placement=B,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var Ce={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,o=e.options,n=e.name,r=o.offset,i=void 0===r?[0,0]:r,a=K.reduce((function(e,o){return e[o]=function(e,t,o){var n=X(e),r=[R,M].indexOf(n)>=0?-1:1,i="function"==typeof o?o(Object.assign({},t,{placement:e})):o,a=i[0],l=i[1];return a=a||0,l=(l||0)*r,[R,A].indexOf(n)>=0?{x:l,y:a}:{x:a,y:l}}(o,t.rects,i),e}),{}),l=a[t.placement],s=l.x,p=l.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=s,t.modifiersData.popperOffsets.y+=p),t.modifiersData[n]=a}};var Ee={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,o=e.state,n=e.name,r=e.options,i=o.elements.arrow,a=o.modifiersData.popperOffsets,l=X(o.placement),s=ie(l),p=[R,A].indexOf(l)>=0?"height":"width";if(i&&a){var c=function(e,t){return le("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:se(e,z))}(r.padding,o),f=N(i),d="y"===s?M:R,u="y"===s?I:A,v=o.rects.reference[p]+o.rects.reference[s]-a[s]-o.rects.popper[p],h=a[s]-o.rects.reference[s],m=P(i),g=m?"y"===s?m.clientHeight||0:m.clientWidth||0:0,b=v/2-h/2,y=c[d],w=g-f[p]-c[u],x=g/2-f[p]/2+b,O=ge(y,x,w),k=s;o.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,o=e.options.element,n=void 0===o?"[data-popper-arrow]":o;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&ee(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};const De=e=>parseInt(e,10);function je({arrowPadding:e,emit:t,locked:o,offsetDistance:r,offsetSkid:i,placement:a,popperNode:l,triggerNode:s}){const p=(0,n.reactive)({isOpen:!1,popperInstance:null}),c=e=>{var t;null===(t=p.popperInstance)||void 0===t||t.setOptions((t=>({...t,modifiers:[...t.modifiers,{name:"eventListeners",enabled:e}]})))};(0,n.watch)([()=>p.isOpen,a],(async([e])=>{e?(await f(),c(!0)):c(!1)}));const f=async()=>{await(0,n.nextTick)(),p.popperInstance=me(s.value,l.value,{placement:a.value,modifiers:[be,Be,{name:"flip",enabled:!o.value},Ee,{name:"arrow",options:{padding:De(e.value)}},Ce,{name:"offset",options:{offset:[De(i.value),De(r.value)]}}]}),p.popperInstance.update()};return(0,n.onBeforeUnmount)((()=>{var e;null===(e=p.popperInstance)||void 0===e||e.destroy()})),{...(0,n.toRefs)(p),open:()=>{p.isOpen||(p.isOpen=!0,t("open:popper"))},close:()=>{p.isOpen&&(p.isOpen=!1,t("close:popper"))}}}const Ne={id:"arrow","data-popper-arrow":""};function Se(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}Se('\n#arrow[data-v-20b7fd4a],\n #arrow[data-v-20b7fd4a]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n#arrow[data-v-20b7fd4a] {\n visibility: hidden;\n}\n#arrow[data-v-20b7fd4a]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > #arrow[data-v-20b7fd4a] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > #arrow[data-v-20b7fd4a]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > #arrow[data-v-20b7fd4a] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > #arrow[data-v-20b7fd4a]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > #arrow[data-v-20b7fd4a] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > #arrow[data-v-20b7fd4a]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > #arrow[data-v-20b7fd4a] {\n left: -5px;\n}\n');const Ve={render:function(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)("div",Ne)},__scopeId:"data-v-20b7fd4a"};var _e=Ve;const Te=["onKeyup"];var Le={props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},offsetSkid:{type:String,default:"0"},offsetDistance:{type:String,default:"12"},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},zIndex:{type:[Number,String],default:9999},arrow:{type:Boolean,default:!1},arrowPadding:{type:String,default:"0"},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null}},emits:["open:popper","close:popper"],setup(e,{emit:t}){const o=e;(0,n.useCssVars)((t=>({c81fc0a4:e.zIndex})));const r=(0,n.useSlots)(),i=(0,n.ref)(null),a=(0,n.ref)(null),l=(0,n.ref)(null),s=(0,n.ref)(!1);(0,n.onMounted)((()=>{const e=r.default();if(e&&e.length>1)return console.error(`[Popper]: The component expects only one child element at its root. You passed ${e.length} child nodes.`)}));const{arrowPadding:p,closeDelay:c,content:f,disableClickAway:d,disabled:u,interactive:v,locked:g,offsetDistance:b,offsetSkid:y,openDelay:w,placement:x,show:O}=(0,n.toRefs)(o),{isOpen:k,open:B,close:C}=je({arrowPadding:p,emit:t,locked:g,offsetDistance:b,offsetSkid:y,placement:x,popperNode:a,triggerNode:l}),{hasContent:E}=function(e,t,o){let r=null;const i=(0,n.ref)(!1);(0,n.onMounted)((()=>{(void 0!==e.content||o.value)&&(i.value=!0),r=new MutationObserver(a),r.observe(t.value,{childList:!0,subtree:!0})})),(0,n.onBeforeUnmount)((()=>r.disconnect())),(0,n.watch)(o,(e=>{i.value=!!e}));const a=()=>{e.content?i.value=!0:i.value=!1};return{hasContent:i}}(r,a,f),D=(0,n.computed)((()=>null!==O.value)),j=(0,n.computed)((()=>u.value||!E.value)),N=(0,n.computed)((()=>k.value&&!j.value)),S=(0,n.computed)((()=>!d.value&&!D.value)),V=(0,n.computed)((()=>v.value?`border: ${b.value}px solid transparent; margin: -${b.value}px;`:null)),_=h.debounce(B,w.value),T=h.debounce(C,c.value),L=async()=>{j.value||D.value||(T.clear(),_())},P=async()=>{D.value||(_.clear(),T())},M=()=>{k.value?P():L()};return(0,n.watch)([E,u],(([e,t])=>{!k.value||e&&!t||C()})),(0,n.watch)(k,(e=>{e?s.value=!0:h.debounce((()=>{s.value=!1}),200)})),(0,n.watchEffect)((()=>{D.value&&(O.value?_():T())})),(0,n.watchEffect)((()=>{S.value&&m(i,P)})),(t,o)=>((0,n.openBlock)(),(0,n.createElementBlock)("div",{class:"inline-block",style:(0,n.normalizeStyle)((0,n.unref)(V)),onMouseleave:o[2]||(o[2]=t=>e.hover&&P()),ref:(e,t)=>{t.popperContainerNode=e,i.value=e}},[(0,n.createElementVNode)("div",{ref:(e,t)=>{t.triggerNode=e,l.value=e},onMouseover:o[0]||(o[0]=t=>e.hover&&L()),onClick:M,onFocus:L,onKeyup:(0,n.withKeys)(P,["esc"])},[(0,n.renderSlot)(t.$slots,"default")],40,Te),(0,n.createVNode)(n.Transition,{name:"fade"},{default:(0,n.withCtx)((()=>[(0,n.withDirectives)((0,n.createElementVNode)("div",{onClick:o[1]||(o[1]=e=>!(0,n.unref)(v)&&P()),class:"popper",ref:(e,t)=>{t.popperNode=e,a.value=e}},[(0,n.renderSlot)(t.$slots,"content",{close:(0,n.unref)(C),isOpen:s.value},(()=>[(0,n.createTextVNode)((0,n.toDisplayString)((0,n.unref)(f)),1)])),e.arrow?((0,n.openBlock)(),(0,n.createBlock)(_e,{key:0})):(0,n.createCommentVNode)("",!0)],512),[[n.vShow,(0,n.unref)(N)]])])),_:3})],36))}};Se("\n.inline-block[data-v-5784ed69] {\n display: inline-block;\n}\n.popper[data-v-5784ed69] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--c81fc0a4);\n}\n.popper[data-v-5784ed69]:hover,\n .popper:hover > #arrow[data-v-5784ed69]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.inline-block[data-v-5784ed69] {\n display: inline-block;\n}\n.fade-enter-active[data-v-5784ed69],\n .fade-leave-active[data-v-5784ed69] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-5784ed69],\n .fade-leave-to[data-v-5784ed69] {\n opacity: 0;\n}\n"),Le.__scopeId="data-v-5784ed69";var Pe=(()=>{const e=Le;return e.install=t=>{t.component("Popper",e)},e})();Nova.booting((function(e,t){e.component("index-nova-status-field",s),e.component("detail-nova-status-field",u),e.component("popper",Pe)}))},129:()=>{},744:(e,t)=>{t.Z=(e,t)=>{const o=e.__vccOpts||e;for(const[e,n]of t)o[e]=n;return o}}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var i=o[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.m=t,e=[],n.O=(t,o,r,i)=>{if(!o){var a=1/0;for(c=0;c=i)&&Object.keys(n.O).every((e=>n.O[e](o[s])))?o.splice(s--,1):(l=!1,i0&&e[c-1][2]>i;c--)e[c]=e[c-1];e[c]=[o,r,i]},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={175:0,546:0};n.O.j=t=>0===e[t];var t=(t,o)=>{var r,i,[a,l,s]=o,p=0;if(a.some((t=>0!==e[t]))){for(r in l)n.o(l,r)&&(n.m[r]=l[r]);if(s)var c=s(n)}for(t&&t(o);pn(779)));var r=n.O(void 0,[546],(()=>n(129)));r=n.O(r)})(); \ No newline at end of file diff --git a/resources/js/components/IndexField.vue b/resources/js/components/IndexField.vue index 07e8093..04d4907 100644 --- a/resources/js/components/IndexField.vue +++ b/resources/js/components/IndexField.vue @@ -1,12 +1,19 @@ \ No newline at end of file + diff --git a/src/StatusField.php b/src/StatusField.php index af25a4d..e34c49e 100644 --- a/src/StatusField.php +++ b/src/StatusField.php @@ -83,6 +83,17 @@ public function solid(bool $solid = false) return $this->withMeta(['solid_icon' => $solid]); } + /** + * Force display on index view + * + * @param bool $solid + * @return $this + */ + public function displayInfoOnIndex($maxlength = 50) + { + return $this->withMeta(['info_on_index' => true, 'info_on_index_maxlength' => $maxlength ]); + } + /** * Define the icon values to use for each status. *