@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.
@@ -6,12 +6,12 @@
6
6
  },
7
7
  "index.html": {
8
8
  "css": [
9
- "assets/index-HuzVlez9.css"
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-C5kjVVQ-.js",
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 = !_fails(function() {
12419
- return Object.defineProperty({}, "a", { get: function() {
12420
- return 7;
12421
- } }).a != 7;
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 = !_descriptors && !_fails(function() {
12438
- return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
12439
- return 7;
12440
- } }).a != 7;
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 anObject$3 = _anObject;
12456
- var IE8_DOM_DEFINE$1 = _ie8DomDefine;
12457
- var toPrimitive$2 = _toPrimitive;
12458
- var dP$3 = Object.defineProperty;
12459
- _objectDp.f = _descriptors ? Object.defineProperty : function defineProperty(O2, P2, Attributes) {
12460
- anObject$3(O2);
12461
- P2 = toPrimitive$2(P2, true);
12462
- anObject$3(Attributes);
12463
- if (IE8_DOM_DEFINE$1)
12464
- try {
12465
- return dP$3(O2, P2, Attributes);
12466
- } catch (e2) {
12467
- }
12468
- if ("get" in Attributes || "set" in Attributes)
12469
- throw TypeError("Accessors not supported!");
12470
- if ("value" in Attributes)
12471
- O2[P2] = Attributes.value;
12472
- return O2;
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 = _objectDp;
12505
+ var dP$2 = require_objectDp();
12483
12506
  var createDesc$2 = _propertyDesc;
12484
- var _hide = _descriptors ? function(object, key2, value) {
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 = _descriptors;
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 * !_descriptors, "Object", { defineProperty: _objectDp.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 defineProperty2(it, key2, desc) {
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 = _objectDp;
15302
+ var dP$1 = require_objectDp();
15280
15303
  var anObject$2 = _anObject;
15281
15304
  var getKeys$1 = _objectKeys;
15282
- var _objectDps = _descriptors ? Object.defineProperties : function defineProperties(O2, Properties) {
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 = _objectDp.f;
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 = _objectDp.f;
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 = _objectDp.f;
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 = _ie8DomDefine;
15661
+ var IE8_DOM_DEFINE = require_ie8DomDefine();
15639
15662
  var gOPD$2 = Object.getOwnPropertyDescriptor;
15640
- _objectGopd.f = _descriptors ? gOPD$2 : function getOwnPropertyDescriptor(O2, P2) {
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 = _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 = _objectDp;
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 defineProperty3(it, key2, D2) {
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 defineProperty4 = Object.defineProperty;
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 (defineProperty4 && options.name === "__proto__") {
59000
- defineProperty4(target2, options.name, {
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 = 0;
65485
- const currentValue = mode.getValue();
65486
- if (currentValue === "interact") {
65487
- next = "select";
65488
- } else if (currentValue === "select") {
65489
- next = "interact";
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(Typography$1, { className: "components-explorer-collapsed-description", style: descriptionExpandable ? { boxShadow: "inset 0 -8px 6px -6px rgb(0 0 0 / 20%)" } : {}, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: descriptionRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { className: "components-explorer-markdown", remarkPlugins: [remarkGfm], children: selectedComponent.info.descriptionLong }) }) }),
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 _a22;
69028
- const offsetHeight = (_a22 = descriptionRef.current) == null ? void 0 : _a22.offsetHeight;
69029
- if (offsetHeight && !descriptionExpandable) {
69030
- setDescriptionExpandable(offsetHeight > 44);
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, (_a3 = descriptionRef.current) == null ? void 0 : _a3.offsetHeight]);
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: 44px;
86
- overflow: hidden;
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-C5kjVVQ-.js"></script>
20
- <link rel="stylesheet" crossorigin href="./assets/index-HuzVlez9.css">
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>
@@ -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-bbSGSfTl.js"></script>
20
- <link rel="stylesheet" crossorigin href="./assets/index-_9UZNNtx.css">
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>