@kodaris/krubble-app-components 1.0.0

package/dist/scaffold/nav-item-edit.js

@@ -0,0 +1,216 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import '@kodaris/krubble-components';
+let KRNavItemEdit = class KRNavItemEdit extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.icon = '';
+        this.url = '';
+        this.active = true;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.data) {
+            this.label = this.data.label || '';
+            this.icon = this.data.icon || '';
+            this.url = this.data.url || '';
+            this.active = this.data.active !== false;
+        }
+    }
+    handleLabelInput(e) {
+        const textField = e.target;
+        this.label = textField.value;
+    }
+    handleIconInput(e) {
+        const textField = e.target;
+        this.icon = textField.value;
+    }
+    handleUrlInput(e) {
+        const textField = e.target;
+        this.url = textField.value;
+    }
+    handleActiveChange(e) {
+        this.active = e.target.checked;
+    }
+    handleCancel() {
+        this.dialogRef.close(undefined);
+    }
+    handleSave() {
+        this.dialogRef.close({
+            label: this.label,
+            icon: this.icon || undefined,
+            url: this.url || undefined,
+            active: this.active,
+        });
+    }
+    handleKeyDown(e) {
+        if (e.key === 'Enter') {
+            this.handleSave();
+        }
+    }
+    render() {
+        return html `
+      <h2>Edit Navigation Item</h2>
+
+      <div class="form-group">
+        <kr-text-field
+          label="Label"
+          name="label"
+          .value=${this.label}
+          @input=${this.handleLabelInput}
+          @keydown=${this.handleKeyDown}
+          placeholder="Enter label"
+        ></kr-text-field>
+      </div>
+
+      <div class="form-group">
+        <kr-text-field
+          label="Icon (emoji or SVG)"
+          name="icon"
+          .value=${this.icon}
+          @input=${this.handleIconInput}
+          @keydown=${this.handleKeyDown}
+          placeholder="e.g. 📊 or <svg>...</svg>"
+        ></kr-text-field>
+      </div>
+
+      <div class="form-group">
+        <kr-text-field
+          label="URL"
+          name="url"
+          .value=${this.url}
+          @input=${this.handleUrlInput}
+          @keydown=${this.handleKeyDown}
+          placeholder="e.g. /ci/my-page or https://..."
+        ></kr-text-field>
+      </div>
+
+      <div class="form-group">
+        <div class="checkbox-group">
+          <input
+            type="checkbox"
+            id="active"
+            .checked=${this.active}
+            @change=${this.handleActiveChange}
+          />
+          <label class="checkbox-label" for="active">Visible in navigation</label>
+        </div>
+      </div>
+
+      <div class="actions">
+        <button class="btn-cancel" @click=${this.handleCancel}>Cancel</button>
+        <button class="btn-save" @click=${this.handleSave}>Save</button>
+      </div>
+    `;
+    }
+};
+KRNavItemEdit.styles = css `
+    :host {
+      display: block;
+      width: 360px;
+      padding: 24px;
+      color: rgba(255, 255, 255, 0.9);
+
+      /* Dark theme for kr-text-field */
+      --kr-text-field-label-color: rgba(255, 255, 255, 0.7);
+      --kr-text-field-border-color: rgba(255, 255, 255, 0.1);
+      --kr-text-field-bg: rgba(255, 255, 255, 0.05);
+      --kr-text-field-color: #ffffff;
+      --kr-text-field-focus-border-color: #beea4e;
+      --kr-text-field-focus-ring-color: rgba(190, 234, 78, 0.1);
+      --kr-text-field-placeholder-color: rgba(255, 255, 255, 0.3);
+      --kr-text-field-helper-color: rgba(255, 255, 255, 0.5);
+    }
+
+    h2 {
+      margin: 0 0 24px 0;
+      font-size: 18px;
+      font-weight: 600;
+      color: #ffffff;
+    }
+
+    .form-group {
+      margin-bottom: 20px;
+    }
+
+    .checkbox-group {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+
+    input[type="checkbox"] {
+      width: 18px;
+      height: 18px;
+      accent-color: #beea4e;
+      cursor: pointer;
+    }
+
+    .checkbox-label {
+      font-size: 14px;
+      color: rgba(255, 255, 255, 0.9);
+      cursor: pointer;
+    }
+
+    .actions {
+      display: flex;
+      gap: 12px;
+      justify-content: flex-end;
+      margin-top: 28px;
+    }
+
+    button {
+      padding: 10px 20px;
+      border-radius: 6px;
+      font-size: 14px;
+      font-weight: 500;
+      font-family: inherit;
+      cursor: pointer;
+      transition: all 0.15s ease;
+    }
+
+    .btn-cancel {
+      background: rgba(255, 255, 255, 0.05);
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      color: rgba(255, 255, 255, 0.8);
+    }
+
+    .btn-cancel:hover {
+      background: rgba(255, 255, 255, 0.1);
+      color: #ffffff;
+    }
+
+    .btn-save {
+      background: #beea4e;
+      border: none;
+      color: #10172a;
+    }
+
+    .btn-save:hover {
+      background: #d4f472;
+    }
+  `;
+__decorate([
+    state()
+], KRNavItemEdit.prototype, "label", void 0);
+__decorate([
+    state()
+], KRNavItemEdit.prototype, "icon", void 0);
+__decorate([
+    state()
+], KRNavItemEdit.prototype, "url", void 0);
+__decorate([
+    state()
+], KRNavItemEdit.prototype, "active", void 0);
+KRNavItemEdit = __decorate([
+    customElement('kr-nav-item-edit')
+], KRNavItemEdit);
+export { KRNavItemEdit };
+//# sourceMappingURL=nav-item-edit.js.map

package/dist/scaffold/nav-item-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-item-edit.js","sourceRoot":"","sources":["../../src/scaffold/nav-item-edit.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,6BAA6B,CAAC;AAW9B,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QA6FG,UAAK,GAAG,EAAE,CAAC;QAGX,SAAI,GAAG,EAAE,CAAC;QAGV,QAAG,GAAG,EAAE,CAAC;QAGT,WAAM,GAAG,IAAI,CAAC;IAyGxB,CAAC;IAvGU,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;YACnC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;YACjC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC;QAC3C,CAAC;IACH,CAAC;IAEO,gBAAgB,CAAC,CAAQ;QAC/B,MAAM,SAAS,GAAG,CAAC,CAAC,MAAyC,CAAC;QAC9D,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;IAC/B,CAAC;IAEO,eAAe,CAAC,CAAQ;QAC9B,MAAM,SAAS,GAAG,CAAC,CAAC,MAAyC,CAAC;QAC9D,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC;IAC9B,CAAC;IAEO,cAAc,CAAC,CAAQ;QAC7B,MAAM,SAAS,GAAG,CAAC,CAAC,MAAyC,CAAC;QAC9D,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC;IAC7B,CAAC;IAEO,kBAAkB,CAAC,CAAQ;QACjC,IAAI,CAAC,MAAM,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;IACvD,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,SAAS;YAC5B,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,SAAS;YAC1B,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CAAC;IACL,CAAC;IAEO,aAAa,CAAC,CAAgB;QACpC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;;;;;;;mBAOI,IAAI,CAAC,KAAK;mBACV,IAAI,CAAC,gBAAgB;qBACnB,IAAI,CAAC,aAAa;;;;;;;;;mBASpB,IAAI,CAAC,IAAI;mBACT,IAAI,CAAC,eAAe;qBAClB,IAAI,CAAC,aAAa;;;;;;;;;mBASpB,IAAI,CAAC,GAAG;mBACR,IAAI,CAAC,cAAc;qBACjB,IAAI,CAAC,aAAa;;;;;;;;;;uBAUhB,IAAI,CAAC,MAAM;sBACZ,IAAI,CAAC,kBAAkB;;;;;;;4CAOD,IAAI,CAAC,YAAY;0CACnB,IAAI,CAAC,UAAU;;KAEpD,CAAC;IACJ,CAAC;;AA7Me,oBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqF3B,AArFqB,CAqFpB;AAOM;IADP,KAAK,EAAE;4CACW;AAGX;IADP,KAAK,EAAE;2CACU;AAGV;IADP,KAAK,EAAE;0CACS;AAGT;IADP,KAAK,EAAE;6CACc;AAtGX,aAAa;IADzB,aAAa,CAAC,kBAAkB,CAAC;GACrB,aAAa,CA+MzB"}

package/dist/scaffold.d.ts

@@ -0,0 +1,368 @@
+import { LitElement } from 'lit';
+import type { KRSubbarBreadcrumb } from './subbar.js';
+/**
+ * Navigation item interface
+ */
+export interface KRNavItem {
+    /** Type of nav entry - 'item' for links, 'group' for expandable sections, 'section' for non-interactive headers */
+    type: 'item' | 'group' | 'section';
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Icon - can be emoji or SVG string */
+    icon?: string;
+    /** URL to navigate to (for type: 'item') */
+    url?: string;
+    /** Whether this item is visible (false = hidden via customization) */
+    active?: boolean;
+    /** Sort order for customization (lower = higher in list) */
+    order?: number;
+    /** Parent group ID, or null for top-level items (used in delta for reordering) */
+    parentId?: string | null;
+    /** Child navigation items (for type: 'group') */
+    children?: KRNavItem[];
+}
+/**
+ * Computed nav item with preferences applied.
+ *
+ * Unlike `KRNavItem`, this is a flat structure without nested `children`.
+ * Instead, items reference their parent via `parentId`. The `order` and
+ * `parentId` fields are required (resolved from preferences or defaults).
+ *
+ * Returned by `getComputedNav()` and used for rendering and drag/drop.
+ */
+export interface KRNavItemFlat {
+    id: string;
+    type: 'item' | 'group' | 'section';
+    label: string;
+    icon?: string;
+    url?: string;
+    active?: boolean;
+    order: number;
+    parentId: string | null;
+}
+/**
+ * User profile interface
+ */
+export interface KRUser {
+    /** User's display name */
+    name: string;
+    /** User's email or role */
+    email?: string;
+    /** Avatar URL or initials will be generated from name */
+    avatar?: string;
+}
+/**
+ * Application shell component with nav drawer and main content area.
+ *
+ * ## Features
+ * - Collapsible navigation drawer with hierarchical items (groups and items)
+ * - User profile display in footer with customization menu
+ * - Edit mode for customizing navigation (rename, reorder, hide items, add custom items)
+ * - Drag and drop reordering in edit mode
+ * - Persistence of customizations via preference API (global/organization level)
+ *
+ * ## Nav Customization
+ * Users can customize the navigation by clicking their profile and selecting
+ * "Customize Navigation". This enters edit mode where users can:
+ * - Right-click items to edit label, icon, or visibility
+ * - Right-click to add new items above/below existing items
+ * - Drag and drop to reorder items or move them between groups
+ *
+ * Customizations are stored globally and apply to all users.
+ *
+ * ## Preference Storage
+ * Preferences are stored as JSON with the following structure:
+ * ```json
+ * {
+ *   "nav": {
+ *     "itemId": { "label": "Custom Label", "icon": "...", "active": true, "order": 0 },
+ *     "custom-123": { "type": "item", "label": "New Item", "url": "/path", ... }
+ *   }
+ * }
+ * ```
+ *
+ * The `nav` object is a delta - it only contains overrides for existing items
+ * or definitions for custom items (prefixed with "custom-").
+ *
+ * ## API Endpoints Used
+ * - GET `/api/system/preference/json/scaffold?global=true` - load preferences
+ * - POST `/api/system/preference/json/scaffold?global=true` - create new preference
+ * - PUT `/api/system/preference/json/scaffold/{uuid}?global=true` - update existing preference
+ *
+ * @slot - The main content
+ *
+ * @property {string} logo - URL for the logo image
+ * @property {string} title - Title text to display instead of logo
+ * @property {'light'|'dark'} scheme - Color scheme: 'light' (default) or 'dark'
+ * @property {KRNavItem[]} nav - Navigation items as JSON array
+ * @property {KRUser} user - User profile data
+ *
+ *
+ * TODO
+ * - Don't hardcode breadcrumbs
+ * - Look at renderNormalFooter and renderEditFooter and see if that is what we want to do
+ */
+export declare class KRScaffold extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * HTTP client for API calls
+     */
+    private http;
+    /**
+     * Default icon for nav items without an icon (shown at top level)
+     */
+    private defaultNavItemIcon;
+    private boundHandleMouseMove;
+    private boundHandleMouseUp;
+    private navItemsExpanded;
+    private navQuery;
+    private activeNavItemId;
+    private isNavScrolled;
+    private isNavOpened;
+    private isEditing;
+    private isUserMenuOpen;
+    private pref;
+    private draggedNavItemId;
+    private navItemDropTargetId;
+    private navItemDropPosition;
+    private pendingRequests;
+    private originalFetch;
+    private originalXhrOpen;
+    private navItemDragPreview;
+    private navItemDragStartY;
+    private isNavItemDragging;
+    private navItemDragExpandTimeout;
+    private navInitialized;
+    logo: string;
+    title: string;
+    scheme: 'light' | 'dark';
+    nav: KRNavItem[];
+    navIconsDisplayed: boolean;
+    navExpanded: boolean;
+    user: KRUser | null;
+    /**
+     * Whether to show the subbar with menu toggle
+     */
+    subbar: boolean;
+    /**
+     * Breadcrumbs to display in the subbar
+     */
+    breadcrumbs: KRSubbarBreadcrumb[];
+    constructor();
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    /**
+     * Installs global interceptors for fetch and XMLHttpRequest to track pending HTTP requests.
+     * Updates `pendingRequests` state when requests start/complete.
+     */
+    private installFetchInterceptor;
+    /**
+     * Restores the original fetch and XMLHttpRequest functions.
+     */
+    private uninstallFetchInterceptor;
+    /**
+     * Returns the computed navigation as a flat array with preferences applied.
+     *
+     * Transforms the hierarchical `nav` property into a flat list where each item
+     * has a `parentId` reference instead of nested `children`. Merges user
+     * preference overrides (label, icon, url, active, order, parentId) and
+     * includes any custom items added via the edit dialog.
+     *
+     * @returns Flat array of nav items with preferences applied
+     */
+    private getComputedNav;
+    /**
+     * Returns nav items for a given parent, filtered and sorted for rendering.
+     *
+     * Filters the computed nav to items matching the parentId, sorts by order,
+     * hides inactive items in normal mode, and applies the search query filter.
+     * Groups are shown if their label matches or if they have matching children.
+     *
+     * @param parentId - The parent ID to filter by (null for top-level items)
+     * @returns Filtered and sorted nav items ready for rendering
+     */
+    private getNavItemChildren;
+    /**
+     * Handles search input changes for filtering nav items.
+     *
+     * When a search query is entered, automatically expands any groups that
+     * contain matching children so users can see the results. When the search
+     * is cleared, collapses all groups back to their default state.
+     *
+     * @param e - The input event from the search field
+     */
+    private handleNavQueryChange;
+    /**
+     * Clears the search query.
+     */
+    private handleNavQueryClear;
+    private handleMenuClick;
+    /**
+     * Handles scroll on nav content to show/hide header shadow.
+     */
+    private handleNavScroll;
+    /**
+     * Toggles the expanded/collapsed state of a nav group with animation.
+     * Uses the Web Animations API to animate height transitions.
+     * When collapsing, the `nav-group--expanded` class is removed after animation completes.
+     * When expanding, the class is added immediately before animation starts.
+     *
+     * @param itemId - The unique identifier of the nav group to toggle
+     */
+    private toggleNavItem;
+    /**
+     * Handles click events on navigation items.
+     *
+     * For groups, toggles the expanded/collapsed state.
+     * For items, dispatches a cancelable `nav-item-click` custom event.
+     *
+     * If a listener calls `preventDefault()` on the custom event, native browser
+     * navigation is prevented. Otherwise, the default `<a href>` navigation
+     * proceeds normally.
+     *
+     * The `@krubble/angular` package provides `KRScaffoldDirective` which
+     * automatically listens for this event and handles navigation using
+     * Angular's router. Import `KrubbleModule` in your Angular app to enable
+     * SPA navigation without page reloads.
+     *
+     * @param e - The original click event
+     * @param item - The nav item that was clicked
+     */
+    private handleNavItemClick;
+    /**
+     * Updates the active nav item highlight based on the current URL.
+     *
+     * Compares the first path segment of `window.location.pathname` with each
+     * nav item's URL to find a match. When found, highlights that item and
+     * expands its parent group if nested.
+     *
+     * Called automatically by `KRScaffoldDirective` on Angular route changes.
+     */
+    updateActiveNavItem(): void;
+    private startEditing;
+    private cancelEditing;
+    private resetPref;
+    private savePref;
+    private loadPref;
+    private handleNavItemContextMenu;
+    /**
+     * Opens the nav item edit dialog for customizing an item's properties.
+     *
+     * Opens `KRNavItemEdit` dialog pre-populated with the item's current values.
+     * When the user saves, merges the result into the nav delta to persist
+     * customizations like label, icon, URL, and visibility.
+     *
+     * @param item - The nav item to edit
+     */
+    private openNavItemEdit;
+    /**
+     * Adds a new custom nav item relative to an existing item.
+     *
+     * Creates a placeholder item in the nav delta, shifts existing siblings
+     * to make room, then opens the edit dialog so the user can configure
+     * the new item's label, icon, and URL.
+     *
+     * @param targetItem - The existing item to position relative to
+     * @param position - Whether to insert 'above' or 'below' the target item
+     */
+    private addNavItem;
+    /**
+     * Initiates a potential drag operation when mouse is pressed on a nav item.
+     *
+     * Only active in edit mode. Records the starting position and sets up
+     * document-level listeners for mouse move and mouse up events. The actual
+     * drag doesn't start until the mouse moves more than 5 pixels.
+     *
+     * @param e - The mouse event
+     * @param item - The nav item being pressed
+     */
+    private handleNavItemMouseDown;
+    /**
+     * Handles mouse movement during a nav item drag operation.
+     *
+     * Initiates dragging after the mouse moves more than 5 pixels (to distinguish
+     * from clicks), creates a floating preview element that follows the cursor,
+     * and updates the drop target indicator based on mouse position.
+     *
+     * @param e - The mouse event
+     */
+    private handleMouseMove;
+    /**
+     * Handles the end of a nav item drag operation.
+     *
+     * Removes document-level mouse listeners, executes the drop if there's a valid
+     * target, and cleans up all drag-related state.
+     */
+    private handleMouseUp;
+    /**
+     * Determines where a dragged nav item would be dropped based on mouse position.
+     *
+     * Loops through all nav items and checks if the mouse is hovering over one.
+     * For groups, the item is divided into thirds (above/center/below) where
+     * "center" means drop into the group. For regular items, it's halves (above/below).
+     *
+     * Also handles auto-expanding collapsed groups when hovering over their center,
+     * and validates drops (e.g., prevents dropping a group into another group).
+     *
+     * Updates `navItemDropTargetId` and `navItemDropPosition` state which are used to render
+     * visual drop indicators in the UI.
+     *
+     * @param e - The mouse event from dragging
+     */
+    private updateNavItemDropTarget;
+    /**
+     * Cancels the pending auto-expand timeout for nav groups during drag.
+     * Called when the user moves away from a group's center or stops dragging.
+     */
+    private clearNavItemDragExpandTimeout;
+    /**
+     * Auto-expands a collapsed nav group after a delay while dragging over it.
+     *
+     * Uses a 500ms timeout to prevent groups from expanding too eagerly when the
+     * user is just passing over them. Only expands if the user is still hovering
+     * over the group's center when the timeout fires.
+     *
+     * @param itemId - The ID of the group to expand
+     */
+    private expandNavGroupOnDrag;
+    /**
+     * Executes the drop operation after a nav item drag completes.
+     *
+     * Calculates the new position and parent for the dragged item based on
+     * the drop target and position (above/below/center). Updates the navDelta
+     * with new order values for the dragged item and shifts siblings as needed.
+     */
+    private executeNavItemDrop;
+    private toggleUserMenu;
+    private closeUserMenu;
+    private handleCustomize;
+    private renderNormalFooter;
+    private renderEditFooter;
+    /**
+     * Renders a navigation item as either a group or a link.
+     *
+     * Groups render as expandable `<button>` elements with a chevron indicator and
+     * nested children. Items render as `<a>` anchor links with href navigation.
+     *
+     * Both types support drag-and-drop reordering in edit mode, context menus for
+     * customization, and visual indicators for active/hidden/drop-target states.
+     *
+     * Icons use SVG strings and fall back to `defaultNavItemIcon` when not provided.
+     * Icons are only rendered for top-level items, not for children nested within groups.
+     *
+     * @param item - The flat nav item data to render
+     * @param isChild - Whether this item is nested within a group (affects icon rendering)
+     * @returns Lit HTML template for the nav item
+     */
+    private renderNavItem;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kr-scaffold': KRScaffold;
+    }
+}
+//# sourceMappingURL=scaffold.d.ts.map

package/dist/scaffold.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scaffold.d.ts","sourceRoot":"","sources":["../src/scaffold.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAItD;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,mHAAmH;IACnH,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACnC,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,MAAM;IACrB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAutBpB;IAEF;;OAEG;IACH,OAAO,CAAC,IAAI,CAA0B;IAEtC;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAA4H;IAEtJ,OAAO,CAAC,oBAAoB,CAA0B;IAEtD,OAAO,CAAC,kBAAkB,CAA0B;IAGpD,OAAO,CAAC,gBAAgB,CAA0B;IAGlD,OAAO,CAAC,QAAQ,CAAM;IAGtB,OAAO,CAAC,eAAe,CAAuB;IAG9C,OAAO,CAAC,aAAa,CAAS;IAG9B,OAAO,CAAC,WAAW,CAAQ;IAG3B,OAAO,CAAC,SAAS,CAAS;IAG1B,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,IAAI,CAA2E;IAGvF,OAAO,CAAC,gBAAgB,CAAuB;IAG/C,OAAO,CAAC,mBAAmB,CAAuB;IAGlD,OAAO,CAAC,mBAAmB,CAAyC;IAGpE,OAAO,CAAC,eAAe,CAAK;IAE5B,OAAO,CAAC,aAAa,CAA6B;IAElD,OAAO,CAAC,eAAe,CAAqD;IAE5E,OAAO,CAAC,kBAAkB,CAA4B;IAEtD,OAAO,CAAC,iBAAiB,CAAa;IAEtC,OAAO,CAAC,iBAAiB,CAAkB;IAE3C,OAAO,CAAC,wBAAwB,CAAuB;IAEvD,OAAO,CAAC,cAAc,CAAS;IAG/B,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,MAAM,EAAE,OAAO,GAAG,MAAM,CAAW;IAGnC,GAAG,EAAE,SAAS,EAAE,CAAM;IAGtB,iBAAiB,UAAS;IAG1B,WAAW,UAAS;IAGpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE3B;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,WAAW,EAAE,kBAAkB,EAAE,CAAM;;IAQ9B,iBAAiB;IAMjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAa/C,oBAAoB;IAK7B;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IA8B/B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAejC;;;;;;;;;OASG;IACH,OAAO,CAAC,cAAc;IA+CtB;;;;;;;;;OASG;IACH,OAAO,CAAC,kBAAkB;IAmC1B;;;;;;;;OAQG;IACH,OAAO,CAAC,oBAAoB;IAiB5B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,eAAe;IAIvB;;OAEG;IACH,OAAO,CAAC,eAAe;IAIvB;;;;;;;OAOG;IACH,OAAO,CAAC,aAAa;IAgCrB;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,kBAAkB;IAmB1B;;;;;;;;OAQG;IACI,mBAAmB;IA8B1B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,QAAQ;IAmBhB,OAAO,CAAC,QAAQ;IAgBhB,OAAO,CAAC,wBAAwB;IA+BhC;;;;;;;;OAQG;IACH,OAAO,CAAC,eAAe;IAgBvB;;;;;;;;;OASG;IACH,OAAO,CAAC,UAAU;IAqClB;;;;;;;;;OASG;IACH,OAAO,CAAC,sBAAsB;IAY9B;;;;;;;;OAQG;IACH,OAAO,CAAC,eAAe;IAgCvB;;;;;OAKG;IACH,OAAO,CAAC,aAAa;IAuBrB;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,uBAAuB;IAmF/B;;;OAGG;IACH,OAAO,CAAC,6BAA6B;IAOrC;;;;;;;;OAQG;IACH,OAAO,CAAC,oBAAoB;IAU5B;;;;;;OAMG;IACH,OAAO,CAAC,kBAAkB;IAiF1B,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,kBAAkB;IAoC1B,OAAO,CAAC,gBAAgB;IAkBxB;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,aAAa;IAoEZ,MAAM;CAgFhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}