@aquera/nile-elements 0.1.57-beta-1.3 → 0.1.57-beta-1.5
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.
- package/dist/index.js +58 -43
- package/dist/nile-empty-state/nile-empty-state.cjs.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.cjs.js.map +1 -1
- package/dist/nile-empty-state/nile-empty-state.esm.js +12 -12
- package/dist/nile-pagination/nile-pagination.cjs.js +1 -1
- package/dist/nile-pagination/nile-pagination.cjs.js.map +1 -1
- package/dist/nile-pagination/nile-pagination.css.cjs.js +1 -1
- package/dist/nile-pagination/nile-pagination.css.cjs.js.map +1 -1
- package/dist/nile-pagination/nile-pagination.css.esm.js +50 -33
- package/dist/nile-pagination/nile-pagination.esm.js +16 -18
- package/dist/src/nile-empty-state/nile-empty-state.js +10 -10
- package/dist/src/nile-empty-state/nile-empty-state.js.map +1 -1
- package/dist/src/nile-pagination/nile-pagination.css.js +48 -31
- package/dist/src/nile-pagination/nile-pagination.css.js.map +1 -1
- package/dist/src/nile-pagination/nile-pagination.js +0 -2
- package/dist/src/nile-pagination/nile-pagination.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-empty-state/nile-empty-state.ts +10 -10
- package/src/nile-pagination/nile-pagination.css.ts +48 -31
- package/src/nile-pagination/nile-pagination.ts +0 -2
package/dist/index.js
CHANGED
|
@@ -8852,13 +8852,13 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
8852
8852
|
justify-content:center;
|
|
8853
8853
|
}
|
|
8854
8854
|
`;let VL=class extends PM{constructor(){super(...arguments),this.size="md",this.variant="tonal",this.icon="error",this.grayscale=!1,this.text="Empty State",this.subText="No Data",this.svgIconSize=40}static get styles(){return[ZL]}render(){return R`
|
|
8855
|
-
<div class="${LM({"empty-state":!0,"empty-state--sm":"sm"==this.size,"empty-state--md":"md"==this.size,"empty-state--lg":"lg"==this.size})}">
|
|
8856
|
-
<div class="${LM({"empty-state__body":!0})}">
|
|
8855
|
+
<div part="container" class="${LM({"empty-state":!0,"empty-state--sm":"sm"==this.size,"empty-state--md":"md"==this.size,"empty-state--lg":"lg"==this.size})}">
|
|
8856
|
+
<div part="body" class="${LM({"empty-state__body":!0})}">
|
|
8857
8857
|
|
|
8858
8858
|
${"content"==this.variant?R`
|
|
8859
|
-
<div class="empty-state__body--content">
|
|
8859
|
+
<div part="content-image" class="empty-state__body--content">
|
|
8860
8860
|
${this.icon||this.svgIconUrl?R`
|
|
8861
|
-
<div class="empty-state__img__icon">
|
|
8861
|
+
<div part="icon-wrapper" class="empty-state__img__icon">
|
|
8862
8862
|
${this.svgIconUrl?R`
|
|
8863
8863
|
<nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" color="${ZM(this.svgIconColor)}" noFill></nile-icon>
|
|
8864
8864
|
<!-- <nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" color="${this.svgIconColor?this.svgIconColor:"#ddd"}"></nile-icon> -->
|
|
@@ -8869,7 +8869,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
8869
8869
|
</div>`:B}
|
|
8870
8870
|
|
|
8871
8871
|
${"tonal"==this.variant?R`
|
|
8872
|
-
<div class="empty-state__body--tonal">
|
|
8872
|
+
<div part="tonal-body" class="empty-state__body--tonal">
|
|
8873
8873
|
${this.svgIconUrl?R`
|
|
8874
8874
|
<nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" color="${ZM(this.svgIconColor)}" noFill></nile-icon>
|
|
8875
8875
|
`:R`
|
|
@@ -8878,7 +8878,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
8878
8878
|
</div>`:B}
|
|
8879
8879
|
|
|
8880
8880
|
${"flat"==this.variant?R`
|
|
8881
|
-
<div class="empty-state__body--flat">
|
|
8881
|
+
<div part="flat-body" class="empty-state__body--flat">
|
|
8882
8882
|
<span class="nile-flat-type-icon">
|
|
8883
8883
|
${this.svgIconUrl?R`
|
|
8884
8884
|
<nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" variant="secondary" color="${ZM(this.svgIconColor)}" noFill></nile-icon>
|
|
@@ -8888,13 +8888,13 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
8888
8888
|
</span>
|
|
8889
8889
|
</div>`:B}
|
|
8890
8890
|
|
|
8891
|
-
<div class="empty__state__text-section">
|
|
8892
|
-
<div class="empty-state__text">${this.text}</div>
|
|
8893
|
-
<div class="empty-state__subtext">${this.subText}</div>
|
|
8891
|
+
<div part="text-section" class="empty__state__text-section">
|
|
8892
|
+
<div part="text" class="empty-state__text">${this.text}</div>
|
|
8893
|
+
<div part="subtitle" class="empty-state__subtext">${this.subText}</div>
|
|
8894
8894
|
</div>
|
|
8895
8895
|
</div>
|
|
8896
8896
|
|
|
8897
|
-
<div class="empty-state-actions">
|
|
8897
|
+
<div part="actions" class="empty-state-actions">
|
|
8898
8898
|
<slot></slot>
|
|
8899
8899
|
</div>
|
|
8900
8900
|
</div>
|
|
@@ -10568,23 +10568,23 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
10568
10568
|
display: flex;
|
|
10569
10569
|
align-items: center;
|
|
10570
10570
|
justify-content: space-between;
|
|
10571
|
-
padding: var(--nile-spacing-spacing-md) var(--nile-spacing-spacing-lg) ;
|
|
10571
|
+
padding: var(--nile-spacing-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) ;
|
|
10572
10572
|
}
|
|
10573
10573
|
|
|
10574
10574
|
|
|
10575
10575
|
.pagination-wrapper.v2 .pager-container {
|
|
10576
10576
|
flex-direction: row;
|
|
10577
10577
|
align-items: center;
|
|
10578
|
-
gap: var(--nile-spacing-spacing-md);
|
|
10579
|
-
margin-right: var(--nile-spacing-spacing-xl);
|
|
10578
|
+
gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
|
|
10579
|
+
margin-right: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));
|
|
10580
10580
|
}
|
|
10581
10581
|
|
|
10582
10582
|
.pagination-wrapper.v2 .range-text {
|
|
10583
|
-
margin-right: var(--nile-spacing-spacing-md);
|
|
10584
|
-
font-size: var(--nile-font-size-small);
|
|
10585
|
-
color: var(--nile-colors-dark-900);
|
|
10583
|
+
margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
|
|
10584
|
+
font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));
|
|
10585
|
+
color: var(--nile-colors-dark-900, var( --ng-colors-text-primary-900));
|
|
10586
10586
|
font-feature-settings: 'liga' off, 'clig' off;
|
|
10587
|
-
font-weight: var(--nile-font-weight-regular);
|
|
10587
|
+
font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
|
|
10588
10588
|
}
|
|
10589
10589
|
|
|
10590
10590
|
|
|
@@ -10596,20 +10596,20 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
10596
10596
|
|
|
10597
10597
|
|
|
10598
10598
|
.pagination-wrapper.compact .range-text {
|
|
10599
|
-
margin-right: var(--nile-spacing-spacing-md);
|
|
10599
|
+
margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
|
|
10600
10600
|
white-space: nowrap;
|
|
10601
10601
|
}
|
|
10602
10602
|
|
|
10603
10603
|
|
|
10604
10604
|
.pagination-wrapper.compact .pager-container {
|
|
10605
|
-
gap: var(--nile-spacing-spacing-md);
|
|
10605
|
+
gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
|
|
10606
10606
|
}
|
|
10607
10607
|
|
|
10608
10608
|
|
|
10609
10609
|
.pagination-wrapper.compact .pager-container {
|
|
10610
10610
|
display: flex;
|
|
10611
10611
|
align-items: center;
|
|
10612
|
-
gap: var(--nile-spacing-spacing-md);
|
|
10612
|
+
gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
|
|
10613
10613
|
}
|
|
10614
10614
|
|
|
10615
10615
|
.pagination-wrapper.compact .page-size-dropdown ::part(base) {
|
|
@@ -10632,14 +10632,14 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
10632
10632
|
.compact-pagination {
|
|
10633
10633
|
display: flex;
|
|
10634
10634
|
align-items: center;
|
|
10635
|
-
gap: var(--nile-spacing-spacing-xs);
|
|
10635
|
+
gap: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));
|
|
10636
10636
|
list-style: none;
|
|
10637
10637
|
margin: 0;
|
|
10638
10638
|
padding: 0;
|
|
10639
10639
|
}
|
|
10640
10640
|
.page-dropdown .current-page-btn {
|
|
10641
10641
|
padding: 2px;
|
|
10642
|
-
font-size: var(--nile-font-size-small);
|
|
10642
|
+
font-size: var(--nile-font-size-small, var(--ng-font-weight-regular));
|
|
10643
10643
|
}
|
|
10644
10644
|
|
|
10645
10645
|
nile-button.current-page-btn::part(base){
|
|
@@ -10653,16 +10653,16 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
10653
10653
|
.pager-container {
|
|
10654
10654
|
display: flex;
|
|
10655
10655
|
align-items: center;
|
|
10656
|
-
gap: var(--nile-spacing-spacing-3xl);
|
|
10656
|
+
gap: var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));
|
|
10657
10657
|
}
|
|
10658
10658
|
|
|
10659
10659
|
.pagination-wrapper.compact .pager-container {
|
|
10660
|
-
gap: var(--nile-spacing-xxs) !important;
|
|
10660
|
+
gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) !important;
|
|
10661
10661
|
}
|
|
10662
10662
|
|
|
10663
10663
|
.range-text {
|
|
10664
|
-
font-size: var(--nile-font-size-small);
|
|
10665
|
-
color: var(--nile-colors-dark-900);
|
|
10664
|
+
font-size: var(--nile-font-size-small, var(--ng-font-weight-regular));
|
|
10665
|
+
color: var(--nile-colors-dark-900,var( --ng-colors-text-primary-900) );
|
|
10666
10666
|
white-space: nowrap;
|
|
10667
10667
|
}
|
|
10668
10668
|
|
|
@@ -10674,13 +10674,13 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
10674
10674
|
ul.pagination {
|
|
10675
10675
|
display: flex;
|
|
10676
10676
|
list-style: none;
|
|
10677
|
-
padding: var(--nile-spacing-spacing-none);
|
|
10678
|
-
margin: var(--nile-spacing-spacing-none);
|
|
10679
|
-
gap: var(--nile-radius-radius-xxs);
|
|
10677
|
+
padding: var(--nile-spacing-spacing-none, var(--ng-spacing-none));
|
|
10678
|
+
margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));
|
|
10679
|
+
gap: var(--nile-radius-radius-xxs, var(--ng-radius-xxs));
|
|
10680
10680
|
}
|
|
10681
10681
|
|
|
10682
10682
|
ul.pagination li {
|
|
10683
|
-
margin: var(--nile-spacing-spacing-none);
|
|
10683
|
+
margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));
|
|
10684
10684
|
}
|
|
10685
10685
|
|
|
10686
10686
|
.ellipsis-scroll-wrapper {
|
|
@@ -10702,13 +10702,13 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
10702
10702
|
}
|
|
10703
10703
|
.compact-dropdown nile-menu {
|
|
10704
10704
|
overflow-y: auto;
|
|
10705
|
-
padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);
|
|
10705
|
+
padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));
|
|
10706
10706
|
box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
|
|
10707
10707
|
}
|
|
10708
10708
|
|
|
10709
10709
|
.page-size-dropdown nile-menu {
|
|
10710
10710
|
overflow-y: auto;
|
|
10711
|
-
padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);
|
|
10711
|
+
padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));
|
|
10712
10712
|
box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
|
|
10713
10713
|
}
|
|
10714
10714
|
|
|
@@ -10720,20 +10720,20 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
10720
10720
|
|
|
10721
10721
|
.compact-dropdown1 nile-menu {
|
|
10722
10722
|
overflow-y: auto;
|
|
10723
|
-
padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);
|
|
10723
|
+
padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));
|
|
10724
10724
|
box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
|
|
10725
10725
|
}
|
|
10726
10726
|
|
|
10727
10727
|
.compact-dropdown1 nile-menu {
|
|
10728
10728
|
overflow-y: auto;
|
|
10729
|
-
padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);
|
|
10729
|
+
padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));
|
|
10730
10730
|
box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
|
|
10731
10731
|
}
|
|
10732
10732
|
|
|
10733
10733
|
|
|
10734
10734
|
.ellipsis-dropdown nile-menu {
|
|
10735
10735
|
overflow-y: auto;
|
|
10736
|
-
padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);
|
|
10736
|
+
padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));
|
|
10737
10737
|
box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
|
|
10738
10738
|
}
|
|
10739
10739
|
|
|
@@ -10743,19 +10743,19 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
10743
10743
|
}
|
|
10744
10744
|
|
|
10745
10745
|
.pagination-wrapper.fluid ul.pagination li:first-child {
|
|
10746
|
-
margin-right: var(--nile-spacing-spacing-xs);
|
|
10746
|
+
margin-right: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));
|
|
10747
10747
|
}
|
|
10748
10748
|
.pagination-wrapper.fluid ul.pagination li:last-child {
|
|
10749
|
-
margin-left: var(--nile-spacing-spacing-md);
|
|
10749
|
+
margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
|
|
10750
10750
|
}
|
|
10751
10751
|
|
|
10752
10752
|
|
|
10753
10753
|
.page-size-label {
|
|
10754
|
-
font-size: var(--nile-type-scale-3);
|
|
10755
|
-
color: var(--nile-colors-dark-500);
|
|
10756
|
-
margin-left: var(--nile-spacing-spacing-md);
|
|
10754
|
+
font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
|
|
10755
|
+
color: var(--nile-colors-dark-500, var(--ng-colors-text-primary-500));
|
|
10756
|
+
margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
|
|
10757
10757
|
font-feature-settings: 'liga' off, 'clig' off;
|
|
10758
|
-
font-weight: var(--nile-font-weight-regular);
|
|
10758
|
+
font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
|
|
10759
10759
|
}
|
|
10760
10760
|
|
|
10761
10761
|
nile-button::part(base) {
|
|
@@ -10764,7 +10764,24 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
10764
10764
|
padding: 0px 6px;
|
|
10765
10765
|
box-shadow: none;
|
|
10766
10766
|
}
|
|
10767
|
+
|
|
10768
|
+
nile-button.down::part(base) {
|
|
10769
|
+
border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));
|
|
10770
|
+
}
|
|
10767
10771
|
|
|
10772
|
+
nile-button.down::part(base):active {
|
|
10773
|
+
border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));
|
|
10774
|
+
}
|
|
10775
|
+
|
|
10776
|
+
|
|
10777
|
+
nile-button.current-page-btn::part(base) {
|
|
10778
|
+
border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));
|
|
10779
|
+
}
|
|
10780
|
+
|
|
10781
|
+
nile-button.current-page-btn::part(base):active {
|
|
10782
|
+
border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));
|
|
10783
|
+
}
|
|
10784
|
+
|
|
10768
10785
|
nile-button::part(base):active {
|
|
10769
10786
|
min-width: 32px;
|
|
10770
10787
|
height: 32px;
|
|
@@ -10814,7 +10831,6 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
10814
10831
|
<nile-icon
|
|
10815
10832
|
name="chevrondown"
|
|
10816
10833
|
size="14"
|
|
10817
|
-
color="var(--nile-colors-dark-500)"
|
|
10818
10834
|
class="chevron"
|
|
10819
10835
|
></nile-icon>
|
|
10820
10836
|
</nile-button>
|
|
@@ -10850,7 +10866,6 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
|
|
|
10850
10866
|
<nile-icon
|
|
10851
10867
|
name="chevrondown"
|
|
10852
10868
|
size="14"
|
|
10853
|
-
color="var(--nile-colors-dark-500)"
|
|
10854
10869
|
class="chevron"
|
|
10855
10870
|
></nile-icon>
|
|
10856
10871
|
</nile-button>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-empty-state.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/if-defined.js"],function(_export,_context){"use strict";var t,i,s,e,o,n,
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-empty-state.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/if-defined.js"],function(_export,_context){"use strict";var t,i,s,e,o,a,n,l,c,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;s=_lit.nothing;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){a=_litDirectivesClassMapJs.classMap;},function(_nileEmptyStateCssCjsJs){n=_nileEmptyStateCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_litDirectivesIfDefinedJs){c=_litDirectivesIfDefinedJs.ifDefined;}],execute:function execute(){_export("N",r=/*#__PURE__*/function(_l){function r(){var _this;_classCallCheck(this,r);_this=_callSuper(this,r,arguments),_this.size="md",_this.variant="tonal",_this.icon="error",_this.grayscale=!1,_this.text="Empty State",_this.subText="No Data",_this.svgIconSize=40;return _this;}_inherits(r,_l);return _createClass(r,[{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div part=\"container\" class=\"","\">\n <div part=\"body\" class=\"","\">\n\n ","\n\n ","\n\n ","\n\n <div part=\"text-section\" class=\"empty__state__text-section\">\n <div part=\"text\" class=\"empty-state__text\">","</div>\n <div part=\"subtitle\" class=\"empty-state__subtext\">","</div>\n </div>\n </div>\n\n <div part=\"actions\" class=\"empty-state-actions\">\n <slot></slot>\n </div>\n </div>\n "])),a({"empty-state":!0,"empty-state--sm":"sm"==this.size,"empty-state--md":"md"==this.size,"empty-state--lg":"lg"==this.size}),a({"empty-state__body":!0}),"content"==this.variant?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n <div part=\"content-image\" class=\"empty-state__body--content\">\n ","\n </div>"])),this.icon||this.svgIconUrl?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n <div part=\"icon-wrapper\" class=\"empty-state__img__icon\">\n ","\n </div>"])),this.svgIconUrl?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n <nile-icon customSvgPath=\"","\" size=\"","\" color=\"","\" noFill></nile-icon>\n <!-- <nile-icon customSvgPath=\"","\" size=\"","\" color=\"","\"></nile-icon> -->\n "])),this.svgIconUrl,this.svgIconSize,c(this.svgIconColor),this.svgIconUrl,this.svgIconSize,this.svgIconColor?this.svgIconColor:"#ddd"):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n <nile-icon name=\"","\" color=\"white\" size=\"","\"></nile-icon>\n "])),this.icon,"sm"==this.size||"md"==this.size?24:28)):s):s,"tonal"==this.variant?i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n <div part=\"tonal-body\" class=\"empty-state__body--tonal\">\n ","\n </div>"])),this.svgIconUrl?i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n <nile-icon customSvgPath=\"","\" size=\"","\" color=\"","\" noFill></nile-icon>\n "])),this.svgIconUrl,this.svgIconSize,c(this.svgIconColor)):i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n <nile-icon name=\"","\" size=\"40\"></nile-icon>\n "])),this.icon)):s,"flat"==this.variant?i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n <div part=\"flat-body\" class=\"empty-state__body--flat\">\n\t\t\t\t\t<span class=\"nile-flat-type-icon\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</span>\n </div>"])),this.svgIconUrl?i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n <nile-icon customSvgPath=\"","\" size=\"","\" variant=\"secondary\" color=\"","\" noFill></nile-icon>\n "])),this.svgIconUrl,this.svgIconSize,c(this.svgIconColor)):i(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n <nile-icon name=\"","\" size=\"","\" variant=\"secondary\"></nile-icon>\n "])),this.icon,"sm"==this.size||"md"==this.size?24:28)):s,this.text,this.subText);}}],[{key:"styles",get:function get(){return[n];}}]);}(l));t([e()],r.prototype,"size",void 0),t([e()],r.prototype,"variant",void 0),t([e()],r.prototype,"icon",void 0),t([e({type:Boolean})],r.prototype,"grayscale",void 0),t([e()],r.prototype,"text",void 0),t([e({attribute:"sub-text"})],r.prototype,"subText",void 0),t([e()],r.prototype,"svgIconUrl",void 0),t([e({type:Number})],r.prototype,"svgIconSize",void 0),t([e({type:String})],r.prototype,"svgIconColor",void 0),_export("N",r=t([o("nile-empty-state")],r));}};});
|
|
2
2
|
//# sourceMappingURL=nile-empty-state.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-empty-state.cjs.js","sources":["../../../src/nile-empty-state/nile-empty-state.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, nothing, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-empty-state.css';\nimport NileElement from '../internal/nile-element';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n/**\n * Nile empty-state component.\n *\n * @tag nile-empty-state\n *\n */\n@customElement('nile-empty-state')\nexport class NileEmptyState extends NileElement {\n\n /**\n * The styles for nile-empty-state\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property() size: 'sm' | 'md' | 'lg' = 'md';\n\n @property() variant:\n | 'flat'\n | 'content'\n | 'tonal' = 'tonal';\n\n @property() icon: string = 'error';\n @property({type:Boolean}) grayscale: boolean = false;\n\n @property() text: String = 'Empty State';\n @property({attribute:'sub-text'}) subText: String = 'No Data';\n @property() svgIconUrl: string;\n @property({type: Number}) svgIconSize: number = 40;\n @property({type: String}) svgIconColor: string;\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n public render(): TemplateResult {\n return html`\n <div class=\"${classMap({\n 'empty-state': true,\n 'empty-state--sm': this.size == 'sm',\n 'empty-state--md': this.size == 'md',\n 'empty-state--lg': this.size == 'lg'\n })}\">\n <div class=\"${classMap({ 'empty-state__body': true })}\">\n\n ${this.variant == 'content' ? html`\n <div class=\"empty-state__body--content\">\n ${!this.icon && !this.svgIconUrl ? nothing : html`\n <div class=\"empty-state__img__icon\">\n ${this.svgIconUrl ? html`\n <nile-icon customSvgPath=\"${this.svgIconUrl}\" size=\"${this.svgIconSize}\" color=\"${ifDefined(this.svgIconColor)}\" noFill></nile-icon>\n <!-- <nile-icon customSvgPath=\"${this.svgIconUrl}\" size=\"${this.svgIconSize}\" color=\"${this.svgIconColor ? this.svgIconColor : '#ddd'}\"></nile-icon> -->\n ` : html`\n <nile-icon name=\"${this.icon}\" color=\"white\" size=\"${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}\"></nile-icon>\n `}\n </div>`\n }\n </div>`: nothing\n }\n\n ${this.variant == 'tonal' ? html`\n <div class=\"empty-state__body--tonal\">\n ${this.svgIconUrl ? html`\n <nile-icon customSvgPath=\"${this.svgIconUrl}\" size=\"${this.svgIconSize}\" color=\"${ifDefined(this.svgIconColor)}\" noFill></nile-icon>\n ` : html`\n <nile-icon name=\"${this.icon}\" size=\"40\"></nile-icon>\n `}\n </div>`: nothing\n }\n\n ${this.variant == 'flat' ? html`\n <div class=\"empty-state__body--flat\">\n\t\t\t\t\t<span class=\"nile-flat-type-icon\">\n\t\t\t\t\t\t${this.svgIconUrl ? html`\n <nile-icon customSvgPath=\"${this.svgIconUrl}\" size=\"${this.svgIconSize}\" variant=\"secondary\" color=\"${ifDefined(this.svgIconColor)}\" noFill></nile-icon>\n ` : html`\n <nile-icon name=\"${this.icon}\" size=\"${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}\" variant=\"secondary\"></nile-icon>\n `}\n\t\t\t\t\t</span>\n </div>`: nothing\n }\n\n <div class=\"empty__state__text-section\">\n <div class=\"empty-state__text\">${this.text}</div>\n <div class=\"empty-state__subtext\">${this.subText}</div>\n </div>\n </div>\n\n <div class=\"empty-state-actions\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileEmptyState;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-empty-state': NileEmptyState;\n }\n}\n"],"names":["NileEmptyState","
|
|
1
|
+
{"version":3,"file":"nile-empty-state.cjs.js","sources":["../../../src/nile-empty-state/nile-empty-state.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, nothing, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-empty-state.css';\nimport NileElement from '../internal/nile-element';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n/**\n * Nile empty-state component.\n *\n * @tag nile-empty-state\n *\n */\n@customElement('nile-empty-state')\nexport class NileEmptyState extends NileElement {\n\n /**\n * The styles for nile-empty-state\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property() size: 'sm' | 'md' | 'lg' = 'md';\n\n @property() variant:\n | 'flat'\n | 'content'\n | 'tonal' = 'tonal';\n\n @property() icon: string = 'error';\n @property({type:Boolean}) grayscale: boolean = false;\n\n @property() text: String = 'Empty State';\n @property({attribute:'sub-text'}) subText: String = 'No Data';\n @property() svgIconUrl: string;\n @property({type: Number}) svgIconSize: number = 40;\n @property({type: String}) svgIconColor: string;\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n public render(): TemplateResult {\n return html`\n <div part=\"container\" class=\"${classMap({\n 'empty-state': true,\n 'empty-state--sm': this.size == 'sm',\n 'empty-state--md': this.size == 'md',\n 'empty-state--lg': this.size == 'lg'\n })}\">\n <div part=\"body\" class=\"${classMap({ 'empty-state__body': true })}\">\n\n ${this.variant == 'content' ? html`\n <div part=\"content-image\" class=\"empty-state__body--content\">\n ${!this.icon && !this.svgIconUrl ? nothing : html`\n <div part=\"icon-wrapper\" class=\"empty-state__img__icon\">\n ${this.svgIconUrl ? html`\n <nile-icon customSvgPath=\"${this.svgIconUrl}\" size=\"${this.svgIconSize}\" color=\"${ifDefined(this.svgIconColor)}\" noFill></nile-icon>\n <!-- <nile-icon customSvgPath=\"${this.svgIconUrl}\" size=\"${this.svgIconSize}\" color=\"${this.svgIconColor ? this.svgIconColor : '#ddd'}\"></nile-icon> -->\n ` : html`\n <nile-icon name=\"${this.icon}\" color=\"white\" size=\"${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}\"></nile-icon>\n `}\n </div>`\n }\n </div>`: nothing\n }\n\n ${this.variant == 'tonal' ? html`\n <div part=\"tonal-body\" class=\"empty-state__body--tonal\">\n ${this.svgIconUrl ? html`\n <nile-icon customSvgPath=\"${this.svgIconUrl}\" size=\"${this.svgIconSize}\" color=\"${ifDefined(this.svgIconColor)}\" noFill></nile-icon>\n ` : html`\n <nile-icon name=\"${this.icon}\" size=\"40\"></nile-icon>\n `}\n </div>`: nothing\n }\n\n ${this.variant == 'flat' ? html`\n <div part=\"flat-body\" class=\"empty-state__body--flat\">\n\t\t\t\t\t<span class=\"nile-flat-type-icon\">\n\t\t\t\t\t\t${this.svgIconUrl ? html`\n <nile-icon customSvgPath=\"${this.svgIconUrl}\" size=\"${this.svgIconSize}\" variant=\"secondary\" color=\"${ifDefined(this.svgIconColor)}\" noFill></nile-icon>\n ` : html`\n <nile-icon name=\"${this.icon}\" size=\"${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}\" variant=\"secondary\"></nile-icon>\n `}\n\t\t\t\t\t</span>\n </div>`: nothing\n }\n\n <div part=\"text-section\" class=\"empty__state__text-section\">\n <div part=\"text\" class=\"empty-state__text\">${this.text}</div>\n <div part=\"subtitle\" class=\"empty-state__subtext\">${this.subText}</div>\n </div>\n </div>\n\n <div part=\"actions\" class=\"empty-state-actions\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileEmptyState;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-empty-state': NileEmptyState;\n }\n}\n"],"names":["NileEmptyState","r","constructor","this","size","variant","icon","grayscale","text","subText","svgIconSize","_this","_inherits","_l","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","svgIconUrl","_templateObject3","_templateObject4","ifDefined","svgIconColor","_templateObject5","nothing","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","get","styles","NileElement","__decorate","property","prototype","type","Boolean","attribute","Number","String","customElement"],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{html as i,nothing as s}from"lit";import{property as e,customElement as o}from"lit/decorators.js";import{classMap as
|
|
2
|
-
<div class="${
|
|
3
|
-
<div class="${
|
|
1
|
+
import{__decorate as t}from"tslib";import{html as i,nothing as s}from"lit";import{property as e,customElement as o}from"lit/decorators.js";import{classMap as a}from"lit/directives/class-map.js";import{s as n}from"./nile-empty-state.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{ifDefined as c}from"lit/directives/if-defined.js";let r=class extends l{constructor(){super(...arguments),this.size="md",this.variant="tonal",this.icon="error",this.grayscale=!1,this.text="Empty State",this.subText="No Data",this.svgIconSize=40}static get styles(){return[n]}render(){return i`
|
|
2
|
+
<div part="container" class="${a({"empty-state":!0,"empty-state--sm":"sm"==this.size,"empty-state--md":"md"==this.size,"empty-state--lg":"lg"==this.size})}">
|
|
3
|
+
<div part="body" class="${a({"empty-state__body":!0})}">
|
|
4
4
|
|
|
5
5
|
${"content"==this.variant?i`
|
|
6
|
-
<div class="empty-state__body--content">
|
|
6
|
+
<div part="content-image" class="empty-state__body--content">
|
|
7
7
|
${this.icon||this.svgIconUrl?i`
|
|
8
|
-
<div class="empty-state__img__icon">
|
|
8
|
+
<div part="icon-wrapper" class="empty-state__img__icon">
|
|
9
9
|
${this.svgIconUrl?i`
|
|
10
10
|
<nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" color="${c(this.svgIconColor)}" noFill></nile-icon>
|
|
11
11
|
<!-- <nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" color="${this.svgIconColor?this.svgIconColor:"#ddd"}"></nile-icon> -->
|
|
@@ -16,7 +16,7 @@ import{__decorate as t}from"tslib";import{html as i,nothing as s}from"lit";impor
|
|
|
16
16
|
</div>`:s}
|
|
17
17
|
|
|
18
18
|
${"tonal"==this.variant?i`
|
|
19
|
-
<div class="empty-state__body--tonal">
|
|
19
|
+
<div part="tonal-body" class="empty-state__body--tonal">
|
|
20
20
|
${this.svgIconUrl?i`
|
|
21
21
|
<nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" color="${c(this.svgIconColor)}" noFill></nile-icon>
|
|
22
22
|
`:i`
|
|
@@ -25,7 +25,7 @@ import{__decorate as t}from"tslib";import{html as i,nothing as s}from"lit";impor
|
|
|
25
25
|
</div>`:s}
|
|
26
26
|
|
|
27
27
|
${"flat"==this.variant?i`
|
|
28
|
-
<div class="empty-state__body--flat">
|
|
28
|
+
<div part="flat-body" class="empty-state__body--flat">
|
|
29
29
|
<span class="nile-flat-type-icon">
|
|
30
30
|
${this.svgIconUrl?i`
|
|
31
31
|
<nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" variant="secondary" color="${c(this.svgIconColor)}" noFill></nile-icon>
|
|
@@ -35,14 +35,14 @@ import{__decorate as t}from"tslib";import{html as i,nothing as s}from"lit";impor
|
|
|
35
35
|
</span>
|
|
36
36
|
</div>`:s}
|
|
37
37
|
|
|
38
|
-
<div class="empty__state__text-section">
|
|
39
|
-
<div class="empty-state__text">${this.text}</div>
|
|
40
|
-
<div class="empty-state__subtext">${this.subText}</div>
|
|
38
|
+
<div part="text-section" class="empty__state__text-section">
|
|
39
|
+
<div part="text" class="empty-state__text">${this.text}</div>
|
|
40
|
+
<div part="subtitle" class="empty-state__subtext">${this.subText}</div>
|
|
41
41
|
</div>
|
|
42
42
|
</div>
|
|
43
43
|
|
|
44
|
-
<div class="empty-state-actions">
|
|
44
|
+
<div part="actions" class="empty-state-actions">
|
|
45
45
|
<slot></slot>
|
|
46
46
|
</div>
|
|
47
47
|
</div>
|
|
48
|
-
`}};t([e()],
|
|
48
|
+
`}};t([e()],r.prototype,"size",void 0),t([e()],r.prototype,"variant",void 0),t([e()],r.prototype,"icon",void 0),t([e({type:Boolean})],r.prototype,"grayscale",void 0),t([e()],r.prototype,"text",void 0),t([e({attribute:"sub-text"})],r.prototype,"subText",void 0),t([e()],r.prototype,"svgIconUrl",void 0),t([e({type:Number})],r.prototype,"svgIconSize",void 0),t([e({type:String})],r.prototype,"svgIconColor",void 0),r=t([o("nile-empty-state")],r);export{r as N};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-pagination.css.cjs.js","../internal/nile-element.cjs.js","./nile-pagination-utils.cjs.js"],function(_export,_context){"use strict";var i,t,e,n,s,r,a,l,o,h,d,c,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,p;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;n=_litDecoratorsJs.state;s=_litDecoratorsJs.query;r=_litDecoratorsJs.customElement;},function(_nilePaginationCssCjsJs){a=_nilePaginationCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_nilePaginationUtilsCjsJs){o=_nilePaginationUtilsCjsJs.c;h=_nilePaginationUtilsCjsJs.g;d=_nilePaginationUtilsCjsJs.a;c=_nilePaginationUtilsCjsJs.b;}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_l){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.totalItems=0,_this.currentPage=1,_this.pageSize=50,_this.pageSizeOptions=[10,25,50,100],_this.variant="fluid",_this.disabled=!1,_this.showTitle=!0,_this._pageSizeOpen=!1,_this._pageOpen=!1;return _this;}_inherits(p,_l);return _createClass(p,[{key:"firstUpdated",value:function firstUpdated(){var _this2=this;this._pageSizeDropdown&&(this._pageSizeDropdown.addEventListener("nile-show",function(){_this2._pageSizeOpen=!0;}),this._pageSizeDropdown.addEventListener("nile-after-hide",function(){_this2._pageSizeOpen=!1;}));}},{key:"totalPages",get:function get(){return Math.max(1,o(this.totalItems,this.pageSize));}},{key:"goToPage",value:function goToPage(i){if(this.disabled)return;var t=this.currentPage;this.currentPage=i,this.emit("nile-change",{page:i,previousPage:t,pageSize:this.pageSize});}},{key:"onPageSizeSelect",value:function onPageSizeSelect(i){if(this.disabled||this.pageSize===i)return;var t=this.currentPage;this.pageSize=i,this.currentPage=1,this.emit("nile-change",{page:1,previousPage:t,pageSize:i});}},{key:"renderCompactRangeText",value:function renderCompactRangeText(){var i=h(this.totalItems,this.pageSize,this.currentPage).replace(/^Showing\s*/,"");return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["<div class=\"range-text\">","</div>"])),i);}},{key:"renderRangeText",value:function renderRangeText(){return 0===this.totalItems?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"range-text\">Showing 0 of 0</div>"]))):t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n <div part=\"range-text\" class=\"range-text\">\n ","\n </div>\n "])),h(this.totalItems,this.pageSize,this.currentPage));}},{key:"renderPageSizeSelect",value:function renderPageSizeSelect(){var _this3=this;return"fluid"!==this.variant?null:t(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n <div class=\"page-size-select\">\n <nile-dropdown class=\"page-size-dropdown\" ?disabled=",">\n <nile-button\n slot=\"trigger\"\n variant=\"tertiary\"\n class=\"down ","\"\n ?disabled=","\n >\n ","\n <nile-icon\n name=\"chevrondown\"\n size=\"14\"\n color=\"var(--nile-colors-dark-500)\"\n class=\"chevron\"\n ></nile-icon>\n </nile-button>\n <nile-menu>\n <div class=\"down-scroll-wrapper\">\n ","\n </div>\n </nile-menu>\n </nile-dropdown>\n <span part=\"pagesize-label\" class=\"page-size-label\">Items per page</span>\n </div>\n "])),this.disabled,this._pageSizeOpen?"open":"",this.disabled,this.pageSize,this.pageSizeOptions.map(function(i){return t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n <nile-menu-item\n ?disabled=","\n @click=","\n >\n ","\n </nile-menu-item>\n "])),_this3.disabled,function(){return _this3.onPageSizeSelect(i);},i);}));}},{key:"renderCompactPageSize",value:function renderCompactPageSize(){var _this4=this;return t(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n <nile-dropdown\n class=\"compact-dropdown\"\n ?disabled=","\n @nile-show=","\n @nile-after-hide=","\n >\n <nile-button\n slot=\"trigger\"\n variant=\"tertiary\"\n class=\"down ","\"\n ?disabled=","\n >\n ","\n <nile-icon\n name=\"chevrondown\"\n size=\"14\"\n color=\"var(--nile-colors-dark-500)\"\n class=\"chevron\"\n ></nile-icon>\n </nile-button>\n <nile-menu>\n <div class=\"compact-scroll-wrapper\">\n ","\n </div>\n </nile-menu>\n </nile-dropdown>\n "])),this.disabled,function(){return _this4._pageSizeOpen=!0;},function(){return _this4._pageSizeOpen=!1;},this._pageSizeOpen?"open":"",this.disabled,this.pageSize,this.pageSizeOptions.map(function(i){return t(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n <nile-menu-item\n ?disabled=","\n @click=","\n >\n ","\n </nile-menu-item>\n "])),_this4.disabled,function(){return _this4.onPageSizeSelect(i);},i);}));}},{key:"renderPrevButton",value:function renderPrevButton(){var _this5=this;return t(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n <li>\n <nile-button\n variant=\"tertiary\"\n ?disabled=","\n @click=","\n >\n <nile-icon name=\"arrowleft\" size=\"14\"></nile-icon>\n </nile-button>\n </li>\n "])),1===this.currentPage||this.disabled,function(){return _this5.goToPage(_this5.currentPage-1);});}},{key:"renderNextButton",value:function renderNextButton(){var _this6=this;return t(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n <li>\n <nile-button\n variant=\"tertiary\"\n ?disabled=","\n @click=","\n >\n <nile-icon name=\"arrowright\" size=\"14\"></nile-icon>\n </nile-button>\n </li>\n "])),this.currentPage===this.totalPages||this.disabled,function(){return _this6.goToPage(_this6.currentPage+1);});}},{key:"renderPageItem",value:function renderPageItem(i,e,n){var _this7=this;return"…"===i?t(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n <li>\n <nile-dropdown class=\"ellipsis-dropdown\" ?disabled=",">\n <nile-button slot=\"trigger\" variant=\"ghost\" ?disabled=",">\n \u2026\n </nile-button>\n <nile-menu>\n <div class=\"ellipsis-scroll-wrapper\">\n ","\n </div>\n </nile-menu>\n </nile-dropdown>\n </li>\n "])),this.disabled,this.disabled,d(this.totalPages,n,this.currentPage,e<n.indexOf(this.currentPage)?"left":"right").map(function(i){return t(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n <nile-menu-item\n ?disabled=","\n @click=","\n >\n ","\n </nile-menu-item>\n "])),_this7.disabled,function(){return _this7.goToPage(i);},i);})):t(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n <li>\n <nile-button\n variant=","\n ?disabled=","\n @click=","\n >\n ","\n </nile-button>\n </li>\n "])),i===this.currentPage?"primary":"ghost",this.disabled,function(){return _this7.goToPage(i);},i);}},{key:"renderPageList",value:function renderPageList(){var _this8=this;if("compact"===this.variant)return t(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n <nav aria-label=\"Pagination\">\n <ul class=\"pagination compact-pagination\">\n ","\n <li>\n <nile-dropdown\n class=\"compact-dropdown1\"\n ?disabled=","\n @nile-show=","\n @nile-after-hide=","\n >\n <nile-button\n slot=\"trigger\"\n variant=\"tertiary\"\n class=\"current-page-btn ","\"\n ?disabled=","\n >\n ","\n <nile-icon\n name=\"chevrondown\"\n size=\"14\"\n class=\"chevron\"\n ></nile-icon>\n </nile-button>\n <nile-menu>\n <div class=\"compact-scroll-wrapper1\">\n ","\n </div>\n </nile-menu>\n </nile-dropdown>\n </li>\n ","\n </ul>\n </nav>\n "])),this.renderPrevButton(),this.disabled,function(){return _this8._pageOpen=!0;},function(){return _this8._pageOpen=!1;},this._pageOpen?"open":"",this.disabled,this.currentPage,Array.from({length:this.totalPages},function(i,t){return t+1;}).map(function(i){return t(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n <nile-menu-item\n ?disabled=","\n @click=","\n >\n ","\n </nile-menu-item>\n "])),_this8.disabled,function(){return _this8.goToPage(i);},i);}),this.renderNextButton());var i=c(this.totalPages,this.currentPage);return t(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n <nav aria-label=\"Pagination\">\n <ul part=\"page-list\" class=\"pagination\">\n ","\n ","\n ","\n </ul>\n </nav>\n "])),this.renderPrevButton(),i.map(function(t,e){return _this8.renderPageItem(t,e,i);}),this.renderNextButton());}},{key:"render",value:function render(){return t(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n <div part=\"wrapper\" class=\"pagination-wrapper ","\">\n <div part=\"pager-container\" class=\"pager-container\">\n ","\n ","\n </div>\n ","\n </div>\n "])),this.variant,"fluid"===this.variant&&this.showTitle?this.renderRangeText():"compact"===this.variant?this.renderCompactRangeText():null,"fluid"===this.variant?this.renderPageSizeSelect():this.renderCompactPageSize(),this.renderPageList());}}],[{key:"styles",get:function get(){return[a];}}]);}(l));i([e({attribute:"totalitems",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var t=Number(i);return Number.isFinite(t)&&t>=0?Math.floor(t):0;}}})],p.prototype,"totalItems",void 0),i([e({attribute:"currentpage",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var t=Number(i);return Number.isFinite(t)&&t>=1?Math.floor(t):1;}}})],p.prototype,"currentPage",void 0),i([e({attribute:"pagesize",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var t=Number(i);return Number.isFinite(t)&&t>=1?Math.floor(t):50;}}})],p.prototype,"pageSize",void 0),i([e({attribute:"pagesizeoptions",reflect:!1,converter:{fromAttribute:function fromAttribute(i){try{var _t=JSON.parse(i);if(Array.isArray(_t)&&_t.every(function(i){return"number"==typeof i;}))return _t;}catch(_unused){}return[10,25,50,100];}}})],p.prototype,"pageSizeOptions",void 0),i([e({type:String})],p.prototype,"variant",void 0),i([e({type:Boolean})],p.prototype,"disabled",void 0),i([e({type:Boolean})],p.prototype,"showTitle",void 0),i([n()],p.prototype,"_pageSizeOpen",void 0),i([n()],p.prototype,"_pageOpen",void 0),i([s(".page-size-dropdown")],p.prototype,"_pageSizeDropdown",void 0),_export("N",p=i([r("nile-pagination")],p));}};});
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-pagination.css.cjs.js","../internal/nile-element.cjs.js","./nile-pagination-utils.cjs.js"],function(_export,_context){"use strict";var i,t,e,n,s,r,a,l,o,h,d,c,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,p;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;n=_litDecoratorsJs.state;s=_litDecoratorsJs.query;r=_litDecoratorsJs.customElement;},function(_nilePaginationCssCjsJs){a=_nilePaginationCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_nilePaginationUtilsCjsJs){o=_nilePaginationUtilsCjsJs.c;h=_nilePaginationUtilsCjsJs.g;d=_nilePaginationUtilsCjsJs.a;c=_nilePaginationUtilsCjsJs.b;}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_l){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.totalItems=0,_this.currentPage=1,_this.pageSize=50,_this.pageSizeOptions=[10,25,50,100],_this.variant="fluid",_this.disabled=!1,_this.showTitle=!0,_this._pageSizeOpen=!1,_this._pageOpen=!1;return _this;}_inherits(p,_l);return _createClass(p,[{key:"firstUpdated",value:function firstUpdated(){var _this2=this;this._pageSizeDropdown&&(this._pageSizeDropdown.addEventListener("nile-show",function(){_this2._pageSizeOpen=!0;}),this._pageSizeDropdown.addEventListener("nile-after-hide",function(){_this2._pageSizeOpen=!1;}));}},{key:"totalPages",get:function get(){return Math.max(1,o(this.totalItems,this.pageSize));}},{key:"goToPage",value:function goToPage(i){if(this.disabled)return;var t=this.currentPage;this.currentPage=i,this.emit("nile-change",{page:i,previousPage:t,pageSize:this.pageSize});}},{key:"onPageSizeSelect",value:function onPageSizeSelect(i){if(this.disabled||this.pageSize===i)return;var t=this.currentPage;this.pageSize=i,this.currentPage=1,this.emit("nile-change",{page:1,previousPage:t,pageSize:i});}},{key:"renderCompactRangeText",value:function renderCompactRangeText(){var i=h(this.totalItems,this.pageSize,this.currentPage).replace(/^Showing\s*/,"");return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["<div class=\"range-text\">","</div>"])),i);}},{key:"renderRangeText",value:function renderRangeText(){return 0===this.totalItems?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"range-text\">Showing 0 of 0</div>"]))):t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n <div part=\"range-text\" class=\"range-text\">\n ","\n </div>\n "])),h(this.totalItems,this.pageSize,this.currentPage));}},{key:"renderPageSizeSelect",value:function renderPageSizeSelect(){var _this3=this;return"fluid"!==this.variant?null:t(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n <div class=\"page-size-select\">\n <nile-dropdown class=\"page-size-dropdown\" ?disabled=",">\n <nile-button\n slot=\"trigger\"\n variant=\"tertiary\"\n class=\"down ","\"\n ?disabled=","\n >\n ","\n <nile-icon\n name=\"chevrondown\"\n size=\"14\"\n class=\"chevron\"\n ></nile-icon>\n </nile-button>\n <nile-menu>\n <div class=\"down-scroll-wrapper\">\n ","\n </div>\n </nile-menu>\n </nile-dropdown>\n <span part=\"pagesize-label\" class=\"page-size-label\">Items per page</span>\n </div>\n "])),this.disabled,this._pageSizeOpen?"open":"",this.disabled,this.pageSize,this.pageSizeOptions.map(function(i){return t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n <nile-menu-item\n ?disabled=","\n @click=","\n >\n ","\n </nile-menu-item>\n "])),_this3.disabled,function(){return _this3.onPageSizeSelect(i);},i);}));}},{key:"renderCompactPageSize",value:function renderCompactPageSize(){var _this4=this;return t(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n <nile-dropdown\n class=\"compact-dropdown\"\n ?disabled=","\n @nile-show=","\n @nile-after-hide=","\n >\n <nile-button\n slot=\"trigger\"\n variant=\"tertiary\"\n class=\"down ","\"\n ?disabled=","\n >\n ","\n <nile-icon\n name=\"chevrondown\"\n size=\"14\"\n class=\"chevron\"\n ></nile-icon>\n </nile-button>\n <nile-menu>\n <div class=\"compact-scroll-wrapper\">\n ","\n </div>\n </nile-menu>\n </nile-dropdown>\n "])),this.disabled,function(){return _this4._pageSizeOpen=!0;},function(){return _this4._pageSizeOpen=!1;},this._pageSizeOpen?"open":"",this.disabled,this.pageSize,this.pageSizeOptions.map(function(i){return t(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n <nile-menu-item\n ?disabled=","\n @click=","\n >\n ","\n </nile-menu-item>\n "])),_this4.disabled,function(){return _this4.onPageSizeSelect(i);},i);}));}},{key:"renderPrevButton",value:function renderPrevButton(){var _this5=this;return t(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n <li>\n <nile-button\n variant=\"tertiary\"\n ?disabled=","\n @click=","\n >\n <nile-icon name=\"arrowleft\" size=\"14\"></nile-icon>\n </nile-button>\n </li>\n "])),1===this.currentPage||this.disabled,function(){return _this5.goToPage(_this5.currentPage-1);});}},{key:"renderNextButton",value:function renderNextButton(){var _this6=this;return t(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n <li>\n <nile-button\n variant=\"tertiary\"\n ?disabled=","\n @click=","\n >\n <nile-icon name=\"arrowright\" size=\"14\"></nile-icon>\n </nile-button>\n </li>\n "])),this.currentPage===this.totalPages||this.disabled,function(){return _this6.goToPage(_this6.currentPage+1);});}},{key:"renderPageItem",value:function renderPageItem(i,e,n){var _this7=this;return"…"===i?t(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n <li>\n <nile-dropdown class=\"ellipsis-dropdown\" ?disabled=",">\n <nile-button slot=\"trigger\" variant=\"ghost\" ?disabled=",">\n \u2026\n </nile-button>\n <nile-menu>\n <div class=\"ellipsis-scroll-wrapper\">\n ","\n </div>\n </nile-menu>\n </nile-dropdown>\n </li>\n "])),this.disabled,this.disabled,d(this.totalPages,n,this.currentPage,e<n.indexOf(this.currentPage)?"left":"right").map(function(i){return t(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n <nile-menu-item\n ?disabled=","\n @click=","\n >\n ","\n </nile-menu-item>\n "])),_this7.disabled,function(){return _this7.goToPage(i);},i);})):t(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n <li>\n <nile-button\n variant=","\n ?disabled=","\n @click=","\n >\n ","\n </nile-button>\n </li>\n "])),i===this.currentPage?"primary":"ghost",this.disabled,function(){return _this7.goToPage(i);},i);}},{key:"renderPageList",value:function renderPageList(){var _this8=this;if("compact"===this.variant)return t(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n <nav aria-label=\"Pagination\">\n <ul class=\"pagination compact-pagination\">\n ","\n <li>\n <nile-dropdown\n class=\"compact-dropdown1\"\n ?disabled=","\n @nile-show=","\n @nile-after-hide=","\n >\n <nile-button\n slot=\"trigger\"\n variant=\"tertiary\"\n class=\"current-page-btn ","\"\n ?disabled=","\n >\n ","\n <nile-icon\n name=\"chevrondown\"\n size=\"14\"\n class=\"chevron\"\n ></nile-icon>\n </nile-button>\n <nile-menu>\n <div class=\"compact-scroll-wrapper1\">\n ","\n </div>\n </nile-menu>\n </nile-dropdown>\n </li>\n ","\n </ul>\n </nav>\n "])),this.renderPrevButton(),this.disabled,function(){return _this8._pageOpen=!0;},function(){return _this8._pageOpen=!1;},this._pageOpen?"open":"",this.disabled,this.currentPage,Array.from({length:this.totalPages},function(i,t){return t+1;}).map(function(i){return t(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n <nile-menu-item\n ?disabled=","\n @click=","\n >\n ","\n </nile-menu-item>\n "])),_this8.disabled,function(){return _this8.goToPage(i);},i);}),this.renderNextButton());var i=c(this.totalPages,this.currentPage);return t(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n <nav aria-label=\"Pagination\">\n <ul part=\"page-list\" class=\"pagination\">\n ","\n ","\n ","\n </ul>\n </nav>\n "])),this.renderPrevButton(),i.map(function(t,e){return _this8.renderPageItem(t,e,i);}),this.renderNextButton());}},{key:"render",value:function render(){return t(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n <div part=\"wrapper\" class=\"pagination-wrapper ","\">\n <div part=\"pager-container\" class=\"pager-container\">\n ","\n ","\n </div>\n ","\n </div>\n "])),this.variant,"fluid"===this.variant&&this.showTitle?this.renderRangeText():"compact"===this.variant?this.renderCompactRangeText():null,"fluid"===this.variant?this.renderPageSizeSelect():this.renderCompactPageSize(),this.renderPageList());}}],[{key:"styles",get:function get(){return[a];}}]);}(l));i([e({attribute:"totalitems",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var t=Number(i);return Number.isFinite(t)&&t>=0?Math.floor(t):0;}}})],p.prototype,"totalItems",void 0),i([e({attribute:"currentpage",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var t=Number(i);return Number.isFinite(t)&&t>=1?Math.floor(t):1;}}})],p.prototype,"currentPage",void 0),i([e({attribute:"pagesize",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var t=Number(i);return Number.isFinite(t)&&t>=1?Math.floor(t):50;}}})],p.prototype,"pageSize",void 0),i([e({attribute:"pagesizeoptions",reflect:!1,converter:{fromAttribute:function fromAttribute(i){try{var _t=JSON.parse(i);if(Array.isArray(_t)&&_t.every(function(i){return"number"==typeof i;}))return _t;}catch(_unused){}return[10,25,50,100];}}})],p.prototype,"pageSizeOptions",void 0),i([e({type:String})],p.prototype,"variant",void 0),i([e({type:Boolean})],p.prototype,"disabled",void 0),i([e({type:Boolean})],p.prototype,"showTitle",void 0),i([n()],p.prototype,"_pageSizeOpen",void 0),i([n()],p.prototype,"_pageOpen",void 0),i([s(".page-size-dropdown")],p.prototype,"_pageSizeDropdown",void 0),_export("N",p=i([r("nile-pagination")],p));}};});
|
|
2
2
|
//# sourceMappingURL=nile-pagination.cjs.js.map
|