@unabridged/midwest 0.19.2 → 0.20.1

package/README.md

@@ -3,7 +3,7 @@
 [![Rails Tests](https://github.com/unabridged/midwest/actions/workflows/rails-tests.yml/badge.svg?branch=main)](https://github.com/unabridged/midwest/actions/workflows/rails-tests.yml)
 [![Bridgetown Tests](https://github.com/unabridged/midwest/actions/workflows/bridgetown-tests.yml/badge.svg?branch=main)](https://github.com/unabridged/midwest/actions/workflows/bridgetown-tests.yml)
 [![Ruby](https://img.shields.io/badge/Ruby-3.3_%7C_3.4-CC342D?logo=ruby&logoColor=white)](https://github.com/unabridged/midwest/actions/workflows/ci.yml)
-[![Coverage](https://img.shields.io/badge/coverage-97%25-brightgreen)](https://github.com/unabridged/midwest/actions/workflows/ci.yml)
+[![Coverage](https://img.shields.io/badge/coverage-96%25-brightgreen)](https://github.com/unabridged/midwest/actions/workflows/ci.yml)
 
 Midwest Component Library is an implementation of the Midwest Design System using [ViewComponent](https://github.com/github/view_component).
 

package/app/assets/javascript/midwest/index.ts

@@ -25,6 +25,9 @@ import HorizontalScroll from '../../../components/midwest/horizontal_scroll_comp
 import Table from '../../../components/midwest/table_component/table_component_controller'
 import LoadMore from '../../../components/midwest/table_component/load_more_controller'
 import Pagination from '../../../components/midwest/pagination_component/pagination_component_controller'
+import ShowIf from '../../../components/midwest/show_if_component/show_if_component_controller'
+import TreeView from '../../../components/midwest/tree_view_component/tree_view_component_controller'
+import CommandPalette from '../../../components/midwest/command_palette_component/command_palette_component_controller'
 /* IMPORTS */
 
 export { Card, Banner, CountdownTimer, Chart }
@@ -57,5 +60,8 @@ export function registerMidwestControllers (application: any) {
   application.register('midwest-table', Table)
   application.register('midwest-load-more', LoadMore)
   application.register('midwest-pagination', Pagination)
+  application.register('midwest-show-if', ShowIf)
+  application.register('midwest-tree-view', TreeView)
+  application.register('midwest-command-palette', CommandPalette)
   /* EXPORTS */
 }

package/app/assets/javascript/midwest/template_helpers.ts

@@ -0,0 +1,27 @@
+/**
+ * Clones a <template> element's content and returns the first element child.
+ * Throws if the template is missing or has no element child.
+ */
+export function cloneTemplate<T extends HTMLElement = HTMLElement> (
+  template: HTMLTemplateElement
+): T {
+  const fragment = template.content.cloneNode(true) as DocumentFragment
+  const el = fragment.firstElementChild as T | null
+  if (!el) throw new Error('Template has no element child')
+  return el
+}
+
+/**
+ * Fills text content into a cloned template node by selector.
+ * Only sets content for selectors that match an element.
+ */
+export function fillTemplate (
+  root: HTMLElement,
+  data: Record<string, string | undefined>
+): void {
+  for (const [selector, value] of Object.entries(data)) {
+    if (value == null) continue
+    const el = root.querySelector(selector)
+    if (el) el.textContent = value
+  }
+}