@motifx-community/ui 0.1.0-beta.1 → 0.1.0-beta.3

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.

Potentially problematic release.


This version of @motifx-community/ui might be problematic. Click here for more details.

Files changed (259) hide show
  1. package/CHANGELOG.md +147 -8
  2. package/README.md +19 -13
  3. package/dist/components/accordion/Accordion.d.ts +3 -3
  4. package/dist/components/accordion/AccordionItem.d.ts +1 -1
  5. package/dist/components/calendar/Calendar.d.ts +12 -0
  6. package/dist/components/calendar/calendar-props.d.ts +5 -0
  7. package/dist/components/card/Card.d.ts +1 -1
  8. package/dist/components/contextmenu/ContextMenu.d.ts +1 -1
  9. package/dist/components/datagrid/DataGrid.d.ts +5 -5
  10. package/dist/components/datagrid/data-grid-props.d.ts +2 -2
  11. package/dist/components/datagrid/grid-adaptive-row-expanded-event-args.d.ts +1 -1
  12. package/dist/components/datagrid/grid-adaptive-row-expanding-event-args.d.ts +1 -1
  13. package/dist/components/datagrid/grid-grouping-changed-event-args.d.ts +1 -1
  14. package/dist/components/datagrid/grid-grouping-changing-event-args.d.ts +2 -2
  15. package/dist/components/datagrid/grid-master-detail.d.ts +1 -1
  16. package/dist/components/datagrid/grid-row-expanded-event-args.d.ts +1 -1
  17. package/dist/components/datagrid/grid-row-expanding-event-args.d.ts +1 -1
  18. package/dist/components/datagrid/grid-search-text-changed-event-args.d.ts +1 -1
  19. package/dist/components/datagrid/grid-search-text-changing-event-args.d.ts +1 -1
  20. package/dist/components/datagrid/grid-sort-changing-event-args.d.ts +1 -1
  21. package/dist/components/datagrid/model/GridSearch.d.ts +1 -1
  22. package/dist/components/daterangebox/DateRangeBox.d.ts +121 -0
  23. package/dist/components/daterangebox/date-range-box-props.d.ts +35 -0
  24. package/dist/components/daterangebox/date-range-preset.d.ts +6 -0
  25. package/dist/components/daterangebox/date-range.d.ts +2 -0
  26. package/dist/components/daterangebox/index.d.ts +4 -0
  27. package/dist/components/draggable/Draggable.d.ts +99 -0
  28. package/dist/components/draggable/DropTarget.d.ts +38 -0
  29. package/dist/components/draggable/draggable-event-args.d.ts +17 -0
  30. package/dist/components/draggable/draggable-props.d.ts +37 -0
  31. package/dist/components/draggable/drop-event-args.d.ts +11 -0
  32. package/dist/components/draggable/drop-target-props.d.ts +13 -0
  33. package/dist/components/draggable/index.d.ts +6 -0
  34. package/dist/components/fileuploader/FileUploader.d.ts +133 -0
  35. package/dist/components/fileuploader/file-uploader-props.d.ts +46 -0
  36. package/dist/components/fileuploader/files-added-event-args.d.ts +9 -0
  37. package/dist/components/fileuploader/index.d.ts +7 -0
  38. package/dist/components/fileuploader/upload-event-args.d.ts +10 -0
  39. package/dist/components/fileuploader/upload-item.d.ts +12 -0
  40. package/dist/components/fileuploader/upload-mode.d.ts +2 -0
  41. package/dist/components/fileuploader/upload-status.d.ts +2 -0
  42. package/dist/components/filterbuilder/FilterBuilder.d.ts +1 -1
  43. package/dist/components/gallery/Gallery.d.ts +132 -0
  44. package/dist/components/gallery/gallery-item-click-event-args.d.ts +9 -0
  45. package/dist/components/gallery/gallery-item.d.ts +18 -0
  46. package/dist/components/gallery/gallery-props.d.ts +38 -0
  47. package/dist/components/gallery/index.d.ts +6 -0
  48. package/dist/components/gallery/slide-changed-event-args.d.ts +11 -0
  49. package/dist/components/gallery/slide-changing-event-args.d.ts +14 -0
  50. package/dist/components/layout/ChildSettings.d.ts +1 -1
  51. package/dist/components/layout/DockPanel.d.ts +2 -2
  52. package/dist/components/layout/Grid.d.ts +1 -1
  53. package/dist/components/layout/SplitContainer.d.ts +1 -1
  54. package/dist/components/layout/Stack.d.ts +1 -1
  55. package/dist/components/loadpanel/LoadPanel.d.ts +70 -0
  56. package/dist/components/loadpanel/index.d.ts +3 -0
  57. package/dist/components/loadpanel/load-panel-props.d.ts +29 -0
  58. package/dist/components/loadpanel/load-panel-target.d.ts +3 -0
  59. package/dist/components/multiview/MultiView.d.ts +87 -0
  60. package/dist/components/multiview/View.d.ts +41 -0
  61. package/dist/components/multiview/index.d.ts +6 -0
  62. package/dist/components/multiview/multi-view-props.d.ts +24 -0
  63. package/dist/components/multiview/view-props.d.ts +15 -0
  64. package/dist/components/multiview/view-selecting-event-args.d.ts +15 -0
  65. package/dist/components/multiview/view-selection-changed-event-args.d.ts +12 -0
  66. package/dist/components/numberbox/number-box-props.d.ts +1 -1
  67. package/dist/components/popover/Popover.d.ts +98 -0
  68. package/dist/components/popover/index.d.ts +5 -0
  69. package/dist/components/popover/popover-close-reason.d.ts +2 -0
  70. package/dist/components/popover/popover-closing-event-args.d.ts +8 -0
  71. package/dist/components/popover/popover-props.d.ts +39 -0
  72. package/dist/components/popover/popover-show-on.d.ts +2 -0
  73. package/dist/components/resizable/Resizable.d.ts +84 -0
  74. package/dist/components/resizable/index.d.ts +3 -0
  75. package/dist/components/resizable/resizable-props.d.ts +41 -0
  76. package/dist/components/resizable/resize-event-args.d.ts +13 -0
  77. package/dist/components/scheduler/AppointmentEditor.d.ts +1 -1
  78. package/dist/components/scheduler/scheduler-props.d.ts +1 -1
  79. package/dist/components/scrollview/ScrollView.d.ts +109 -0
  80. package/dist/components/scrollview/index.d.ts +7 -0
  81. package/dist/components/scrollview/pull-down-event-args.d.ts +9 -0
  82. package/dist/components/scrollview/reach-bottom-event-args.d.ts +9 -0
  83. package/dist/components/scrollview/scroll-event-args.d.ts +7 -0
  84. package/dist/components/scrollview/scroll-view-bars.d.ts +2 -0
  85. package/dist/components/scrollview/scroll-view-direction.d.ts +2 -0
  86. package/dist/components/scrollview/scroll-view-props.d.ts +31 -0
  87. package/dist/components/skeleton/Skeleton.d.ts +1 -1
  88. package/dist/components/sortable/Sortable.d.ts +106 -0
  89. package/dist/components/sortable/index.d.ts +5 -0
  90. package/dist/components/sortable/sortable-drag-event-args.d.ts +15 -0
  91. package/dist/components/sortable/sortable-drop-event-args.d.ts +11 -0
  92. package/dist/components/sortable/sortable-orientation.d.ts +2 -0
  93. package/dist/components/sortable/sortable-props.d.ts +34 -0
  94. package/dist/components/speeddial/SpeedDial.d.ts +129 -0
  95. package/dist/components/speeddial/index.d.ts +6 -0
  96. package/dist/components/speeddial/speed-dial-action-click-event-args.d.ts +9 -0
  97. package/dist/components/speeddial/speed-dial-action.d.ts +25 -0
  98. package/dist/components/speeddial/speed-dial-event-args.d.ts +8 -0
  99. package/dist/components/speeddial/speed-dial-props.d.ts +49 -0
  100. package/dist/components/speeddial/speed-dial-tooltip.d.ts +3 -0
  101. package/dist/components/splitter/SplitPane.d.ts +45 -0
  102. package/dist/components/splitter/Splitter.d.ts +116 -0
  103. package/dist/components/splitter/index.d.ts +6 -0
  104. package/dist/components/splitter/split-pane-props.d.ts +21 -0
  105. package/dist/components/splitter/splitter-collapse-event-args.d.ts +13 -0
  106. package/dist/components/splitter/splitter-props.d.ts +25 -0
  107. package/dist/components/splitter/splitter-resize-event-args.d.ts +10 -0
  108. package/dist/components/stepper/Stepper.d.ts +121 -0
  109. package/dist/components/stepper/Wizard.d.ts +112 -0
  110. package/dist/components/stepper/WizardStep.d.ts +44 -0
  111. package/dist/components/stepper/index.d.ts +13 -0
  112. package/dist/components/stepper/step-changed-event-args.d.ts +11 -0
  113. package/dist/components/stepper/step-changing-event-args.d.ts +18 -0
  114. package/dist/components/stepper/stepper-item.d.ts +20 -0
  115. package/dist/components/stepper/stepper-label-position.d.ts +2 -0
  116. package/dist/components/stepper/stepper-orientation.d.ts +1 -0
  117. package/dist/components/stepper/stepper-props.d.ts +32 -0
  118. package/dist/components/stepper/stepper-status.d.ts +2 -0
  119. package/dist/components/stepper/wizard-finishing-event-args.d.ts +7 -0
  120. package/dist/components/stepper/wizard-props.d.ts +48 -0
  121. package/dist/components/stepper/wizard-step-props.d.ts +32 -0
  122. package/dist/components/tabdocs/TabDocumentManager.d.ts +1 -1
  123. package/dist/components/tabs/Tabs.d.ts +2 -2
  124. package/dist/components/tileview/TileView.d.ts +128 -0
  125. package/dist/components/tileview/index.d.ts +6 -0
  126. package/dist/components/tileview/tile-click-event-args.d.ts +9 -0
  127. package/dist/components/tileview/tile-reorder-event-args.d.ts +11 -0
  128. package/dist/components/tileview/tile-selection-changed-event-args.d.ts +11 -0
  129. package/dist/components/tileview/tile-view-item.d.ts +18 -0
  130. package/dist/components/tileview/tile-view-props.d.ts +38 -0
  131. package/dist/components/timeline/Timeline.d.ts +113 -0
  132. package/dist/components/timeline/index.d.ts +5 -0
  133. package/dist/components/timeline/timeline-item-click-event-args.d.ts +9 -0
  134. package/dist/components/timeline/timeline-item.d.ts +24 -0
  135. package/dist/components/timeline/timeline-props.d.ts +30 -0
  136. package/dist/components/timeline/timeline-selection-changed-event-args.d.ts +11 -0
  137. package/dist/components/tooltip/Tooltip.d.ts +1 -1
  138. package/dist/components/treeview/TreeView.d.ts +1 -1
  139. package/dist/components/validationsummary/ValidationSummary.d.ts +56 -0
  140. package/dist/components/validationsummary/index.d.ts +3 -0
  141. package/dist/components/validationsummary/summary-item-click-event-args.d.ts +11 -0
  142. package/dist/components/validationsummary/validation-summary-props.d.ts +17 -0
  143. package/dist/core/control.d.ts +4 -4
  144. package/dist/core/flow-home.d.ts +6 -0
  145. package/dist/core/fold-text.d.ts +6 -0
  146. package/dist/core/ui-locale.d.ts +0 -2
  147. package/dist/core/ui-strings.d.ts +67 -0
  148. package/dist/generated/tokens.d.ts +7270 -4490
  149. package/dist/index.d.ts +17 -1
  150. package/dist/index.js +27131 -20490
  151. package/dist/index.js.map +1 -1
  152. package/dist/locales/en.json +59 -1
  153. package/dist/locales/tr.json +59 -1
  154. package/dist/parts/slide/slide-track-host.d.ts +19 -0
  155. package/dist/parts/slide/slide-track.d.ts +45 -0
  156. package/dist/styles.css +4916 -206
  157. package/dist/tokens/index.d.ts +7270 -4490
  158. package/dist/tokens/index.js +7270 -4490
  159. package/dist/tokens/index.js.map +1 -1
  160. package/dist/tr-C5IXRzAH.js +1233 -0
  161. package/dist/tr-C5IXRzAH.js.map +1 -0
  162. package/docs/accordion.md +9 -9
  163. package/docs/actionsheet.md +2 -2
  164. package/docs/avatar.md +5 -5
  165. package/docs/badge.md +6 -6
  166. package/docs/bottomsheet.md +6 -6
  167. package/docs/breadcrumb.md +4 -4
  168. package/docs/button.md +10 -10
  169. package/docs/buttongroup.md +5 -5
  170. package/docs/calendar.md +6 -6
  171. package/docs/card.md +6 -6
  172. package/docs/checkbox.md +9 -9
  173. package/docs/chip.md +5 -5
  174. package/docs/colorbox.md +3 -3
  175. package/docs/combobox.md +7 -7
  176. package/docs/control.md +12 -12
  177. package/docs/datagrid-api.md +7 -7
  178. package/docs/datagrid-bands.md +1 -1
  179. package/docs/datagrid-drag-select.md +2 -2
  180. package/docs/datagrid-drag.md +1 -1
  181. package/docs/datagrid-editing.md +2 -2
  182. package/docs/datagrid-filtering.md +3 -3
  183. package/docs/datagrid-forms.md +1 -1
  184. package/docs/datagrid-grouping.md +1 -1
  185. package/docs/datagrid-layout.md +4 -4
  186. package/docs/datagrid-lookups.md +1 -1
  187. package/docs/datagrid-master-detail.md +3 -3
  188. package/docs/datagrid-scrolling.md +1 -1
  189. package/docs/datagrid-selection.md +3 -3
  190. package/docs/datagrid.md +8 -8
  191. package/docs/datebox.md +8 -8
  192. package/docs/daterangebox.md +192 -0
  193. package/docs/draggable.md +194 -0
  194. package/docs/drawer.md +1 -1
  195. package/docs/dropdown.md +10 -10
  196. package/docs/fileuploader.md +201 -0
  197. package/docs/filterbuilder.md +9 -9
  198. package/docs/formlayout.md +1 -1
  199. package/docs/gallery.md +244 -0
  200. package/docs/home.md +11 -7
  201. package/docs/keyboard.md +1 -1
  202. package/docs/language.md +229 -0
  203. package/docs/layout.md +15 -15
  204. package/docs/listbox.md +10 -10
  205. package/docs/loadpanel.md +184 -0
  206. package/docs/lookup.md +1 -1
  207. package/docs/menus.md +2 -2
  208. package/docs/multiview.md +202 -0
  209. package/docs/numberbox.md +9 -9
  210. package/docs/pagination.md +4 -4
  211. package/docs/popover.md +221 -0
  212. package/docs/progress.md +9 -9
  213. package/docs/radiogroup.md +7 -7
  214. package/docs/rating.md +4 -4
  215. package/docs/resizable.md +139 -0
  216. package/docs/scheduler-agenda.md +1 -1
  217. package/docs/scheduler-big-data.md +1 -1
  218. package/docs/scheduler-editing.md +5 -5
  219. package/docs/scheduler-form.md +1 -1
  220. package/docs/scheduler-icalendar.md +1 -1
  221. package/docs/scheduler-mobile.md +1 -1
  222. package/docs/scheduler-recurrence.md +2 -2
  223. package/docs/scheduler-resources.md +1 -1
  224. package/docs/scheduler-timeline.md +1 -1
  225. package/docs/scheduler.md +4 -4
  226. package/docs/scrollview.md +185 -0
  227. package/docs/showcase.md +1 -1
  228. package/docs/skeleton.md +2 -2
  229. package/docs/slider.md +9 -9
  230. package/docs/sortable.md +213 -0
  231. package/docs/speeddial.md +290 -0
  232. package/docs/splitter.md +204 -0
  233. package/docs/stepper.md +238 -0
  234. package/docs/switch.md +7 -7
  235. package/docs/tabdocs-dock.md +3 -3
  236. package/docs/tabdocs-drag.md +1 -1
  237. package/docs/tabdocs-menus.md +1 -1
  238. package/docs/tabdocs-mobile.md +1 -1
  239. package/docs/tabdocs-tabs.md +1 -1
  240. package/docs/tabdocs-windows.md +1 -1
  241. package/docs/tabdocs-workspace.md +1 -1
  242. package/docs/tabdocs.md +5 -5
  243. package/docs/tabs.md +11 -11
  244. package/docs/tagbox.md +10 -10
  245. package/docs/textarea.md +9 -9
  246. package/docs/textbox.md +10 -10
  247. package/docs/tileview.md +206 -0
  248. package/docs/timeline.md +174 -0
  249. package/docs/toast.md +7 -7
  250. package/docs/tokens.md +678 -122
  251. package/docs/toolbar.md +8 -8
  252. package/docs/tooltip.md +12 -12
  253. package/docs/treeview.md +11 -11
  254. package/docs/validationsummary.md +115 -0
  255. package/docs/window.md +7 -7
  256. package/docs/wizard.md +240 -0
  257. package/llms-full.txt +4813 -492
  258. package/llms.txt +21 -3
  259. package/package.json +9 -3
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tr-C5IXRzAH.js","names":[],"sources":["../src/locales/tr.json"],"sourcesContent":["{\r\n \"moreOptions\": \"Diğer seçenekler\",\r\n \"clear\": \"Temizle\",\r\n \"showPassword\": \"Parolayı göster\",\r\n \"hidePassword\": \"Parolayı gizle\",\r\n \"increase\": \"Artır\",\r\n \"decrease\": \"Azalt\",\r\n \"close\": \"Kapat\",\r\n \"loading\": \"Yükleniyor…\",\r\n \"noItems\": \"Öğe yok\",\r\n \"notInList\": \"Listede bulunamadı\",\r\n \"search\": \"Ara\",\r\n \"notifications\": \"Bildirimler\",\r\n \"previousMonth\": \"Önceki ay\",\r\n \"nextMonth\": \"Sonraki ay\",\r\n \"previousYear\": \"Önceki yıl\",\r\n \"nextYear\": \"Sonraki yıl\",\r\n \"previousYears\": \"Önceki yıllar\",\r\n \"nextYears\": \"Sonraki yıllar\",\r\n \"today\": \"Bugün\",\r\n \"chooseDate\": \"Tarih seç\",\r\n \"chooseTime\": \"Saat seç\",\r\n \"week\": \"Hafta\",\r\n \"invalidDate\": \"Geçerli bir tarih girin.\",\r\n \"invalidTime\": \"Geçerli bir saat girin.\",\r\n \"minimum\": \"En düşük\",\r\n \"maximum\": \"En yüksek\",\r\n \"loadFailed\": \"Yüklenemedi.\",\r\n \"retry\": \"Yeniden dene\",\r\n \"ok\": \"Tamam\",\r\n \"cancel\": \"İptal\",\r\n \"yes\": \"Evet\",\r\n \"no\": \"Hayır\",\r\n \"minimize\": \"Küçült\",\r\n \"maximize\": \"Büyüt\",\r\n \"restore\": \"Eski boyutuna getir\",\r\n \"resize\": \"Yeniden boyutlandır\",\r\n \"selectAll\": \"Tümünü seç\",\r\n \"removeItem\": \"{text} öğesini kaldır\",\r\n \"moreItems\": \"+{count}\",\r\n \"presenceOnline\": \"Çevrimiçi\",\r\n \"presenceAway\": \"Uzakta\",\r\n \"presenceBusy\": \"Meşgul\",\r\n \"presenceOffline\": \"Çevrimdışı\",\r\n \"avatarPresence\": \"{name}, {presence}\",\r\n \"cardSelect\": \"Seç: {title}\",\r\n \"ratingValue\": \"{max, number} üzerinden {value, number}\",\r\n \"ratingNone\": \"Puan verilmedi\",\r\n \"pagerPageSize\": \"Sayfa başına kayıt\",\r\n \"breadcrumb\": \"Sayfa yolu\",\r\n \"breadcrumbMore\": \"Diğer sayfalar\",\r\n \"chooseColor\": \"Renk seç\",\r\n \"colorArea\": \"Doygunluk ve parlaklık\",\r\n \"colorAreaValue\": \"Doygunluk %{s, number}, parlaklık %{v, number}\",\r\n \"colorHue\": \"Ton\",\r\n \"colorAlpha\": \"Opaklık\",\r\n \"colorHex\": \"Hex\",\r\n \"colorRed\": \"Kırmızı\",\r\n \"colorGreen\": \"Yeşil\",\r\n \"colorBlue\": \"Mavi\",\r\n \"colorPresets\": \"Renkler\",\r\n \"colorPick\": \"Ekrandan renk al\",\r\n \"avatarGroupMore\":\"{count} kişi daha\",\r\n \"required\": \"Bu alan zorunludur.\",\r\n \"invalidEmail\": \"Geçerli bir e-posta adresi girin.\",\r\n \"invalidUrl\": \"Geçerli bir web adresi girin.\",\r\n \"invalidFormat\": \"Değer beklenen biçimde değil.\",\r\n \"tooShort\": \"En az {min} karakter girin.\",\r\n \"tooLong\": \"En fazla {max} karakter girin.\",\r\n \"outOfRange\": \"{min} ile {max} arasında bir değer girin.\",\r\n \"tooSmall\": \"{min} veya daha büyük bir değer girin.\",\r\n \"tooLarge\": \"{max} veya daha küçük bir değer girin.\",\r\n \"noMatch\": \"Değerler eşleşmiyor.\",\r\n \"incomplete\": \"Değerin tamamını girin.\",\r\n \"invalid\": \"Değer geçerli değil.\",\r\n \"gridLabel\": \"Veri tablosu\",\r\n \"gridNoRows\": \"Kayıt yok\",\r\n \"gridSomeRowsFailed\": \"Bazı satırlar yüklenemedi.\",\r\n \"gridRecords\": \"{count, number} kayıt\",\r\n \"gridRecordsLoaded\": \"{count, number} kayıt yüklendi\",\r\n \"gridLoadingMore\": \"Daha fazla satır yükleniyor…\",\r\n \"gridLoadMoreFailed\": \"Daha fazla satır yüklenemedi.\",\r\n \"gridPager\": \"Sayfalar\",\r\n \"gridFirstPage\": \"İlk sayfa\",\r\n \"gridPreviousPage\": \"Önceki sayfa\",\r\n \"gridNextPage\": \"Sonraki sayfa\",\r\n \"gridLastPage\": \"Son sayfa\",\r\n \"gridPageOf\": \"Sayfa {page} / {count} ({total, number} kayıt)\",\r\n \"gridPage\": \"Sayfa\",\r\n \"gridPageCount\": \"/ {count}\",\r\n \"gridPageNumber\": \"Sayfa numarası\",\r\n \"gridPageButton\": \"Sayfa {page}\",\r\n \"gridPageSize\": \"Sayfa başına satır\",\r\n \"gridPageSizeAll\": \"Tümü\",\r\n \"gridColumnMenu\": \"{title} kolon menüsü\",\r\n \"gridSortAscending\": \"Artan sırala\",\r\n \"gridSortDescending\": \"Azalan sırala\",\r\n \"gridClearSort\": \"Sıralamayı kaldır\",\r\n \"gridPinStart\": \"Başa sabitle\",\r\n \"gridPinEnd\": \"Sona sabitle\",\r\n \"gridUnpin\": \"Sabitlemeyi kaldır\",\r\n \"gridAutoSize\": \"İçeriğe sığdır\",\r\n \"gridAutoSizeAll\": \"Tüm kolonları sığdır\",\r\n \"gridMoveColumn\": \"Taşı\",\r\n \"gridResizeColumn\": \"Genişlik\",\r\n \"gridHideColumn\": \"Kolonu gizle\",\r\n \"gridColumns\": \"Kolonlar\",\r\n \"gridResetLayout\": \"Düzeni sıfırla\",\r\n \"gridSortedAscending\": \"{title} kolonuna göre artan sıralandı\",\r\n \"gridSortedDescending\": \"{title} kolonuna göre azalan sıralandı\",\r\n \"gridSortCleared\": \"Sıralama kaldırıldı\",\r\n \"gridMovingHint\": \"{title} taşınıyor. Sol ve sağ oklar taşır, Enter bırakır, Esc vazgeçer.\",\r\n \"gridMovedTo\": \"{title}: {count} kolondan {position}. sırada\",\r\n \"gridResizingHint\": \"{title} genişliği değişiyor. Sol ve sağ oklar değiştirir, Enter bırakır, Esc vazgeçer.\",\r\n \"gridWidthIs\": \"{title}: {width} piksel\",\r\n \"gridColumnHidden\": \"{title} gizlendi\",\r\n \"gridColumnShown\": \"{title} gösterildi\",\r\n \"gridNewRow\": \"Yeni satır\",\r\n \"gridSaveChanges\": \"Değişiklikleri kaydet\",\r\n \"gridDiscardChanges\": \"Vazgeç\",\r\n \"gridSaveErrors\": \"{count, number} satırda hata var\",\r\n \"gridNextError\": \"Sonraki hata\",\r\n \"gridRowStatus\": \"Satır durumu\",\r\n \"gridStatusNew\": \"Yeni\",\r\n \"gridStatusChanged\": \"Değişti\",\r\n \"gridStatusRemoved\": \"Silinecek\",\r\n \"gridStatusSaving\": \"Kaydediliyor…\",\r\n \"gridStatusFailed\": \"Kaydedilemedi\",\r\n \"gridInvalidNumber\": \"Geçerli bir sayı girin.\",\r\n \"gridEmptyOption\": \"(boş)\",\r\n \"gridValueRange\": \"{from} – {to}\",\r\n \"gridQuarter\": \"{quarter}. çeyrek\",\r\n \"gridRowAdded\": \"Yeni satır eklendi\",\r\n \"gridRowSaved\": \"Satır kaydedildi\",\r\n \"gridRowRemoved\": \"Satır silindi\",\r\n \"gridChangesSaved\": \"{count} değişiklik kaydedildi\",\r\n \"gridFixErrors\": \"Önce işaretli alanları düzeltin.\",\r\n \"gridSaveFailed\": \"Kaydedilemedi.\",\r\n \"gridActions\": \"İşlemler\",\r\n \"gridMoreActions\": \"Diğer işlemler\",\r\n \"gridRowMenu\": \"Satır menüsü\",\r\n \"gridMoreActionsForRow\": \"Satır {row} için diğer işlemler\",\r\n \"gridActionCount\": \"{text} ({count})\",\r\n \"gridActionCountLabel\": \"{text}, {count, number} satır\",\r\n \"gridActionsForRow\": \"Geçerli satır için işlemler\",\r\n \"gridActionsForSelectedRow\": \"Seçili satır için işlemler\",\r\n \"gridActionsForSelectedRows\": \"{count, number} seçili satır için işlemler\",\r\n \"gridActionRunning\": \"{action}…\",\r\n \"gridActionProgress\": \"{done, number} / {total, number} satır\",\r\n \"gridActionStop\": \"Durdur\",\r\n \"gridActionDone\": \"{action}: {count, number} satırda yapıldı\",\r\n \"gridActionPartly\": \"{action}: {total, number} satırın {done, number} tanesi yapıldı, {failed, number} tanesi olmadı\",\r\n \"gridActionFailed\": \"{action} yapılamadı\",\r\n \"gridActionStopped\": \"{action}: durduruldu, {total, number} satırın {done, number} tanesi yapıldı\",\r\n \"gridEdit\": \"Düzenle\",\r\n \"gridDelete\": \"Sil\",\r\n \"gridRestore\": \"Geri al\",\r\n \"gridSave\": \"Kaydet\",\r\n \"gridCancelEdit\": \"Vazgeç\",\r\n \"gridRowInvalid\": \"Bu satır kaydedilemez.\",\r\n \"gridConfirmDelete\": \"Bu kaydı silmek istediğinizden emin misiniz?\",\r\n \"gridConfirmDeleteRows\": \"Bu {count, number} kaydı silmek istediğinizden emin misiniz?\",\r\n \"gridConfirmDeleteTitle\": \"Sil\",\r\n \"gridEditRowTitle\": \"Satırı düzenle\",\r\n \"gridNewRowTitle\": \"Yeni satır\",\r\n \"gridSelectRow\": \"Satırı seç\",\r\n \"gridSelectAll\": \"Tüm satırları seç\",\r\n \"gridSelectedCount\": \"{count, number} seçili\",\r\n \"gridFilterFor\": \"{title} filtresi\",\r\n \"gridFilterFrom\": \"{title} filtresi, başlangıç\",\r\n \"gridFilterTo\": \"{title} filtresi, bitiş\",\r\n \"gridFilterCondition\": \"{title} koşulu: {operator}\",\r\n \"gridFilterValues\": \"Değerlere göre filtrele…\",\r\n \"gridClearFilter\": \"Filtreyi temizle\",\r\n \"gridClearFilters\": \"Filtreleri temizle\",\r\n \"gridNoMatches\": \"Filtreye uyan kayıt yok\",\r\n \"gridApply\": \"Uygula\",\r\n \"gridAll\": \"(Tümü)\",\r\n \"gridOpContains\": \"İçerir\",\r\n \"gridOpStartsWith\": \"İle başlar\",\r\n \"gridOpEndsWith\": \"İle biter\",\r\n \"gridOpEquals\": \"Eşittir\",\r\n \"gridOpNotEquals\": \"Eşit değildir\",\r\n \"gridOpLess\": \"Küçüktür\",\r\n \"gridOpLessOrEqual\": \"Küçük veya eşittir\",\r\n \"gridOpGreater\": \"Büyüktür\",\r\n \"gridOpGreaterOrEqual\": \"Büyük veya eşittir\",\r\n \"gridOpBetween\": \"Arasında\",\r\n \"gridOpBlank\": \"Boş\",\r\n \"gridOpNotBlank\": \"Boş değil\",\r\n \"gridCopiedCell\": \"Hücre kopyalandı\",\r\n \"gridCopiedRows\": \"{count, number} satır kopyalandı\",\r\n \"gridCopyUseExport\": \"Bütün satırlar seçili: almak için dışa aktarın.\",\r\n \"gridPasted\": \"{count, number} hücre yapıştırıldı\",\r\n \"gridNothingPasted\": \"Buraya bir şey yapıştırılamadı.\",\r\n \"gridExport\": \"Dışa aktar\",\r\n \"gridExporting\": \"Dışa aktarılıyor…\",\r\n \"gridExported\": \"{count, number} satır dışa aktarıldı\",\r\n \"gridExportFailed\": \"Dışa aktarılamadı.\",\r\n \"gridExportCanceled\": \"Dışa aktarma durduruldu.\",\r\n \"gridExportAll\": \"Bütün veriyi {format} olarak dışa aktar\",\r\n \"gridExportSelectedRows\": \"Seçili satırları {format} olarak dışa aktar\",\r\n \"gridExportProgress\": \"{loaded, number} / {total, number} satır\",\r\n \"gridExportCancel\": \"Durdur\",\r\n \"gridFormatXlsx\": \"Excel\",\r\n \"gridFormatCsv\": \"CSV\",\r\n \"gridFormatPdf\": \"PDF\",\r\n \"gridLookupMissing\": \"Listede bulunamadı\",\r\n \"gridLookupLoading\": \"Yükleniyor\",\r\n \"gridLookupNoMatch\": \"Listede “{text}” adında bir şey yok.\",\r\n \"gridLookupSeveral\": \"Listede “{text}” adında birden çok kayıt var.\",\r\n \"gridToolbar\": \"Araç çubuğu\",\r\n \"gridSearch\": \"Tabloda ara\",\r\n \"gridSearchPlaceholder\": \"Ara…\",\r\n \"gridSearchResults\": \"{count, number} kayıt bulundu\",\r\n \"gridColumnChooser\": \"Kolon seçici\",\r\n \"gridGroupPanel\": \"Gruplama\",\r\n \"gridGroupPanelEmpty\": \"Bir kolona göre gruplamak için başlığını buraya sürükleyin\",\r\n \"gridGroupByColumn\": \"Bu kolona göre grupla\",\r\n \"gridUngroup\": \"Gruplamayı kaldır\",\r\n \"gridUngroupAll\": \"Bütün gruplamaları kaldır\",\r\n \"gridGroupedBy\": \"{title} kolonuna göre gruplandı\",\r\n \"gridUngroupedBy\": \"{title} gruplaması kaldırıldı\",\r\n \"gridGroupingCleared\": \"Gruplama kalmadı\",\r\n \"gridGroupText\": \"{title}: {value}\",\r\n \"gridGroupCount\": \"({count})\",\r\n \"gridGroupChipAscending\": \"{title}, gruplar artan\",\r\n \"gridGroupChipDescending\": \"{title}, gruplar azalan\",\r\n \"gridGroupChipHint\": \"Enter grupların sırasını çevirir; Delete gruplamayı kaldırır.\",\r\n \"gridDetails\": \"Ayrıntılar\",\r\n \"gridDetailsOf\": \"{row}. satırın ayrıntıları\",\r\n \"gridAdaptive\": \"Gizli kolonlar\",\r\n \"gridDragColumn\": \"Taşı\",\r\n \"gridDragRow\": \"Satırı taşımak için sürükleyin\",\r\n \"gridRowMoved\": \"Satır {count} satırın {position}. sırasına taşındı\",\r\n \"gridRowMovedTo\": \"Satır {grid} tablosuna taşındı\",\r\n \"gridRowDroppedOnto\": \"Satır {position}. satırın üstüne bırakıldı\",\r\n \"gridRowMoveFirst\": \"Satır zaten ilk sırada\",\r\n \"gridRowMoveLast\": \"Satır zaten son sırada\",\r\n \"gridRowDragCanceled\": \"Taşıma iptal edildi\",\r\n \"gridRowsSelected\": \"{count, number} satır seçildi\",\r\n \"gridCellsSelected\": \"{rows, number} × {columns, number} hücre seçildi\",\r\n \"gridCellRangesSelected\": \"{ranges, number} aralıkta {count, number} hücre seçildi\",\r\n \"gridCellSelectionCleared\": \"Hücre seçimi kaldırıldı\",\r\n \"gridDragSelectCanceled\": \"Sürükleyerek seçim iptal edildi\",\r\n \"gridCopiedCells\": \"{count, number} hücre kopyalandı\",\r\n \"gridCopyNotLoaded\": \"Seçili satırların bir kısmı yüklenmedi: almak için dışa aktarın.\",\r\n \"gridCellsCleared\": \"{count, number} hücre temizlendi\",\r\n \"gridHideBand\": \"Bandı gizle\",\r\n \"gridAdaptiveOf\": \"{row}. satırın gizli kolonları\",\r\n \"gridSummarySum\": \"Toplam: {0}\",\r\n \"gridSummarySumOtherColumn\": \"{1} toplamı: {0}\",\r\n \"gridSummaryMin\": \"En küçük: {0}\",\r\n \"gridSummaryMinOtherColumn\": \"En küçük {1}: {0}\",\r\n \"gridSummaryMax\": \"En büyük: {0}\",\r\n \"gridSummaryMaxOtherColumn\": \"En büyük {1}: {0}\",\r\n \"gridSummaryAvg\": \"Ortalama: {0}\",\r\n \"gridSummaryAvgOtherColumn\": \"{1} ortalaması: {0}\",\r\n \"gridSummaryCount\": \"Sayı: {0}\",\r\n \"gridSummarySeparator\": \" · \",\r\n \"gridTotalSummary\": \"Toplamlar\",\r\n \"filterBuilderLabel\": \"Filtre\",\r\n \"filterBuilderAnd\": \"Ve\",\r\n \"filterBuilderOr\": \"Veya\",\r\n \"filterBuilderNotAnd\": \"Ve Değil\",\r\n \"filterBuilderNotOr\": \"Veya Değil\",\r\n \"filterBuilderNot\": \"Değil\",\r\n \"filterBuilderAdd\": \"Ekle\",\r\n \"filterBuilderAddCondition\": \"Koşul ekle\",\r\n \"filterBuilderAddGroup\": \"Grup ekle\",\r\n \"filterBuilderRemoveCondition\": \"Koşulu kaldır\",\r\n \"filterBuilderRemoveGroup\": \"Grubu kaldır\",\r\n \"filterBuilderEnterValue\": \"<bir değer girin>\",\r\n \"filterBuilderGroupLabel\": \"Grup işlemi: {operation}\",\r\n \"filterBuilderFieldLabel\": \"Alan: {field}\",\r\n \"filterBuilderOperationLabel\": \"İşlem: {operation}\",\r\n \"filterBuilderValueLabel\": \"Değer: {value}\",\r\n \"filterBuilderValueOf\": \"{field} değeri\",\r\n \"filterBuilderFrom\": \"{field}, başlangıç\",\r\n \"filterBuilderTo\": \"{field}, bitiş\",\r\n \"filterBuilderTrue\": \"doğru\",\r\n \"filterBuilderFalse\": \"yanlış\",\r\n \"filterOpEquals\": \"Eşittir\",\r\n \"filterOpNotEquals\": \"Eşit değildir\",\r\n \"filterOpLess\": \"Küçüktür\",\r\n \"filterOpLessOrEqual\": \"Küçük veya eşittir\",\r\n \"filterOpGreater\": \"Büyüktür\",\r\n \"filterOpGreaterOrEqual\": \"Büyük veya eşittir\",\r\n \"filterOpContains\": \"İçerir\",\r\n \"filterOpNotContains\": \"İçermez\",\r\n \"filterOpStartsWith\": \"İle başlar\",\r\n \"filterOpEndsWith\": \"İle biter\",\r\n \"filterOpBetween\": \"Arasındadır\",\r\n \"filterOpAnyOf\": \"Herhangi biridir\",\r\n \"filterOpNoneOf\": \"Hiçbiri değildir\",\r\n \"filterOpBlank\": \"Boştur\",\r\n \"filterOpNotBlank\": \"Boş değildir\",\r\n \"gridFilterPanel\": \"Filtre\",\r\n \"gridFilterPanelCreate\": \"Filtre oluştur\",\r\n \"gridFilterPanelClear\": \"Temizle\",\r\n \"gridFilterPanelEnable\": \"Filtreyi etkinleştir\",\r\n \"gridFilterPanelEdit\": \"Filtreyi düzenle: {filter}\",\r\n \"gridFilterBuilderTitle\": \"Filtre oluşturucu\",\r\n \"tabDocsGroup\": \"{n}. grup\",\r\n \"tabDocsTabs\": \"{n}. gruptaki belgeler\",\r\n \"tabDocsEmpty\": \"Açık belge yok\",\r\n \"tabDocsUnsaved\": \"kaydedilmemiş değişiklikler\",\r\n \"tabDocsSplitRight\": \"Sağa böl\",\r\n \"tabDocsMaximize\": \"Grubu büyüt\",\r\n \"tabDocsRestore\": \"Grupları geri getir\",\r\n \"tabDocsGroupActions\": \"Grup işlemleri\",\r\n \"tabDocsResize\": \"Grupları boyutlandır\",\r\n \"tabDocsOpened\": \"{title} açıldı\",\r\n \"tabDocsClosed\": \"{title} kapandı\",\r\n \"tabDocsMoved\": \"{title} {n}. gruba taşındı\",\r\n \"tabDocsSplit\": \"{n}. grup eklendi\",\r\n \"tabDocsGroupClosed\": \"Grup kapandı\",\r\n \"tabDocsMaximized\": \"{n}. grup büyütüldü\",\r\n \"tabDocsRestored\": \"Gruplar geri getirildi\",\r\n \"tabDocsCloseOthers\": \"Diğerlerini kapat\",\r\n \"tabDocsCloseRight\": \"Sağdakileri kapat\",\r\n \"tabDocsCloseLeft\": \"Soldakileri kapat\",\r\n \"tabDocsCloseSaved\": \"Kaydedilenleri kapat\",\r\n \"tabDocsCloseAll\": \"Tümünü kapat\",\r\n \"tabDocsKeepOpen\": \"Açık tut\",\r\n \"tabDocsPin\": \"Sabitle\",\r\n \"tabDocsUnpin\": \"Sabitlemeyi kaldır\",\r\n \"tabDocsSplitUp\": \"Yukarı böl\",\r\n \"tabDocsSplitDown\": \"Aşağı böl\",\r\n \"tabDocsSplitLeft\": \"Sola böl\",\r\n \"tabDocsMoveNext\": \"Sonraki gruba taşı\",\r\n \"tabDocsMovePrevious\": \"Önceki gruba taşı\",\r\n \"tabDocsCopyTitle\": \"Başlığı kopyala\",\r\n \"tabDocsNewDocument\": \"Yeni belge\",\r\n \"tabDocsReopenClosed\": \"Kapatılanı yeniden aç\",\r\n \"tabDocsLock\": \"Grubu kilitle\",\r\n \"tabDocsUnlock\": \"Grubun kilidini aç\",\r\n \"tabDocsOpenList\": \"Açık belgeler\",\r\n \"tabDocsOpenListHidden\": \"Açık belgeler, {n} tanesi görünmüyor\",\r\n \"tabDocsBarMenu\": \"Açık belgeler ve komutlar\",\r\n \"tabDocsBarMenuHidden\": \"Açık belgeler ve komutlar, {n} tanesi görünmüyor\",\r\n \"tabDocsRecent\": \"Son kullanılan belgeler\",\r\n \"tabDocsPinState\": \"sabit\",\r\n \"tabDocsPreviewState\": \"önizleme\",\r\n \"tabDocsLockState\": \"{n}. grup, kilitli\",\r\n \"tabDocsInGroup\": \"{n}. grup\",\r\n \"tabDocsPinned\": \"{title} sabitlendi\",\r\n \"tabDocsUnpinned\": \"{title} sabitlemesi kaldırıldı\",\r\n \"tabDocsKept\": \"{title} açık tutuluyor\",\r\n \"tabDocsLocked\": \"{n}. grup kilitlendi\",\r\n \"tabDocsUnlocked\": \"{n}. grubun kilidi açıldı\",\r\n \"tabDocsMoveTo\": \"Taşı…\",\r\n \"tabDocsMoveGroupTo\": \"Grubu taşı…\",\r\n \"tabDocsCopied\": \"{title}, {n}. gruba kopyalandı\",\r\n \"tabDocsGroupMoved\": \"{n}. grup taşındı\",\r\n \"tabDocsDragCanceled\": \"Taşıma iptal edildi\",\r\n \"tabDocsMoveStart\": \"{title} taşınıyor: yeri ok tuşları, grubu Tab seçer; Enter taşır, Escape vazgeçer.\",\r\n \"tabDocsMoveGroupStart\": \"{n}. grup taşınıyor: yeri ok tuşları, grubu Tab seçer; Enter taşır, Escape vazgeçer.\",\r\n \"tabDocsPlaceInto\": \"{n}. grubun içine\",\r\n \"tabDocsPlaceLeft\": \"{n}. grubun soluna yeni grup\",\r\n \"tabDocsPlaceRight\": \"{n}. grubun sağına yeni grup\",\r\n \"tabDocsPlaceUp\": \"{n}. grubun üstüne yeni grup\",\r\n \"tabDocsPlaceDown\": \"{n}. grubun altına yeni grup\",\r\n \"tabDocsEdgeLeft\": \"Sol kenar boyunca yeni grup\",\r\n \"tabDocsEdgeRight\": \"Sağ kenar boyunca yeni grup\",\r\n \"tabDocsEdgeUp\": \"Üst kenar boyunca yeni grup\",\r\n \"tabDocsEdgeDown\": \"Alt kenar boyunca yeni grup\",\r\n \"tabDocsPlaceRefused\": \"{place}: buraya taşınamaz\",\r\n \"tabDocsFloat\": \"Kayan pencereye al\",\r\n \"tabDocsDock\": \"Yerine geri koy\",\r\n \"tabDocsDockLeft\": \"Sola yerleştir\",\r\n \"tabDocsDockRight\": \"Sağa yerleştir\",\r\n \"tabDocsDockTop\": \"Üste yerleştir\",\r\n \"tabDocsDockBottom\": \"Alta yerleştir\",\r\n \"tabDocsAutoHide\": \"Otomatik gizle\",\r\n \"tabDocsAutoHideOff\": \"Otomatik gizlemeyi kapat\",\r\n \"tabDocsMaximizeWindow\": \"Pencereyi büyüt\",\r\n \"tabDocsRestoreWindow\": \"Pencereyi geri getir\",\r\n \"tabDocsCloseWindow\": \"Pencereyi kapat\",\r\n \"tabDocsWindow\": \"{n}. kayan pencere\",\r\n \"tabDocsAreaLeft\": \"Sol yerleştirme alanı\",\r\n \"tabDocsAreaRight\": \"Sağ yerleştirme alanı\",\r\n \"tabDocsAreaTop\": \"Üst yerleştirme alanı\",\r\n \"tabDocsAreaBottom\": \"Alt yerleştirme alanı\",\r\n \"tabDocsResizeArea\": \"{area}: boyutlandır\",\r\n \"tabDocsHiddenLeft\": \"Solda gizli\",\r\n \"tabDocsHiddenRight\": \"Sağda gizli\",\r\n \"tabDocsHiddenTop\": \"Üstte gizli\",\r\n \"tabDocsHiddenBottom\": \"Altta gizli\",\r\n \"tabDocsFloated\": \"{title} kayan pencereye alındı\",\r\n \"tabDocsDocked\": \"{title} yerleştirildi: {area}\",\r\n \"tabDocsDockedBack\": \"{title}, {n}. gruba yerleştirildi\",\r\n \"tabDocsAutoHidden\": \"{area} kenarına katlandı\",\r\n \"tabDocsAutoHideShown\": \"{area} gösteriliyor\",\r\n \"tabDocsSlidOut\": \"{title} gösteriliyor\",\r\n \"tabDocsWindowClosed\": \"Pencere kapandı\",\r\n \"tabDocsWindowMaximized\": \"Pencere büyütüldü\",\r\n \"tabDocsWindowRestored\": \"Pencere geri getirildi\",\r\n \"tabDocsWindowKeys\": \"Pencere taşınıyor: ok tuşları taşır, Shift ile ok boyutlandırır; Enter bırakır, Escape geri koyar.\",\r\n \"tabDocsPlaceDockLeft\": \"Sol yerleştirme alanına\",\r\n \"tabDocsPlaceDockRight\": \"Sağ yerleştirme alanına\",\r\n \"tabDocsPlaceDockTop\": \"Üst yerleştirme alanına\",\r\n \"tabDocsPlaceDockBottom\": \"Alt yerleştirme alanına\",\r\n \"tabDocsPlaceFloat\": \"Kendi kayan penceresine\",\r\n \"tabDocsNewWindow\": \"Yeni pencereye taşı\",\r\n \"tabDocsWindowToNewWindow\": \"Pencereyi yeni pencereye taşı\",\r\n \"tabDocsMainWindow\": \"Ana pencereye geri taşı\",\r\n \"tabDocsMovedToNewWindow\": \"{title} yeni pencereye taşındı\",\r\n \"tabDocsMovedToMainWindow\": \"{title} ana pencereye geri taşındı\",\r\n \"tabDocsNewWindowClosed\": \"Pencere kapandı, belgeleri ana pencereye döndü\",\r\n \"tabDocsWindowBlocked\": \"Tarayıcı yeni pencereyi açmadı\",\r\n \"tabDocsDocuments\": \"Belgeler\",\r\n \"tabDocsPlaceNewWindow\": \"Yeni pencereye\",\r\n \"tabDocsPlaceInWindow\": \"{place}, {n}. pencerede\",\r\n \"tabDocsHide\": \"Gizle\",\r\n \"tabDocsShowHidden\": \"Gizlileri göster\",\r\n \"tabDocsCloseActive\": \"Kapat: {title}\",\r\n \"tabDocsHideActive\": \"Gizle: {title}\",\r\n \"tabDocsHidden\": \"{title} gizlendi\",\r\n \"tabDocsShown\": \"{title} yeniden gösteriliyor\",\r\n \"back\": \"Geri\",\r\n \"sheetLabel\": \"Alt panel\",\r\n \"sheetHandle\": \"Panel yüksekliği\",\r\n \"sheetPeek\": \"Küçük\",\r\n \"sheetHalf\": \"Yarım yükseklik\",\r\n \"sheetFull\": \"Tam yükseklik\",\r\n \"sheetFit\": \"İçeriği kadar\",\r\n \"sheetHeight\": \"{height} yüksekliğinde\",\r\n \"drawerLabel\": \"Yan panel\",\r\n \"actionSheetLabel\": \"Eylemler\",\r\n \"tabDocsPresentation\": \"{kind} görünümü\",\r\n \"tabDocsDesktop\": \"Masaüstü\",\r\n \"tabDocsTablet\": \"Tablet\",\r\n \"tabDocsPhone\": \"Telefon\",\r\n \"tabDocsPhoneTitle\": \"{title}, komutları\",\r\n \"tabDocsPhoneCount\": \"Açık belgeler: {n}\",\r\n \"tabDocsPhoneList\": \"Açık belgeler\",\r\n \"tabDocsPhoneSearch\": \"Belgelerde ara\",\r\n \"tabDocsPhoneTools\": \"Araçlar\",\r\n \"schedulerLabel\": \"Takvim\",\r\n \"schedulerPrevious\": \"Önceki\",\r\n \"schedulerNext\": \"Sonraki\",\r\n \"schedulerViews\": \"Görünümler\",\r\n \"schedulerDay\": \"Gün\",\r\n \"schedulerWeek\": \"Hafta\",\r\n \"schedulerWorkWeek\": \"İş haftası\",\r\n \"schedulerMonth\": \"Ay\",\r\n \"schedulerTimelineDay\": \"Gün çizelgesi\",\r\n \"schedulerTimelineWeek\": \"Hafta çizelgesi\",\r\n \"schedulerTimelineWorkWeek\": \"İş haftası çizelgesi\",\r\n \"schedulerTimelineMonth\": \"Ay çizelgesi\",\r\n \"schedulerAgenda\": \"Ajanda\",\r\n \"schedulerAllDay\": \"Tüm gün\",\r\n \"schedulerTimes\": \"Saatler\",\r\n \"schedulerAppointments\": \"Randevular\",\r\n \"schedulerMore\": \"+{count} daha\",\r\n \"schedulerMoreLabel\": \"{date} için {count} randevu daha\",\r\n \"schedulerNoTitle\": \"(Başlıksız)\",\r\n \"schedulerAppointment\": \"{text}, {time}\",\r\n \"schedulerContinues\": \"devam ediyor\",\r\n \"schedulerNow\": \"Şimdi\",\r\n \"schedulerShown\": \"{range}\",\r\n \"schedulerViewShown\": \"{view} görünümü, {range}\",\r\n \"schedulerNoAppointments\": \"Randevu yok\",\r\n \"schedulerNewAppointment\": \"Yeni randevu\",\r\n \"schedulerEditAppointment\": \"Randevuyu düzenle\",\r\n \"schedulerSubject\": \"Başlık\",\r\n \"schedulerStart\": \"Başlangıç\",\r\n \"schedulerEnd\": \"Bitiş\",\r\n \"schedulerDescription\": \"Açıklama\",\r\n \"schedulerSave\": \"Kaydet\",\r\n \"schedulerEdit\": \"Düzenle\",\r\n \"schedulerDelete\": \"Sil\",\r\n \"schedulerDeleteConfirm\": \"\\\"{text}\\\" silinsin mi?\",\r\n \"schedulerEndBeforeStart\": \"Bitiş, başlangıçtan önce.\",\r\n \"schedulerAdded\": \"{text} eklendi\",\r\n \"schedulerDeleted\": \"{text} silindi\",\r\n \"schedulerMoved\": \"{text}, {time} zamanına taşındı\",\r\n \"schedulerMoving\": \"{text}: {time}. Enter kaydeder, Escape geri alır.\",\r\n \"schedulerSaveFailed\": \"Kaydedilemedi.\",\r\n \"schedulerSavedInPart\": \"Tamamı kaydedilemedi: değişikliğin bir kısmı kaydedildi.\",\r\n \"schedulerRepeats\": \"Yinelenir: {rule}\",\r\n \"schedulerChanged\": \"Serisinden ayrı değiştirildi\",\r\n \"schedulerSeriesEdit\": \"Yinelenen randevuyu değiştir\",\r\n \"schedulerSeriesDelete\": \"Yinelenen randevuyu sil\",\r\n \"schedulerSeriesEditQuestion\": \"\\\"{text}\\\" yineleniyor. Hangileri değişsin?\",\r\n \"schedulerSeriesDeleteQuestion\": \"\\\"{text}\\\" yineleniyor. Hangileri silinsin?\",\r\n \"schedulerSeriesOccurrence\": \"Bu randevu\",\r\n \"schedulerSeriesFollowing\": \"Bu ve sonrakiler\",\r\n \"schedulerSeriesAll\": \"Serinin tümü\",\r\n \"schedulerTimeZone\": \"Saat dilimi\",\r\n \"schedulerSeparateEndZone\": \"Ayrı bitiş saat dilimi\",\r\n \"schedulerStartTimeZone\": \"Başlangıç saat dilimi\",\r\n \"schedulerEndTimeZone\": \"Bitiş saat dilimi\",\r\n \"schedulerOwnZone\": \"Takvimin dilimi: {zone}\",\r\n \"schedulerInZone\": \"{zone} saatiyle {time}\",\r\n \"schedulerBlocked\": \"uygun değil: {text}\",\r\n \"schedulerUnavailable\": \"uygun değil\",\r\n \"schedulerMovingNotFree\": \"{text}: {time}, uygun değil. Escape geri alır.\",\r\n \"schedulerTaken\": \"Uygun değil: bu saatte {text} var.\",\r\n \"schedulerBlockedTime\": \"Uygun değil: {text}.\",\r\n \"schedulerOffHours\": \"Çalışma saatleri dışında.\",\r\n \"schedulerNotFree\": \"Bu zaman uygun değil.\",\r\n \"schedulerImported\": \"{count} randevu içe aktarıldı.\",\r\n \"recurrenceRepeat\": \"Yineleme\",\r\n \"recurrenceNever\": \"Yinelenmez\",\r\n \"recurrenceDaily\": \"Günlük\",\r\n \"recurrenceWeekly\": \"Haftalık\",\r\n \"recurrenceMonthly\": \"Aylık\",\r\n \"recurrenceYearly\": \"Yıllık\",\r\n \"recurrenceEvery\": \"Sıklık\",\r\n \"recurrenceDayOne\": \"günde bir\",\r\n \"recurrenceDayOther\": \"günde bir\",\r\n \"recurrenceWeekOne\": \"haftada bir\",\r\n \"recurrenceWeekOther\": \"haftada bir\",\r\n \"recurrenceMonthOne\": \"ayda bir\",\r\n \"recurrenceMonthOther\": \"ayda bir\",\r\n \"recurrenceYearOne\": \"yılda bir\",\r\n \"recurrenceYearOther\": \"yılda bir\",\r\n \"recurrenceOn\": \"Günler\",\r\n \"recurrenceBy\": \"Hangi gün\",\r\n \"recurrenceByMonthDay\": \"Ayın bir günü\",\r\n \"recurrenceByWeekday\": \"Haftanın bir günü\",\r\n \"recurrenceMonthDay\": \"Gün\",\r\n \"recurrenceNth\": \"Kaçıncı\",\r\n \"recurrenceWeekday\": \"Haftanın günü\",\r\n \"recurrenceMonth\": \"Ay\",\r\n \"recurrenceEnds\": \"Bitiş\",\r\n \"recurrenceEndNever\": \"Hiçbir zaman\",\r\n \"recurrenceEndCount\": \"Belli bir sayıdan sonra\",\r\n \"recurrenceEndUntil\": \"Bir tarihte\",\r\n \"recurrenceCount\": \"Kaç kez\",\r\n \"recurrenceUntil\": \"Son tarih\",\r\n \"recurrenceFirst\": \"ilk\",\r\n \"recurrenceSecond\": \"ikinci\",\r\n \"recurrenceThird\": \"üçüncü\",\r\n \"recurrenceFourth\": \"dördüncü\",\r\n \"recurrenceLast\": \"son\",\r\n \"recurrenceSummaryNever\": \"Yinelenmez\",\r\n \"recurrenceSummaryDaily\": \"Her gün\",\r\n \"recurrenceSummaryDays\": \"{n} günde bir\",\r\n \"recurrenceSummaryWeekly\": \"Her hafta\",\r\n \"recurrenceSummaryWeeks\": \"{n} haftada bir\",\r\n \"recurrenceSummaryMonthly\": \"Her ay\",\r\n \"recurrenceSummaryMonths\": \"{n} ayda bir\",\r\n \"recurrenceSummaryYearly\": \"Her yıl\",\r\n \"recurrenceSummaryYears\": \"{n} yılda bir\",\r\n \"recurrenceSummaryOnDays\": \"{rule}, {days}\",\r\n \"recurrenceSummaryOnDay\": \"{rule}, ayın {day}. günü\",\r\n \"recurrenceSummaryOnLastDay\": \"{rule}, ayın son günü\",\r\n \"recurrenceSummaryOnNth\": \"{rule}, ayın {nth} {weekday} günü\",\r\n \"recurrenceSummaryOnDate\": \"{rule}, {date}\",\r\n \"recurrenceSummaryOnNthOf\": \"{rule}, {month} ayının {nth} {weekday} günü\",\r\n \"recurrenceSummaryCount\": \"{rule}, {count} kez\",\r\n \"recurrenceSummaryUntil\": \"{rule}, {date} tarihine kadar\",\r\n \"recurrenceSummaryCustom\": \"{rule}, kendine özgü bir kuralla\",\r\n \"steps\": \"Adımlar\",\r\n \"stepOf\": \"Adım {index, number} / {count, number}\",\r\n \"stepOptional\": \"İsteğe bağlı\",\r\n \"stepDone\": \"Tamamlandı\",\r\n \"stepError\": \"Düzeltme gerekiyor\",\r\n \"wizardNext\": \"İleri\",\r\n \"wizardPrevious\": \"Geri\",\r\n \"wizardFinish\": \"Bitir\",\r\n \"rangeStart\": \"Başlangıç tarihi\",\r\n \"rangeEnd\": \"Bitiş tarihi\",\r\n \"rangeOrder\": \"Başlangıç bitişten sonra.\",\r\n \"rangeTooShort\": \"En az {count, number} gün seçin.\",\r\n \"rangeTooLong\": \"En çok {count, number} gün seçin.\",\r\n \"rangeToday\": \"Bugün\",\r\n \"rangeYesterday\": \"Dün\",\r\n \"rangeLast7\": \"Son 7 gün\",\r\n \"rangeLast30\": \"Son 30 gün\",\r\n \"rangeThisMonth\": \"Bu ay\",\r\n \"rangeLastMonth\": \"Geçen ay\",\r\n \"fileSelect\": \"Dosya seç\",\r\n \"fileSelectOne\": \"Bir dosya seç\",\r\n \"fileDrop\": \"ya da buraya bırak\",\r\n \"fileDropOne\": \"ya da buraya bırak\",\r\n \"fileUpload\": \"Yükle\",\r\n \"fileTooLarge\": \"{name}, {max} sınırından büyük.\",\r\n \"fileTooSmall\": \"{name}, {min} sınırından küçük.\",\r\n \"fileWrongType\": \"{name} burada izin verilen bir dosya türü değil.\",\r\n \"fileTooMany\": \"En çok {count, number} dosya.\",\r\n \"fileUploading\": \"Yükleniyor, %{percent, number}\",\r\n \"fileUploaded\": \"Yüklendi\",\r\n \"fileFailed\": \"Yüklenemedi.\",\r\n \"fileAborted\": \"İptal edildi\",\r\n \"fileAbort\": \"{name} yüklemesini iptal et\",\r\n \"sortableMoved\": \"{count, number} içinde {index, number}. sıraya taşındı\",\r\n \"scrollPullDown\": \"Yenilemek için aşağı çekin\",\r\n \"scrollRelease\": \"Yenilemek için bırakın\",\r\n \"scrollRefreshing\": \"Yenileniyor…\",\r\n \"gallery\": \"Galeri\",\r\n \"gallerySlides\": \"Slaytlar\",\r\n \"gallerySlideOf\": \"Slayt {index, number} / {count, number}\",\r\n \"galleryPrevious\": \"Önceki slayt\",\r\n \"galleryNext\": \"Sonraki slayt\",\r\n \"galleryChoose\": \"Slayt seçin\",\r\n \"galleryPlay\": \"Slayt gösterisini başlat\",\r\n \"galleryPause\": \"Slayt gösterisini duraklat\",\r\n \"multiView\": \"Sayfalar\",\r\n \"multiViewPageOf\": \"Sayfa {index, number} / {count, number}\",\r\n \"splitterCollapse\": \"Bölmeyi gizle\",\r\n \"splitterExpand\": \"Bölmeyi göster\",\r\n \"tiles\": \"Karolar\",\r\n \"move\": \"Taşı\",\r\n \"sizeNow\": \"Genişlik {width, number}, yükseklik {height, number}\",\r\n \"positionNow\": \"Yana {x, number}, aşağı {y, number} taşındı\",\r\n \"actions\": \"Eylemler\",\r\n \"validationSummary\": \"Lütfen şunları düzeltin\",\r\n \"timeline\": \"Zaman çizelgesi\",\r\n \"timelineEarlier\": \"Daha öncesi\",\r\n \"timelineLater\": \"Daha sonrası\"\r\n}\r\n"],"mappings":""}
package/docs/accordion.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Accordion
2
2
 
3
- > Navigation · @motifx-community/ui 0.1.0-beta.1
3
+ > Navigation · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  An accordion opens and closes sections under their headers: one at a time or several, kept open, with icons, three looks and sections built when they are first opened.
6
6
 
@@ -10,9 +10,9 @@ An accordion opens and closes sections under their headers: one at a time or sev
10
10
  import { Accordion, AccordionItem } from '@motifx-community/ui';
11
11
  ```
12
12
 
13
- ## From JSX and from code
13
+ ## Declarative and programmatic
14
14
 
15
- An `<AccordionItem>`'s children are its section. `value` lists the open items' keys and `x-model` binds it two-way. Created with `new`, items are added and removed from code.
15
+ An `<AccordionItem>`'s children are its section. `value` lists the open items' keys and `x-model` binds it two-way. Created with `new`, items are added and removed programmatically.
16
16
 
17
17
  ```tsx
18
18
  import { reactive } from '@motifx/core';
@@ -30,14 +30,14 @@ const FAQ = [
30
30
  { q: 'How do I return an item?', a: 'Send it back within 14 days with the slip in the box.' },
31
31
  ];
32
32
 
33
- /** An accordion from JSX bound with x-model, and one created with `new` that gets items from code. */
34
- export default function FromCode() {
33
+ /** An accordion from JSX bound with x-model, and one created with `new` that gets items programmatically. */
34
+ export default function Programmatic() {
35
35
  const s = reactive({ open: ['shipping'] as (string | number)[], address: '', log: '' });
36
36
  let added = 0;
37
37
 
38
38
  const faq = new Accordion({ variant: 'separated', multiple: true });
39
39
  for (const entry of FAQ) faq.add(new AccordionItem({ title: entry.q, content: () => <p>{entry.a}</p> }));
40
- faq.onExpanded((e) => (s.log = `Opened “${e.item.title}”${e.byUser ? ' by the user' : ' from code'}.`));
40
+ faq.onExpanded((e) => (s.log = `Opened “${e.item.title}”${e.byUser ? ' by the user' : ' programmatically'}.`));
41
41
 
42
42
  const addQuestion = () => {
43
43
  const n = ++added;
@@ -60,7 +60,7 @@ export default function FromCode() {
60
60
  </Accordion>
61
61
  <output class="acc-value">{() => `value: [${s.open.map((k) => JSON.stringify(k)).join(', ')}]`}</output>
62
62
  <Stack orientation="horizontal" wrap align="center">
63
- <Button text="Add a question from code" variant="outline" onclick={addQuestion} />
63
+ <Button text="Add a question programmatically" variant="outline" onclick={addQuestion} />
64
64
  <output class="acc-log">{() => s.log}</output>
65
65
  </Stack>
66
66
  <Stack style="inline-size: 100%" onBuilt={(c) => c.controls.add(faq)} />
@@ -281,8 +281,8 @@ export default function VariantsAndSizes() {
281
281
  | --- | --- | --- |
282
282
  | `add(item), insert(index, item)` | `AccordionItem` | Adds an item. An item of another `Accordion` moves here. |
283
283
  | `remove(item)` | `boolean` | Removes the item and disposes it; focus inside moves to a neighbour. |
284
- | `expandAll(), collapseAll()` | `void` | From code. `expandAll` needs `multiple`; with `collapsible` off one item stays open. |
285
- | `AccordionItem.expand(), collapse()` | `boolean` | As a click would: the cancelable events run. `item.expanded = true` sets it from code. |
284
+ | `expandAll(), collapseAll()` | `void` | Programmatically. `expandAll` needs `multiple`; with `collapsible` off one item stays open. |
285
+ | `AccordionItem.expand(), collapse()` | `boolean` | As a click would: the cancelable events run. `item.expanded = true` sets it programmatically. |
286
286
  | `focus()` | `boolean` | An item focuses its header. |
287
287
 
288
288
  ### Events
@@ -1,6 +1,6 @@
1
1
  # ActionSheet
2
2
 
3
- > Navigation · @motifx-community/ui 0.1.0-beta.1
3
+ > Navigation · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  A list of commands that comes up from the bottom, made of the kit's menu items and large enough for a finger, with a title, a message and a cancel button apart. A context menu opens its items here on a touch screen.
6
6
 
@@ -10,7 +10,7 @@ A list of commands that comes up from the bottom, made of the kit's menu items a
10
10
  import { ActionSheet, type ActionSheetProps } from '@motifx-community/ui';
11
11
  ```
12
12
 
13
- ## Choosing from code
13
+ ## Choosing programmatically
14
14
 
15
15
  `choose()` opens it and resolves with the item chosen, or `null`. An item with `items` opens its submenu in place, with a way back.
16
16
 
package/docs/avatar.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Avatar and AvatarGroup
2
2
 
3
- > Display · @motifx-community/ui 0.1.0-beta.1
3
+ > Display · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  Someone’s picture, or their initials, or a person icon, with their presence on its corner. A group stacks or spreads them and counts the ones it does not show.
6
6
 
@@ -10,9 +10,9 @@ Someone’s picture, or their initials, or a person icon, with their presence on
10
10
  import { Avatar, AvatarGroup } from '@motifx-community/ui';
11
11
  ```
12
12
 
13
- ## From JSX and from code
13
+ ## Declarative and programmatic
14
14
 
15
- Every prop takes a value or a function. Created with `new`, the same properties are set from code.
15
+ Every prop takes a value or a function. Created with `new`, the same properties are set programmatically.
16
16
 
17
17
  ```tsx
18
18
  import { reactive } from '@motifx/core';
@@ -21,8 +21,8 @@ import { Avatar, Button, Stack, type AvatarStatus } from '@motifx-community/ui';
21
21
  const PEOPLE = ['Ada Lovelace', 'Alan Turing', 'Grace Hopper'];
22
22
  const STATUSES: AvatarStatus[] = ['online', 'away', 'busy', 'offline'];
23
23
 
24
- /** An avatar from JSX follows its functions; one made with `new` takes the same properties from code. */
25
- export default function FromCode() {
24
+ /** An avatar from JSX follows its functions; one made with `new` takes the same properties programmatically. */
25
+ export default function Programmatic() {
26
26
  const s = reactive({ person: 0, status: 0 });
27
27
  const coded = new Avatar({ name: 'Edsger Dijkstra', tone: 'success', shape: 'square' });
28
28
 
package/docs/badge.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Badge
2
2
 
3
- > Display · @motifx-community/ui 0.1.0-beta.1
3
+ > Display · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  A short text, a count or a dot: in a line of text, or on a corner of a button, an avatar or an icon. A count over its maximum shows “99+”, a count of zero hides.
6
6
 
@@ -10,16 +10,16 @@ A short text, a count or a dot: in a line of text, or on a corner of a button, a
10
10
  import { Badge } from '@motifx-community/ui';
11
11
  ```
12
12
 
13
- ## From JSX and from code
13
+ ## Declarative and programmatic
14
14
 
15
- Every prop takes a value or a function. Created with `new`, the same properties are set from code.
15
+ Every prop takes a value or a function. Created with `new`, the same properties are set programmatically.
16
16
 
17
17
  ```tsx
18
18
  import { reactive } from '@motifx/core';
19
19
  import { Badge, Button } from '@motifx-community/ui';
20
20
 
21
- /** A badge from JSX follows its functions; one made with `new` takes the same properties from code. */
22
- export default function FromCode() {
21
+ /** A badge from JSX follows its functions; one made with `new` takes the same properties programmatically. */
22
+ export default function Programmatic() {
23
23
  const s = reactive({ unread: 4 });
24
24
  const coded = new Badge({ text: 'Beta', tone: 'info', variant: 'subtle' });
25
25
 
@@ -87,7 +87,7 @@ export default function Counts() {
87
87
 
88
88
  ## On a corner
89
89
 
90
- `position` puts the badge on a corner of what it is in. `Badge.attach` does it from code, on any component.
90
+ `position` puts the badge on a corner of what it is in. `Badge.attach` does it programmatically, on any component.
91
91
 
92
92
  ```tsx
93
93
  import { Badge, Button, Stack, type BadgePosition } from '@motifx-community/ui';
@@ -1,6 +1,6 @@
1
1
  # BottomSheet
2
2
 
3
- > Navigation · @motifx-community/ui 0.1.0-beta.1
3
+ > Navigation · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  A panel that comes up from the bottom of the page or of a container and stops at a few heights: a peek, half, full, as tall as its content, or heights of your own. Dragged by its handle and its title, flicked, swiped down to close; modal or not, with the browser's back closing it on a phone.
6
6
 
@@ -10,9 +10,9 @@ A panel that comes up from the bottom of the page or of a container and stops at
10
10
  import { BottomSheet, type BottomSheetDetent } from '@motifx-community/ui';
11
11
  ```
12
12
 
13
- ## From JSX and from code
13
+ ## Declarative and programmatic
14
14
 
15
- In JSX, `x-model` opens and closes it with the state. From code, `show(host)` puts it in a component and disposes it when it closes; `open()` and `close()` work on one that stays. Without a `container` it opens over the whole page, in the browser's top layer.
15
+ In JSX, `x-model` opens and closes it with the state. Programmatically, `show(host)` puts it in a component and disposes it when it closes; `open()` and `close()` work on one that stays. Without a `container` it opens over the whole page, in the browser's top layer.
16
16
 
17
17
  ```tsx
18
18
  import { reactive } from '@motifx/core';
@@ -44,7 +44,7 @@ export default function JsxAndCode() {
44
44
  <Stack ref={(c: Stack) => (host = c)} gap="sm">
45
45
  <Stack orientation="horizontal" wrap align="center">
46
46
  <Button text="Edit the name" variant="outline" onclick={() => (s.open = true)} />
47
- <Button text="Share (from code)" variant="outline" onclick={share} />
47
+ <Button text="Share (programmatically)" variant="outline" onclick={share} />
48
48
  <output>{() => s.said || `Name: ${s.name}`}</output>
49
49
  </Stack>
50
50
  <BottomSheet title="Your name" showClose detents={['half', 'full']} x-model={() => s.open}>
@@ -225,7 +225,7 @@ The handle's name and heights, the default name and the close button come from `
225
225
 
226
226
  ```tsx
227
227
  import { reactive } from '@motifx/core';
228
- import { BottomSheet, Button, enStrings, trStrings, uiLocale } from '@motifx-community/ui';
228
+ import { BottomSheet, Button, uiLocale } from '@motifx-community/ui';
229
229
 
230
230
  /** The handle's name and heights and the close button's name come from uiLocale. */
231
231
  export default function Localization() {
@@ -233,7 +233,7 @@ export default function Localization() {
233
233
 
234
234
  const toggle = () => {
235
235
  s.lang = s.lang === 'en' ? 'tr' : 'en';
236
- uiLocale.strings = s.lang === 'en' ? enStrings : trStrings;
236
+ void uiLocale.use(s.lang);
237
237
  };
238
238
 
239
239
  return (
@@ -1,6 +1,6 @@
1
1
  # Breadcrumb
2
2
 
3
- > Navigation · @motifx-community/ui 0.1.0-beta.1
3
+ > Navigation · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  The way to the current page: each step a link or a button, the current page last. Steps that do not fit go into a menu after the first.
6
6
 
@@ -12,14 +12,14 @@ import { Breadcrumb } from '@motifx-community/ui';
12
12
 
13
13
  ## Links and buttons
14
14
 
15
- A step with `href` is a link; `rel=&quot;router&quot;` lets the MotifJS router take it. A step without one is a button: `onItemClick` tells it.
15
+ A step with `href` is a link; `rel='router'` lets the MotifJS router take it. A step without one is a button: `onItemClick` tells it.
16
16
 
17
17
  ```tsx
18
18
  import { reactive } from '@motifx/core';
19
19
  import { Breadcrumb, Stack } from '@motifx-community/ui';
20
20
 
21
- /** Links the router takes (`rel="router"`), a step that is a button, the current page last; one made from code. */
22
- export default function FromCode() {
21
+ /** Links the router takes (`rel="router"`), a step that is a button, the current page last; one made programmatically. */
22
+ export default function Programmatic() {
23
23
  const s = reactive({ last: '' });
24
24
  const coded = new Breadcrumb({ label: 'Settings path', items: ['Settings', 'Account', 'Security'] });
25
25
 
package/docs/button.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Button
2
2
 
3
- > Buttons · @motifx-community/ui 0.1.0-beta.1
3
+ > Buttons · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  A native `<button>` drawn from the design tokens: three variants, three tones, three sizes, an icon, an `&` access key. It can be a toggle, show that work is running, and open a menu or any content — from the whole button, or with `split` from an arrow next to it while the button keeps its own action.
6
6
 
@@ -10,20 +10,20 @@ A native `<button>` drawn from the design tokens: three variants, three tones, t
10
10
  import { Button, type MenuItem } from '@motifx-community/ui';
11
11
  ```
12
12
 
13
- ## From JSX and from code
13
+ ## Declarative and programmatic
14
14
 
15
- Both ways are complete. Every prop takes a value or a function; a function of a reactive object keeps the button in step with it. A property set from code takes the same.
15
+ Both ways are complete. Every prop takes a value or a function; a function of a reactive object keeps the button in step with it. A property set programmatically takes the same.
16
16
 
17
17
  ```tsx
18
18
  import { reactive } from '@motifx/core';
19
19
  import { Button, Stack } from '@motifx-community/ui';
20
20
 
21
- /** A button in JSX, and buttons created with `new`, added and bound from code. */
22
- export default function FromCode() {
21
+ /** A button in JSX, and buttons created with `new`, added and bound programmatically. */
22
+ export default function Programmatic() {
23
23
  let added = 0;
24
24
  let toolbar: Stack | null = null;
25
25
 
26
- const addFromCode = () => {
26
+ const addProgrammatic = () => {
27
27
  const n = ++added;
28
28
  const state = reactive({ marks: '' });
29
29
  const b = new Button({ variant: 'outline' });
@@ -34,7 +34,7 @@ export default function FromCode() {
34
34
 
35
35
  return (
36
36
  <>
37
- <Button text="Add a button from code" onclick={addFromCode} />
37
+ <Button text="Add a button programmatically" onclick={addProgrammatic} />
38
38
  <Stack orientation="horizontal" wrap align="center" ref={(c: Stack) => (toolbar = c)} />
39
39
  </>
40
40
  );
@@ -304,7 +304,7 @@ The only text a button writes itself is the name of a split button's arrow. It c
304
304
 
305
305
  ```tsx
306
306
  import { reactive } from '@motifx/core';
307
- import { Button, enStrings, trStrings, uiLocale } from '@motifx-community/ui';
307
+ import { Button, uiLocale } from '@motifx-community/ui';
308
308
  import { kitTexts } from '../../../shared/kit-texts';
309
309
 
310
310
  /** The name of a split button's arrow, from uiLocale: a shipped language or a text of your own. */
@@ -313,7 +313,7 @@ export default function Localization() {
313
313
 
314
314
  const toggle = () => {
315
315
  s.lang = s.lang === 'en' ? 'tr' : 'en';
316
- uiLocale.strings = s.lang === 'en' ? enStrings : trStrings;
316
+ void uiLocale.use(s.lang);
317
317
  };
318
318
 
319
319
  return (
@@ -378,7 +378,7 @@ All of them reference design-system tokens; see [Tokens](tokens.md). Override on
378
378
 
379
379
  | Property | Access | Description |
380
380
  | --- | --- | --- |
381
- | `every prop above` | read/write, reactive | Set from code with a value or a function, like the prop: `b.tone = () => this.state.tone` is followed, `b.tone = 'accent'` replaces it. |
381
+ | `every prop above` | read/write, reactive | Set programmatically with a value or a function, like the prop: `b.tone = () => this.state.tone` is followed, `b.tone = 'accent'` replaces it. |
382
382
  | `value` | read/write | `pressed`, for `x-model`. |
383
383
  | `opened` | read/write, reactive | Whether the menu or drop-down is open; setting it opens or closes it. |
384
384
  | `hasMenu` | read-only | Whether it was created with `split`, `menu` or `dropDown`. |
@@ -1,6 +1,6 @@
1
1
  # ButtonGroup
2
2
 
3
- > Buttons · @motifx-community/ui 0.1.0-beta.1
3
+ > Buttons · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  Buttons that belong together: a segmented choice of one or several, or a row of actions. The buttons are the kit’s own, touching by default.
6
6
 
@@ -10,16 +10,16 @@ Buttons that belong together: a segmented choice of one or several, or a row of
10
10
  import { ButtonGroup } from '@motifx-community/ui';
11
11
  ```
12
12
 
13
- ## From JSX and from code
13
+ ## Declarative and programmatic
14
14
 
15
- Every prop takes a value or a function; `x-model` binds the value two-way. Created with `new`, the same properties are set from code.
15
+ Every prop takes a value or a function; `x-model` binds the value two-way. Created with `new`, the same properties are set programmatically.
16
16
 
17
17
  ```tsx
18
18
  import { reactive } from '@motifx/core';
19
19
  import { ButtonGroup, Stack } from '@motifx-community/ui';
20
20
 
21
- /** One choice bound with `x-model`; a group made with `new` takes the same properties from code. */
22
- export default function FromCode() {
21
+ /** One choice bound with `x-model`; a group made with `new` takes the same properties programmatically. */
22
+ export default function Programmatic() {
23
23
  const s = reactive({ view: 'Week' as unknown });
24
24
  const coded = new ButtonGroup({ label: 'Density', items: ['Compact', 'Comfortable'], value: 'Compact' });
25
25
 
package/docs/calendar.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Calendar
2
2
 
3
- > Editors · @motifx-community/ui 0.1.0-beta.1
3
+ > Editors · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  A month of days to pick a date from, with a year and a decade view to get far quickly. It is the picker of DateBox, and it works on its own.
6
6
 
@@ -10,18 +10,18 @@ A month of days to pick a date from, with a year and a decade view to get far qu
10
10
  import { Calendar } from '@motifx-community/ui';
11
11
  ```
12
12
 
13
- ## From JSX and from code
13
+ ## Declarative and programmatic
14
14
 
15
15
  ```tsx
16
16
  import { reactive } from '@motifx/core';
17
17
  import { Button, Calendar, Stack } from '@motifx-community/ui';
18
18
 
19
- /** A calendar bound with x-model, and calendars created with `new`, added from code and moved to a month. */
20
- export default function FromCode() {
19
+ /** A calendar bound with x-model, and calendars created with `new`, added programmatically and moved to a month. */
20
+ export default function Programmatic() {
21
21
  const form = reactive({ day: new Date() as Date | null, result: '' });
22
22
  let host: Stack | null = null;
23
23
 
24
- const addFromCode = () => {
24
+ const addProgrammatic = () => {
25
25
  const calendar = new Calendar({ locale: 'tr-TR' });
26
26
  calendar.onValueChanged((e) => (form.result = e.value ? e.value.toDateString() : '—'));
27
27
  host?.controls.add(calendar);
@@ -32,7 +32,7 @@ export default function FromCode() {
32
32
  <>
33
33
  <Calendar x-model={() => form.day} showWeekNumbers showTodayButton />
34
34
  <output class="cal-day">{() => (form.day ? form.day.toDateString() : '—')}</output>
35
- <Button text="Add a calendar from code" variant="outline" onclick={addFromCode} />
35
+ <Button text="Add a calendar programmatically" variant="outline" onclick={addProgrammatic} />
36
36
  <output class="cal-made">{() => form.result}</output>
37
37
  <Stack orientation="horizontal" wrap align="center" ref={(c: Stack) => (host = c)} />
38
38
  </>
package/docs/card.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Card
2
2
 
3
- > Display · @motifx-community/ui 0.1.0-beta.1
3
+ > Display · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  A surface holding one thing: a picture, a header with an avatar and titles, content and a row of actions. Parts with nothing in them are left out.
6
6
 
@@ -10,16 +10,16 @@ A surface holding one thing: a picture, a header with an avatar and titles, cont
10
10
  import { Card } from '@motifx-community/ui';
11
11
  ```
12
12
 
13
- ## From JSX and from code
13
+ ## Declarative and programmatic
14
14
 
15
- Every prop takes a value or a function. Created with `new`, the same properties are set from code.
15
+ Every prop takes a value or a function. Created with `new`, the same properties are set programmatically.
16
16
 
17
17
  ```tsx
18
18
  import { reactive } from '@motifx/core';
19
19
  import { Button, Card, Stack } from '@motifx-community/ui';
20
20
 
21
- /** A card from JSX follows its functions; one made with `new` takes the same properties from code. */
22
- export default function FromCode() {
21
+ /** A card from JSX follows its functions; one made with `new` takes the same properties programmatically. */
22
+ export default function Programmatic() {
23
23
  const s = reactive({ following: false });
24
24
  const coded = new Card({ title: 'Made in code', subtitle: 'new Card({ … })', variant: 'outline' });
25
25
 
@@ -250,5 +250,5 @@ export default function Sizes() {
250
250
  | Property | Access | Description |
251
251
  | --- | --- | --- |
252
252
  | `every prop above` | read/write | A value or a function, like the prop. |
253
- | `contentPart` | read-only | The part holding the content, for adding to it from code. |
253
+ | `contentPart` | read-only | The part holding the content, for adding to it programmatically. |
254
254
  | `avatarControl` | read-only | The avatar before the titles, when it has one. |
package/docs/checkbox.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # CheckBox
2
2
 
3
- > Choice · @motifx-community/ui 0.1.0-beta.1
3
+ > Choice · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  A checkbox with its caption: checked, unchecked or indeterminate, three states on request, read-only, required and checked with its group. A native checkbox underneath, drawn from the design tokens.
6
6
 
@@ -10,21 +10,21 @@ A checkbox with its caption: checked, unchecked or indeterminate, three states o
10
10
  import { CheckBox } from '@motifx-community/ui';
11
11
  ```
12
12
 
13
- ## From JSX and from code
13
+ ## Declarative and programmatic
14
14
 
15
- Every prop takes a value or a function; `x-model` binds the value two-way. Created with `new`, the same properties are set from code.
15
+ Every prop takes a value or a function; `x-model` binds the value two-way. Created with `new`, the same properties are set programmatically.
16
16
 
17
17
  ```tsx
18
18
  import { reactive } from '@motifx/core';
19
19
  import { Button, CheckBox, Stack } from '@motifx-community/ui';
20
20
 
21
- /** A checkbox bound to state with x-model, and checkboxes created with `new` and added from code. */
22
- export default function FromCode() {
21
+ /** A checkbox bound to state with x-model, and checkboxes created with `new` and added programmatically. */
22
+ export default function Programmatic() {
23
23
  const s = reactive({ remember: true, result: '' });
24
24
  let added = 0;
25
25
  let host: Stack | null = null;
26
26
 
27
- const addFromCode = () => {
27
+ const addProgrammatic = () => {
28
28
  const box = new CheckBox({ label: `Option ${++added}`, threeState: true });
29
29
  box.onValueChanged((e) => (s.result = `${box.label}: ${String(e.value)}`));
30
30
  host?.controls.add(box);
@@ -35,7 +35,7 @@ export default function FromCode() {
35
35
  <>
36
36
  <CheckBox label="&Remember me" x-model={() => s.remember} helpText={() => (s.remember ? 'You stay signed in.' : 'You sign in every time.')} />
37
37
  <Stack orientation="horizontal" wrap align="center">
38
- <Button text="Add a checkbox from code" variant="outline" onclick={addFromCode} />
38
+ <Button text="Add a checkbox programmatically" variant="outline" onclick={addProgrammatic} />
39
39
  <output class="cb-result">{() => s.result}</output>
40
40
  </Stack>
41
41
  <Stack orientation="horizontal" wrap align="center" ref={(c: Stack) => (host = c)} />
@@ -244,7 +244,7 @@ The checkbox writes no text of its own; the `required` message comes from `uiLoc
244
244
 
245
245
  ```tsx
246
246
  import { reactive } from '@motifx/core';
247
- import { Button, enStrings, trStrings, uiLocale } from '@motifx-community/ui';
247
+ import { Button, uiLocale } from '@motifx-community/ui';
248
248
  import { kitTexts } from '../../../shared/kit-texts';
249
249
 
250
250
  /** Switches the texts of every field on the page; a required message already shown follows too. */
@@ -252,7 +252,7 @@ export default function Localization() {
252
252
  const s = reactive({ lang: 'en' });
253
253
  const toggle = () => {
254
254
  s.lang = s.lang === 'en' ? 'tr' : 'en';
255
- uiLocale.strings = s.lang === 'en' ? enStrings : trStrings;
255
+ void uiLocale.use(s.lang);
256
256
  };
257
257
  return (
258
258
  <>
package/docs/chip.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Chip and ChipGroup
2
2
 
3
- > Display · @motifx-community/ui 0.1.0-beta.1
3
+ > Display · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  A short text with an icon or an avatar before it: a filter to turn on, a choice among a few, or something picked that can be removed. A group selects one or several and moves between them with the arrow keys.
6
6
 
@@ -10,16 +10,16 @@ A short text with an icon or an avatar before it: a filter to turn on, a choice
10
10
  import { Chip, ChipGroup } from '@motifx-community/ui';
11
11
  ```
12
12
 
13
- ## From JSX and from code
13
+ ## Declarative and programmatic
14
14
 
15
- Every prop takes a value or a function. Created with `new`, the same properties are set from code.
15
+ Every prop takes a value or a function. Created with `new`, the same properties are set programmatically.
16
16
 
17
17
  ```tsx
18
18
  import { reactive } from '@motifx/core';
19
19
  import { Chip, Stack } from '@motifx-community/ui';
20
20
 
21
- /** A chip from JSX follows its functions; one made with `new` takes the same properties from code. */
22
- export default function FromCode() {
21
+ /** A chip from JSX follows its functions; one made with `new` takes the same properties programmatically. */
22
+ export default function Programmatic() {
23
23
  const s = reactive({ vegan: false });
24
24
  const coded = new Chip({ text: 'Spicy', selectable: true });
25
25
 
package/docs/colorbox.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # ColorBox and ColorPicker
2
2
 
3
- > Editors · @motifx-community/ui 0.1.0-beta.1
3
+ > Editors · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  A colour as a field, with a picker in a popup; or the picker on its own. The picker has an area of saturation and brightness, a hue strip, an opacity strip, inputs for the channels and preset colours.
6
6
 
@@ -20,8 +20,8 @@ import { ColorBox, Stack } from '@motifx-community/ui';
20
20
 
21
21
  const PALETTE = ['#3b5bdb', '#1971c2', '#0c8599', '#2b8a3e', '#f08c00', '#e8590c', '#e03131', '#c2255c', '#862e9c', '#495057'];
22
22
 
23
- /** A colour field bound with `x-model`: type a hex, or open the picker (Alt+Down); one made with `new` from code. */
24
- export default function FromCode() {
23
+ /** A colour field bound with `x-model`: type a hex, or open the picker (Alt+Down); one made with `new` programmatically. */
24
+ export default function Programmatic() {
25
25
  const s = reactive({ accent: '#3b5bdb' as string | null });
26
26
  const coded = new ColorBox({ label: 'Made in code', value: '#2b8a3e', clearButton: true });
27
27