stimulus_plumbers 0.4.13 → 0.4.15

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

@@ -57,10 +57,21 @@ module StimulusPlumbers
         private
 
         def resolve_svg_attrs(svg_data)
-          SVG_ATTR_DEFAULTS
-            .merge(svg_data.slice(*SVG_ATTR_DEFAULTS.keys))
-            .transform_keys { |key| SVG_ATTR_NAMES.fetch(key, key.to_s) }
-            .transform_values(&:to_s)
+          SVG_ATTR_DEFAULTS.merge(svg_data).filter_map do |key, value|
+            next unless svg_attr_allowed?(key)
+
+            [svg_attr_name(key), value.to_s]
+          end.to_h
+        end
+
+        def svg_attr_allowed?(key)
+          SVG_ATTR_DEFAULTS.key?(key) || data_or_aria_attr?(key)
+        end
+
+        def svg_attr_name(key)
+          return key.to_s.tr("_", "-") if data_or_aria_attr?(key)
+
+          SVG_ATTR_NAMES.fetch(key, key.to_s)
         end
 
         def resolve_element_attrs(element_data)

data/lib/stimulus_plumbers/themes/schema.rb

@@ -159,6 +159,12 @@ module StimulusPlumbers
           error:    { default: false, validate: Ranges::BOOL },
           floating: { default: nil,   validate: [nil, *Form::Floating::Ranges::TYPE] }
         }.freeze,
+        password_strength_wrapper:              {}.freeze,
+        password_strength_rules_heading:        {}.freeze,
+        password_strength_rules:                {}.freeze,
+        password_strength_rule:                 {}.freeze,
+        password_strength_rule_icon:            {}.freeze,
+        password_strength_level:                {}.freeze,
         form_field_input_select:                {
           error:    { default: false, validate: Ranges::BOOL },
           floating: { default: nil,   validate: [nil, *Form::Floating::Ranges::TYPE] }
@@ -250,10 +256,12 @@ module StimulusPlumbers
       }.freeze
 
       PROGRESS = {
-        progress_bar:      {}.freeze,
-        progress_bar_fill: {}.freeze,
-        progress_ring:     {}.freeze,
-        progress_meter:    {}.freeze
+        progress_bar:       {}.freeze,
+        progress_bar_fill:  {}.freeze,
+        progress_segmented: {}.freeze,
+        progress_segment:   {}.freeze,
+        progress_ring:      { size: { default: nil, validate: %i[sm md lg] } }.freeze,
+        progress_meter:     {}.freeze
       }.freeze
 
       TIMELINE = {

data/lib/stimulus_plumbers/version.rb

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

data/lib/stimulus_plumbers.rb

@@ -13,8 +13,11 @@ require_relative "stimulus_plumbers/logger"
 # -- Plumber base --
 require_relative "stimulus_plumbers/plumber/dispatcher"
 require_relative "stimulus_plumbers/plumber/slots"
+require_relative "stimulus_plumbers/plumber/config"
 require_relative "stimulus_plumbers/plumber/base"
 
+require_relative "stimulus_plumbers/password/requirements"
+
 # -- UI components --
 require_relative "stimulus_plumbers/components/icon"
 require_relative "stimulus_plumbers/components/indicator"
@@ -46,9 +49,11 @@ 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/shared"
 require_relative "stimulus_plumbers/components/progress_bar"
 require_relative "stimulus_plumbers/components/progress_ring"
 require_relative "stimulus_plumbers/components/progress_meter"
+require_relative "stimulus_plumbers/components/password_strength"
 
 # -- Calendar --
 require_relative "stimulus_plumbers/components/calendar"
@@ -70,7 +75,7 @@ require_relative "stimulus_plumbers/components/combobox/date/navigation"
 require_relative "stimulus_plumbers/components/combobox/dropdown"
 require_relative "stimulus_plumbers/components/combobox/typeahead"
 require_relative "stimulus_plumbers/components/combobox/time"
-require_relative "stimulus_plumbers/components/combobox/builder"
+require_relative "stimulus_plumbers/components/combobox/config"
 
 # -- Form --
 require_relative "stimulus_plumbers/form/field"
@@ -94,3 +99,4 @@ module StimulusPlumbers
 end
 
 require_relative "stimulus_plumbers/engine" if defined?(Rails::Engine)
+require_relative "stimulus_plumbers/password_strength_validator" if defined?(ActiveModel::EachValidator)

data/vendor/component/manifest.json

@@ -155,6 +155,14 @@
     "targets": [],
     "values": []
   },
+  "password-strength": {
+    "actions": [
+      "score"
+    ],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
   "popover": {
     "actions": [
       "close",
@@ -180,6 +188,7 @@
       "max",
       "min",
       "optimum",
+      "segmentMode",
       "variant"
     ]
   },

data/vendor/controller/docs/password-strength.md

@@ -0,0 +1,38 @@
+# password-strength
+
+Live password meter and requirements checklist. Scoring is provided by the [password strength plumber](../plumber/password_strength.md).
+
+## Targets
+
+| Target                    | Element   | Description                                             |
+| ------------------------- | --------- | ------------------------------------------------------- |
+| `input`                   | `<input>` | Password input to score                                 |
+| `rule`                    | `<li>`    | Requirement row with `data-rule` and `data-satisfied`   |
+| `level`                   | Element   | Visible, polite live strength label                     |
+| `checkIcon` / `closeIcon` | `<svg>`   | Paired rule-state icons; both are required for swapping |
+
+## Values and outlet
+
+| Name              | Type       | Default   |
+| ----------------- | ---------- | --------- |
+| `scorer`          | String     | `'rules'` |
+| `rules`           | Array      | `[]`      |
+| `options`         | Object     | `{}`      |
+| `labels`          | Object     | `{}`      |
+| `announceDelay`   | Number     | `700`     |
+| `progress` outlet | Controller | —         |
+
+`score()` is wired to the input event. It updates the progress outlet immediately and debounces level-label changes.
+
+## Rule descriptors
+
+The controller holds no built-in rule table — the server (or a standalone caller) supplies every rule as data via the `rules` value. Each descriptor is `{ key, label?, pattern?, min?, max? }` and passes when `min ≤ n ≤ max`, where `n` is:
+
+- **length** (no `pattern`) — the password length.
+- **count** (with `pattern`) — non-overlapping occurrences of `pattern`: `(pw.match(new RegExp(pattern, "g")) || []).length`.
+
+Defaults: `min` `0`, `max` `Infinity`. So `{ pattern: "\\d", min: 2 }` requires ≥2 digits, and `{ pattern: "\\s", min: 0, max: 0 }` forbids whitespace.
+
+**Portability constraint:** patterns must be single-char-consuming character classes — no anchors (`^`/`$`), lookbehind, or unicode-property escapes — so non-overlapping counts agree across the Ruby and JS regex engines.
+
+The strength `level` is `strong` when every rule passes; otherwise the score (`satisfied / total × 100`) splits `weak` from `fine` at `options.low` (default `34`). `options` carries only these non-rule knobs.

data/vendor/controller/docs/progress.md

@@ -1,6 +1,6 @@
 # Progress
 
-Value-driven progress indicator supporting three render variants: a linear bar, an SVG ring, and a native `<meter>`.
+Value-driven progress indicator supporting four render variants: a linear bar, a segmented bar, an SVG ring, and a native `<meter>`.
 
 ## Stimulus Identifier
 
@@ -8,24 +8,25 @@ Value-driven progress indicator supporting three render variants: a linear bar,
 
 ## Targets
 
-| Name    | Element                           | Purpose                                                                             |
-| ------- | --------------------------------- | ----------------------------------------------------------------------------------- |
-| `fill`  | `<div>` (bar) / `<circle>` (ring) | Element whose `width` (bar) or `stroke-dasharray`/`stroke-dashoffset` (ring) is set |
-| `meter` | `<meter>`                         | Present only for `variant: "meter"` — native element, attributes synced directly    |
+| Name    | Element                           | Purpose                                                                                                                                                                             |
+| ------- | --------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `fill`  | `<div>` (bar) / `<circle>` (ring) | Element whose `width` (bar) or `stroke-dasharray`/`stroke-dashoffset` (ring) is set. Segmented renders **one `fill` per segment**; the controller distributes the value across them |
+| `meter` | `<meter>`                         | Present only for `variant: "meter"` — native element, attributes synced directly                                                                                                    |
 
 ## Values
 
-| Name                    | Type    | Default | Purpose                                                                   |
-| ----------------------- | ------- | ------- | ------------------------------------------------------------------------- |
-| `variant`               | String  | `"bar"` | `"bar"` \| `"ring"` \| `"meter"`                                          |
-| `current`               | Number  | `0`     | Current value                                                             |
-| `min`                   | Number  | `0`     | Range minimum                                                             |
-| `max`                   | Number  | `100`   | Range maximum                                                             |
-| `optimum`               | Number  | —       | Meter-only; maps to native `<meter optimum>`                              |
-| `low`                   | Number  | —       | Meter-only; maps to native `<meter low>`                                  |
-| `high`                  | Number  | —       | Meter-only; maps to native `<meter high>`                                 |
-| `indeterminate`         | Boolean | `false` | Suppresses `aria-valuenow`; toggles the `sp-progress-indeterminate` class |
-| `indeterminateFraction` | Number  | `0.25`  | Static bar width / ring arc fraction rendered while indeterminate         |
+| Name                    | Type    | Default      | Purpose                                                                                                                                |
+| ----------------------- | ------- | ------------ | -------------------------------------------------------------------------------------------------------------------------------------- |
+| `variant`               | String  | `"bar"`      | `"bar"` \| `"segmented"` \| `"ring"` \| `"meter"`                                                                                      |
+| `current`               | Number  | `0`          | Current value                                                                                                                          |
+| `min`                   | Number  | `0`          | Range minimum                                                                                                                          |
+| `max`                   | Number  | `100`        | Range maximum                                                                                                                          |
+| `optimum`               | Number  | —            | Meter-only; maps to native `<meter optimum>`                                                                                           |
+| `low`                   | Number  | —            | Meter-only; maps to native `<meter low>`                                                                                               |
+| `high`                  | Number  | —            | Meter-only; maps to native `<meter high>`                                                                                              |
+| `indeterminate`         | Boolean | `false`      | Suppresses `aria-valuenow`; toggles the `sp-progress-indeterminate` class                                                              |
+| `indeterminateFraction` | Number  | `0.25`       | Bar width / ring arc / segment chunk-width fraction rendered while indeterminate                                                       |
+| `segmentMode`           | String  | `"discrete"` | Segmented-only. `"discrete"` lights a whole segment once progress reaches into it; `"continuous"` partially fills the boundary segment |
 
 ## Methods
 
@@ -54,6 +55,22 @@ Value-driven progress indicator supporting three render variants: a linear bar,
   <div data-progress-target="fill"></div>
 </div>
 
+<!-- Segmented — one fill per segment; number of segments = number of fill targets -->
+<div
+  role="progressbar"
+  data-controller="progress"
+  data-progress-variant-value="segmented"
+  data-progress-current-value="6"
+  data-progress-max-value="10"
+>
+  <!-- ×5 slots → segment size 2 -->
+  <div aria-hidden="true"><div data-progress-target="fill"></div></div>
+  <div aria-hidden="true"><div data-progress-target="fill"></div></div>
+  <div aria-hidden="true"><div data-progress-target="fill"></div></div>
+  <div aria-hidden="true"><div data-progress-target="fill"></div></div>
+  <div aria-hidden="true"><div data-progress-target="fill"></div></div>
+</div>
+
 <!-- Ring -->
 <svg
   role="progressbar"

data/vendor/controller/manifest.json

@@ -558,6 +558,53 @@
     "actions": [],
     "dispatches": []
   },
+  "password-strength": {
+    "identifier": "password-strength",
+    "targets": [
+      "input",
+      "rule",
+      "level",
+      "checkIcon",
+      "closeIcon"
+    ],
+    "values": {
+      "scorer": {
+        "type": "String",
+        "default": "rules"
+      },
+      "rules": {
+        "type": "Array",
+        "default": []
+      },
+      "options": {
+        "type": "Object",
+        "default": {}
+      },
+      "labels": {
+        "type": "Object",
+        "default": {}
+      },
+      "announceDelay": {
+        "type": "Number",
+        "default": 700
+      }
+    },
+    "outlets": [
+      "progress"
+    ],
+    "classes": [],
+    "actions": [
+      "announce",
+      "constructor",
+      "drawIcons",
+      "drawRules",
+      "enhance",
+      "if",
+      "readValue",
+      "score"
+    ],
+    "dispatches": []
+  },
   "popover": {
     "identifier": "popover",
     "targets": [
@@ -643,6 +690,10 @@
         "type": "Number",
         "default": 0.25
       },
+      "segmentMode": {
+        "type": "String",
+        "default": "discrete"
+      },
       "optimum": {
         "type": "Number"
       },
@@ -662,6 +713,7 @@
       "renderBar",
       "renderMeter",
       "renderRing",
+      "renderSegmented",
       "setCircumference",
       "setValue"
     ],

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: stimulus_plumbers
 version: !ruby/object:Gem::Version
-  version: 0.4.13
+  version: 0.4.15
 platform: ruby
 authors:
 - Ryan Chang
@@ -88,7 +88,7 @@ files:
 - lib/stimulus_plumbers/components/checklist/item.rb
 - lib/stimulus_plumbers/components/checklist/item/slots.rb
 - lib/stimulus_plumbers/components/combobox.rb
-- lib/stimulus_plumbers/components/combobox/builder.rb
+- lib/stimulus_plumbers/components/combobox/config.rb
 - lib/stimulus_plumbers/components/combobox/date.rb
 - lib/stimulus_plumbers/components/combobox/date/navigation.rb
 - lib/stimulus_plumbers/components/combobox/date/navigator.rb
@@ -112,9 +112,11 @@ files:
 - lib/stimulus_plumbers/components/ordered_list.rb
 - lib/stimulus_plumbers/components/ordered_list/item.rb
 - lib/stimulus_plumbers/components/ordered_list/item/slots.rb
+- lib/stimulus_plumbers/components/password_strength.rb
 - lib/stimulus_plumbers/components/popover.rb
 - lib/stimulus_plumbers/components/popover/panel.rb
 - lib/stimulus_plumbers/components/popover/trigger.rb
+- lib/stimulus_plumbers/components/progress/shared.rb
 - lib/stimulus_plumbers/components/progress_bar.rb
 - lib/stimulus_plumbers/components/progress_meter.rb
 - lib/stimulus_plumbers/components/progress_ring.rb
@@ -138,6 +140,8 @@ files:
 - lib/stimulus_plumbers/form/fields/inputs/datetime.rb
 - lib/stimulus_plumbers/form/fields/inputs/file.rb
 - lib/stimulus_plumbers/form/fields/inputs/password.rb
+- lib/stimulus_plumbers/form/fields/inputs/password/revealable.rb
+- lib/stimulus_plumbers/form/fields/inputs/password/strength.rb
 - lib/stimulus_plumbers/form/fields/inputs/radio.rb
 - lib/stimulus_plumbers/form/fields/inputs/search.rb
 - lib/stimulus_plumbers/form/fields/inputs/select.rb
@@ -171,7 +175,10 @@ files:
 - lib/stimulus_plumbers/helpers/progress_helper.rb
 - lib/stimulus_plumbers/helpers/timeline_helper.rb
 - lib/stimulus_plumbers/logger.rb
+- lib/stimulus_plumbers/password/requirements.rb
+- lib/stimulus_plumbers/password_strength_validator.rb
 - lib/stimulus_plumbers/plumber/base.rb
+- lib/stimulus_plumbers/plumber/config.rb
 - lib/stimulus_plumbers/plumber/dispatcher.rb
 - lib/stimulus_plumbers/plumber/dispatcher/callable_inspector.rb
 - lib/stimulus_plumbers/plumber/dispatcher/instance_exec.rb
@@ -215,6 +222,7 @@ files:
 - vendor/controller/docs/input-revealable.md
 - vendor/controller/docs/modal.md
 - vendor/controller/docs/panner.md
+- vendor/controller/docs/password-strength.md
 - vendor/controller/docs/popover.md
 - vendor/controller/docs/progress.md
 - vendor/controller/docs/reorderable.md