@pb33f/cowboy-components 0.7.18 → 0.8.0

package/dist/components/model-renderer/server.js

@@ -36,12 +36,14 @@ let RenderedServerNodeComponent = class RenderedServerNodeComponent extends Clic
         if (this.server?.description) {
             description = html `
                 <pb33f-rendered-description-node>
-                    <h4 class="hr-nopadding">${this.renderSection('Description', 'description')}</h4>
-                    <span class="closed" id="description">${unsafeHTML(marked.parse(this.server.description).toString())}</span>
+                    <h4 class="hr-nopadding">${this.renderSection('DESCRIPTION', 'description')}</h4>
+                    <span class="closed"
+                          id="description">${unsafeHTML(marked.parse(this.server.description).toString())}</span>
                 </pb33f-rendered-description-node>`;
         }
         if (this.server?.url) {
-            url = html `<div style="width: 100%"><span class="list-key">URL:</span> <span class="list-value">
+            url = html `
+                <div style="width: 100%"><span class="list-key">URL:</span> <span class="list-value">
                 <a href="${this.server.url}" target="_blank">${this.server.url}</a>
             </span></div>`;
         }
@@ -51,14 +53,22 @@ let RenderedServerNodeComponent = class RenderedServerNodeComponent extends Clic
                 if (!value.description) {
                     value.description = '';
                 }
-                const prop = [{ name: value.enum, type: value.default, value: marked.parse(value.description).toString() }];
-                vars.push(html `<h5><pb33f-render-operation-path path="{${key}}"></pb33f-render-operation-path></h5>
-                <span style="font-size: 0.8em;">
-                    <pb33f-property-view propertyIsCode .data="${prop}" propertyLabel="enum" typeLabel="default" valueLabel="description"></pb33f-property-view>
+                const prop = [{
+                        name: value.enum, type: value.default, value: marked.parse(value.description).toString()
+                    }];
+                vars.push(html `
+                    <h5>
+                        <pb33f-render-operation-path path="{${key}}"></pb33f-render-operation-path>
+                    </h5>
+                    <span style="font-size: 0.8em;">
+                    <pb33f-property-view propertyIsCode .data="${prop}" propertyLabel="enum" typeLabel="default"
+                                         valueLabel="description"></pb33f-property-view>
                 </span>
                 `);
             }
-            variables = html `<hr style="margin-bottom: 15px; padding-bottom: 0"><h4>Server Variables</h4>${vars}<hr class="hr-nopadding"/>`;
+            variables = html `
+                <hr style="margin-bottom: 15px; padding-bottom: 0"><h4>SERVER VARIABLES</h4>${vars}
+                <hr class="hr-nopadding"/>`;
         }
         return html `
             ${url}

package/dist/components/model-renderer/tag.js

@@ -29,7 +29,7 @@ let RenderedTagNodeComponent = class RenderedTagNodeComponent extends ClickableR
         if (this.tag?.description) {
             description = html `
                 <pb33f-rendered-description-node noTopPadding>
-                    <h4 class="hr-nopadding">${this.renderSection('Description', 'description')}</h4>
+                    <h4 class="hr-nopadding">${this.renderSection('DESCRIPTION', 'description')}</h4>
                     <span class="closed" id="description">${unsafeHTML(marked.parse(this.tag.description).toString())}</span>
                 </pb33f-rendered-description-node>`;
         }

package/dist/components/model-tree/tree.css.js

@@ -4,7 +4,8 @@ export default css `
         --indent-guide-width: 1px;
         --indent-guide-color: var(--secondary-color);
         --indent-guide-style: dashed;
-        height: 200px;
+        height: auto;
+        min-height: 100%;
     }
     
     sl-tree-item::part(label) {
@@ -19,13 +20,15 @@ export default css `
     sl-badge::part(base) {
         font-size: 0.6rem;
         border-radius: 0;
-        padding: 1px;
         min-width: 15px;
+        //height: 16px;
+        //line-height: 14px;
         text-align: center;
         display: inline-block;
         background: none;
+        vertical-align: middle;
     }
-    
+
     sl-badge.warn::part(base) {
         border: 1px solid var(--warn-color-lowalpha);
         color: var(--warn-color);
@@ -36,13 +39,21 @@ export default css `
         color: var(--error-color);
     }
 
-    .node-limit-exceeded {
-        padding-left: 10px;
-        padding-top: 5px;
-        padding-bottom: 5px;
-        background: var(--warn-color);
-        font-size: 0.8rem;
+    sl-badge.bundled::part(base) {
+        background-color: var(--warn-color);
         color: var(--background-color);
-        font-family: var(--font-stack-bold), monospace;
+        border: 1px solid var(--warn-color);
+        padding: 0 4px;
+        letter-spacing: 0.03em;
+        line-height: 16px;
+    }
+
+    pb33f-render-operation-path {
+        display: inline-block;
+    }
+
+    .has-icon {
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
     }
 `;

package/dist/components/model-tree/tree.d.ts

@@ -1,39 +1,56 @@
 import '@shoelace-style/shoelace/dist/components/tree/tree.js';
 import '@shoelace-style/shoelace/dist/components/tree-item/tree-item.js';
-import { LitElement, TemplateResult } from "lit";
+import '@shoelace-style/shoelace/dist/components/badge/badge.js';
+import { html, LitElement } from "lit";
+import { NodeClickSource } from "../../events/doctor.js";
 import { SlTreeItem } from "@shoelace-style/shoelace";
-import { Change, Node } from "../../model/graph.js";
+import { Change, Node, VacuumResult } from "../../model/graph.js";
+import { TreeIconConfig } from "../../model/tree-icon-config.js";
+type HtmlTemplateResult = ReturnType<typeof html>;
 export declare class ModelTree extends LitElement {
     static styles: import("lit").CSSResult[];
-    node: Node;
-    nodeMap: Map<string, Node>;
-    nodeIdMap: Map<string, Node>;
-    nodeIdHashMap: Map<string, Node>;
+    private static readonly ICON_TYPE_MAP;
+    private static renderFileIcon;
+    node: Node | null;
     filteredNodes: Map<string, Node>;
     expand: boolean;
-    renderedNodes: Map<string, Node>;
-    nodeLimitExceeded: boolean;
-    nodeLimit: number;
+    changesEnabled: boolean;
+    isRolodex: boolean;
+    nodeMap: Map<string, Node>;
+    violationMap: Map<string, VacuumResult>;
+    iconConfig: TreeIconConfig;
+    isBundled: boolean;
     nodesWithChanges: Map<string, Node>;
     expandedNodes: Map<string, Node>;
-    isRolodex: boolean;
-    constructor(nodeMap: Map<string, Node>, nodeIdMap: Map<string, Node>, nodeIdHashMap: Map<string, Node>);
-    nodeClicked(nodeId: string, changes?: Change[]): void;
+    childrenRendered: Set<string>;
+    showAllChildren: Set<string>;
+    private _childRenderLimit;
+    pendingNavigationId: string;
+    pendingNavigationPath: string;
+    selectedNodes: SlTreeItem[];
+    currentId: string;
+    currentNode: Node;
+    currentChanges: Change[];
+    currentPath: string;
+    treeChanged: boolean;
+    private pendingExplorerTimeout?;
+    constructor();
+    disconnectedCallback(): void;
+    showMoreChildren(nodeId: string): void;
+    nodeClicked(nodeId: string, changes?: Change[], source?: NodeClickSource): void;
     rolodexClicked(nodeId: string, path?: string, changes?: Change[]): void;
     openNode(parentId: string): void;
-    pendingNavigationHash: string;
-    pendingNavigationPath: string;
+    willUpdate(changedProperties: Map<string, unknown>): void;
     updated(): void;
-    openNodeByPath(path: string): void;
-    explorerClicked(nodeId: string): void;
+    openNodeByPath(path: string, triggerSelection?: boolean): void;
+    explorerClicked(nodeId: string, scrollToView?: boolean): void;
     collapse(evt: Event, node: Node): void;
     expanded(evt: Event, node: Node): void;
-    renderLabel(node: Node, filtered?: boolean): TemplateResult;
-    buildTree(node: Node, depth: number): TemplateResult;
-    private selectedNodes;
-    private currentHash;
-    private currentPath;
+    renderLabel(node: Node, filtered?: boolean): HtmlTemplateResult;
+    buildTree(node: Node, depth: number): HtmlTemplateResult;
     nodesSelected(treeItems: SlTreeItem[]): void;
+    triggerTreeClick(source?: NodeClickSource): void;
     treeClicked(event: MouseEvent): void;
-    render(): TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
+export {};