@rcarls/rc-toolbar 0.5.0 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @rcarls/rc-toolbar
 
+## 0.6.0
+
+### Patch Changes
+
+- 57370e4: Align component metadata, aggregate framework typings, development-time native-child
+  validation, controlled menu state, package declarations, and public documentation before the
+  next release.
+- Updated dependencies [6683eb9]
+- Updated dependencies [ee7ba6c]
+- Updated dependencies [30eb232]
+  - @rcarls/rc-common@0.6.0
+
 ## 0.5.0
 
 ### Patch Changes

package/dist/custom-elements.json

@@ -35,7 +35,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/rc-toolbar"
+            "module": "src/rc-toolbar.js"
           }
         }
       ]
@@ -88,8 +88,8 @@
           ],
           "slots": [
             {
-              "description": "any number of child controls, `rc-button`, or `rc-chip` elements to display in the toolbar. Direct native controls and the native buttons inside supported wrappers are navigable.",
-              "name": "Takes"
+              "description": "Takes any number of child controls, `rc-button`, or `rc-chip` elements to display in the toolbar. Direct native controls and the native buttons inside supported wrappers are navigable.",
+              "name": ""
             }
           ],
           "members": [

package/dist/rc-toolbar-Bzh9yptT.js.map

@@ -1 +1 @@
-{"version":3,"file":"rc-toolbar-Bzh9yptT.js","sources":["../src/rc-toolbar.styles.ts","../src/rc-toolbar.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const toolbarStyles = css`\n  :host {\n    display: inline-block;\n  }\n\n  #root {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: var(--rc-toolbar-flex-wrap, nowrap);\n    gap: var(--rc-toolbar-gap-inline, var(--rc-control-gap, 0.25em));\n    padding-inline: var(\n      --rc-toolbar-padding-inline,\n      calc(var(--rc-control-padding-inline, 0.5em) / 2)\n    );\n    padding-block: var(\n      --rc-toolbar-padding-block,\n      calc(var(--rc-control-padding-block, 0.25em) / 2)\n    );\n    border-radius: var(--rc-toolbar-radius, var(--rc-control-radius, 0));\n    font-family: var(--rc-font-family, inherit);\n    font-size: var(--rc-font-size, inherit);\n    line-height: var(--rc-line-height, normal);\n\n    &[aria-orientation='vertical'] {\n      flex-direction: column;\n      border-radius: var(\n        --rc-toolbar-vertical-radius,\n        var(--rc-toolbar-radius, var(--rc-control-radius, 0))\n      );\n    }\n\n    /* because :has(:focus-visible) doesn't work across slot boundary */\n    &[data-interaction-mode='keyboard']:focus-within {\n      outline: var(--rc-focus-ring, auto);\n      outline-offset: var(--rc-focus-ring-offset, 0);\n    }\n  }\n\n  #slot-wrap {\n    display: contents;\n  }\n`;\n\nexport default toolbarStyles;\n","import { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport {\n  isFocusable,\n  keyInteraction,\n  keyNavigation,\n  type KeyboardNavigationAction,\n  RovingTabIndexMixin,\n} from '@rcarls/rc-common';\n\nimport toolbarStyles from './rc-toolbar.styles';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-toolbar': RCToolbar;\n  }\n}\n\n/**\n * Toolbar that groups consumer-supplied controls into one tab stop with arrow-key\n * navigation, following the WAI-ARIA Toolbar pattern.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-toolbar rc-toolbar docs}\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/ WAI-ARIA Toolbar pattern}\n *\n * @slot Takes any number of child controls, `rc-button`, or `rc-chip` elements\n *   to display in the toolbar. Direct native controls and the native buttons\n *   inside supported wrappers are navigable.\n * @attr label - Accessible label for this toolbar. Default label is 'Toolbar'.\n * @attr orientation - Toolbar orientation, for keyboard navigation.\n * @cssprop [--rc-toolbar-gap-inline=0.25em] - Gap between toolbar items\n * @cssprop [--rc-toolbar-padding-inline=calc(var(--rc-control-padding-inline) / 2)] - Horizontal padding on the toolbar container\n * @cssprop [--rc-toolbar-padding-block=calc(var(--rc-control-padding-block) / 2)] - Vertical padding on the toolbar container\n * @cssprop [--rc-toolbar-flex-wrap=nowrap] - Whether toolbar items wrap onto multiple lines\n * @cssprop [--rc-toolbar-radius=var(--rc-control-radius)] - Toolbar container border radius\n * @cssprop [--rc-toolbar-vertical-radius=var(--rc-toolbar-radius)] - Toolbar container border radius when orientation is vertical; falls back to `--rc-toolbar-radius`\n * @csspart root - The toolbar container element\n */\nexport class RCToolbar extends RovingTabIndexMixin(LitElement) {\n  static styles = [toolbarStyles];\n\n  /** Accessible label for this toolbar. Default label is 'Toolbar'. */\n  @property({ type: String })\n  label = 'Toolbar';\n\n  /** Toolbar orientation, for keyboard navigation. */\n  @property({ type: String })\n  orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  @query('#root', true)\n  protected _$root!: HTMLDivElement;\n\n  protected readonly _disabledObserver = new MutationObserver(() => this._syncTabStop());\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._disabledObserver.observe(this, { attributeFilter: ['disabled'], subtree: true });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._disabledObserver.disconnect();\n  }\n\n  protected _syncTabStop(): void {\n    if (!this._lastFocused || isFocusable(this._lastFocused)) {\n      return;\n    }\n\n    this._lastFocused = undefined;\n    this._initItems();\n  }\n\n  protected override _initItems() {\n    // Set tabindex synchronously so items are in the tab order immediately,\n    // even if the document has no focus yet (focus() would be a no-op).\n    super._initItems();\n\n    // Defer focus to avoid firing focusin/focusout inside a SolidJS reactive\n    // update cycle, which can cause the update to hang.\n    // Guard: only restore focus when the toolbar already contains it — prevents\n    // focus-stealing when a toolbar mounts inside a larger component (e.g. rc-transfer-list).\n    const $target = this._lastFocused ?? this.firstItem;\n\n    queueMicrotask(() => {\n      if (this.matches(':focus-within')) {\n        this.focusItem($target);\n      }\n    });\n  }\n\n  protected _onNavigate(action: KeyboardNavigationAction) {\n    switch (action) {\n      case 'next':\n        this.focusItem(this.nextItem);\n        break;\n      case 'prev':\n        this.focusItem(this.previousItem);\n        break;\n      case 'start':\n        this.focusItem(this.firstItem);\n        break;\n      case 'end':\n        this.focusItem(this.lastItem);\n        break;\n    }\n  }\n\n  protected override _collectItems($slot: HTMLSlotElement): Element[] {\n    return $slot.assignedElements().flatMap(($element) => {\n      if ($element.matches('rc-button, rc-chip')) {\n        const $button = $element.querySelector(':scope > button');\n\n        return $button ? [$button] : [];\n      }\n\n      return this._isToolbarItem($element) ? [$element] : [];\n    });\n  }\n\n  protected _isToolbarItem($el: Element): boolean {\n    if (\n      $el instanceof HTMLButtonElement ||\n      $el instanceof HTMLInputElement ||\n      $el instanceof HTMLSelectElement ||\n      $el instanceof HTMLTextAreaElement\n    ) {\n      return true;\n    }\n\n    if ($el instanceof HTMLAnchorElement || $el instanceof HTMLAreaElement) {\n      return $el.hasAttribute('href');\n    }\n\n    const role = $el.getAttribute('role');\n\n    if (\n      role === 'button' ||\n      role === 'checkbox' ||\n      role === 'link' ||\n      role === 'menuitem' ||\n      role === 'radio' ||\n      role === 'slider' ||\n      role === 'spinbutton' ||\n      role === 'switch' ||\n      role === 'textbox'\n    ) {\n      return true;\n    }\n\n    return isFocusable($el);\n  }\n\n  protected render() {\n    return html`\n      <div\n        id=\"root\"\n        part=\"root\"\n        ${keyNavigation(this._onNavigate)}\n        ${keyInteraction()}\n        role=\"toolbar\"\n        aria-orientation=${this.orientation}\n        aria-label=${this.label}\n      >\n        <div id=\"slot-wrap\" @focusin=${this._handleItemFocus}>\n          <slot id=\"items\" @slotchange=${this._onSlotChange}></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default RCToolbar;\n"],"names":["toolbarStyles","css","_RCToolbar","RovingTabIndexMixin","LitElement","isFocusable","$target","action","$slot","$element","$button","$el","role","html","keyNavigation","keyInteraction","RCToolbar","__decorateClass","property","query"],"mappings":"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"}
+{"version":3,"file":"rc-toolbar-Bzh9yptT.js","sources":["../src/rc-toolbar.styles.ts","../src/rc-toolbar.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const toolbarStyles = css`\n  :host {\n    display: inline-block;\n  }\n\n  #root {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: var(--rc-toolbar-flex-wrap, nowrap);\n    gap: var(--rc-toolbar-gap-inline, var(--rc-control-gap, 0.25em));\n    padding-inline: var(\n      --rc-toolbar-padding-inline,\n      calc(var(--rc-control-padding-inline, 0.5em) / 2)\n    );\n    padding-block: var(\n      --rc-toolbar-padding-block,\n      calc(var(--rc-control-padding-block, 0.25em) / 2)\n    );\n    border-radius: var(--rc-toolbar-radius, var(--rc-control-radius, 0));\n    font-family: var(--rc-font-family, inherit);\n    font-size: var(--rc-font-size, inherit);\n    line-height: var(--rc-line-height, normal);\n\n    &[aria-orientation='vertical'] {\n      flex-direction: column;\n      border-radius: var(\n        --rc-toolbar-vertical-radius,\n        var(--rc-toolbar-radius, var(--rc-control-radius, 0))\n      );\n    }\n\n    /* because :has(:focus-visible) doesn't work across slot boundary */\n    &[data-interaction-mode='keyboard']:focus-within {\n      outline: var(--rc-focus-ring, auto);\n      outline-offset: var(--rc-focus-ring-offset, 0);\n    }\n  }\n\n  #slot-wrap {\n    display: contents;\n  }\n`;\n\nexport default toolbarStyles;\n","import { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport {\n  isFocusable,\n  keyInteraction,\n  keyNavigation,\n  type KeyboardNavigationAction,\n  RovingTabIndexMixin,\n} from '@rcarls/rc-common';\n\nimport toolbarStyles from './rc-toolbar.styles.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-toolbar': RCToolbar;\n  }\n}\n\n/**\n * Toolbar that groups consumer-supplied controls into one tab stop with arrow-key\n * navigation, following the WAI-ARIA Toolbar pattern.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-toolbar rc-toolbar docs}\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/ WAI-ARIA Toolbar pattern}\n *\n * @slot - Takes any number of child controls, `rc-button`, or `rc-chip` elements\n *   to display in the toolbar. Direct native controls and the native buttons\n *   inside supported wrappers are navigable.\n * @attr label - Accessible label for this toolbar. Default label is 'Toolbar'.\n * @attr orientation - Toolbar orientation, for keyboard navigation.\n * @cssprop [--rc-toolbar-gap-inline=0.25em] - Gap between toolbar items\n * @cssprop [--rc-toolbar-padding-inline=calc(var(--rc-control-padding-inline) / 2)] - Horizontal padding on the toolbar container\n * @cssprop [--rc-toolbar-padding-block=calc(var(--rc-control-padding-block) / 2)] - Vertical padding on the toolbar container\n * @cssprop [--rc-toolbar-flex-wrap=nowrap] - Whether toolbar items wrap onto multiple lines\n * @cssprop [--rc-toolbar-radius=var(--rc-control-radius)] - Toolbar container border radius\n * @cssprop [--rc-toolbar-vertical-radius=var(--rc-toolbar-radius)] - Toolbar container border radius when orientation is vertical; falls back to `--rc-toolbar-radius`\n * @csspart root - The toolbar container element\n */\nexport class RCToolbar extends RovingTabIndexMixin(LitElement) {\n  static styles = [toolbarStyles];\n\n  /** Accessible label for this toolbar. Default label is 'Toolbar'. */\n  @property({ type: String })\n  label = 'Toolbar';\n\n  /** Toolbar orientation, for keyboard navigation. */\n  @property({ type: String })\n  orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  @query('#root', true)\n  protected _$root!: HTMLDivElement;\n\n  protected readonly _disabledObserver = new MutationObserver(() => this._syncTabStop());\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._disabledObserver.observe(this, { attributeFilter: ['disabled'], subtree: true });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._disabledObserver.disconnect();\n  }\n\n  protected _syncTabStop(): void {\n    if (!this._lastFocused || isFocusable(this._lastFocused)) {\n      return;\n    }\n\n    this._lastFocused = undefined;\n    this._initItems();\n  }\n\n  protected override _initItems() {\n    // Set tabindex synchronously so items are in the tab order immediately,\n    // even if the document has no focus yet (focus() would be a no-op).\n    super._initItems();\n\n    // Defer focus to avoid firing focusin/focusout inside a SolidJS reactive\n    // update cycle, which can cause the update to hang.\n    // Guard: only restore focus when the toolbar already contains it — prevents\n    // focus-stealing when a toolbar mounts inside a larger component (e.g. rc-transfer-list).\n    const $target = this._lastFocused ?? this.firstItem;\n\n    queueMicrotask(() => {\n      if (this.matches(':focus-within')) {\n        this.focusItem($target);\n      }\n    });\n  }\n\n  protected _onNavigate(action: KeyboardNavigationAction) {\n    switch (action) {\n      case 'next':\n        this.focusItem(this.nextItem);\n        break;\n      case 'prev':\n        this.focusItem(this.previousItem);\n        break;\n      case 'start':\n        this.focusItem(this.firstItem);\n        break;\n      case 'end':\n        this.focusItem(this.lastItem);\n        break;\n    }\n  }\n\n  protected override _collectItems($slot: HTMLSlotElement): Element[] {\n    return $slot.assignedElements().flatMap(($element) => {\n      if ($element.matches('rc-button, rc-chip')) {\n        const $button = $element.querySelector(':scope > button');\n\n        return $button ? [$button] : [];\n      }\n\n      return this._isToolbarItem($element) ? [$element] : [];\n    });\n  }\n\n  protected _isToolbarItem($el: Element): boolean {\n    if (\n      $el instanceof HTMLButtonElement ||\n      $el instanceof HTMLInputElement ||\n      $el instanceof HTMLSelectElement ||\n      $el instanceof HTMLTextAreaElement\n    ) {\n      return true;\n    }\n\n    if ($el instanceof HTMLAnchorElement || $el instanceof HTMLAreaElement) {\n      return $el.hasAttribute('href');\n    }\n\n    const role = $el.getAttribute('role');\n\n    if (\n      role === 'button' ||\n      role === 'checkbox' ||\n      role === 'link' ||\n      role === 'menuitem' ||\n      role === 'radio' ||\n      role === 'slider' ||\n      role === 'spinbutton' ||\n      role === 'switch' ||\n      role === 'textbox'\n    ) {\n      return true;\n    }\n\n    return isFocusable($el);\n  }\n\n  protected render() {\n    return html`\n      <div\n        id=\"root\"\n        part=\"root\"\n        ${keyNavigation(this._onNavigate)}\n        ${keyInteraction()}\n        role=\"toolbar\"\n        aria-orientation=${this.orientation}\n        aria-label=${this.label}\n      >\n        <div id=\"slot-wrap\" @focusin=${this._handleItemFocus}>\n          <slot id=\"items\" @slotchange=${this._onSlotChange}></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default RCToolbar;\n"],"names":["toolbarStyles","css","_RCToolbar","RovingTabIndexMixin","LitElement","isFocusable","$target","action","$slot","$element","$button","$el","role","html","keyNavigation","keyInteraction","RCToolbar","__decorateClass","property","query"],"mappings":";;;AAEO,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;ACqCtB,MAAMC,IAAN,MAAMA,UAAkBC,EAAoBC,CAAU,EAAE;AAAA,EAAxD,cAAA;AAAA,UAAA,GAAA,SAAA,GAKL,KAAA,QAAQ,WAIR,KAAA,cAAyC,cAKzC,KAAmB,oBAAoB,IAAI,iBAAiB,MAAM,KAAK,cAAc;AAAA,EAAA;AAAA,EAE5E,oBAA0B;AACjC,UAAM,kBAAA,GACN,KAAK,kBAAkB,QAAQ,MAAM,EAAE,iBAAiB,CAAC,UAAU,GAAG,SAAS,IAAM;AAAA,EACvF;AAAA,EAES,uBAA6B;AACpC,UAAM,qBAAA,GACN,KAAK,kBAAkB,WAAA;AAAA,EACzB;AAAA,EAEU,eAAqB;AAC7B,IAAI,CAAC,KAAK,gBAAgBC,EAAY,KAAK,YAAY,MAIvD,KAAK,eAAe,QACpB,KAAK,WAAA;AAAA,EACP;AAAA,EAEmB,aAAa;AAG9B,UAAM,WAAA;AAMN,UAAMC,IAAU,KAAK,gBAAgB,KAAK;AAE1C,mBAAe,MAAM;AACnB,MAAI,KAAK,QAAQ,eAAe,KAC9B,KAAK,UAAUA,CAAO;AAAA,IAE1B,CAAC;AAAA,EACH;AAAA,EAEU,YAAYC,GAAkC;AACtD,YAAQA,GAAA;AAAA,MACN,KAAK;AACH,aAAK,UAAU,KAAK,QAAQ;AAC5B;AAAA,MACF,KAAK;AACH,aAAK,UAAU,KAAK,YAAY;AAChC;AAAA,MACF,KAAK;AACH,aAAK,UAAU,KAAK,SAAS;AAC7B;AAAA,MACF,KAAK;AACH,aAAK,UAAU,KAAK,QAAQ;AAC5B;AAAA,IAAA;AAAA,EAEN;AAAA,EAEmB,cAAcC,GAAmC;AAClE,WAAOA,EAAM,iBAAA,EAAmB,QAAQ,CAACC,MAAa;AACpD,UAAIA,EAAS,QAAQ,oBAAoB,GAAG;AAC1C,cAAMC,IAAUD,EAAS,cAAc,iBAAiB;AAExD,eAAOC,IAAU,CAACA,CAAO,IAAI,CAAA;AAAA,MAC/B;AAEA,aAAO,KAAK,eAAeD,CAAQ,IAAI,CAACA,CAAQ,IAAI,CAAA;AAAA,IACtD,CAAC;AAAA,EACH;AAAA,EAEU,eAAeE,GAAuB;AAC9C,QACEA,aAAe,qBACfA,aAAe,oBACfA,aAAe,qBACfA,aAAe;AAEf,aAAO;AAGT,QAAIA,aAAe,qBAAqBA,aAAe;AACrD,aAAOA,EAAI,aAAa,MAAM;AAGhC,UAAMC,IAAOD,EAAI,aAAa,MAAM;AAEpC,WACEC,MAAS,YACTA,MAAS,cACTA,MAAS,UACTA,MAAS,cACTA,MAAS,WACTA,MAAS,YACTA,MAAS,gBACTA,MAAS,YACTA,MAAS,YAEF,KAGFP,EAAYM,CAAG;AAAA,EACxB;AAAA,EAEU,SAAS;AACjB,WAAOE;AAAA;AAAA;AAAA;AAAA,UAIDC,EAAc,KAAK,WAAW,CAAC;AAAA,UAC/BC,GAAgB;AAAA;AAAA,2BAEC,KAAK,WAAW;AAAA,qBACtB,KAAK,KAAK;AAAA;AAAA,uCAEQ,KAAK,gBAAgB;AAAA,yCACnB,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA,EAIzD;AACF;AAnIEb,EAAO,SAAS,CAACF,CAAa;AADzB,IAAMgB,IAANd;AAKLe,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAJfF,EAKX,WAAA,OAAA;AAIAC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GARfF,EASX,WAAA,aAAA;AAGUC,EAAA;AAAA,EADTE,EAAM,SAAS,EAAI;AAAA,GAXTH,EAYD,WAAA,QAAA;"}

package/dist/types/packages/rc-toolbar/src/index.d.ts

@@ -1 +1 @@
-export * from './rc-toolbar';
+export * from './rc-toolbar.js';

package/dist/types/packages/rc-toolbar/src/rc-toolbar.d.ts

@@ -13,7 +13,7 @@ declare const RCToolbar_base: typeof LitElement & (new (...args: any[]) => impor
  * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-toolbar rc-toolbar docs}
  * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/ WAI-ARIA Toolbar pattern}
  *
- * @slot Takes any number of child controls, `rc-button`, or `rc-chip` elements
+ * @slot - Takes any number of child controls, `rc-button`, or `rc-chip` elements
  *   to display in the toolbar. Direct native controls and the native buttons
  *   inside supported wrappers are navigable.
  * @attr label - Accessible label for this toolbar. Default label is 'Toolbar'.

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Toolbar that groups consumer-supplied controls into one tab stop with arrow-key navigation.",
   "repository": {
     "type": "git",
@@ -45,7 +45,7 @@
     "test:browser:firefox": "vitest --run --project=firefox"
   },
   "dependencies": {
-    "@rcarls/rc-common": "0.5.0"
+    "@rcarls/rc-common": "0.6.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.11.0",