@akcelik/strct 0.5.10 → 0.5.12

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.
@@ -792,7 +792,7 @@ class StrctLogin {
792
792
  } @else {
793
793
  <div class="strct-login__inner" [style.max-width.px]="maxWidth()"><ng-content /></div>
794
794
  }
795
- `, isInline: true, styles: [".strct-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:32px;background:radial-gradient(120% 80% at 50% -10%,var(--acc-s),transparent 60%),var(--bg-2)}.strct-login__inner{width:100%}.strct-login__card{display:grid;grid-template-columns:1.05fr 1fr;width:100%;overflow:hidden;background:var(--bg-1);border:1px solid var(--b2);border-radius:14px;box-shadow:var(--shh)}.strct-login__main{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}.strct-login__aside{position:relative;overflow:hidden;min-height:420px;color:#fff;background:linear-gradient(155deg,var(--acc) 0%,var(--acc) 45%,rgba(0,0,0,.28) 130%)}.strct-login__aside:before{content:\"\";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 72%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 72%,transparent)}.strct-login__aside:after{content:\"\";position:absolute;inset:0;pointer-events:none;background:radial-gradient(140px 140px at 82% 14%,rgba(255,255,255,.2),transparent 70%),radial-gradient(220px 220px at 12% 92%,rgba(255,255,255,.14),transparent 70%)}.strct-login__aside-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:34px 36px}@media(max-width:720px){.strct-login__card{grid-template-columns:1fr}.strct-login__aside{min-height:220px}.strct-login__main{padding:30px 26px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
795
+ `, isInline: true, styles: [".strct-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:32px}.strct-login__inner{width:100%}.strct-login__card{display:grid;grid-template-columns:1.05fr 1fr;width:100%;overflow:hidden}.strct-login__main{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}.strct-login__aside{position:relative;overflow:hidden;min-height:420px}.strct-login__aside:before,.strct-login__aside:after{display:none}.strct-login__aside-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:34px 36px}@media(max-width:720px){.strct-login__card{grid-template-columns:1fr}.strct-login__aside{min-height:220px}.strct-login__main{padding:30px 26px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
796
796
  }
797
797
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: StrctLogin, decorators: [{
798
798
  type: Component,
@@ -809,7 +809,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
809
809
  } @else {
810
810
  <div class="strct-login__inner" [style.max-width.px]="maxWidth()"><ng-content /></div>
811
811
  }
812
- `, host: { class: 'strct-login' }, styles: [".strct-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:32px;background:radial-gradient(120% 80% at 50% -10%,var(--acc-s),transparent 60%),var(--bg-2)}.strct-login__inner{width:100%}.strct-login__card{display:grid;grid-template-columns:1.05fr 1fr;width:100%;overflow:hidden;background:var(--bg-1);border:1px solid var(--b2);border-radius:14px;box-shadow:var(--shh)}.strct-login__main{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}.strct-login__aside{position:relative;overflow:hidden;min-height:420px;color:#fff;background:linear-gradient(155deg,var(--acc) 0%,var(--acc) 45%,rgba(0,0,0,.28) 130%)}.strct-login__aside:before{content:\"\";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 72%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 72%,transparent)}.strct-login__aside:after{content:\"\";position:absolute;inset:0;pointer-events:none;background:radial-gradient(140px 140px at 82% 14%,rgba(255,255,255,.2),transparent 70%),radial-gradient(220px 220px at 12% 92%,rgba(255,255,255,.14),transparent 70%)}.strct-login__aside-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:34px 36px}@media(max-width:720px){.strct-login__card{grid-template-columns:1fr}.strct-login__aside{min-height:220px}.strct-login__main{padding:30px 26px}}\n"] }]
812
+ `, host: { class: 'strct-login' }, styles: [".strct-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:32px}.strct-login__inner{width:100%}.strct-login__card{display:grid;grid-template-columns:1.05fr 1fr;width:100%;overflow:hidden}.strct-login__main{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}.strct-login__aside{position:relative;overflow:hidden;min-height:420px}.strct-login__aside:before,.strct-login__aside:after{display:none}.strct-login__aside-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:34px 36px}@media(max-width:720px){.strct-login__card{grid-template-columns:1fr}.strct-login__aside{min-height:220px}.strct-login__main{padding:30px 26px}}\n"] }]
813
813
  }], propDecorators: { maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], split: [{ type: i0.Input, args: [{ isSignal: true, alias: "split", required: false }] }] } });
814
814
 
815
815
  /**
@@ -5890,16 +5890,6 @@ class StrctDatagrid {
5890
5890
  @if (pageSize() > 0 && !loading()) {
5891
5891
  <div class="strct-dg__foot">
5892
5892
  <div class="strct-dg__foot-left">
5893
- <span class="strct-dg__count">
5894
- {{ sorted().length }} {{ sorted().length === 1 ? 'row' : 'rows' }}
5895
- @if (selectedCount()) {
5896
- <span class="strct-dg__count-sep">|</span>
5897
- <span class="strct-dg__count-sel">{{ selectedCount() }} selected</span>
5898
- }
5899
- </span>
5900
- </div>
5901
- <div class="strct-dg__foot-right">
5902
- <strct-pagination [total]="sorted().length" [pageSize]="pageSize()" [(page)]="page" />
5903
5893
  @if (columnChooser()) {
5904
5894
  <div class="strct-dg__chooser">
5905
5895
  <button
@@ -5912,7 +5902,7 @@ class StrctDatagrid {
5912
5902
  <strct-icon name="settings" [size]="14" />
5913
5903
  </button>
5914
5904
  @if (chooserOpen()) {
5915
- <div class="strct-dg__chooser-menu strct-dg__chooser-menu--right">
5905
+ <div class="strct-dg__chooser-menu">
5916
5906
  @for (col of columns(); track col.key) {
5917
5907
  <div class="strct-dg__chooser-item">
5918
5908
  <strct-checkbox
@@ -5926,6 +5916,16 @@ class StrctDatagrid {
5926
5916
  }
5927
5917
  </div>
5928
5918
  }
5919
+ <span class="strct-dg__count">
5920
+ {{ sorted().length }} {{ sorted().length === 1 ? 'row' : 'rows' }}
5921
+ @if (selectedCount()) {
5922
+ <span class="strct-dg__count-sep">|</span>
5923
+ <span class="strct-dg__count-sel">{{ selectedCount() }} selected</span>
5924
+ }
5925
+ </span>
5926
+ </div>
5927
+ <div class="strct-dg__foot-right">
5928
+ <strct-pagination [total]="sorted().length" [pageSize]="pageSize()" [(page)]="page" />
5929
5929
  </div>
5930
5930
  </div>
5931
5931
  }
@@ -6118,16 +6118,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
6118
6118
  @if (pageSize() > 0 && !loading()) {
6119
6119
  <div class="strct-dg__foot">
6120
6120
  <div class="strct-dg__foot-left">
6121
- <span class="strct-dg__count">
6122
- {{ sorted().length }} {{ sorted().length === 1 ? 'row' : 'rows' }}
6123
- @if (selectedCount()) {
6124
- <span class="strct-dg__count-sep">|</span>
6125
- <span class="strct-dg__count-sel">{{ selectedCount() }} selected</span>
6126
- }
6127
- </span>
6128
- </div>
6129
- <div class="strct-dg__foot-right">
6130
- <strct-pagination [total]="sorted().length" [pageSize]="pageSize()" [(page)]="page" />
6131
6121
  @if (columnChooser()) {
6132
6122
  <div class="strct-dg__chooser">
6133
6123
  <button
@@ -6140,7 +6130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
6140
6130
  <strct-icon name="settings" [size]="14" />
6141
6131
  </button>
6142
6132
  @if (chooserOpen()) {
6143
- <div class="strct-dg__chooser-menu strct-dg__chooser-menu--right">
6133
+ <div class="strct-dg__chooser-menu">
6144
6134
  @for (col of columns(); track col.key) {
6145
6135
  <div class="strct-dg__chooser-item">
6146
6136
  <strct-checkbox
@@ -6154,6 +6144,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
6154
6144
  }
6155
6145
  </div>
6156
6146
  }
6147
+ <span class="strct-dg__count">
6148
+ {{ sorted().length }} {{ sorted().length === 1 ? 'row' : 'rows' }}
6149
+ @if (selectedCount()) {
6150
+ <span class="strct-dg__count-sep">|</span>
6151
+ <span class="strct-dg__count-sel">{{ selectedCount() }} selected</span>
6152
+ }
6153
+ </span>
6154
+ </div>
6155
+ <div class="strct-dg__foot-right">
6156
+ <strct-pagination [total]="sorted().length" [pageSize]="pageSize()" [(page)]="page" />
6157
6157
  </div>
6158
6158
  </div>
6159
6159
  }