@bethinkpl/design-system 22.0.0 → 22.0.1
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 +121 -105
- package/dist/design-system.umd.js.map +1 -1
- 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/Switch/Switch.vue.d.ts +2 -1
- package/docs/iframe.html +1 -1
- package/docs/main.3376b2f2.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 +47 -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
|
+
/***/ 75992:
|
|
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-00320a58]{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-00320a58] .popper__arrow{border-color:var(--color-neutral-background) transparent!important}.ds-popOver.-ds-color-neutral[data-v-00320a58]{background-color:var(--color-neutral-background)}.ds-popOver__contentSlot[data-v-00320a58]{word-break:break-word}.ds-popOver__contentSlot.-ds-maxHeight[data-v-00320a58]{overflow:hidden scroll}.ds-popOver.-ds-small[data-v-00320a58]{width:320px}.ds-popOver.-ds-small .ds-popOver__contentSlot.-ds-maxHeight[data-v-00320a58]{max-height:160px}.ds-popOver.-ds-medium[data-v-00320a58]{width:min(90vw,460px)}.ds-popOver.-ds-medium .ds-popOver__contentSlot.-ds-maxHeight[data-v-00320a58]{max-height:250px}.ds-popOver[x-placement^=bottom][data-v-00320a58]{margin-top:16px}.ds-popOver[x-placement^=bottom][data-v-00320a58] .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-00320a58]{margin-bottom:16px}.ds-popOver[x-placement^=top][data-v-00320a58] .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-00320a58]{margin-left:16px}.ds-popOver[x-placement^=right][data-v-00320a58] .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-00320a58]{margin-right:16px}.ds-popOver[x-placement^=left][data-v-00320a58] .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-00320a58]{border-top-left-radius:6px;border-top-right-radius:6px;max-width:100%}.ds-popOver__content[data-v-00320a58]{--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-00320a58]{--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-00320a58],.ds-popOver__title[data-v-00320a58]{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-00320a58]{--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-00320a58]{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
|
+
/***/ 32053:
|
|
35519
35519
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
35520
35520
|
|
|
35521
35521
|
"use strict";
|
|
@@ -35529,17 +35529,18 @@ __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=00320a58&scoped=true
|
|
35533
35533
|
|
|
35534
35534
|
|
|
35535
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
35536
|
-
const _hoisted_1 =
|
|
35537
|
-
const _hoisted_2 =
|
|
35538
|
-
const _hoisted_3 = {
|
|
35535
|
+
const _withScopeId = n => (_pushScopeId("data-v-00320a58"),n=n(),_popScopeId(),n)
|
|
35536
|
+
const _hoisted_1 = { key: 0 }
|
|
35537
|
+
const _hoisted_2 = ["src"]
|
|
35538
|
+
const _hoisted_3 = { class: "ds-popOver__content" }
|
|
35539
|
+
const _hoisted_4 = {
|
|
35539
35540
|
key: 0,
|
|
35540
35541
|
class: "ds-popOver__title"
|
|
35541
35542
|
}
|
|
35542
|
-
const
|
|
35543
|
+
const _hoisted_5 = {
|
|
35543
35544
|
key: 1,
|
|
35544
35545
|
class: "ds-popOver__subtitle"
|
|
35545
35546
|
}
|
|
@@ -35548,71 +35549,77 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
35548
35549
|
const _component_ds_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("ds-button")
|
|
35549
35550
|
const _component_vue_popper = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("vue-popper")
|
|
35550
35551
|
|
|
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
|
-
|
|
35599
|
-
|
|
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)
|
|
35552
|
+
return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", null, [
|
|
35553
|
+
($props.triggerAction === $data.POP_OVER_TRIGGER_ACTIONS.NONE)
|
|
35554
|
+
? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_1, [
|
|
35555
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "reference", {}, undefined, true)
|
|
35556
|
+
]))
|
|
35557
|
+
: ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_vue_popper, {
|
|
35558
|
+
ref: "popper",
|
|
35559
|
+
key: $data.key,
|
|
35560
|
+
"boundaries-selector": $props.boundariesSelector,
|
|
35561
|
+
"force-show": $props.forceShow,
|
|
35562
|
+
options: { placement: $props.placement, modifiers: $props.modifiers },
|
|
35563
|
+
trigger: $props.triggerAction,
|
|
35564
|
+
"delay-on-mouse-over": 300,
|
|
35565
|
+
"delay-on-mouse-out": 300,
|
|
35566
|
+
"append-to-body": $props.appendToBody,
|
|
35567
|
+
"visible-arrow": $props.isPointerVisible,
|
|
35568
|
+
"root-class": $props.rootClass
|
|
35569
|
+
}, {
|
|
35570
|
+
reference: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [
|
|
35571
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "reference", {}, undefined, true)
|
|
35572
|
+
]),
|
|
35573
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [
|
|
35574
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
35575
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["popper ds-popOver", {
|
|
35576
|
+
'-ds-color-neutral': $props.color === $data.POP_OVER_COLORS.NEUTRAL,
|
|
35577
|
+
'-ds-small': $props.size === $data.POP_OVER_SIZES.SMALL,
|
|
35578
|
+
'-ds-medium': $props.size === $data.POP_OVER_SIZES.MEDIUM,
|
|
35579
|
+
}])
|
|
35580
|
+
}, [
|
|
35581
|
+
($props.headerImageUrl)
|
|
35582
|
+
? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("img", {
|
|
35583
|
+
key: 0,
|
|
35584
|
+
class: "ds-popOver__image",
|
|
35585
|
+
src: $props.headerImageUrl,
|
|
35586
|
+
alt: ""
|
|
35587
|
+
}, null, 8, _hoisted_2))
|
|
35588
|
+
: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true),
|
|
35589
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_3, [
|
|
35590
|
+
($props.titleText)
|
|
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.titleText), 1))
|
|
35592
|
+
: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true),
|
|
35593
|
+
($props.subtitleText)
|
|
35594
|
+
? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.subtitleText), 1))
|
|
35595
|
+
: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true),
|
|
35596
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
35597
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["ds-popOver__contentSlot", { '-ds-maxHeight': $props.maxHeight }])
|
|
35598
|
+
}, [
|
|
35599
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", { close: $options.close }, undefined, true)
|
|
35600
|
+
], 2)
|
|
35606
35601
|
]),
|
|
35607
|
-
|
|
35608
|
-
|
|
35609
|
-
|
|
35610
|
-
|
|
35611
|
-
|
|
35612
|
-
|
|
35613
|
-
|
|
35602
|
+
($props.buttonText)
|
|
35603
|
+
? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_ds_button, {
|
|
35604
|
+
key: 1,
|
|
35605
|
+
class: "ds-popOver__button",
|
|
35606
|
+
type: $data.BUTTON_TYPES.TEXT,
|
|
35607
|
+
size: $data.BUTTON_SIZES.LARGE,
|
|
35608
|
+
onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('button-click')))
|
|
35609
|
+
}, {
|
|
35610
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [
|
|
35611
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.buttonText), 1)
|
|
35612
|
+
]),
|
|
35613
|
+
_: 1
|
|
35614
|
+
}, 8, ["type", "size"]))
|
|
35615
|
+
: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)
|
|
35616
|
+
], 2)
|
|
35617
|
+
]),
|
|
35618
|
+
_: 3
|
|
35619
|
+
}, 8, ["boundaries-selector", "force-show", "options", "trigger", "append-to-body", "visible-arrow", "root-class"]))
|
|
35620
|
+
]))
|
|
35614
35621
|
}
|
|
35615
|
-
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=template&id=
|
|
35622
|
+
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=template&id=00320a58&scoped=true
|
|
35616
35623
|
|
|
35617
35624
|
// EXTERNAL MODULE: ./node_modules/vue-popperjs/dist/vue-popper.min.js
|
|
35618
35625
|
var vue_popper_min = __webpack_require__(95951);
|
|
@@ -35718,6 +35725,7 @@ var Button_default = /*#__PURE__*/__webpack_require__.n(Button);
|
|
|
35718
35725
|
return {
|
|
35719
35726
|
POP_OVER_COLORS: Object.freeze(PopOver_consts.POP_OVER_COLORS),
|
|
35720
35727
|
POP_OVER_SIZES: Object.freeze(PopOver_consts.POP_OVER_SIZES),
|
|
35728
|
+
POP_OVER_TRIGGER_ACTIONS: Object.freeze(PopOver_consts.POP_OVER_TRIGGER_ACTIONS),
|
|
35721
35729
|
BUTTON_TYPES: Object.freeze(Button.BUTTON_TYPES),
|
|
35722
35730
|
BUTTON_SIZES: Object.freeze(Button.BUTTON_SIZES),
|
|
35723
35731
|
key: 1,
|
|
@@ -35748,9 +35756,9 @@ var Button_default = /*#__PURE__*/__webpack_require__.n(Button);
|
|
|
35748
35756
|
|
|
35749
35757
|
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=script&lang=js
|
|
35750
35758
|
|
|
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=
|
|
35759
|
+
// 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=00320a58&lang=scss&scoped=true
|
|
35760
|
+
var PopOvervue_type_style_index_0_id_00320a58_lang_scss_scoped_true = __webpack_require__(27901);
|
|
35761
|
+
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=style&index=0&id=00320a58&lang=scss&scoped=true
|
|
35754
35762
|
|
|
35755
35763
|
// EXTERNAL MODULE: ./node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js
|
|
35756
35764
|
var exportHelper = __webpack_require__(48118);
|
|
@@ -35762,7 +35770,7 @@ var exportHelper = __webpack_require__(48118);
|
|
|
35762
35770
|
;
|
|
35763
35771
|
|
|
35764
35772
|
|
|
35765
|
-
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(PopOvervue_type_script_lang_js, [['render',render],['__scopeId',"data-v-
|
|
35773
|
+
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(PopOvervue_type_script_lang_js, [['render',render],['__scopeId',"data-v-00320a58"]])
|
|
35766
35774
|
|
|
35767
35775
|
/* harmony default export */ const PopOver = (__exports__);
|
|
35768
35776
|
|
|
@@ -36370,12 +36378,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
36370
36378
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
36371
36379
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
36372
36380
|
/* harmony export */ });
|
|
36373
|
-
/* harmony import */ var
|
|
36381
|
+
/* harmony import */ var _Switch_vue_vue_type_template_id_446f35ec_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(89105);
|
|
36374
36382
|
/* harmony import */ var _Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(98587);
|
|
36375
36383
|
/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
36376
36384
|
/* 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
36385
|
/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
36378
|
-
/* harmony import */ var
|
|
36386
|
+
/* harmony import */ var _Switch_vue_vue_type_style_index_0_id_446f35ec_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72262);
|
|
36379
36387
|
/* harmony import */ var _node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48118);
|
|
36380
36388
|
|
|
36381
36389
|
|
|
@@ -36384,7 +36392,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
36384
36392
|
;
|
|
36385
36393
|
|
|
36386
36394
|
|
|
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',
|
|
36395
|
+
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
36396
|
|
|
36389
36397
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
|
|
36390
36398
|
|
|
@@ -37851,14 +37859,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
37851
37859
|
|
|
37852
37860
|
/***/ }),
|
|
37853
37861
|
|
|
37854
|
-
/***/
|
|
37862
|
+
/***/ 89105:
|
|
37855
37863
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
37856
37864
|
|
|
37857
37865
|
"use strict";
|
|
37858
37866
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
37859
|
-
/* harmony export */ s: () => (/* reexport safe */
|
|
37867
|
+
/* 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
37868
|
/* harmony export */ });
|
|
37861
|
-
/* harmony import */ var
|
|
37869
|
+
/* 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
37870
|
|
|
37863
37871
|
|
|
37864
37872
|
/***/ }),
|
|
@@ -38271,12 +38279,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
38271
38279
|
|
|
38272
38280
|
/***/ }),
|
|
38273
38281
|
|
|
38274
|
-
/***/
|
|
38282
|
+
/***/ 72262:
|
|
38275
38283
|
/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
|
|
38276
38284
|
|
|
38277
38285
|
"use strict";
|
|
38278
|
-
/* harmony import */ var
|
|
38279
|
-
/* harmony import */ var
|
|
38286
|
+
/* 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);
|
|
38287
|
+
/* 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
38288
|
|
|
38281
38289
|
|
|
38282
38290
|
/***/ }),
|
|
@@ -42213,6 +42221,7 @@ exports.POP_OVER_COLORS = {
|
|
|
42213
42221
|
exports.POP_OVER_TRIGGER_ACTIONS = {
|
|
42214
42222
|
CLICK: 'click',
|
|
42215
42223
|
HOVER: 'hover',
|
|
42224
|
+
NONE: 'none',
|
|
42216
42225
|
};
|
|
42217
42226
|
exports.POP_OVER_PLACEMENTS = {
|
|
42218
42227
|
TOP: 'top',
|
|
@@ -42253,7 +42262,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
42253
42262
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42254
42263
|
};
|
|
42255
42264
|
Object.defineProperty(exports, "__esModule", ({ value: true }));
|
|
42256
|
-
const PopOver_vue_1 = __importDefault(__webpack_require__(
|
|
42265
|
+
const PopOver_vue_1 = __importDefault(__webpack_require__(32053));
|
|
42257
42266
|
__exportStar(__webpack_require__(65609), exports);
|
|
42258
42267
|
exports["default"] = PopOver_vue_1.default;
|
|
42259
42268
|
|
|
@@ -48570,6 +48579,12 @@ exports["default"] = {
|
|
|
48570
48579
|
currentLabel() {
|
|
48571
48580
|
return this.currentSide === Switch_consts_1.SWITCH_SIDE.LEFT ? this.labelLeft : this.labelRight;
|
|
48572
48581
|
},
|
|
48582
|
+
oppositeSide() {
|
|
48583
|
+
if (this.currentSide === Switch_consts_1.SWITCH_SIDE.LEFT) {
|
|
48584
|
+
return Switch_consts_1.SWITCH_SIDE.RIGHT;
|
|
48585
|
+
}
|
|
48586
|
+
return Switch_consts_1.SWITCH_SIDE.LEFT;
|
|
48587
|
+
},
|
|
48573
48588
|
},
|
|
48574
48589
|
watch: {
|
|
48575
48590
|
selectedSide: {
|
|
@@ -48582,12 +48597,12 @@ exports["default"] = {
|
|
|
48582
48597
|
},
|
|
48583
48598
|
},
|
|
48584
48599
|
methods: {
|
|
48585
|
-
onSwitch(
|
|
48586
|
-
if (this.state === Switch_consts_1.SWITCH_STATE.DISABLED
|
|
48600
|
+
onSwitch() {
|
|
48601
|
+
if (this.state === Switch_consts_1.SWITCH_STATE.DISABLED) {
|
|
48587
48602
|
return;
|
|
48588
48603
|
}
|
|
48589
|
-
this.currentSide =
|
|
48590
|
-
this.$emit('update:selectedSide',
|
|
48604
|
+
this.currentSide = this.oppositeSide;
|
|
48605
|
+
this.$emit('update:selectedSide', this.currentSide);
|
|
48591
48606
|
},
|
|
48592
48607
|
},
|
|
48593
48608
|
};
|
|
@@ -52134,7 +52149,7 @@ exports.s = render;
|
|
|
52134
52149
|
|
|
52135
52150
|
/***/ }),
|
|
52136
52151
|
|
|
52137
|
-
/***/
|
|
52152
|
+
/***/ 2197:
|
|
52138
52153
|
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
|
52139
52154
|
|
|
52140
52155
|
"use strict";
|
|
@@ -52143,7 +52158,7 @@ var __webpack_unused_export__;
|
|
|
52143
52158
|
__webpack_unused_export__ = ({ value: true });
|
|
52144
52159
|
exports.s = void 0;
|
|
52145
52160
|
const vue_1 = __webpack_require__(77203);
|
|
52146
|
-
const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-
|
|
52161
|
+
const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-446f35ec"), n = n(), (0, vue_1.popScopeId)(), n);
|
|
52147
52162
|
const _hoisted_1 = ["title"];
|
|
52148
52163
|
const _hoisted_2 = {
|
|
52149
52164
|
key: 1,
|
|
@@ -52166,15 +52181,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
52166
52181
|
'-ds-medium': $props.size === $data.SWITCH_SIZE.MEDIUM,
|
|
52167
52182
|
'-ds-rounded': $props.radius === $data.SWITCH_RADIUSES.ROUNDED,
|
|
52168
52183
|
'-ds-disabled': $props.state === $data.SWITCH_STATE.DISABLED,
|
|
52169
|
-
}])
|
|
52184
|
+
}]),
|
|
52185
|
+
onClick: _cache[0] || (_cache[0] =
|
|
52186
|
+
//@ts-ignore
|
|
52187
|
+
(...args) => ($options.onSwitch && $options.onSwitch(...args)))
|
|
52170
52188
|
}, [
|
|
52171
52189
|
(0, vue_1.createElementVNode)("div", {
|
|
52172
52190
|
class: (0, vue_1.normalizeClass)(["ds-switch__item -ds-left", {
|
|
52173
52191
|
'-ds-clickable': $data.currentSide !== $data.SWITCH_SIDE.LEFT && $props.state !== $data.SWITCH_STATE.DISABLED,
|
|
52174
52192
|
'-ds-selected': $data.currentSide === $data.SWITCH_SIDE.LEFT,
|
|
52175
52193
|
}]),
|
|
52176
|
-
title: $props.labelLeft
|
|
52177
|
-
onClick: _cache[0] || (_cache[0] = ($event) => ($options.onSwitch($data.SWITCH_SIDE.LEFT)))
|
|
52194
|
+
title: $props.labelLeft
|
|
52178
52195
|
}, [
|
|
52179
52196
|
($props.iconLeft)
|
|
52180
52197
|
? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_ds_icon, {
|
|
@@ -52193,8 +52210,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
52193
52210
|
'-ds-clickable': $data.currentSide !== $data.SWITCH_SIDE.RIGHT && $props.state !== $data.SWITCH_STATE.DISABLED,
|
|
52194
52211
|
'-ds-selected': $data.currentSide === $data.SWITCH_SIDE.RIGHT,
|
|
52195
52212
|
}]),
|
|
52196
|
-
title: $props.labelRight
|
|
52197
|
-
onClick: _cache[1] || (_cache[1] = ($event) => ($options.onSwitch($data.SWITCH_SIDE.RIGHT)))
|
|
52213
|
+
title: $props.labelRight
|
|
52198
52214
|
}, [
|
|
52199
52215
|
($props.iconRight)
|
|
52200
52216
|
? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_ds_icon, {
|
|
@@ -53296,19 +53312,19 @@ var update = add("dd7b5ef4", content, true, {"sourceMap":false,"shadowMode":fals
|
|
|
53296
53312
|
|
|
53297
53313
|
/***/ }),
|
|
53298
53314
|
|
|
53299
|
-
/***/
|
|
53315
|
+
/***/ 27901:
|
|
53300
53316
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
53301
53317
|
|
|
53302
53318
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
53303
53319
|
|
|
53304
53320
|
// load the styles
|
|
53305
|
-
var content = __webpack_require__(
|
|
53321
|
+
var content = __webpack_require__(75992);
|
|
53306
53322
|
if(content.__esModule) content = content.default;
|
|
53307
53323
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
53308
53324
|
if(content.locals) module.exports = content.locals;
|
|
53309
53325
|
// add the styles to the DOM
|
|
53310
53326
|
var add = (__webpack_require__(54402)/* ["default"] */ .Z)
|
|
53311
|
-
var update = add("
|
|
53327
|
+
var update = add("fc10e980", content, true, {"sourceMap":false,"shadowMode":false});
|
|
53312
53328
|
|
|
53313
53329
|
/***/ }),
|
|
53314
53330
|
|
|
@@ -53600,19 +53616,19 @@ var update = add("21a347c0", content, true, {"sourceMap":false,"shadowMode":fals
|
|
|
53600
53616
|
|
|
53601
53617
|
/***/ }),
|
|
53602
53618
|
|
|
53603
|
-
/***/
|
|
53619
|
+
/***/ 18996:
|
|
53604
53620
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
53605
53621
|
|
|
53606
53622
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
53607
53623
|
|
|
53608
53624
|
// load the styles
|
|
53609
|
-
var content = __webpack_require__(
|
|
53625
|
+
var content = __webpack_require__(70905);
|
|
53610
53626
|
if(content.__esModule) content = content.default;
|
|
53611
53627
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
53612
53628
|
if(content.locals) module.exports = content.locals;
|
|
53613
53629
|
// add the styles to the DOM
|
|
53614
53630
|
var add = (__webpack_require__(54402)/* ["default"] */ .Z)
|
|
53615
|
-
var update = add("
|
|
53631
|
+
var update = add("d8b5403c", content, true, {"sourceMap":false,"shadowMode":false});
|
|
53616
53632
|
|
|
53617
53633
|
/***/ }),
|
|
53618
53634
|
|