@brad-frost-web/eddie-web-components 0.1.0

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 (254) hide show
  1. package/components/EdElement.d.ts +61 -0
  2. package/components/EdElement.d.ts.map +1 -0
  3. package/components/EdElement.js +63 -0
  4. package/components/EdFormElement.d.ts +65 -0
  5. package/components/EdFormElement.d.ts.map +1 -0
  6. package/components/EdFormElement.js +46 -0
  7. package/components/accordion/accordion.d.ts +19 -0
  8. package/components/accordion/accordion.d.ts.map +1 -0
  9. package/components/accordion/accordion.js +31 -0
  10. package/components/accordion-panel/accordion-panel.d.ts +57 -0
  11. package/components/accordion-panel/accordion-panel.d.ts.map +1 -0
  12. package/components/accordion-panel/accordion-panel.js +95 -0
  13. package/components/alert/alert.d.ts +72 -0
  14. package/components/alert/alert.d.ts.map +1 -0
  15. package/components/alert/alert.js +77 -0
  16. package/components/badge/badge.d.ts +29 -0
  17. package/components/badge/badge.d.ts.map +1 -0
  18. package/components/badge/badge.js +33 -0
  19. package/components/band/band.d.ts +24 -0
  20. package/components/band/band.d.ts.map +1 -0
  21. package/components/band/band.js +32 -0
  22. package/components/box/box.d.ts +14 -0
  23. package/components/box/box.d.ts.map +1 -0
  24. package/components/box/box.js +20 -0
  25. package/components/breadcrumbs/breadcrumbs.d.ts +14 -0
  26. package/components/breadcrumbs/breadcrumbs.d.ts.map +1 -0
  27. package/components/breadcrumbs/breadcrumbs.js +22 -0
  28. package/components/breadcrumbs-item/breadcrumbs-item.d.ts +31 -0
  29. package/components/breadcrumbs-item/breadcrumbs-item.d.ts.map +1 -0
  30. package/components/breadcrumbs-item/breadcrumbs-item.js +36 -0
  31. package/components/button/button.d.ts +93 -0
  32. package/components/button/button.d.ts.map +1 -0
  33. package/components/button/button.js +118 -0
  34. package/components/button-group/button-group.d.ts +24 -0
  35. package/components/button-group/button-group.d.ts.map +1 -0
  36. package/components/button-group/button-group.js +35 -0
  37. package/components/card/card.d.ts +34 -0
  38. package/components/card/card.d.ts.map +1 -0
  39. package/components/card/card.js +43 -0
  40. package/components/checkbox-field/checkbox-field.d.ts +76 -0
  41. package/components/checkbox-field/checkbox-field.d.ts.map +1 -0
  42. package/components/checkbox-field/checkbox-field.js +98 -0
  43. package/components/checkbox-field-item/checkbox-field-item.d.ts +81 -0
  44. package/components/checkbox-field-item/checkbox-field-item.d.ts.map +1 -0
  45. package/components/checkbox-field-item/checkbox-field-item.js +110 -0
  46. package/components/counter/counter.d.ts +134 -0
  47. package/components/counter/counter.d.ts.map +1 -0
  48. package/components/counter/counter.js +176 -0
  49. package/components/drawer/drawer.d.ts +41 -0
  50. package/components/drawer/drawer.d.ts.map +1 -0
  51. package/components/drawer/drawer.js +74 -0
  52. package/components/feature/feature.d.ts +27 -0
  53. package/components/feature/feature.d.ts.map +1 -0
  54. package/components/feature/feature.js +42 -0
  55. package/components/field-note/field-note.d.ts +33 -0
  56. package/components/field-note/field-note.d.ts.map +1 -0
  57. package/components/field-note/field-note.js +44 -0
  58. package/components/file-upload/file-upload.d.ts +118 -0
  59. package/components/file-upload/file-upload.d.ts.map +1 -0
  60. package/components/file-upload/file-upload.js +224 -0
  61. package/components/file-upload/file-upload.model.d.ts +24 -0
  62. package/components/file-upload/file-upload.model.d.ts.map +1 -0
  63. package/components/file-upload.model/file-upload.model.js +11 -0
  64. package/components/footer/footer.d.ts +16 -0
  65. package/components/footer/footer.d.ts.map +1 -0
  66. package/components/footer/footer.js +35 -0
  67. package/components/global-nav/global-nav.d.ts +14 -0
  68. package/components/global-nav/global-nav.d.ts.map +1 -0
  69. package/components/global-nav/global-nav.js +22 -0
  70. package/components/global-nav-item/global-nav-item.d.ts +80 -0
  71. package/components/global-nav-item/global-nav-item.d.ts.map +1 -0
  72. package/components/global-nav-item/global-nav-item.js +128 -0
  73. package/components/grid/grid.d.ts +51 -0
  74. package/components/grid/grid.d.ts.map +1 -0
  75. package/components/grid/grid.js +49 -0
  76. package/components/grid-item/grid-item.d.ts +14 -0
  77. package/components/grid-item/grid-item.d.ts.map +1 -0
  78. package/components/grid-item/grid-item.js +20 -0
  79. package/components/header/header.d.ts +19 -0
  80. package/components/header/header.d.ts.map +1 -0
  81. package/components/header/header.js +49 -0
  82. package/components/heading/heading.d.ts +44 -0
  83. package/components/heading/heading.d.ts.map +1 -0
  84. package/components/heading/heading.js +51 -0
  85. package/components/hero/hero.d.ts +22 -0
  86. package/components/hero/hero.d.ts.map +1 -0
  87. package/components/hero/hero.js +37 -0
  88. package/components/hr/hr.d.ts +23 -0
  89. package/components/hr/hr.d.ts.map +1 -0
  90. package/components/hr/hr.js +27 -0
  91. package/components/icon/icon.d.ts +51 -0
  92. package/components/icon/icon.d.ts.map +1 -0
  93. package/components/icon/icon.js +66 -0
  94. package/components/icon-link-list/icon-link-list.d.ts +19 -0
  95. package/components/icon-link-list/icon-link-list.d.ts.map +1 -0
  96. package/components/icon-link-list/icon-link-list.js +31 -0
  97. package/components/icon-link-list-item/icon-link-list-item.d.ts +23 -0
  98. package/components/icon-link-list-item/icon-link-list-item.d.ts.map +1 -0
  99. package/components/icon-link-list-item/icon-link-list-item.js +39 -0
  100. package/components/index.browser.js +4 -0
  101. package/components/inline-checkbox/inline-checkbox.d.ts +73 -0
  102. package/components/inline-checkbox/inline-checkbox.d.ts.map +1 -0
  103. package/components/inline-checkbox/inline-checkbox.js +114 -0
  104. package/components/key-value-table/key-value-table.d.ts +19 -0
  105. package/components/key-value-table/key-value-table.d.ts.map +1 -0
  106. package/components/key-value-table/key-value-table.js +33 -0
  107. package/components/key-value-table-row/key-value-table-row.d.ts +30 -0
  108. package/components/key-value-table-row/key-value-table-row.d.ts.map +1 -0
  109. package/components/key-value-table-row/key-value-table-row.js +38 -0
  110. package/components/layout/layout.d.ts +50 -0
  111. package/components/layout/layout.d.ts.map +1 -0
  112. package/components/layout/layout.js +43 -0
  113. package/components/layout-container/layout-container.d.ts +14 -0
  114. package/components/layout-container/layout-container.d.ts.map +1 -0
  115. package/components/layout-container/layout-container.js +20 -0
  116. package/components/layout-section/layout-section.d.ts +28 -0
  117. package/components/layout-section/layout-section.d.ts.map +1 -0
  118. package/components/layout-section/layout-section.js +37 -0
  119. package/components/linelength-container/linelength-container.d.ts +14 -0
  120. package/components/linelength-container/linelength-container.d.ts.map +1 -0
  121. package/components/linelength-container/linelength-container.js +20 -0
  122. package/components/link-list/link-list.d.ts +56 -0
  123. package/components/link-list/link-list.d.ts.map +1 -0
  124. package/components/link-list/link-list.js +48 -0
  125. package/components/link-list-item/link-list-item.d.ts +26 -0
  126. package/components/link-list-item/link-list-item.d.ts.map +1 -0
  127. package/components/link-list-item/link-list-item.js +41 -0
  128. package/components/list/list.d.ts +33 -0
  129. package/components/list/list.d.ts.map +1 -0
  130. package/components/list/list.js +36 -0
  131. package/components/list-item/list-item.d.ts +14 -0
  132. package/components/list-item/list-item.d.ts.map +1 -0
  133. package/components/list-item/list-item.js +20 -0
  134. package/components/loading-indicator/loading-indicator.d.ts +14 -0
  135. package/components/loading-indicator/loading-indicator.d.ts.map +1 -0
  136. package/components/loading-indicator/loading-indicator.js +20 -0
  137. package/components/logo/logo.d.ts +18 -0
  138. package/components/logo/logo.d.ts.map +1 -0
  139. package/components/logo/logo.js +29 -0
  140. package/components/main/main.d.ts +14 -0
  141. package/components/main/main.d.ts.map +1 -0
  142. package/components/main/main.js +16 -0
  143. package/components/media-block/media-block.d.ts +24 -0
  144. package/components/media-block/media-block.d.ts.map +1 -0
  145. package/components/media-block/media-block.js +37 -0
  146. package/components/modal/modal.d.ts +37 -0
  147. package/components/modal/modal.d.ts.map +1 -0
  148. package/components/modal/modal.js +67 -0
  149. package/components/nav-container/nav-container.d.ts +14 -0
  150. package/components/nav-container/nav-container.d.ts.map +1 -0
  151. package/components/nav-container/nav-container.js +20 -0
  152. package/components/page-header/page-header.d.ts +18 -0
  153. package/components/page-header/page-header.d.ts.map +1 -0
  154. package/components/page-header/page-header.js +39 -0
  155. package/components/pagination/pagination.d.ts +38 -0
  156. package/components/pagination/pagination.d.ts.map +1 -0
  157. package/components/pagination/pagination.js +52 -0
  158. package/components/pagination-item/pagination-item.d.ts +35 -0
  159. package/components/pagination-item/pagination-item.d.ts.map +1 -0
  160. package/components/pagination-item/pagination-item.js +52 -0
  161. package/components/primary-nav/primary-nav.d.ts +23 -0
  162. package/components/primary-nav/primary-nav.d.ts.map +1 -0
  163. package/components/primary-nav/primary-nav.js +33 -0
  164. package/components/primary-nav-item/primary-nav-item.d.ts +70 -0
  165. package/components/primary-nav-item/primary-nav-item.d.ts.map +1 -0
  166. package/components/primary-nav-item/primary-nav-item.js +121 -0
  167. package/components/radio-field/radio-field.d.ts +84 -0
  168. package/components/radio-field/radio-field.d.ts.map +1 -0
  169. package/components/radio-field/radio-field.js +108 -0
  170. package/components/radio-field-item/radio-field-item.d.ts +100 -0
  171. package/components/radio-field-item/radio-field-item.d.ts.map +1 -0
  172. package/components/radio-field-item/radio-field-item.js +142 -0
  173. package/components/search-form/search-form.d.ts +91 -0
  174. package/components/search-form/search-form.d.ts.map +1 -0
  175. package/components/search-form/search-form.js +131 -0
  176. package/components/section/section.d.ts +16 -0
  177. package/components/section/section.d.ts.map +1 -0
  178. package/components/section/section.js +27 -0
  179. package/components/select-field/select-field.d.ts +94 -0
  180. package/components/select-field/select-field.d.ts.map +1 -0
  181. package/components/select-field/select-field.js +123 -0
  182. package/components/show-hide/show-hide.d.ts +61 -0
  183. package/components/show-hide/show-hide.d.ts.map +1 -0
  184. package/components/show-hide/show-hide.js +72 -0
  185. package/components/show-more/show-more.d.ts +33 -0
  186. package/components/show-more/show-more.d.ts.map +1 -0
  187. package/components/show-more/show-more.js +63 -0
  188. package/components/skeleton/skeleton.d.ts +31 -0
  189. package/components/skeleton/skeleton.d.ts.map +1 -0
  190. package/components/skeleton/skeleton.js +33 -0
  191. package/components/tab/tab.d.ts +45 -0
  192. package/components/tab/tab.d.ts.map +1 -0
  193. package/components/tab/tab.js +47 -0
  194. package/components/table/table.d.ts +33 -0
  195. package/components/table/table.d.ts.map +1 -0
  196. package/components/table/table.js +39 -0
  197. package/components/table-body/table-body.d.ts +14 -0
  198. package/components/table-body/table-body.d.ts.map +1 -0
  199. package/components/table-body/table-body.js +20 -0
  200. package/components/table-cell/table-cell.d.ts +38 -0
  201. package/components/table-cell/table-cell.d.ts.map +1 -0
  202. package/components/table-cell/table-cell.js +36 -0
  203. package/components/table-header/table-header.d.ts +14 -0
  204. package/components/table-header/table-header.d.ts.map +1 -0
  205. package/components/table-header/table-header.js +20 -0
  206. package/components/table-header-cell/table-header-cell.d.ts +62 -0
  207. package/components/table-header-cell/table-header-cell.d.ts.map +1 -0
  208. package/components/table-header-cell/table-header-cell.js +62 -0
  209. package/components/table-object/table-object.d.ts +66 -0
  210. package/components/table-object/table-object.d.ts.map +1 -0
  211. package/components/table-object/table-object.js +96 -0
  212. package/components/table-row/table-row.d.ts +14 -0
  213. package/components/table-row/table-row.d.ts.map +1 -0
  214. package/components/table-row/table-row.js +20 -0
  215. package/components/tabs/tabs.d.ts +101 -0
  216. package/components/tabs/tabs.d.ts.map +1 -0
  217. package/components/tabs/tabs.js +184 -0
  218. package/components/tag/tag.d.ts +27 -0
  219. package/components/tag/tag.d.ts.map +1 -0
  220. package/components/tag/tag.js +41 -0
  221. package/components/tag-list/tag-list.d.ts +14 -0
  222. package/components/tag-list/tag-list.d.ts.map +1 -0
  223. package/components/tag-list/tag-list.js +20 -0
  224. package/components/text-field/text-field.d.ts +89 -0
  225. package/components/text-field/text-field.d.ts.map +1 -0
  226. package/components/text-field/text-field.js +124 -0
  227. package/components/text-link/text-link.d.ts +42 -0
  228. package/components/text-link/text-link.d.ts.map +1 -0
  229. package/components/text-link/text-link.js +47 -0
  230. package/components/text-passage/text-passage.d.ts +38 -0
  231. package/components/text-passage/text-passage.d.ts.map +1 -0
  232. package/components/text-passage/text-passage.js +57 -0
  233. package/components/textarea-field/textarea-field.d.ts +82 -0
  234. package/components/textarea-field/textarea-field.d.ts.map +1 -0
  235. package/components/textarea-field/textarea-field.js +111 -0
  236. package/components/toggle/toggle.d.ts +89 -0
  237. package/components/toggle/toggle.d.ts.map +1 -0
  238. package/components/toggle/toggle.js +132 -0
  239. package/components/toolbar/toolbar.d.ts +32 -0
  240. package/components/toolbar/toolbar.d.ts.map +1 -0
  241. package/components/toolbar/toolbar.js +40 -0
  242. package/components/tooltip/tooltip.d.ts +15 -0
  243. package/components/tooltip/tooltip.d.ts.map +1 -0
  244. package/components/tooltip/tooltip.js +35 -0
  245. package/components/tooltip-trigger/tooltip-trigger.d.ts +46 -0
  246. package/components/tooltip-trigger/tooltip-trigger.d.ts.map +1 -0
  247. package/components/tooltip-trigger/tooltip-trigger.js +100 -0
  248. package/components/utility-nav/utility-nav.d.ts +14 -0
  249. package/components/utility-nav/utility-nav.d.ts.map +1 -0
  250. package/components/utility-nav/utility-nav.js +22 -0
  251. package/components/utility-nav-item/utility-nav-item.d.ts +38 -0
  252. package/components/utility-nav-item/utility-nav-item.d.ts.map +1 -0
  253. package/components/utility-nav-item/utility-nav-item.js +57 -0
  254. package/package.json +49 -0
@@ -0,0 +1,76 @@
1
+ import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
2
+ /**
3
+ * @slot - The component content
4
+ */
5
+ export declare class EdCheckboxField extends EdElement {
6
+ static get styles(): import('lit').CSSResult;
7
+ /**
8
+ * Error switch
9
+ */
10
+ isError?: boolean;
11
+ /**
12
+ * Success switch
13
+ */
14
+ isSuccess?: boolean;
15
+ /**
16
+ * value attribute
17
+ */
18
+ readOnly?: boolean;
19
+ /**
20
+ * disabled attribute
21
+ */
22
+ disabled?: boolean;
23
+ /**
24
+ * Id
25
+ */
26
+ fieldId?: string;
27
+ /**
28
+ * Name attribute
29
+ */
30
+ name: string;
31
+ /**
32
+ * Checked property
33
+ */
34
+ checked?: boolean;
35
+ /**
36
+ * Description or Error message for the field
37
+ */
38
+ fieldNote?: any;
39
+ /**
40
+ * Required attribute
41
+ */
42
+ required?: boolean;
43
+ /**
44
+ * Visibly hide the legend
45
+ * 1) Removes the legend from visual users but can still be read by assistive technology
46
+ */
47
+ hideLegend?: boolean;
48
+ /**
49
+ * Optional label to appear after label text
50
+ */
51
+ optionalLabel?: string;
52
+ /**
53
+ * Icon to display in field note
54
+ */
55
+ iconName?: string;
56
+ /**
57
+ * Inverted variant
58
+ * 1) Used for dark backgrounds
59
+ */
60
+ inverted?: boolean;
61
+ /**
62
+ * aria-describedby attribute property
63
+ */
64
+ ariaDescribedBy?: string;
65
+ /**
66
+ * The form field's label
67
+ */
68
+ label: string;
69
+ render(): import('lit-html').TemplateResult<1>;
70
+ }
71
+ declare global {
72
+ interface HTMLElementTagNameMap {
73
+ 'ed-checkbox-field': EdCheckboxField;
74
+ }
75
+ }
76
+ //# sourceMappingURL=checkbox-field.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox-field.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/checkbox-field/checkbox-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAItF,OAAO,0BAA0B,CAAC;AAGlC;;GAEG;AACH,qBAAa,eAAgB,SAAQ,SAAS;IAC5C,MAAM,KAAK,MAAM,4BAEhB;IAED;;OAEG;IAEH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IAEH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IAEH,SAAS,CAAC,EAAE,GAAG,CAAC;IAEhB;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IAEH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IAEH,aAAa,CAAC,EAAE,MAAM,CAAgB;IAEtC;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IAEH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAW;IAExB,MAAM;CAgCP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
@@ -0,0 +1,98 @@
1
+ import { E as p } from "../EdElement.js";
2
+ import { unsafeCSS as h, html as n } from "lit";
3
+ import { property as t } from "lit/decorators.js";
4
+ import { ifDefined as c } from "lit-html/directives/if-defined.js";
5
+ import "../field-note/field-note.js";
6
+ const f = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-checkbox-field{border:none;margin:0;padding:0}.ed-c-checkbox-field--inverted{color:var(--ed-theme-color-content-knockout)}.ed-c-checkbox-field__legend{font-family:var(--ed-theme-typography-label-default-font-family);font-weight:var(--ed-theme-typography-label-default-font-weight);font-size:var(--ed-theme-typography-label-default-font-size);line-height:var(--ed-theme-typography-label-default-line-height);letter-spacing:var(--ed-theme-typography-label-default-letter-spacing);text-transform:var(--ed-theme-typography-label-default-text-transform);display:block;margin-bottom:.5rem;display:inline-block;margin-bottom:1rem}.ed-c-checkbox-field__list{list-style:none;margin:0;padding:0}";
7
+ var y = Object.defineProperty, o = (l, r, a, m) => {
8
+ for (var i = void 0, d = l.length - 1, s; d >= 0; d--)
9
+ (s = l[d]) && (i = s(r, a, i) || i);
10
+ return i && y(r, a, i), i;
11
+ };
12
+ class e extends p {
13
+ constructor() {
14
+ super(...arguments), this.optionalLabel = "(optional)", this.label = "Label";
15
+ }
16
+ static get styles() {
17
+ return h(f.toString());
18
+ }
19
+ render() {
20
+ const r = this.componentClassNames("ed-c-checkbox-field", {
21
+ "ed-c-checkbox-field--inverted": this.inverted === !0
22
+ });
23
+ return n`
24
+ <fieldset class="${r}">
25
+ <legend
26
+ class=${this.hideLegend ? "ed-c-checkbox-field__legend ed-u-is-vishidden" : "ed-c-checkbox-field__legend"}
27
+ aria-describedby="${this.ariaDescribedBy}"
28
+ >
29
+ ${this.label}
30
+ </legend>
31
+
32
+ <div class="ed-c-checkbox-field__body">
33
+ <ul class="ed-c-checkbox-field__list">
34
+ <slot></slot>
35
+ </ul>
36
+ </div>
37
+ ${this.fieldNote && n`<ed-field-note
38
+ ?inverted=${this.inverted}
39
+ id=${c(this.ariaDescribedBy)}
40
+ iconName=${c(this.iconName)}
41
+ ?isSuccess=${this.isSuccess}
42
+ ?isError=${this.isError}
43
+ >
44
+ ${this.fieldNote}
45
+ </ed-field-note>`}
46
+ </fieldset>
47
+ `;
48
+ }
49
+ }
50
+ o([
51
+ t({ type: Boolean })
52
+ ], e.prototype, "isError");
53
+ o([
54
+ t({ type: Boolean })
55
+ ], e.prototype, "isSuccess");
56
+ o([
57
+ t({ type: Boolean })
58
+ ], e.prototype, "readOnly");
59
+ o([
60
+ t({ type: Boolean })
61
+ ], e.prototype, "disabled");
62
+ o([
63
+ t()
64
+ ], e.prototype, "fieldId");
65
+ o([
66
+ t()
67
+ ], e.prototype, "name");
68
+ o([
69
+ t({ type: Boolean })
70
+ ], e.prototype, "checked");
71
+ o([
72
+ t()
73
+ ], e.prototype, "fieldNote");
74
+ o([
75
+ t({ type: Boolean })
76
+ ], e.prototype, "required");
77
+ o([
78
+ t({ type: Boolean })
79
+ ], e.prototype, "hideLegend");
80
+ o([
81
+ t()
82
+ ], e.prototype, "optionalLabel");
83
+ o([
84
+ t()
85
+ ], e.prototype, "iconName");
86
+ o([
87
+ t({ type: Boolean })
88
+ ], e.prototype, "inverted");
89
+ o([
90
+ t()
91
+ ], e.prototype, "ariaDescribedBy");
92
+ o([
93
+ t()
94
+ ], e.prototype, "label");
95
+ customElements.get("ed-checkbox-field") === void 0 && customElements.define("ed-checkbox-field", e);
96
+ export {
97
+ e as EdCheckboxField
98
+ };
@@ -0,0 +1,81 @@
1
+ import { EdFormElement } from '@brad-frost-web/eddie-web-components/components/EdFormElement';
2
+ /**
3
+ * @slot - The component content
4
+ */
5
+ export declare class EdCheckboxFieldItem extends EdFormElement {
6
+ readonly type = "checkbox";
7
+ static get styles(): import('lit').CSSResult;
8
+ /**
9
+ * Error switch
10
+ */
11
+ isError?: boolean;
12
+ /**
13
+ * Success switch
14
+ */
15
+ isSuccess?: boolean;
16
+ /**
17
+ * value attribute
18
+ */
19
+ readOnly?: boolean;
20
+ /**
21
+ * disabled attribute
22
+ */
23
+ disabled?: boolean;
24
+ /**
25
+ * Id
26
+ */
27
+ fieldId?: string;
28
+ /**
29
+ * Name attribute
30
+ */
31
+ name?: string;
32
+ /**
33
+ * Checked property
34
+ */
35
+ checked: boolean;
36
+ /**
37
+ * Description or Error message for the field
38
+ */
39
+ fieldNote?: any;
40
+ /**
41
+ * Required attribute
42
+ */
43
+ required?: boolean;
44
+ /**
45
+ * Optional label to appear after label text
46
+ */
47
+ optionalLabel?: string;
48
+ /**
49
+ * Icon to display in field note
50
+ */
51
+ iconName?: string;
52
+ /**
53
+ * Inverted variant
54
+ * 1) Used for dark backgrounds
55
+ */
56
+ inverted?: boolean;
57
+ /**
58
+ * aria-describedby attribute property
59
+ */
60
+ ariaDescribedBy?: string;
61
+ field: HTMLInputElement;
62
+ protected defaultValue: boolean;
63
+ /**
64
+ * Connected callback
65
+ * 1) Set the fieldId if it is not set
66
+ * 2) Set the form value if the checkbox is checked
67
+ * 3) Set the form value to null if the checkbox is not checked
68
+ * 4) Set the aria-describedby if the fieldNote is set
69
+ */
70
+ connectedCallback(): void;
71
+ private setFormData;
72
+ handleOnChange(): void;
73
+ formResetCallback(): void;
74
+ render(): import('lit-html').TemplateResult<1>;
75
+ }
76
+ declare global {
77
+ interface HTMLElementTagNameMap {
78
+ 'ed-checkbox-field-item': EdCheckboxFieldItem;
79
+ }
80
+ }
81
+ //# sourceMappingURL=checkbox-field-item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox-field-item.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/checkbox-field-item/checkbox-field-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+DAA+D,CAAC;AAK9F,OAAO,cAAc,CAAC;AAGtB;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,aAAa;IACpD,QAAQ,CAAC,IAAI,cAAc;IAC3B,MAAM,KAAK,MAAM,4BAEhB;IAED;;OAEG;IAEH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IAEH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,SAAS,CAAC,EAAE,GAAG,CAAC;IAEhB;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IAEH,aAAa,CAAC,EAAE,MAAM,CAAgB;IAEtC;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IAEH,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,KAAK,EAAG,gBAAgB,CAAC;IAEzB,UAAmB,YAAY,EAAE,OAAO,CAAC;IAEzC;;;;;;OAMG;IACH,iBAAiB;IAQjB,OAAO,CAAC,WAAW;IAInB,cAAc;IAKd,iBAAiB,IAAI,IAAI;IAOzB,MAAM;CA0BP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,mBAAmB,CAAC;KAC/C;CACF"}
@@ -0,0 +1,110 @@
1
+ import { E as h } from "../EdFormElement.js";
2
+ import { unsafeCSS as l, html as b } from "lit";
3
+ import { property as t, query as p } from "lit/decorators.js";
4
+ import { ifDefined as m } from "lit-html/directives/if-defined.js";
5
+ import { n } from "../index.browser.js";
6
+ import "../icon/icon.js";
7
+ const k = `@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}ed-checkbox-field-item{display:contents}.ed-c-checkbox-field-item{display:flex;position:relative;margin:.75rem 0 0;padding:0}:host(:first-child) .ed-c-checkbox-field-item{margin-top:0}.ed-c-checkbox-field-item__label{font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform);position:relative;top:1px;margin-left:.5rem;flex:1}.ed-c-checkbox__input{display:block;margin:0;z-index:4;width:1.5rem;height:1.5rem;cursor:pointer;opacity:0}.ed-c-checkbox__input:disabled{cursor:not-allowed}.ed-c-checkbox__custom-check{position:absolute;inset:0;width:1.5rem;height:1.5rem;flex-shrink:0;z-index:1}.ed-c-checkbox__custom-check:before{content:"";position:absolute;inset:0;z-index:1;display:block;border:var(--ed-theme-border-width-sm) solid var(--ed-theme-form-color-border-default);background-color:var(--ed-theme-form-color-background-default);border-radius:var(--ed-theme-border-radius-sm)}.ed-c-checkbox__input:hover+.ed-c-checkbox__custom-check:before{border-color:var(--ed-theme-form-color-border-hover)}.ed-c-checkbox__input:disabled+.ed-c-checkbox__custom-check:before{border-color:var(--ed-theme-color-border-disabled);background-color:var(--ed-theme-color-background-disabled);cursor:not-allowed}.ed-c-checkbox__input:checked+.ed-c-checkbox__custom-check:before{background-color:var(--ed-theme-color-background-brand-knockout);border-color:transparent}.ed-c-checkbox__input:checked:hover+.ed-c-checkbox__custom-check:before{background-color:var(--ed-theme-color-background-brand-hover);border-color:transparent}.ed-c-checkbox__input:checked:disabled+.ed-c-checkbox__custom-check:before{background-color:var(--ed-theme-color-background-brand-disabled);border-color:transparent}.ed-c-checkbox__input:focus-visible+.ed-c-checkbox__custom-check:before{outline:var(--ed-theme-border-width-lg) solid var(--ed-theme-focus-ring-color-border-default);outline-offset:var(--ed-theme-offset-focus-ring, .25rem )}.ed-c-checkbox__custom-check ed-icon{--ed-icon-fill: var(--ed-theme-color-content-knockout);position:absolute;top:.25rem;left:.25rem;display:block;background-repeat:no-repeat;opacity:0;z-index:2}.ed-c-checkbox__input:checked+.ed-c-checkbox__custom-check ed-icon{opacity:1}.ed-is-indeterminate .ed-c-checkbox__input:not(:checked):hover+.ed-c-checkbox__custom-check:before{background-color:var(--ed-theme-color-background-brand-hover);border-color:transparent}.ed-is-indeterminate .ed-c-checkbox__input:not(:checked):disabled+.ed-c-checkbox__custom-check:before{background-color:var(--ed-theme-color-background-brand-disabled);border-color:transparent}.ed-is-indeterminate .ed-c-checkbox__input:not(:checked)+.ed-c-checkbox__custom-check:before{background-color:var(--ed-theme-color-background-brand);border-color:transparent}.ed-is-indeterminate .ed-c-checkbox__input:not(:checked)+.ed-c-checkbox__custom-check:after{opacity:1;width:10px;height:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 1.52'%3E%3Cpath d='M9.24,1.52H.76A.76.76,0,0,1,.76,0H9.24a.76.76,0,0,1,0,1.52Z' fill='%23ffffff'/%3E%3C/svg%3E")}`;
8
+ var u = Object.defineProperty, o = (d, r, a, f) => {
9
+ for (var c = void 0, i = d.length - 1, s; i >= 0; i--)
10
+ (s = d[i]) && (c = s(r, a, c) || c);
11
+ return c && u(r, a, c), c;
12
+ };
13
+ class e extends h {
14
+ constructor() {
15
+ super(...arguments), this.type = "checkbox", this.checked = !1, this.optionalLabel = "(optional)";
16
+ }
17
+ static get styles() {
18
+ return l(k.toString());
19
+ }
20
+ /**
21
+ * Connected callback
22
+ * 1) Set the fieldId if it is not set
23
+ * 2) Set the form value if the checkbox is checked
24
+ * 3) Set the form value to null if the checkbox is not checked
25
+ * 4) Set the aria-describedby if the fieldNote is set
26
+ */
27
+ connectedCallback() {
28
+ super.connectedCallback(), this.fieldId = this.fieldId || n(), this.setFormData(), this.fieldNote && (this.ariaDescribedBy = this.ariaDescribedBy || n()), this.defaultValue = this.checked;
29
+ }
30
+ setFormData() {
31
+ this.checked ? this.internals.setFormValue(this.value) : this.internals.setFormValue(null);
32
+ }
33
+ handleOnChange() {
34
+ this.checked = !this.checked, this.setFormData();
35
+ }
36
+ formResetCallback() {
37
+ this.checked = this.defaultValue, this.field.checked = this.defaultValue, this.setFormData(), this.requestUpdate();
38
+ }
39
+ render() {
40
+ const r = this.componentClassNames("ed-c-checkbox-field-item", {});
41
+ return b`
42
+ <li class="${r}">
43
+ <input
44
+ id="${this.fieldId}"
45
+ type="checkbox"
46
+ name="${this.name}"
47
+ class="ed-c-checkbox__input"
48
+ value="${this.value}"
49
+ ?checked="${this.checked}"
50
+ ?disabled="${this.disabled}"
51
+ ?readonly="${this.readOnly}"
52
+ @change=${this.handleOnChange}
53
+ aria-describedby="${m(this.ariaDescribedBy)}"
54
+ />
55
+ <span class="ed-c-checkbox__custom-check">
56
+ <ed-icon name="check"></ed-icon>
57
+ </span>
58
+ <label class="ed-c-checkbox-field-item__label" for="${this.fieldId}">
59
+ <slot></slot>
60
+ </label>
61
+ </li>
62
+ `;
63
+ }
64
+ }
65
+ o([
66
+ t({ type: Boolean })
67
+ ], e.prototype, "isError");
68
+ o([
69
+ t({ type: Boolean })
70
+ ], e.prototype, "isSuccess");
71
+ o([
72
+ t({ type: Boolean })
73
+ ], e.prototype, "readOnly");
74
+ o([
75
+ t({ type: Boolean })
76
+ ], e.prototype, "disabled");
77
+ o([
78
+ t()
79
+ ], e.prototype, "fieldId");
80
+ o([
81
+ t()
82
+ ], e.prototype, "name");
83
+ o([
84
+ t({ type: Boolean })
85
+ ], e.prototype, "checked");
86
+ o([
87
+ t()
88
+ ], e.prototype, "fieldNote");
89
+ o([
90
+ t({ type: Boolean })
91
+ ], e.prototype, "required");
92
+ o([
93
+ t()
94
+ ], e.prototype, "optionalLabel");
95
+ o([
96
+ t()
97
+ ], e.prototype, "iconName");
98
+ o([
99
+ t({ type: Boolean })
100
+ ], e.prototype, "inverted");
101
+ o([
102
+ t()
103
+ ], e.prototype, "ariaDescribedBy");
104
+ o([
105
+ p("input")
106
+ ], e.prototype, "field");
107
+ customElements.get("ed-checkbox-field-item") === void 0 && customElements.define("ed-checkbox-field-item", e);
108
+ export {
109
+ e as EdCheckboxFieldItem
110
+ };
@@ -0,0 +1,134 @@
1
+ import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
2
+ /**
3
+ * @slot - The component content
4
+ */
5
+ export declare class EdCounter extends EdElement {
6
+ static get styles(): import('lit').CSSResult;
7
+ /**
8
+ * The unique id of the field
9
+ */
10
+ fieldId: string;
11
+ /**
12
+ * The form field's label
13
+ */
14
+ label: string;
15
+ /**
16
+ * Checkbox name attribute property
17
+ */
18
+ name?: string;
19
+ /**
20
+ * Value
21
+ */
22
+ value: number;
23
+ /**
24
+ * Fieldnote text
25
+ */
26
+ fieldNote?: string;
27
+ /**
28
+ * Subtract button text
29
+ */
30
+ subtractButtonText?: string;
31
+ /**
32
+ * Subtract button icon name
33
+ */
34
+ subtractButtonIconName: string;
35
+ /**
36
+ * Add button text
37
+ */
38
+ addButtonText?: string;
39
+ /**
40
+ * Add button icon name
41
+ */
42
+ addButtonIconName: string;
43
+ /**
44
+ * Add button icon name
45
+ */
46
+ min: number;
47
+ /**
48
+ * Add button icon name
49
+ */
50
+ max: number;
51
+ /**
52
+ * Aria describedby
53
+ * 1) Used to connect the field note in select field to the select menu for accessibility
54
+ */
55
+ ariaDescribedBy?: string;
56
+ /**
57
+ * Required attribute
58
+ */
59
+ required: boolean;
60
+ /**
61
+ * Disabled attribute
62
+ */
63
+ disabled?: boolean;
64
+ /**
65
+ * Readonly attribute
66
+ */
67
+ readOnly?: boolean;
68
+ /**
69
+ * Type variants
70
+ * <ed-text-passage size="sm">
71
+ * <ul>
72
+ * <li>**text** renders a standar text input</li>
73
+ * <li>**email** renders a text input specificall for an email format.</li>
74
+ * <li>**number** renders an input for number values only</li>
75
+ * <li>**url** renders an input for urls only</li>
76
+ * <li>**tel** renders an input for telephone number values only</li>
77
+ * </ul>
78
+ * </ed-text-passage>
79
+ */
80
+ type: 'text' | 'email' | 'number' | 'url' | 'tel';
81
+ /**
82
+ * Inverted variant
83
+ * 1) Used for dark backgrounds
84
+ */
85
+ inverted?: boolean;
86
+ /**
87
+ * Placeholder text
88
+ */
89
+ placeholder?: string;
90
+ /**
91
+ * Error state
92
+ */
93
+ isError?: boolean;
94
+ /**
95
+ * Success state
96
+ */
97
+ isSuccess?: boolean;
98
+ /**
99
+ * Field note icon name
100
+ */
101
+ iconName?: string;
102
+ /**
103
+ * Count state
104
+ */
105
+ count?: number;
106
+ /**
107
+ * Increase
108
+ * 1) Increase the value by 1
109
+ */
110
+ onIncrease(e: MouseEvent): void;
111
+ /**
112
+ * Decrease
113
+ * 1) Decrease the value by 1
114
+ */
115
+ onDecrease(e: MouseEvent): void;
116
+ /**
117
+ * On change
118
+ * 1) Make the count the value within the input
119
+ */
120
+ onChange(e: Event): void;
121
+ /**
122
+ * On mount/update
123
+ * 1) Autogenerate ids, for attribute, and aria-describedby ids to make this
124
+ * accessible if these properties aren't provided
125
+ */
126
+ connectedCallback(): void;
127
+ render(): import('lit-html').TemplateResult<1>;
128
+ }
129
+ declare global {
130
+ interface HTMLElementTagNameMap {
131
+ 'ed-counter': EdCounter;
132
+ }
133
+ }
134
+ //# sourceMappingURL=counter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"counter.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/counter/counter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAKtF,OAAO,kBAAkB,CAAC;AAG1B;;GAEG;AACH,qBAAa,SAAU,SAAQ,SAAS;IACtC,MAAM,KAAK,MAAM,4BAEhB;IACD;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAW;IAExB;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IAEH,kBAAkB,CAAC,EAAE,MAAM,CAAgB;IAE3C;;OAEG;IAEH,sBAAsB,EAAE,MAAM,CAAW;IAEzC;;OAEG;IAEH,aAAa,CAAC,EAAE,MAAM,CAAW;IAEjC;;OAEG;IAEH,iBAAiB,EAAE,MAAM,CAAS;IAElC;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IAEH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;OAWG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAU;IAE3D;;;OAGG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IAEH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IAEH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAK;IAEnB;;;OAGG;IACH,UAAU,CAAC,CAAC,EAAE,UAAU;IAKxB;;;OAGG;IACH,UAAU,CAAC,CAAC,EAAE,UAAU;IAKxB;;;OAGG;IACH,QAAQ,CAAC,CAAC,EAAE,KAAK;IAIjB;;;;OAIG;IACH,iBAAiB;IAUjB,MAAM;CA2DP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}