@micro-lc/preview 0.7.3 → 0.7.5
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/CHANGELOG.md +12 -0
- package/package.json +1 -1
- package/website/.vite/manifest.json +2 -2
- package/website/assets/{index-bbSGSfTl.js → index-Da1xwVn-.js} +31 -31
- package/website/assets/{index-_9UZNNtx.css → index-KArLGziQ.css} +1 -1
- package/website/development/.vite/manifest.json +2 -2
- package/website/development/assets/{index-C5kjVVQ-.js → index-1ITDJKPY.js} +96 -64
- package/website/development/assets/{index-HuzVlez9.css → index-q8Oea728.css} +6 -2
- package/website/development/index.html +2 -2
- package/website/index.html +2 -2
@@ -6,12 +6,12 @@
|
|
6
6
|
},
|
7
7
|
"index.html": {
|
8
8
|
"css": [
|
9
|
-
"assets/index-
|
9
|
+
"assets/index-q8Oea728.css"
|
10
10
|
],
|
11
11
|
"dynamicImports": [
|
12
12
|
"../../node_modules/@micro-lc/composer/dist/lib/logger/errors.js"
|
13
13
|
],
|
14
|
-
"file": "assets/index-
|
14
|
+
"file": "assets/index-1ITDJKPY.js",
|
15
15
|
"isEntry": true,
|
16
16
|
"src": "index.html"
|
17
17
|
}
|
@@ -12415,11 +12415,19 @@ var _fails = function(exec) {
|
|
12415
12415
|
return true;
|
12416
12416
|
}
|
12417
12417
|
};
|
12418
|
-
var _descriptors
|
12419
|
-
|
12420
|
-
|
12421
|
-
|
12422
|
-
|
12418
|
+
var _descriptors;
|
12419
|
+
var hasRequired_descriptors;
|
12420
|
+
function require_descriptors() {
|
12421
|
+
if (hasRequired_descriptors)
|
12422
|
+
return _descriptors;
|
12423
|
+
hasRequired_descriptors = 1;
|
12424
|
+
_descriptors = !_fails(function() {
|
12425
|
+
return Object.defineProperty({}, "a", { get: function() {
|
12426
|
+
return 7;
|
12427
|
+
} }).a != 7;
|
12428
|
+
});
|
12429
|
+
return _descriptors;
|
12430
|
+
}
|
12423
12431
|
var _domCreate;
|
12424
12432
|
var hasRequired_domCreate;
|
12425
12433
|
function require_domCreate() {
|
@@ -12434,11 +12442,19 @@ function require_domCreate() {
|
|
12434
12442
|
};
|
12435
12443
|
return _domCreate;
|
12436
12444
|
}
|
12437
|
-
var _ie8DomDefine
|
12438
|
-
|
12439
|
-
|
12440
|
-
|
12441
|
-
|
12445
|
+
var _ie8DomDefine;
|
12446
|
+
var hasRequired_ie8DomDefine;
|
12447
|
+
function require_ie8DomDefine() {
|
12448
|
+
if (hasRequired_ie8DomDefine)
|
12449
|
+
return _ie8DomDefine;
|
12450
|
+
hasRequired_ie8DomDefine = 1;
|
12451
|
+
_ie8DomDefine = !require_descriptors() && !_fails(function() {
|
12452
|
+
return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
|
12453
|
+
return 7;
|
12454
|
+
} }).a != 7;
|
12455
|
+
});
|
12456
|
+
return _ie8DomDefine;
|
12457
|
+
}
|
12442
12458
|
var isObject$2 = _isObject;
|
12443
12459
|
var _toPrimitive = function(it, S2) {
|
12444
12460
|
if (!isObject$2(it))
|
@@ -12452,25 +12468,32 @@ var _toPrimitive = function(it, S2) {
|
|
12452
12468
|
return val;
|
12453
12469
|
throw TypeError("Can't convert object to primitive value");
|
12454
12470
|
};
|
12455
|
-
var
|
12456
|
-
|
12457
|
-
|
12458
|
-
|
12459
|
-
|
12460
|
-
|
12461
|
-
|
12462
|
-
|
12463
|
-
|
12464
|
-
|
12465
|
-
|
12466
|
-
|
12467
|
-
|
12468
|
-
|
12469
|
-
|
12470
|
-
|
12471
|
-
|
12472
|
-
|
12473
|
-
|
12471
|
+
var hasRequired_objectDp;
|
12472
|
+
function require_objectDp() {
|
12473
|
+
if (hasRequired_objectDp)
|
12474
|
+
return _objectDp;
|
12475
|
+
hasRequired_objectDp = 1;
|
12476
|
+
var anObject2 = _anObject;
|
12477
|
+
var IE8_DOM_DEFINE2 = require_ie8DomDefine();
|
12478
|
+
var toPrimitive2 = _toPrimitive;
|
12479
|
+
var dP2 = Object.defineProperty;
|
12480
|
+
_objectDp.f = require_descriptors() ? Object.defineProperty : function defineProperty4(O2, P2, Attributes) {
|
12481
|
+
anObject2(O2);
|
12482
|
+
P2 = toPrimitive2(P2, true);
|
12483
|
+
anObject2(Attributes);
|
12484
|
+
if (IE8_DOM_DEFINE2)
|
12485
|
+
try {
|
12486
|
+
return dP2(O2, P2, Attributes);
|
12487
|
+
} catch (e2) {
|
12488
|
+
}
|
12489
|
+
if ("get" in Attributes || "set" in Attributes)
|
12490
|
+
throw TypeError("Accessors not supported!");
|
12491
|
+
if ("value" in Attributes)
|
12492
|
+
O2[P2] = Attributes.value;
|
12493
|
+
return O2;
|
12494
|
+
};
|
12495
|
+
return _objectDp;
|
12496
|
+
}
|
12474
12497
|
var _propertyDesc = function(bitmap, value) {
|
12475
12498
|
return {
|
12476
12499
|
enumerable: !(bitmap & 1),
|
@@ -12479,9 +12502,9 @@ var _propertyDesc = function(bitmap, value) {
|
|
12479
12502
|
value
|
12480
12503
|
};
|
12481
12504
|
};
|
12482
|
-
var dP$2 =
|
12505
|
+
var dP$2 = require_objectDp();
|
12483
12506
|
var createDesc$2 = _propertyDesc;
|
12484
|
-
var _hide =
|
12507
|
+
var _hide = require_descriptors() ? function(object, key2, value) {
|
12485
12508
|
return dP$2.f(object, key2, createDesc$2(1, value));
|
12486
12509
|
} : function(object, key2, value) {
|
12487
12510
|
object[key2] = value;
|
@@ -12685,7 +12708,7 @@ function require_objectAssign() {
|
|
12685
12708
|
if (hasRequired_objectAssign)
|
12686
12709
|
return _objectAssign;
|
12687
12710
|
hasRequired_objectAssign = 1;
|
12688
|
-
var DESCRIPTORS2 =
|
12711
|
+
var DESCRIPTORS2 = require_descriptors();
|
12689
12712
|
var getKeys2 = _objectKeys;
|
12690
12713
|
var gOPS2 = _objectGops;
|
12691
12714
|
var pIE2 = require_objectPie();
|
@@ -15206,9 +15229,9 @@ ClassList.prototype.has = ClassList.prototype.contains = function(name2) {
|
|
15206
15229
|
};
|
15207
15230
|
const classes = /* @__PURE__ */ getDefaultExportFromCjs(componentClasses);
|
15208
15231
|
var $export$3 = _export;
|
15209
|
-
$export$3($export$3.S + $export$3.F * !
|
15232
|
+
$export$3($export$3.S + $export$3.F * !require_descriptors(), "Object", { defineProperty: require_objectDp().f });
|
15210
15233
|
var $Object$1 = _coreExports.Object;
|
15211
|
-
var defineProperty$4 = function
|
15234
|
+
var defineProperty$4 = function defineProperty(it, key2, desc) {
|
15212
15235
|
return $Object$1.defineProperty(it, key2, desc);
|
15213
15236
|
};
|
15214
15237
|
var defineProperty$3 = { "default": defineProperty$4, __esModule: true };
|
@@ -15276,10 +15299,10 @@ var _stringAt = function(TO_STRING) {
|
|
15276
15299
|
};
|
15277
15300
|
var _redefine = _hide;
|
15278
15301
|
var _iterators = {};
|
15279
|
-
var dP$1 =
|
15302
|
+
var dP$1 = require_objectDp();
|
15280
15303
|
var anObject$2 = _anObject;
|
15281
15304
|
var getKeys$1 = _objectKeys;
|
15282
|
-
var _objectDps =
|
15305
|
+
var _objectDps = require_descriptors() ? Object.defineProperties : function defineProperties(O2, Properties) {
|
15283
15306
|
anObject$2(O2);
|
15284
15307
|
var keys3 = getKeys$1(Properties);
|
15285
15308
|
var length = keys3.length;
|
@@ -15345,7 +15368,7 @@ var $exports = _wks.exports = function(name2) {
|
|
15345
15368
|
};
|
15346
15369
|
$exports.store = store;
|
15347
15370
|
var _wksExports = _wks.exports;
|
15348
|
-
var def =
|
15371
|
+
var def = require_objectDp().f;
|
15349
15372
|
var has$4 = _has;
|
15350
15373
|
var TAG = _wksExports("toStringTag");
|
15351
15374
|
var _setToStringTag = function(it, tag, stat) {
|
@@ -15528,7 +15551,7 @@ var _meta = { exports: {} };
|
|
15528
15551
|
var META$1 = _uid("meta");
|
15529
15552
|
var isObject$1 = _isObject;
|
15530
15553
|
var has$2 = _has;
|
15531
|
-
var setDesc =
|
15554
|
+
var setDesc = require_objectDp().f;
|
15532
15555
|
var id$1 = 0;
|
15533
15556
|
var isExtensible = Object.isExtensible || function() {
|
15534
15557
|
return true;
|
@@ -15581,7 +15604,7 @@ var meta = _meta.exports = {
|
|
15581
15604
|
var _metaExports = _meta.exports;
|
15582
15605
|
var core = _coreExports;
|
15583
15606
|
var wksExt$1 = _wksExt;
|
15584
|
-
var defineProperty$2 =
|
15607
|
+
var defineProperty$2 = require_objectDp().f;
|
15585
15608
|
var _wksDefine = function(name2) {
|
15586
15609
|
var $Symbol2 = core.Symbol || (core.Symbol = {});
|
15587
15610
|
if (name2.charAt(0) != "_" && !(name2 in $Symbol2))
|
@@ -15635,9 +15658,9 @@ var createDesc$1 = _propertyDesc;
|
|
15635
15658
|
var toIObject$1 = _toIobject;
|
15636
15659
|
var toPrimitive$1 = _toPrimitive;
|
15637
15660
|
var has$1 = _has;
|
15638
|
-
var IE8_DOM_DEFINE =
|
15661
|
+
var IE8_DOM_DEFINE = require_ie8DomDefine();
|
15639
15662
|
var gOPD$2 = Object.getOwnPropertyDescriptor;
|
15640
|
-
_objectGopd.f =
|
15663
|
+
_objectGopd.f = require_descriptors() ? gOPD$2 : function getOwnPropertyDescriptor(O2, P2) {
|
15641
15664
|
O2 = toIObject$1(O2);
|
15642
15665
|
P2 = toPrimitive$1(P2, true);
|
15643
15666
|
if (IE8_DOM_DEFINE)
|
@@ -15650,7 +15673,7 @@ _objectGopd.f = _descriptors ? gOPD$2 : function getOwnPropertyDescriptor(O2, P2
|
|
15650
15673
|
};
|
15651
15674
|
var global$1 = _globalExports;
|
15652
15675
|
var has = _has;
|
15653
|
-
var DESCRIPTORS =
|
15676
|
+
var DESCRIPTORS = require_descriptors();
|
15654
15677
|
var $export$2 = _export;
|
15655
15678
|
var redefine = _redefine;
|
15656
15679
|
var META = _metaExports.KEY;
|
@@ -15673,7 +15696,7 @@ var _create$1 = _objectCreate;
|
|
15673
15696
|
var gOPNExt = _objectGopnExt;
|
15674
15697
|
var $GOPD = _objectGopd;
|
15675
15698
|
var $GOPS = _objectGops;
|
15676
|
-
var $DP =
|
15699
|
+
var $DP = require_objectDp();
|
15677
15700
|
var $keys = _objectKeys;
|
15678
15701
|
var gOPD$1 = $GOPD.f;
|
15679
15702
|
var dP = $DP.f;
|
@@ -15716,7 +15739,7 @@ var isSymbol = USE_NATIVE && typeof $Symbol.iterator == "symbol" ? function(it)
|
|
15716
15739
|
} : function(it) {
|
15717
15740
|
return it instanceof $Symbol;
|
15718
15741
|
};
|
15719
|
-
var $defineProperty = function
|
15742
|
+
var $defineProperty = function defineProperty2(it, key2, D2) {
|
15720
15743
|
if (it === ObjectProto)
|
15721
15744
|
$defineProperty(OPSymbols, key2, D2);
|
15722
15745
|
anObject(it);
|
@@ -58973,7 +58996,7 @@ function bail(error2) {
|
|
58973
58996
|
}
|
58974
58997
|
var hasOwn = Object.prototype.hasOwnProperty;
|
58975
58998
|
var toStr = Object.prototype.toString;
|
58976
|
-
var
|
58999
|
+
var defineProperty3 = Object.defineProperty;
|
58977
59000
|
var gOPD = Object.getOwnPropertyDescriptor;
|
58978
59001
|
var isArray2 = function isArray3(arr) {
|
58979
59002
|
if (typeof Array.isArray === "function") {
|
@@ -58996,8 +59019,8 @@ var isPlainObject$1 = function isPlainObject(obj) {
|
|
58996
59019
|
return typeof key2 === "undefined" || hasOwn.call(obj, key2);
|
58997
59020
|
};
|
58998
59021
|
var setProperty = function setProperty2(target2, options) {
|
58999
|
-
if (
|
59000
|
-
|
59022
|
+
if (defineProperty3 && options.name === "__proto__") {
|
59023
|
+
defineProperty3(target2, options.name, {
|
59001
59024
|
enumerable: true,
|
59002
59025
|
configurable: true,
|
59003
59026
|
value: options.newValue,
|
@@ -65480,16 +65503,17 @@ const registerChannels = () => ({
|
|
65480
65503
|
updated: new Subject$1(),
|
65481
65504
|
uppercaseTags: /* @__PURE__ */ new Set()
|
65482
65505
|
});
|
65483
|
-
const nextMode = (mode) => {
|
65484
|
-
let next =
|
65485
|
-
|
65486
|
-
|
65487
|
-
|
65488
|
-
|
65489
|
-
|
65506
|
+
const nextMode = (mode, received) => {
|
65507
|
+
let next = received;
|
65508
|
+
if (received === 0) {
|
65509
|
+
const currentValue = mode.getValue();
|
65510
|
+
if (currentValue === "interact") {
|
65511
|
+
next = "select";
|
65512
|
+
} else if (currentValue === "select") {
|
65513
|
+
next = "interact";
|
65514
|
+
}
|
65490
65515
|
}
|
65491
65516
|
mode.next(next);
|
65492
|
-
return next;
|
65493
65517
|
};
|
65494
65518
|
const swMakeListener = (_2) => (message) => {
|
65495
65519
|
switch (message.type) {
|
@@ -65544,7 +65568,7 @@ const parentMakeListener = (self2, channels) => (_message) => {
|
|
65544
65568
|
channels.componentsExplorerVisible.next(message.content.visible);
|
65545
65569
|
break;
|
65546
65570
|
case "ctrl-space":
|
65547
|
-
nextMode(channels.mode);
|
65571
|
+
nextMode(channels.mode, message.content.mode);
|
65548
65572
|
break;
|
65549
65573
|
case "new-configuration":
|
65550
65574
|
channels.configuration.next({ ...message.content, type: "reset" });
|
@@ -68795,7 +68819,6 @@ const getComponentLabel = (component) => {
|
|
68795
68819
|
return (_a3 = component.info.label) != null ? _a3 : beautifyTag(component.tag);
|
68796
68820
|
};
|
68797
68821
|
const ComponentsExplorer = ({ info$, hide: hide2 }) => {
|
68798
|
-
var _a3;
|
68799
68822
|
const [searchValue, setSearchValue] = reactExports.useState("");
|
68800
68823
|
const [libraryFilter, setLibraryFilter] = reactExports.useState([]);
|
68801
68824
|
const [selectedComponent, setSelectedComponent] = reactExports.useState();
|
@@ -68984,7 +69007,16 @@ const ComponentsExplorer = ({ info$, hide: hide2 }) => {
|
|
68984
69007
|
}
|
68985
69008
|
)
|
68986
69009
|
] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
68987
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
69010
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
69011
|
+
Typography$1,
|
69012
|
+
{
|
69013
|
+
className: [
|
69014
|
+
"components-explorer-collapsed-description",
|
69015
|
+
descriptionExpandable ? "components-explorer-expandable-description" : ""
|
69016
|
+
].join(" "),
|
69017
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: descriptionRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { className: "components-explorer-markdown", remarkPlugins: [remarkGfm], children: selectedComponent.info.descriptionLong }) })
|
69018
|
+
}
|
69019
|
+
),
|
68988
69020
|
descriptionExpandable && /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
68989
69021
|
Button$1,
|
68990
69022
|
{
|
@@ -69024,12 +69056,12 @@ const ComponentsExplorer = ({ info$, hide: hide2 }) => {
|
|
69024
69056
|
};
|
69025
69057
|
}, [componentContent, componentTitle, menuContent, menuTitle, selectedComponent]);
|
69026
69058
|
reactExports.useEffect(() => {
|
69027
|
-
var
|
69028
|
-
const offsetHeight = (
|
69029
|
-
if (offsetHeight && !descriptionExpandable) {
|
69030
|
-
setDescriptionExpandable(offsetHeight >
|
69059
|
+
var _a3;
|
69060
|
+
const offsetHeight = (_a3 = descriptionRef.current) == null ? void 0 : _a3.offsetHeight;
|
69061
|
+
if (selectedComponent && offsetHeight && !descriptionExpandable) {
|
69062
|
+
setDescriptionExpandable(offsetHeight > 80);
|
69031
69063
|
}
|
69032
|
-
}, [descriptionExpandable,
|
69064
|
+
}, [descriptionExpandable, selectedComponent]);
|
69033
69065
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "components-explorer-container", children: [
|
69034
69066
|
explorerData.title,
|
69035
69067
|
explorerData.content
|
@@ -69895,7 +69927,7 @@ const ctrlSpaceFactory = (channels) => {
|
|
69895
69927
|
return (evt) => {
|
69896
69928
|
if (evt.ctrlKey && evt.key === " ") {
|
69897
69929
|
evt.preventDefault();
|
69898
|
-
nextMode(channels.mode);
|
69930
|
+
nextMode(channels.mode, 0);
|
69899
69931
|
channels.focus.next(void 0);
|
69900
69932
|
}
|
69901
69933
|
};
|
@@ -82,8 +82,12 @@
|
|
82
82
|
}.components-explorer-container .components-explorer-comp-detail-section > span {
|
83
83
|
font-weight: 600;
|
84
84
|
}.components-explorer-container .components-explorer-comp-detail-section .components-explorer-collapsed-description {
|
85
|
-
max-height:
|
86
|
-
overflow:
|
85
|
+
max-height: 80px;
|
86
|
+
overflow: clip;
|
87
|
+
}.components-explorer-container .components-explorer-comp-detail-section .components-explorer-expandable-description {
|
88
|
+
color: transparent;
|
89
|
+
background: linear-gradient(#666, rgb(102 102 102 / 0%));
|
90
|
+
background-clip: text;
|
87
91
|
}.components-explorer-container .components-explorer-comp-detail-section .components-explorer-markdown blockquote {
|
88
92
|
padding: 8px;
|
89
93
|
background-color: #eee;
|
@@ -16,8 +16,8 @@
|
|
16
16
|
}
|
17
17
|
</style>
|
18
18
|
<script src="https://unpkg.com/zone.js"></script>
|
19
|
-
<script type="module" crossorigin src="./assets/index-
|
20
|
-
<link rel="stylesheet" crossorigin href="./assets/index-
|
19
|
+
<script type="module" crossorigin src="./assets/index-1ITDJKPY.js"></script>
|
20
|
+
<link rel="stylesheet" crossorigin href="./assets/index-q8Oea728.css">
|
21
21
|
</head>
|
22
22
|
<body></body>
|
23
23
|
</html>
|
package/website/index.html
CHANGED
@@ -16,8 +16,8 @@
|
|
16
16
|
}
|
17
17
|
</style>
|
18
18
|
<script src="https://unpkg.com/zone.js"></script>
|
19
|
-
<script type="module" crossorigin src="./assets/index-
|
20
|
-
<link rel="stylesheet" crossorigin href="./assets/index-
|
19
|
+
<script type="module" crossorigin src="./assets/index-Da1xwVn-.js"></script>
|
20
|
+
<link rel="stylesheet" crossorigin href="./assets/index-KArLGziQ.css">
|
21
21
|
</head>
|
22
22
|
<body></body>
|
23
23
|
</html>
|