@francofantomius/material-components 1.0.2 → 1.1.1

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 (168) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/README.md +41 -9
  3. package/custom-elements.json +19060 -9017
  4. package/dist/chunks/account-menu-Dau0UHTl.js +1290 -0
  5. package/dist/chunks/account-menu-Dau0UHTl.js.map +1 -0
  6. package/dist/chunks/app-drawer-Du1ePzxZ.js +903 -0
  7. package/dist/chunks/app-drawer-Du1ePzxZ.js.map +1 -0
  8. package/dist/chunks/bottom-sheet-q79BBYAj.js +402 -0
  9. package/dist/chunks/bottom-sheet-q79BBYAj.js.map +1 -0
  10. package/dist/chunks/{button-B4TSZ7Sl.js → button-D2vn7kJ8.js} +9 -8
  11. package/dist/chunks/button-D2vn7kJ8.js.map +1 -0
  12. package/dist/chunks/button-group-CNqvJx1n.js +143 -0
  13. package/dist/chunks/button-group-CNqvJx1n.js.map +1 -0
  14. package/dist/chunks/carousel-item-BG6kjjjk.js +371 -0
  15. package/dist/chunks/carousel-item-BG6kjjjk.js.map +1 -0
  16. package/dist/chunks/date-picker-DJeHi4w-.js +777 -0
  17. package/dist/chunks/date-picker-DJeHi4w-.js.map +1 -0
  18. package/dist/chunks/fab-menu.css-3pu930sZ.js +320 -0
  19. package/dist/chunks/fab-menu.css-3pu930sZ.js.map +1 -0
  20. package/dist/chunks/{icon-button-BdSc7eot.js → icon-button-BQz73GLa.js} +2 -2
  21. package/dist/chunks/icon-button-BQz73GLa.js.map +1 -0
  22. package/dist/chunks/loading-indicator-CvWnZr9o.js +193 -0
  23. package/dist/chunks/loading-indicator-CvWnZr9o.js.map +1 -0
  24. package/dist/chunks/menu-item-BBSp5Cqc.js +390 -0
  25. package/dist/chunks/menu-item-BBSp5Cqc.js.map +1 -0
  26. package/dist/chunks/navigation-bar-item-C9DfOEzg.js +397 -0
  27. package/dist/chunks/navigation-bar-item-C9DfOEzg.js.map +1 -0
  28. package/dist/chunks/navigation-rail-item-6pdhNHJK.js +357 -0
  29. package/dist/chunks/navigation-rail-item-6pdhNHJK.js.map +1 -0
  30. package/dist/chunks/{search-bar-TXnqJ-gd.js → search-bar-fUD0qU2P.js} +22 -4
  31. package/dist/chunks/search-bar-fUD0qU2P.js.map +1 -0
  32. package/dist/chunks/segmented-button-B0BvGSQ7.js +265 -0
  33. package/dist/chunks/segmented-button-B0BvGSQ7.js.map +1 -0
  34. package/dist/chunks/side-sheet-S2w081AK.js +360 -0
  35. package/dist/chunks/side-sheet-S2w081AK.js.map +1 -0
  36. package/dist/chunks/slider-D-mnO8yQ.js +450 -0
  37. package/dist/chunks/slider-D-mnO8yQ.js.map +1 -0
  38. package/dist/chunks/split-button-DUfjukQY.js +450 -0
  39. package/dist/chunks/split-button-DUfjukQY.js.map +1 -0
  40. package/dist/chunks/{table-aRTYzDyE.js → table-CqHnneAj.js} +2 -2
  41. package/dist/chunks/{table-aRTYzDyE.js.map → table-CqHnneAj.js.map} +1 -1
  42. package/dist/chunks/time-picker-CZnb2sWz.js +785 -0
  43. package/dist/chunks/time-picker-CZnb2sWz.js.map +1 -0
  44. package/dist/chunks/toolbar-DXVQbQKJ.js +271 -0
  45. package/dist/chunks/toolbar-DXVQbQKJ.js.map +1 -0
  46. package/dist/chunks/tooltip-CE7JMHMu.js +398 -0
  47. package/dist/chunks/tooltip-CE7JMHMu.js.map +1 -0
  48. package/dist/components/account-menu/account-menu.js +8 -0
  49. package/dist/components/app-drawer/app-drawer.js +9 -0
  50. package/dist/components/bottom-sheet/bottom-sheet.css.d.ts +2 -0
  51. package/dist/components/bottom-sheet/bottom-sheet.css.d.ts.map +1 -0
  52. package/dist/components/bottom-sheet/bottom-sheet.d.ts +69 -0
  53. package/dist/components/bottom-sheet/bottom-sheet.d.ts.map +1 -0
  54. package/dist/components/bottom-sheet/bottom-sheet.js +4 -0
  55. package/dist/components/button/button.css.d.ts.map +1 -1
  56. package/dist/components/button/button.js +1 -1
  57. package/dist/components/button-group/button-group.css.d.ts +2 -0
  58. package/dist/components/button-group/button-group.css.d.ts.map +1 -0
  59. package/dist/components/button-group/button-group.d.ts +28 -0
  60. package/dist/components/button-group/button-group.d.ts.map +1 -0
  61. package/dist/components/button-group/button-group.js +4 -0
  62. package/dist/components/carousel/carousel-item.d.ts +33 -0
  63. package/dist/components/carousel/carousel-item.d.ts.map +1 -0
  64. package/dist/components/carousel/carousel-item.js +4 -0
  65. package/dist/components/carousel/carousel.css.d.ts +3 -0
  66. package/dist/components/carousel/carousel.css.d.ts.map +1 -0
  67. package/dist/components/carousel/carousel.d.ts +81 -0
  68. package/dist/components/carousel/carousel.d.ts.map +1 -0
  69. package/dist/components/carousel/carousel.js +284 -0
  70. package/dist/components/carousel/carousel.js.map +1 -0
  71. package/dist/components/date-picker/date-picker.css.d.ts +2 -0
  72. package/dist/components/date-picker/date-picker.css.d.ts.map +1 -0
  73. package/dist/components/date-picker/date-picker.d.ts +59 -0
  74. package/dist/components/date-picker/date-picker.d.ts.map +1 -0
  75. package/dist/components/date-picker/date-picker.js +4 -0
  76. package/dist/components/fab-menu/fab-menu-item.d.ts +35 -0
  77. package/dist/components/fab-menu/fab-menu-item.d.ts.map +1 -0
  78. package/dist/components/fab-menu/fab-menu-item.js +93 -0
  79. package/dist/components/fab-menu/fab-menu-item.js.map +1 -0
  80. package/dist/components/fab-menu/fab-menu.css.d.ts +3 -0
  81. package/dist/components/fab-menu/fab-menu.css.d.ts.map +1 -0
  82. package/dist/components/fab-menu/fab-menu.d.ts +72 -0
  83. package/dist/components/fab-menu/fab-menu.d.ts.map +1 -0
  84. package/dist/components/fab-menu/fab-menu.js +148 -0
  85. package/dist/components/fab-menu/fab-menu.js.map +1 -0
  86. package/dist/components/icon-button/icon-button.js +1 -1
  87. package/dist/components/loading-indicator/loading-indicator.css.d.ts +2 -0
  88. package/dist/components/loading-indicator/loading-indicator.css.d.ts.map +1 -0
  89. package/dist/components/loading-indicator/loading-indicator.d.ts +48 -0
  90. package/dist/components/loading-indicator/loading-indicator.d.ts.map +1 -0
  91. package/dist/components/loading-indicator/loading-indicator.js +4 -0
  92. package/dist/components/menu/menu-item.d.ts +41 -0
  93. package/dist/components/menu/menu-item.d.ts.map +1 -0
  94. package/dist/components/menu/menu-item.js +4 -0
  95. package/dist/components/menu/menu.css.d.ts +3 -0
  96. package/dist/components/menu/menu.css.d.ts.map +1 -0
  97. package/dist/components/menu/menu.d.ts +91 -0
  98. package/dist/components/menu/menu.d.ts.map +1 -0
  99. package/dist/components/menu/menu.js +205 -0
  100. package/dist/components/menu/menu.js.map +1 -0
  101. package/dist/components/navigation-bar/navigation-bar-item.d.ts +49 -0
  102. package/dist/components/navigation-bar/navigation-bar-item.d.ts.map +1 -0
  103. package/dist/components/navigation-bar/navigation-bar-item.js +5 -0
  104. package/dist/components/navigation-bar/navigation-bar.css.d.ts +3 -0
  105. package/dist/components/navigation-bar/navigation-bar.css.d.ts.map +1 -0
  106. package/dist/components/navigation-bar/navigation-bar.d.ts +50 -0
  107. package/dist/components/navigation-bar/navigation-bar.d.ts.map +1 -0
  108. package/dist/components/navigation-bar/navigation-bar.js +150 -0
  109. package/dist/components/navigation-bar/navigation-bar.js.map +1 -0
  110. package/dist/components/navigation-rail/navigation-rail-item.d.ts +36 -0
  111. package/dist/components/navigation-rail/navigation-rail-item.d.ts.map +1 -0
  112. package/dist/components/navigation-rail/navigation-rail-item.js +5 -0
  113. package/dist/components/navigation-rail/navigation-rail.css.d.ts +3 -0
  114. package/dist/components/navigation-rail/navigation-rail.css.d.ts.map +1 -0
  115. package/dist/components/navigation-rail/navigation-rail.d.ts +43 -0
  116. package/dist/components/navigation-rail/navigation-rail.d.ts.map +1 -0
  117. package/dist/components/navigation-rail/navigation-rail.js +121 -0
  118. package/dist/components/navigation-rail/navigation-rail.js.map +1 -0
  119. package/dist/components/search-bar/search-bar.css.d.ts.map +1 -1
  120. package/dist/components/search-bar/search-bar.js +1 -1
  121. package/dist/components/segmented-button/segmented-button.css.d.ts +3 -0
  122. package/dist/components/segmented-button/segmented-button.css.d.ts.map +1 -0
  123. package/dist/components/segmented-button/segmented-button.d.ts +40 -0
  124. package/dist/components/segmented-button/segmented-button.d.ts.map +1 -0
  125. package/dist/components/segmented-button/segmented-button.js +5 -0
  126. package/dist/components/side-sheet/side-sheet.css.d.ts +2 -0
  127. package/dist/components/side-sheet/side-sheet.css.d.ts.map +1 -0
  128. package/dist/components/side-sheet/side-sheet.d.ts +57 -0
  129. package/dist/components/side-sheet/side-sheet.d.ts.map +1 -0
  130. package/dist/components/side-sheet/side-sheet.js +4 -0
  131. package/dist/components/slider/slider.css.d.ts +2 -0
  132. package/dist/components/slider/slider.css.d.ts.map +1 -0
  133. package/dist/components/slider/slider.d.ts +51 -0
  134. package/dist/components/slider/slider.d.ts.map +1 -0
  135. package/dist/components/slider/slider.js +4 -0
  136. package/dist/components/split-button/split-button.css.d.ts +2 -0
  137. package/dist/components/split-button/split-button.css.d.ts.map +1 -0
  138. package/dist/components/split-button/split-button.d.ts +89 -0
  139. package/dist/components/split-button/split-button.d.ts.map +1 -0
  140. package/dist/components/split-button/split-button.js +4 -0
  141. package/dist/components/table/table.js +1 -1
  142. package/dist/components/time-picker/time-picker.css.d.ts +2 -0
  143. package/dist/components/time-picker/time-picker.css.d.ts.map +1 -0
  144. package/dist/components/time-picker/time-picker.d.ts +87 -0
  145. package/dist/components/time-picker/time-picker.d.ts.map +1 -0
  146. package/dist/components/time-picker/time-picker.js +4 -0
  147. package/dist/components/toolbar/toolbar.css.d.ts +2 -0
  148. package/dist/components/toolbar/toolbar.css.d.ts.map +1 -0
  149. package/dist/components/toolbar/toolbar.d.ts +53 -0
  150. package/dist/components/toolbar/toolbar.d.ts.map +1 -0
  151. package/dist/components/toolbar/toolbar.js +4 -0
  152. package/dist/components/tooltip/tooltip.css.d.ts +2 -0
  153. package/dist/components/tooltip/tooltip.css.d.ts.map +1 -0
  154. package/dist/components/tooltip/tooltip.d.ts +89 -0
  155. package/dist/components/tooltip/tooltip.d.ts.map +1 -0
  156. package/dist/components/tooltip/tooltip.js +4 -0
  157. package/dist/index.d.ts +21 -0
  158. package/dist/index.d.ts.map +1 -1
  159. package/dist/index.js +148 -2263
  160. package/dist/tokens/index.js +4 -2
  161. package/dist/tokens/index.js.map +1 -1
  162. package/dist/tokens/theme.css.d.ts.map +1 -1
  163. package/llms.txt +919 -0
  164. package/package.json +97 -1
  165. package/dist/chunks/button-B4TSZ7Sl.js.map +0 -1
  166. package/dist/chunks/icon-button-BdSc7eot.js.map +0 -1
  167. package/dist/chunks/search-bar-TXnqJ-gd.js.map +0 -1
  168. package/dist/index.js.map +0 -1
@@ -0,0 +1,43 @@
1
+ import { MdBaseElement } from '../../internal/base-component.js';
2
+ export * from './navigation-rail-item.js';
3
+ export type NavigationRailAlignment = 'top' | 'center' | 'bottom';
4
+ /**
5
+ * Material Design 3 Navigation Rail component.
6
+ *
7
+ * Provides vertical side navigation for medium to large screen layouts.
8
+ * Supports leading header/menu/fab slots, active indicator pill destinations,
9
+ * badges, alignment, and optional label suppression.
10
+ *
11
+ * @slot - Default slot for `md-navigation-rail-item` destinations.
12
+ * @slot header - Top header section for logo or title.
13
+ * @slot menu - Top leading menu icon button.
14
+ * @slot fab - Floating Action Button (FAB) below menu/header.
15
+ * @slot footer - Bottom section for settings, avatar, or actions.
16
+ */
17
+ export declare class MdNavigationRail extends MdBaseElement {
18
+ static styles: import('lit').CSSResultGroup[];
19
+ alignment: NavigationRailAlignment;
20
+ hideLabels: boolean;
21
+ activeIndex: number;
22
+ ariaLabelText: string;
23
+ private assignedItems;
24
+ private get items();
25
+ connectedCallback(): void;
26
+ disconnectedCallback(): void;
27
+ updated(changedProperties: Map<string, unknown>): void;
28
+ private handleSlotChange;
29
+ private syncHideLabels;
30
+ private syncActiveItem;
31
+ private handleClick;
32
+ private handleKeyDown;
33
+ render(): import('lit-html').TemplateResult<1>;
34
+ }
35
+ export declare class MdNavRail extends MdNavigationRail {
36
+ }
37
+ declare global {
38
+ interface HTMLElementTagNameMap {
39
+ 'md-navigation-rail': MdNavigationRail;
40
+ 'md-nav-rail': MdNavRail;
41
+ }
42
+ }
43
+ //# sourceMappingURL=navigation-rail.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"navigation-rail.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-rail/navigation-rail.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AACjD,OAAO,iBAAiB,CAAC;AAIzB,cAAc,2BAA2B,CAAC;AAE1C,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElE;;;;;;;;;;;;GAYG;AACH,qBACa,gBAAiB,SAAQ,aAAa;IACjD,OAAgB,MAAM,iCAAgD;IAGtE,SAAS,EAAE,uBAAuB,CAAS;IAG3C,UAAU,UAAS;IAGnB,WAAW,SAAM;IAGjB,aAAa,SAAqB;IAGlC,OAAO,CAAC,aAAa,CAA0B;IAE/C,OAAO,KAAK,KAAK,GAKhB;IAEQ,iBAAiB;IAUjB,oBAAoB;IAMpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAUxD,OAAO,CAAC,gBAAgB,CAWtB;IAEF,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAkCnB;IAEO,MAAM;CAmBhB;AAGD,qBACa,SAAU,SAAQ,gBAAgB;CAAG;AAElD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;QACvC,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}
@@ -0,0 +1,121 @@
1
+ import { n as h, t as l } from "../../chunks/decorate-DXuynaiA.js";
2
+ import "../../chunks/ripple-squbKHhj.js";
3
+ import "../../chunks/focus-ring-CuiJuM-y.js";
4
+ import "../../chunks/icon-DrNqcNEL.js";
5
+ import { n as L, r as f, t as A } from "../../chunks/navigation-rail-item-6pdhNHJK.js";
6
+ import { html as u } from "lit";
7
+ import { customElement as m, property as o, queryAssignedElements as g } from "lit/decorators.js";
8
+ var s = class extends h {
9
+ constructor(...i) {
10
+ super(...i), this.alignment = "top", this.hideLabels = !1, this.activeIndex = -1, this.ariaLabelText = "Navigation rail", this.handleSlotChange = () => {
11
+ if (this.syncHideLabels(), this.activeIndex >= 0) this.syncActiveItem();
12
+ else {
13
+ const t = this.items.findIndex((e) => e.active || e.selected);
14
+ t !== -1 && (this.activeIndex = t);
15
+ }
16
+ }, this.handleClick = (t) => {
17
+ const e = t.composedPath().find((a) => a instanceof HTMLElement && (a.tagName.toLowerCase() === "md-navigation-rail-item" || a.tagName.toLowerCase() === "md-nav-rail-item")) || t.target?.closest?.("md-navigation-rail-item, md-nav-rail-item");
18
+ if (e && !e.disabled && this.items) {
19
+ const a = this.items.indexOf(e);
20
+ a !== -1 && (this.activeIndex = a, this.syncActiveItem(), this.emitEvent("change", {
21
+ activeIndex: this.activeIndex,
22
+ item: e,
23
+ value: e.value
24
+ }));
25
+ }
26
+ }, this.handleKeyDown = (t) => {
27
+ if (!this.items || this.items.length === 0) return;
28
+ const e = this.items.filter((r) => !r.disabled);
29
+ if (e.length === 0) return;
30
+ const a = this.items[this.activeIndex] || e[0], d = e.indexOf(a);
31
+ let n = -1;
32
+ if (t.key === "ArrowDown" ? (t.preventDefault(), n = d < e.length - 1 ? d + 1 : 0) : t.key === "ArrowUp" ? (t.preventDefault(), n = d > 0 ? d - 1 : e.length - 1) : t.key === "Home" ? (t.preventDefault(), n = 0) : t.key === "End" && (t.preventDefault(), n = e.length - 1), n !== -1 && e[n]) {
33
+ const r = e[n];
34
+ this.activeIndex = this.items.indexOf(r), this.syncActiveItem(), r.focus(), this.emitEvent("change", {
35
+ activeIndex: this.activeIndex,
36
+ item: r,
37
+ value: r.value
38
+ });
39
+ }
40
+ };
41
+ }
42
+ static {
43
+ this.styles = [h.styles, f];
44
+ }
45
+ get items() {
46
+ return this.assignedItems && this.assignedItems.length > 0 ? this.assignedItems : Array.from(this.querySelectorAll("md-navigation-rail-item, md-nav-rail-item"));
47
+ }
48
+ connectedCallback() {
49
+ super.connectedCallback(), this.setAttribute("role", "navigation"), !this.hasAttribute("aria-label") && this.ariaLabelText && this.setAttribute("aria-label", this.ariaLabelText), this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeyDown);
50
+ }
51
+ disconnectedCallback() {
52
+ super.disconnectedCallback(), this.removeEventListener("click", this.handleClick), this.removeEventListener("keydown", this.handleKeyDown);
53
+ }
54
+ updated(i) {
55
+ super.updated(i), i.has("activeIndex") && this.syncActiveItem(), i.has("hideLabels") && this.syncHideLabels();
56
+ }
57
+ syncHideLabels() {
58
+ this.items && this.items.forEach((i) => {
59
+ this.hideLabels ? i.setAttribute("hide-label", "") : i.removeAttribute("hide-label");
60
+ });
61
+ }
62
+ syncActiveItem() {
63
+ !this.items || this.items.length === 0 || this.items.forEach((i, t) => {
64
+ const e = t === this.activeIndex;
65
+ i.active = e, i.selected = e;
66
+ });
67
+ }
68
+ render() {
69
+ return u`
70
+ <div class="rail">
71
+ <div class="header">
72
+ <slot name="menu"></slot>
73
+ <slot name="header"></slot>
74
+ <slot name="fab"></slot>
75
+ </div>
76
+
77
+ <div class="destinations">
78
+ <slot @slotchange=${this.handleSlotChange}></slot>
79
+ </div>
80
+
81
+ <div class="footer">
82
+ <slot name="footer"></slot>
83
+ </div>
84
+ </div>
85
+ `;
86
+ }
87
+ };
88
+ l([o({
89
+ type: String,
90
+ reflect: !0
91
+ })], s.prototype, "alignment", void 0);
92
+ l([o({
93
+ type: Boolean,
94
+ reflect: !0,
95
+ attribute: "hide-labels"
96
+ })], s.prototype, "hideLabels", void 0);
97
+ l([o({
98
+ type: Number,
99
+ reflect: !0,
100
+ attribute: "active-index"
101
+ })], s.prototype, "activeIndex", void 0);
102
+ l([o({
103
+ type: String,
104
+ attribute: "aria-label"
105
+ })], s.prototype, "ariaLabelText", void 0);
106
+ l([g({
107
+ selector: "md-navigation-rail-item, md-nav-rail-item",
108
+ flatten: !0
109
+ })], s.prototype, "assignedItems", void 0);
110
+ s = l([m("md-navigation-rail")], s);
111
+ var c = class extends s {
112
+ };
113
+ c = l([m("md-nav-rail")], c);
114
+ export {
115
+ c as MdNavRail,
116
+ A as MdNavRailItem,
117
+ s as MdNavigationRail,
118
+ L as MdNavigationRailItem
119
+ };
120
+
121
+ //# sourceMappingURL=navigation-rail.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"navigation-rail.js","names":[],"sources":["../../../src/components/navigation-rail/navigation-rail.ts"],"sourcesContent":["import { html, nothing } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../icon/icon.js';\nimport { navigationRailStyles } from './navigation-rail.css.js';\nimport { MdNavigationRailItem } from './navigation-rail-item.js';\n\nexport * from './navigation-rail-item.js';\n\nexport type NavigationRailAlignment = 'top' | 'center' | 'bottom';\n\n/**\n * Material Design 3 Navigation Rail component.\n *\n * Provides vertical side navigation for medium to large screen layouts.\n * Supports leading header/menu/fab slots, active indicator pill destinations,\n * badges, alignment, and optional label suppression.\n *\n * @slot - Default slot for `md-navigation-rail-item` destinations.\n * @slot header - Top header section for logo or title.\n * @slot menu - Top leading menu icon button.\n * @slot fab - Floating Action Button (FAB) below menu/header.\n * @slot footer - Bottom section for settings, avatar, or actions.\n */\n@customElement('md-navigation-rail')\nexport class MdNavigationRail extends MdBaseElement {\n static override styles = [MdBaseElement.styles, navigationRailStyles];\n\n @property({ type: String, reflect: true })\n alignment: NavigationRailAlignment = 'top';\n\n @property({ type: Boolean, reflect: true, attribute: 'hide-labels' })\n hideLabels = false;\n\n @property({ type: Number, reflect: true, attribute: 'active-index' })\n activeIndex = -1;\n\n @property({ type: String, attribute: 'aria-label' })\n ariaLabelText = 'Navigation rail';\n\n @queryAssignedElements({ selector: 'md-navigation-rail-item, md-nav-rail-item', flatten: true })\n private assignedItems!: MdNavigationRailItem[];\n\n private get items(): MdNavigationRailItem[] {\n if (this.assignedItems && this.assignedItems.length > 0) {\n return this.assignedItems;\n }\n return Array.from(this.querySelectorAll('md-navigation-rail-item, md-nav-rail-item')) as MdNavigationRailItem[];\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'navigation');\n if (!this.hasAttribute('aria-label') && this.ariaLabelText) {\n this.setAttribute('aria-label', this.ariaLabelText);\n }\n this.addEventListener('click', this.handleClick);\n this.addEventListener('keydown', this.handleKeyDown);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleClick);\n this.removeEventListener('keydown', this.handleKeyDown);\n }\n\n override updated(changedProperties: Map<string, unknown>) {\n super.updated(changedProperties);\n if (changedProperties.has('activeIndex')) {\n this.syncActiveItem();\n }\n if (changedProperties.has('hideLabels')) {\n this.syncHideLabels();\n }\n }\n\n private handleSlotChange = () => {\n this.syncHideLabels();\n if (this.activeIndex >= 0) {\n this.syncActiveItem();\n } else {\n // Find if any item is already active\n const activeIdx = this.items.findIndex((item) => item.active || item.selected);\n if (activeIdx !== -1) {\n this.activeIndex = activeIdx;\n }\n }\n };\n\n private syncHideLabels() {\n if (!this.items) return;\n this.items.forEach((item) => {\n if (this.hideLabels) {\n item.setAttribute('hide-label', '');\n } else {\n item.removeAttribute('hide-label');\n }\n });\n }\n\n private syncActiveItem() {\n if (!this.items || this.items.length === 0) return;\n\n this.items.forEach((item, index) => {\n const isActive = index === this.activeIndex;\n item.active = isActive;\n item.selected = isActive;\n });\n }\n\n private handleClick = (event: MouseEvent) => {\n const path = event.composedPath();\n const target = (path.find(\n (el) => el instanceof HTMLElement && (el.tagName.toLowerCase() === 'md-navigation-rail-item' || el.tagName.toLowerCase() === 'md-nav-rail-item')\n ) || (event.target as HTMLElement)?.closest?.('md-navigation-rail-item, md-nav-rail-item')) as MdNavigationRailItem | null;\n\n if (target && !target.disabled && this.items) {\n const index = this.items.indexOf(target);\n if (index !== -1) {\n this.activeIndex = index;\n this.syncActiveItem();\n this.emitEvent('change', {\n activeIndex: this.activeIndex,\n item: target,\n value: target.value,\n });\n }\n }\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (!this.items || this.items.length === 0) return;\n const enabledItems = this.items.filter((item) => !item.disabled);\n if (enabledItems.length === 0) return;\n\n const currentActiveItem = this.items[this.activeIndex] || enabledItems[0];\n const currentIndex = enabledItems.indexOf(currentActiveItem!);\n\n let nextIndex = -1;\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n nextIndex = currentIndex < enabledItems.length - 1 ? currentIndex + 1 : 0;\n } else if (event.key === 'ArrowUp') {\n event.preventDefault();\n nextIndex = currentIndex > 0 ? currentIndex - 1 : enabledItems.length - 1;\n } else if (event.key === 'Home') {\n event.preventDefault();\n nextIndex = 0;\n } else if (event.key === 'End') {\n event.preventDefault();\n nextIndex = enabledItems.length - 1;\n }\n\n if (nextIndex !== -1 && enabledItems[nextIndex]) {\n const targetItem = enabledItems[nextIndex]!;\n this.activeIndex = this.items.indexOf(targetItem);\n this.syncActiveItem();\n targetItem.focus();\n this.emitEvent('change', {\n activeIndex: this.activeIndex,\n item: targetItem,\n value: targetItem.value,\n });\n }\n };\n\n override render() {\n return html`\n <div class=\"rail\">\n <div class=\"header\">\n <slot name=\"menu\"></slot>\n <slot name=\"header\"></slot>\n <slot name=\"fab\"></slot>\n </div>\n\n <div class=\"destinations\">\n <slot @slotchange=${this.handleSlotChange}></slot>\n </div>\n\n <div class=\"footer\">\n <slot name=\"footer\"></slot>\n </div>\n </div>\n `;\n }\n}\n\n// Aliases\n@customElement('md-nav-rail')\nexport class MdNavRail extends MdNavigationRail {}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-navigation-rail': MdNavigationRail;\n 'md-nav-rail': MdNavRail;\n }\n}\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"search-bar.css.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/search-bar.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBAwZ3B,CAAC"}
1
+ {"version":3,"file":"search-bar.css.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/search-bar.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBA0a3B,CAAC"}
@@ -1,4 +1,4 @@
1
- import { n as a, t as e } from "../../chunks/search-bar-TXnqJ-gd.js";
1
+ import { n as a, t as e } from "../../chunks/search-bar-fUD0qU2P.js";
2
2
  export {
3
3
  e as MdSearch,
4
4
  a as MdSearchBar
@@ -0,0 +1,3 @@
1
+ export declare const segmentedButtonStyles: import('lit').CSSResult;
2
+ export declare const segmentedButtonSetStyles: import('lit').CSSResult;
3
+ //# sourceMappingURL=segmented-button.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"segmented-button.css.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-button/segmented-button.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBAuFjC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBAqBpC,CAAC"}
@@ -0,0 +1,40 @@
1
+ import { MdBaseElement } from '../../internal/base-component.js';
2
+ export declare class MdSegmentedButton extends MdBaseElement {
3
+ static styles: import('lit').CSSResultGroup[];
4
+ selected: boolean;
5
+ disabled: boolean;
6
+ value: string;
7
+ label: string;
8
+ icon: string;
9
+ noCheckmark: boolean;
10
+ private assignedIcons;
11
+ connectedCallback(): void;
12
+ disconnectedCallback(): void;
13
+ updated(changedProperties: Map<string, unknown>): void;
14
+ private updateAriaAttributes;
15
+ private handleClick;
16
+ private handleKeyDown;
17
+ render(): import('lit-html').TemplateResult<1>;
18
+ }
19
+ export declare class MdSegmentedButtonSet extends MdBaseElement {
20
+ static styles: import('lit').CSSResultGroup[];
21
+ multiselect: boolean;
22
+ disabled: boolean;
23
+ private buttons;
24
+ connectedCallback(): void;
25
+ disconnectedCallback(): void;
26
+ updated(changedProperties: Map<string, unknown>): void;
27
+ private handleSlotChange;
28
+ private syncDisabled;
29
+ private syncRovingTabIndex;
30
+ private handleClick;
31
+ private handleKeyDown;
32
+ render(): import('lit-html').TemplateResult<1>;
33
+ }
34
+ declare global {
35
+ interface HTMLElementTagNameMap {
36
+ 'md-segmented-button': MdSegmentedButton;
37
+ 'md-segmented-button-set': MdSegmentedButtonSet;
38
+ }
39
+ }
40
+ //# sourceMappingURL=segmented-button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"segmented-button.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-button/segmented-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AACjD,OAAO,iBAAiB,CAAC;AAGzB,qBACa,iBAAkB,SAAQ,aAAa;IAClD,OAAgB,MAAM,iCAAiD;IAGvE,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAGX,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,WAAW,UAAS;IAGpB,OAAO,CAAC,aAAa,CAAiB;IAE7B,iBAAiB;IAQjB,oBAAoB;IAMpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOxD,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,WAAW,CAejB;IAEF,OAAO,CAAC,aAAa,CAMnB;IAEO,MAAM;CA+BhB;AAED,qBACa,oBAAqB,SAAQ,aAAa;IACrD,OAAgB,MAAM,iCAAoD;IAG1E,WAAW,UAAS;IAGpB,QAAQ,UAAS;IAGjB,OAAO,CAAC,OAAO,CAAuB;IAE7B,iBAAiB;IAOjB,oBAAoB;IAMpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOxD,OAAO,CAAC,gBAAgB,CAKtB;IAEF,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,WAAW,CA4BjB;IAEF,OAAO,CAAC,aAAa,CA+BnB;IAEO,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;QACzC,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF"}
@@ -0,0 +1,5 @@
1
+ import { n as e, t as n } from "../../chunks/segmented-button-B0BvGSQ7.js";
2
+ export {
3
+ n as MdSegmentedButton,
4
+ e as MdSegmentedButtonSet
5
+ };
@@ -0,0 +1,2 @@
1
+ export declare const sideSheetStyles: import('lit').CSSResult;
2
+ //# sourceMappingURL=side-sheet.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"side-sheet.css.d.ts","sourceRoot":"","sources":["../../../src/components/side-sheet/side-sheet.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBA0O3B,CAAC"}
@@ -0,0 +1,57 @@
1
+ import { MdBaseElement } from '../../internal/base-component.js';
2
+ export type SideSheetType = 'standard' | 'modal';
3
+ export type SideSheetPlacement = 'start' | 'end' | 'left' | 'right';
4
+ /**
5
+ * Material Design 3 Side Sheet component.
6
+ *
7
+ * Side sheets display secondary content anchored to the side of the screen,
8
+ * supporting standard (in-flow side panel) and modal (overlay with scrim) modes.
9
+ *
10
+ * @slot - Default slot for main sheet body content.
11
+ * @slot header - Full header area replacement.
12
+ * @slot headline - Custom title / headline content.
13
+ * @slot subhead - Custom subtitle / subhead content.
14
+ * @slot header-actions - Additional actions next to the close button in the header.
15
+ * @slot close-button - Custom close button element.
16
+ * @slot footer - Bottom actions / footer area.
17
+ */
18
+ export declare class MdSideSheet extends MdBaseElement {
19
+ static styles: import('lit').CSSResultGroup[];
20
+ open: boolean;
21
+ type: SideSheetType;
22
+ modal: boolean;
23
+ side: SideSheetPlacement;
24
+ headline: string;
25
+ subhead: string;
26
+ hideCloseButton: boolean;
27
+ divider: boolean;
28
+ connectedCallback(): void;
29
+ disconnectedCallback(): void;
30
+ updated(changedProperties: Map<string, unknown>): void;
31
+ /**
32
+ * Returns whether the side sheet is currently functioning in modal mode.
33
+ */
34
+ isModalMode(): boolean;
35
+ private handleKeyDown;
36
+ private handleScrimClick;
37
+ private handleCloseClick;
38
+ /**
39
+ * Opens the side sheet.
40
+ */
41
+ show(): void;
42
+ /**
43
+ * Closes the side sheet.
44
+ */
45
+ close(): void;
46
+ /**
47
+ * Toggles the open/closed state of the side sheet.
48
+ */
49
+ toggle(): void;
50
+ render(): import('lit-html').TemplateResult<1>;
51
+ }
52
+ declare global {
53
+ interface HTMLElementTagNameMap {
54
+ 'md-side-sheet': MdSideSheet;
55
+ }
56
+ }
57
+ //# sourceMappingURL=side-sheet.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"side-sheet.d.ts","sourceRoot":"","sources":["../../../src/components/side-sheet/side-sheet.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iBAAiB,CAAC;AACzB,OAAO,+BAA+B,CAAC;AAGvC,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,OAAO,CAAC;AACjD,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpE;;;;;;;;;;;;;GAaG;AACH,qBACa,WAAY,SAAQ,aAAa;IAC5C,OAAgB,MAAM,iCAA2C;IAGjE,IAAI,UAAS;IAGb,IAAI,EAAE,aAAa,CAAc;IAGjC,KAAK,UAAS;IAGd,IAAI,EAAE,kBAAkB,CAAS;IAGjC,QAAQ,SAAM;IAGd,OAAO,SAAM;IAGb,eAAe,UAAS;IAGxB,OAAO,UAAS;IAEP,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAWxD;;OAEG;IACH,WAAW,IAAI,OAAO;IAItB,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAO,CAAC,gBAAgB,CAGtB;IAEF,OAAO,CAAC,gBAAgB,CAGtB;IAEF;;OAEG;IACH,IAAI;IAIJ;;OAEG;IACH,KAAK;IAIL;;OAEG;IACH,MAAM;IAIG,MAAM;CAkEhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}
@@ -0,0 +1,4 @@
1
+ import { t } from "../../chunks/side-sheet-S2w081AK.js";
2
+ export {
3
+ t as MdSideSheet
4
+ };
@@ -0,0 +1,2 @@
1
+ export declare const sliderStyles: import('lit').CSSResult;
2
+ //# sourceMappingURL=slider.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slider.css.d.ts","sourceRoot":"","sources":["../../../src/components/slider/slider.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAwMxB,CAAC"}
@@ -0,0 +1,51 @@
1
+ import { MdFormAssociatedElement } from '../../internal/form-associated.js';
2
+ export declare class MdSlider extends MdFormAssociatedElement {
3
+ static styles: import('lit').CSSResultGroup[];
4
+ min: number;
5
+ max: number;
6
+ step: number;
7
+ value: number;
8
+ valueStart: number;
9
+ valueEnd: number;
10
+ range: boolean;
11
+ ticks: boolean;
12
+ labeled: boolean;
13
+ icon: string;
14
+ leadingIcon: string;
15
+ trailingIcon: string;
16
+ nameStart: string;
17
+ nameEnd: string;
18
+ valueText: string;
19
+ valueStartText: string;
20
+ valueEndText: string;
21
+ private sliderWrapper;
22
+ private startThumb?;
23
+ private endThumb?;
24
+ private activeThumb;
25
+ private isDragging;
26
+ private initialValue;
27
+ private initialValueStart;
28
+ private initialValueEnd;
29
+ connectedCallback(): void;
30
+ updated(changedProperties: Map<string, unknown>): void;
31
+ formResetCallback(): void;
32
+ private clampValues;
33
+ private updateFormValue;
34
+ private getPercentage;
35
+ private getValueFromPosition;
36
+ private handlePointerDown;
37
+ private handlePointerMove;
38
+ private handlePointerUp;
39
+ private dispatchInputEvent;
40
+ private dispatchChangeEvent;
41
+ private handleKeyDown;
42
+ private renderTicks;
43
+ private renderThumb;
44
+ render(): import('lit-html').TemplateResult<1>;
45
+ }
46
+ declare global {
47
+ interface HTMLElementTagNameMap {
48
+ 'md-slider': MdSlider;
49
+ }
50
+ }
51
+ //# sourceMappingURL=slider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/slider/slider.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AACjD,OAAO,iBAAiB,CAAC;AAGzB,qBACa,QAAS,SAAQ,uBAAuB;IACnD,OAAgB,MAAM,iCAAkD;IAGxE,GAAG,SAAK;IAGR,GAAG,SAAO;IAGV,IAAI,SAAK;IAGT,KAAK,SAAM;IAGX,UAAU,SAAK;IAGf,QAAQ,SAAO;IAGf,KAAK,UAAS;IAGd,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,IAAI,SAAM;IAGV,WAAW,SAAM;IAGjB,YAAY,SAAM;IAGlB,SAAS,SAAM;IAGf,OAAO,SAAM;IAGb,SAAS,SAAM;IAGf,cAAc,SAAM;IAGpB,YAAY,SAAM;IAGlB,OAAO,CAAC,aAAa,CAAe;IAGpC,OAAO,CAAC,UAAU,CAAC,CAAc;IAGjC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAG/B,OAAO,CAAC,WAAW,CAAgC;IAGnD,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,iBAAiB,CAAK;IAC9B,OAAO,CAAC,eAAe,CAAO;IAErB,iBAAiB;IASjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAgB/C,iBAAiB;IAQ1B,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,eAAe;IA4BvB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,iBAAiB,CAoCvB;IAEF,OAAO,CAAC,iBAAiB,CAiBvB;IAEF,OAAO,CAAC,eAAe,CAUrB;IAEF,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,aAAa,CAoEnB;IAEF,OAAO,CAAC,WAAW;IA2BnB,OAAO,CAAC,WAAW;IAgCV,MAAM;CAsChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
@@ -0,0 +1,4 @@
1
+ import { t as o } from "../../chunks/slider-D-mnO8yQ.js";
2
+ export {
3
+ o as MdSlider
4
+ };
@@ -0,0 +1,2 @@
1
+ export declare const splitButtonStyles: import('lit').CSSResult;
2
+ //# sourceMappingURL=split-button.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split-button.css.d.ts","sourceRoot":"","sources":["../../../src/components/split-button/split-button.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAoO7B,CAAC"}
@@ -0,0 +1,89 @@
1
+ import { MdBaseElement } from '../../internal/base-component.js';
2
+ export type SplitButtonVariant = 'filled' | 'elevated' | 'tonal' | 'outlined';
3
+ export type SplitButtonMenuPlacement = 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start';
4
+ /**
5
+ * Material Design 3 Split Button component.
6
+ * Pairs a primary action button with a connected trailing dropdown button that opens a submenu of related secondary actions.
7
+ *
8
+ * @element md-split-button
9
+ *
10
+ * @slot - Default slot for `md-menu-item` submenu choices.
11
+ * @slot menu - Slotted submenu items or custom menu container.
12
+ * @slot label - Primary action button text label.
13
+ * @slot icon - Leading icon for the primary action button.
14
+ * @slot trailing-icon - Dropdown indicator icon for the menu button.
15
+ *
16
+ * @fires action - Dispatched when the leading primary action button is clicked.
17
+ * @fires trailing-click - Dispatched when the trailing menu button is clicked.
18
+ * @fires toggle - Dispatched when the trailing menu trigger is toggled with the new open state.
19
+ * @fires open - Dispatched when the submenu opens.
20
+ * @fires close - Dispatched when the submenu closes.
21
+ * @fires select - Dispatched when a submenu item is selected.
22
+ */
23
+ export declare class MdSplitButton extends MdBaseElement {
24
+ static styles: import('lit').CSSResultGroup[];
25
+ variant: SplitButtonVariant;
26
+ disabled: boolean;
27
+ label: string;
28
+ icon: string;
29
+ trailingIcon: string;
30
+ open: boolean;
31
+ type: 'button' | 'submit' | 'reset';
32
+ actionAriaLabel: string;
33
+ menuAriaLabel: string;
34
+ menuPlacement: SplitButtonMenuPlacement;
35
+ stayOpenOnFocusout: boolean;
36
+ closeOnItemClick: boolean;
37
+ actionButton: HTMLButtonElement;
38
+ menuButton: HTMLButtonElement;
39
+ private menuSurfaceElement?;
40
+ private assignedIcons;
41
+ private handleSlotChange;
42
+ connectedCallback(): void;
43
+ disconnectedCallback(): void;
44
+ firstUpdated(): void;
45
+ updated(changedProperties: Map<string, unknown>): void;
46
+ private handleDocumentClick;
47
+ private handleWindowKeyDown;
48
+ private handleSurfaceKeyDown;
49
+ private handleItemSelection;
50
+ private handleActionClick;
51
+ private handleMenuClick;
52
+ private handleBackdropClick;
53
+ /**
54
+ * Opens the submenu.
55
+ */
56
+ show(): void;
57
+ /**
58
+ * Closes the submenu.
59
+ */
60
+ close(): void;
61
+ /**
62
+ * Toggles the submenu open/closed state.
63
+ */
64
+ toggle(): void;
65
+ /**
66
+ * Returns all menu items inside the split button submenu.
67
+ * @param onlyEnabled - If true, filters out disabled items.
68
+ */
69
+ getItems(onlyEnabled?: boolean): HTMLElement[];
70
+ /**
71
+ * Focuses the first non-disabled menu item.
72
+ */
73
+ focusFirstItem(): void;
74
+ /**
75
+ * Focuses the last non-disabled menu item.
76
+ */
77
+ focusLastItem(): void;
78
+ /**
79
+ * Focuses the menu item at the specified index.
80
+ */
81
+ focusItemAtIndex(index: number): void;
82
+ render(): import('lit-html').TemplateResult<1>;
83
+ }
84
+ declare global {
85
+ interface HTMLElementTagNameMap {
86
+ 'md-split-button': MdSplitButton;
87
+ }
88
+ }
89
+ //# sourceMappingURL=split-button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split-button.d.ts","sourceRoot":"","sources":["../../../src/components/split-button/split-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AACjD,OAAO,iBAAiB,CAAC;AAIzB,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAC9E,MAAM,MAAM,wBAAwB,GAAG,YAAY,GAAG,cAAc,GAAG,SAAS,GAAG,WAAW,CAAC;AAE/F;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,aAAc,SAAQ,aAAa;IAC9C,OAAgB,MAAM,iCAA6C;IAGnE,OAAO,EAAE,kBAAkB,CAAY;IAGvC,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,YAAY,SAAqB;IAGjC,IAAI,UAAS;IAGb,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAG/C,eAAe,SAAM;IAGrB,aAAa,SAAkB;IAG/B,aAAa,EAAE,wBAAwB,CAAgB;IAGvD,kBAAkB,UAAS;IAG3B,gBAAgB,UAAQ;IAGxB,YAAY,EAAG,iBAAiB,CAAC;IAGjC,UAAU,EAAG,iBAAiB,CAAC;IAG/B,OAAO,CAAC,kBAAkB,CAAC,CAAc;IAGzC,OAAO,CAAC,aAAa,CAAiB;IAEtC,OAAO,CAAC,gBAAgB;IAKf,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAQ5B,YAAY;IAIZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAe/D,OAAO,CAAC,mBAAmB,CAKzB;IAEF,OAAO,CAAC,mBAAmB,CASzB;IAEF,OAAO,CAAC,oBAAoB,CA6C1B;IAEF,OAAO,CAAC,mBAAmB,CAQzB;IAEF,OAAO,CAAC,iBAAiB,CAsBvB;IAEF,OAAO,CAAC,eAAe,CAmBrB;IAEF,OAAO,CAAC,mBAAmB,CAGzB;IAEF;;OAEG;IACH,IAAI,IAAI,IAAI;IAMZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAMb;;OAEG;IACH,MAAM,IAAI,IAAI;IAId;;;OAGG;IACH,QAAQ,CAAC,WAAW,UAAQ,GAAG,WAAW,EAAE;IAc5C;;OAEG;IACH,cAAc,IAAI,IAAI;IAStB;;OAEG;IACH,aAAa,IAAI,IAAI;IAOrB;;OAEG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAO5B,MAAM;CAuDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
@@ -0,0 +1,4 @@
1
+ import { t as o } from "../../chunks/split-button-DUfjukQY.js";
2
+ export {
3
+ o as MdSplitButton
4
+ };
@@ -1,4 +1,4 @@
1
- import { a as e, c as l, i as d, l as s, n as b, o as M, r as T, s as o, t as r, u as t } from "../../chunks/table-aRTYzDyE.js";
1
+ import { a as e, c as l, i as d, l as s, n as b, o as M, r as T, s as o, t as r, u as t } from "../../chunks/table-CqHnneAj.js";
2
2
  export {
3
3
  r as MdDataTable,
4
4
  b as MdTable,
@@ -0,0 +1,2 @@
1
+ export declare const timePickerStyles: import('lit').CSSResult;
2
+ //# sourceMappingURL=time-picker.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"time-picker.css.d.ts","sourceRoot":"","sources":["../../../src/components/time-picker/time-picker.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAwV5B,CAAC"}
@@ -0,0 +1,87 @@
1
+ import { MdFormAssociatedElement } from '../../internal/form-associated.js';
2
+ export type TimePickerFormat = '12h' | '24h';
3
+ export type TimePickerView = 'dial' | 'input';
4
+ export type TimePickerField = 'hour' | 'minute';
5
+ export type TimePeriod = 'AM' | 'PM';
6
+ export declare class MdTimePicker extends MdFormAssociatedElement {
7
+ static styles: import('lit').CSSResultGroup[];
8
+ value: string;
9
+ format: TimePickerFormat;
10
+ view: TimePickerView;
11
+ modal: boolean;
12
+ open: boolean;
13
+ headline: string;
14
+ returnValue: string;
15
+ autoSwitchToMinute: boolean;
16
+ cancelLabel: string;
17
+ confirmLabel: string;
18
+ activeField: TimePickerField;
19
+ selectedHour: number;
20
+ selectedMinute: number;
21
+ selectedPeriod: TimePeriod;
22
+ private isDragging;
23
+ private dialContainer?;
24
+ private hourInputElement?;
25
+ private minuteInputElement?;
26
+ connectedCallback(): void;
27
+ willUpdate(changedProperties: Map<string, unknown>): void;
28
+ /**
29
+ * Parses time string (e.g. "14:30", "02:30 PM", "2:30", "09:15 AM") into components.
30
+ */
31
+ private parseValue;
32
+ /**
33
+ * Formats the current time state into a string according to format.
34
+ */
35
+ getFormattedTime(): string;
36
+ /**
37
+ * Formats current time into standard 24h "HH:MM" string.
38
+ */
39
+ getFormatted24(): string;
40
+ /**
41
+ * Formats current time into 12h "hh:mm A" string.
42
+ */
43
+ getFormatted12(): string;
44
+ private syncFormValue;
45
+ formResetCallback(): void;
46
+ /**
47
+ * Shows the time picker dialog modal.
48
+ */
49
+ showModal(): void;
50
+ /**
51
+ * Shows the time picker.
52
+ */
53
+ show(): void;
54
+ /**
55
+ * Closes the modal time picker.
56
+ */
57
+ close(returnValue?: string): void;
58
+ /**
59
+ * Confirms the selected time and fires change event.
60
+ */
61
+ confirm(): void;
62
+ /**
63
+ * Cancels selection and closes modal if opened.
64
+ */
65
+ cancel(): void;
66
+ private toggleView;
67
+ private setField;
68
+ private setPeriod;
69
+ private notifyInput;
70
+ private handleDialPointerDown;
71
+ private handleDialPointerMove;
72
+ private handleDialPointerUp;
73
+ private updateDialFromPointer;
74
+ private handleHourInput;
75
+ private handleMinuteInput;
76
+ private handleHourBlur;
77
+ private handleMinuteBlur;
78
+ private renderDialHand;
79
+ private renderDialNumbers;
80
+ render(): import('lit-html').TemplateResult<1>;
81
+ }
82
+ declare global {
83
+ interface HTMLElementTagNameMap {
84
+ 'md-time-picker': MdTimePicker;
85
+ }
86
+ }
87
+ //# sourceMappingURL=time-picker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/components/time-picker/time-picker.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,iBAAiB,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,+BAA+B,CAAC;AAGvC,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,KAAK,CAAC;AAC7C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,qBACa,YAAa,SAAQ,uBAAuB;IACvD,OAAgB,MAAM,iCAAsD;IAG5E,KAAK,SAAM;IAGX,MAAM,EAAE,gBAAgB,CAAS;IAGjC,IAAI,EAAE,cAAc,CAAU;IAG9B,KAAK,UAAS;IAGd,IAAI,UAAS;IAGb,QAAQ,SAAiB;IAGzB,WAAW,SAAM;IAGjB,kBAAkB,UAAQ;IAG1B,WAAW,SAAY;IAGvB,YAAY,SAAQ;IAGpB,WAAW,EAAE,eAAe,CAAU;IAGtC,YAAY,SAAM;IAGlB,cAAc,SAAK;IAGnB,cAAc,EAAE,UAAU,CAAQ;IAGlC,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,aAAa,CAAC,CAAc;IAGpC,OAAO,CAAC,gBAAgB,CAAC,CAAmB;IAG5C,OAAO,CAAC,kBAAkB,CAAC,CAAmB;IAErC,iBAAiB;IAMjB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAQ3D;;OAEG;IACH,OAAO,CAAC,UAAU;IAiDlB;;OAEG;IACH,gBAAgB,IAAI,MAAM;IAW1B;;OAEG;IACH,cAAc,IAAI,MAAM;IAUxB;;OAEG;IACH,cAAc,IAAI,MAAM;IAWxB,OAAO,CAAC,aAAa;IAMZ,iBAAiB;IAM1B;;OAEG;IACH,SAAS;IAMT;;OAEG;IACH,IAAI;IAKJ;;OAEG;IACH,KAAK,CAAC,WAAW,CAAC,EAAE,MAAM;IAQ1B;;OAEG;IACH,OAAO;IAiBP;;OAEG;IACH,MAAM;IAON,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,qBAAqB,CAK3B;IAEF,OAAO,CAAC,qBAAqB,CAG3B;IAEF,OAAO,CAAC,mBAAmB,CAiBzB;IAEF,OAAO,CAAC,qBAAqB;IAuC7B,OAAO,CAAC,eAAe,CAkBrB;IAEF,OAAO,CAAC,iBAAiB,CASvB;IAEF,OAAO,CAAC,cAAc,CAWpB;IAEF,OAAO,CAAC,gBAAgB,CAWtB;IAIF,OAAO,CAAC,cAAc;IAqCtB,OAAO,CAAC,iBAAiB;IAyFhB,MAAM;CAsIhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
@@ -0,0 +1,4 @@
1
+ import { t as e } from "../../chunks/time-picker-CZnb2sWz.js";
2
+ export {
3
+ e as MdTimePicker
4
+ };
@@ -0,0 +1,2 @@
1
+ export declare const toolbarStyles: import('lit').CSSResult;
2
+ //# sourceMappingURL=toolbar.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toolbar.css.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/toolbar.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAmMzB,CAAC"}