@slotted/angular 0.1.0-beta.6 → 0.1.0-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/docs/calendar.json +1 -1
  2. package/docs/menu.json +12 -0
  3. package/docs/menu.md +2 -0
  4. package/docs/side-navigation.json +1 -0
  5. package/docs/side-navigation.md +1 -1
  6. package/docs/table.examples.md +2 -2
  7. package/docs/table.json +2 -2
  8. package/fesm2022/slotted-angular-action-bar.mjs +1 -1
  9. package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
  10. package/fesm2022/slotted-angular-app-shell.mjs +2 -2
  11. package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
  12. package/fesm2022/slotted-angular-button.mjs +12 -12
  13. package/fesm2022/slotted-angular-button.mjs.map +1 -1
  14. package/fesm2022/slotted-angular-calendar.mjs +14 -4
  15. package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
  16. package/fesm2022/slotted-angular-chart.mjs +2 -2
  17. package/fesm2022/slotted-angular-chart.mjs.map +1 -1
  18. package/fesm2022/slotted-angular-color-picker.mjs +1 -1
  19. package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
  20. package/fesm2022/slotted-angular-column-manager.mjs +1 -1
  21. package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
  22. package/fesm2022/slotted-angular-command-palette.mjs +22 -3
  23. package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
  24. package/fesm2022/slotted-angular-dashboard-grid.mjs +1 -1
  25. package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
  26. package/fesm2022/slotted-angular-data-grid.mjs +2 -2
  27. package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
  28. package/fesm2022/slotted-angular-data-list.mjs +1 -1
  29. package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
  30. package/fesm2022/slotted-angular-date-field.mjs +2 -2
  31. package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
  32. package/fesm2022/slotted-angular-datetime-field.mjs +2 -2
  33. package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
  34. package/fesm2022/slotted-angular-dialog.mjs +26 -4
  35. package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
  36. package/fesm2022/slotted-angular-drawer.mjs +6 -2
  37. package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
  38. package/fesm2022/slotted-angular-event-calendar.mjs +1 -1
  39. package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
  40. package/fesm2022/slotted-angular-filter-bar.mjs +1 -1
  41. package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
  42. package/fesm2022/slotted-angular-kbd.mjs +4 -4
  43. package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
  44. package/fesm2022/slotted-angular-menu.mjs +12 -4
  45. package/fesm2022/slotted-angular-menu.mjs.map +1 -1
  46. package/fesm2022/slotted-angular-saved-views.mjs +1 -1
  47. package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
  48. package/fesm2022/slotted-angular-side-navigation.mjs +2 -2
  49. package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
  50. package/fesm2022/slotted-angular-split-button.mjs +4 -4
  51. package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
  52. package/fesm2022/slotted-angular-table.mjs +3 -1
  53. package/fesm2022/slotted-angular-table.mjs.map +1 -1
  54. package/fesm2022/slotted-angular-tabs.mjs +2 -2
  55. package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
  56. package/fesm2022/slotted-angular-time-field.mjs +2 -2
  57. package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
  58. package/fesm2022/slotted-angular-toolbar.mjs +1 -1
  59. package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
  60. package/package.json +3 -3
  61. package/types/slotted-angular-calendar.d.ts +2 -0
  62. package/types/slotted-angular-calendar.d.ts.map +1 -1
  63. package/types/slotted-angular-command-palette.d.ts +10 -1
  64. package/types/slotted-angular-command-palette.d.ts.map +1 -1
  65. package/types/slotted-angular-dialog.d.ts.map +1 -1
  66. package/types/slotted-angular-drawer.d.ts.map +1 -1
  67. package/types/slotted-angular-menu.d.ts +11 -2
  68. package/types/slotted-angular-menu.d.ts.map +1 -1
  69. package/types/slotted-angular-table.d.ts +3 -1
  70. package/types/slotted-angular-table.d.ts.map +1 -1
@@ -2577,7 +2577,7 @@ class SlFilterBar {
2577
2577
  </button>
2578
2578
  </footer>
2579
2579
  </sl-drawer>
2580
- `, isInline: true, styles: ["@layer slotted.components{[data-ui=filter-bar]{--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-md, 8px));--_gap-sm: var(--slotted-control-gap-sm, 6px);--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, 13px);--_pad: var(--slotted-control-padding-inline-md, 13px);--_seg-pad: var(--slotted-control-padding-inline-sm, 10px);--_icon: var(--slotted-control-icon-size-md, 16px);--_radius: var(--slotted-filter-bar-pill-radius, var(--slotted-radius-full, 9999px));--_control-radius: var(--slotted-control-radius, var(--slotted-radius-sm, 4px));--_border-width: var(--slotted-control-border-width, 1px);--_ink: var(--slotted-filter-bar-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-filter-bar-color-muted, var(--slotted-text-muted, GrayText));--_edge: var( --slotted-filter-bar-pill-border, var(--slotted-control-border-color, ButtonBorder) );--_seam: var(--slotted-filter-bar-chip-seam, var(--slotted-border-subtle, ButtonBorder));--_surface: var(--slotted-filter-bar-surface, var(--slotted-surface, Canvas));--_hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_invalid: var(--slotted-tone-danger-border, GrayText);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));box-sizing:border-box;color:var(--_ink);font-family:var(--slotted-filter-bar-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);min-inline-size:0}[data-ui=filter-bar][data-part=root]{container-name:slotted-filter-bar;container-type:inline-size;display:block;inline-size:100%}[data-ui=filter-bar][data-part=rule]{display:grid;gap:var(--_gap);inline-size:var(--slotted-filter-bar-editor-size, 18rem);max-inline-size:100%}[data-ui=filter-bar][data-part=rule] [data-part=operand]{display:grid;gap:var(--_gap-sm);min-inline-size:0}[data-ui=filter-bar][data-part=rule][data-kind=boolean] [data-part=operand]:empty{display:none}[data-ui=filter-bar][data-part=rule]>[data-part=actions]{align-items:center;display:flex;gap:var(--_gap-sm);justify-content:flex-end}[data-ui=filter-bar]>[data-part=frame]{align-items:start;column-gap:var(--_gap);display:grid;grid-template-areas:\"search end count\" \"bar bar bar\";grid-template-columns:minmax(0,1fr) auto auto;row-gap:var(--_gap)}[data-ui=filter-bar]>[data-part=frame]>[data-part=search]{grid-area:search;max-inline-size:var(--slotted-filter-bar-search-max, 28rem);min-inline-size:0}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]{grid-area:bar}[data-ui=filter-bar]>[data-part=frame]>[data-part=end]{grid-area:end}[data-ui=filter-bar]>[data-part=frame]>[data-part=count]{grid-area:count;justify-self:end}[data-ui=filter-bar]>[data-part=frame]>[data-part=end]:empty{display:none}[data-ui=filter-bar][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_pad: var(--slotted-control-padding-inline-sm, 10px);--_seg-pad: var(--slotted-control-gap-md, 8px);--_icon: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-sm, 6px));--_gap-sm: var(--slotted-control-gap-sm, 4px)}[data-ui=filter-bar][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_pad: var(--slotted-control-padding-inline-lg, 16px);--_seg-pad: var(--slotted-control-padding-inline-md, 13px);--_icon: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-lg, 8px))}[data-ui=filter-bar] [data-part=search]>[data-ui=text-field],[data-ui=filter-bar] [data-part=preset]>[data-ui=select],[data-ui=filter-bar] :is([data-part=field],[data-part=operator])>[data-ui=select]{inline-size:100%}[data-ui=filter-bar] [data-part=bar]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);min-inline-size:0}[data-ui=filter-bar] [data-part=end]{align-items:center;display:flex;gap:var(--_gap)}[data-ui=filter-bar]>[data-part=frame]>[data-part=count]{color:var(--_muted);font-variant-numeric:tabular-nums;margin:0;min-block-size:1lh;padding-block:max(0px,calc((var(--_height) - 1lh) / 2));white-space:nowrap}[data-ui=filter-bar] [data-part=pill]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_height);border:var(--_border-width) dashed var(--_edge);border-radius:var(--_radius);box-sizing:border-box;color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap-sm);line-height:var(--slotted-control-line-height, 1);margin:0;padding-block:0;padding-inline:calc(var(--_pad) - var(--_gap-sm)) var(--_pad);transition:background-color var(--_duration) var(--_easing),border-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter);white-space:nowrap}[data-ui=filter-bar] [data-part=pill]>span:not([data-ui=icon]){min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:isolate}[data-ui=filter-bar] [data-part=pill]>[data-ui=icon]{--slotted-icon-size: var(--_icon)}[data-ui=filter-bar] [data-part=pill][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}[data-ui=filter-bar] [data-part=pill]:enabled:hover{background-color:var(--_hover);border-color:var(--slotted-border-strong, ButtonBorder);color:var(--_ink)}[data-ui=filter-bar] [data-part=pill]:enabled:active,[data-ui=filter-bar] [data-part=pill]:enabled[aria-expanded=true]{background-color:var(--_active);border-color:var(--slotted-border-strong, ButtonBorder);color:var(--_ink)}[data-ui=filter-bar] [data-part=pill]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=filter-bar] [data-part=chip]{align-items:stretch;background-color:var(--_surface);block-size:var(--_height);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow, none);box-sizing:border-box;display:inline-flex;max-inline-size:100%;min-inline-size:0;transition:border-color var(--_duration) var(--_easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui=filter-bar] :is([data-part=chip],[data-part=pill]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=filter-bar] [data-part=chip]>*{align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:inherit;display:inline-flex;flex:none;font:inherit;gap:var(--_gap-sm);line-height:var(--slotted-control-line-height, 1);margin:0;min-inline-size:0;padding-block:0;padding-inline:var(--_seg-pad);white-space:nowrap}[data-ui=filter-bar] [data-part=chip]>*+*{border-inline-start:var(--_border-width) solid var(--_seam)}[data-ui=filter-bar] [data-part=chip]>:first-child{border-end-start-radius:var(--_radius);border-start-start-radius:var(--_radius);padding-inline-start:var(--_pad)}[data-ui=filter-bar] [data-part=chip]>:last-child{border-end-end-radius:var(--_radius);border-start-end-radius:var(--_radius)}[data-ui=filter-bar] [data-part=chip] [data-ui=icon]{--slotted-icon-size: var(--_icon)}[data-ui=filter-bar] [data-part=chip-field]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar] [data-part=chip-field]>[data-ui=icon]{color:var(--_muted)}[data-ui=filter-bar] [data-part=chip]>*>span:not([data-ui]),[data-ui=filter-bar] [data-part=chip-operator]{unicode-bidi:isolate}[data-ui=filter-bar] [data-part=chip-operator]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=filter-bar] [data-part=chip-value]{font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0}[data-ui=filter-bar] [data-part=chip-value]>[data-value]{max-inline-size:var(--slotted-filter-bar-value-max, 12rem);min-inline-size:0;overflow:hidden;text-overflow:ellipsis}[data-ui=filter-bar] [data-part=chip-value]>[data-operator]{color:var(--_muted);display:none;font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=filter-bar] [data-part=chip-remove]{aspect-ratio:1;color:var(--_muted);justify-content:center;padding-inline:0}[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button]){cursor:pointer;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button]):enabled:not([aria-disabled=true]):hover{background-color:var(--_hover);color:var(--_ink)}[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button]):enabled:not([aria-disabled=true]):active,[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button])[aria-expanded=true]{background-color:var(--_active);color:var(--_ink)}[data-ui=filter-bar] [data-part=chip]>:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=filter-bar] [data-part=chip][data-incomplete]{border-style:dashed;box-shadow:none}[data-ui=filter-bar] [data-part=chip][data-incomplete]>[data-part=chip-value]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=filter-bar] [data-part=chip][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}[data-ui=filter-bar] [data-part=chip][data-invalid]>[data-part=chip-field],[data-ui=filter-bar] [data-part=chip][data-invalid]>[data-part=chip-field]>[data-ui=icon]{color:var(--slotted-tone-danger-text, CanvasText)}[data-ui=filter-bar] [data-part=chip][data-folded]{display:none;visibility:hidden}[data-ui=filter-bar] [data-part=bar][data-revealed] [data-part=chip][data-folded]{display:inline-flex;visibility:visible}[data-ui=filter-bar] [data-part=more]{align-items:center;appearance:none;background:none;block-size:var(--_height);border:0;border-radius:var(--_radius);color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);justify-content:center;margin:0;padding-inline:var(--_seg-pad);transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=filter-bar] [data-part=more]:enabled:hover{background-color:var(--_hover);color:var(--_ink)}[data-ui=filter-bar] [data-part=more]:enabled:active{background-color:var(--_active);color:var(--_ink)}[data-ui=filter-bar] [data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=filter-bar] [data-part=bar] :is([data-part=clear],[data-part=reset]){--slotted-control-font-weight: var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar] [data-part=summary]{display:none;visibility:hidden}[data-ui=filter-bar] [data-part=summary]>[data-part=label]>span{font-variant-numeric:tabular-nums}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>[data-part=actions]{align-items:center;display:flex;gap:var(--_gap-sm);margin-inline-start:auto}[data-ui=filter-bar][data-disabled]{--_ink: var(--slotted-disabled-foreground, GrayText);--_muted: var(--slotted-disabled-foreground, GrayText);--_edge: var(--slotted-disabled-border, GrayText);--_seam: var(--slotted-disabled-border, GrayText);--_surface: var(--slotted-disabled-background, Canvas)}[data-ui=filter-bar][data-disabled] :is([data-part=pill],[data-part=chip]){box-shadow:none}[data-ui=filter-bar][data-disabled] :is([data-part=pill],[data-part=chip]>*){cursor:not-allowed}[data-ui=filter-bar][data-readonly] [data-part=chip]>*{cursor:default}[data-ui=filter-bar][data-loading]>[data-part=frame]>[data-part=count]{align-items:center;display:inline-flex;gap:var(--_gap-sm)}[data-ui=filter-bar][data-sticky]{background-color:var(--_surface);inset-block-start:var(--slotted-page-sticky-top, 0px);padding-block:var(--slotted-space-3, .375rem);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=filter-bar][data-part=builder]{--_join-col: var(--slotted-filter-bar-join-size, 3.5rem);--_group-surface: var( --slotted-filter-bar-group-surface, var(--slotted-surface-sunken, Canvas) );--_group-edge: var(--slotted-filter-bar-group-border, var(--slotted-border-subtle, GrayText));container-name:slotted-filter-bar-builder;container-type:inline-size;display:grid;gap:var(--slotted-space-5, .75rem)}[data-ui=filter-bar][data-part=builder] [data-part=group]{border:0;container-name:slotted-filter-bar-group;container-type:inline-size;display:grid;gap:var(--_gap);margin:0;min-inline-size:0;padding:0}[data-ui=filter-bar][data-part=builder] [data-part=group]:not([data-depth=\"0\"]){background-color:var(--_group-surface);border:var(--slotted-border-width-thin, 1px) solid var(--_group-edge);border-radius:var(--slotted-radius-md, 6px);padding:var(--slotted-space-5, .75rem)}[data-ui=filter-bar][data-part=builder] [data-part=group]:is([data-depth=\"2\"],[data-depth=\"4\"],[data-depth=\"6\"]){background-color:var(--_surface)}[data-ui=filter-bar][data-part=builder] [data-part=group]>legend{block-size:1px;clip-path:inset(50%);overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}[data-ui=filter-bar][data-part=builder] [data-part=join]{align-items:center;color:var(--_ink);display:flex;flex-wrap:wrap;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap-sm)}[data-ui=filter-bar][data-part=builder] [data-part=join]>[data-part=remove-group]{margin-inline-start:auto}[data-ui=filter-bar][data-part=builder] [data-part=rules]{align-items:start;column-gap:var(--_gap-sm);display:grid;grid-template-columns:var(--_join-col) minmax(0,1fr);min-inline-size:0;row-gap:var(--_gap)}[data-ui=filter-bar][data-part=builder] [data-part=conjunction]{color:var(--_muted);line-height:var(--_height);overflow:hidden;text-align:end;text-overflow:ellipsis;white-space:nowrap}[data-ui=filter-bar][data-part=builder] [data-part=rule]{align-items:center;display:grid;gap:var(--_gap-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) var(--slotted-target-min, 24px);min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule]>*,[data-ui=filter-bar][data-part=builder] [data-part=rule] :is([data-part=operator],[data-part=operand]){min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"] [data-part=operand]{display:none}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"]{grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) var(--slotted-target-min, 24px)}[data-ui=filter-bar][data-part=builder] [data-part=operand]{display:grid;gap:var(--_gap-sm);min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"2\"] [data-part=operand]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap-sm);padding-inline-start:calc(var(--_join-col) + var(--_gap-sm))}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]>:is([data-part=add-rule],[data-part=add-group],[data-part=clear],[data-part=save-preset]){--slotted-control-font-weight: var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]>[data-part=save-preset]{margin-inline-start:auto}@container slotted-filter-bar-group (max-width: 30rem){[data-ui=filter-bar][data-part=builder] [data-part=rule],[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"]{grid-template-columns:minmax(0,1fr) var(--slotted-target-min, 24px)}[data-ui=filter-bar][data-part=builder] [data-part=rule]>[data-part=field]{grid-column:1}[data-ui=filter-bar][data-part=builder] [data-part=rule]>[data-part=remove]{grid-column:2;grid-row:1}[data-ui=filter-bar][data-part=builder] [data-part=rule] :is([data-part=operator],[data-part=operand]){grid-column:1 / -1}}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]{display:none;visibility:hidden}@container slotted-filter-bar-builder (max-width: 30rem){[data-ui=filter-bar][data-part=builder]{gap:var(--_gap)}[data-ui=filter-bar][data-part=builder] [data-part=rules]{grid-template-columns:minmax(0,1fr);row-gap:var(--_gap-sm)}[data-ui=filter-bar][data-part=builder] [data-part=conjunction]{font-size:var(--slotted-font-size-xs, 12px);line-height:var(--slotted-line-height-xs, 1.5);padding-inline-start:var(--_seg-pad);text-align:start}[data-ui=filter-bar][data-part=builder] [data-part=rules]>[data-part=conjunction]:first-child{display:none}[data-ui=filter-bar][data-part=builder] [data-part=group]:not([data-depth=\"0\"]),[data-ui=filter-bar][data-part=builder] [data-part=group]:is([data-depth=\"2\"],[data-depth=\"4\"],[data-depth=\"6\"]){background-color:transparent;border:0;border-inline-start:var(--slotted-border-width-medium, 2px) solid var(--_edge);border-radius:0;padding-block:0;padding-inline:var(--slotted-space-4, .5rem) 0}[data-ui=filter-bar][data-part=builder] [data-part=rule],[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"]{background-color:var(--_surface);border:var(--_border-width) solid var(--_edge);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-control-shadow, none);column-gap:0;grid-template-areas:\"summary remove\";grid-template-columns:minmax(0,1fr) var(--_height);row-gap:var(--_gap-sm);transition:border-color var(--_duration) var(--_easing)}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-expanded]{border-color:var(--slotted-border-strong, ButtonBorder);padding-block-end:var(--_seg-pad)}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}@media(forced-colors:active){[data-ui=filter-bar][data-part=builder] [data-part=rule][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]{align-items:center;appearance:none;background:none;border:0;border-radius:calc(var(--slotted-radius-md, 6px) - var(--_border-width));color:var(--_ink);cursor:pointer;display:flex;font:inherit;gap:var(--_gap-sm);grid-area:summary;margin:0;min-block-size:var(--_height);min-inline-size:0;padding-block:max(var(--_gap-sm),calc((var(--_height) - 1lh) / 2));padding-inline:var(--_seg-pad) 0;text-align:start;transition:background-color var(--_duration) var(--_easing);visibility:visible}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]>[data-sentence]{flex:1 1 auto;min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary] [data-field]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary] [data-operator]{color:var(--_muted)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary] [data-value]{font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0;overflow-wrap:anywhere}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]>[data-ui=icon]{--slotted-icon-size: var(--_icon);color:var(--_muted);flex:none;margin-inline-start:auto;transition:rotate var(--_duration) var(--_easing)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary][aria-expanded=true]>[data-ui=icon]{rotate:180deg}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]:enabled:hover{background-color:var(--_hover)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]:enabled:active{background-color:var(--_active)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=filter-bar][data-part=builder] [data-part=rule]>[data-part=remove]{align-self:center;grid-area:remove;grid-row:1;justify-self:center}[data-ui=filter-bar][data-part=builder] [data-part=rule]:not([data-expanded]) :is([data-part=field],[data-part=operator],[data-part=operand]){display:none;visibility:hidden}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-expanded] :is([data-part=field],[data-part=operator],[data-part=operand]){grid-column:1 / -1;margin-inline:var(--_seg-pad);transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui=filter-bar][data-part=builder] [data-part=rule][data-expanded] :is([data-part=field],[data-part=operator],[data-part=operand]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]{padding-inline-start:0}[data-ui=filter-bar][data-part=builder] [data-part=group][data-depth=\"0\"]>[data-part=actions]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-ui=filter-bar][data-part=builder] [data-part=group][data-depth=\"0\"]>[data-part=actions]>:is([data-part=add-rule],[data-part=add-group]){inline-size:100%}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]>:is([data-part=clear],[data-part=save-preset]){margin-inline-start:0}}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]{align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--_control-radius);color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;inline-size:var(--slotted-target-min, 24px);justify-content:center;padding:0;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]>[data-ui=icon]{--slotted-icon-size: var(--_icon)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]:enabled:hover{background-color:var(--_hover);color:var(--_ink)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]:enabled:active{background-color:var(--_active);color:var(--_ink)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-filter-bar (max-width: 36rem){[data-ui=filter-bar]>[data-part=frame]{grid-template-areas:\"search\" \"bar\" \"count\";grid-template-columns:minmax(0,1fr)}[data-ui=filter-bar]>[data-part=frame]:has(>[data-part=end]:not(:empty)){grid-template-areas:\"search\" \"bar\" \"end\" \"count\"}[data-ui=filter-bar]>[data-part=frame]>[data-part=search]{max-inline-size:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>:is([data-part=summary],[data-part=pill]):focus-visible{outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]::-webkit-scrollbar{display:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>:is([data-part=summary],[data-part=chip],[data-part=pill]){flex:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>:is([data-part=more],[data-part=add],[data-part=clear],[data-part=actions]),[data-ui=filter-bar] [data-part=chip]>[data-part=chip-operator]{display:none;visibility:hidden}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>[data-part=chip][data-folded]{display:inline-flex;visibility:visible}[data-ui=filter-bar] [data-part=chip-value]>[data-operator]{display:inline}[data-ui=filter-bar] [data-part=chip-value]>[data-value]{max-inline-size:var(--slotted-filter-bar-value-max-narrow, 9rem)}[data-ui=filter-bar] [data-part=summary]{display:inline-flex;visibility:visible}[data-ui=filter-bar]>[data-part=frame]>[data-part=count]{justify-self:start;padding-block:0}}@media(hover:none)and (pointer:coarse){[data-ui=filter-bar] [data-part=search] [data-ui=kbd]{display:none}}@media(pointer:coarse){[data-ui=filter-bar] :is([data-part=more],[data-part=rule]>[data-part=remove]){position:relative}[data-ui=filter-bar] :is([data-part=more],[data-part=rule]>[data-part=remove]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}@media(forced-colors:active){[data-ui=filter-bar] [data-part=pill][data-invalid],[data-ui=filter-bar] [data-part=chip][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui=filter-bar] [data-part=pill][data-invalid]:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=filter-bar] [data-part=chip]>*+*{border-inline-start-color:GrayText}[data-ui=filter-bar] [data-part=chip]>[aria-expanded=true]{background-color:Highlight;color:HighlightText}}@media print{[data-ui=filter-bar][data-sticky]{position:static}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "justify", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonStart, selector: "[slButtonStart]", exportAs: ["slButtonStart"] }, { kind: "component", type: SlDrawer, selector: "sl-drawer", inputs: ["open", "extent", "mode", "side", "size", "mount", "escape", "outsidePress", "back", "modal", "loading", "messages", "drag", "scrimFrom", "minExtent", "maxExtent", "snapPoints", "container", "initialFocus", "finalFocus"], outputs: ["openChange", "extentChange", "openChangeRequest", "extentChangeRequest", "closed"], exportAs: ["slDrawer"] }, { kind: "directive", type: SlDrawerBody, selector: "[slDrawerBody]", inputs: ["inset"], exportAs: ["slDrawerBody"] }, { kind: "component", type: SlDrawerClose, selector: "[slDrawerClose]", inputs: ["value"], exportAs: ["slDrawerClose"] }, { kind: "directive", type: SlDrawerFooter, selector: "[slDrawerFooter]", exportAs: ["slDrawerFooter"] }, { kind: "directive", type: SlDrawerHeader, selector: "[slDrawerHeader]", exportAs: ["slDrawerHeader"] }, { kind: "directive", type: SlDrawerTitle, selector: "[slDrawerTitle]", exportAs: ["slDrawerTitle"] }, { kind: "component", type: SlFilterBarGroup, selector: "fieldset[slFilterBarGroup]", inputs: ["group", "path", "root", "fields", "translator", "size", "operandTemplates", "expanded"], outputs: ["rootChange", "applyRequest", "expandedChange"] }, { kind: "directive", type: SlFilterBarPart, selector: "[slFilterBarPart]", inputs: ["slFilterBarPart"] }, { kind: "component", type: SlFilterBarRuleEditor, selector: "[slFilterBarRuleEditor]", inputs: ["field", "current", "translator", "size", "operandTemplates", "queryDelay", "invalid", "withOperator"], outputs: ["ruleChange", "doneRequest"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlIconButton, selector: "button[slIconButton]", inputs: ["disabled", "focusableWhenDisabled", "loading", "loadingDelay", "messages", "shape", "size", "tone", "type", "variant", "pressed", "defaultPressed"], outputs: ["pressedChange"], exportAs: ["slIconButton"] }, { kind: "component", type: SlKbd, selector: "kbd[slKbd]", inputs: ["keyName", "platform", "size", "variant", "disabled", "messages"], exportAs: ["slKbd"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuGroup, selector: "sl-menu-group", inputs: ["label"], exportAs: ["slMenuGroup"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "directive", type: SlMenuItemIcon, selector: "[slMenuItemIcon]" }, { kind: "component", type: SlMenuRadioGroup, selector: "sl-menu-radio-group", inputs: ["value"], outputs: ["valueChange", "valueChangeRequest"], exportAs: ["slMenuRadioGroup"] }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "directive", type: SlPopover, selector: "[slPopover]", inputs: ["open", "defaultOpen", "disabled", "size", "width", "side", "align", "mount", "strategy", "messages", "initialFocus", "finalFocus", "arrow", "autoFocus", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "sideOffset", "alignOffset", "collisionPadding", "arrowPadding"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slPopover"] }, { kind: "component", type: SlPopoverContent, selector: "[slPopoverContent]", exportAs: ["slPopoverContent"] }, { kind: "directive", type: SlPopoverBody, selector: "[slPopoverBody]", exportAs: ["slPopoverBody"] }, { kind: "directive", type: SlPopoverLayer, selector: "ng-template[slPopoverLayer]", exportAs: ["slPopoverLayer"] }, { kind: "directive", type: SlPopoverTrigger, selector: "[slPopoverTrigger]", exportAs: ["slPopoverTrigger"] }, { kind: "component", type: SlSelect, selector: "sl-select", inputs: ["value", "open", "highlightedValue", "searchValue", "aria-label", "placeholder", "name", "form", "items", "total", "size", "variant", "side", "align", "width", "mount", "strategy", "messages", "filter", "locale", "sideOffset", "alignOffset", "collisionPadding", "typeaheadTimeout", "multiple", "clearable", "loop", "search", "highlightMatch", "typeahead", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "searchValueChange", "searchValueChangeRequest"], exportAs: ["slSelect"] }, { kind: "component", type: SlSelectItem, selector: "sl-select-item", inputs: ["value", "disabled", "description", "icon", "textValue", "label", "position"], exportAs: ["slSelectItem"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldEnd, selector: "[slTextFieldEnd]", exportAs: ["slTextFieldEnd"] }, { kind: "directive", type: SlTextFieldStart, selector: "[slTextFieldStart]", exportAs: ["slTextFieldStart"] }, { kind: "directive", type: SlTextFieldInput, selector: "input[slTextFieldInput]", inputs: ["value", "defaultValue", "disabled", "readOnly", "invalid", "showCount", "countMax", "revealed", "defaultRevealed", "type"], outputs: ["valueChange", "revealedChange"], exportAs: ["slTextFieldInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2580
+ `, isInline: true, styles: ["@layer slotted.components{[data-ui=filter-bar]{--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-md, 8px));--_gap-sm: var(--slotted-control-gap-sm, 6px);--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, 13px);--_pad: var(--slotted-control-padding-inline-md, 13px);--_seg-pad: var(--slotted-control-padding-inline-sm, 10px);--_icon: var(--slotted-control-icon-size-md, 16px);--_radius: var(--slotted-filter-bar-pill-radius, var(--slotted-radius-full, 9999px));--_control-radius: var(--slotted-control-radius, var(--slotted-radius-sm, 4px));--_border-width: var(--slotted-control-border-width, 1px);--_ink: var(--slotted-filter-bar-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-filter-bar-color-muted, var(--slotted-text-muted, GrayText));--_edge: var( --slotted-filter-bar-pill-border, var(--slotted-control-border-color, ButtonBorder) );--_seam: var(--slotted-filter-bar-chip-seam, var(--slotted-border-subtle, ButtonBorder));--_surface: var(--slotted-filter-bar-surface, var(--slotted-surface, Canvas));--_hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_invalid: var(--slotted-tone-danger-border, GrayText);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));box-sizing:border-box;color:var(--_ink);font-family:var(--slotted-filter-bar-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);min-inline-size:0}[data-ui=filter-bar][data-part=root]{container-name:slotted-filter-bar;container-type:inline-size;display:block;inline-size:100%}[data-ui=filter-bar][data-part=rule]{display:grid;gap:var(--_gap);inline-size:var(--slotted-filter-bar-editor-size, 18rem);max-inline-size:100%}[data-ui=filter-bar][data-part=rule] [data-part=operand]{display:grid;gap:var(--_gap-sm);min-inline-size:0}[data-ui=filter-bar][data-part=rule][data-kind=boolean] [data-part=operand]:empty{display:none}[data-ui=filter-bar][data-part=rule]>[data-part=actions]{align-items:center;display:flex;gap:var(--_gap-sm);justify-content:flex-end}[data-ui=filter-bar]>[data-part=frame]{align-items:start;column-gap:var(--_gap);display:grid;grid-template-areas:\"search end count\" \"bar bar bar\";grid-template-columns:minmax(0,1fr) auto auto;row-gap:var(--_gap)}[data-ui=filter-bar]>[data-part=frame]>[data-part=search]{grid-area:search;max-inline-size:var(--slotted-filter-bar-search-max, 28rem);min-inline-size:0}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]{grid-area:bar}[data-ui=filter-bar]>[data-part=frame]>[data-part=end]{grid-area:end}[data-ui=filter-bar]>[data-part=frame]>[data-part=count]{grid-area:count;justify-self:end}[data-ui=filter-bar]>[data-part=frame]>[data-part=end]:empty{display:none}[data-ui=filter-bar][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_pad: var(--slotted-control-padding-inline-sm, 10px);--_seg-pad: var(--slotted-control-gap-md, 8px);--_icon: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-sm, 6px));--_gap-sm: var(--slotted-control-gap-sm, 4px)}[data-ui=filter-bar][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_pad: var(--slotted-control-padding-inline-lg, 16px);--_seg-pad: var(--slotted-control-padding-inline-md, 13px);--_icon: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-lg, 8px))}[data-ui=filter-bar] [data-part=search]>[data-ui=text-field],[data-ui=filter-bar] [data-part=preset]>[data-ui=select],[data-ui=filter-bar] :is([data-part=field],[data-part=operator])>[data-ui=select]{inline-size:100%}[data-ui=filter-bar] [data-part=bar]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);min-inline-size:0}[data-ui=filter-bar] [data-part=end]{align-items:center;display:flex;gap:var(--_gap)}[data-ui=filter-bar]>[data-part=frame]>[data-part=count]{color:var(--_muted);font-variant-numeric:tabular-nums;margin:0;min-block-size:1lh;padding-block:max(0px,calc((var(--_height) - 1lh) / 2));white-space:nowrap}[data-ui=filter-bar] [data-part=pill]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_height);border:var(--_border-width) dashed var(--_edge);border-radius:var(--_radius);box-sizing:border-box;color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap-sm);line-height:var(--slotted-control-line-height, 1);margin:0;padding-block:0;padding-inline:calc(var(--_pad) - var(--_gap-sm)) var(--_pad);transition:background-color var(--_duration) var(--_easing),border-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter);white-space:nowrap}[data-ui=filter-bar] [data-part=pill]>span:not([data-ui=icon]){min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:isolate}[data-ui=filter-bar] [data-part=pill]>[data-ui=icon]{--slotted-icon-size: var(--_icon)}[data-ui=filter-bar] [data-part=pill][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}[data-ui=filter-bar] [data-part=pill]:enabled:hover{background-color:var(--_hover);border-color:var(--slotted-border-strong, ButtonBorder);color:var(--_ink)}[data-ui=filter-bar] [data-part=pill]:enabled:active,[data-ui=filter-bar] [data-part=pill]:enabled[aria-expanded=true]{background-color:var(--_active);border-color:var(--slotted-border-strong, ButtonBorder);color:var(--_ink)}[data-ui=filter-bar] [data-part=pill]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=filter-bar] [data-part=chip]{align-items:stretch;background-color:var(--_surface);block-size:var(--_height);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow, none);box-sizing:border-box;display:inline-flex;max-inline-size:100%;min-inline-size:0;transition:border-color var(--_duration) var(--_easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui=filter-bar] :is([data-part=chip],[data-part=pill]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=filter-bar] [data-part=chip]>*{align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:inherit;display:inline-flex;flex:none;font:inherit;gap:var(--_gap-sm);line-height:var(--slotted-control-line-height, 1);margin:0;min-inline-size:0;padding-block:0;padding-inline:var(--_seg-pad);white-space:nowrap}[data-ui=filter-bar] [data-part=chip]>*+*{border-inline-start:var(--_border-width) solid var(--_seam)}[data-ui=filter-bar] [data-part=chip]>:first-child{border-end-start-radius:var(--_radius);border-start-start-radius:var(--_radius);padding-inline-start:var(--_pad)}[data-ui=filter-bar] [data-part=chip]>:last-child{border-end-end-radius:var(--_radius);border-start-end-radius:var(--_radius)}[data-ui=filter-bar] [data-part=chip] [data-ui=icon]{--slotted-icon-size: var(--_icon)}[data-ui=filter-bar] [data-part=chip-field]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar] [data-part=chip-field]>[data-ui=icon]{color:var(--_muted)}[data-ui=filter-bar] [data-part=chip]>*>span:not([data-ui]),[data-ui=filter-bar] [data-part=chip-operator]{unicode-bidi:isolate}[data-ui=filter-bar] [data-part=chip-operator]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=filter-bar] [data-part=chip-value]{font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0}[data-ui=filter-bar] [data-part=chip-value]>[data-value]{max-inline-size:var(--slotted-filter-bar-value-max, 12rem);min-inline-size:0;overflow:hidden;text-overflow:ellipsis}[data-ui=filter-bar] [data-part=chip-value]>[data-operator]{color:var(--_muted);display:none;font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=filter-bar] [data-part=chip-remove]{aspect-ratio:1;color:var(--_muted);justify-content:center;padding-inline:0}[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button]){cursor:pointer;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button]):enabled:not([aria-disabled=true]):hover{background-color:var(--_hover);color:var(--_ink)}[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button]):enabled:not([aria-disabled=true]):active,[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button])[aria-expanded=true]{background-color:var(--_active);color:var(--_ink)}[data-ui=filter-bar] [data-part=chip]>:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=filter-bar] [data-part=chip][data-incomplete]{border-style:dashed;box-shadow:none}[data-ui=filter-bar] [data-part=chip][data-incomplete]>[data-part=chip-value]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=filter-bar] [data-part=chip][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}[data-ui=filter-bar] [data-part=chip][data-invalid]>[data-part=chip-field],[data-ui=filter-bar] [data-part=chip][data-invalid]>[data-part=chip-field]>[data-ui=icon]{color:var(--slotted-tone-danger-text, CanvasText)}[data-ui=filter-bar] [data-part=chip][data-folded]{display:none;visibility:hidden}[data-ui=filter-bar] [data-part=bar][data-revealed] [data-part=chip][data-folded]{display:inline-flex;visibility:visible}[data-ui=filter-bar] [data-part=more]{align-items:center;appearance:none;background:none;block-size:var(--_height);border:0;border-radius:var(--_radius);color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);justify-content:center;margin:0;padding-inline:var(--_seg-pad);transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=filter-bar] [data-part=more]:enabled:hover{background-color:var(--_hover);color:var(--_ink)}[data-ui=filter-bar] [data-part=more]:enabled:active{background-color:var(--_active);color:var(--_ink)}[data-ui=filter-bar] [data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=filter-bar] [data-part=bar] :is([data-part=clear],[data-part=reset]){--slotted-control-font-weight: var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar] [data-part=summary]{display:none;visibility:hidden}[data-ui=filter-bar] [data-part=summary]>[data-part=label]>span{font-variant-numeric:tabular-nums}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>[data-part=actions]{align-items:center;display:flex;gap:var(--_gap-sm);margin-inline-start:auto}[data-ui=filter-bar][data-disabled]{--_ink: var(--slotted-disabled-foreground, GrayText);--_muted: var(--slotted-disabled-foreground, GrayText);--_edge: var(--slotted-disabled-border, GrayText);--_seam: var(--slotted-disabled-border, GrayText);--_surface: var(--slotted-disabled-background, Canvas)}[data-ui=filter-bar][data-disabled] :is([data-part=pill],[data-part=chip]){box-shadow:none}[data-ui=filter-bar][data-disabled] :is([data-part=pill],[data-part=chip]>*){cursor:not-allowed}[data-ui=filter-bar][data-readonly] [data-part=chip]>*{cursor:default}[data-ui=filter-bar][data-loading]>[data-part=frame]>[data-part=count]{align-items:center;display:inline-flex;gap:var(--_gap-sm)}[data-ui=filter-bar][data-sticky]{background-color:var(--_surface);inset-block-start:var(--slotted-page-sticky-top, 0px);padding-block:var(--slotted-space-3, .375rem);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=filter-bar][data-part=builder]{--_join-col: var(--slotted-filter-bar-join-size, 3.5rem);--_group-surface: var( --slotted-filter-bar-group-surface, var(--slotted-surface-sunken, Canvas) );--_group-edge: var(--slotted-filter-bar-group-border, var(--slotted-border-subtle, GrayText));container-name:slotted-filter-bar-builder;container-type:inline-size;display:grid;gap:var(--slotted-space-5, .75rem)}[data-ui=filter-bar][data-part=builder] [data-part=group]{border:0;container-name:slotted-filter-bar-group;container-type:inline-size;display:grid;gap:var(--_gap);margin:0;min-inline-size:0;padding:0}[data-ui=filter-bar][data-part=builder] [data-part=group]:not([data-depth=\"0\"]){background-color:var(--_group-surface);border:var(--slotted-border-width-thin, 1px) solid var(--_group-edge);border-radius:var(--slotted-radius-md, 6px);padding:var(--slotted-space-5, .75rem)}[data-ui=filter-bar][data-part=builder] [data-part=group]:is([data-depth=\"2\"],[data-depth=\"4\"],[data-depth=\"6\"]){background-color:var(--_surface)}[data-ui=filter-bar][data-part=builder] [data-part=group]>legend{block-size:1px;clip-path:inset(50%);overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}[data-ui=filter-bar][data-part=builder] [data-part=join]{align-items:center;color:var(--_ink);display:flex;flex-wrap:wrap;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap-sm)}[data-ui=filter-bar][data-part=builder] [data-part=join]>[data-part=remove-group]{margin-inline-start:auto}[data-ui=filter-bar][data-part=builder] [data-part=rules]{align-items:start;column-gap:var(--_gap-sm);display:grid;grid-template-columns:var(--_join-col) minmax(0,1fr);min-inline-size:0;row-gap:var(--_gap)}[data-ui=filter-bar][data-part=builder] [data-part=conjunction]{color:var(--_muted);line-height:var(--_height);overflow:hidden;text-align:end;text-overflow:ellipsis;white-space:nowrap}[data-ui=filter-bar][data-part=builder] [data-part=rule]{align-items:center;display:grid;gap:var(--_gap-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) var(--slotted-target-min, 24px);min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule]>*,[data-ui=filter-bar][data-part=builder] [data-part=rule] :is([data-part=operator],[data-part=operand]){min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"] [data-part=operand]{display:none}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"]{grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) var(--slotted-target-min, 24px)}[data-ui=filter-bar][data-part=builder] [data-part=operand]{display:grid;gap:var(--_gap-sm);min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"2\"] [data-part=operand]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap-sm);padding-inline-start:calc(var(--_join-col) + var(--_gap-sm))}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]>:is([data-part=add-rule],[data-part=add-group],[data-part=clear],[data-part=save-preset]){--slotted-control-font-weight: var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]>[data-part=save-preset]{margin-inline-start:auto}@container slotted-filter-bar-group (max-width: 30rem){[data-ui=filter-bar][data-part=builder] [data-part=rule],[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"]{grid-template-columns:minmax(0,1fr) var(--slotted-target-min, 24px)}[data-ui=filter-bar][data-part=builder] [data-part=rule]>[data-part=field]{grid-column:1}[data-ui=filter-bar][data-part=builder] [data-part=rule]>[data-part=remove]{grid-column:2;grid-row:1}[data-ui=filter-bar][data-part=builder] [data-part=rule] :is([data-part=operator],[data-part=operand]){grid-column:1 / -1}}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]{display:none;visibility:hidden}@container slotted-filter-bar-builder (max-width: 30rem){[data-ui=filter-bar][data-part=builder]{gap:var(--_gap)}[data-ui=filter-bar][data-part=builder] [data-part=rules]{grid-template-columns:minmax(0,1fr);row-gap:var(--_gap-sm)}[data-ui=filter-bar][data-part=builder] [data-part=conjunction]{font-size:var(--slotted-font-size-xs, 12px);line-height:var(--slotted-line-height-xs, 1.5);padding-inline-start:var(--_seg-pad);text-align:start}[data-ui=filter-bar][data-part=builder] [data-part=rules]>[data-part=conjunction]:first-child{display:none}[data-ui=filter-bar][data-part=builder] [data-part=group]:not([data-depth=\"0\"]),[data-ui=filter-bar][data-part=builder] [data-part=group]:is([data-depth=\"2\"],[data-depth=\"4\"],[data-depth=\"6\"]){background-color:transparent;border:0;border-inline-start:var(--slotted-border-width-medium, 2px) solid var(--_edge);border-radius:0;padding-block:0;padding-inline:var(--slotted-space-4, .5rem) 0}[data-ui=filter-bar][data-part=builder] [data-part=rule],[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"]{background-color:var(--_surface);border:var(--_border-width) solid var(--_edge);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-control-shadow, none);column-gap:0;grid-template-areas:\"summary remove\";grid-template-columns:minmax(0,1fr) var(--_height);row-gap:var(--_gap-sm);transition:border-color var(--_duration) var(--_easing)}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-expanded]{border-color:var(--slotted-border-strong, ButtonBorder);padding-block-end:var(--_seg-pad)}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}@media(forced-colors:active){[data-ui=filter-bar][data-part=builder] [data-part=rule][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]{align-items:center;appearance:none;background:none;border:0;border-radius:calc(var(--slotted-radius-md, 6px) - var(--_border-width));color:var(--_ink);cursor:pointer;display:flex;font:inherit;gap:var(--_gap-sm);grid-area:summary;margin:0;min-block-size:var(--_height);min-inline-size:0;padding-block:max(var(--_gap-sm),calc((var(--_height) - 1lh) / 2));padding-inline:var(--_seg-pad) 0;text-align:start;transition:background-color var(--_duration) var(--_easing);visibility:visible}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]>[data-sentence]{flex:1 1 auto;min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary] [data-field]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary] [data-operator]{color:var(--_muted)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary] [data-value]{font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0;overflow-wrap:anywhere}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]>[data-ui=icon]{--slotted-icon-size: var(--_icon);color:var(--_muted);flex:none;margin-inline-start:auto;transition:rotate var(--_duration) var(--_easing)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary][aria-expanded=true]>[data-ui=icon]{rotate:180deg}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]:enabled:hover{background-color:var(--_hover)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]:enabled:active{background-color:var(--_active)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=filter-bar][data-part=builder] [data-part=rule]>[data-part=remove]{align-self:center;grid-area:remove;grid-row:1;justify-self:center}[data-ui=filter-bar][data-part=builder] [data-part=rule]:not([data-expanded]) :is([data-part=field],[data-part=operator],[data-part=operand]){display:none;visibility:hidden}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-expanded] :is([data-part=field],[data-part=operator],[data-part=operand]){grid-column:1 / -1;margin-inline:var(--_seg-pad);transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui=filter-bar][data-part=builder] [data-part=rule][data-expanded] :is([data-part=field],[data-part=operator],[data-part=operand]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]{padding-inline-start:0}[data-ui=filter-bar][data-part=builder] [data-part=group][data-depth=\"0\"]>[data-part=actions]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-ui=filter-bar][data-part=builder] [data-part=group][data-depth=\"0\"]>[data-part=actions]>:is([data-part=add-rule],[data-part=add-group]){inline-size:100%}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]>:is([data-part=clear],[data-part=save-preset]){margin-inline-start:0}}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]{align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--_control-radius);color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;inline-size:var(--slotted-target-min, 24px);justify-content:center;padding:0;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]>[data-ui=icon]{--slotted-icon-size: var(--_icon)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]:enabled:hover{background-color:var(--_hover);color:var(--_ink)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]:enabled:active{background-color:var(--_active);color:var(--_ink)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-filter-bar (max-width: 36rem){[data-ui=filter-bar]>[data-part=frame]{grid-template-areas:\"search\" \"bar\" \"count\";grid-template-columns:minmax(0,1fr)}[data-ui=filter-bar]>[data-part=frame]:has(>[data-part=end]:not(:empty)){grid-template-areas:\"search\" \"bar\" \"end\" \"count\"}[data-ui=filter-bar]>[data-part=frame]>[data-part=search]{max-inline-size:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>:is([data-part=summary],[data-part=pill]):focus-visible{outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]::-webkit-scrollbar{display:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>:is([data-part=summary],[data-part=chip],[data-part=pill]){flex:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>:is([data-part=more],[data-part=add],[data-part=clear],[data-part=actions]),[data-ui=filter-bar] [data-part=chip]>[data-part=chip-operator]{display:none;visibility:hidden}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>[data-part=chip][data-folded]{display:inline-flex;visibility:visible}[data-ui=filter-bar] [data-part=chip-value]>[data-operator]{display:inline}[data-ui=filter-bar] [data-part=chip-value]>[data-value]{max-inline-size:var(--slotted-filter-bar-value-max-narrow, 9rem)}[data-ui=filter-bar] [data-part=summary]{display:inline-flex;visibility:visible}[data-ui=filter-bar]>[data-part=frame]>[data-part=count]{justify-self:start;padding-block:0}}@media(hover:none)and (pointer:coarse){[data-ui=filter-bar] [data-part=search] [data-ui=kbd]{display:none}}@media(pointer:coarse){[data-ui=filter-bar] :is([data-part=more],[data-part=rule]>[data-part=remove]){position:relative}[data-ui=filter-bar] :is([data-part=more],[data-part=rule]>[data-part=remove]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}@media(forced-colors:active){[data-ui=filter-bar] [data-part=pill][data-invalid],[data-ui=filter-bar] [data-part=chip][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui=filter-bar] [data-part=pill][data-invalid]:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=filter-bar] [data-part=chip]>*+*{border-inline-start-color:GrayText}[data-ui=filter-bar] [data-part=chip]>[aria-expanded=true]{background-color:Highlight;color:HighlightText}}@media print{[data-ui=filter-bar][data-sticky]{position:static}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "justify", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonStart, selector: "[slButtonStart]", exportAs: ["slButtonStart"] }, { kind: "component", type: SlDrawer, selector: "sl-drawer", inputs: ["open", "extent", "mode", "side", "size", "mount", "escape", "outsidePress", "back", "modal", "loading", "messages", "drag", "scrimFrom", "minExtent", "maxExtent", "snapPoints", "container", "initialFocus", "finalFocus"], outputs: ["openChange", "extentChange", "openChangeRequest", "extentChangeRequest", "closed"], exportAs: ["slDrawer"] }, { kind: "directive", type: SlDrawerBody, selector: "[slDrawerBody]", inputs: ["inset"], exportAs: ["slDrawerBody"] }, { kind: "component", type: SlDrawerClose, selector: "[slDrawerClose]", inputs: ["value"], exportAs: ["slDrawerClose"] }, { kind: "directive", type: SlDrawerFooter, selector: "[slDrawerFooter]", exportAs: ["slDrawerFooter"] }, { kind: "directive", type: SlDrawerHeader, selector: "[slDrawerHeader]", exportAs: ["slDrawerHeader"] }, { kind: "directive", type: SlDrawerTitle, selector: "[slDrawerTitle]", exportAs: ["slDrawerTitle"] }, { kind: "component", type: SlFilterBarGroup, selector: "fieldset[slFilterBarGroup]", inputs: ["group", "path", "root", "fields", "translator", "size", "operandTemplates", "expanded"], outputs: ["rootChange", "applyRequest", "expandedChange"] }, { kind: "directive", type: SlFilterBarPart, selector: "[slFilterBarPart]", inputs: ["slFilterBarPart"] }, { kind: "component", type: SlFilterBarRuleEditor, selector: "[slFilterBarRuleEditor]", inputs: ["field", "current", "translator", "size", "operandTemplates", "queryDelay", "invalid", "withOperator"], outputs: ["ruleChange", "doneRequest"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlIconButton, selector: "button[slIconButton]", inputs: ["disabled", "focusableWhenDisabled", "loading", "loadingDelay", "messages", "shape", "size", "tone", "type", "variant", "pressed", "defaultPressed"], outputs: ["pressedChange"], exportAs: ["slIconButton"] }, { kind: "component", type: SlKbd, selector: "kbd[slKbd]", inputs: ["keyName", "platform", "size", "variant", "disabled", "messages"], exportAs: ["slKbd"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "width", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuGroup, selector: "sl-menu-group", inputs: ["label"], exportAs: ["slMenuGroup"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "directive", type: SlMenuItemIcon, selector: "[slMenuItemIcon]" }, { kind: "component", type: SlMenuRadioGroup, selector: "sl-menu-radio-group", inputs: ["value"], outputs: ["valueChange", "valueChangeRequest"], exportAs: ["slMenuRadioGroup"] }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "directive", type: SlPopover, selector: "[slPopover]", inputs: ["open", "defaultOpen", "disabled", "size", "width", "side", "align", "mount", "strategy", "messages", "initialFocus", "finalFocus", "arrow", "autoFocus", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "sideOffset", "alignOffset", "collisionPadding", "arrowPadding"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slPopover"] }, { kind: "component", type: SlPopoverContent, selector: "[slPopoverContent]", exportAs: ["slPopoverContent"] }, { kind: "directive", type: SlPopoverBody, selector: "[slPopoverBody]", exportAs: ["slPopoverBody"] }, { kind: "directive", type: SlPopoverLayer, selector: "ng-template[slPopoverLayer]", exportAs: ["slPopoverLayer"] }, { kind: "directive", type: SlPopoverTrigger, selector: "[slPopoverTrigger]", exportAs: ["slPopoverTrigger"] }, { kind: "component", type: SlSelect, selector: "sl-select", inputs: ["value", "open", "highlightedValue", "searchValue", "aria-label", "placeholder", "name", "form", "items", "total", "size", "variant", "side", "align", "width", "mount", "strategy", "messages", "filter", "locale", "sideOffset", "alignOffset", "collisionPadding", "typeaheadTimeout", "multiple", "clearable", "loop", "search", "highlightMatch", "typeahead", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "searchValueChange", "searchValueChangeRequest"], exportAs: ["slSelect"] }, { kind: "component", type: SlSelectItem, selector: "sl-select-item", inputs: ["value", "disabled", "description", "icon", "textValue", "label", "position"], exportAs: ["slSelectItem"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldEnd, selector: "[slTextFieldEnd]", exportAs: ["slTextFieldEnd"] }, { kind: "directive", type: SlTextFieldStart, selector: "[slTextFieldStart]", exportAs: ["slTextFieldStart"] }, { kind: "directive", type: SlTextFieldInput, selector: "input[slTextFieldInput]", inputs: ["value", "defaultValue", "disabled", "readOnly", "invalid", "showCount", "countMax", "revealed", "defaultRevealed", "type"], outputs: ["valueChange", "revealedChange"], exportAs: ["slTextFieldInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2581
2581
  }
2582
2582
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFilterBar, decorators: [{
2583
2583
  type: Component,