@bethinkpl/design-system 24.0.0 → 24.1.0
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 +178 -78
- package/dist/design-system.umd.js.map +1 -1
- package/dist/lib/js/components/Banner/Banner.vue.d.ts +1 -0
- package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +1 -0
- package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +1 -0
- package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +1 -0
- package/dist/lib/js/components/Chip/Chip.vue.d.ts +1 -0
- package/dist/lib/js/components/DatePickers/DatePickerBox/DatePickerBox.vue.d.ts +1 -0
- package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +1 -0
- package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +1 -0
- package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +1 -0
- package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.consts.d.ts +4 -0
- package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +16 -0
- package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +1 -0
- package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +1 -0
- package/dist/lib/js/components/Modal/Modal.vue.d.ts +1 -0
- package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +1 -0
- package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +1 -0
- package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +1 -0
- package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +1 -0
- package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +1 -0
- package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +1 -0
- package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +1 -0
- package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +1 -0
- package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +1 -0
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +1 -0
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +3 -309
- package/dist/lib/js/components/Switch/Switch.vue.d.ts +1 -0
- package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +1 -0
- package/dist/lib/js/components/Tile/Tile.vue.d.ts +1 -0
- package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +1 -0
- package/dist/lib/js/icons/fontawesome.d.ts +1 -0
- package/docs/548.a87360ed.iframe.bundle.js +2 -0
- package/docs/iframe.html +1 -1
- package/docs/main.9060ef19.iframe.bundle.js +2 -0
- package/docs/project.json +1 -1
- package/lib/js/components/Headers/OverlayHeader/OverlayHeader.consts.ts +5 -0
- package/lib/js/components/Headers/OverlayHeader/OverlayHeader.stories.ts +6 -1
- package/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue +63 -6
- package/lib/js/icons/fontawesome.ts +2 -0
- package/package.json +1 -1
- package/docs/42.4a7f9b4c.iframe.bundle.js +0 -2
- package/docs/main.64a78d8d.iframe.bundle.js +0 -2
- /package/docs/{42.4a7f9b4c.iframe.bundle.js.LICENSE.txt → 548.a87360ed.iframe.bundle.js.LICENSE.txt} +0 -0
- /package/docs/{main.64a78d8d.iframe.bundle.js.LICENSE.txt → main.9060ef19.iframe.bundle.js.LICENSE.txt} +0 -0
|
@@ -3489,6 +3489,43 @@ exports.aliases = aliases;
|
|
|
3489
3489
|
|
|
3490
3490
|
/***/ }),
|
|
3491
3491
|
|
|
3492
|
+
/***/ 12296:
|
|
3493
|
+
/***/ ((__unused_webpack_module, exports) => {
|
|
3494
|
+
|
|
3495
|
+
"use strict";
|
|
3496
|
+
|
|
3497
|
+
Object.defineProperty(exports, "__esModule", ({ value: true }));
|
|
3498
|
+
var prefix = 'far';
|
|
3499
|
+
var iconName = 'images';
|
|
3500
|
+
var width = 576;
|
|
3501
|
+
var height = 512;
|
|
3502
|
+
var aliases = [];
|
|
3503
|
+
var unicode = 'f302';
|
|
3504
|
+
var svgPathData = 'M160 80H512c8.8 0 16 7.2 16 16V320c0 8.8-7.2 16-16 16H490.8L388.1 178.9c-4.4-6.8-12-10.9-20.1-10.9s-15.7 4.1-20.1 10.9l-52.2 79.8-12.4-16.9c-4.5-6.2-11.7-9.8-19.4-9.8s-14.8 3.6-19.4 9.8L175.6 336H160c-8.8 0-16-7.2-16-16V96c0-8.8 7.2-16 16-16zM96 96V320c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H160c-35.3 0-64 28.7-64 64zM48 120c0-13.3-10.7-24-24-24S0 106.7 0 120V344c0 75.1 60.9 136 136 136H456c13.3 0 24-10.7 24-24s-10.7-24-24-24H136c-48.6 0-88-39.4-88-88V120zm208 24a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z';
|
|
3505
|
+
|
|
3506
|
+
exports.definition = {
|
|
3507
|
+
prefix: prefix,
|
|
3508
|
+
iconName: iconName,
|
|
3509
|
+
icon: [
|
|
3510
|
+
width,
|
|
3511
|
+
height,
|
|
3512
|
+
aliases,
|
|
3513
|
+
unicode,
|
|
3514
|
+
svgPathData
|
|
3515
|
+
]};
|
|
3516
|
+
|
|
3517
|
+
exports.faImages = exports.definition;
|
|
3518
|
+
exports.prefix = prefix;
|
|
3519
|
+
exports.iconName = iconName;
|
|
3520
|
+
exports.width = width;
|
|
3521
|
+
exports.height = height;
|
|
3522
|
+
exports.ligatures = aliases;
|
|
3523
|
+
exports.unicode = unicode;
|
|
3524
|
+
exports.svgPathData = svgPathData;
|
|
3525
|
+
exports.aliases = aliases;
|
|
3526
|
+
|
|
3527
|
+
/***/ }),
|
|
3528
|
+
|
|
3492
3529
|
/***/ 91527:
|
|
3493
3530
|
/***/ ((__unused_webpack_module, exports) => {
|
|
3494
3531
|
|
|
@@ -33774,7 +33811,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `@keyframes a-spinAround-dd657ac8{0%{tr
|
|
|
33774
33811
|
|
|
33775
33812
|
/***/ }),
|
|
33776
33813
|
|
|
33777
|
-
/***/
|
|
33814
|
+
/***/ 81658:
|
|
33778
33815
|
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
33779
33816
|
|
|
33780
33817
|
"use strict";
|
|
@@ -33791,7 +33828,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
33791
33828
|
|
|
33792
33829
|
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()));
|
|
33793
33830
|
// Module
|
|
33794
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.ds-overlayHeader[data-v-
|
|
33831
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.ds-overlayHeader[data-v-3d700abe]{align-items:center;background:var(--color-neutral-background);border-bottom:2px solid var(--color-neutral-border-ghost);box-shadow:0 1px 2px var(--color-default-shadow-weak),0 8px 16px var(--color-default-shadow-weak),0 2px 4px var(--color-default-shadow-strong),0 0 4px var(--color-default-shadow);display:flex;padding:8px 6px 8px 0}@media(min-width:760px){.ds-overlayHeader[data-v-3d700abe]{padding:12px 8px 12px 0}}.ds-overlayHeader__accessory[data-v-3d700abe]{align-self:stretch;margin-left:12px}.ds-overlayHeader__loadingWrapper[data-v-3d700abe]{display:flex;flex-direction:column;flex-grow:1;gap:6px;margin:0 4px 0 12px}@media(min-width:760px){.ds-overlayHeader__loadingWrapper[data-v-3d700abe]{gap:8px;margin:0 8px 0 16px}}.ds-overlayHeader__loadingBar.-ds-desktop[data-v-3d700abe]{display:none}@media(min-width:760px){.ds-overlayHeader__loadingBar.-ds-desktop[data-v-3d700abe]{display:flex}.ds-overlayHeader__loadingBar.-ds-mobile[data-v-3d700abe]{display:none}}.ds-overlayHeader__content[data-v-3d700abe]{flex-grow:1;margin:0 4px 0 12px;min-width:0}@media(min-width:760px){.ds-overlayHeader__content[data-v-3d700abe]{margin:0 8px 0 16px}}.ds-overlayHeader__eyebrow[data-v-3d700abe]{align-items:center;display:flex;margin-bottom:6px}@media(min-width:760px){.ds-overlayHeader__eyebrow[data-v-3d700abe]{margin-bottom:8px}}.ds-overlayHeader__eyebrowText[data-v-3d700abe]{--token:info-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-overlayHeader__eyebrowText.-ds-withRightMargin[data-v-3d700abe]{margin-right:8px}.ds-overlayHeader__eyebrowAccessory[data-v-3d700abe]{display:flex;min-width:0}.ds-overlayHeader__main[data-v-3d700abe]{align-items:center;display:flex;gap:8px;min-height:var(--typography-line-height-s)}.ds-overlayHeader__titleLeading[data-v-3d700abe]{display:flex}.ds-overlayHeader__titleWrapper[data-v-3d700abe]{overflow:hidden}.ds-overlayHeader__titleWrapper.-ds-interactive[data-v-3d700abe]{cursor:pointer}.ds-overlayHeader__title[data-v-3d700abe]{--token:heading-m-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);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);color:var(--color-neutral-text-heavy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-overlayHeader__title.-ds-desktop[data-v-3d700abe]{display:none}@media(min-width:760px){.ds-overlayHeader__title.-ds-desktop[data-v-3d700abe]{display:block}.ds-overlayHeader__title.-ds-mobile[data-v-3d700abe]{display:none}}.ds-overlayHeader__titleTrailingWrapper[data-v-3d700abe]{overflow-x:auto;display:flex;flex-shrink:100000}.ds-overlayHeader__titleTrailingWrapper[data-v-3d700abe]:after{background:linear-gradient(90deg,transparent 0,var(--color-neutral-background) 84.26%);align-self:stretch;content:"";display:block;flex-shrink:0;margin-left:-20px;position:sticky;right:-1px;width:20px}.ds-overlayHeader__titleTrailingWrapper[data-v-3d700abe]>:last-child{margin-right:20px}.ds-overlayHeader__titleTrailing[data-v-3d700abe]{display:flex}.ds-overlayHeader__actions[data-v-3d700abe]{align-self:stretch;display:none;flex-shrink:0}@media(min-width:760px){.ds-overlayHeader__actions[data-v-3d700abe]{display:flex}}.ds-overlayHeader__divider[data-v-3d700abe]{align-self:stretch;height:auto!important;margin:4px 6px}@media(min-width:760px){.ds-overlayHeader__divider[data-v-3d700abe]{margin:4px 8px}}.ds-overlayHeader__divider.-ds-mobileHidden[data-v-3d700abe]{display:none}@media(min-width:760px){.ds-overlayHeader__divider.-ds-mobileHidden[data-v-3d700abe]{display:block}}.ds-overlayHeader.-ds-borderNeutral[data-v-3d700abe]{border-bottom-color:var(--color-neutral-border)}.ds-overlayHeader.-ds-borderSuccess[data-v-3d700abe]{border-bottom-color:var(--color-success-border)}.ds-overlayHeader.-ds-borderFail[data-v-3d700abe]{border-bottom-color:var(--color-fail-border)}.ds-overlayHeader.-ds-borderWarning[data-v-3d700abe]{border-bottom-color:var(--color-warning-border)}`, ""]);
|
|
33795
33832
|
// Exports
|
|
33796
33833
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
33797
33834
|
|
|
@@ -35575,12 +35612,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
35575
35612
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
35576
35613
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
35577
35614
|
/* harmony export */ });
|
|
35578
|
-
/* harmony import */ var
|
|
35615
|
+
/* harmony import */ var _OverlayHeader_vue_vue_type_template_id_3d700abe_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5035);
|
|
35579
35616
|
/* harmony import */ var _OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97331);
|
|
35580
35617
|
/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
35581
35618
|
/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__[__WEBPACK_IMPORT_KEY__]
|
|
35582
35619
|
/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
35583
|
-
/* harmony import */ var
|
|
35620
|
+
/* harmony import */ var _OverlayHeader_vue_vue_type_style_index_0_id_3d700abe_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(68555);
|
|
35584
35621
|
/* harmony import */ var _node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48118);
|
|
35585
35622
|
|
|
35586
35623
|
|
|
@@ -35589,7 +35626,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
35589
35626
|
;
|
|
35590
35627
|
|
|
35591
35628
|
|
|
35592
|
-
const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',
|
|
35629
|
+
const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_OverlayHeader_vue_vue_type_template_id_3d700abe_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s],['__scopeId',"data-v-3d700abe"]])
|
|
35593
35630
|
|
|
35594
35631
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
|
|
35595
35632
|
|
|
@@ -38355,14 +38392,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
38355
38392
|
|
|
38356
38393
|
/***/ }),
|
|
38357
38394
|
|
|
38358
|
-
/***/
|
|
38395
|
+
/***/ 5035:
|
|
38359
38396
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
38360
38397
|
|
|
38361
38398
|
"use strict";
|
|
38362
38399
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
38363
|
-
/* harmony export */ s: () => (/* reexport safe */
|
|
38400
|
+
/* 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_OverlayHeader_vue_vue_type_template_id_3d700abe_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.s)
|
|
38364
38401
|
/* harmony export */ });
|
|
38365
|
-
/* harmony import */ var
|
|
38402
|
+
/* 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_OverlayHeader_vue_vue_type_template_id_3d700abe_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(53503);
|
|
38366
38403
|
|
|
38367
38404
|
|
|
38368
38405
|
/***/ }),
|
|
@@ -38899,12 +38936,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
38899
38936
|
|
|
38900
38937
|
/***/ }),
|
|
38901
38938
|
|
|
38902
|
-
/***/
|
|
38939
|
+
/***/ 68555:
|
|
38903
38940
|
/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
|
|
38904
38941
|
|
|
38905
38942
|
"use strict";
|
|
38906
|
-
/* harmony import */ var
|
|
38907
|
-
/* harmony import */ var
|
|
38943
|
+
/* 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_OverlayHeader_vue_vue_type_style_index_0_id_3d700abe_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51409);
|
|
38944
|
+
/* 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_OverlayHeader_vue_vue_type_style_index_0_id_3d700abe_scoped_true_lang_scss__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_OverlayHeader_vue_vue_type_style_index_0_id_3d700abe_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
38908
38945
|
|
|
38909
38946
|
|
|
38910
38947
|
/***/ }),
|
|
@@ -45210,7 +45247,7 @@ exports.SELECTION_CONTROL_TYPE = {
|
|
|
45210
45247
|
"use strict";
|
|
45211
45248
|
|
|
45212
45249
|
Object.defineProperty(exports, "__esModule", ({ value: true }));
|
|
45213
|
-
exports.OVERLAY_HEADER_BORDER_COLORS = void 0;
|
|
45250
|
+
exports.OVERLAY_HEADER_STATES = exports.OVERLAY_HEADER_BORDER_COLORS = void 0;
|
|
45214
45251
|
exports.OVERLAY_HEADER_BORDER_COLORS = {
|
|
45215
45252
|
NEUTRAL_GHOST: 'neutralGhost',
|
|
45216
45253
|
NEUTRAL: 'neutral',
|
|
@@ -45218,6 +45255,10 @@ exports.OVERLAY_HEADER_BORDER_COLORS = {
|
|
|
45218
45255
|
FAIL: 'fail',
|
|
45219
45256
|
WARNING: 'warning',
|
|
45220
45257
|
};
|
|
45258
|
+
exports.OVERLAY_HEADER_STATES = {
|
|
45259
|
+
DEFAULT: 'default',
|
|
45260
|
+
LOADING: 'loading',
|
|
45261
|
+
};
|
|
45221
45262
|
|
|
45222
45263
|
|
|
45223
45264
|
/***/ }),
|
|
@@ -46423,6 +46464,21 @@ exports.SKELETON_RADIUS_SIZES = {
|
|
|
46423
46464
|
};
|
|
46424
46465
|
|
|
46425
46466
|
|
|
46467
|
+
/***/ }),
|
|
46468
|
+
|
|
46469
|
+
/***/ 4347:
|
|
46470
|
+
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
46471
|
+
|
|
46472
|
+
"use strict";
|
|
46473
|
+
|
|
46474
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
46475
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
46476
|
+
};
|
|
46477
|
+
Object.defineProperty(exports, "__esModule", ({ value: true }));
|
|
46478
|
+
const Skeleton_vue_1 = __importDefault(__webpack_require__(23465));
|
|
46479
|
+
exports["default"] = Skeleton_vue_1.default;
|
|
46480
|
+
|
|
46481
|
+
|
|
46426
46482
|
/***/ }),
|
|
46427
46483
|
|
|
46428
46484
|
/***/ 2790:
|
|
@@ -47218,7 +47274,8 @@ const faHourglass_1 = __webpack_require__(58594);
|
|
|
47218
47274
|
const faHourglassEnd_1 = __webpack_require__(40617);
|
|
47219
47275
|
const faHourglassStart_1 = __webpack_require__(11926);
|
|
47220
47276
|
const faHouse_1 = __webpack_require__(57962);
|
|
47221
|
-
const faImages_1 = __webpack_require__(
|
|
47277
|
+
const faImages_1 = __webpack_require__(12296);
|
|
47278
|
+
const faImages_2 = __webpack_require__(77173);
|
|
47222
47279
|
const faKey_1 = __webpack_require__(91527);
|
|
47223
47280
|
const faKeyboard_1 = __webpack_require__(68837);
|
|
47224
47281
|
const faLightbulb_1 = __webpack_require__(72559);
|
|
@@ -47442,7 +47499,8 @@ exports.FONTAWESOME_ICONS = {
|
|
|
47442
47499
|
FA_HOURGLASS_END: faHourglassEnd_1.faHourglassEnd,
|
|
47443
47500
|
FA_HOURGLASS_START: faHourglassStart_1.faHourglassStart,
|
|
47444
47501
|
FA_HOUSE: faHouse_1.faHouse,
|
|
47445
|
-
|
|
47502
|
+
FA_IMAGES: faImages_1.faImages,
|
|
47503
|
+
FA_IMAGES_SOLID: faImages_2.faImages,
|
|
47446
47504
|
FA_INFO_SOLID: faInfo_1.faInfo,
|
|
47447
47505
|
FA_KEY: faKey_1.faKey,
|
|
47448
47506
|
FA_KEYBOARD: faKeyboard_1.faKeyboard,
|
|
@@ -49952,12 +50010,13 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
|
|
|
49952
50010
|
const IconButton_vue_1 = __importDefault(__webpack_require__(53811));
|
|
49953
50011
|
const Divider_1 = __importStar(__webpack_require__(11922));
|
|
49954
50012
|
const Dropdown_1 = __importStar(__webpack_require__(33144));
|
|
50013
|
+
const Skeleton_1 = __importDefault(__webpack_require__(4347));
|
|
49955
50014
|
const IconButton_1 = __webpack_require__(77345);
|
|
49956
50015
|
const Icon_1 = __webpack_require__(32411);
|
|
49957
50016
|
const OverlayHeader_consts_1 = __webpack_require__(86855);
|
|
49958
50017
|
exports["default"] = {
|
|
49959
50018
|
name: 'OverlayHeader',
|
|
49960
|
-
components: { IconButton: IconButton_vue_1.default, DsDivider: Divider_1.default, DsDropdown: Dropdown_1.default },
|
|
50019
|
+
components: { IconButton: IconButton_vue_1.default, DsDivider: Divider_1.default, DsDropdown: Dropdown_1.default, DsSkeleton: Skeleton_1.default },
|
|
49961
50020
|
props: {
|
|
49962
50021
|
title: {
|
|
49963
50022
|
type: String,
|
|
@@ -49980,6 +50039,13 @@ exports["default"] = {
|
|
|
49980
50039
|
type: Boolean,
|
|
49981
50040
|
default: false,
|
|
49982
50041
|
},
|
|
50042
|
+
state: {
|
|
50043
|
+
type: String,
|
|
50044
|
+
default: OverlayHeader_consts_1.OVERLAY_HEADER_STATES.DEFAULT,
|
|
50045
|
+
validator(value) {
|
|
50046
|
+
return Object.values(OverlayHeader_consts_1.OVERLAY_HEADER_STATES).includes(value);
|
|
50047
|
+
},
|
|
50048
|
+
},
|
|
49983
50049
|
},
|
|
49984
50050
|
// TODO fix me when touching this file
|
|
49985
50051
|
// eslint-disable-next-line vue/require-emit-validator
|
|
@@ -49992,10 +50058,16 @@ exports["default"] = {
|
|
|
49992
50058
|
ICONS: Object.freeze(Icon_1.ICONS),
|
|
49993
50059
|
DIVIDER_PROMINENCES: Object.freeze(Divider_1.DIVIDER_PROMINENCES),
|
|
49994
50060
|
OVERLAY_HEADER_BORDER_COLORS: Object.freeze(OverlayHeader_consts_1.OVERLAY_HEADER_BORDER_COLORS),
|
|
50061
|
+
OVERLAY_HEADER_STATES: Object.freeze(OverlayHeader_consts_1.OVERLAY_HEADER_STATES),
|
|
49995
50062
|
DROPDOWN_PLACEMENTS: Object.freeze(Dropdown_1.DROPDOWN_PLACEMENTS),
|
|
49996
50063
|
isDropdownOpen: false,
|
|
49997
50064
|
};
|
|
49998
50065
|
},
|
|
50066
|
+
computed: {
|
|
50067
|
+
isLoading() {
|
|
50068
|
+
return this.state === OverlayHeader_consts_1.OVERLAY_HEADER_STATES.LOADING;
|
|
50069
|
+
},
|
|
50070
|
+
},
|
|
49999
50071
|
methods: {
|
|
50000
50072
|
onTitleClick() {
|
|
50001
50073
|
if (this.isTitleInteractive) {
|
|
@@ -54802,7 +54874,7 @@ exports.s = render;
|
|
|
54802
54874
|
|
|
54803
54875
|
/***/ }),
|
|
54804
54876
|
|
|
54805
|
-
/***/
|
|
54877
|
+
/***/ 53503:
|
|
54806
54878
|
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
|
54807
54879
|
|
|
54808
54880
|
"use strict";
|
|
@@ -54811,36 +54883,44 @@ var __webpack_unused_export__;
|
|
|
54811
54883
|
__webpack_unused_export__ = ({ value: true });
|
|
54812
54884
|
exports.s = void 0;
|
|
54813
54885
|
const vue_1 = __webpack_require__(77203);
|
|
54814
|
-
const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-
|
|
54886
|
+
const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-3d700abe"), n = n(), (0, vue_1.popScopeId)(), n);
|
|
54815
54887
|
const _hoisted_1 = {
|
|
54816
54888
|
key: 0,
|
|
54889
|
+
class: "ds-overlayHeader__loadingWrapper"
|
|
54890
|
+
};
|
|
54891
|
+
const _hoisted_2 = {
|
|
54892
|
+
key: 1,
|
|
54817
54893
|
class: "ds-overlayHeader__accessory"
|
|
54818
54894
|
};
|
|
54819
|
-
const _hoisted_2 = { class: "ds-overlayHeader__content" };
|
|
54820
54895
|
const _hoisted_3 = {
|
|
54896
|
+
key: 2,
|
|
54897
|
+
class: "ds-overlayHeader__content"
|
|
54898
|
+
};
|
|
54899
|
+
const _hoisted_4 = {
|
|
54821
54900
|
key: 0,
|
|
54822
54901
|
class: "ds-overlayHeader__eyebrow"
|
|
54823
54902
|
};
|
|
54824
|
-
const
|
|
54825
|
-
const
|
|
54903
|
+
const _hoisted_5 = ["title"];
|
|
54904
|
+
const _hoisted_6 = {
|
|
54826
54905
|
key: 1,
|
|
54827
54906
|
class: "ds-overlayHeader__eyebrowAccessory"
|
|
54828
54907
|
};
|
|
54829
|
-
const
|
|
54830
|
-
const
|
|
54908
|
+
const _hoisted_7 = { class: "ds-overlayHeader__main" };
|
|
54909
|
+
const _hoisted_8 = {
|
|
54831
54910
|
key: 0,
|
|
54832
54911
|
class: "ds-overlayHeader__titleLeading"
|
|
54833
54912
|
};
|
|
54834
|
-
const
|
|
54835
|
-
const
|
|
54836
|
-
const
|
|
54837
|
-
const
|
|
54913
|
+
const _hoisted_9 = ["title"];
|
|
54914
|
+
const _hoisted_10 = { class: "ds-overlayHeader__title -ds-desktop" };
|
|
54915
|
+
const _hoisted_11 = { class: "ds-overlayHeader__title -ds-mobile" };
|
|
54916
|
+
const _hoisted_12 = {
|
|
54838
54917
|
key: 2,
|
|
54839
54918
|
class: "ds-overlayHeader__titleTrailingWrapper"
|
|
54840
54919
|
};
|
|
54841
|
-
const
|
|
54842
|
-
const
|
|
54920
|
+
const _hoisted_13 = { class: "ds-overlayHeader__titleTrailing" };
|
|
54921
|
+
const _hoisted_14 = { class: "ds-overlayHeader__actions" };
|
|
54843
54922
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
54923
|
+
const _component_ds_skeleton = (0, vue_1.resolveComponent)("ds-skeleton");
|
|
54844
54924
|
const _component_ds_divider = (0, vue_1.resolveComponent)("ds-divider");
|
|
54845
54925
|
const _component_icon_button = (0, vue_1.resolveComponent)("icon-button");
|
|
54846
54926
|
const _component_ds_dropdown = (0, vue_1.resolveComponent)("ds-dropdown");
|
|
@@ -54852,59 +54932,79 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
54852
54932
|
'-ds-borderWarning': $props.borderColor === $data.OVERLAY_HEADER_BORDER_COLORS.WARNING,
|
|
54853
54933
|
}])
|
|
54854
54934
|
}, [
|
|
54855
|
-
(
|
|
54935
|
+
($options.isLoading)
|
|
54856
54936
|
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_1, [
|
|
54937
|
+
(0, vue_1.createVNode)(_component_ds_skeleton, {
|
|
54938
|
+
width: "50%",
|
|
54939
|
+
height: "12px"
|
|
54940
|
+
}),
|
|
54941
|
+
(0, vue_1.createVNode)(_component_ds_skeleton, {
|
|
54942
|
+
class: "ds-overlayHeader__loadingBar -ds-desktop",
|
|
54943
|
+
width: "100%",
|
|
54944
|
+
height: "20px"
|
|
54945
|
+
}),
|
|
54946
|
+
(0, vue_1.createVNode)(_component_ds_skeleton, {
|
|
54947
|
+
class: "ds-overlayHeader__loadingBar -ds-mobile",
|
|
54948
|
+
width: "100%",
|
|
54949
|
+
height: "18px"
|
|
54950
|
+
})
|
|
54951
|
+
]))
|
|
54952
|
+
: (0, vue_1.createCommentVNode)("", true),
|
|
54953
|
+
(!$options.isLoading && _ctx.$slots.accessory)
|
|
54954
|
+
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_2, [
|
|
54857
54955
|
(0, vue_1.renderSlot)(_ctx.$slots, "accessory", {}, undefined, true)
|
|
54858
54956
|
]))
|
|
54859
54957
|
: (0, vue_1.createCommentVNode)("", true),
|
|
54860
|
-
(
|
|
54861
|
-
(
|
|
54862
|
-
|
|
54863
|
-
(
|
|
54958
|
+
(!$options.isLoading)
|
|
54959
|
+
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_3, [
|
|
54960
|
+
($props.eyebrowText || _ctx.$slots.eyebrowAccessory)
|
|
54961
|
+
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_4, [
|
|
54962
|
+
($props.eyebrowText)
|
|
54963
|
+
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
|
|
54964
|
+
key: 0,
|
|
54965
|
+
class: (0, vue_1.normalizeClass)(["ds-overlayHeader__eyebrowText", { '-ds-withRightMargin': _ctx.$slots.eyebrowAccessory }]),
|
|
54966
|
+
title: $props.eyebrowText
|
|
54967
|
+
}, (0, vue_1.toDisplayString)($props.eyebrowText), 11, _hoisted_5))
|
|
54968
|
+
: (0, vue_1.createCommentVNode)("", true),
|
|
54969
|
+
(_ctx.$slots.eyebrowAccessory)
|
|
54970
|
+
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_6, [
|
|
54971
|
+
(0, vue_1.renderSlot)(_ctx.$slots, "eyebrowAccessory", {}, undefined, true)
|
|
54972
|
+
]))
|
|
54973
|
+
: (0, vue_1.createCommentVNode)("", true)
|
|
54974
|
+
]))
|
|
54975
|
+
: (0, vue_1.createCommentVNode)("", true),
|
|
54976
|
+
(0, vue_1.createElementVNode)("div", _hoisted_7, [
|
|
54977
|
+
(_ctx.$slots.titleLeading)
|
|
54978
|
+
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_8, [
|
|
54979
|
+
(0, vue_1.renderSlot)(_ctx.$slots, "titleLeading", {}, undefined, true)
|
|
54980
|
+
]))
|
|
54981
|
+
: (0, vue_1.createCommentVNode)("", true),
|
|
54982
|
+
($props.title || $props.shortTitle)
|
|
54864
54983
|
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
|
|
54865
|
-
key:
|
|
54866
|
-
class: (0, vue_1.normalizeClass)(["ds-
|
|
54867
|
-
title: $props.
|
|
54868
|
-
|
|
54984
|
+
key: 1,
|
|
54985
|
+
class: (0, vue_1.normalizeClass)(["ds-overlayHeader__titleWrapper", { '-ds-interactive': $props.isTitleInteractive }]),
|
|
54986
|
+
title: $props.title,
|
|
54987
|
+
onClick: _cache[0] || (_cache[0] =
|
|
54988
|
+
//@ts-ignore
|
|
54989
|
+
(...args) => ($options.onTitleClick && $options.onTitleClick(...args)))
|
|
54990
|
+
}, [
|
|
54991
|
+
(0, vue_1.createElementVNode)("div", _hoisted_10, (0, vue_1.toDisplayString)($props.title), 1),
|
|
54992
|
+
(0, vue_1.createElementVNode)("div", _hoisted_11, (0, vue_1.toDisplayString)($props.shortTitle || $props.title), 1)
|
|
54993
|
+
], 10, _hoisted_9))
|
|
54869
54994
|
: (0, vue_1.createCommentVNode)("", true),
|
|
54870
|
-
(_ctx.$slots.
|
|
54871
|
-
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div",
|
|
54872
|
-
(0, vue_1.
|
|
54995
|
+
(_ctx.$slots.titleTrailing)
|
|
54996
|
+
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_12, [
|
|
54997
|
+
(0, vue_1.createElementVNode)("div", _hoisted_13, [
|
|
54998
|
+
(0, vue_1.renderSlot)(_ctx.$slots, "titleTrailing", {}, undefined, true)
|
|
54999
|
+
])
|
|
54873
55000
|
]))
|
|
54874
55001
|
: (0, vue_1.createCommentVNode)("", true)
|
|
54875
|
-
])
|
|
54876
|
-
|
|
54877
|
-
(0, vue_1.
|
|
54878
|
-
|
|
54879
|
-
|
|
54880
|
-
|
|
54881
|
-
]))
|
|
54882
|
-
: (0, vue_1.createCommentVNode)("", true),
|
|
54883
|
-
($props.title || $props.shortTitle)
|
|
54884
|
-
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
|
|
54885
|
-
key: 1,
|
|
54886
|
-
class: (0, vue_1.normalizeClass)(["ds-overlayHeader__titleWrapper", { '-ds-interactive': $props.isTitleInteractive }]),
|
|
54887
|
-
title: $props.title,
|
|
54888
|
-
onClick: _cache[0] || (_cache[0] =
|
|
54889
|
-
//@ts-ignore
|
|
54890
|
-
(...args) => ($options.onTitleClick && $options.onTitleClick(...args)))
|
|
54891
|
-
}, [
|
|
54892
|
-
(0, vue_1.createElementVNode)("div", _hoisted_9, (0, vue_1.toDisplayString)($props.title), 1),
|
|
54893
|
-
(0, vue_1.createElementVNode)("div", _hoisted_10, (0, vue_1.toDisplayString)($props.shortTitle || $props.title), 1)
|
|
54894
|
-
], 10, _hoisted_8))
|
|
54895
|
-
: (0, vue_1.createCommentVNode)("", true),
|
|
54896
|
-
(_ctx.$slots.titleTrailing)
|
|
54897
|
-
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_11, [
|
|
54898
|
-
(0, vue_1.createElementVNode)("div", _hoisted_12, [
|
|
54899
|
-
(0, vue_1.renderSlot)(_ctx.$slots, "titleTrailing", {}, undefined, true)
|
|
54900
|
-
])
|
|
54901
|
-
]))
|
|
54902
|
-
: (0, vue_1.createCommentVNode)("", true)
|
|
54903
|
-
])
|
|
54904
|
-
]),
|
|
54905
|
-
(_ctx.$slots.actions)
|
|
54906
|
-
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(vue_1.Fragment, { key: 1 }, [
|
|
54907
|
-
(0, vue_1.createElementVNode)("div", _hoisted_13, [
|
|
55002
|
+
])
|
|
55003
|
+
]))
|
|
55004
|
+
: (0, vue_1.createCommentVNode)("", true),
|
|
55005
|
+
(!$options.isLoading && _ctx.$slots.actions)
|
|
55006
|
+
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(vue_1.Fragment, { key: 3 }, [
|
|
55007
|
+
(0, vue_1.createElementVNode)("div", _hoisted_14, [
|
|
54908
55008
|
(0, vue_1.renderSlot)(_ctx.$slots, "actions", {}, undefined, true)
|
|
54909
55009
|
]),
|
|
54910
55010
|
(0, vue_1.createVNode)(_component_ds_divider, {
|
|
@@ -54914,8 +55014,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
54914
55014
|
}, null, 8, ["prominence"])
|
|
54915
55015
|
], 64))
|
|
54916
55016
|
: (0, vue_1.createCommentVNode)("", true),
|
|
54917
|
-
(_ctx.$slots.dropdown)
|
|
54918
|
-
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(vue_1.Fragment, { key:
|
|
55017
|
+
(!$options.isLoading && _ctx.$slots.dropdown)
|
|
55018
|
+
? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(vue_1.Fragment, { key: 4 }, [
|
|
54919
55019
|
(0, vue_1.createVNode)(_component_ds_dropdown, {
|
|
54920
55020
|
"boundaries-selector": "body",
|
|
54921
55021
|
placement: $data.DROPDOWN_PLACEMENTS.BOTTOM_END,
|
|
@@ -58198,19 +58298,19 @@ var update = add("269c36e4", content, true, {"sourceMap":false,"shadowMode":fals
|
|
|
58198
58298
|
|
|
58199
58299
|
/***/ }),
|
|
58200
58300
|
|
|
58201
|
-
/***/
|
|
58301
|
+
/***/ 51409:
|
|
58202
58302
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
58203
58303
|
|
|
58204
58304
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
58205
58305
|
|
|
58206
58306
|
// load the styles
|
|
58207
|
-
var content = __webpack_require__(
|
|
58307
|
+
var content = __webpack_require__(81658);
|
|
58208
58308
|
if(content.__esModule) content = content.default;
|
|
58209
58309
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
58210
58310
|
if(content.locals) module.exports = content.locals;
|
|
58211
58311
|
// add the styles to the DOM
|
|
58212
58312
|
var add = (__webpack_require__(54402)/* ["default"] */ .Z)
|
|
58213
|
-
var update = add("
|
|
58313
|
+
var update = add("2f30e9a4", content, true, {"sourceMap":false,"shadowMode":false});
|
|
58214
58314
|
|
|
58215
58315
|
/***/ }),
|
|
58216
58316
|
|