@micro-lc/preview 0.7.3 → 0.7.5

package/website/development/.vite/manifest.json

@@ -6,12 +6,12 @@
   },
   "index.html": {
     "css": [
-      "assets/index-HuzVlez9.css"
+      "assets/index-q8Oea728.css"
     ],
     "dynamicImports": [
       "../../node_modules/@micro-lc/composer/dist/lib/logger/errors.js"
     ],
-    "file": "assets/index-C5kjVVQ-.js",
+    "file": "assets/index-1ITDJKPY.js",
     "isEntry": true,
     "src": "index.html"
   }

package/website/development/assets/{index-C5kjVVQ-.js → index-1ITDJKPY.js}

@@ -12415,11 +12415,19 @@ var _fails = function(exec) {
     return true;
   }
 };
-var _descriptors = !_fails(function() {
-  return Object.defineProperty({}, "a", { get: function() {
-    return 7;
-  } }).a != 7;
-});
+var _descriptors;
+var hasRequired_descriptors;
+function require_descriptors() {
+  if (hasRequired_descriptors)
+    return _descriptors;
+  hasRequired_descriptors = 1;
+  _descriptors = !_fails(function() {
+    return Object.defineProperty({}, "a", { get: function() {
+      return 7;
+    } }).a != 7;
+  });
+  return _descriptors;
+}
 var _domCreate;
 var hasRequired_domCreate;
 function require_domCreate() {
@@ -12434,11 +12442,19 @@ function require_domCreate() {
   };
   return _domCreate;
 }
-var _ie8DomDefine = !_descriptors && !_fails(function() {
-  return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
-    return 7;
-  } }).a != 7;
-});
+var _ie8DomDefine;
+var hasRequired_ie8DomDefine;
+function require_ie8DomDefine() {
+  if (hasRequired_ie8DomDefine)
+    return _ie8DomDefine;
+  hasRequired_ie8DomDefine = 1;
+  _ie8DomDefine = !require_descriptors() && !_fails(function() {
+    return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
+      return 7;
+    } }).a != 7;
+  });
+  return _ie8DomDefine;
+}
 var isObject$2 = _isObject;
 var _toPrimitive = function(it, S2) {
   if (!isObject$2(it))
@@ -12452,25 +12468,32 @@ var _toPrimitive = function(it, S2) {
     return val;
   throw TypeError("Can't convert object to primitive value");
 };
-var anObject$3 = _anObject;
-var IE8_DOM_DEFINE$1 = _ie8DomDefine;
-var toPrimitive$2 = _toPrimitive;
-var dP$3 = Object.defineProperty;
-_objectDp.f = _descriptors ? Object.defineProperty : function defineProperty(O2, P2, Attributes) {
-  anObject$3(O2);
-  P2 = toPrimitive$2(P2, true);
-  anObject$3(Attributes);
-  if (IE8_DOM_DEFINE$1)
-    try {
-      return dP$3(O2, P2, Attributes);
-    } catch (e2) {
-    }
-  if ("get" in Attributes || "set" in Attributes)
-    throw TypeError("Accessors not supported!");
-  if ("value" in Attributes)
-    O2[P2] = Attributes.value;
-  return O2;
-};
+var hasRequired_objectDp;
+function require_objectDp() {
+  if (hasRequired_objectDp)
+    return _objectDp;
+  hasRequired_objectDp = 1;
+  var anObject2 = _anObject;
+  var IE8_DOM_DEFINE2 = require_ie8DomDefine();
+  var toPrimitive2 = _toPrimitive;
+  var dP2 = Object.defineProperty;
+  _objectDp.f = require_descriptors() ? Object.defineProperty : function defineProperty4(O2, P2, Attributes) {
+    anObject2(O2);
+    P2 = toPrimitive2(P2, true);
+    anObject2(Attributes);
+    if (IE8_DOM_DEFINE2)
+      try {
+        return dP2(O2, P2, Attributes);
+      } catch (e2) {
+      }
+    if ("get" in Attributes || "set" in Attributes)
+      throw TypeError("Accessors not supported!");
+    if ("value" in Attributes)
+      O2[P2] = Attributes.value;
+    return O2;
+  };
+  return _objectDp;
+}
 var _propertyDesc = function(bitmap, value) {
   return {
     enumerable: !(bitmap & 1),
@@ -12479,9 +12502,9 @@ var _propertyDesc = function(bitmap, value) {
     value
   };
 };
-var dP$2 = _objectDp;
+var dP$2 = require_objectDp();
 var createDesc$2 = _propertyDesc;
-var _hide = _descriptors ? function(object, key2, value) {
+var _hide = require_descriptors() ? function(object, key2, value) {
   return dP$2.f(object, key2, createDesc$2(1, value));
 } : function(object, key2, value) {
   object[key2] = value;
@@ -12685,7 +12708,7 @@ function require_objectAssign() {
   if (hasRequired_objectAssign)
     return _objectAssign;
   hasRequired_objectAssign = 1;
-  var DESCRIPTORS2 = _descriptors;
+  var DESCRIPTORS2 = require_descriptors();
   var getKeys2 = _objectKeys;
   var gOPS2 = _objectGops;
   var pIE2 = require_objectPie();
@@ -15206,9 +15229,9 @@ ClassList.prototype.has = ClassList.prototype.contains = function(name2) {
 };
 const classes = /* @__PURE__ */ getDefaultExportFromCjs(componentClasses);
 var $export$3 = _export;
-$export$3($export$3.S + $export$3.F * !_descriptors, "Object", { defineProperty: _objectDp.f });
+$export$3($export$3.S + $export$3.F * !require_descriptors(), "Object", { defineProperty: require_objectDp().f });
 var $Object$1 = _coreExports.Object;
-var defineProperty$4 = function defineProperty2(it, key2, desc) {
+var defineProperty$4 = function defineProperty(it, key2, desc) {
   return $Object$1.defineProperty(it, key2, desc);
 };
 var defineProperty$3 = { "default": defineProperty$4, __esModule: true };
@@ -15276,10 +15299,10 @@ var _stringAt = function(TO_STRING) {
 };
 var _redefine = _hide;
 var _iterators = {};
-var dP$1 = _objectDp;
+var dP$1 = require_objectDp();
 var anObject$2 = _anObject;
 var getKeys$1 = _objectKeys;
-var _objectDps = _descriptors ? Object.defineProperties : function defineProperties(O2, Properties) {
+var _objectDps = require_descriptors() ? Object.defineProperties : function defineProperties(O2, Properties) {
   anObject$2(O2);
   var keys3 = getKeys$1(Properties);
   var length = keys3.length;
@@ -15345,7 +15368,7 @@ var $exports = _wks.exports = function(name2) {
 };
 $exports.store = store;
 var _wksExports = _wks.exports;
-var def = _objectDp.f;
+var def = require_objectDp().f;
 var has$4 = _has;
 var TAG = _wksExports("toStringTag");
 var _setToStringTag = function(it, tag, stat) {
@@ -15528,7 +15551,7 @@ var _meta = { exports: {} };
 var META$1 = _uid("meta");
 var isObject$1 = _isObject;
 var has$2 = _has;
-var setDesc = _objectDp.f;
+var setDesc = require_objectDp().f;
 var id$1 = 0;
 var isExtensible = Object.isExtensible || function() {
   return true;
@@ -15581,7 +15604,7 @@ var meta = _meta.exports = {
 var _metaExports = _meta.exports;
 var core = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$2 = _objectDp.f;
+var defineProperty$2 = require_objectDp().f;
 var _wksDefine = function(name2) {
   var $Symbol2 = core.Symbol || (core.Symbol = {});
   if (name2.charAt(0) != "_" && !(name2 in $Symbol2))
@@ -15635,9 +15658,9 @@ var createDesc$1 = _propertyDesc;
 var toIObject$1 = _toIobject;
 var toPrimitive$1 = _toPrimitive;
 var has$1 = _has;
-var IE8_DOM_DEFINE = _ie8DomDefine;
+var IE8_DOM_DEFINE = require_ie8DomDefine();
 var gOPD$2 = Object.getOwnPropertyDescriptor;
-_objectGopd.f = _descriptors ? gOPD$2 : function getOwnPropertyDescriptor(O2, P2) {
+_objectGopd.f = require_descriptors() ? gOPD$2 : function getOwnPropertyDescriptor(O2, P2) {
   O2 = toIObject$1(O2);
   P2 = toPrimitive$1(P2, true);
   if (IE8_DOM_DEFINE)
@@ -15650,7 +15673,7 @@ _objectGopd.f = _descriptors ? gOPD$2 : function getOwnPropertyDescriptor(O2, P2
 };
 var global$1 = _globalExports;
 var has = _has;
-var DESCRIPTORS = _descriptors;
+var DESCRIPTORS = require_descriptors();
 var $export$2 = _export;
 var redefine = _redefine;
 var META = _metaExports.KEY;
@@ -15673,7 +15696,7 @@ var _create$1 = _objectCreate;
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
-var $DP = _objectDp;
+var $DP = require_objectDp();
 var $keys = _objectKeys;
 var gOPD$1 = $GOPD.f;
 var dP = $DP.f;
@@ -15716,7 +15739,7 @@ var isSymbol = USE_NATIVE && typeof $Symbol.iterator == "symbol" ? function(it)
 } : function(it) {
   return it instanceof $Symbol;
 };
-var $defineProperty = function defineProperty3(it, key2, D2) {
+var $defineProperty = function defineProperty2(it, key2, D2) {
   if (it === ObjectProto)
     $defineProperty(OPSymbols, key2, D2);
   anObject(it);
@@ -58973,7 +58996,7 @@ function bail(error2) {
 }
 var hasOwn = Object.prototype.hasOwnProperty;
 var toStr = Object.prototype.toString;
-var defineProperty4 = Object.defineProperty;
+var defineProperty3 = Object.defineProperty;
 var gOPD = Object.getOwnPropertyDescriptor;
 var isArray2 = function isArray3(arr) {
   if (typeof Array.isArray === "function") {
@@ -58996,8 +59019,8 @@ var isPlainObject$1 = function isPlainObject(obj) {
   return typeof key2 === "undefined" || hasOwn.call(obj, key2);
 };
 var setProperty = function setProperty2(target2, options) {
-  if (defineProperty4 && options.name === "__proto__") {
-    defineProperty4(target2, options.name, {
+  if (defineProperty3 && options.name === "__proto__") {
+    defineProperty3(target2, options.name, {
       enumerable: true,
       configurable: true,
       value: options.newValue,
@@ -65480,16 +65503,17 @@ const registerChannels = () => ({
   updated: new Subject$1(),
   uppercaseTags: /* @__PURE__ */ new Set()
 });
-const nextMode = (mode) => {
-  let next = 0;
-  const currentValue = mode.getValue();
-  if (currentValue === "interact") {
-    next = "select";
-  } else if (currentValue === "select") {
-    next = "interact";
+const nextMode = (mode, received) => {
+  let next = received;
+  if (received === 0) {
+    const currentValue = mode.getValue();
+    if (currentValue === "interact") {
+      next = "select";
+    } else if (currentValue === "select") {
+      next = "interact";
+    }
   }
   mode.next(next);
-  return next;
 };
 const swMakeListener = (_2) => (message) => {
   switch (message.type) {
@@ -65544,7 +65568,7 @@ const parentMakeListener = (self2, channels) => (_message) => {
       channels.componentsExplorerVisible.next(message.content.visible);
       break;
     case "ctrl-space":
-      nextMode(channels.mode);
+      nextMode(channels.mode, message.content.mode);
       break;
     case "new-configuration":
       channels.configuration.next({ ...message.content, type: "reset" });
@@ -68795,7 +68819,6 @@ const getComponentLabel = (component) => {
   return (_a3 = component.info.label) != null ? _a3 : beautifyTag(component.tag);
 };
 const ComponentsExplorer = ({ info$, hide: hide2 }) => {
-  var _a3;
   const [searchValue, setSearchValue] = reactExports.useState("");
   const [libraryFilter, setLibraryFilter] = reactExports.useState([]);
   const [selectedComponent, setSelectedComponent] = reactExports.useState();
@@ -68984,7 +69007,16 @@ const ComponentsExplorer = ({ info$, hide: hide2 }) => {
           }
         )
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__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 }) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Typography$1,
+          {
+            className: [
+              "components-explorer-collapsed-description",
+              descriptionExpandable ? "components-explorer-expandable-description" : ""
+            ].join(" "),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: descriptionRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { className: "components-explorer-markdown", remarkPlugins: [remarkGfm], children: selectedComponent.info.descriptionLong }) })
+          }
+        ),
         descriptionExpandable && /* @__PURE__ */ jsxRuntimeExports.jsxs(
           Button$1,
           {
@@ -69024,12 +69056,12 @@ const ComponentsExplorer = ({ info$, hide: hide2 }) => {
     };
   }, [componentContent, componentTitle, menuContent, menuTitle, selectedComponent]);
   reactExports.useEffect(() => {
-    var _a22;
-    const offsetHeight = (_a22 = descriptionRef.current) == null ? void 0 : _a22.offsetHeight;
-    if (offsetHeight && !descriptionExpandable) {
-      setDescriptionExpandable(offsetHeight > 44);
+    var _a3;
+    const offsetHeight = (_a3 = descriptionRef.current) == null ? void 0 : _a3.offsetHeight;
+    if (selectedComponent && offsetHeight && !descriptionExpandable) {
+      setDescriptionExpandable(offsetHeight > 80);
     }
-  }, [descriptionExpandable, (_a3 = descriptionRef.current) == null ? void 0 : _a3.offsetHeight]);
+  }, [descriptionExpandable, selectedComponent]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "components-explorer-container", children: [
     explorerData.title,
     explorerData.content
@@ -69895,7 +69927,7 @@ const ctrlSpaceFactory = (channels) => {
   return (evt) => {
     if (evt.ctrlKey && evt.key === " ") {
       evt.preventDefault();
-      nextMode(channels.mode);
+      nextMode(channels.mode, 0);
       channels.focus.next(void 0);
     }
   };

package/website/development/assets/{index-HuzVlez9.css → index-q8Oea728.css}

@@ -82,8 +82,12 @@
   }.components-explorer-container .components-explorer-comp-detail-section > span {
     font-weight: 600;
   }.components-explorer-container .components-explorer-comp-detail-section .components-explorer-collapsed-description {
-    max-height: 44px;
-    overflow: hidden;
+    max-height: 80px;
+    overflow: clip;
+  }.components-explorer-container .components-explorer-comp-detail-section .components-explorer-expandable-description {
+    color: transparent;
+    background: linear-gradient(#666, rgb(102 102 102 / 0%));
+    background-clip: text;
   }.components-explorer-container .components-explorer-comp-detail-section .components-explorer-markdown blockquote {
     padding: 8px;
     background-color: #eee;

package/website/development/index.html

@@ -16,8 +16,8 @@
     }
   </style>
   <script src="https://unpkg.com/zone.js"></script>
-  <script type="module" crossorigin src="./assets/index-C5kjVVQ-.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-HuzVlez9.css">
+  <script type="module" crossorigin src="./assets/index-1ITDJKPY.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-q8Oea728.css">
 </head>
 <body></body>
 </html>

package/website/index.html

@@ -16,8 +16,8 @@
     }
   </style>
   <script src="https://unpkg.com/zone.js"></script>
-  <script type="module" crossorigin src="./assets/index-bbSGSfTl.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-_9UZNNtx.css">
+  <script type="module" crossorigin src="./assets/index-Da1xwVn-.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-KArLGziQ.css">
 </head>
 <body></body>
 </html>