ember-inspector 4.11.0-alpha.2024.3.9 → 4.11.0-alpha.2024.4.2

package/app/components/component-tree-arg.js

@@ -12,6 +12,15 @@ export default class ComponentTreeArg extends Component {
 
   get displayValue() {
     if (this.isObject) {
+      if (this.args.value.inspect) {
+        if (this.args.value.type === 'function') {
+          return this.args.value.inspect
+            .replace(/"/g, '\\"')
+            .replace('bound ', '')
+            .replace('{ ... }', '');
+        }
+        return truncate(this.args.value.inspect.replace(/"/g, '\\"'));
+      }
       return '...';
     } else if (typeof this.args.value === 'string') {
       // Escape any interior quotes – we will add the surrounding quotes in the template

package/app/components/component-tree-item.hbs

@@ -23,8 +23,10 @@
 
     <code
       class="component-tree-item__tag flex whitespace-no-wrap
+        {{if @item.isClosingTag 'component-tree-item__closing'}}
+        {{if @item.hasModifiers 'component-tree-item__has_modifier'}}
         {{if
-          @item.isComponent
+        (or @item.isComponent @item.isModifier @item.isHtmlTag)
           (if
             @item.isCurlyInvocation
             "component-tree-item-classic__bracket"
@@ -37,7 +39,7 @@
         }}"
     >
       {{!-- template-lint-disable no-unbalanced-curlies --}}
-      {{#if @item.isComponent}}
+      {{#if (or @item.isComponent @item.isModifier)}}
         {{#if @item.isCurlyInvocation}}
           <span class="component-name">
             {{@item.name}}
@@ -83,6 +85,20 @@
         \{{mount "{{@item.name}}"}}
       {{else if @item.isRouteTemplate}}
         {{@item.name}} route
+      {{else if @item.isHtmlTag}}
+        <span class="component-name">
+          {{@item.name}}
+        </span>
+        {{#each-in @item.args.named as |name value|}}
+          <div class="arg-token flex ml-2">
+              <span class="key-token">
+                {{name}}
+              </span>
+            ={{if (is-string value) "\""}}
+            <ComponentTreeArg @value={{value}} />
+            {{if (is-string value) "\""}}
+          </div>
+        {{/each-in}}
       {{/if}}
     </code>
   </div>

package/app/components/object-inspector/properties-all.hbs

@@ -11,6 +11,7 @@
           @model={{prop}}
           @saveProperty={{this.saveProperty}}
           @sendToConsole={{fn this.sendToConsole prop}}
+          @gotoSource={{fn this.gotoSource prop}}
         />
       {{/each}}
     </ObjectInspector::SortProperties>

package/app/components/object-inspector/properties-base.js

@@ -15,6 +15,16 @@ export default class PropertiesBase extends Component {
     this.port.send('objectInspector:sendToConsole', data);
   }
 
+  @action gotoSource({ name }) {
+    const data = {
+      objectId: this.args.model.objectId,
+    };
+    if (name !== '...') {
+      data.property = name;
+    }
+    this.port.send('objectInspector:gotoSource', data);
+  }
+
   @action digDeeper({ name }) {
     this.port.send('objectInspector:digDeeper', {
       objectId: this.args.model.objectId,

package/app/components/object-inspector/properties-grouped.hbs

@@ -33,6 +33,7 @@
                 @digDeeper={{fn this.digDeeper prop}}
                 @saveProperty={{this.saveProperty}}
                 @sendToConsole={{fn this.sendToConsole prop}}
+                @gotoSource={{fn this.gotoSource prop}}
               />
             {{else}}
               <li class="mixin__property flex relative flex-row items-center truncate">No Properties</li>

package/app/components/object-inspector/property.hbs

@@ -119,12 +119,23 @@
   <button
     data-test-send-to-console-btn
     class="mixin__send-btn flex-shrink-0 send-to-console"
-    title="Send to console"
+    title="Send To Console"
     type="button"
     {{on "click" @sendToConsole}}
   >
     {{svg-jar "send-with-text" width="20px" height="10px"}}
   </button>
+  {{#if this.isFunction}}
+    <button
+      data-test-goto-source-btn
+      class="mixin__send-btn flex-shrink-0 goto-source"
+      title="Goto Source"
+      type="button"
+      {{on "click" @gotoSource}}
+    >
+      {{svg-jar "code-source" width="20px" height="10px"}}
+    </button>
+  {{/if}}
 </li>
 
 {{#if this.showDependentKeys}}

package/app/components/object-inspector/property.ts

@@ -8,6 +8,8 @@ import parseText from 'ember-inspector/utils/parse-text';
 interface ObjectInspectorPropertyArgs {
   model: any;
   digDeeper: () => unknown;
+  gotoSource: () => void;
+  sendToConsole: () => void;
   saveProperty: (
     property: unknown,
     value: unknown,
@@ -119,8 +121,8 @@ export default class ObjectInspectorProperty extends Component<ObjectInspectorPr
   }
 
   get cannotEdit() {
-    if (this.args.model.name === '...' || !this.isCalculated) return true;
-    return this.isFunction || this.isOverridden || this.readOnly;
+    if (this.args.model.name === '...' || !this.isCalculated || this.readOnly) return true;
+    return this.args.model?.value?.type !== 'type-string' && this.args.model?.value?.type !== 'type-number';
   }
 
   @action

package/app/components/object-inspector.hbs

@@ -21,11 +21,25 @@
         type="button"
         {{on
           "click"
-          (fn this.sendObjectToConsole (get @model (sub @model.length 1)))
+          (fn this.sendObjectToConsole this.current)
         }}
       >
         {{svg-jar "send-with-text" width="20px" height="10px"}}
       </button>
+      {{#if this.isClass}}
+        <button
+          data-test-goto-class-source-btn
+          class="goto-source"
+          title="Goto Source"
+          type="button"
+          {{on
+            "click"
+            (fn this.gotoSource this.current)
+          }}
+        >
+          {{svg-jar "code-source" width="20px" height="10px"}}
+        </button>
+      {{/if}}
     </div>
 
     {{#if this.trail}}
@@ -103,4 +117,4 @@
       No object selected
     </Ui::EmptyMessage>
   </div>
-{{/if}}
+{{/if}}

package/app/components/object-inspector.js

@@ -14,6 +14,13 @@ export default class ObjectInspector extends Component {
     this.searchInputId = 'custom-filter-input';
   }
 
+  get isClass() {
+    return this.current.mixins.length > 1;
+  }
+
+  get current() {
+    return this.args.model[this.args.model.length - 1];
+  }
   get trail() {
     let nested = this.args.model.slice(1);
     if (nested.length === 0) {
@@ -55,6 +62,13 @@ export default class ObjectInspector extends Component {
     });
   }
 
+  @action gotoSource(obj) {
+    let objectId = obj.objectId;
+    this.port.send('objectInspector:gotoSource', {
+      objectId,
+    });
+  }
+
   @action popStack() {
     if (this.isNested) {
       this.args.popMixinDetails();

package/app/controllers/component-tree.js

@@ -48,6 +48,21 @@ export default class ComponentTreeController extends Controller {
 
         renderItems.push(item);
 
+        if (
+          item.isHtmlTag &&
+          renderNode.children.some((c) => c.type === 'modifier')
+        ) {
+          const idx = renderNode.children.findLastIndex(
+            (c) => c.type === 'modifier'
+          );
+          renderNode.children.splice(idx + 1, 0, {
+            type: 'placeholder-closing-tag',
+            id: renderNode.id + '-closing-tag',
+            name: '',
+            children: [],
+          });
+        }
+
         renderNode.children.forEach((node) => flatten(item, node));
       }
     };
@@ -301,7 +316,32 @@ class RenderItem {
   }
 
   get isComponent() {
-    return this.renderNode.type === 'component';
+    return (
+      this.renderNode.type === 'component' ||
+      this.renderNode.type === 'remote-element'
+    );
+  }
+
+  get isModifier() {
+    return this.renderNode.type === 'modifier';
+  }
+
+  get hasModifiers() {
+    return this.childItems.some((item) => item.isModifier);
+  }
+
+  get isLastModifier() {
+    return (
+      this.parentItem.childItems.findLast((item) => item.isModifier) === this
+    );
+  }
+
+  get isHtmlTag() {
+    return this.renderNode.type === 'html-element';
+  }
+
+  get isClosingTag() {
+    return this.renderNode.type === 'placeholder-closing-tag';
   }
 
   get name() {
@@ -313,12 +353,15 @@ class RenderItem {
   }
 
   get isCurlyInvocation() {
+    if (this.isModifier) {
+      return true;
+    }
     return this.renderNode.args && this.renderNode.args.positional;
   }
 
   get hasInstance() {
     let { instance } = this.renderNode;
-    return typeof instance === 'object' && instance !== null;
+    return typeof instance === 'object' && instance;
   }
 
   get instance() {
@@ -330,7 +373,7 @@ class RenderItem {
   }
 
   get hasBounds() {
-    return this.renderNode.bounds !== null;
+    return this.renderNode.bounds;
   }
 
   get isRoot() {
@@ -400,6 +443,7 @@ class RenderItem {
   }
 
   @action showPreview() {
+    if (this.isClosingTag) return;
     this.controller.previewing = this.id;
   }
 
@@ -410,6 +454,7 @@ class RenderItem {
   }
 
   @action toggleInspection() {
+    if (this.isClosingTag) return;
     if (this.isPinned) {
       this.controller.pinned = undefined;
     } else {
@@ -439,6 +484,12 @@ class RenderItem {
     this.send('view:inspectElement', { id: this.id });
   }
 
+  @action inspectValue(event) {
+    event.stopPropagation();
+
+    this.send('view:inspectValue', { id: this.id });
+  }
+
   show() {
     let item = this.parentItem;
 

package/app/routes/component-tree.js

@@ -31,7 +31,6 @@ export default class ComponentTreeRoute extends TabRoute {
     this.port.on('view:cancelSelection', this, this.cancelSelection);
     this.port.on('view:startInspecting', this, this.startInspecting);
     this.port.on('view:stopInspecting', this, this.stopInspecting);
-    this.port.on('view:inspectDOMNode', this, this.inspectDOMNode);
   }
 
   deactivate() {
@@ -41,7 +40,6 @@ export default class ComponentTreeRoute extends TabRoute {
     this.port.off('view:cancelSelection', this, this.cancelSelection);
     this.port.off('view:startInspecting', this, this.startInspecting);
     this.port.off('view:stopInspecting', this, this.stopInspecting);
-    this.port.off('view:inspectDOMNode', this, this.inspectDOMNode);
   }
 
   setRenderTree({ tree }) {
@@ -59,8 +57,4 @@ export default class ComponentTreeRoute extends TabRoute {
   stopInspecting() {
     this.controller.isInspecting = false;
   }
-
-  inspectDOMNode({ name }) {
-    this.port.adapter.inspectDOMNode(name);
-  }
 }

package/app/services/adapters/web-extension.js

@@ -107,12 +107,12 @@ export default class WebExtension extends BasicAdapter {
   }
 
   /**
-   * Open the devtools "Elements" tab and select a specific DOM node.
+   * Open the devtools "Elements" or "Sources" tab and select a specific DOM node or function.
    *
-   * @method inspectDOMNode
+   * @method inspectJSValue
    * @param {String} name
    */
-  inspectDOMNode(name) {
+  inspectJSValue(name) {
     chrome.devtools.inspectedWindow.eval(`
       inspect(window[${JSON.stringify(name)}]);
       delete window[${JSON.stringify(name)}];

package/app/services/port.js

@@ -49,6 +49,10 @@ export default class PortService extends Service.extend(Evented) {
         this.trigger(message.type, message, applicationId);
       }
     });
+
+    this.on('view:inspectJSValue', this, ({ name }) =>
+      this.adapter.inspectJSValue(name)
+    );
   }
 
   selectApplication(applicationId) {

package/app/styles/component_tree.scss

@@ -141,6 +141,19 @@
   color: var(--base09);
 }
 
+.component-tree-item__has_modifier:after {
+  content: '' !important;
+}
+
+.component-tree-item__closing:before {
+  content: '>';
+  margin-left: -13px;
+}
+
+.component-tree-item__self-closing:before {
+  content: '/>';
+}
+
 .component-tree-item__bracket:before {
   content: '<';
 }

package/app/utils/parse-text.ts

@@ -18,3 +18,4 @@ export default function parseText(value: string): string {
   }
   return parsedValue;
 }
+

package/dist/bookmarklet/panes-3-16-0/assets/{chunk.143.ac621af5331b75527946.js → chunk.143.9f3a22b07387ec438672.js}

@@ -5,8 +5,8 @@ e.exports=require("@ember/debug")},7219:e=>{"use strict"
 e.exports=require("@ember/object")},5550:e=>{"use strict"
 e.exports=require("@ember/test-helpers")},5521:e=>{"use strict"
 e.exports=require("@glimmer/tracking")},6173:e=>{"use strict"
-e.exports=require("@glimmer/tracking/primitives/cache")},3932:()=>{},6660:(e,r,n)=>{var t,o
-e.exports=(t=_eai_d,o=_eai_r,window.emberAutoImportDynamic=function(e){return 1===arguments.length?o("_eai_dyn_"+e):o("_eai_dynt_"+e)(Array.prototype.slice.call(arguments,1))},window.emberAutoImportSync=function(e){return o("_eai_sync_"+e)(Array.prototype.slice.call(arguments,1))},t("ember-cli-page-object",["@ember/test-helpers"],(function(){return n(1457)})),t("ember-cli-page-object/extend",["@ember/test-helpers"],(function(){return n(3342)})),t("ember-cli-page-object/macros",[],(function(){return n(3428)})),t("ember-math-helpers/helpers/abs",["@ember/component/helper"],(function(){return n(9041)})),t("ember-math-helpers/helpers/acos",["@ember/component/helper"],(function(){return n(9748)})),t("ember-math-helpers/helpers/acosh",["@ember/component/helper"],(function(){return n(4838)})),t("ember-math-helpers/helpers/add",["@ember/component/helper"],(function(){return n(6181)})),t("ember-math-helpers/helpers/asin",["@ember/component/helper"],(function(){return n(364)})),t("ember-math-helpers/helpers/asinh",["@ember/component/helper"],(function(){return n(8471)})),t("ember-math-helpers/helpers/atan",["@ember/component/helper"],(function(){return n(25)})),t("ember-math-helpers/helpers/atan2",["@ember/component/helper"],(function(){return n(2512)})),t("ember-math-helpers/helpers/atanh",["@ember/component/helper"],(function(){return n(9101)})),t("ember-math-helpers/helpers/cbrt",["@ember/component/helper"],(function(){return n(1473)})),t("ember-math-helpers/helpers/ceil",["@ember/component/helper"],(function(){return n(627)})),t("ember-math-helpers/helpers/clz32",["@ember/component/helper"],(function(){return n(1025)})),t("ember-math-helpers/helpers/cos",["@ember/component/helper"],(function(){return n(1346)})),t("ember-math-helpers/helpers/cosh",["@ember/component/helper"],(function(){return n(9964)})),t("ember-math-helpers/helpers/div",["@ember/component/helper"],(function(){return n(3014)})),t("ember-math-helpers/helpers/exp",["@ember/component/helper"],(function(){return n(3343)})),t("ember-math-helpers/helpers/expm1",["@ember/component/helper"],(function(){return n(6078)})),t("ember-math-helpers/helpers/floor",["@ember/component/helper"],(function(){return n(2777)})),t("ember-math-helpers/helpers/fround",["@ember/component/helper"],(function(){return n(2923)})),t("ember-math-helpers/helpers/gcd",["@ember/component/helper"],(function(){return n(5179)})),t("ember-math-helpers/helpers/hypot",["@ember/component/helper"],(function(){return n(7132)})),t("ember-math-helpers/helpers/imul",["@ember/component/helper"],(function(){return n(3587)})),t("ember-math-helpers/helpers/lcm",["@ember/component/helper"],(function(){return n(4913)})),t("ember-math-helpers/helpers/log-e",["@ember/component/helper"],(function(){return n(7506)})),t("ember-math-helpers/helpers/log10",["@ember/component/helper"],(function(){return n(1508)})),t("ember-math-helpers/helpers/log1p",["@ember/component/helper"],(function(){return n(5379)})),t("ember-math-helpers/helpers/log2",["@ember/component/helper"],(function(){return n(1467)})),t("ember-math-helpers/helpers/max",["@ember/component/helper"],(function(){return n(1957)})),t("ember-math-helpers/helpers/min",["@ember/component/helper"],(function(){return n(6442)})),t("ember-math-helpers/helpers/mod",["@ember/component/helper"],(function(){return n(1648)})),t("ember-math-helpers/helpers/mult",["@ember/component/helper"],(function(){return n(3645)})),t("ember-math-helpers/helpers/pow",["@ember/component/helper"],(function(){return n(2300)})),t("ember-math-helpers/helpers/random",["@ember/array","@ember/component/helper"],(function(){return n(2642)})),t("ember-math-helpers/helpers/round",["@ember/component/helper"],(function(){return n(3354)})),t("ember-math-helpers/helpers/sign",["@ember/component/helper"],(function(){return n(7181)})),t("ember-math-helpers/helpers/sin",["@ember/component/helper"],(function(){return n(5348)})),t("ember-math-helpers/helpers/sqrt",["@ember/component/helper"],(function(){return n(227)})),t("ember-math-helpers/helpers/sub",["@ember/component/helper"],(function(){return n(3335)})),t("ember-math-helpers/helpers/sum",["@ember/component/helper"],(function(){return n(6316)})),t("ember-math-helpers/helpers/tan",["@ember/component/helper"],(function(){return n(9943)})),t("ember-math-helpers/helpers/tanh",["@ember/component/helper"],(function(){return n(5539)})),t("ember-math-helpers/helpers/trunc",["@ember/component/helper"],(function(){return n(8879)})),t("qunit",[],(function(){return n(3211)})),t("sinon",[],(function(){return n(8739)})),void t("tracked-toolbox",["@ember/debug","@ember/object","@glimmer/tracking","@glimmer/tracking/primitives/cache"],(function(){return n(1475)})))},733:function(e,r){window._eai_r=require,window._eai_d=define}},n={}
+e.exports=require("@glimmer/tracking/primitives/cache")},3932:()=>{},6846:(e,r,n)=>{var t,o
+e.exports=(t=_eai_d,o=_eai_r,window.emberAutoImportDynamic=function(e){return 1===arguments.length?o("_eai_dyn_"+e):o("_eai_dynt_"+e)(Array.prototype.slice.call(arguments,1))},window.emberAutoImportSync=function(e){return o("_eai_sync_"+e)(Array.prototype.slice.call(arguments,1))},t("ember-cli-page-object",["@ember/test-helpers"],(function(){return n(1457)})),t("ember-cli-page-object/extend",["@ember/test-helpers"],(function(){return n(3342)})),t("ember-cli-page-object/macros",[],(function(){return n(3428)})),t("ember-math-helpers/helpers/abs",["@ember/component/helper"],(function(){return n(9041)})),t("ember-math-helpers/helpers/acos",["@ember/component/helper"],(function(){return n(9748)})),t("ember-math-helpers/helpers/acosh",["@ember/component/helper"],(function(){return n(4838)})),t("ember-math-helpers/helpers/add",["@ember/component/helper"],(function(){return n(6181)})),t("ember-math-helpers/helpers/asin",["@ember/component/helper"],(function(){return n(364)})),t("ember-math-helpers/helpers/asinh",["@ember/component/helper"],(function(){return n(8471)})),t("ember-math-helpers/helpers/atan",["@ember/component/helper"],(function(){return n(25)})),t("ember-math-helpers/helpers/atan2",["@ember/component/helper"],(function(){return n(2512)})),t("ember-math-helpers/helpers/atanh",["@ember/component/helper"],(function(){return n(9101)})),t("ember-math-helpers/helpers/cbrt",["@ember/component/helper"],(function(){return n(1473)})),t("ember-math-helpers/helpers/ceil",["@ember/component/helper"],(function(){return n(627)})),t("ember-math-helpers/helpers/clz32",["@ember/component/helper"],(function(){return n(1025)})),t("ember-math-helpers/helpers/cos",["@ember/component/helper"],(function(){return n(1346)})),t("ember-math-helpers/helpers/cosh",["@ember/component/helper"],(function(){return n(9964)})),t("ember-math-helpers/helpers/div",["@ember/component/helper"],(function(){return n(3014)})),t("ember-math-helpers/helpers/exp",["@ember/component/helper"],(function(){return n(3343)})),t("ember-math-helpers/helpers/expm1",["@ember/component/helper"],(function(){return n(6078)})),t("ember-math-helpers/helpers/floor",["@ember/component/helper"],(function(){return n(2777)})),t("ember-math-helpers/helpers/fround",["@ember/component/helper"],(function(){return n(2923)})),t("ember-math-helpers/helpers/gcd",["@ember/component/helper"],(function(){return n(5179)})),t("ember-math-helpers/helpers/hypot",["@ember/component/helper"],(function(){return n(7132)})),t("ember-math-helpers/helpers/imul",["@ember/component/helper"],(function(){return n(3587)})),t("ember-math-helpers/helpers/lcm",["@ember/component/helper"],(function(){return n(4913)})),t("ember-math-helpers/helpers/log-e",["@ember/component/helper"],(function(){return n(7506)})),t("ember-math-helpers/helpers/log10",["@ember/component/helper"],(function(){return n(1508)})),t("ember-math-helpers/helpers/log1p",["@ember/component/helper"],(function(){return n(5379)})),t("ember-math-helpers/helpers/log2",["@ember/component/helper"],(function(){return n(1467)})),t("ember-math-helpers/helpers/max",["@ember/component/helper"],(function(){return n(1957)})),t("ember-math-helpers/helpers/min",["@ember/component/helper"],(function(){return n(6442)})),t("ember-math-helpers/helpers/mod",["@ember/component/helper"],(function(){return n(1648)})),t("ember-math-helpers/helpers/mult",["@ember/component/helper"],(function(){return n(3645)})),t("ember-math-helpers/helpers/pow",["@ember/component/helper"],(function(){return n(2300)})),t("ember-math-helpers/helpers/random",["@ember/array","@ember/component/helper"],(function(){return n(2642)})),t("ember-math-helpers/helpers/round",["@ember/component/helper"],(function(){return n(3354)})),t("ember-math-helpers/helpers/sign",["@ember/component/helper"],(function(){return n(7181)})),t("ember-math-helpers/helpers/sin",["@ember/component/helper"],(function(){return n(5348)})),t("ember-math-helpers/helpers/sqrt",["@ember/component/helper"],(function(){return n(227)})),t("ember-math-helpers/helpers/sub",["@ember/component/helper"],(function(){return n(3335)})),t("ember-math-helpers/helpers/sum",["@ember/component/helper"],(function(){return n(6316)})),t("ember-math-helpers/helpers/tan",["@ember/component/helper"],(function(){return n(9943)})),t("ember-math-helpers/helpers/tanh",["@ember/component/helper"],(function(){return n(5539)})),t("ember-math-helpers/helpers/trunc",["@ember/component/helper"],(function(){return n(8879)})),t("qunit",[],(function(){return n(3211)})),t("sinon",[],(function(){return n(8739)})),void t("tracked-toolbox",["@ember/debug","@ember/object","@glimmer/tracking","@glimmer/tracking/primitives/cache"],(function(){return n(1475)})))},7066:function(e,r){window._eai_r=require,window._eai_d=define}},n={}
 function t(e){var o=n[e]
 if(void 0!==o)return o.exports
 var m=n[e]={id:e,loaded:!1,exports:{}}
@@ -23,6 +23,6 @@ var r=(r,n)=>{var o,m,[p,h,l]=n,u=0
 if(p.some((r=>0!==e[r]))){for(o in h)t.o(h,o)&&(t.m[o]=h[o])
 if(l)var c=l(t)}for(r&&r(n);u<p.length;u++)m=p[u],t.o(e,m)&&e[m]&&e[m][0](),e[m]=0
 return t.O(c)},n=globalThis.webpackChunk_ember_auto_import_=globalThis.webpackChunk_ember_auto_import_||[]
-n.forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n))})(),t.O(void 0,[359],(()=>t(733)))
-var o=t.O(void 0,[359],(()=>t(6660)))
+n.forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n))})(),t.O(void 0,[359],(()=>t(7066)))
+var o=t.O(void 0,[359],(()=>t(6846)))
 o=t.O(o),__ember_auto_import__=o})()

package/dist/{firefox/panes-3-16-0/assets/chunk.178.e6b2f8bb19b9f072aa49.js → bookmarklet/panes-3-16-0/assets/chunk.178.4fe3df60bd7ba157b035.js}

@@ -1,9 +1,9 @@
-var __ember_auto_import__;(()=>{var r={733:function(r,e){window._eai_r=require,window._eai_d=define},2009:r=>{r.exports=function(){_eai_d
+var __ember_auto_import__;(()=>{var r={7066:function(r,e){window._eai_r=require,window._eai_d=define},2802:r=>{r.exports=function(){_eai_d
 var r=_eai_r
 window.emberAutoImportDynamic=function(e){return 1===arguments.length?r("_eai_dyn_"+e):r("_eai_dynt_"+e)(Array.prototype.slice.call(arguments,1))},window.emberAutoImportSync=function(e){return r("_eai_sync_"+e)(Array.prototype.slice.call(arguments,1))}}()}},e={}
 function t(_){var o=e[_]
 if(void 0!==o)return o.exports
 var i=e[_]={exports:{}}
-return r[_].call(i.exports,i,i.exports,t),i.exports}t(733)
-var _=t(2009)
+return r[_].call(i.exports,i,i.exports,t),i.exports}t(7066)
+var _=t(2802)
 __ember_auto_import__=_})()

package/dist/bookmarklet/panes-3-16-0/assets/ember-inspector.css

@@ -1161,6 +1161,19 @@ code {
   color: var(--base09);
 }
 
+.component-tree-item__has_modifier:after {
+  content: "" !important;
+}
+
+.component-tree-item__closing:before {
+  content: ">";
+  margin-left: -13px;
+}
+
+.component-tree-item__self-closing:before {
+  content: "/>";
+}
+
 .component-tree-item__bracket:before {
   content: "<";
 }