@carbon/vue 3.0.22 → 3.0.23
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/README.md +2 -3
- package/dist/carbon-vue-3.common.js +64 -7
- package/dist/carbon-vue-3.common.js.map +1 -1
- package/dist/carbon-vue-3.umd.js +64 -7
- package/dist/carbon-vue-3.umd.js.map +1 -1
- package/dist/carbon-vue-3.umd.min.js +4 -4
- package/dist/carbon-vue-3.umd.min.js.map +1 -1
- package/package.json +7 -4
- package/src/components/CvDataTable/CvDataTable.stories.mdx +6 -22
- package/src/components/CvDataTable/CvDataTable.vue +2 -6
- package/src/components/CvDataTable/CvDataTableRow.vue +6 -1
- package/src/components/CvUIShell/CvContent.stories.js +22 -0
- package/src/components/CvUIShell/CvContent.vue +14 -0
- package/src/index.js +1 -0
- package/telemetry.yml +1 -1
- package/dist/web-types.json +0 -5555
package/dist/carbon-vue-3.umd.js
CHANGED
|
@@ -4882,11 +4882,7 @@ var _hoisted_10 = {
|
|
|
4882
4882
|
/** @type {Ref<Set<String>>} */
|
|
4883
4883
|
|
|
4884
4884
|
var expandingRowIds = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(new Set());
|
|
4885
|
-
var hasExpandingRows = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
|
|
4886
|
-
return expandingRowIds.value.size > 0;
|
|
4887
|
-
});
|
|
4888
4885
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('expanding-row-ids', expandingRowIds);
|
|
4889
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('has-expanding-rows', hasExpandingRows);
|
|
4890
4886
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(function () {
|
|
4891
4887
|
if (props.expandable) expandingRowIds.value.add('table-expand-row');
|
|
4892
4888
|
});
|
|
@@ -5269,7 +5265,7 @@ var _hoisted_10 = {
|
|
|
5269
5265
|
|
|
5270
5266
|
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("table", {
|
|
5271
5267
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table"), "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table--").concat(__props.rowSize || 'lg'), (_ref6 = {}, (0,defineProperty/* default */.A)(_ref6, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table--zebra "), __props.zebra), (0,defineProperty/* default */.A)(_ref6, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table--sticky-header "), __props.stickyHeader), (0,defineProperty/* default */.A)(_ref6, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table--no-border "), __props.borderless), (0,defineProperty/* default */.A)(_ref6, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--skeleton "), __props.skeleton), (0,defineProperty/* default */.A)(_ref6, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table--sort "), isSortable.value), (0,defineProperty/* default */.A)(_ref6, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table--static "), __props.staticWidth), _ref6)])
|
|
5272
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tr", null, [
|
|
5268
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tr", null, [__props.expandable ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", {
|
|
5273
5269
|
key: 0,
|
|
5274
5270
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--table-expand")),
|
|
5275
5271
|
"data-previous-value": dataExpandAll.value ? 'collapsed' : 'expanded'
|
|
@@ -5308,7 +5304,7 @@ var _hoisted_10 = {
|
|
|
5308
5304
|
skeleton: __props.skeleton
|
|
5309
5305
|
}, null, 8, ["heading", "sortable", "order", "heading-style", "skeleton"]);
|
|
5310
5306
|
}), 128))];
|
|
5311
|
-
}), hasOverflowMenu.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", _hoisted_10)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)(
|
|
5307
|
+
}), hasOverflowMenu.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", _hoisted_10)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)(__props.expandable ? _CvEmpty/* default */.A : 'tbody'), null, {
|
|
5312
5308
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
5313
5309
|
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "data", {}, function () {
|
|
5314
5310
|
return [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)(__props.data, function (row, rowIndex) {
|
|
@@ -6062,9 +6058,13 @@ var CvDataTableRowvue_type_script_setup_true_lang_js_hoisted_2 = {
|
|
|
6062
6058
|
|
|
6063
6059
|
var expandingRowIds = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('expanding-row-ids', (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(new Set()));
|
|
6064
6060
|
var dataExpandable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
6065
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(dataExpandable, function () {
|
|
6061
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(dataExpandable, function (value) {
|
|
6066
6062
|
var _expandingRowIds$valu;
|
|
6067
6063
|
|
|
6064
|
+
if (value && !expandingRowIds.value.has('table-expand-row')) {
|
|
6065
|
+
console.warn("row ".concat(cvId.value, " is expandable but the expandable property is not set to true on the table"));
|
|
6066
|
+
}
|
|
6067
|
+
|
|
6068
6068
|
if (dataExpandable.value) expandingRowIds.value.add(cvId.value);else (_expandingRowIds$valu = expandingRowIds.value) === null || _expandingRowIds$valu === void 0 ? void 0 : _expandingRowIds$valu.delete(cvId.value);
|
|
6069
6069
|
});
|
|
6070
6070
|
var dataSomeExpandingRows = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
|
|
@@ -20862,6 +20862,58 @@ const __exports__ = CvTooltipvue_type_script_setup_true_lang_js;
|
|
|
20862
20862
|
|
|
20863
20863
|
/***/ }),
|
|
20864
20864
|
|
|
20865
|
+
/***/ 8815:
|
|
20866
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
20867
|
+
|
|
20868
|
+
"use strict";
|
|
20869
|
+
// ESM COMPAT FLAG
|
|
20870
|
+
__webpack_require__.r(__webpack_exports__);
|
|
20871
|
+
|
|
20872
|
+
// EXPORTS
|
|
20873
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
20874
|
+
"default": function() { return /* binding */ CvContent; }
|
|
20875
|
+
});
|
|
20876
|
+
|
|
20877
|
+
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
20878
|
+
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(9274);
|
|
20879
|
+
// EXTERNAL MODULE: ./src/global/settings.js
|
|
20880
|
+
var settings = __webpack_require__(7284);
|
|
20881
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvUIShell/CvContent.vue?vue&type=script&setup=true&lang=js
|
|
20882
|
+
|
|
20883
|
+
|
|
20884
|
+
/* harmony default export */ var CvContentvue_type_script_setup_true_lang_js = ({
|
|
20885
|
+
__name: 'CvContent',
|
|
20886
|
+
props: {
|
|
20887
|
+
tagType: {
|
|
20888
|
+
type: String,
|
|
20889
|
+
default: 'main'
|
|
20890
|
+
}
|
|
20891
|
+
},
|
|
20892
|
+
setup: function setup(__props) {
|
|
20893
|
+
return function (_ctx, _cache) {
|
|
20894
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)(__props.tagType), {
|
|
20895
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--content"))
|
|
20896
|
+
}, {
|
|
20897
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
20898
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")];
|
|
20899
|
+
}),
|
|
20900
|
+
_: 3
|
|
20901
|
+
}, 8, ["class"]);
|
|
20902
|
+
};
|
|
20903
|
+
}
|
|
20904
|
+
});
|
|
20905
|
+
;// ./src/components/CvUIShell/CvContent.vue?vue&type=script&setup=true&lang=js
|
|
20906
|
+
|
|
20907
|
+
;// ./src/components/CvUIShell/CvContent.vue
|
|
20908
|
+
|
|
20909
|
+
|
|
20910
|
+
|
|
20911
|
+
const __exports__ = CvContentvue_type_script_setup_true_lang_js;
|
|
20912
|
+
|
|
20913
|
+
/* harmony default export */ var CvContent = (__exports__);
|
|
20914
|
+
|
|
20915
|
+
/***/ }),
|
|
20916
|
+
|
|
20865
20917
|
/***/ 8153:
|
|
20866
20918
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
20867
20919
|
|
|
@@ -43225,6 +43277,7 @@ var map = {
|
|
|
43225
43277
|
"./CvTooltip/CvDefinitionTooltip.vue": 8877,
|
|
43226
43278
|
"./CvTooltip/CvInteractiveTooltip.vue": 5161,
|
|
43227
43279
|
"./CvTooltip/CvTooltip.vue": 6059,
|
|
43280
|
+
"./CvUIShell/CvContent.vue": 8815,
|
|
43228
43281
|
"./CvUIShell/CvHeader.vue": 8153,
|
|
43229
43282
|
"./CvUIShell/CvHeaderGlobalAction.vue": 7163,
|
|
43230
43283
|
"./CvUIShell/CvHeaderMenu.vue": 1915,
|
|
@@ -43914,6 +43967,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
43914
43967
|
CvCodeSnippetSkeleton: function() { return /* reexport */ CvCodeSnippetSkeleton["default"]; },
|
|
43915
43968
|
CvColumn: function() { return /* reexport */ CvColumn["default"]; },
|
|
43916
43969
|
CvComboBox: function() { return /* reexport */ CvComboBox["default"]; },
|
|
43970
|
+
CvContent: function() { return /* reexport */ CvContent["default"]; },
|
|
43917
43971
|
CvContentSwitcher: function() { return /* reexport */ CvContentSwitcher["default"]; },
|
|
43918
43972
|
CvContentSwitcherButton: function() { return /* reexport */ CvContentSwitcherButton["default"]; },
|
|
43919
43973
|
CvContentSwitcherContent: function() { return /* reexport */ CvContentSwitcherContent["default"]; },
|
|
@@ -44247,6 +44301,8 @@ var CvDefinitionTooltip = __webpack_require__(8877);
|
|
|
44247
44301
|
var CvInteractiveTooltip = __webpack_require__(5161);
|
|
44248
44302
|
// EXTERNAL MODULE: ./src/components/CvTooltip/CvTooltip.vue + 2 modules
|
|
44249
44303
|
var CvTooltip = __webpack_require__(6059);
|
|
44304
|
+
// EXTERNAL MODULE: ./src/components/CvUIShell/CvContent.vue + 2 modules
|
|
44305
|
+
var CvContent = __webpack_require__(8815);
|
|
44250
44306
|
// EXTERNAL MODULE: ./src/components/CvUIShell/CvHeader.vue + 2 modules
|
|
44251
44307
|
var CvHeader = __webpack_require__(8153);
|
|
44252
44308
|
// EXTERNAL MODULE: ./src/components/CvUIShell/CvHeaderGlobalAction.vue + 2 modules
|
|
@@ -44475,6 +44531,7 @@ var components = ctx.keys().map(function (k) {
|
|
|
44475
44531
|
|
|
44476
44532
|
|
|
44477
44533
|
|
|
44534
|
+
|
|
44478
44535
|
|
|
44479
44536
|
|
|
44480
44537
|
;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
|