@odx/foundation 1.0.0-beta.9 → 1.0.0-beta.91

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 (235) hide show
  1. package/README.md +7 -8
  2. package/dist/_virtual_class-decorator-runtime.js +13 -0
  3. package/dist/components/accordion/accordion.d.ts +11 -1
  4. package/dist/components/accordion-item/accordion-item.d.ts +16 -0
  5. package/dist/components/action-button/action-button.d.ts +27 -0
  6. package/dist/components/anchor-navigation/anchor-navigation.d.ts +3 -3
  7. package/dist/components/area-header/area-header.d.ts +11 -4
  8. package/dist/components/avatar/avatar.d.ts +28 -6
  9. package/dist/components/avatar-group/avatar-group.d.ts +3 -3
  10. package/dist/components/badge/badge.d.ts +14 -5
  11. package/dist/components/breadcrumbs/breadcrumbs-item.d.ts +1 -1
  12. package/dist/components/breadcrumbs/breadcrumbs.d.ts +1 -2
  13. package/dist/components/breadcrumbs/index.d.ts +1 -1
  14. package/dist/components/button/button.d.ts +31 -20
  15. package/dist/components/button-group/button-group.d.ts +7 -0
  16. package/dist/components/card/card.d.ts +3 -1
  17. package/dist/components/checkbox/checkbox.d.ts +2 -2
  18. package/dist/components/checkbox-group/checkbox-group.d.ts +8 -3
  19. package/dist/components/chip/chip.d.ts +14 -5
  20. package/dist/components/circular-progress-bar/circular-progress-bar.d.ts +12 -5
  21. package/dist/components/combobox/autocomplete.d.ts +23 -0
  22. package/dist/components/dropdown/dropdown.d.ts +10 -9
  23. package/dist/components/format/format-bytes.d.ts +1 -1
  24. package/dist/components/format/format-number.d.ts +1 -1
  25. package/dist/components/format/relative-time.d.ts +2 -2
  26. package/dist/components/header/index.d.ts +1 -1
  27. package/dist/components/headline/headline.d.ts +14 -5
  28. package/dist/components/highlight/highlight.d.ts +14 -5
  29. package/dist/components/icon-button/icon-button.d.ts +4 -15
  30. package/dist/components/image/image.d.ts +4 -4
  31. package/dist/components/inline-message/inline-message.d.ts +15 -5
  32. package/dist/components/input/input.d.ts +15 -8
  33. package/dist/components/kpi/kpi.d.ts +36 -0
  34. package/dist/components/line-clamp/line-clamp.d.ts +2 -2
  35. package/dist/components/link/link.d.ts +3 -3
  36. package/dist/components/list/list.d.ts +3 -0
  37. package/dist/components/{list → list-item}/list-item.d.ts +7 -6
  38. package/dist/components/loader.d.ts +2 -0
  39. package/dist/components/loading-overlay/loading-overlay.d.ts +2 -3
  40. package/dist/components/loading-spinner/loading-spinner.d.ts +1 -2
  41. package/dist/components/logo/logo.d.ts +11 -3
  42. package/dist/components/main-menu/index.d.ts +1 -1
  43. package/dist/components/main-menu/main-menu-link.d.ts +2 -2
  44. package/dist/components/main-menu/main-menu.d.ts +0 -1
  45. package/dist/components/main.d.ts +62 -54
  46. package/dist/components/menu/index.d.ts +1 -1
  47. package/dist/components/menu/menu.d.ts +4 -7
  48. package/dist/components/menu-item/menu-item.d.ts +5 -6
  49. package/dist/components/modal/modal.d.ts +8 -6
  50. package/dist/components/navigation-item/navigation-item.d.ts +15 -7
  51. package/dist/components/option/option.d.ts +0 -1
  52. package/dist/components/page/page.d.ts +16 -6
  53. package/dist/components/popover/popover-host.d.ts +34 -0
  54. package/dist/components/popover/popover-observer.d.ts +11 -0
  55. package/dist/{cdk → components}/popover/popover.d.ts +1 -0
  56. package/dist/components/progress-bar/progress-bar.d.ts +12 -6
  57. package/dist/components/radio-group/radio-group.d.ts +8 -3
  58. package/dist/components/search-bar/index.d.ts +0 -1
  59. package/dist/components/search-bar/search-bar.d.ts +9 -3
  60. package/dist/components/select/select.d.ts +13 -7
  61. package/dist/components/separator/separator.d.ts +9 -4
  62. package/dist/components/skeleton/skeleton.d.ts +21 -6
  63. package/dist/components/slider/index.d.ts +2 -2
  64. package/dist/components/slider/slider-handle.d.ts +5 -6
  65. package/dist/components/slider/slider-marks.d.ts +1 -1
  66. package/dist/components/slider/slider.d.ts +2 -3
  67. package/dist/components/slider/slider.models.d.ts +3 -2
  68. package/dist/components/spinbox/spinbox.d.ts +13 -11
  69. package/dist/components/stack/stack.d.ts +26 -6
  70. package/dist/components/status/status.d.ts +23 -0
  71. package/dist/components/table/index.d.ts +3 -3
  72. package/dist/components/table/table-header.d.ts +1 -1
  73. package/dist/components/table/table-row.d.ts +1 -1
  74. package/dist/components/text/text.d.ts +23 -4
  75. package/dist/components/title/title.d.ts +14 -5
  76. package/dist/components/toast/toast.d.ts +14 -3
  77. package/dist/components/toggle-button/toggle-button.d.ts +1 -4
  78. package/dist/components/toggle-button-group/toggle-button-group.d.ts +10 -0
  79. package/dist/components/toggle-content/toggle-content.d.ts +2 -2
  80. package/dist/components/tooltip/tooltip.d.ts +24 -8
  81. package/dist/components.js +2895 -3612
  82. package/dist/i18n/{lib/is-localized.d.ts → is-localized.d.ts} +2 -2
  83. package/dist/i18n/{lib/localization.d.ts → localization.d.ts} +1 -1
  84. package/dist/i18n/main.d.ts +6 -6
  85. package/dist/i18n/{lib/translate.d.ts → translate.d.ts} +1 -1
  86. package/dist/i18n.js +11 -18
  87. package/dist/lib/{facade → control}/checkbox-form-control.d.ts +4 -4
  88. package/dist/lib/control/checkbox-group-form-control.d.ts +22 -0
  89. package/dist/lib/control/form-control.d.ts +29 -0
  90. package/dist/lib/control/listbox-form-control.d.ts +25 -0
  91. package/dist/lib/control/number-form-control.d.ts +12 -0
  92. package/dist/lib/control/option-control.d.ts +24 -0
  93. package/dist/lib/control/radio-group-form-control.d.ts +22 -0
  94. package/dist/lib/controllers/active-descendants-controller.d.ts +29 -0
  95. package/dist/{cdk/drag-drop → lib/controllers}/drag.controller.d.ts +2 -1
  96. package/dist/lib/controllers/expandable-controller.d.ts +1 -2
  97. package/dist/lib/custom-element.d.ts +12 -5
  98. package/dist/lib/interactive/interactive-element.d.ts +23 -0
  99. package/dist/lib/interactive/interactive-link.d.ts +21 -0
  100. package/dist/lib/main.d.ts +20 -25
  101. package/dist/lib/mixins/can-be-disabled.d.ts +1 -9
  102. package/dist/lib/mixins/can-be-expanded.d.ts +5 -7
  103. package/dist/lib/mixins/is-draggable.d.ts +16 -0
  104. package/dist/{cdk/drag-drop/drag-events.d.ts → lib/models/drag-event.d.ts} +1 -1
  105. package/dist/lib/models/placement.d.ts +17 -0
  106. package/dist/lib/models/shape.d.ts +7 -0
  107. package/dist/lib/models/size.d.ts +11 -0
  108. package/dist/lib/models/variant.d.ts +12 -0
  109. package/dist/lib/utils/compute-popover-placement.d.ts +14 -0
  110. package/dist/lib/utils/dom.d.ts +25 -15
  111. package/dist/lib/utils/get-unique-id.d.ts +6 -23
  112. package/dist/lib/utils/lit.d.ts +1 -3
  113. package/dist/lib/utils/shared-resize-observer.d.ts +0 -7
  114. package/dist/lib/utils/{a11y.d.ts → types.d.ts} +3 -6
  115. package/dist/loader.js +6 -11
  116. package/dist/main.js +906 -867
  117. package/dist/styles.css +1 -1
  118. package/dist/vendor.js +1982 -0
  119. package/package.json +47 -27
  120. package/dist/cdk/drag-drop/is-draggable.d.ts +0 -18
  121. package/dist/cdk/main.d.ts +0 -7
  122. package/dist/cdk/popover/popover-host.d.ts +0 -20
  123. package/dist/cdk/popover/popover.models.d.ts +0 -34
  124. package/dist/cdk/popover/popover.utils.d.ts +0 -5
  125. package/dist/cdk.js +0 -357
  126. package/dist/components/accordion/accordion-header.d.ts +0 -18
  127. package/dist/components/accordion/index.d.ts +0 -4
  128. package/dist/components/action-group/action-group.d.ts +0 -24
  129. package/dist/components/action-group/index.d.ts +0 -2
  130. package/dist/components/area-header/area-header.models.d.ts +0 -12
  131. package/dist/components/area-header/index.d.ts +0 -3
  132. package/dist/components/avatar/avatar.models.d.ts +0 -13
  133. package/dist/components/avatar/index.d.ts +0 -3
  134. package/dist/components/avatar-group/index.d.ts +0 -2
  135. package/dist/components/badge/badge.models.d.ts +0 -14
  136. package/dist/components/badge/index.d.ts +0 -3
  137. package/dist/components/button/base-button.d.ts +0 -30
  138. package/dist/components/button/button.models.d.ts +0 -26
  139. package/dist/components/button/index.d.ts +0 -4
  140. package/dist/components/button-group/index.d.ts +0 -2
  141. package/dist/components/card/index.d.ts +0 -2
  142. package/dist/components/checkbox/index.d.ts +0 -2
  143. package/dist/components/checkbox-group/checkbox-group.models.d.ts +0 -6
  144. package/dist/components/checkbox-group/index.d.ts +0 -3
  145. package/dist/components/chip/chip.models.d.ts +0 -10
  146. package/dist/components/chip/index.d.ts +0 -3
  147. package/dist/components/circular-progress-bar/circular-progress-bar.models.d.ts +0 -7
  148. package/dist/components/circular-progress-bar/index.d.ts +0 -3
  149. package/dist/components/content-box/content-box.models.d.ts +0 -2
  150. package/dist/components/content-box/index.d.ts +0 -2
  151. package/dist/components/dropdown/dropdown.models.d.ts +0 -6
  152. package/dist/components/dropdown/index.d.ts +0 -3
  153. package/dist/components/form-field/index.d.ts +0 -2
  154. package/dist/components/headline/headline.models.d.ts +0 -8
  155. package/dist/components/headline/index.d.ts +0 -3
  156. package/dist/components/highlight/index.d.ts +0 -2
  157. package/dist/components/icon-button/index.d.ts +0 -2
  158. package/dist/components/image/index.d.ts +0 -2
  159. package/dist/components/inline-message/index.d.ts +0 -3
  160. package/dist/components/inline-message/inline-message.models.d.ts +0 -12
  161. package/dist/components/input/index.d.ts +0 -3
  162. package/dist/components/input/input.models.d.ts +0 -7
  163. package/dist/components/line-clamp/index.d.ts +0 -2
  164. package/dist/components/link/base-link.d.ts +0 -15
  165. package/dist/components/link/index.d.ts +0 -3
  166. package/dist/components/list/index.d.ts +0 -3
  167. package/dist/components/loading-overlay/index.d.ts +0 -2
  168. package/dist/components/loading-spinner/index.d.ts +0 -2
  169. package/dist/components/logo/index.d.ts +0 -3
  170. package/dist/components/logo/logo.models.d.ts +0 -9
  171. package/dist/components/menu-item/index.d.ts +0 -2
  172. package/dist/components/modal/index.d.ts +0 -3
  173. package/dist/components/modal/modal.models.d.ts +0 -5
  174. package/dist/components/navigation-item/index.d.ts +0 -3
  175. package/dist/components/navigation-item/navigation-item.models.d.ts +0 -6
  176. package/dist/components/option/index.d.ts +0 -2
  177. package/dist/components/page/index.d.ts +0 -3
  178. package/dist/components/page/page.models.d.ts +0 -10
  179. package/dist/components/page-layout/index.d.ts +0 -2
  180. package/dist/components/pagination/index.d.ts +0 -2
  181. package/dist/components/progress-bar/index.d.ts +0 -3
  182. package/dist/components/progress-bar/progress-bar.models.d.ts +0 -7
  183. package/dist/components/radio-button/index.d.ts +0 -2
  184. package/dist/components/radio-group/index.d.ts +0 -3
  185. package/dist/components/radio-group/radio-group.models.d.ts +0 -6
  186. package/dist/components/rail-navigation/index.d.ts +0 -2
  187. package/dist/components/search-bar/search-bar.models.d.ts +0 -6
  188. package/dist/components/select/index.d.ts +0 -2
  189. package/dist/components/separator/index.d.ts +0 -3
  190. package/dist/components/separator/separator.models.d.ts +0 -6
  191. package/dist/components/skeleton/index.d.ts +0 -3
  192. package/dist/components/skeleton/skeleton.models.d.ts +0 -13
  193. package/dist/components/spacer/index.d.ts +0 -2
  194. package/dist/components/spacer/spacer.models.d.ts +0 -7
  195. package/dist/components/spinbox/index.d.ts +0 -2
  196. package/dist/components/stack/index.d.ts +0 -3
  197. package/dist/components/stack/stack.models.d.ts +0 -25
  198. package/dist/components/switch/index.d.ts +0 -2
  199. package/dist/components/text/index.d.ts +0 -3
  200. package/dist/components/text/text.models.d.ts +0 -14
  201. package/dist/components/title/index.d.ts +0 -3
  202. package/dist/components/title/title.models.d.ts +0 -10
  203. package/dist/components/toast/index.d.ts +0 -3
  204. package/dist/components/toast/toast.models.d.ts +0 -5
  205. package/dist/components/toggle-button/index.d.ts +0 -2
  206. package/dist/components/toggle-content/index.d.ts +0 -2
  207. package/dist/components/tooltip/index.d.ts +0 -3
  208. package/dist/components/tooltip/tooltip.models.d.ts +0 -8
  209. package/dist/components/translate/index.d.ts +0 -2
  210. package/dist/components/visually-hidden/index.d.ts +0 -2
  211. package/dist/lib/controllers/focus-trap.controller.d.ts +0 -14
  212. package/dist/lib/facade/checkbox-group-form-control.d.ts +0 -21
  213. package/dist/lib/facade/option-control.d.ts +0 -16
  214. package/dist/lib/facade/radio-group-form-control.d.ts +0 -22
  215. package/dist/lib/facade/select-form-control.d.ts +0 -19
  216. package/dist/lib/mixins/can-be-readonly.d.ts +0 -7
  217. package/dist/lib/mixins/can-be-required.d.ts +0 -7
  218. package/dist/lib/mixins/can-be-selected.d.ts +0 -9
  219. package/dist/lib/mixins/can-be-validated.d.ts +0 -12
  220. package/dist/lib/mixins/form-control.d.ts +0 -17
  221. package/dist/lib/mixins/number-control.d.ts +0 -12
  222. package/dist/lib/mixins/with-loading-state.d.ts +0 -8
  223. package/dist/lib/utils/date.d.ts +0 -2
  224. package/dist/lib/utils/dedupe-mixin.d.ts +0 -3
  225. package/dist/lib/utils/empty-slot-fallback-fix.d.ts +0 -8
  226. package/dist/lib/utils/keyboard-events.d.ts +0 -43
  227. package/dist/lib/utils/search-text-content.d.ts +0 -7
  228. package/dist/lib/utils/shared-intersection-observer.d.ts +0 -18
  229. package/dist/lib/utils/transformers.d.ts +0 -5
  230. package/dist/loader/main.d.ts +0 -2
  231. package/dist/vendor-dJxQG085.js +0 -138
  232. /package/dist/components/{accordion → accordion-panel}/accordion-panel.d.ts +0 -0
  233. /package/dist/i18n/{lib/config.d.ts → config.d.ts} +0 -0
  234. /package/dist/i18n/{lib/format.d.ts → format.d.ts} +0 -0
  235. /package/dist/i18n/{lib/models.d.ts → models.d.ts} +0 -0
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- @layer reset,base,variant,state,theme;@layer reset{:is(*){box-sizing:border-box;scrollbar-width:thin}:not(:defined){display:none}:before,:after{box-sizing:border-box}[popover]{border:none;outline:none}img,picture,video,canvas,svg{display:block;max-width:100%;margin:0}input,button,textarea,select{font:inherit;margin:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin:0}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate;margin:0}}@layer base{odx-stack{display:block}.odx-stack{&.odx-stack-horizontal{flex-flow:row}&.odx-stack-wrap{flex-flow:column wrap}&.odx-stack-horizontal.odx-stack-wrap{flex-flow:row wrap}--flow: column;display:flex;flex-flow:var(--flow);max-inline-size:100%;align-items:stretch;justify-content:flex-start;gap:var(--odx-size-75)}}@layer base{.odx-align-start{align-items:flex-start}.odx-align-center{align-items:center}.odx-align-end{align-items:end}.odx-justify-start{justify-content:flex-start}.odx-justify-end{justify-content:flex-end}.odx-justify-center{justify-content:center}.odx-justify-space-between{justify-content:space-between}.odx-justify-space-around{justify-content:space-around}.odx-justify-space-evenly{justify-content:space-evenly}}@layer base{.odx-gap-none{gap:0}.odx-gap-xs{gap:var(--odx-size-25)}.odx-gap-sm{gap:var(--odx-size-50)}.odx-gap-md{gap:var(--odx-size-75)}.odx-gap-lg{gap:var(--odx-size-150)}.odx-gap-xl{gap:var(--odx-size-225)}}@layer base{h1,h2,h3,h4,h5,h6{display:block;font-family:var(--odx-typography-font-family-brand);font-size:var(--_font-size);font-weight:var(--odx-typography-font-weight-semibold);line-height:var(--_line-height)}h6{--_font-size: var(--odx-breakpoint-font-size-heading-6);--_line-height: var(--odx-breakpoint-line-height-heading-6)}h5{--_font-size: var(--odx-breakpoint-font-size-heading-5);--_line-height: var(--odx-breakpoint-line-height-heading-5)}h4{--_font-size: var(--odx-breakpoint-font-size-heading-4);--_line-height: var(--odx-breakpoint-line-height-heading-4)}h3{--_font-size: var(--odx-breakpoint-font-size-heading-3);--_line-height: var(--odx-breakpoint-line-height-heading-3)}h2{--_font-size: var(--odx-breakpoint-font-size-heading-2);--_line-height: var(--odx-breakpoint-line-height-heading-2)}h1{--_font-size: var(--odx-breakpoint-font-size-heading-1);--_line-height: var(--odx-breakpoint-line-height-heading-1)}odx-icon{--rotate: 0deg;transition:var(--odx-transition-default);transition-property:transform;transform:rotate(var(--rotate))}[odxPreventTextOverflow]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}odx-list-item:has(:is(odx-button,odx-icon-button,odx-list-item::part(control)):not([aria-disabled=true]):active){--_color-background-pressed: var(--_color-background-hover)}odx-button:has(odx-icon:only-child),odx-button:has(odx-avatar){--_min-inline-size: 0}}@layer base{:root{--odx-transition-default: all var(--odx-motion-duration-default) var(--odx-motion-easing-default);--odx-transition-slow: all var(--odx-motion-duration-slow) var(--odx-motion-easing-default);--odx-transition-reduced: all var(--odx-motion-duration-fast) var(--odx-motion-easing-reduced);--odx-page-max-inline-size: 1600px;--odx-page-max-inline-size-narrow: 1200px;--odx-page-max-inline-size-wide: 2400px;scrollbar-color:var(--odx-color-primary-rest) var(--odx-palette-transparent)}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--odx-color-foreground-base);background-color:var(--odx-color-background-cool);font-family:var(--odx-typography-font-family-base),"Noto Sans","Kanit",sans-serif;font-size:var(--odx-typography-font-size-base);line-height:var(--odx-typography-line-height-base)}}
1
+ @layer reset,base,variant,state,theme;@layer reset{:is(*){box-sizing:border-box;scrollbar-width:thin}:not(:defined){display:none}:before,:after{box-sizing:border-box}[popover]{outline:none;border:none}img,picture,video,canvas,svg{display:block;margin:0;max-width:100%}input,button,textarea,select{margin:0;font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin:0}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}}@layer base{odx-icon{transition:var(--odx-transition-default);transition-property:transform}[odxPreventTextOverflow]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}odx-list-item:has(:is([odx-button],odx-list-item::part(control)):not([disabled]):active){--_color-background-pressed: var(--_color-background-hover)}[odx-button]:has(odx-icon:only-child),[odx-button]:has(odx-avatar:only-child){--_min-inline-size: 0}odx-accordion[indicator-position=start]{odx-accordion-item::part(indicator){--rotate: -90deg;order:-1}odx-accordion-item[expanded]::part(indicator){--rotate: 0}}odx-input:has([slot=suffix])::part(base){padding-inline-end:var(--odx-size-px)}}@layer base{h1,h2,h3,h4,h5,h6{display:block;line-height:var(--_line-height);font-family:var(--odx-typography-font-family-brand);font-size:var(--_font-size);font-weight:var(--odx-typography-font-weight-semibold)}h6{--_font-size: var(--odx-breakpoint-font-size-heading-6);--_line-height: var(--odx-breakpoint-line-height-heading-6)}h5{--_font-size: var(--odx-breakpoint-font-size-heading-5);--_line-height: var(--odx-breakpoint-line-height-heading-5)}h4{--_font-size: var(--odx-breakpoint-font-size-heading-4);--_line-height: var(--odx-breakpoint-line-height-heading-4)}h3{--_font-size: var(--odx-breakpoint-font-size-heading-3);--_line-height: var(--odx-breakpoint-line-height-heading-3)}h2{--_font-size: var(--odx-breakpoint-font-size-heading-2);--_line-height: var(--odx-breakpoint-line-height-heading-2)}h1{--_font-size: var(--odx-breakpoint-font-size-heading-1);--_line-height: var(--odx-breakpoint-line-height-heading-1)}}:root{--odx-color-stroke-control-rest: var(--odx-color-stroke-primary-rest);--odx-color-stroke-control-hover: var(--odx-color-stroke-primary-rest);--odx-color-stroke-control-pressed: var(--odx-color-stroke-primary-rest);--odx-color-stroke-control-readonly: var(--odx-color-stroke-primary-rest);--odx-color-background-control-selected: var(--odx-color-background-primary-rest);--odx-color-background-control-selected-hover: var(--odx-color-background-primary-hover);--odx-color-background-control-selected-pressed: var(--odx-color-background-primary-pressed)}@layer base{:root{--odx-transition-default: all var(--odx-motion-duration-default) var(--odx-motion-easing-default);--odx-transition-slow: all var(--odx-motion-duration-slow) var(--odx-motion-easing-default);--odx-transition-reduced: all var(--odx-motion-duration-fast) var(--odx-motion-easing-reduced);--odx-page-max-inline-size: 1600px;--odx-page-max-inline-size-narrow: 1200px;--odx-page-max-inline-size-wide: 2400px;scrollbar-color:var(--odx-color-background-brand) var(--odx-palette-transparent)}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--odx-color-background-base);line-height:var(--odx-typography-line-height-base);color:var(--odx-color-foreground-rest);font-family:var(--odx-typography-font-family-base),"Noto Sans",Kanit,sans-serif;font-size:var(--odx-typography-font-size-base)}}