ngwr 14.5.0 → 14.6.0

package/fesm2022/ngwr-table.mjs

@@ -228,6 +228,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
 /**
  * Sort indicator rendered in a sortable column's header.
  *
+ * Draws an ARROW for a sorted column — up for `asc`, the same arrow turned by
+ * the stylesheet for `desc` — and a flat LINE for a column that sorts but is
+ * not sorted. A different shape rather than a fainter arrow, on purpose: a
+ * dimmed up-arrow reads as "sorted ascending", which is the one thing an
+ * unsorted column must not say, and a state told apart by opacity and colour
+ * alone is lost to anyone who cannot see that difference. A line also has no
+ * direction to mirror under RTL.
+ *
  * @internal — used internally by `<wr-table>`. Parent listens for clicks
  * on the indicator to cycle direction.
  */
@@ -243,13 +251,13 @@ class WrTableSort {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrTableSort, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: WrTableSort, isStandalone: true, selector: "wr-table-sort", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: '<svg class="wr-icon__svg wr-table-sort__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>', isInline: true, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrTableSort, isStandalone: true, selector: "wr-table-sort", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: '<svg class="wr-icon__svg wr-table-sort__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">@if (direction()) {<path d="m5 12 7-7 7 7"/><path d="M12 19V5"/>} @else {<path d="M6 12h12"/>}</svg>', isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrTableSort, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-table-sort',
-                    template: '<svg class="wr-icon__svg wr-table-sort__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>',
+                    template: '<svg class="wr-icon__svg wr-table-sort__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">@if (direction()) {<path d="m5 12 7-7 7 7"/><path d="M12 19V5"/>} @else {<path d="M6 12h12"/>}</svg>',
                     encapsulation: ViewEncapsulation.None,
                     host: { '[class]': 'classes()' },
                 }]