ngwr 10.2.1 → 11.0.0

package/i18n/en.json

@@ -63,11 +63,15 @@
     "skip": "Skip tour",
     "progress": "Step {{current}} of {{total}}"
   },
+  "splitter": {
+    "divider": "Resize panes"
+  },
   "transfer": {
     "source": "Available",
     "target": "Selected",
     "search": "Search",
     "empty": "Nothing here",
+    "selectAll": "Select all",
     "toTarget": "Move to selected",
     "toSource": "Move to available",
     "count": "{{checked}} / {{total}}"
@@ -126,6 +130,7 @@
     "tooBig": "File too large"
   },
   "popconfirm": {
+    "label": "Confirm action",
     "confirm": "Confirm",
     "cancel": "Cancel"
   },
@@ -143,24 +148,54 @@
     "increment": "Increment",
     "decrement": "Decrement"
   },
+  "anchor": {
+    "label": "Table of contents"
+  },
+  "avatar": {
+    "alt": "Avatar"
+  },
   "backTop": {
     "label": "Back to top"
   },
+  "burger": {
+    "label": "Toggle menu"
+  },
   "calendar": {
     "prevMonth": "Previous month",
     "nextMonth": "Next month",
     "prevYear": "Previous year",
     "nextYear": "Next year"
   },
+  "calendarHeatmap": {
+    "label": "Calendar heatmap"
+  },
+  "lineChart": {
+    "label": "Line chart"
+  },
+  "donutChart": {
+    "label": "Donut chart"
+  },
+  "compare": {
+    "label": "Comparison divider"
+  },
   "carousel": {
+    "label": "Carousel",
+    "goToSlide": "Go to slide {{index}}",
     "prev": "Previous slide",
     "next": "Next slide",
     "pagination": "Carousel pagination"
   },
+  "actionSheet": {
+    "label": "Actions"
+  },
   "alert": {
     "close": "Close alert"
   },
+  "qr": {
+    "label": "QR code"
+  },
   "image": {
+    "viewer": "Image preview",
     "open": "Open preview",
     "close": "Close preview"
   },
@@ -173,6 +208,16 @@
   "popover": {
     "label": "Popover"
   },
+  "markdown": {
+    "copy": "Copy code",
+    "copied": "Copied",
+    "taskDone": "Done:",
+    "taskTodo": "To do:"
+  },
+  "marquee": {
+    "label": "Marquee",
+    "link": "link"
+  },
   "mention": {
     "listbox": "Mentions",
     "available": "Matches available: {{count}}",
@@ -196,6 +241,9 @@
     "startTime": "Start time",
     "endTime": "End time"
   },
+  "sidebar": {
+    "label": "Sidebar"
+  },
   "spinner": {
     "label": "Loading"
   },

package/i18n/ru.json

@@ -63,11 +63,15 @@
     "skip": "Пропустить",
     "progress": "Шаг {{current}} из {{total}}"
   },
+  "splitter": {
+    "divider": "Изменить размер областей"
+  },
   "transfer": {
     "source": "Доступно",
     "target": "Выбрано",
     "search": "Поиск",
     "empty": "Пусто",
+    "selectAll": "Выбрать все",
     "toTarget": "Перенести в выбранные",
     "toSource": "Вернуть в доступные",
     "count": "{{checked}} / {{total}}"
@@ -126,6 +130,7 @@
     "tooBig": "Файл слишком большой"
   },
   "popconfirm": {
+    "label": "Подтверждение действия",
     "confirm": "Подтвердить",
     "cancel": "Отмена"
   },
@@ -143,24 +148,54 @@
     "increment": "Увеличить",
     "decrement": "Уменьшить"
   },
+  "anchor": {
+    "label": "Содержание"
+  },
+  "avatar": {
+    "alt": "Аватар"
+  },
   "backTop": {
     "label": "Наверх"
   },
+  "burger": {
+    "label": "Переключить меню"
+  },
   "calendar": {
     "prevMonth": "Предыдущий месяц",
     "nextMonth": "Следующий месяц",
     "prevYear": "Предыдущий год",
     "nextYear": "Следующий год"
   },
+  "calendarHeatmap": {
+    "label": "Календарная тепловая карта"
+  },
+  "lineChart": {
+    "label": "Линейный график"
+  },
+  "donutChart": {
+    "label": "Круговая диаграмма"
+  },
+  "compare": {
+    "label": "Разделитель сравнения"
+  },
   "carousel": {
+    "label": "Карусель",
+    "goToSlide": "Перейти к слайду {{index}}",
     "prev": "Предыдущий слайд",
     "next": "Следующий слайд",
     "pagination": "Пагинация карусели"
   },
+  "actionSheet": {
+    "label": "Действия"
+  },
   "alert": {
     "close": "Закрыть оповещение"
   },
+  "qr": {
+    "label": "QR-код"
+  },
   "image": {
+    "viewer": "Просмотр изображения",
     "open": "Открыть превью",
     "close": "Закрыть превью"
   },
@@ -173,6 +208,16 @@
   "popover": {
     "label": "Всплывающая панель"
   },
+  "markdown": {
+    "copy": "Скопировать код",
+    "copied": "Скопировано",
+    "taskDone": "Сделано:",
+    "taskTodo": "Не сделано:"
+  },
+  "marquee": {
+    "label": "Бегущая строка",
+    "link": "ссылка"
+  },
   "mention": {
     "listbox": "Упоминания",
     "available": "Найдено совпадений: {{count}}",
@@ -196,6 +241,9 @@
     "startTime": "Время начала",
     "endTime": "Время окончания"
   },
+  "sidebar": {
+    "label": "Боковая панель"
+  },
   "spinner": {
     "label": "Загрузка"
   },

package/image-cropper/styles/_index.scss

@@ -48,9 +48,15 @@
     box-shadow: 0 0 0 1px rgba(var(--wr-color-black-rgb), 0.15);
     box-sizing: border-box;
 
-    // Position each handle by its edge / corner.
+    // Position each handle by its edge / corner. The whole set stays physical:
+    // handles are compass-named (`n`/`e`/`s`/`w`) and `applyResize` grows the
+    // crop from a raw `clientX` delta — `handle.includes('e')` adds `dx` to the
+    // width — so an `--e` handle mirrored to the west edge would resize away
+    // from the pointer. The crop window it anchors is placed by `[style.left.px]`
+    // from the same physical geometry.
     &--n,
     &--s {
+      // rtl-ok: centred with a physical translateX, so the pair must stay physical
       left: 50%;
       transform: translateX(-50%);
       cursor: ns-resize;
@@ -72,33 +78,39 @@
     }
 
     &--e {
+      // rtl-ok: cropper geometry — the east handle resizes by a physical `clientX` delta, so it must stay east
       right: -0.4375rem;
     }
 
     &--w {
+      // rtl-ok: cropper geometry — the west handle resizes by a physical `clientX` delta, so it must stay west
       left: -0.4375rem;
     }
 
     &--ne {
       top: -0.4375rem;
+      // rtl-ok: cropper geometry — corner handle; its `e` axis is driven by a physical `clientX` delta
       right: -0.4375rem;
       cursor: nesw-resize;
     }
 
     &--nw {
       top: -0.4375rem;
+      // rtl-ok: cropper geometry — corner handle; its `w` axis is driven by a physical `clientX` delta
       left: -0.4375rem;
       cursor: nwse-resize;
     }
 
     &--se {
       bottom: -0.4375rem;
+      // rtl-ok: cropper geometry — corner handle; its `e` axis is driven by a physical `clientX` delta
       right: -0.4375rem;
       cursor: nwse-resize;
     }
 
     &--sw {
       bottom: -0.4375rem;
+      // rtl-ok: cropper geometry — corner handle; its `w` axis is driven by a physical `clientX` delta
       left: -0.4375rem;
       cursor: nesw-resize;
     }

package/input/styles/_index.scss

@@ -167,12 +167,12 @@
   }
 
   &__affix--prefix + .wr-input {
-    padding-left: 0.25rem;
+    padding-inline-start: 0.25rem;
   }
 
   .wr-input:has(+ &__affix--suffix),
   .wr-input:has(+ wr-password-toggle) {
-    padding-right: 0.25rem;
+    padding-inline-end: 0.25rem;
   }
 
   &__toggle {

package/input-number/styles/_index.scss

@@ -17,8 +17,13 @@
     align-self: stretch;
     padding: 0;
     margin: 0;
-    border-left: 1px solid var(--wr-input-group-border);
-    border-radius: 0 var(--wr-input-group-radius) var(--wr-input-group-radius) 0;
+    border-inline-start: 1px solid var(--wr-input-group-border);
+    // The column sits in the group's suffix slot, so its rounded corners are the
+    // group's trailing ones and the square pair faces the input.
+    border-start-start-radius: 0;
+    border-start-end-radius: var(--wr-input-group-radius);
+    border-end-end-radius: var(--wr-input-group-radius);
+    border-end-start-radius: 0;
     overflow: hidden;
     pointer-events: auto;
     // Affixes are flex items of the group and shrink by default. Once the input

package/knob/styles/_index.scss

@@ -45,12 +45,19 @@
   }
 
   &__suffix {
-    margin-left: 0.125rem;
+    margin-inline-start: 0.125rem;
     font-size: var(--wr-text-sm);
     color: var(--wr-color-on-surface-muted);
     font-weight: var(--wr-font-weight-medium);
   }
 
+  // A read-only dial still reads its value out, so it keeps the visual and only
+  // stops inviting the drag — `cursor: grab` on something that cannot move is
+  // the part that looks broken. Matches `wr-rating--readonly`.
+  &--readonly &__surface {
+    cursor: default;
+  }
+
   &--disabled &__surface {
     cursor: not-allowed;
     opacity: 0.65;

package/layout/styles/_index.scss

@@ -53,13 +53,13 @@
   flex: 0 0 auto;
   min-height: 0;
   background: var(--wr-color-surface);
-  border-right: 1px solid var(--wr-color-outline);
+  border-inline-end: 1px solid var(--wr-color-outline);
   transition: width var(--wr-transition-base);
   overflow: hidden;
 
   &--reverse {
     order: 1;
-    border-right: 0;
-    border-left: 1px solid var(--wr-color-outline);
+    border-inline-end: 0;
+    border-inline-start: 1px solid var(--wr-color-outline);
   }
 }

package/lightbox/styles/_index.scss

@@ -8,8 +8,10 @@
   position: relative;
   overflow: hidden;
   @include theme.smooth-br(var(--wr-lightbox-radius, var(--wr-border-radius-base)));
-  cursor: zoom-in;
   background: var(--wr-color-hover);
+  // No `cursor: zoom-in` here: `disablePreview` renders a plain thumbnail with no
+  // trigger and nothing to open, and the zoom cursor invited a click that did
+  // nothing. `&__trigger` carries it — that is the element that opens the viewer.
 
   // Reserve space before the image resolves so the box doesn't collapse to
   // 0 and shove the layout when the thumbnail pops in.
@@ -72,6 +74,12 @@
 }
 
 @keyframes wr-lightbox-shimmer {
+  // `background-position` offsets are physical by spec — there is no logical
+  // form to convert to, so nothing here is being suppressed. The sweep is also
+  // aesthetic choreography rather than layout, and the gradient it rides
+  // (`--loading::after`) is symmetric about its midpoint, so a sweep that keeps
+  // running left-to-right under RTL reads as a highlight, not a broken layout.
+  // rtl-ok: background-position has no logical equivalent — see above
   from {
     background-position: 200% 0;
   }
@@ -106,7 +114,7 @@
     --wr-icon-size: 1.25rem;
     position: absolute;
     top: 1rem;
-    right: 1rem;
+    inset-inline-end: 1rem;
     display: inline-flex;
     align-items: center;
     justify-content: center;

package/line-chart/styles/_index.scss

@@ -77,7 +77,13 @@
     display: flex;
     gap: 0.25rem;
     margin-top: 0.25rem;
+    // These two mirror `padding.left` / `padding.right` in line-chart.ts, which are
+    // SVG viewBox coordinates (`[attr.x1]="padding.left"`). SVG geometry is absolute
+    // and does not flip with `direction`, so the label strip has to stay on the same
+    // physical axis as the axis it labels.
+    // rtl-ok: physical SVG gutter — must track the y-axis the TS draws at x=36
     padding-left: 36px;
+    // rtl-ok: the other half of that same physical SVG gutter pair
     padding-right: 16px;
   }