ngwr 6.0.0 → 6.1.1

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.
Files changed (161) hide show
  1. package/alert/index.d.ts +30 -3
  2. package/avatar/index.d.ts +30 -5
  3. package/button/index.d.ts +43 -3
  4. package/cdk/index.d.ts +22 -3
  5. package/cdk/rxjs/index.d.ts +38 -3
  6. package/cdk/types/index.d.ts +25 -3
  7. package/cdk/utils/index.d.ts +12 -3
  8. package/checkbox/index.d.ts +29 -3
  9. package/dialog/index.d.ts +191 -3
  10. package/divider/index.d.ts +16 -5
  11. package/dropdown/index.d.ts +66 -3
  12. package/fesm2022/ngwr-alert.mjs +4 -4
  13. package/fesm2022/ngwr-alert.mjs.map +1 -1
  14. package/fesm2022/ngwr-avatar.mjs +4 -4
  15. package/fesm2022/ngwr-avatar.mjs.map +1 -1
  16. package/fesm2022/ngwr-button.mjs +6 -6
  17. package/fesm2022/ngwr-button.mjs.map +1 -1
  18. package/fesm2022/ngwr-cdk.mjs +3 -3
  19. package/fesm2022/ngwr-cdk.mjs.map +1 -1
  20. package/fesm2022/ngwr-checkbox.mjs +5 -5
  21. package/fesm2022/ngwr-checkbox.mjs.map +1 -1
  22. package/fesm2022/ngwr-dialog.mjs +31 -37
  23. package/fesm2022/ngwr-dialog.mjs.map +1 -1
  24. package/fesm2022/ngwr-divider.mjs +3 -3
  25. package/fesm2022/ngwr-divider.mjs.map +1 -1
  26. package/fesm2022/ngwr-dropdown.mjs +17 -17
  27. package/fesm2022/ngwr-dropdown.mjs.map +1 -1
  28. package/fesm2022/ngwr-form.mjs +6 -6
  29. package/fesm2022/ngwr-form.mjs.map +1 -1
  30. package/fesm2022/ngwr-icon.mjs +10 -11
  31. package/fesm2022/ngwr-icon.mjs.map +1 -1
  32. package/fesm2022/ngwr-input.mjs +7 -7
  33. package/fesm2022/ngwr-input.mjs.map +1 -1
  34. package/fesm2022/ngwr-pagination.mjs +16 -16
  35. package/fesm2022/ngwr-pagination.mjs.map +1 -1
  36. package/fesm2022/ngwr-pipes.mjs +3 -3
  37. package/fesm2022/ngwr-pipes.mjs.map +1 -1
  38. package/fesm2022/ngwr-progress.mjs +3 -3
  39. package/fesm2022/ngwr-progress.mjs.map +1 -1
  40. package/fesm2022/ngwr-qr.mjs +12 -15
  41. package/fesm2022/ngwr-qr.mjs.map +1 -1
  42. package/fesm2022/ngwr-select.mjs +18 -18
  43. package/fesm2022/ngwr-select.mjs.map +1 -1
  44. package/fesm2022/ngwr-skeleton.mjs +3 -3
  45. package/fesm2022/ngwr-skeleton.mjs.map +1 -1
  46. package/fesm2022/ngwr-spinner.mjs +5 -5
  47. package/fesm2022/ngwr-spinner.mjs.map +1 -1
  48. package/fesm2022/ngwr-table.mjs +31 -31
  49. package/fesm2022/ngwr-table.mjs.map +1 -1
  50. package/fesm2022/ngwr-tag.mjs +3 -3
  51. package/fesm2022/ngwr-tag.mjs.map +1 -1
  52. package/fesm2022/ngwr-textarea.mjs +5 -5
  53. package/fesm2022/ngwr-textarea.mjs.map +1 -1
  54. package/form/index.d.ts +26 -3
  55. package/icon/index.d.ts +828 -3
  56. package/index.d.ts +2 -5
  57. package/input/index.d.ts +41 -3
  58. package/package.json +5 -5
  59. package/pagination/index.d.ts +32 -3
  60. package/pipes/index.d.ts +15 -3
  61. package/progress/index.d.ts +13 -5
  62. package/qr/index.d.ts +127 -5
  63. package/select/index.d.ts +119 -3
  64. package/skeleton/index.d.ts +13 -1
  65. package/spinner/index.d.ts +23 -1
  66. package/table/index.d.ts +101 -5
  67. package/tag/index.d.ts +24 -5
  68. package/textarea/index.d.ts +44 -4
  69. package/alert/alert-type.d.ts +0 -7
  70. package/alert/alert.component.d.ts +0 -21
  71. package/alert/public-api.d.ts +0 -8
  72. package/avatar/avatar.component.d.ts +0 -27
  73. package/avatar/public-api.d.ts +0 -7
  74. package/button/button-group.component.d.ts +0 -12
  75. package/button/button.component.d.ts +0 -31
  76. package/button/public-api.d.ts +0 -8
  77. package/cdk/base.directive.d.ts +0 -20
  78. package/cdk/public-api.d.ts +0 -7
  79. package/cdk/rxjs/is-array.d.ts +0 -8
  80. package/cdk/rxjs/is-defined.d.ts +0 -8
  81. package/cdk/rxjs/is-not-empty-array.d.ts +0 -8
  82. package/cdk/rxjs/is-observable.d.ts +0 -9
  83. package/cdk/rxjs/public-api.d.ts +0 -10
  84. package/cdk/types/maybe.d.ts +0 -7
  85. package/cdk/types/public-api.d.ts +0 -9
  86. package/cdk/types/safe-any.d.ts +0 -7
  87. package/cdk/types/theme-color.d.ts +0 -8
  88. package/cdk/utils/generate-random-id.d.ts +0 -12
  89. package/cdk/utils/public-api.d.ts +0 -7
  90. package/checkbox/checkbox.component.d.ts +0 -28
  91. package/checkbox/public-api.d.ts +0 -7
  92. package/dialog/dialog-animations.d.ts +0 -22
  93. package/dialog/dialog-base.directive.d.ts +0 -40
  94. package/dialog/dialog-close.directive.d.ts +0 -9
  95. package/dialog/dialog-content.directive.d.ts +0 -6
  96. package/dialog/dialog-data.token.d.ts +0 -8
  97. package/dialog/dialog-footer.directive.d.ts +0 -8
  98. package/dialog/dialog-options.d.ts +0 -19
  99. package/dialog/dialog-ref.d.ts +0 -26
  100. package/dialog/dialog-title.directive.d.ts +0 -6
  101. package/dialog/dialog.component.d.ts +0 -28
  102. package/dialog/dialog.module.d.ts +0 -6
  103. package/dialog/dialog.service.d.ts +0 -28
  104. package/dialog/public-api.d.ts +0 -18
  105. package/divider/divider.component.d.ts +0 -13
  106. package/divider/public-api.d.ts +0 -7
  107. package/dropdown/dropdown-menu-item.component.d.ts +0 -12
  108. package/dropdown/dropdown-menu.component.d.ts +0 -14
  109. package/dropdown/dropdown.directive.d.ts +0 -29
  110. package/dropdown/dropdown.types.d.ts +0 -9
  111. package/dropdown/public-api.d.ts +0 -10
  112. package/form/form-error.component.d.ts +0 -11
  113. package/form/form-item.component.d.ts +0 -14
  114. package/form/public-api.d.ts +0 -8
  115. package/icon/icon.component.d.ts +0 -24
  116. package/icon/icon.service.d.ts +0 -23
  117. package/icon/icons.d.ts +0 -770
  118. package/icon/provide-wr-icons.d.ts +0 -9
  119. package/icon/public-api.d.ts +0 -10
  120. package/input/input-types.d.ts +0 -1
  121. package/input/input.component.d.ts +0 -38
  122. package/input/public-api.d.ts +0 -8
  123. package/pagination/pagination.component.d.ts +0 -23
  124. package/pagination/pagination.types.d.ts +0 -7
  125. package/pagination/public-api.d.ts +0 -8
  126. package/pipes/new-array.pipe.d.ts +0 -13
  127. package/pipes/public-api.d.ts +0 -7
  128. package/progress/progress.component.d.ts +0 -10
  129. package/progress/public-api.d.ts +0 -7
  130. package/public-api.d.ts +0 -2
  131. package/qr/generator.d.ts +0 -7
  132. package/qr/public-api.d.ts +0 -7
  133. package/qr/qr.component.d.ts +0 -31
  134. package/qr/qrcodegen.d.ts +0 -94
  135. package/select/public-api.d.ts +0 -10
  136. package/select/select-option-group.component.d.ts +0 -19
  137. package/select/select-option.component.d.ts +0 -22
  138. package/select/select.component.d.ts +0 -63
  139. package/select/select.types.d.ts +0 -17
  140. package/skeleton/skeleton.component.d.ts +0 -10
  141. package/spinner/spinner.component.d.ts +0 -13
  142. package/spinner/spinner.types.d.ts +0 -7
  143. package/table/public-api.d.ts +0 -11
  144. package/table/table-cell/index.d.ts +0 -7
  145. package/table/table-cell/table-cell.directive.d.ts +0 -8
  146. package/table/table-filter/index.d.ts +0 -7
  147. package/table/table-filter/table-filter.component.d.ts +0 -18
  148. package/table/table-sort/index.d.ts +0 -7
  149. package/table/table-sort/table-sort.component.d.ts +0 -8
  150. package/table/table.component.d.ts +0 -33
  151. package/table/types/index.d.ts +0 -6
  152. package/table/types/table-cell-context.d.ts +0 -6
  153. package/table/types/table-columns.d.ts +0 -7
  154. package/table/types/table-filter-emit.d.ts +0 -5
  155. package/table/types/table-filter-item.d.ts +0 -6
  156. package/table/types/table-order-item.d.ts +0 -5
  157. package/table/types/table-order.enum.d.ts +0 -5
  158. package/tag/public-api.d.ts +0 -7
  159. package/tag/tag.component.d.ts +0 -21
  160. package/textarea/public-api.d.ts +0 -7
  161. package/textarea/textarea.component.d.ts +0 -44
@@ -1 +1 @@
1
- {"version":3,"file":"ngwr-input.mjs","sources":["../../../projects/lib/input/input.component.ts","../../../projects/lib/input/input.component.html","../../../projects/lib/input/public-api.ts","../../../projects/lib/input/ngwr-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n forwardRef,\n HostBinding,\n inject,\n Input,\n signal,\n ViewEncapsulation,\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { noop } from 'rxjs';\n\nimport { WrAbstractBase } from 'ngwr/cdk';\nimport { SafeAny } from 'ngwr/cdk/types';\nimport { provideWrIcons, eye, eyeOff, WrIconComponent } from 'ngwr/icon';\n\nimport { WrInputType } from './input-types';\n\n/**\n * NGWR input component.\n *\n * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/input}\n */\n@Component({\n selector: 'wr-input',\n templateUrl: './input.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [FormsModule, WrIconComponent],\n providers: [\n provideWrIcons([eye, eyeOff]),\n {\n provide: NG_VALUE_ACCESSOR,\n // eslint-disable-next-line @angular-eslint/no-forward-ref\n useExisting: forwardRef(() => WrInputComponent),\n multi: true,\n },\n ],\n})\nexport class WrInputComponent extends WrAbstractBase implements ControlValueAccessor {\n @Input() placeholder = '';\n @Input() prefix: string | null = null;\n @Input() suffix: string | null = null;\n @Input({ transform: booleanAttribute }) rounded = false;\n @Input({ transform: booleanAttribute }) passwordIcons = false;\n @Input({ transform: booleanAttribute }) readonly = false;\n @Input() type: WrInputType = 'text';\n\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-input': true,\n 'wr-input--rounded': this.rounded,\n 'wr-input--has-prefix': this.prefix,\n 'wr-input--has-suffix': this.suffix,\n 'wr-input--password': this.passwordIcons,\n 'wr-input--disabled': this.isDisabled(),\n 'wr-input--focused': this.isFocused(),\n };\n }\n\n protected readonly inputValue = signal<string | null>(null);\n\n protected value?: string;\n\n private readonly cdr = inject(ChangeDetectorRef);\n protected readonly eyeOn = signal(true);\n protected readonly isFocused = signal(false);\n protected readonly isDisabled = signal(false);\n\n onChange: (value: string) => void = noop;\n onTouch: () => void = noop;\n\n registerOnChange(fn: (value: string) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouch = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.isDisabled.set(coerceBooleanProperty(isDisabled));\n }\n\n writeValue(value: string): void {\n this.value = value;\n this.onChange(value);\n this.inputValue.set(value);\n this.cdr.markForCheck();\n }\n\n onPasswordVisibilityChange(): void {\n if (this.type === 'password') {\n this.type = 'text';\n this.eyeOn.set(false);\n } else {\n this.type = 'password';\n this.eyeOn.set(true);\n }\n }\n}\n","@if (prefix) {\n <div class=\"wr-input-prefix\">\n <span class=\"wr-input-prefix__text\">{{ prefix }}</span>\n </div>\n}\n\n<input\n class=\"wr-input__native\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n [disabled]=\"isDisabled()\"\n [ngModel]=\"inputValue()\"\n (ngModelChange)=\"writeValue($event)\"\n (focus)=\"isFocused.set(true)\"\n (blur)=\"isFocused.set(false)\"\n/>\n\n@if (passwordIcons) {\n <div class=\"wr-input-icon\" [class.wr-input-icon--disabled]=\"isDisabled()\" (click)=\"onPasswordVisibilityChange()\">\n <wr-icon class=\"wr-input-icon__icon\" [name]=\"eyeOn() ? 'eye' : 'eye-off'\" />\n </div>\n}\n\n@if (suffix) {\n <div class=\"wr-input-suffix\">\n <span class=\"wr-input-suffix__text\">{{ suffix }}</span>\n </div>\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './input-types';\nexport * from './input.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAyBH;;;;AAIG;AAiBG,MAAO,gBAAiB,SAAQ,cAAc,CAAA;AAhBpD,IAAA,WAAA,GAAA;;QAiBW,IAAW,CAAA,WAAA,GAAG,EAAE;QAChB,IAAM,CAAA,MAAA,GAAkB,IAAI;QAC5B,IAAM,CAAA,MAAA,GAAkB,IAAI;QACG,IAAO,CAAA,OAAA,GAAG,KAAK;QACf,IAAa,CAAA,aAAA,GAAG,KAAK;QACrB,IAAQ,CAAA,QAAA,GAAG,KAAK;QAC/C,IAAI,CAAA,IAAA,GAAgB,MAAM;AAehB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAgB,IAAI,CAAC;AAI1C,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC7B,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC;AACpB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;AACzB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC;QAE7C,IAAQ,CAAA,QAAA,GAA4B,IAAI;QACxC,IAAO,CAAA,OAAA,GAAe,IAAI;AA8B3B;AArDC,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,IAAI,CAAC,OAAO;YACjC,sBAAsB,EAAE,IAAI,CAAC,MAAM;YACnC,sBAAsB,EAAE,IAAI,CAAC,MAAM;YACnC,oBAAoB,EAAE,IAAI,CAAC,aAAa;AACxC,YAAA,oBAAoB,EAAE,IAAI,CAAC,UAAU,EAAE;AACvC,YAAA,mBAAmB,EAAE,IAAI,CAAC,SAAS,EAAE;SACtC;;AAeH,IAAA,gBAAgB,CAAC,EAA2B,EAAA;AAC1C,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;;AAGpB,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE;;AAGnB,IAAA,gBAAgB,CAAC,UAAmB,EAAA;QAClC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC;;AAGxD,IAAA,UAAU,CAAC,KAAa,EAAA;AACtB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AACpB,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AAC1B,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;;IAGzB,0BAA0B,GAAA;AACxB,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;AAC5B,YAAA,IAAI,CAAC,IAAI,GAAG,MAAM;AAClB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;;aAChB;AACL,YAAA,IAAI,CAAC,IAAI,GAAG,UAAU;AACtB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;;;8GA3Db,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,sJAIP,gBAAgB,CAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAChB,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAChB,gBAAgB,CAhBzB,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA,cAAc,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;AAC7B,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;;AAE1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,gBAAgB,CAAC;AAC/C,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;AACF,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjDH,iyBA6BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDWY,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAW3B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAhB5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAEH,eAAA,EAAA,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,WAAW,EAAE,eAAe,CAAC,EAC5B,SAAA,EAAA;AACT,wBAAA,cAAc,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;AAC7B,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;;AAE1B,4BAAA,WAAW,EAAE,UAAU,CAAC,sBAAsB,CAAC;AAC/C,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,iyBAAA,EAAA;8BAGQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACuC,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,aAAa,EAAA,CAAA;sBAApD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,IAAI,EAAA,CAAA;sBAAZ;gBAGG,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO;;;AE5DtB;;;;;AAKG;;ACLH;;AAEG;;;;"}
1
+ {"version":3,"file":"ngwr-input.mjs","sources":["../../../projects/lib/input/input.component.ts","../../../projects/lib/input/input.component.html","../../../projects/lib/input/public-api.ts","../../../projects/lib/input/ngwr-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n forwardRef,\n HostBinding,\n inject,\n Input,\n signal,\n ViewEncapsulation,\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { noop } from 'rxjs';\n\nimport { WrAbstractBase } from 'ngwr/cdk';\nimport { SafeAny } from 'ngwr/cdk/types';\nimport { provideWrIcons, eye, eyeOff, WrIconComponent } from 'ngwr/icon';\n\nimport { WrInputType } from './input-types';\n\n/**\n * NGWR input component.\n *\n * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/input}\n */\n@Component({\n selector: 'wr-input',\n templateUrl: './input.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [FormsModule, WrIconComponent],\n providers: [\n provideWrIcons([eye, eyeOff]),\n {\n provide: NG_VALUE_ACCESSOR,\n // eslint-disable-next-line @angular-eslint/no-forward-ref\n useExisting: forwardRef(() => WrInputComponent),\n multi: true,\n },\n ],\n})\nexport class WrInputComponent extends WrAbstractBase implements ControlValueAccessor {\n @Input() placeholder = '';\n @Input() prefix: string | null = null;\n @Input() suffix: string | null = null;\n @Input({ transform: booleanAttribute }) rounded = false;\n @Input({ transform: booleanAttribute }) passwordIcons = false;\n @Input({ transform: booleanAttribute }) readonly = false;\n @Input() type: WrInputType = 'text';\n\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-input': true,\n 'wr-input--rounded': this.rounded,\n 'wr-input--has-prefix': this.prefix,\n 'wr-input--has-suffix': this.suffix,\n 'wr-input--password': this.passwordIcons,\n 'wr-input--disabled': this.isDisabled(),\n 'wr-input--focused': this.isFocused(),\n };\n }\n\n protected readonly inputValue = signal<string | null>(null);\n\n protected value?: string;\n\n private readonly cdr = inject(ChangeDetectorRef);\n protected readonly eyeOn = signal(true);\n protected readonly isFocused = signal(false);\n protected readonly isDisabled = signal(false);\n\n onChange: (value: string) => void = noop;\n onTouch: () => void = noop;\n\n registerOnChange(fn: (value: string) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouch = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.isDisabled.set(coerceBooleanProperty(isDisabled));\n }\n\n writeValue(value: string): void {\n this.value = value;\n this.onChange(value);\n this.inputValue.set(value);\n this.cdr.markForCheck();\n }\n\n onPasswordVisibilityChange(): void {\n if (this.type === 'password') {\n this.type = 'text';\n this.eyeOn.set(false);\n } else {\n this.type = 'password';\n this.eyeOn.set(true);\n }\n }\n}\n","@if (prefix) {\n <div class=\"wr-input-prefix\">\n <span class=\"wr-input-prefix__text\">{{ prefix }}</span>\n </div>\n}\n\n<input\n class=\"wr-input__native\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n [disabled]=\"isDisabled()\"\n [ngModel]=\"inputValue()\"\n (ngModelChange)=\"writeValue($event)\"\n (focus)=\"isFocused.set(true)\"\n (blur)=\"isFocused.set(false)\"\n/>\n\n@if (passwordIcons) {\n <div class=\"wr-input-icon\" [class.wr-input-icon--disabled]=\"isDisabled()\" (click)=\"onPasswordVisibilityChange()\">\n <wr-icon class=\"wr-input-icon__icon\" [name]=\"eyeOn() ? 'eye' : 'eye-off'\" />\n </div>\n}\n\n@if (suffix) {\n <div class=\"wr-input-suffix\">\n <span class=\"wr-input-suffix__text\">{{ suffix }}</span>\n </div>\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './input-types';\nexport * from './input.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -21,22 +21,22 @@ import { WrSelectComponent, WrOptionComponent } from 'ngwr/select';
21
21
  */
22
22
  class WrPaginationComponent {
23
23
  constructor() {
24
- this.currentPage = model(1);
25
- this.total = input(0, { transform: numberAttribute });
26
- this.pageSize = model(10);
27
- this.pageSizeOptions = input([10, 20, 50, 100]);
28
- this.showSizeChanger = input(false, { transform: booleanAttribute });
29
- this.showTotal = input(false, { transform: booleanAttribute });
30
- this.position = input('start');
31
- this.disabled = input(false, { transform: booleanAttribute });
32
- this.ofLabel = input('of');
24
+ this.currentPage = model(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
25
+ this.total = input(0, ...(ngDevMode ? [{ debugName: "total", transform: numberAttribute }] : [{ transform: numberAttribute }]));
26
+ this.pageSize = model(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
27
+ this.pageSizeOptions = input([10, 20, 50, 100], ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
28
+ this.showSizeChanger = input(false, ...(ngDevMode ? [{ debugName: "showSizeChanger", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
29
+ this.showTotal = input(false, ...(ngDevMode ? [{ debugName: "showTotal", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
30
+ this.position = input('start', ...(ngDevMode ? [{ debugName: "position" }] : []));
31
+ this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
32
+ this.ofLabel = input('of', ...(ngDevMode ? [{ debugName: "ofLabel" }] : []));
33
33
  this.String = String;
34
- this.totalPages = computed(() => Math.ceil(this.total() / this.pageSize()));
34
+ this.totalPages = computed(() => Math.ceil(this.total() / this.pageSize()), ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
35
35
  this.currentRange = computed(() => {
36
36
  const start = (this.currentPage() - 1) * this.pageSize() + 1;
37
37
  const end = Math.min(this.currentPage() * this.pageSize(), this.total());
38
38
  return `${start}-${end} ${this.ofLabel()} ${this.total()}`;
39
- });
39
+ }, ...(ngDevMode ? [{ debugName: "currentRange" }] : []));
40
40
  this.pages = computed(() => {
41
41
  const total = this.totalPages();
42
42
  const current = this.currentPage();
@@ -72,7 +72,7 @@ class WrPaginationComponent {
72
72
  items.push(total);
73
73
  }
74
74
  return items;
75
- });
75
+ }, ...(ngDevMode ? [{ debugName: "pages" }] : []));
76
76
  }
77
77
  get hostClasses() {
78
78
  return {
@@ -99,13 +99,13 @@ class WrPaginationComponent {
99
99
  this.onPageChange(newTotalPages);
100
100
  }
101
101
  }
102
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
103
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: WrPaginationComponent, isStandalone: true, selector: "wr-pagination", inputs: { currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, showSizeChanger: { classPropertyName: "showSizeChanger", publicName: "showSizeChanger", isSignal: true, isRequired: false, transformFunction: null }, showTotal: { classPropertyName: "showTotal", publicName: "showTotal", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ofLabel: { classPropertyName: "ofLabel", publicName: "ofLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", pageSize: "pageSizeChange" }, host: { properties: { "class": "this.hostClasses" } }, providers: [provideWrIcons([arrowBack, arrowForward])], ngImport: i0, template: "<div class=\"wr-pagination-container\" [class]=\"'wr-pagination--' + position()\">\n @if (showTotal()) {\n <span class=\"wr-pagination-total\">\n {{ currentRange() }}\n </span>\n }\n\n <div class=\"wr-pagination-items\">\n <wr-btn\n outlined\n [disabled]=\"disabled() || currentPage() === 1\"\n (click)=\"onPageChange(currentPage() - 1)\"\n icon=\"arrow-back\"\n ></wr-btn>\n\n @for (page of pages(); track page) {\n @if (page === '...') {\n <span class=\"wr-pagination-ellipsis\">...</span>\n } @else {\n <wr-btn\n [outlined]=\"!isCurrentPage(page)\"\n [color]=\"isCurrentPage(page) ? 'primary' : 'medium'\"\n [disabled]=\"disabled()\"\n (click)=\"onPageChange(page)\"\n >\n {{ page }}\n </wr-btn>\n }\n }\n\n <wr-btn\n outlined\n [disabled]=\"disabled() || currentPage() === totalPages()\"\n (click)=\"onPageChange(currentPage() + 1)\"\n icon=\"arrow-forward\"\n ></wr-btn>\n </div>\n\n @if (showSizeChanger()) {\n <wr-select [disabled]=\"disabled()\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\">\n @for (option of pageSizeOptions(); track option) {\n <wr-option [value]=\"option\" [label]=\"String(option)\"></wr-option>\n }\n </wr-select>\n }\n</div>\n", dependencies: [{ kind: "component", type: WrButtonComponent, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "icon", "iconPosition", "disabled", "outlined", "rounded", "block", "loading", "isDisabledWhenLoading"] }, { kind: "component", type: WrSelectComponent, selector: "wr-select", inputs: ["placeholder", "noItemsLabel", "multiple", "searchable", "clearable", "maxMultipleCount", "disabled"] }, { kind: "component", type: WrOptionComponent, selector: "wr-option", inputs: ["value", "label", "disabled"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
102
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
103
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: WrPaginationComponent, isStandalone: true, selector: "wr-pagination", inputs: { currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, showSizeChanger: { classPropertyName: "showSizeChanger", publicName: "showSizeChanger", isSignal: true, isRequired: false, transformFunction: null }, showTotal: { classPropertyName: "showTotal", publicName: "showTotal", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ofLabel: { classPropertyName: "ofLabel", publicName: "ofLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", pageSize: "pageSizeChange" }, host: { properties: { "class": "this.hostClasses" } }, providers: [provideWrIcons([arrowBack, arrowForward])], ngImport: i0, template: "<div class=\"wr-pagination-container\" [class]=\"'wr-pagination--' + position()\">\n @if (showTotal()) {\n <span class=\"wr-pagination-total\">\n {{ currentRange() }}\n </span>\n }\n\n <div class=\"wr-pagination-items\">\n <wr-btn\n outlined\n [disabled]=\"disabled() || currentPage() === 1\"\n (click)=\"onPageChange(currentPage() - 1)\"\n icon=\"arrow-back\"\n ></wr-btn>\n\n @for (page of pages(); track page) {\n @if (page === '...') {\n <span class=\"wr-pagination-ellipsis\">...</span>\n } @else {\n <wr-btn\n [outlined]=\"!isCurrentPage(page)\"\n [color]=\"isCurrentPage(page) ? 'primary' : 'medium'\"\n [disabled]=\"disabled()\"\n (click)=\"onPageChange(page)\"\n >\n {{ page }}\n </wr-btn>\n }\n }\n\n <wr-btn\n outlined\n [disabled]=\"disabled() || currentPage() === totalPages()\"\n (click)=\"onPageChange(currentPage() + 1)\"\n icon=\"arrow-forward\"\n ></wr-btn>\n </div>\n\n @if (showSizeChanger()) {\n <wr-select [disabled]=\"disabled()\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\">\n @for (option of pageSizeOptions(); track option) {\n <wr-option [value]=\"option\" [label]=\"String(option)\"></wr-option>\n }\n </wr-select>\n }\n</div>\n", dependencies: [{ kind: "component", type: WrButtonComponent, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "icon", "iconPosition", "disabled", "outlined", "rounded", "block", "loading", "isDisabledWhenLoading"] }, { kind: "component", type: WrSelectComponent, selector: "wr-select", inputs: ["placeholder", "noItemsLabel", "multiple", "searchable", "clearable", "maxMultipleCount", "disabled"] }, { kind: "component", type: WrOptionComponent, selector: "wr-option", inputs: ["value", "label", "disabled"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
104
104
  }
105
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrPaginationComponent, decorators: [{
105
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrPaginationComponent, decorators: [{
106
106
  type: Component,
107
107
  args: [{ selector: 'wr-pagination', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [WrButtonComponent, WrSelectComponent, WrOptionComponent, FormsModule], providers: [provideWrIcons([arrowBack, arrowForward])], template: "<div class=\"wr-pagination-container\" [class]=\"'wr-pagination--' + position()\">\n @if (showTotal()) {\n <span class=\"wr-pagination-total\">\n {{ currentRange() }}\n </span>\n }\n\n <div class=\"wr-pagination-items\">\n <wr-btn\n outlined\n [disabled]=\"disabled() || currentPage() === 1\"\n (click)=\"onPageChange(currentPage() - 1)\"\n icon=\"arrow-back\"\n ></wr-btn>\n\n @for (page of pages(); track page) {\n @if (page === '...') {\n <span class=\"wr-pagination-ellipsis\">...</span>\n } @else {\n <wr-btn\n [outlined]=\"!isCurrentPage(page)\"\n [color]=\"isCurrentPage(page) ? 'primary' : 'medium'\"\n [disabled]=\"disabled()\"\n (click)=\"onPageChange(page)\"\n >\n {{ page }}\n </wr-btn>\n }\n }\n\n <wr-btn\n outlined\n [disabled]=\"disabled() || currentPage() === totalPages()\"\n (click)=\"onPageChange(currentPage() + 1)\"\n icon=\"arrow-forward\"\n ></wr-btn>\n </div>\n\n @if (showSizeChanger()) {\n <wr-select [disabled]=\"disabled()\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\">\n @for (option of pageSizeOptions(); track option) {\n <wr-option [value]=\"option\" [label]=\"String(option)\"></wr-option>\n }\n </wr-select>\n }\n</div>\n" }]
108
- }], propDecorators: { hostClasses: [{
108
+ }], propDecorators: { currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }, { type: i0.Output, args: ["pageSizeChange"] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], showSizeChanger: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSizeChanger", required: false }] }], showTotal: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTotal", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ofLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ofLabel", required: false }] }], hostClasses: [{
109
109
  type: HostBinding,
110
110
  args: ['class']
111
111
  }] } });
@@ -1 +1 @@
1
- {"version":3,"file":"ngwr-pagination.mjs","sources":["../../../projects/lib/pagination/pagination.types.ts","../../../projects/lib/pagination/pagination.component.ts","../../../projects/lib/pagination/pagination.component.html","../../../projects/lib/pagination/public-api.ts","../../../projects/lib/pagination/ngwr-pagination.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport type WrPaginationPosition = 'start' | 'center' | 'end';\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n booleanAttribute,\n computed,\n input,\n model,\n numberAttribute,\n HostBinding,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { WrButtonComponent } from 'ngwr/button';\nimport { provideWrIcons, arrowBack, arrowForward } from 'ngwr/icon';\nimport { WrOptionComponent, WrSelectComponent } from 'ngwr/select';\n\nimport { WrPaginationPosition } from './pagination.types';\n\n@Component({\n selector: 'wr-pagination',\n templateUrl: './pagination.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [WrButtonComponent, WrSelectComponent, WrOptionComponent, FormsModule],\n providers: [provideWrIcons([arrowBack, arrowForward])],\n})\nexport class WrPaginationComponent {\n currentPage = model<number>(1);\n total = input<number, number>(0, { transform: numberAttribute });\n pageSize = model<number>(10);\n pageSizeOptions = input<number[]>([10, 20, 50, 100]);\n showSizeChanger = input<boolean, boolean>(false, { transform: booleanAttribute });\n showTotal = input<boolean, boolean>(false, { transform: booleanAttribute });\n position = input<WrPaginationPosition>('start');\n disabled = input<boolean, boolean>(false, { transform: booleanAttribute });\n ofLabel = input<string>('of');\n\n @HostBinding('class')\n get hostClasses(): Record<string, boolean> {\n return {\n 'wr-pagination': true,\n 'wr-pagination--disabled': this.disabled(),\n };\n }\n\n protected readonly String = String;\n\n protected readonly totalPages = computed(() => Math.ceil(this.total() / this.pageSize()));\n\n protected readonly currentRange = computed(() => {\n const start = (this.currentPage() - 1) * this.pageSize() + 1;\n const end = Math.min(this.currentPage() * this.pageSize(), this.total());\n return `${start}-${end} ${this.ofLabel()} ${this.total()}`;\n });\n\n protected readonly pages = computed(() => {\n const total = this.totalPages();\n const current = this.currentPage();\n const items: (number | '...')[] = [];\n\n if (total <= 7) {\n return Array.from({ length: total }, (_, i) => i + 1);\n }\n\n items.push(1);\n\n if (current > 4) {\n items.push('...');\n }\n\n let start: number;\n let end: number;\n\n if (current <= 4) {\n start = 2;\n end = 5;\n } else if (current >= total - 3) {\n start = total - 4;\n end = total - 1;\n } else {\n start = current - 2;\n end = current + 2;\n }\n\n for (let i = start; i <= end; i++) {\n items.push(i);\n }\n\n if (current < total - 3) {\n items.push('...');\n }\n\n if (end !== total) {\n items.push(total);\n }\n\n return items;\n });\n\n protected isCurrentPage(page: number): boolean {\n return this.currentPage() === page;\n }\n\n protected onPageChange(page: number): void {\n if (this.disabled() || page === this.currentPage() || page < 1 || page > this.totalPages()) {\n return;\n }\n\n this.currentPage.set(page);\n }\n\n protected onPageSizeChange(size: number): void {\n if (this.disabled() || size === this.pageSize()) {\n return;\n }\n\n this.pageSize.set(size);\n\n const newTotalPages = Math.ceil(this.total() / size);\n if (this.currentPage() > newTotalPages) {\n this.onPageChange(newTotalPages);\n }\n }\n}\n","<div class=\"wr-pagination-container\" [class]=\"'wr-pagination--' + position()\">\n @if (showTotal()) {\n <span class=\"wr-pagination-total\">\n {{ currentRange() }}\n </span>\n }\n\n <div class=\"wr-pagination-items\">\n <wr-btn\n outlined\n [disabled]=\"disabled() || currentPage() === 1\"\n (click)=\"onPageChange(currentPage() - 1)\"\n icon=\"arrow-back\"\n ></wr-btn>\n\n @for (page of pages(); track page) {\n @if (page === '...') {\n <span class=\"wr-pagination-ellipsis\">...</span>\n } @else {\n <wr-btn\n [outlined]=\"!isCurrentPage(page)\"\n [color]=\"isCurrentPage(page) ? 'primary' : 'medium'\"\n [disabled]=\"disabled()\"\n (click)=\"onPageChange(page)\"\n >\n {{ page }}\n </wr-btn>\n }\n }\n\n <wr-btn\n outlined\n [disabled]=\"disabled() || currentPage() === totalPages()\"\n (click)=\"onPageChange(currentPage() + 1)\"\n icon=\"arrow-forward\"\n ></wr-btn>\n </div>\n\n @if (showSizeChanger()) {\n <wr-select [disabled]=\"disabled()\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\">\n @for (option of pageSizeOptions(); track option) {\n <wr-option [value]=\"option\" [label]=\"String(option)\"></wr-option>\n }\n </wr-select>\n }\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './pagination.types';\nexport * from './pagination.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;AAKG;;ACLH;;;;;AAKG;MA6BU,qBAAqB,CAAA;AARlC,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,CAAC,CAAC;QAC9B,IAAK,CAAA,KAAA,GAAG,KAAK,CAAiB,CAAC,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AAChE,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,EAAE,CAAC;AAC5B,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAW,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QACpD,IAAe,CAAA,eAAA,GAAG,KAAK,CAAmB,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;QACjF,IAAS,CAAA,SAAA,GAAG,KAAK,CAAmB,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAC3E,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAuB,OAAO,CAAC;QAC/C,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAmB,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAC1E,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,IAAI,CAAC;QAUV,IAAM,CAAA,MAAA,GAAG,MAAM;QAEf,IAAU,CAAA,UAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;AAEtE,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AAC9C,YAAA,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC;YAC5D,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;AACxE,YAAA,OAAO,CAAG,EAAA,KAAK,CAAI,CAAA,EAAA,GAAG,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE;AAC5D,SAAC,CAAC;AAEiB,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;AACvC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;AAC/B,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE;YAClC,MAAM,KAAK,GAAuB,EAAE;AAEpC,YAAA,IAAI,KAAK,IAAI,CAAC,EAAE;gBACd,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;;AAGvD,YAAA,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;AAEb,YAAA,IAAI,OAAO,GAAG,CAAC,EAAE;AACf,gBAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGnB,YAAA,IAAI,KAAa;AACjB,YAAA,IAAI,GAAW;AAEf,YAAA,IAAI,OAAO,IAAI,CAAC,EAAE;gBAChB,KAAK,GAAG,CAAC;gBACT,GAAG,GAAG,CAAC;;AACF,iBAAA,IAAI,OAAO,IAAI,KAAK,GAAG,CAAC,EAAE;AAC/B,gBAAA,KAAK,GAAG,KAAK,GAAG,CAAC;AACjB,gBAAA,GAAG,GAAG,KAAK,GAAG,CAAC;;iBACV;AACL,gBAAA,KAAK,GAAG,OAAO,GAAG,CAAC;AACnB,gBAAA,GAAG,GAAG,OAAO,GAAG,CAAC;;AAGnB,YAAA,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE;AACjC,gBAAA,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;;AAGf,YAAA,IAAI,OAAO,GAAG,KAAK,GAAG,CAAC,EAAE;AACvB,gBAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGnB,YAAA,IAAI,GAAG,KAAK,KAAK,EAAE;AACjB,gBAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGnB,YAAA,OAAO,KAAK;AACd,SAAC,CAAC;AA0BH;AAtFC,IAAA,IACI,WAAW,GAAA;QACb,OAAO;AACL,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,yBAAyB,EAAE,IAAI,CAAC,QAAQ,EAAE;SAC3C;;AAyDO,IAAA,aAAa,CAAC,IAAY,EAAA;AAClC,QAAA,OAAO,IAAI,CAAC,WAAW,EAAE,KAAK,IAAI;;AAG1B,IAAA,YAAY,CAAC,IAAY,EAAA;QACjC,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,KAAK,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,EAAE;YAC1F;;AAGF,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;;AAGlB,IAAA,gBAAgB,CAAC,IAAY,EAAA;AACrC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE,EAAE;YAC/C;;AAGF,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;AAEvB,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC;AACpD,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,GAAG,aAAa,EAAE;AACtC,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;;;8GA9FzB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAFrB,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,EChCxD,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,01CA8CA,4CDfY,iBAAiB,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,iBAAiB,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,iBAAiB,6FAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAGnE,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAER,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAC5B,OAAA,EAAA,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,WAAW,CAAC,EACpE,SAAA,EAAA,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,EAAA,QAAA,EAAA,01CAAA,EAAA;8BAclD,WAAW,EAAA,CAAA;sBADd,WAAW;uBAAC,OAAO;;;AE7CtB;;;;;AAKG;;ACLH;;AAEG;;;;"}
1
+ {"version":3,"file":"ngwr-pagination.mjs","sources":["../../../projects/lib/pagination/pagination.types.ts","../../../projects/lib/pagination/pagination.component.ts","../../../projects/lib/pagination/pagination.component.html","../../../projects/lib/pagination/public-api.ts","../../../projects/lib/pagination/ngwr-pagination.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport type WrPaginationPosition = 'start' | 'center' | 'end';\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n booleanAttribute,\n computed,\n input,\n model,\n numberAttribute,\n HostBinding,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { WrButtonComponent } from 'ngwr/button';\nimport { provideWrIcons, arrowBack, arrowForward } from 'ngwr/icon';\nimport { WrOptionComponent, WrSelectComponent } from 'ngwr/select';\n\nimport { WrPaginationPosition } from './pagination.types';\n\n@Component({\n selector: 'wr-pagination',\n templateUrl: './pagination.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [WrButtonComponent, WrSelectComponent, WrOptionComponent, FormsModule],\n providers: [provideWrIcons([arrowBack, arrowForward])],\n})\nexport class WrPaginationComponent {\n currentPage = model<number>(1);\n total = input<number, unknown>(0, { transform: numberAttribute });\n pageSize = model<number>(10);\n pageSizeOptions = input<number[]>([10, 20, 50, 100]);\n showSizeChanger = input<boolean, unknown>(false, { transform: booleanAttribute });\n showTotal = input<boolean, unknown>(false, { transform: booleanAttribute });\n position = input<WrPaginationPosition>('start');\n disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n ofLabel = input<string>('of');\n\n @HostBinding('class')\n get hostClasses(): Record<string, boolean> {\n return {\n 'wr-pagination': true,\n 'wr-pagination--disabled': this.disabled(),\n };\n }\n\n protected readonly String = String;\n\n protected readonly totalPages = computed(() => Math.ceil(this.total() / this.pageSize()));\n\n protected readonly currentRange = computed(() => {\n const start = (this.currentPage() - 1) * this.pageSize() + 1;\n const end = Math.min(this.currentPage() * this.pageSize(), this.total());\n return `${start}-${end} ${this.ofLabel()} ${this.total()}`;\n });\n\n protected readonly pages = computed(() => {\n const total = this.totalPages();\n const current = this.currentPage();\n const items: (number | '...')[] = [];\n\n if (total <= 7) {\n return Array.from({ length: total }, (_, i) => i + 1);\n }\n\n items.push(1);\n\n if (current > 4) {\n items.push('...');\n }\n\n let start: number;\n let end: number;\n\n if (current <= 4) {\n start = 2;\n end = 5;\n } else if (current >= total - 3) {\n start = total - 4;\n end = total - 1;\n } else {\n start = current - 2;\n end = current + 2;\n }\n\n for (let i = start; i <= end; i++) {\n items.push(i);\n }\n\n if (current < total - 3) {\n items.push('...');\n }\n\n if (end !== total) {\n items.push(total);\n }\n\n return items;\n });\n\n protected isCurrentPage(page: number): boolean {\n return this.currentPage() === page;\n }\n\n protected onPageChange(page: number): void {\n if (this.disabled() || page === this.currentPage() || page < 1 || page > this.totalPages()) {\n return;\n }\n\n this.currentPage.set(page);\n }\n\n protected onPageSizeChange(size: number): void {\n if (this.disabled() || size === this.pageSize()) {\n return;\n }\n\n this.pageSize.set(size);\n\n const newTotalPages = Math.ceil(this.total() / size);\n if (this.currentPage() > newTotalPages) {\n this.onPageChange(newTotalPages);\n }\n }\n}\n","<div class=\"wr-pagination-container\" [class]=\"'wr-pagination--' + position()\">\n @if (showTotal()) {\n <span class=\"wr-pagination-total\">\n {{ currentRange() }}\n </span>\n }\n\n <div class=\"wr-pagination-items\">\n <wr-btn\n outlined\n [disabled]=\"disabled() || currentPage() === 1\"\n (click)=\"onPageChange(currentPage() - 1)\"\n icon=\"arrow-back\"\n ></wr-btn>\n\n @for (page of pages(); track page) {\n @if (page === '...') {\n <span class=\"wr-pagination-ellipsis\">...</span>\n } @else {\n <wr-btn\n [outlined]=\"!isCurrentPage(page)\"\n [color]=\"isCurrentPage(page) ? 'primary' : 'medium'\"\n [disabled]=\"disabled()\"\n (click)=\"onPageChange(page)\"\n >\n {{ page }}\n </wr-btn>\n }\n }\n\n <wr-btn\n outlined\n [disabled]=\"disabled() || currentPage() === totalPages()\"\n (click)=\"onPageChange(currentPage() + 1)\"\n icon=\"arrow-forward\"\n ></wr-btn>\n </div>\n\n @if (showSizeChanger()) {\n <wr-select [disabled]=\"disabled()\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\">\n @for (option of pageSizeOptions(); track option) {\n <wr-option [value]=\"option\" [label]=\"String(option)\"></wr-option>\n }\n </wr-select>\n }\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './pagination.types';\nexport * from './pagination.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -11,10 +11,10 @@ class NewArrayPipe {
11
11
  transform(arrayLength) {
12
12
  return new Array(arrayLength);
13
13
  }
14
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NewArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
15
- static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: NewArrayPipe, isStandalone: true, name: "newArray" }); }
14
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NewArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
15
+ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: NewArrayPipe, isStandalone: true, name: "newArray" }); }
16
16
  }
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NewArrayPipe, decorators: [{
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NewArrayPipe, decorators: [{
18
18
  type: Pipe,
19
19
  args: [{
20
20
  name: 'newArray',
@@ -1 +1 @@
1
- {"version":3,"file":"ngwr-pipes.mjs","sources":["../../../projects/lib/pipes/new-array.pipe.ts","../../../projects/lib/pipes/public-api.ts","../../../projects/lib/pipes/ngwr-pipes.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'newArray',\n})\nexport class NewArrayPipe implements PipeTransform {\n transform(arrayLength: number): number[] {\n return new Array(arrayLength);\n }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './new-array.pipe';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;MAOU,YAAY,CAAA;AACvB,IAAA,SAAS,CAAC,WAAmB,EAAA;AAC3B,QAAA,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC;;8GAFpB,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAHxB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,UAAU;AACjB,iBAAA;;;ACXD;;;;;AAKG;;ACLH;;AAEG;;;;"}
1
+ {"version":3,"file":"ngwr-pipes.mjs","sources":["../../../projects/lib/pipes/new-array.pipe.ts","../../../projects/lib/pipes/public-api.ts","../../../projects/lib/pipes/ngwr-pipes.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'newArray',\n})\nexport class NewArrayPipe implements PipeTransform {\n transform(arrayLength: number): number[] {\n return new Array(arrayLength);\n }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './new-array.pipe';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;MAOU,YAAY,CAAA;AACvB,IAAA,SAAS,CAAC,WAAmB,EAAA;AAC3B,QAAA,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC;;+GAFpB,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;6GAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAHxB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,UAAU;AACjB,iBAAA;;;ACXD;;;;;AAKG;;ACLH;;AAEG;;;;"}
@@ -25,10 +25,10 @@ class WrProgressComponent {
25
25
  'wr-progress--color-dark': this.color === 'dark',
26
26
  };
27
27
  }
28
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
29
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.5", type: WrProgressComponent, isStandalone: true, selector: "wr-progress", inputs: { color: "color", percent: ["percent", "percent", numberAttribute] }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0, template: "<div class=\"wr-progress__bg\" [style.width.%]=\"percent\"></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
28
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
29
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.10", type: WrProgressComponent, isStandalone: true, selector: "wr-progress", inputs: { color: "color", percent: ["percent", "percent", numberAttribute] }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0, template: "<div class=\"wr-progress__bg\" [style.width.%]=\"percent\"></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
30
30
  }
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrProgressComponent, decorators: [{
31
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrProgressComponent, decorators: [{
32
32
  type: Component,
33
33
  args: [{ selector: 'wr-progress', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"wr-progress__bg\" [style.width.%]=\"percent\"></div>\n" }]
34
34
  }], propDecorators: { color: [{
@@ -1 +1 @@
1
- {"version":3,"file":"ngwr-progress.mjs","sources":["../../../projects/lib/progress/progress.component.ts","../../../projects/lib/progress/progress.component.html","../../../projects/lib/progress/public-api.ts","../../../projects/lib/progress/ngwr-progress.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Input,\n numberAttribute,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { SafeAny, WrThemeColor } from 'ngwr/cdk/types';\n\n@Component({\n selector: 'wr-progress',\n templateUrl: './progress.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class WrProgressComponent {\n @Input() color: WrThemeColor | null = null;\n @Input({ transform: numberAttribute }) percent = 0;\n\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-progress': true,\n 'wr-progress--color-primary': this.color === 'primary',\n 'wr-progress--color-secondary': this.color === 'secondary',\n 'wr-progress--color-success': this.color === 'success',\n 'wr-progress--color-warning': this.color === 'warning',\n 'wr-progress--color-danger': this.color === 'danger',\n 'wr-progress--color-light': this.color === 'light',\n 'wr-progress--color-medium': this.color === 'medium',\n 'wr-progress--color-dark': this.color === 'dark',\n };\n }\n}\n","<div class=\"wr-progress__bg\" [style.width.%]=\"percent\"></div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './progress.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;MAmBU,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;QAOW,IAAK,CAAA,KAAA,GAAwB,IAAI;QACH,IAAO,CAAA,OAAA,GAAG,CAAC;AAgBnD;AAdC,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,4BAA4B,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AACtD,YAAA,8BAA8B,EAAE,IAAI,CAAC,KAAK,KAAK,WAAW;AAC1D,YAAA,4BAA4B,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AACtD,YAAA,4BAA4B,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AACtD,YAAA,2BAA2B,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AACpD,YAAA,0BAA0B,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;AAClD,YAAA,2BAA2B,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AACpD,YAAA,yBAAyB,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM;SACjD;;8GAhBQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAEV,eAAe,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1BrC,qEACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDuBa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,mBAEN,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,qEAAA,EAAA;8BAG5B,KAAK,EAAA,CAAA;sBAAb;gBACsC,OAAO,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE;gBAGjC,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO;;;AE5BtB;;;;;AAKG;;ACLH;;AAEG;;;;"}
1
+ {"version":3,"file":"ngwr-progress.mjs","sources":["../../../projects/lib/progress/progress.component.ts","../../../projects/lib/progress/progress.component.html","../../../projects/lib/progress/public-api.ts","../../../projects/lib/progress/ngwr-progress.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Input,\n numberAttribute,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { SafeAny, WrThemeColor } from 'ngwr/cdk/types';\n\n@Component({\n selector: 'wr-progress',\n templateUrl: './progress.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class WrProgressComponent {\n @Input() color: WrThemeColor | null = null;\n @Input({ transform: numberAttribute }) percent = 0;\n\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-progress': true,\n 'wr-progress--color-primary': this.color === 'primary',\n 'wr-progress--color-secondary': this.color === 'secondary',\n 'wr-progress--color-success': this.color === 'success',\n 'wr-progress--color-warning': this.color === 'warning',\n 'wr-progress--color-danger': this.color === 'danger',\n 'wr-progress--color-light': this.color === 'light',\n 'wr-progress--color-medium': this.color === 'medium',\n 'wr-progress--color-dark': this.color === 'dark',\n };\n }\n}\n","<div class=\"wr-progress__bg\" [style.width.%]=\"percent\"></div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './progress.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;MAmBU,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;QAOW,IAAK,CAAA,KAAA,GAAwB,IAAI;QACH,IAAO,CAAA,OAAA,GAAG,CAAC;AAgBnD;AAdC,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,4BAA4B,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AACtD,YAAA,8BAA8B,EAAE,IAAI,CAAC,KAAK,KAAK,WAAW;AAC1D,YAAA,4BAA4B,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AACtD,YAAA,4BAA4B,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AACtD,YAAA,2BAA2B,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AACpD,YAAA,0BAA0B,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;AAClD,YAAA,2BAA2B,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AACpD,YAAA,yBAAyB,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM;SACjD;;+GAhBQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAEV,eAAe,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1BrC,qEACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FDuBa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,mBAEN,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,qEAAA,EAAA;;sBAGpC;;sBACA,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE;;sBAEpC,WAAW;uBAAC,OAAO;;;AE5BtB;;;;;AAKG;;ACLH;;AAEG;;;;"}
@@ -819,11 +819,11 @@ var qrcodegen;
819
819
  })(qrcodegen || (qrcodegen = {}));
820
820
  /*---- Public helper enumeration ----*/
821
821
  (function (qrcodegen) {
822
- var QrCode;
822
+ /*
823
+ * The error correction level in a QR Code symbol. Immutable.
824
+ */
825
+ let QrCode;
823
826
  (function (QrCode) {
824
- /*
825
- * The error correction level in a QR Code symbol. Immutable.
826
- */
827
827
  class Ecc {
828
828
  /*-- Constants --*/
829
829
  static { this.LOW = new Ecc(0, 1); } // The QR Code can tolerate about 7% erroneous codewords
@@ -842,14 +842,11 @@ var qrcodegen;
842
842
  }
843
843
  QrCode.Ecc = Ecc;
844
844
  })(QrCode = qrcodegen.QrCode || (qrcodegen.QrCode = {}));
845
- })(qrcodegen || (qrcodegen = {}));
846
- /*---- Public helper enumeration ----*/
847
- (function (qrcodegen) {
848
- var QrSegment;
845
+ /*
846
+ * Describes how a segment's data bits are interpreted. Immutable.
847
+ */
848
+ let QrSegment;
849
849
  (function (QrSegment) {
850
- /*
851
- * Describes how a segment's data bits are interpreted. Immutable.
852
- */
853
850
  class Mode {
854
851
  /*-- Constants --*/
855
852
  static { this.NUMERIC = new Mode(0x1, [10, 12, 14]); }
@@ -981,7 +978,7 @@ class WrQrComponent extends WrAbstractBase {
981
978
  this.pid = inject(PLATFORM_ID);
982
979
  this.elRef = inject(ElementRef);
983
980
  this.wrIconService = inject(WrIconService);
984
- this.isBrowser = signal(true);
981
+ this.isBrowser = signal(true, ...(ngDevMode ? [{ debugName: "isBrowser" }] : []));
985
982
  }
986
983
  ngOnChanges(changes) {
987
984
  const { value, level, padding, color, bgColor, size, icon, iconSize } = changes;
@@ -1012,10 +1009,10 @@ class WrQrComponent extends WrAbstractBase {
1012
1009
  drawCanvas(this.canvas.nativeElement, plotQRCodeData(this.value, this.level), this.size, 10, this.padding, this.color, this.bgColor, this.iconSize, icon);
1013
1010
  }
1014
1011
  }
1015
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrQrComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1016
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: WrQrComponent, isStandalone: true, selector: "wr-qr", inputs: { value: "value", level: "level", padding: ["padding", "padding", numberAttribute], color: "color", bgColor: "bgColor", size: ["size", "size", numberAttribute], icon: "icon", iconSize: ["iconSize", "iconSize", numberAttribute] }, host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (isBrowser()) {\n <canvas #canvas></canvas>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1012
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrQrComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1013
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: WrQrComponent, isStandalone: true, selector: "wr-qr", inputs: { value: "value", level: "level", padding: ["padding", "padding", numberAttribute], color: "color", bgColor: "bgColor", size: ["size", "size", numberAttribute], icon: "icon", iconSize: ["iconSize", "iconSize", numberAttribute] }, host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (isBrowser()) {\n <canvas #canvas></canvas>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1017
1014
  }
1018
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrQrComponent, decorators: [{
1015
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrQrComponent, decorators: [{
1019
1016
  type: Component,
1020
1017
  args: [{ selector: 'wr-qr', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (isBrowser()) {\n <canvas #canvas></canvas>\n}\n" }]
1021
1018
  }], propDecorators: { class: [{