stimulus_plumbers 0.4.5 → 0.4.9

data/lib/stimulus_plumbers/helpers/progress_helper.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module StimulusPlumbers
+  module Helpers
+    module ProgressHelper
+      def sp_progress_bar(value:, min: 0, max: 100, indeterminate: false, **kwargs)
+        Components::ProgressBar.new(self).render(value: value, min: min, max: max, indeterminate: indeterminate, **kwargs)
+      end
+
+      def sp_progress_ring(value:, min: 0, max: 100, indeterminate: false, **kwargs)
+        Components::ProgressRing.new(self).render(value: value, min: min, max: max, indeterminate: indeterminate, **kwargs)
+      end
+
+      def sp_progress_meter(value:, min: 0, max: 100, low: nil, high: nil, optimum: nil, **kwargs)
+        Components::ProgressMeter.new(self).render(
+          value: value, min: min, max: max, low: low, high: high, optimum: optimum, **kwargs
+        )
+      end
+    end
+  end
+end

data/lib/stimulus_plumbers/helpers.rb

@@ -2,7 +2,10 @@
 
 require_relative "helpers/plumber_helper"
 require_relative "helpers/icon_helper"
+require_relative "helpers/indicator_helper"
 require_relative "helpers/list_helper"
+require_relative "helpers/checklist_helper"
+require_relative "helpers/ordered_list_helper"
 require_relative "helpers/avatar_helper"
 require_relative "helpers/button_helper"
 require_relative "helpers/calendar_helper"
@@ -12,13 +15,17 @@ require_relative "helpers/combobox_helper"
 require_relative "helpers/divider_helper"
 require_relative "helpers/link_helper"
 require_relative "helpers/popover_helper"
+require_relative "helpers/progress_helper"
 require_relative "helpers/timeline_helper"
 
 module StimulusPlumbers
   module Helpers
     include PlumberHelper
     include IconHelper
+    include IndicatorHelper
     include ListHelper
+    include ChecklistHelper
+    include OrderedListHelper
     include AvatarHelper
     include ButtonHelper
     include CalendarHelper
@@ -28,6 +35,7 @@ module StimulusPlumbers
     include DividerHelper
     include LinkHelper
     include PopoverHelper
+    include ProgressHelper
     include TimelineHelper
   end
 end

data/lib/stimulus_plumbers/plumber/slots.rb

@@ -11,8 +11,9 @@ module StimulusPlumbers
         end
       end
 
-      def initialize
+      def initialize(template = nil)
         @slots = {}
+        @template = template
       end
 
       def resolve(name)
@@ -20,7 +21,7 @@ module StimulusPlumbers
         return unless entry
 
         value = entry[:value]
-        value = value.call if value.is_a?(Proc)
+        value = capture_block(value) if value.is_a?(Proc)
         block_given? ? yield(value) : value
       end
 
@@ -38,6 +39,12 @@ module StimulusPlumbers
 
       private
 
+      # Runs the slot block through the view so its ERB output is returned,
+      # not written to whatever buffer happens to be active.
+      def capture_block(block)
+        @template ? @template.capture(&block) : block.call
+      end
+
       def set_slot(name, value, options = {})
         @slots[name] = { value: value, options: options }
       end
@@ -54,7 +61,7 @@ module StimulusPlumbers
 
         def define_by_slot(name, by)
           define_method(:"with_#{name}") do |&block|
-            sub = by.new
+            sub = by.new(@template)
             block&.call(sub)
             set_slot(name, sub)
             nil

data/lib/stimulus_plumbers/themes/base.rb

@@ -8,6 +8,8 @@ module StimulusPlumbers
     class Base
       SCHEMA = {
         **Schema::LIST,
+        **Schema::CHECKLIST,
+        **Schema::ORDERED_LIST,
         **Schema::AVATAR,
         **Schema::BUTTON,
         **Schema::CALENDAR,
@@ -15,9 +17,11 @@ module StimulusPlumbers
         **Schema::COMBOBOX,
         **Schema::FORM,
         **Schema::ICON,
+        **Schema::INDICATOR,
         **Schema::INPUT_GROUP,
         **Schema::LAYOUT,
         **Schema::LINK,
+        **Schema::PROGRESS,
         **Schema::TIMELINE
       }.freeze
 

data/lib/stimulus_plumbers/themes/schema/icon.rb

@@ -23,7 +23,7 @@ module StimulusPlumbers
 
         ELEMENT_ATTRS = {
           path:     %i[d fill fill_rule clip_rule stroke_linecap stroke_linejoin opacity].freeze,
-          circle:   %i[cx cy r].freeze,
+          circle:   %i[cx cy r class stroke stroke_width stroke_linecap].freeze,
           ellipse:  %i[cx cy rx ry].freeze,
           rect:     %i[x y width height rx ry].freeze,
           line:     %i[x1 y1 x2 y2].freeze,
@@ -64,9 +64,26 @@ module StimulusPlumbers
         end
 
         def resolve_element_attrs(element_data)
-          element_data.slice(*ELEMENT_ATTRS[element_data[:tag]])
-                      .transform_keys { |key| ELEMENT_ATTR_NAMES.fetch(key, key.to_s) }
-                      .transform_values(&:to_s)
+          element_data.filter_map do |key, value|
+            next if key == :tag
+            next unless element_attr_allowed?(element_data[:tag], key)
+
+            [element_attr_name(key), value.to_s]
+          end.to_h
+        end
+
+        def element_attr_allowed?(tag, key)
+          ELEMENT_ATTRS.fetch(tag, []).include?(key) || data_or_aria_attr?(key)
+        end
+
+        def element_attr_name(key)
+          return key.to_s.tr("_", "-") if data_or_aria_attr?(key)
+
+          ELEMENT_ATTR_NAMES.fetch(key, key.to_s)
+        end
+
+        def data_or_aria_attr?(key)
+          key.to_s.start_with?("data_", "aria_")
         end
       end
     end

data/lib/stimulus_plumbers/themes/schema/indicator/ranges.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module StimulusPlumbers
+  module Themes
+    module Schema
+      module Indicator
+        module Ranges
+          TYPE    = %i[dot pulse badge].freeze
+          VARIANT = %i[primary secondary tertiary success destructive warning info].freeze
+        end
+      end
+    end
+  end
+end

data/lib/stimulus_plumbers/themes/schema.rb

@@ -5,6 +5,7 @@ require_relative "schema/ranges"
 require_relative "schema/avatar/ranges"
 require_relative "schema/button/ranges"
 require_relative "schema/card/ranges"
+require_relative "schema/indicator/ranges"
 require_relative "schema/link/ranges"
 require_relative "schema/form/ranges"
 require_relative "schema/form/checkbox/ranges"
@@ -27,6 +28,24 @@ module StimulusPlumbers
         list_item_description:    {}.freeze
       }.freeze
 
+      CHECKLIST = {
+        checklist:                  {}.freeze,
+        checklist_item:             {}.freeze,
+        checklist_item_input:       {}.freeze,
+        checklist_item_content:     {}.freeze,
+        checklist_item_title:       {}.freeze,
+        checklist_item_description: {}.freeze
+      }.freeze
+
+      ORDERED_LIST = {
+        ordered_list:                  {}.freeze,
+        ordered_list_item:             {}.freeze,
+        ordered_list_item_handle:      {}.freeze,
+        ordered_list_item_content:     {}.freeze,
+        ordered_list_item_title:       {}.freeze,
+        ordered_list_item_description: {}.freeze
+      }.freeze
+
       AVATAR = {
         avatar:       {
           size:    { default: :md, validate: Avatar::Ranges::SIZE },
@@ -169,7 +188,16 @@ module StimulusPlumbers
       }.freeze
 
       ICON = {
-        icon: {}.freeze
+        icon: { size: { default: :lg, validate: %i[sm md lg] } }.freeze
+      }.freeze
+
+      INDICATOR = {
+        indicator:         {
+          type:    { default: :dot,     validate: Indicator::Ranges::TYPE },
+          variant: { default: :primary, validate: Indicator::Ranges::VARIANT }
+        }.freeze,
+        indicator_wrapper: {}.freeze,
+        indicator_pulse:   {}.freeze
       }.freeze
 
       INPUT_GROUP = {
@@ -196,6 +224,13 @@ module StimulusPlumbers
         popover:           {}.freeze
       }.freeze
 
+      PROGRESS = {
+        progress_bar:      {}.freeze,
+        progress_bar_fill: {}.freeze,
+        progress_ring:     {}.freeze,
+        progress_meter:    {}.freeze
+      }.freeze
+
       TIMELINE = {
         timeline:                          {
           orientation: { default: :vertical, validate: %i[vertical horizontal] }
@@ -216,7 +251,6 @@ module StimulusPlumbers
         timeline_item_description:         {}.freeze,
         timeline_item_detail:              {}.freeze,
         timeline_item_actions:             {}.freeze,
-        timeline_item_indicator_dot:       {}.freeze,
         timeline_item_connector:           {}.freeze,
         timeline_item_content:             {}.freeze,
         timeline_track_line:               {}.freeze,
@@ -224,7 +258,9 @@ module StimulusPlumbers
         timeline_group:                    {}.freeze,
         timeline_group_section:            {}.freeze,
         timeline_group_section_date:       {}.freeze,
-        timeline_group_section_list:       {}.freeze
+        timeline_group_section_list:       {
+          orientation: { default: :vertical, validate: %i[vertical horizontal] }
+        }.freeze
       }.freeze
     end
   end

data/lib/stimulus_plumbers/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module StimulusPlumbers
-  VERSION = "0.4.5"
+  VERSION = "0.4.9"
 end

data/lib/stimulus_plumbers.rb

@@ -17,6 +17,7 @@ require_relative "stimulus_plumbers/plumber/base"
 
 # -- UI components --
 require_relative "stimulus_plumbers/components/icon"
+require_relative "stimulus_plumbers/components/indicator"
 require_relative "stimulus_plumbers/components/avatar"
 require_relative "stimulus_plumbers/components/button"
 require_relative "stimulus_plumbers/components/button/slots"
@@ -25,10 +26,16 @@ require_relative "stimulus_plumbers/components/link"
 require_relative "stimulus_plumbers/components/link/slots"
 require_relative "stimulus_plumbers/components/card"
 require_relative "stimulus_plumbers/components/card/slots"
+require_relative "stimulus_plumbers/components/checklist"
+require_relative "stimulus_plumbers/components/checklist/item"
+require_relative "stimulus_plumbers/components/checklist/item/slots"
 require_relative "stimulus_plumbers/components/list"
 require_relative "stimulus_plumbers/components/list/section"
 require_relative "stimulus_plumbers/components/list/item"
 require_relative "stimulus_plumbers/components/list/item/slots"
+require_relative "stimulus_plumbers/components/ordered_list"
+require_relative "stimulus_plumbers/components/ordered_list/item"
+require_relative "stimulus_plumbers/components/ordered_list/item/slots"
 require_relative "stimulus_plumbers/components/timeline"
 require_relative "stimulus_plumbers/components/timeline/event"
 require_relative "stimulus_plumbers/components/timeline/event/slots"
@@ -38,6 +45,9 @@ require_relative "stimulus_plumbers/components/input_group"
 require_relative "stimulus_plumbers/components/popover"
 require_relative "stimulus_plumbers/components/popover/trigger"
 require_relative "stimulus_plumbers/components/popover/panel"
+require_relative "stimulus_plumbers/components/progress_bar"
+require_relative "stimulus_plumbers/components/progress_ring"
+require_relative "stimulus_plumbers/components/progress_meter"
 
 # -- Calendar --
 require_relative "stimulus_plumbers/components/calendar"

data/lib/tasks/stimulus_plumbers.rake

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+namespace :stimulus_plumbers do
+  desc "Add the tokens.css @import into the CSS entry file"
+  task(:install) do
+    unless ENV["STIMULUS_PLUMBERS_SKIP_INSTALL"]
+      require "generators/stimulus_plumbers/install/install_generator"
+      StimulusPlumbers::Generators::InstallGenerator.new(
+        [], {}, { destination_root: Rails.root.to_s }
+      ).invoke_all
+    end
+  end
+end
+
+Rake::Task["stimulus_plumbers:install"].enhance(["environment"]) unless ENV["STIMULUS_PLUMBERS_SKIP_INSTALL"]
+
+# Hooks into "assets:precompile" as a prerequisite; Rake merges rather than overwrites, so order-independent.
+task "assets:precompile" => ["stimulus_plumbers:install"]

data/vendor/ARIA.md

@@ -0,0 +1,108 @@
+# WCAG 2.1 AA / ARIA Reference
+
+## Core Criteria (all components)
+
+| Criterion | Level | Rule |
+|-----------|-------|------|
+| 1.3.1 Info & Relationships | A | Convey structure via semantic HTML or ARIA roles, not visual styling alone |
+| 1.4.1 Use of Color | A | Never use color as the only means to convey information |
+| 1.4.3 Contrast (text) | AA | 4.5:1 normal text, 3:1 large text (18pt / 14pt bold) |
+| 1.4.11 Non-text Contrast | AA | 3:1 for UI component boundaries and state indicators |
+| 2.1.1 Keyboard | A | All functionality operable via keyboard; no mouse-only interactions |
+| 2.1.2 No Keyboard Trap | A | Focus must be escapable from any component (Escape or documented key) |
+| 2.4.3 Focus Order | A | Focus sequence must be logical and predictable |
+| 2.4.7 Focus Visible | AA | Keyboard focus indicator must be visible |
+| 4.1.2 Name, Role, Value | A | All UI components must have accessible name, role, and state via ARIA or native semantics; state must stay in sync dynamically (e.g. `aria-expanded`, `aria-selected`, `aria-checked`) |
+| 4.1.3 Status Messages | AA | Status/error messages announced via `role="status"` or `aria-live` without focus move |
+
+## JS Keyboard Navigation Patterns
+
+Two helper classes handle keyboard navigation in controllers — see [`stimulus-plumbers/docs/accessibility/design.md`](stimulus-plumbers/docs/accessibility/design.md) for full API.
+
+| Pattern | Class | When to use |
+| --- | --- | --- |
+| Roving tabindex | `RovingTabIndex` | Disclosure widgets, trees, toolbars — focus moves between items |
+| Managed focus / listbox | `ListboxNavigation` | Combobox listbox, `role="listbox"` — input keeps focus, `aria-selected` moves |
+
+## Component-Specific Patterns (APG)
+
+#### Modal (`modal_controller`)
+- `role="dialog"`, `aria-modal="true"`, `aria-labelledby` pointing to heading
+- Focus moves into dialog on open; returns to trigger on close
+- Focus trapped inside — Tab/Shift+Tab cycle within; Escape closes
+- Status announcements ("Modal opened"/"Modal closed") via `aria-live` on open/close (WCAG 4.1.3)
+
+#### Popover (`popover_controller`)
+- `role="dialog"` or `role="tooltip"` depending on interactivity
+- Trigger: `<button>` with `aria-haspopup="dialog"` and `aria-expanded="false"` initially
+- `aria-expanded` toggled to `"true"` / `"false"` by the controller via the `trigger` Stimulus target
+- `aria-controls` linking trigger to panel id is recommended but optional
+- Escape closes and returns focus to trigger
+
+#### Combobox (`input_combobox_controller`, `combobox/`)
+- Trigger: `<input role="combobox">` with `aria-haspopup` (`listbox`/`dialog`) and `aria-controls` referencing the **popup element** (the `role="listbox"`/`role="dialog"`)
+- `role="listbox"` permits only `option`/`group` children (`aria-required-children`, WCAG 1.3.1). Status messages (loading, "No results") must be `role="status"`/`aria-live` **siblings of the listbox, never children of it** — for typeahead the listbox is nested in a wrapper panel so the status regions can sit beside it
+- Status/loading regions inside the popover panel must stay **non-focusable** (the popover moves focus into the panel on open)
+
+#### Calendar / Date Picker (`calendar-month`, `combobox-date`)
+- Grid: `role="grid"`, `role="row"`, `role="gridcell"`
+- Navigation buttons: `aria-label="Previous Month"` / `"Next Month"` (via `Combobox::Date::Navigation`)
+- Selected date: `aria-selected="true"`; today: `aria-current="date"`
+- Disabled dates: `aria-disabled="true"`, `tabindex="-1"`
+- Three views: month (days grid), year (months grid), decade (years grid); zoom out via `combobox-date#zoomOut`
+- Arrow keys navigate cells; Enter/Space select; Escape closes picker
+
+#### Form Fields (`form/`, `form-field_controller`)
+- Every input must have a visible `<label>` via `for`/`id` or `aria-labelledby`
+- Required fields: `required` attribute + `aria-required="true"`
+- Invalid fields: `aria-invalid="true"` + `aria-describedby` pointing to error message
+- Error message element: `role="alert"` or `aria-live="polite"` so it's announced
+
+#### Password Reveal (`input-formatter_controller`, `"password"` formatter)
+- Toggle button: `aria-label` describes action ("Show password" / "Hide password")
+- `aria-pressed` managed on toggle button, reflecting revealed state
+
+#### Input Clearable (`input_clearable_controller`)
+- Clear button: `hidden` attribute while the input is empty, removing it from the keyboard/AT tab order until there's something to clear
+- Escape inside the input clears it (keyboard equivalent to clicking the clear button, WCAG 2.1.1); default is prevented so it doesn't also close a parent overlay
+- Focus returns to the input after clearing (WCAG 2.4.3 Focus Order)
+- No `aria-live` announcement — clearing is user-initiated and the button's disappearance is self-explanatory
+
+#### Flipper / Visibility / Dismisser
+- Trigger: `aria-expanded="true/false"` when toggling a region
+- Controlled region: `aria-hidden="true"` when collapsed (or removed from DOM)
+- `aria-controls` links trigger to region id
+
+#### Button (`button/renderer`)
+- Use `<button>` (not `<div>` / `<a>`) for actions
+- Icon-only buttons must have `aria-label` or visually-hidden text
+- Disabled: `disabled` attribute (not `aria-disabled` alone) unless intentionally focusable
+
+#### List (`sp_list`, `sp_list_item`)
+- Static list: `role="list"` + `role="listitem"` (explicitly set to preserve semantics when CSS resets strip list role)
+- Active item: `aria-current="page"` on `<a>` links; `aria-current="true"` on `<button>` items — the value differs by element type per the ARIA spec
+
+#### Checklist (`checklist_controller`, `sp_checklist`)
+- Each item: native `<input type="checkbox">` inside a `<label>` — role, keyboard activation (Space), focus, and checked-state announcement are all handled by the browser. The component sets no ARIA attributes on items.
+- Read-only item (`readonly: true`): native `disabled` attribute — removes the control from the tab order and announces it as unavailable to assistive tech. No `aria-readonly`/`tabindex` hack.
+- Master "select all" toggle (`select_all:`): same `<input type="checkbox">` shape as an item. Its `indeterminate` property (JS-only, no HTML attribute) is set client-side by the `checklist` controller when some but not all enabled items are checked — modern browsers map `indeterminate` to the accessibility tree's `mixed` checked state automatically, satisfying WCAG 4.1.2 with no manual ARIA.
+- Accepted tradeoff: because `indeterminate` has no HTML attribute, the server can only render the master's initial `checked` state for the all-true case; every other case (including mixed) renders unchecked and is corrected to `indeterminate` once the `checklist` controller connects — a brief, accepted flash for the mixed case only.
+- Disabled (readonly) items are excluded from the master's aggregate and from bulk toggling — the `checklist` controller filters them out via their own `.disabled` property, mirroring their exclusion from tab order and AT interaction.
+
+#### Avatar / Card / Icon
+- Decorative images/icons: `aria-hidden="true"` or `alt=""`
+- Meaningful images: descriptive `alt` text
+
+#### Timeline (`timeline_controller`)
+- List: `<ol>` (ordered) for chronological events; static timelines need no ARIA additions beyond semantic HTML
+- Each item: `<li>`; timestamp displayed via `<time datetime="YYYY-MM-DD">`
+- Indicators (dots, icons, avatars): decorative — always `aria-hidden="true"`
+- Expandable items: trigger `<button>` with `aria-expanded="false/true"` + `aria-controls` → detail element id; detail has `hidden` attribute toggled by controller
+- Trigger lives inside `<h3>` (`<h3><button aria-expanded>Title</button></h3>`) — WAI-ARIA Accordion pattern
+- Keyboard (interactive): Up/Down arrows move focus between item triggers; Home/End jump to first/last trigger; Enter/Space toggle expansion (native button behaviour)
+
+#### Reorderable (`reorderable_controller`)
+- Roving tabindex on `item` targets (`RovingTabIndex`) — plain Arrow/Home/End move focus only, unaffected by editing state
+- Keyboard move (`Alt+Arrow` on the axis matching `orientation`, default `ArrowUp`/`ArrowDown`; configurable modifier via `moveKey`; horizontal move-key meaning flips under `dir="rtl"`): moves the focused item, keeps focus on it, announces the new position via `role="status"`/`aria-live` (WCAG 4.1.3) — satisfies the keyboard-equivalent requirement (WCAG 2.1.1) for pointer drag
+- Pointer drag: does not move focus or announce — avoids stealing focus from a mouse user who never asked for it
+- `editingValue` gates both drag and keyboard-move; while `true`, every `trigger` target (`<a>`/`<button>` inside an item) gets `aria-disabled="true"` + `tabindex="-1"` — removes it from keyboard/AT activation and tab order without touching pointer clicks (apps/themes add their own `pointer-events: none` CSS rule for that half)

data/vendor/component/manifest.json

@@ -0,0 +1,212 @@
+{
+  "calendar-decade": {
+    "actions": [],
+    "listens": [
+      "selected"
+    ],
+    "targets": [
+      "grid"
+    ],
+    "values": []
+  },
+  "calendar-decade-selector": {
+    "actions": [],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
+  "calendar-month": {
+    "actions": [],
+    "listens": [
+      "selected"
+    ],
+    "targets": [
+      "daysOfMonth",
+      "daysOfWeek"
+    ],
+    "values": [
+      "month",
+      "year"
+    ]
+  },
+  "calendar-month-selector": {
+    "actions": [],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
+  "calendar-year": {
+    "actions": [],
+    "listens": [
+      "selected"
+    ],
+    "targets": [
+      "grid"
+    ],
+    "values": []
+  },
+  "calendar-year-selector": {
+    "actions": [],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
+  "checklist": {
+    "actions": [
+      "onChange"
+    ],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
+  "clipboard": {
+    "actions": [],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
+  "combobox-date": {
+    "actions": [],
+    "listens": [
+      "selected"
+    ],
+    "targets": [],
+    "values": []
+  },
+  "combobox-dropdown": {
+    "actions": [
+      "onNavigate",
+      "select"
+    ],
+    "listens": [
+      "selected"
+    ],
+    "targets": [],
+    "values": []
+  },
+  "combobox-time": {
+    "actions": [
+      "onNavigate",
+      "select"
+    ],
+    "listens": [
+      "selected"
+    ],
+    "targets": [],
+    "values": []
+  },
+  "dismisser": {
+    "actions": [],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
+  "flipper": {
+    "actions": [],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
+  "input-clearable": {
+    "actions": [
+      "clear"
+    ],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
+  "input-combobox": {
+    "actions": [
+      "onInput"
+    ],
+    "listens": [
+      "changed"
+    ],
+    "targets": [],
+    "values": []
+  },
+  "input-formatter": {
+    "actions": [
+      "toggle"
+    ],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
+  "modal": {
+    "actions": [],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
+  "panner": {
+    "actions": [],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
+  "popover": {
+    "actions": [
+      "close",
+      "open",
+      "toggle"
+    ],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
+  "progress": {
+    "actions": [],
+    "listens": [],
+    "targets": [
+      "fill",
+      "meter"
+    ],
+    "values": [
+      "current",
+      "high",
+      "indeterminate",
+      "low",
+      "max",
+      "min",
+      "optimum",
+      "variant"
+    ]
+  },
+  "reorderable": {
+    "actions": [
+      "onPointerDown",
+      "onPointerMove",
+      "onPointerUp"
+    ],
+    "listens": [],
+    "targets": [
+      "handle",
+      "item",
+      "trigger"
+    ],
+    "values": [
+      "editing",
+      "moveKey",
+      "orientation"
+    ]
+  },
+  "timeline": {
+    "actions": [
+      "toggle"
+    ],
+    "listens": [],
+    "targets": [
+      "detail",
+      "time",
+      "trigger"
+    ],
+    "values": []
+  },
+  "visibility": {
+    "actions": [],
+    "listens": [],
+    "targets": [],
+    "values": []
+  }
+}