@bethinkpl/design-system 22.0.0 → 22.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/design-system.umd.js +114 -101
- package/dist/design-system.umd.js.map +1 -1
- package/dist/lib/js/components/Drawer/DrawerContent/DrawerContent.vue.d.ts +3 -4
- package/dist/lib/js/components/Drawer/DrawerDivider/DrawerDivider.vue.d.ts +3 -20
- package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +3 -230
- package/dist/lib/js/components/PopOver/PopOver.consts.d.ts +1 -0
- package/dist/lib/js/components/SelectList/SelectListItemDivider/SelectListItemDivider.vue.d.ts +3 -8
- package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +3 -62
- package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +3 -58
- package/dist/lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.vue.d.ts +3 -14
- package/dist/lib/js/components/Switch/Switch.vue.d.ts +2 -1
- package/docs/iframe.html +1 -1
- package/docs/main.6d41ae2b.iframe.bundle.js +1 -0
- package/docs/project.json +1 -1
- package/lib/js/components/PopOver/PopOver.consts.ts +1 -0
- package/lib/js/components/PopOver/PopOver.vue +45 -40
- package/lib/js/components/Switch/Switch.vue +15 -6
- package/package.json +1 -1
- package/docs/main.f922fbbf.iframe.bundle.js +0 -1
|
@@ -33668,7 +33668,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.ds-pagination[data-v-016728e7]{align-
|
|
|
33668
33668
|
|
|
33669
33669
|
/***/ }),
|
|
33670
33670
|
|
|
33671
|
-
/***/
|
|
33671
|
+
/***/ 82573:
|
|
33672
33672
|
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
33673
33673
|
|
|
33674
33674
|
"use strict";
|
|
@@ -33685,7 +33685,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
33685
33685
|
|
|
33686
33686
|
var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
33687
33687
|
// Module
|
|
33688
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.ds-popOver[data-v-
|
|
33688
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.ds-popOver[data-v-a0f75420]{background-color:var(--color-default-background);border:none;border-radius:6px;box-shadow:0 4px 8px var(--color-default-shadow-weak),0 10px 20px var(--color-default-shadow-strong),0 0 4px var(--color-default-shadow);display:flex;flex-direction:column;padding:0}.ds-popOver.-ds-color-neutral[data-v-a0f75420] .popper__arrow{border-color:var(--color-neutral-background) transparent!important}.ds-popOver.-ds-color-neutral[data-v-a0f75420]{background-color:var(--color-neutral-background)}.ds-popOver__contentSlot[data-v-a0f75420]{word-break:break-word}.ds-popOver__contentSlot.-ds-maxHeight[data-v-a0f75420]{overflow:hidden scroll}.ds-popOver.-ds-small[data-v-a0f75420]{width:320px}.ds-popOver.-ds-small .ds-popOver__contentSlot.-ds-maxHeight[data-v-a0f75420]{max-height:160px}.ds-popOver.-ds-medium[data-v-a0f75420]{width:min(90vw,460px)}.ds-popOver.-ds-medium .ds-popOver__contentSlot.-ds-maxHeight[data-v-a0f75420]{max-height:250px}.ds-popOver[x-placement^=bottom][data-v-a0f75420]{margin-top:16px}.ds-popOver[x-placement^=bottom][data-v-a0f75420] .popper__arrow{border-color:transparent transparent var(--color-inverted-border) transparent;border-width:0 12px 16px 12px;left:calc(50% - 12px);margin-bottom:0;margin-top:0;top:-16px}.ds-popOver[x-placement^=top][data-v-a0f75420]{margin-bottom:16px}.ds-popOver[x-placement^=top][data-v-a0f75420] .popper__arrow{border-color:var(--color-inverted-border) transparent transparent transparent;border-width:16px 12px 0 12px;bottom:-16px;left:calc(50% - 12px);margin-bottom:0;margin-top:0}.ds-popOver[x-placement^=right][data-v-a0f75420]{margin-left:16px}.ds-popOver[x-placement^=right][data-v-a0f75420] .popper__arrow{border-color:transparent var(--color-inverted-border) transparent transparent;border-width:12px 16px 12px 0;left:-16px;margin-left:0;margin-right:0;top:calc(50% - 12px)}.ds-popOver[x-placement^=left][data-v-a0f75420]{margin-right:16px}.ds-popOver[x-placement^=left][data-v-a0f75420] .popper__arrow{border-color:transparent transparent transparent var(--color-inverted-border);border-width:12px 0 12px 16px;margin-left:0;margin-right:0;right:-16px;top:calc(50% - 12px)}.ds-popOver__image[data-v-a0f75420]{border-top-left-radius:6px;border-top-right-radius:6px;max-width:100%}.ds-popOver__content[data-v-a0f75420]{--token:text-m-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-m);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-xs);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text-heavy);padding:16px;text-align:left}.ds-popOver__title[data-v-a0f75420]{--token:heading-m-default-bold;font-weight:var(--typography-font-weight-bold);line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);color:var(--color-default-text)}.ds-popOver__subtitle[data-v-a0f75420],.ds-popOver__title[data-v-a0f75420]{font-style:var(--typography-font-style-normal);letter-spacing:var(--typography-letter-spacing-s);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);margin-bottom:8px}.ds-popOver__subtitle[data-v-a0f75420]{--token:heading-s-default-regular;font-weight:var(--typography-font-weight-normal);line-height:var(--typography-line-height-xs);font-size:var(--typography-font-size-s);color:var(--color-neutral-text)}.ds-popOver__button[data-v-a0f75420]{align-self:flex-end;margin:0 16px 12px}`, ""]);
|
|
33689
33689
|
// Exports
|
|
33690
33690
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
33691
33691
|
|
|
@@ -34124,7 +34124,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `@keyframes a-spinAround-88f2e33a{0%{tr
|
|
|
34124
34124
|
|
|
34125
34125
|
/***/ }),
|
|
34126
34126
|
|
|
34127
|
-
/***/
|
|
34127
|
+
/***/ 70905:
|
|
34128
34128
|
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
34129
34129
|
|
|
34130
34130
|
"use strict";
|
|
@@ -34141,7 +34141,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
34141
34141
|
|
|
34142
34142
|
var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
34143
34143
|
// Module
|
|
34144
|
-
___CSS_LOADER_EXPORT___.push([module.id, `@keyframes a-spinAround-
|
|
34144
|
+
___CSS_LOADER_EXPORT___.push([module.id, `@keyframes a-spinAround-446f35ec{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes a-fadeIn-446f35ec{0%{opacity:0}to{opacity:1}}.ds-switch[data-v-446f35ec]{background-color:var(--color-default-background);border:1px solid var(--color-neutral-border);border-radius:2px;display:inline-flex;max-width:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ds-switch__icon[data-v-446f35ec]{color:var(--color-neutral-icon)}.ds-switch__label[data-v-446f35ec]{--token:label-s-extensive-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-xl);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase);color:var(--color-neutral-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-switch .-ds-selected .ds-switch__icon[data-v-446f35ec]{color:var(--color-primary-icon)}.ds-switch .-ds-selected .ds-switch__label[data-v-446f35ec]{color:var(--color-neutral-text-heavy)}.ds-switch__item[data-v-446f35ec]{align-items:center;background-color:var(--color-neutral-background-ghost);border:1px solid transparent;border-radius:2px;cursor:pointer;display:flex;flex-grow:1;gap:6px;justify-content:center;margin:-1px;max-width:calc(100% - 64px);min-height:32px;min-width:64px;overflow:hidden;padding:0 16px;position:relative;transition:all .3s ease-out;z-index:2}.ds-switch__item.-ds-left[data-v-446f35ec]{margin:-1px 0 -1px -1px}.ds-switch__item.-ds-right[data-v-446f35ec]{margin:-1px -1px -1px 0}.ds-switch__item.-ds-selection[data-v-446f35ec]{background-color:var(--color-primary-background);border:1px solid var(--color-primary-border);position:absolute;top:0;z-index:1}.ds-switch__item.-ds-selection .ds-switch__icon[data-v-446f35ec]{visibility:hidden}.ds-switch__item.-ds-selection .ds-switch__label[data-v-446f35ec]{overflow:hidden;visibility:hidden;white-space:nowrap;width:-moz-max-content;width:max-content}.ds-switch__item.-ds-selection.-ds-left[data-v-446f35ec]{left:0}.ds-switch__item.-ds-selection.-ds-right[data-v-446f35ec]{left:calc(100% + 1px);transform:translateX(-100%)}.ds-switch__item.-ds-selected[data-v-446f35ec],.ds-switch__item.-ds-selection[data-v-446f35ec]:hover{cursor:default;flex-shrink:0;text-overflow:clip}.ds-switch__item.-ds-clickable[data-v-446f35ec]:hover{background-color:var(--color-neutral-background-ghost-hovered)}.ds-switch.-ds-rounded[data-v-446f35ec],.ds-switch.-ds-rounded .ds-switch__item[data-v-446f35ec]{border-radius:200px}.ds-switch.-ds-small .ds-switch__item[data-v-446f35ec]{gap:4px;max-width:calc(100% - 48px);min-height:24px;min-width:48px;padding:0 12px}.ds-switch.-ds-disabled .ds-switch__item[data-v-446f35ec]{cursor:default;pointer-events:none}.ds-switch.-ds-disabled .ds-switch__item .ds-switch__icon[data-v-446f35ec]{color:var(--color-neutral-icon-disabled)}.ds-switch.-ds-disabled .ds-switch__item .ds-switch__label[data-v-446f35ec]{color:var(--color-neutral-text-disabled)}.ds-switch.-ds-disabled .ds-switch__item.-ds-selected .ds-switch__icon[data-v-446f35ec]{color:var(--color-primary-icon-disabled)}.ds-switch.-ds-disabled .ds-switch__item.-ds-selected .ds-switch__label[data-v-446f35ec]{color:var(--color-neutral-text-heavy)}.ds-switch.-ds-disabled .ds-switch__item.-ds-selection[data-v-446f35ec]{background-color:var(--color-primary-background-disabled);border-color:var(--color-primary-border-disabled)}`, ""]);
|
|
34145
34145
|
// Exports
|
|
34146
34146
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
34147
34147
|
|
|
@@ -35515,7 +35515,7 @@ const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_v
|
|
|
35515
35515
|
|
|
35516
35516
|
/***/ }),
|
|
35517
35517
|
|
|
35518
|
-
/***/
|
|
35518
|
+
/***/ 50669:
|
|
35519
35519
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
35520
35520
|
|
|
35521
35521
|
"use strict";
|
|
@@ -35529,10 +35529,10 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
35529
35529
|
|
|
35530
35530
|
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
35531
35531
|
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(77203);
|
|
35532
|
-
;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/js/components/PopOver/PopOver.vue?vue&type=template&id=
|
|
35532
|
+
;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/js/components/PopOver/PopOver.vue?vue&type=template&id=a0f75420&scoped=true
|
|
35533
35533
|
|
|
35534
35534
|
|
|
35535
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
35535
|
+
const _withScopeId = n => (_pushScopeId("data-v-a0f75420"),n=n(),_popScopeId(),n)
|
|
35536
35536
|
const _hoisted_1 = ["src"]
|
|
35537
35537
|
const _hoisted_2 = { class: "ds-popOver__content" }
|
|
35538
35538
|
const _hoisted_3 = {
|
|
@@ -35548,71 +35548,75 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
35548
35548
|
const _component_ds_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("ds-button")
|
|
35549
35549
|
const _component_vue_popper = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("vue-popper")
|
|
35550
35550
|
|
|
35551
|
-
return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.
|
|
35552
|
-
|
|
35553
|
-
|
|
35554
|
-
|
|
35555
|
-
|
|
35556
|
-
|
|
35557
|
-
|
|
35558
|
-
|
|
35559
|
-
|
|
35560
|
-
|
|
35561
|
-
|
|
35562
|
-
|
|
35563
|
-
|
|
35564
|
-
|
|
35565
|
-
|
|
35566
|
-
|
|
35567
|
-
|
|
35568
|
-
|
|
35569
|
-
|
|
35570
|
-
|
|
35571
|
-
|
|
35572
|
-
|
|
35573
|
-
|
|
35574
|
-
|
|
35575
|
-
|
|
35576
|
-
|
|
35577
|
-
|
|
35578
|
-
|
|
35579
|
-
|
|
35580
|
-
|
|
35581
|
-
|
|
35582
|
-
|
|
35583
|
-
|
|
35584
|
-
|
|
35585
|
-
|
|
35586
|
-
|
|
35587
|
-
|
|
35588
|
-
|
|
35589
|
-
|
|
35590
|
-
|
|
35591
|
-
|
|
35592
|
-
|
|
35593
|
-
|
|
35594
|
-
|
|
35595
|
-
|
|
35596
|
-
|
|
35597
|
-
|
|
35598
|
-
key: 1,
|
|
35599
|
-
class: "ds-popOver__button",
|
|
35600
|
-
type: $data.BUTTON_TYPES.TEXT,
|
|
35601
|
-
size: $data.BUTTON_SIZES.LARGE,
|
|
35602
|
-
onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('button-click')))
|
|
35603
|
-
}, {
|
|
35604
|
-
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [
|
|
35605
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.buttonText), 1)
|
|
35551
|
+
return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", null, [
|
|
35552
|
+
($props.triggerAction === $data.POP_OVER_TRIGGER_ACTIONS.NONE)
|
|
35553
|
+
? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "reference", { key: 0 }, undefined, true)
|
|
35554
|
+
: ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_vue_popper, {
|
|
35555
|
+
ref: "popper",
|
|
35556
|
+
key: $data.key,
|
|
35557
|
+
"boundaries-selector": $props.boundariesSelector,
|
|
35558
|
+
"force-show": $props.forceShow,
|
|
35559
|
+
options: { placement: $props.placement, modifiers: $props.modifiers },
|
|
35560
|
+
trigger: $props.triggerAction,
|
|
35561
|
+
"delay-on-mouse-over": 300,
|
|
35562
|
+
"delay-on-mouse-out": 300,
|
|
35563
|
+
"append-to-body": $props.appendToBody,
|
|
35564
|
+
"visible-arrow": $props.isPointerVisible,
|
|
35565
|
+
"root-class": $props.rootClass
|
|
35566
|
+
}, {
|
|
35567
|
+
reference: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [
|
|
35568
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "reference", {}, undefined, true)
|
|
35569
|
+
]),
|
|
35570
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [
|
|
35571
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
35572
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["popper ds-popOver", {
|
|
35573
|
+
'-ds-color-neutral': $props.color === $data.POP_OVER_COLORS.NEUTRAL,
|
|
35574
|
+
'-ds-small': $props.size === $data.POP_OVER_SIZES.SMALL,
|
|
35575
|
+
'-ds-medium': $props.size === $data.POP_OVER_SIZES.MEDIUM,
|
|
35576
|
+
}])
|
|
35577
|
+
}, [
|
|
35578
|
+
($props.headerImageUrl)
|
|
35579
|
+
? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("img", {
|
|
35580
|
+
key: 0,
|
|
35581
|
+
class: "ds-popOver__image",
|
|
35582
|
+
src: $props.headerImageUrl,
|
|
35583
|
+
alt: ""
|
|
35584
|
+
}, null, 8, _hoisted_1))
|
|
35585
|
+
: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true),
|
|
35586
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_2, [
|
|
35587
|
+
($props.titleText)
|
|
35588
|
+
? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.titleText), 1))
|
|
35589
|
+
: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true),
|
|
35590
|
+
($props.subtitleText)
|
|
35591
|
+
? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.subtitleText), 1))
|
|
35592
|
+
: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true),
|
|
35593
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
35594
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["ds-popOver__contentSlot", { '-ds-maxHeight': $props.maxHeight }])
|
|
35595
|
+
}, [
|
|
35596
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", { close: $options.close }, undefined, true)
|
|
35597
|
+
], 2)
|
|
35606
35598
|
]),
|
|
35607
|
-
|
|
35608
|
-
|
|
35609
|
-
|
|
35610
|
-
|
|
35611
|
-
|
|
35612
|
-
|
|
35613
|
-
|
|
35599
|
+
($props.buttonText)
|
|
35600
|
+
? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_ds_button, {
|
|
35601
|
+
key: 1,
|
|
35602
|
+
class: "ds-popOver__button",
|
|
35603
|
+
type: $data.BUTTON_TYPES.TEXT,
|
|
35604
|
+
size: $data.BUTTON_SIZES.LARGE,
|
|
35605
|
+
onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('button-click')))
|
|
35606
|
+
}, {
|
|
35607
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [
|
|
35608
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.buttonText), 1)
|
|
35609
|
+
]),
|
|
35610
|
+
_: 1
|
|
35611
|
+
}, 8, ["type", "size"]))
|
|
35612
|
+
: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)
|
|
35613
|
+
], 2)
|
|
35614
|
+
]),
|
|
35615
|
+
_: 3
|
|
35616
|
+
}, 8, ["boundaries-selector", "force-show", "options", "trigger", "append-to-body", "visible-arrow", "root-class"]))
|
|
35617
|
+
]))
|
|
35614
35618
|
}
|
|
35615
|
-
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=template&id=
|
|
35619
|
+
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=template&id=a0f75420&scoped=true
|
|
35616
35620
|
|
|
35617
35621
|
// EXTERNAL MODULE: ./node_modules/vue-popperjs/dist/vue-popper.min.js
|
|
35618
35622
|
var vue_popper_min = __webpack_require__(95951);
|
|
@@ -35718,6 +35722,7 @@ var Button_default = /*#__PURE__*/__webpack_require__.n(Button);
|
|
|
35718
35722
|
return {
|
|
35719
35723
|
POP_OVER_COLORS: Object.freeze(PopOver_consts.POP_OVER_COLORS),
|
|
35720
35724
|
POP_OVER_SIZES: Object.freeze(PopOver_consts.POP_OVER_SIZES),
|
|
35725
|
+
POP_OVER_TRIGGER_ACTIONS: Object.freeze(PopOver_consts.POP_OVER_TRIGGER_ACTIONS),
|
|
35721
35726
|
BUTTON_TYPES: Object.freeze(Button.BUTTON_TYPES),
|
|
35722
35727
|
BUTTON_SIZES: Object.freeze(Button.BUTTON_SIZES),
|
|
35723
35728
|
key: 1,
|
|
@@ -35748,9 +35753,9 @@ var Button_default = /*#__PURE__*/__webpack_require__.n(Button);
|
|
|
35748
35753
|
|
|
35749
35754
|
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=script&lang=js
|
|
35750
35755
|
|
|
35751
|
-
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/js/components/PopOver/PopOver.vue?vue&type=style&index=0&id=
|
|
35752
|
-
var
|
|
35753
|
-
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=style&index=0&id=
|
|
35756
|
+
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/js/components/PopOver/PopOver.vue?vue&type=style&index=0&id=a0f75420&lang=scss&scoped=true
|
|
35757
|
+
var PopOvervue_type_style_index_0_id_a0f75420_lang_scss_scoped_true = __webpack_require__(66693);
|
|
35758
|
+
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=style&index=0&id=a0f75420&lang=scss&scoped=true
|
|
35754
35759
|
|
|
35755
35760
|
// EXTERNAL MODULE: ./node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js
|
|
35756
35761
|
var exportHelper = __webpack_require__(48118);
|
|
@@ -35762,7 +35767,7 @@ var exportHelper = __webpack_require__(48118);
|
|
|
35762
35767
|
;
|
|
35763
35768
|
|
|
35764
35769
|
|
|
35765
|
-
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(PopOvervue_type_script_lang_js, [['render',render],['__scopeId',"data-v-
|
|
35770
|
+
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(PopOvervue_type_script_lang_js, [['render',render],['__scopeId',"data-v-a0f75420"]])
|
|
35766
35771
|
|
|
35767
35772
|
/* harmony default export */ const PopOver = (__exports__);
|
|
35768
35773
|
|
|
@@ -36370,12 +36375,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
36370
36375
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
36371
36376
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
36372
36377
|
/* harmony export */ });
|
|
36373
|
-
/* harmony import */ var
|
|
36378
|
+
/* harmony import */ var _Switch_vue_vue_type_template_id_446f35ec_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(89105);
|
|
36374
36379
|
/* harmony import */ var _Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(98587);
|
|
36375
36380
|
/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
36376
36381
|
/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__[__WEBPACK_IMPORT_KEY__]
|
|
36377
36382
|
/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
36378
|
-
/* harmony import */ var
|
|
36383
|
+
/* harmony import */ var _Switch_vue_vue_type_style_index_0_id_446f35ec_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72262);
|
|
36379
36384
|
/* harmony import */ var _node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48118);
|
|
36380
36385
|
|
|
36381
36386
|
|
|
@@ -36384,7 +36389,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
36384
36389
|
;
|
|
36385
36390
|
|
|
36386
36391
|
|
|
36387
|
-
const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',
|
|
36392
|
+
const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_Switch_vue_vue_type_template_id_446f35ec_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s],['__scopeId',"data-v-446f35ec"]])
|
|
36388
36393
|
|
|
36389
36394
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
|
|
36390
36395
|
|
|
@@ -37851,14 +37856,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
37851
37856
|
|
|
37852
37857
|
/***/ }),
|
|
37853
37858
|
|
|
37854
|
-
/***/
|
|
37859
|
+
/***/ 89105:
|
|
37855
37860
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
37856
37861
|
|
|
37857
37862
|
"use strict";
|
|
37858
37863
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
37859
|
-
/* harmony export */ s: () => (/* reexport safe */
|
|
37864
|
+
/* harmony export */ s: () => (/* reexport safe */ _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_template_id_446f35ec_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.s)
|
|
37860
37865
|
/* harmony export */ });
|
|
37861
|
-
/* harmony import */ var
|
|
37866
|
+
/* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_template_id_446f35ec_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2197);
|
|
37862
37867
|
|
|
37863
37868
|
|
|
37864
37869
|
/***/ }),
|
|
@@ -38271,12 +38276,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
38271
38276
|
|
|
38272
38277
|
/***/ }),
|
|
38273
38278
|
|
|
38274
|
-
/***/
|
|
38279
|
+
/***/ 72262:
|
|
38275
38280
|
/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
|
|
38276
38281
|
|
|
38277
38282
|
"use strict";
|
|
38278
|
-
/* harmony import */ var
|
|
38279
|
-
/* harmony import */ var
|
|
38283
|
+
/* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_style_index_0_id_446f35ec_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18996);
|
|
38284
|
+
/* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_style_index_0_id_446f35ec_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_style_index_0_id_446f35ec_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
|
|
38280
38285
|
|
|
38281
38286
|
|
|
38282
38287
|
/***/ }),
|
|
@@ -42213,6 +42218,7 @@ exports.POP_OVER_COLORS = {
|
|
|
42213
42218
|
exports.POP_OVER_TRIGGER_ACTIONS = {
|
|
42214
42219
|
CLICK: 'click',
|
|
42215
42220
|
HOVER: 'hover',
|
|
42221
|
+
NONE: 'none',
|
|
42216
42222
|
};
|
|
42217
42223
|
exports.POP_OVER_PLACEMENTS = {
|
|
42218
42224
|
TOP: 'top',
|
|
@@ -42253,7 +42259,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
42253
42259
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42254
42260
|
};
|
|
42255
42261
|
Object.defineProperty(exports, "__esModule", ({ value: true }));
|
|
42256
|
-
const PopOver_vue_1 = __importDefault(__webpack_require__(
|
|
42262
|
+
const PopOver_vue_1 = __importDefault(__webpack_require__(50669));
|
|
42257
42263
|
__exportStar(__webpack_require__(65609), exports);
|
|
42258
42264
|
exports["default"] = PopOver_vue_1.default;
|
|
42259
42265
|
|
|
@@ -48570,6 +48576,12 @@ exports["default"] = {
|
|
|
48570
48576
|
currentLabel() {
|
|
48571
48577
|
return this.currentSide === Switch_consts_1.SWITCH_SIDE.LEFT ? this.labelLeft : this.labelRight;
|
|
48572
48578
|
},
|
|
48579
|
+
oppositeSide() {
|
|
48580
|
+
if (this.currentSide === Switch_consts_1.SWITCH_SIDE.LEFT) {
|
|
48581
|
+
return Switch_consts_1.SWITCH_SIDE.RIGHT;
|
|
48582
|
+
}
|
|
48583
|
+
return Switch_consts_1.SWITCH_SIDE.LEFT;
|
|
48584
|
+
},
|
|
48573
48585
|
},
|
|
48574
48586
|
watch: {
|
|
48575
48587
|
selectedSide: {
|
|
@@ -48582,12 +48594,12 @@ exports["default"] = {
|
|
|
48582
48594
|
},
|
|
48583
48595
|
},
|
|
48584
48596
|
methods: {
|
|
48585
|
-
onSwitch(
|
|
48586
|
-
if (this.state === Switch_consts_1.SWITCH_STATE.DISABLED
|
|
48597
|
+
onSwitch() {
|
|
48598
|
+
if (this.state === Switch_consts_1.SWITCH_STATE.DISABLED) {
|
|
48587
48599
|
return;
|
|
48588
48600
|
}
|
|
48589
|
-
this.currentSide =
|
|
48590
|
-
this.$emit('update:selectedSide',
|
|
48601
|
+
this.currentSide = this.oppositeSide;
|
|
48602
|
+
this.$emit('update:selectedSide', this.currentSide);
|
|
48591
48603
|
},
|
|
48592
48604
|
},
|
|
48593
48605
|
};
|
|
@@ -52134,7 +52146,7 @@ exports.s = render;
|
|
|
52134
52146
|
|
|
52135
52147
|
/***/ }),
|
|
52136
52148
|
|
|
52137
|
-
/***/
|
|
52149
|
+
/***/ 2197:
|
|
52138
52150
|
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
|
52139
52151
|
|
|
52140
52152
|
"use strict";
|
|
@@ -52143,7 +52155,7 @@ var __webpack_unused_export__;
|
|
|
52143
52155
|
__webpack_unused_export__ = ({ value: true });
|
|
52144
52156
|
exports.s = void 0;
|
|
52145
52157
|
const vue_1 = __webpack_require__(77203);
|
|
52146
|
-
const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-
|
|
52158
|
+
const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-446f35ec"), n = n(), (0, vue_1.popScopeId)(), n);
|
|
52147
52159
|
const _hoisted_1 = ["title"];
|
|
52148
52160
|
const _hoisted_2 = {
|
|
52149
52161
|
key: 1,
|
|
@@ -52166,15 +52178,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
52166
52178
|
'-ds-medium': $props.size === $data.SWITCH_SIZE.MEDIUM,
|
|
52167
52179
|
'-ds-rounded': $props.radius === $data.SWITCH_RADIUSES.ROUNDED,
|
|
52168
52180
|
'-ds-disabled': $props.state === $data.SWITCH_STATE.DISABLED,
|
|
52169
|
-
}])
|
|
52181
|
+
}]),
|
|
52182
|
+
onClick: _cache[0] || (_cache[0] =
|
|
52183
|
+
//@ts-ignore
|
|
52184
|
+
(...args) => ($options.onSwitch && $options.onSwitch(...args)))
|
|
52170
52185
|
}, [
|
|
52171
52186
|
(0, vue_1.createElementVNode)("div", {
|
|
52172
52187
|
class: (0, vue_1.normalizeClass)(["ds-switch__item -ds-left", {
|
|
52173
52188
|
'-ds-clickable': $data.currentSide !== $data.SWITCH_SIDE.LEFT && $props.state !== $data.SWITCH_STATE.DISABLED,
|
|
52174
52189
|
'-ds-selected': $data.currentSide === $data.SWITCH_SIDE.LEFT,
|
|
52175
52190
|
}]),
|
|
52176
|
-
title: $props.labelLeft
|
|
52177
|
-
onClick: _cache[0] || (_cache[0] = ($event) => ($options.onSwitch($data.SWITCH_SIDE.LEFT)))
|
|
52191
|
+
title: $props.labelLeft
|
|
52178
52192
|
}, [
|
|
52179
52193
|
($props.iconLeft)
|
|
52180
52194
|
? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_ds_icon, {
|
|
@@ -52193,8 +52207,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
52193
52207
|
'-ds-clickable': $data.currentSide !== $data.SWITCH_SIDE.RIGHT && $props.state !== $data.SWITCH_STATE.DISABLED,
|
|
52194
52208
|
'-ds-selected': $data.currentSide === $data.SWITCH_SIDE.RIGHT,
|
|
52195
52209
|
}]),
|
|
52196
|
-
title: $props.labelRight
|
|
52197
|
-
onClick: _cache[1] || (_cache[1] = ($event) => ($options.onSwitch($data.SWITCH_SIDE.RIGHT)))
|
|
52210
|
+
title: $props.labelRight
|
|
52198
52211
|
}, [
|
|
52199
52212
|
($props.iconRight)
|
|
52200
52213
|
? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_ds_icon, {
|
|
@@ -53296,19 +53309,19 @@ var update = add("dd7b5ef4", content, true, {"sourceMap":false,"shadowMode":fals
|
|
|
53296
53309
|
|
|
53297
53310
|
/***/ }),
|
|
53298
53311
|
|
|
53299
|
-
/***/
|
|
53312
|
+
/***/ 66693:
|
|
53300
53313
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
53301
53314
|
|
|
53302
53315
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
53303
53316
|
|
|
53304
53317
|
// load the styles
|
|
53305
|
-
var content = __webpack_require__(
|
|
53318
|
+
var content = __webpack_require__(82573);
|
|
53306
53319
|
if(content.__esModule) content = content.default;
|
|
53307
53320
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
53308
53321
|
if(content.locals) module.exports = content.locals;
|
|
53309
53322
|
// add the styles to the DOM
|
|
53310
53323
|
var add = (__webpack_require__(54402)/* ["default"] */ .Z)
|
|
53311
|
-
var update = add("
|
|
53324
|
+
var update = add("17eccdac", content, true, {"sourceMap":false,"shadowMode":false});
|
|
53312
53325
|
|
|
53313
53326
|
/***/ }),
|
|
53314
53327
|
|
|
@@ -53600,19 +53613,19 @@ var update = add("21a347c0", content, true, {"sourceMap":false,"shadowMode":fals
|
|
|
53600
53613
|
|
|
53601
53614
|
/***/ }),
|
|
53602
53615
|
|
|
53603
|
-
/***/
|
|
53616
|
+
/***/ 18996:
|
|
53604
53617
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
53605
53618
|
|
|
53606
53619
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
53607
53620
|
|
|
53608
53621
|
// load the styles
|
|
53609
|
-
var content = __webpack_require__(
|
|
53622
|
+
var content = __webpack_require__(70905);
|
|
53610
53623
|
if(content.__esModule) content = content.default;
|
|
53611
53624
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
53612
53625
|
if(content.locals) module.exports = content.locals;
|
|
53613
53626
|
// add the styles to the DOM
|
|
53614
53627
|
var add = (__webpack_require__(54402)/* ["default"] */ .Z)
|
|
53615
|
-
var update = add("
|
|
53628
|
+
var update = add("d8b5403c", content, true, {"sourceMap":false,"shadowMode":false});
|
|
53616
53629
|
|
|
53617
53630
|
/***/ }),
|
|
53618
53631
|
|