@ionic/angular 8.0.0-beta.1 → 8.0.0-beta.3

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 (232) hide show
  1. package/common/directives/control-value-accessors/value-accessor.d.ts +1 -1
  2. package/common/directives/navigation/back-button.d.ts +1 -4
  3. package/common/directives/navigation/nav.d.ts +10 -2
  4. package/common/directives/navigation/router-link-delegate.d.ts +2 -2
  5. package/common/directives/navigation/router-outlet.d.ts +6 -6
  6. package/common/directives/navigation/tabs.d.ts +5 -5
  7. package/common/overlays/modal.d.ts +1 -1
  8. package/common/overlays/popover.d.ts +1 -1
  9. package/common/providers/dom-controller.d.ts +1 -1
  10. package/css/palettes/dark.always.css.map +1 -0
  11. package/css/{themes → palettes}/dark.class.css +4 -4
  12. package/css/palettes/dark.class.css.map +1 -0
  13. package/css/palettes/dark.system.css.map +1 -0
  14. package/css/palettes/high-contrast-dark.always.css.map +1 -0
  15. package/css/{themes → palettes}/high-contrast-dark.class.css +10 -10
  16. package/css/palettes/high-contrast-dark.class.css.map +1 -0
  17. package/css/palettes/high-contrast-dark.system.css.map +1 -0
  18. package/css/palettes/high-contrast.always.css.map +1 -0
  19. package/css/{themes → palettes}/high-contrast.class.css +31 -31
  20. package/css/palettes/high-contrast.class.css.map +1 -0
  21. package/css/palettes/high-contrast.system.css.map +1 -0
  22. package/directives/control-value-accessors/boolean-value-accessor.d.ts +1 -1
  23. package/directives/control-value-accessors/numeric-value-accessor.d.ts +1 -1
  24. package/directives/control-value-accessors/select-value-accessor.d.ts +1 -1
  25. package/directives/control-value-accessors/text-value-accessor.d.ts +1 -1
  26. package/directives/navigation/ion-back-button.d.ts +1 -1
  27. package/directives/navigation/ion-nav.d.ts +1 -1
  28. package/directives/navigation/ion-router-outlet.d.ts +3 -3
  29. package/directives/navigation/ion-tabs.d.ts +1 -1
  30. package/directives/navigation/router-link-delegate.d.ts +2 -2
  31. package/directives/overlays/modal.d.ts +1 -1
  32. package/directives/overlays/popover.d.ts +1 -1
  33. package/directives/proxies.d.ts +80 -80
  34. package/directives/validators/max-validator.d.ts +1 -1
  35. package/directives/validators/min-validator.d.ts +1 -1
  36. package/esm2022/common/directives/control-value-accessors/value-accessor.mjs +145 -0
  37. package/esm2022/common/directives/navigation/back-button.mjs +61 -0
  38. package/esm2022/common/directives/navigation/nav-params.mjs +46 -0
  39. package/esm2022/common/directives/navigation/nav.mjs +49 -0
  40. package/esm2022/common/directives/navigation/router-link-delegate.mjs +123 -0
  41. package/esm2022/common/directives/navigation/router-outlet.mjs +480 -0
  42. package/esm2022/common/directives/navigation/stack-controller.mjs +280 -0
  43. package/esm2022/common/directives/navigation/tabs.mjs +174 -0
  44. package/esm2022/common/overlays/modal.mjs +91 -0
  45. package/esm2022/common/overlays/popover.mjs +83 -0
  46. package/esm2022/common/providers/angular-delegate.mjs +155 -0
  47. package/{esm2020 → esm2022}/common/providers/config.mjs +4 -4
  48. package/{esm2020 → esm2022}/common/providers/dom-controller.mjs +4 -4
  49. package/esm2022/common/providers/menu-controller.mjs +114 -0
  50. package/esm2022/common/providers/nav-controller.mjs +227 -0
  51. package/esm2022/common/providers/platform.mjs +257 -0
  52. package/esm2022/common/utils/overlay.mjs +26 -0
  53. package/esm2022/directives/control-value-accessors/boolean-value-accessor.mjs +41 -0
  54. package/esm2022/directives/control-value-accessors/numeric-value-accessor.mjs +49 -0
  55. package/esm2022/directives/control-value-accessors/select-value-accessor.mjs +38 -0
  56. package/esm2022/directives/control-value-accessors/text-value-accessor.mjs +37 -0
  57. package/{esm2020 → esm2022}/directives/navigation/ion-back-button.mjs +4 -4
  58. package/{esm2020 → esm2022}/directives/navigation/ion-nav.mjs +4 -4
  59. package/esm2022/directives/navigation/ion-router-outlet.mjs +52 -0
  60. package/esm2022/directives/navigation/ion-tabs.mjs +50 -0
  61. package/{esm2020 → esm2022}/directives/navigation/router-link-delegate.mjs +7 -7
  62. package/{esm2020 → esm2022}/directives/overlays/modal.mjs +5 -5
  63. package/{esm2020 → esm2022}/directives/overlays/popover.mjs +4 -4
  64. package/esm2022/directives/proxies.mjs +2207 -0
  65. package/{esm2020 → esm2022}/directives/validators/max-validator.mjs +4 -4
  66. package/{esm2020 → esm2022}/directives/validators/min-validator.mjs +4 -4
  67. package/{esm2020 → esm2022}/ionic-module.mjs +41 -41
  68. package/{esm2020 → esm2022}/providers/action-sheet-controller.mjs +4 -4
  69. package/{esm2020 → esm2022}/providers/alert-controller.mjs +4 -4
  70. package/{esm2020 → esm2022}/providers/animation-controller.mjs +4 -4
  71. package/esm2022/providers/gesture-controller.mjs +32 -0
  72. package/{esm2020 → esm2022}/providers/loading-controller.mjs +4 -4
  73. package/{esm2020 → esm2022}/providers/menu-controller.mjs +4 -4
  74. package/esm2022/providers/modal-controller.mjs +24 -0
  75. package/{esm2020 → esm2022}/providers/picker-controller.mjs +4 -4
  76. package/esm2022/providers/popover-controller.mjs +18 -0
  77. package/{esm2020 → esm2022}/providers/toast-controller.mjs +4 -4
  78. package/esm2022/standalone/directives/checkbox.mjs +74 -0
  79. package/esm2022/standalone/directives/datetime.mjs +93 -0
  80. package/esm2022/standalone/directives/icon.mjs +35 -0
  81. package/esm2022/standalone/directives/input.mjs +113 -0
  82. package/esm2022/standalone/directives/proxies.mjs +2108 -0
  83. package/esm2022/standalone/directives/radio-group.mjs +60 -0
  84. package/esm2022/standalone/directives/range.mjs +78 -0
  85. package/esm2022/standalone/directives/searchbar.mjs +82 -0
  86. package/esm2022/standalone/directives/segment.mjs +60 -0
  87. package/esm2022/standalone/directives/select.mjs +82 -0
  88. package/esm2022/standalone/directives/textarea.mjs +91 -0
  89. package/esm2022/standalone/directives/toggle.mjs +74 -0
  90. package/esm2022/standalone/navigation/back-button.mjs +32 -0
  91. package/esm2022/standalone/navigation/nav.mjs +28 -0
  92. package/{esm2020 → esm2022}/standalone/navigation/router-link-delegate.mjs +7 -7
  93. package/esm2022/standalone/navigation/router-outlet.mjs +60 -0
  94. package/esm2022/standalone/navigation/tabs.mjs +49 -0
  95. package/esm2022/standalone/overlays/modal.mjs +32 -0
  96. package/{esm2020 → esm2022}/standalone/overlays/popover.mjs +4 -4
  97. package/{esm2020 → esm2022}/standalone/providers/action-sheet-controller.mjs +4 -4
  98. package/{esm2020 → esm2022}/standalone/providers/alert-controller.mjs +4 -4
  99. package/{esm2020 → esm2022}/standalone/providers/animation-controller.mjs +4 -4
  100. package/esm2022/standalone/providers/gesture-controller.mjs +32 -0
  101. package/esm2022/standalone/providers/ionic-angular.mjs +38 -0
  102. package/{esm2020 → esm2022}/standalone/providers/loading-controller.mjs +4 -4
  103. package/{esm2020 → esm2022}/standalone/providers/menu-controller.mjs +4 -4
  104. package/esm2022/standalone/providers/modal-controller.mjs +26 -0
  105. package/{esm2020 → esm2022}/standalone/providers/picker-controller.mjs +4 -4
  106. package/esm2022/standalone/providers/popover-controller.mjs +20 -0
  107. package/{esm2020 → esm2022}/standalone/providers/toast-controller.mjs +4 -4
  108. package/{fesm2020 → fesm2022}/ionic-angular-common.mjs +221 -156
  109. package/fesm2022/ionic-angular-common.mjs.map +1 -0
  110. package/{fesm2020 → fesm2022}/ionic-angular-standalone.mjs +481 -312
  111. package/fesm2022/ionic-angular-standalone.mjs.map +1 -0
  112. package/{fesm2020 → fesm2022}/ionic-angular.mjs +565 -390
  113. package/fesm2022/ionic-angular.mjs.map +1 -0
  114. package/package.json +16 -26
  115. package/schematics/utils/config.js +0 -1
  116. package/standalone/directives/checkbox.d.ts +1 -1
  117. package/standalone/directives/datetime.d.ts +1 -1
  118. package/standalone/directives/icon.d.ts +1 -1
  119. package/standalone/directives/input.d.ts +1 -1
  120. package/standalone/directives/proxies.d.ts +69 -69
  121. package/standalone/directives/radio-group.d.ts +1 -1
  122. package/standalone/directives/range.d.ts +1 -1
  123. package/standalone/directives/searchbar.d.ts +1 -1
  124. package/standalone/directives/segment.d.ts +1 -1
  125. package/standalone/directives/select.d.ts +1 -1
  126. package/standalone/directives/textarea.d.ts +1 -1
  127. package/standalone/directives/toggle.d.ts +1 -1
  128. package/standalone/navigation/back-button.d.ts +1 -1
  129. package/standalone/navigation/nav.d.ts +1 -1
  130. package/standalone/navigation/router-link-delegate.d.ts +2 -2
  131. package/standalone/navigation/router-outlet.d.ts +3 -3
  132. package/standalone/navigation/tabs.d.ts +1 -1
  133. package/standalone/overlays/modal.d.ts +1 -1
  134. package/standalone/overlays/popover.d.ts +1 -1
  135. package/standalone/providers/ionic-angular.d.ts +2 -2
  136. package/css/themes/dark.always.css.map +0 -1
  137. package/css/themes/dark.class.css.map +0 -1
  138. package/css/themes/dark.system.css.map +0 -1
  139. package/css/themes/high-contrast-dark.always.css.map +0 -1
  140. package/css/themes/high-contrast-dark.class.css.map +0 -1
  141. package/css/themes/high-contrast-dark.system.css.map +0 -1
  142. package/css/themes/high-contrast.always.css.map +0 -1
  143. package/css/themes/high-contrast.class.css.map +0 -1
  144. package/css/themes/high-contrast.system.css.map +0 -1
  145. package/esm2020/common/directives/control-value-accessors/value-accessor.mjs +0 -141
  146. package/esm2020/common/directives/navigation/back-button.mjs +0 -59
  147. package/esm2020/common/directives/navigation/nav-params.mjs +0 -45
  148. package/esm2020/common/directives/navigation/nav.mjs +0 -47
  149. package/esm2020/common/directives/navigation/router-link-delegate.mjs +0 -111
  150. package/esm2020/common/directives/navigation/router-outlet.mjs +0 -470
  151. package/esm2020/common/directives/navigation/stack-controller.mjs +0 -272
  152. package/esm2020/common/directives/navigation/tabs.mjs +0 -172
  153. package/esm2020/common/overlays/modal.mjs +0 -87
  154. package/esm2020/common/overlays/popover.mjs +0 -79
  155. package/esm2020/common/providers/angular-delegate.mjs +0 -152
  156. package/esm2020/common/providers/menu-controller.mjs +0 -113
  157. package/esm2020/common/providers/nav-controller.mjs +0 -221
  158. package/esm2020/common/providers/platform.mjs +0 -254
  159. package/esm2020/common/utils/overlay.mjs +0 -25
  160. package/esm2020/directives/control-value-accessors/boolean-value-accessor.mjs +0 -41
  161. package/esm2020/directives/control-value-accessors/numeric-value-accessor.mjs +0 -48
  162. package/esm2020/directives/control-value-accessors/select-value-accessor.mjs +0 -38
  163. package/esm2020/directives/control-value-accessors/text-value-accessor.mjs +0 -37
  164. package/esm2020/directives/navigation/ion-router-outlet.mjs +0 -43
  165. package/esm2020/directives/navigation/ion-tabs.mjs +0 -47
  166. package/esm2020/directives/proxies.mjs +0 -2047
  167. package/esm2020/providers/gesture-controller.mjs +0 -31
  168. package/esm2020/providers/modal-controller.mjs +0 -24
  169. package/esm2020/providers/popover-controller.mjs +0 -18
  170. package/esm2020/standalone/directives/checkbox.mjs +0 -72
  171. package/esm2020/standalone/directives/datetime.mjs +0 -91
  172. package/esm2020/standalone/directives/icon.mjs +0 -33
  173. package/esm2020/standalone/directives/input.mjs +0 -111
  174. package/esm2020/standalone/directives/proxies.mjs +0 -1970
  175. package/esm2020/standalone/directives/radio-group.mjs +0 -58
  176. package/esm2020/standalone/directives/range.mjs +0 -76
  177. package/esm2020/standalone/directives/searchbar.mjs +0 -80
  178. package/esm2020/standalone/directives/segment.mjs +0 -58
  179. package/esm2020/standalone/directives/select.mjs +0 -80
  180. package/esm2020/standalone/directives/textarea.mjs +0 -89
  181. package/esm2020/standalone/directives/toggle.mjs +0 -72
  182. package/esm2020/standalone/navigation/back-button.mjs +0 -32
  183. package/esm2020/standalone/navigation/nav.mjs +0 -28
  184. package/esm2020/standalone/navigation/router-outlet.mjs +0 -51
  185. package/esm2020/standalone/navigation/tabs.mjs +0 -46
  186. package/esm2020/standalone/overlays/modal.mjs +0 -32
  187. package/esm2020/standalone/providers/gesture-controller.mjs +0 -31
  188. package/esm2020/standalone/providers/ionic-angular.mjs +0 -43
  189. package/esm2020/standalone/providers/modal-controller.mjs +0 -26
  190. package/esm2020/standalone/providers/popover-controller.mjs +0 -20
  191. package/fesm2015/ionic-angular-common.mjs +0 -2484
  192. package/fesm2015/ionic-angular-common.mjs.map +0 -1
  193. package/fesm2015/ionic-angular-standalone.mjs +0 -3146
  194. package/fesm2015/ionic-angular-standalone.mjs.map +0 -1
  195. package/fesm2015/ionic-angular.mjs +0 -2790
  196. package/fesm2015/ionic-angular.mjs.map +0 -1
  197. package/fesm2020/ionic-angular-common.mjs.map +0 -1
  198. package/fesm2020/ionic-angular-standalone.mjs.map +0 -1
  199. package/fesm2020/ionic-angular.mjs.map +0 -1
  200. package/test/README.md +0 -118
  201. package/css/{themes → palettes}/dark.always.css +0 -0
  202. package/css/{themes → palettes}/dark.css +0 -0
  203. package/css/{themes → palettes}/dark.css.map +0 -0
  204. package/css/{themes → palettes}/dark.system.css +0 -0
  205. package/css/{themes → palettes}/high-contrast-dark.always.css +1 -1
  206. package/css/{themes → palettes}/high-contrast-dark.css +0 -0
  207. package/css/{themes → palettes}/high-contrast-dark.css.map +0 -0
  208. package/css/{themes → palettes}/high-contrast-dark.system.css +1 -1
  209. package/css/{themes → palettes}/high-contrast.always.css +25 -25
  210. package/css/{themes → palettes}/high-contrast.css +0 -0
  211. package/css/{themes → palettes}/high-contrast.css.map +0 -0
  212. package/css/{themes → palettes}/high-contrast.system.css +25 -25
  213. /package/{esm2020 → esm2022}/app-initialize.mjs +0 -0
  214. /package/{esm2020 → esm2022}/common/directives/control-value-accessors/index.mjs +0 -0
  215. /package/{esm2020 → esm2022}/common/directives/navigation/stack-utils.mjs +0 -0
  216. /package/{esm2020 → esm2022}/common/index.mjs +0 -0
  217. /package/{esm2020 → esm2022}/common/ionic-angular-common.mjs +0 -0
  218. /package/{esm2020 → esm2022}/common/types/interfaces.mjs +0 -0
  219. /package/{esm2020 → esm2022}/common/types/ionic-lifecycle-hooks.mjs +0 -0
  220. /package/{esm2020 → esm2022}/common/utils/proxy.mjs +0 -0
  221. /package/{esm2020 → esm2022}/common/utils/routing.mjs +0 -0
  222. /package/{esm2020 → esm2022}/common/utils/util.mjs +0 -0
  223. /package/{esm2020 → esm2022}/directives/angular-component-lib/utils.mjs +0 -0
  224. /package/{esm2020 → esm2022}/directives/control-value-accessors/index.mjs +0 -0
  225. /package/{esm2020 → esm2022}/directives/proxies-list.mjs +0 -0
  226. /package/{esm2020 → esm2022}/directives/validators/index.mjs +0 -0
  227. /package/{esm2020 → esm2022}/index.mjs +0 -0
  228. /package/{esm2020 → esm2022}/ionic-angular.mjs +0 -0
  229. /package/{esm2020 → esm2022}/standalone/directives/angular-component-lib/utils.mjs +0 -0
  230. /package/{esm2020 → esm2022}/standalone/directives/index.mjs +0 -0
  231. /package/{esm2020 → esm2022}/standalone/index.mjs +0 -0
  232. /package/{esm2020 → esm2022}/standalone/ionic-angular-standalone.mjs +0 -0
@@ -8,7 +8,7 @@ export declare class IonRadioGroup extends ValueAccessor {
8
8
  constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
9
9
  handleIonChange(el: HTMLIonRadioGroupElement): void;
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<IonRadioGroup, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<IonRadioGroup, "ion-radio-group", never, { "allowEmptySelection": "allowEmptySelection"; "name": "name"; "value": "value"; }, {}, never, ["*"], true>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonRadioGroup, "ion-radio-group", never, { "allowEmptySelection": { "alias": "allowEmptySelection"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
12
12
  }
13
13
  export declare interface IonRadioGroup extends Components.IonRadioGroup {
14
14
  /**
@@ -8,7 +8,7 @@ export declare class IonRange extends ValueAccessor {
8
8
  constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
9
9
  handleIonInput(el: HTMLIonRangeElement): void;
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<IonRange, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<IonRange, "ion-range", never, { "activeBarStart": "activeBarStart"; "color": "color"; "debounce": "debounce"; "disabled": "disabled"; "dualKnobs": "dualKnobs"; "label": "label"; "labelPlacement": "labelPlacement"; "max": "max"; "min": "min"; "mode": "mode"; "name": "name"; "pin": "pin"; "pinFormatter": "pinFormatter"; "snaps": "snaps"; "step": "step"; "ticks": "ticks"; "value": "value"; }, {}, never, ["*"], true>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonRange, "ion-range", never, { "activeBarStart": { "alias": "activeBarStart"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dualKnobs": { "alias": "dualKnobs"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pin": { "alias": "pin"; "required": false; }; "pinFormatter": { "alias": "pinFormatter"; "required": false; }; "snaps": { "alias": "snaps"; "required": false; }; "step": { "alias": "step"; "required": false; }; "ticks": { "alias": "ticks"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
12
12
  }
13
13
  export declare interface IonRange extends Components.IonRange {
14
14
  /**
@@ -8,7 +8,7 @@ export declare class IonSearchbar extends ValueAccessor {
8
8
  constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
9
9
  handleIonInput(el: HTMLIonSearchbarElement): void;
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<IonSearchbar, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<IonSearchbar, "ion-searchbar", never, { "animated": "animated"; "autocomplete": "autocomplete"; "autocorrect": "autocorrect"; "cancelButtonIcon": "cancelButtonIcon"; "cancelButtonText": "cancelButtonText"; "clearIcon": "clearIcon"; "color": "color"; "debounce": "debounce"; "disabled": "disabled"; "enterkeyhint": "enterkeyhint"; "inputmode": "inputmode"; "mode": "mode"; "name": "name"; "placeholder": "placeholder"; "searchIcon": "searchIcon"; "showCancelButton": "showCancelButton"; "showClearButton": "showClearButton"; "spellcheck": "spellcheck"; "type": "type"; "value": "value"; }, {}, never, ["*"], true>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonSearchbar, "ion-searchbar", never, { "animated": { "alias": "animated"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "cancelButtonIcon": { "alias": "cancelButtonIcon"; "required": false; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchIcon": { "alias": "searchIcon"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
12
12
  }
13
13
  export declare interface IonSearchbar extends Components.IonSearchbar {
14
14
  /**
@@ -8,7 +8,7 @@ export declare class IonSegment extends ValueAccessor {
8
8
  constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
9
9
  handleIonChange(el: HTMLIonSegmentElement): void;
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<IonSegment, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<IonSegment, "ion-segment", never, { "color": "color"; "disabled": "disabled"; "mode": "mode"; "scrollable": "scrollable"; "selectOnFocus": "selectOnFocus"; "swipeGesture": "swipeGesture"; "value": "value"; }, {}, never, ["*"], true>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonSegment, "ion-segment", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
12
12
  }
13
13
  export declare interface IonSegment extends Components.IonSegment {
14
14
  /**
@@ -8,7 +8,7 @@ export declare class IonSelect extends ValueAccessor {
8
8
  constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
9
9
  handleIonChange(el: HTMLIonSelectElement): void;
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<IonSelect, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<IonSelect, "ion-select", never, { "cancelText": "cancelText"; "color": "color"; "compareWith": "compareWith"; "disabled": "disabled"; "expandedIcon": "expandedIcon"; "fill": "fill"; "interface": "interface"; "interfaceOptions": "interfaceOptions"; "justify": "justify"; "label": "label"; "labelPlacement": "labelPlacement"; "mode": "mode"; "multiple": "multiple"; "name": "name"; "okText": "okText"; "placeholder": "placeholder"; "selectedText": "selectedText"; "shape": "shape"; "toggleIcon": "toggleIcon"; "value": "value"; }, {}, never, ["*"], true>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonSelect, "ion-select", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "interface": { "alias": "interface"; "required": false; }; "interfaceOptions": { "alias": "interfaceOptions"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "selectedText": { "alias": "selectedText"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
12
12
  }
13
13
  export declare interface IonSelect extends Components.IonSelect {
14
14
  /**
@@ -8,7 +8,7 @@ export declare class IonTextarea extends ValueAccessor {
8
8
  constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
9
9
  handleIonInput(el: HTMLIonTextareaElement): void;
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<IonTextarea, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<IonTextarea, "ion-textarea", never, { "autoGrow": "autoGrow"; "autocapitalize": "autocapitalize"; "autofocus": "autofocus"; "clearOnEdit": "clearOnEdit"; "color": "color"; "cols": "cols"; "counter": "counter"; "counterFormatter": "counterFormatter"; "debounce": "debounce"; "disabled": "disabled"; "enterkeyhint": "enterkeyhint"; "errorText": "errorText"; "fill": "fill"; "helperText": "helperText"; "inputmode": "inputmode"; "label": "label"; "labelPlacement": "labelPlacement"; "maxlength": "maxlength"; "minlength": "minlength"; "mode": "mode"; "name": "name"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "rows": "rows"; "shape": "shape"; "spellcheck": "spellcheck"; "value": "value"; "wrap": "wrap"; }, {}, never, ["*"], true>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonTextarea, "ion-textarea", never, { "autoGrow": { "alias": "autoGrow"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearOnEdit": { "alias": "clearOnEdit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "counterFormatter": { "alias": "counterFormatter"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, {}, never, ["*"], true, never>;
12
12
  }
13
13
  export declare interface IonTextarea extends Components.IonTextarea {
14
14
  /**
@@ -9,7 +9,7 @@ export declare class IonToggle extends ValueAccessor {
9
9
  writeValue(value: boolean): void;
10
10
  handleIonChange(el: HTMLIonToggleElement): void;
11
11
  static ɵfac: i0.ɵɵFactoryDeclaration<IonToggle, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<IonToggle, "ion-toggle", never, { "checked": "checked"; "color": "color"; "disabled": "disabled"; "enableOnOffLabels": "enableOnOffLabels"; "justify": "justify"; "labelPlacement": "labelPlacement"; "mode": "mode"; "name": "name"; "value": "value"; }, {}, never, ["*"], true>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonToggle, "ion-toggle", never, { "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableOnOffLabels": { "alias": "enableOnOffLabels"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
13
13
  }
14
14
  export declare interface IonToggle extends Components.IonToggle {
15
15
  /**
@@ -5,5 +5,5 @@ import * as i0 from "@angular/core";
5
5
  export declare class IonBackButton extends IonBackButtonBase {
6
6
  constructor(routerOutlet: IonRouterOutlet, navCtrl: NavController, config: Config, r: ElementRef, z: NgZone, c: ChangeDetectorRef);
7
7
  static ɵfac: i0.ɵɵFactoryDeclaration<IonBackButton, [{ optional: true; }, null, null, null, null, null]>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<IonBackButton, "ion-back-button", never, {}, {}, never, ["*"], true>;
8
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonBackButton, "ion-back-button", never, {}, {}, never, ["*"], true, never>;
9
9
  }
@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
4
4
  export declare class IonNav extends IonNavBase {
5
5
  constructor(ref: ElementRef, environmentInjector: EnvironmentInjector, injector: Injector, angularDelegate: AngularDelegate, z: NgZone, c: ChangeDetectorRef);
6
6
  static ɵfac: i0.ɵɵFactoryDeclaration<IonNav, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<IonNav, "ion-nav", never, {}, {}, never, ["*"], true>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonNav, "ion-nav", never, {}, {}, never, ["*"], true, never>;
8
8
  }
@@ -2,9 +2,9 @@ import { RouterLinkDelegateDirective as RouterLinkDelegateBase, RouterLinkWithHr
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class IonRouterLink extends RouterLinkDelegateBase {
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<IonRouterLink, never>;
5
- static ɵdir: i0.ɵɵDirectiveDeclaration<IonRouterLink, ":not(a):not(area)[routerLink]", never, {}, {}, never, never, true>;
5
+ static ɵdir: i0.ɵɵDirectiveDeclaration<IonRouterLink, ":not(a):not(area)[routerLink]", never, {}, {}, never, never, true, never>;
6
6
  }
7
7
  export declare class IonRouterLinkWithHref extends RouterLinkHrefDelegateBase {
8
8
  static ɵfac: i0.ɵɵFactoryDeclaration<IonRouterLinkWithHref, never>;
9
- static ɵdir: i0.ɵɵDirectiveDeclaration<IonRouterLinkWithHref, "a[routerLink],area[routerLink]", never, {}, {}, never, never, true>;
9
+ static ɵdir: i0.ɵɵDirectiveDeclaration<IonRouterLinkWithHref, "a[routerLink],area[routerLink]", never, {}, {}, never, never, true, never>;
10
10
  }
@@ -19,7 +19,7 @@ export declare class IonRouterOutlet extends IonRouterOutletBase {
19
19
  * This results in APIs such as NavController.pop not working
20
20
  * in nested outlets because the parent outlet cannot be found.
21
21
  */
22
- constructor(name: string, tabs: string, commonLocation: Location, elementRef: ElementRef, router: Router, zone: NgZone, activatedRoute: ActivatedRoute, outletContent: ViewContainerRef, parentOutlet?: IonRouterOutlet | undefined);
23
- static ɵfac: i0.ɵɵFactoryDeclaration<IonRouterOutlet, [{ attribute: "name"; }, { attribute: "tabs"; optional: true; }, null, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<IonRouterOutlet, "ion-router-outlet", never, {}, {}, never, ["*"], true>;
22
+ constructor(name: string, tabs: string, commonLocation: Location, elementRef: ElementRef, router: Router, zone: NgZone, activatedRoute: ActivatedRoute, parentOutlet?: IonRouterOutlet | undefined);
23
+ static ɵfac: i0.ɵɵFactoryDeclaration<IonRouterOutlet, [{ attribute: "name"; }, { attribute: "tabs"; optional: true; }, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
24
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonRouterOutlet, "ion-router-outlet", never, {}, {}, never, ["*"], true, never>;
25
25
  }
@@ -8,5 +8,5 @@ export declare class IonTabs extends IonTabsBase {
8
8
  tabBar: IonTabBar | undefined;
9
9
  tabBars: QueryList<IonTabBar>;
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<IonTabs, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<IonTabs, "ion-tabs", never, {}, {}, ["tabBar", "tabBars"], ["[slot=top]", "*"], true>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonTabs, "ion-tabs", never, {}, {}, ["tabBar", "tabBars"], ["[slot=top]", "*"], true, never>;
12
12
  }
@@ -2,5 +2,5 @@ import { IonModal as IonModalBase } from '@ionic/angular/common';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class IonModal extends IonModalBase {
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<IonModal, never>;
5
- static ɵcmp: i0.ɵɵComponentDeclaration<IonModal, "ion-modal", never, {}, {}, never, never, true>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonModal, "ion-modal", never, {}, {}, never, never, true, never>;
6
6
  }
@@ -2,5 +2,5 @@ import { IonPopover as IonPopoverBase } from '@ionic/angular/common';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class IonPopover extends IonPopoverBase {
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<IonPopover, never>;
5
- static ɵcmp: i0.ɵɵComponentDeclaration<IonPopover, "ion-popover", never, {}, {}, never, never, true>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonPopover, "ion-popover", never, {}, {}, never, never, true, never>;
6
6
  }
@@ -1,3 +1,3 @@
1
- import type { Provider } from '@angular/core';
1
+ import type { EnvironmentProviders } from '@angular/core';
2
2
  import type { IonicConfig } from '@ionic/core/components';
3
- export declare const provideIonicAngular: (config?: IonicConfig) => Provider[];
3
+ export declare const provideIonicAngular: (config?: IonicConfig) => EnvironmentProviders;
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.scss"],"names":[],"mappings":"AACE;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA","file":"dark.always.css","sourcesContent":["@mixin dark-base-theme() {\n & {\n --ion-color-primary: #4d8dff;\n --ion-color-primary-rgb: 77, 141, 255;\n --ion-color-primary-contrast: #000000;\n --ion-color-primary-contrast-rgb: 0, 0, 0;\n --ion-color-primary-shade: #447ce0;\n --ion-color-primary-tint: #5f98ff;\n\n --ion-color-secondary: #62bdff;\n --ion-color-secondary-rgb: 98, 189, 255;\n --ion-color-secondary-contrast: #000000;\n --ion-color-secondary-contrast-rgb: 0, 0, 0;\n --ion-color-secondary-shade: #56a6e0;\n --ion-color-secondary-tint: #72c4ff;\n\n --ion-color-tertiary: #8482fb;\n --ion-color-tertiary-rgb: 132, 130, 251;\n --ion-color-tertiary-contrast: #000000;\n --ion-color-tertiary-contrast-rgb: 0, 0, 0;\n --ion-color-tertiary-shade: #7472dd;\n --ion-color-tertiary-tint: #908ffb;\n\n --ion-color-success: #2dd55b;\n --ion-color-success-rgb: 45, 213, 91;\n --ion-color-success-contrast: #000000;\n --ion-color-success-contrast-rgb: 0, 0, 0;\n --ion-color-success-shade: #28bb50;\n --ion-color-success-tint: #42d96b;\n\n --ion-color-warning: #ffce31;\n --ion-color-warning-rgb: 255, 206, 49;\n --ion-color-warning-contrast: #000000;\n --ion-color-warning-contrast-rgb: 0, 0, 0;\n --ion-color-warning-shade: #e0b52b;\n --ion-color-warning-tint: #ffd346;\n\n --ion-color-danger: #f56570;\n --ion-color-danger-rgb: 245, 101, 112;\n --ion-color-danger-contrast: #000000;\n --ion-color-danger-contrast-rgb: 0, 0, 0;\n --ion-color-danger-shade: #d85963;\n --ion-color-danger-tint: #f6747e;\n \n --ion-color-dark: #f4f5f8;\n --ion-color-dark-rgb: 244, 245, 248;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d7d8da;\n --ion-color-dark-tint: #f5f6f9;\n \n --ion-color-medium: #989aa2;\n --ion-color-medium-rgb: 152, 154, 162;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #86888f;\n --ion-color-medium-tint: #a2a4ab;\n \n --ion-color-light: #222428;\n --ion-color-light-rgb: 34, 36, 40;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #1e2023;\n --ion-color-light-tint: #383a3e;\n }\n}\n\n@mixin dark-ios-theme() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-background-color-step-50: #0d0d0d;\n --ion-background-color-step-100: #1a1a1a;\n --ion-background-color-step-150: #262626;\n --ion-background-color-step-200: #333333;\n --ion-background-color-step-250: #404040;\n --ion-background-color-step-300: #4d4d4d;\n --ion-background-color-step-350: #595959;\n --ion-background-color-step-400: #666666;\n --ion-background-color-step-450: #737373;\n --ion-background-color-step-500: #808080;\n --ion-background-color-step-550: #8c8c8c;\n --ion-background-color-step-600: #999999;\n --ion-background-color-step-650: #a6a6a6;\n --ion-background-color-step-700: #b3b3b3;\n --ion-background-color-step-750: #bfbfbf;\n --ion-background-color-step-800: #cccccc;\n --ion-background-color-step-850: #d9d9d9;\n --ion-background-color-step-900: #e6e6e6;\n --ion-background-color-step-950: #f2f2f2;\n\n --ion-text-color-step-50: #f2f2f2;\n --ion-text-color-step-100: #e6e6e6;\n --ion-text-color-step-150: #d9d9d9;\n --ion-text-color-step-200: #cccccc;\n --ion-text-color-step-250: #bfbfbf;\n --ion-text-color-step-300: #b3b3b3;\n --ion-text-color-step-350: #a6a6a6;\n --ion-text-color-step-400: #999999;\n --ion-text-color-step-450: #8c8c8c;\n --ion-text-color-step-500: #808080;\n --ion-text-color-step-550: #737373;\n --ion-text-color-step-600: #666666;\n --ion-text-color-step-650: #595959;\n --ion-text-color-step-700: #4d4d4d;\n --ion-text-color-step-750: #404040;\n --ion-text-color-step-800: #333333;\n --ion-text-color-step-850: #262626;\n --ion-text-color-step-900: #1a1a1a;\n --ion-text-color-step-950: #0d0d0d;\n\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & ion-modal {\n --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));\n --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));\n --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));\n }\n}\n\n@mixin dark-md-theme() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-border-color: #222222;\n\n --ion-background-color-step-50: #1e1e1e;\n --ion-background-color-step-100: #2a2a2a;\n --ion-background-color-step-150: #363636;\n --ion-background-color-step-200: #414141;\n --ion-background-color-step-250: #4d4d4d;\n --ion-background-color-step-300: #595959;\n --ion-background-color-step-350: #656565;\n --ion-background-color-step-400: #717171;\n --ion-background-color-step-450: #7d7d7d;\n --ion-background-color-step-500: #898989;\n --ion-background-color-step-550: #949494;\n --ion-background-color-step-600: #a0a0a0;\n --ion-background-color-step-650: #acacac;\n --ion-background-color-step-700: #b8b8b8;\n --ion-background-color-step-750: #c4c4c4;\n --ion-background-color-step-800: #d0d0d0;\n --ion-background-color-step-850: #dbdbdb;\n --ion-background-color-step-900: #e7e7e7;\n --ion-background-color-step-950: #f3f3f3;\n\n --ion-text-color-step-50: #f3f3f3;\n --ion-text-color-step-100: #e7e7e7;\n --ion-text-color-step-150: #dbdbdb;\n --ion-text-color-step-200: #d0d0d0;\n --ion-text-color-step-250: #c4c4c4;\n --ion-text-color-step-300: #b8b8b8;\n --ion-text-color-step-350: #acacac;\n --ion-text-color-step-400: #a0a0a0;\n --ion-text-color-step-450: #949494;\n --ion-text-color-step-500: #898989;\n --ion-text-color-step-550: #7d7d7d;\n --ion-text-color-step-600: #717171;\n --ion-text-color-step-650: #656565;\n --ion-text-color-step-700: #595959;\n --ion-text-color-step-750: #4d4d4d;\n --ion-text-color-step-800: #414141;\n --ion-text-color-step-850: #363636;\n --ion-text-color-step-900: #2a2a2a;\n --ion-text-color-step-950: #1e1e1e;\n\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.scss"],"names":[],"mappings":"AACE;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA","file":"dark.class.css","sourcesContent":["@mixin dark-base-theme() {\n & {\n --ion-color-primary: #4d8dff;\n --ion-color-primary-rgb: 77, 141, 255;\n --ion-color-primary-contrast: #000000;\n --ion-color-primary-contrast-rgb: 0, 0, 0;\n --ion-color-primary-shade: #447ce0;\n --ion-color-primary-tint: #5f98ff;\n\n --ion-color-secondary: #62bdff;\n --ion-color-secondary-rgb: 98, 189, 255;\n --ion-color-secondary-contrast: #000000;\n --ion-color-secondary-contrast-rgb: 0, 0, 0;\n --ion-color-secondary-shade: #56a6e0;\n --ion-color-secondary-tint: #72c4ff;\n\n --ion-color-tertiary: #8482fb;\n --ion-color-tertiary-rgb: 132, 130, 251;\n --ion-color-tertiary-contrast: #000000;\n --ion-color-tertiary-contrast-rgb: 0, 0, 0;\n --ion-color-tertiary-shade: #7472dd;\n --ion-color-tertiary-tint: #908ffb;\n\n --ion-color-success: #2dd55b;\n --ion-color-success-rgb: 45, 213, 91;\n --ion-color-success-contrast: #000000;\n --ion-color-success-contrast-rgb: 0, 0, 0;\n --ion-color-success-shade: #28bb50;\n --ion-color-success-tint: #42d96b;\n\n --ion-color-warning: #ffce31;\n --ion-color-warning-rgb: 255, 206, 49;\n --ion-color-warning-contrast: #000000;\n --ion-color-warning-contrast-rgb: 0, 0, 0;\n --ion-color-warning-shade: #e0b52b;\n --ion-color-warning-tint: #ffd346;\n\n --ion-color-danger: #f56570;\n --ion-color-danger-rgb: 245, 101, 112;\n --ion-color-danger-contrast: #000000;\n --ion-color-danger-contrast-rgb: 0, 0, 0;\n --ion-color-danger-shade: #d85963;\n --ion-color-danger-tint: #f6747e;\n \n --ion-color-dark: #f4f5f8;\n --ion-color-dark-rgb: 244, 245, 248;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d7d8da;\n --ion-color-dark-tint: #f5f6f9;\n \n --ion-color-medium: #989aa2;\n --ion-color-medium-rgb: 152, 154, 162;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #86888f;\n --ion-color-medium-tint: #a2a4ab;\n \n --ion-color-light: #222428;\n --ion-color-light-rgb: 34, 36, 40;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #1e2023;\n --ion-color-light-tint: #383a3e;\n }\n}\n\n@mixin dark-ios-theme() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-background-color-step-50: #0d0d0d;\n --ion-background-color-step-100: #1a1a1a;\n --ion-background-color-step-150: #262626;\n --ion-background-color-step-200: #333333;\n --ion-background-color-step-250: #404040;\n --ion-background-color-step-300: #4d4d4d;\n --ion-background-color-step-350: #595959;\n --ion-background-color-step-400: #666666;\n --ion-background-color-step-450: #737373;\n --ion-background-color-step-500: #808080;\n --ion-background-color-step-550: #8c8c8c;\n --ion-background-color-step-600: #999999;\n --ion-background-color-step-650: #a6a6a6;\n --ion-background-color-step-700: #b3b3b3;\n --ion-background-color-step-750: #bfbfbf;\n --ion-background-color-step-800: #cccccc;\n --ion-background-color-step-850: #d9d9d9;\n --ion-background-color-step-900: #e6e6e6;\n --ion-background-color-step-950: #f2f2f2;\n\n --ion-text-color-step-50: #f2f2f2;\n --ion-text-color-step-100: #e6e6e6;\n --ion-text-color-step-150: #d9d9d9;\n --ion-text-color-step-200: #cccccc;\n --ion-text-color-step-250: #bfbfbf;\n --ion-text-color-step-300: #b3b3b3;\n --ion-text-color-step-350: #a6a6a6;\n --ion-text-color-step-400: #999999;\n --ion-text-color-step-450: #8c8c8c;\n --ion-text-color-step-500: #808080;\n --ion-text-color-step-550: #737373;\n --ion-text-color-step-600: #666666;\n --ion-text-color-step-650: #595959;\n --ion-text-color-step-700: #4d4d4d;\n --ion-text-color-step-750: #404040;\n --ion-text-color-step-800: #333333;\n --ion-text-color-step-850: #262626;\n --ion-text-color-step-900: #1a1a1a;\n --ion-text-color-step-950: #0d0d0d;\n\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & ion-modal {\n --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));\n --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));\n --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));\n }\n}\n\n@mixin dark-md-theme() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-border-color: #222222;\n\n --ion-background-color-step-50: #1e1e1e;\n --ion-background-color-step-100: #2a2a2a;\n --ion-background-color-step-150: #363636;\n --ion-background-color-step-200: #414141;\n --ion-background-color-step-250: #4d4d4d;\n --ion-background-color-step-300: #595959;\n --ion-background-color-step-350: #656565;\n --ion-background-color-step-400: #717171;\n --ion-background-color-step-450: #7d7d7d;\n --ion-background-color-step-500: #898989;\n --ion-background-color-step-550: #949494;\n --ion-background-color-step-600: #a0a0a0;\n --ion-background-color-step-650: #acacac;\n --ion-background-color-step-700: #b8b8b8;\n --ion-background-color-step-750: #c4c4c4;\n --ion-background-color-step-800: #d0d0d0;\n --ion-background-color-step-850: #dbdbdb;\n --ion-background-color-step-900: #e7e7e7;\n --ion-background-color-step-950: #f3f3f3;\n\n --ion-text-color-step-50: #f3f3f3;\n --ion-text-color-step-100: #e7e7e7;\n --ion-text-color-step-150: #dbdbdb;\n --ion-text-color-step-200: #d0d0d0;\n --ion-text-color-step-250: #c4c4c4;\n --ion-text-color-step-300: #b8b8b8;\n --ion-text-color-step-350: #acacac;\n --ion-text-color-step-400: #a0a0a0;\n --ion-text-color-step-450: #949494;\n --ion-text-color-step-500: #898989;\n --ion-text-color-step-550: #7d7d7d;\n --ion-text-color-step-600: #717171;\n --ion-text-color-step-650: #656565;\n --ion-text-color-step-700: #595959;\n --ion-text-color-step-750: #4d4d4d;\n --ion-text-color-step-800: #414141;\n --ion-text-color-step-850: #363636;\n --ion-text-color-step-900: #2a2a2a;\n --ion-text-color-step-950: #1e1e1e;\n\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.system.scss","../../src/css/themes/dark.scss"],"names":[],"mappings":"AAEA;ECDE;IACE;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;;;EAKF;IACE;IACA;IAEA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;;EAGF;IACE;IACA;IACA;;;EAKF;IACE;IACA;IAEA;IACA;IAEA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA","file":"dark.system.css","sourcesContent":["@import \"./dark\";\n\n@media (prefers-color-scheme: dark) {\n :root {\n @include dark-base-theme();\n }\n\n :root.ios {\n @include dark-ios-theme();\n }\n\n :root.md {\n @include dark-md-theme();\n }\n}\n","@mixin dark-base-theme() {\n & {\n --ion-color-primary: #4d8dff;\n --ion-color-primary-rgb: 77, 141, 255;\n --ion-color-primary-contrast: #000000;\n --ion-color-primary-contrast-rgb: 0, 0, 0;\n --ion-color-primary-shade: #447ce0;\n --ion-color-primary-tint: #5f98ff;\n\n --ion-color-secondary: #62bdff;\n --ion-color-secondary-rgb: 98, 189, 255;\n --ion-color-secondary-contrast: #000000;\n --ion-color-secondary-contrast-rgb: 0, 0, 0;\n --ion-color-secondary-shade: #56a6e0;\n --ion-color-secondary-tint: #72c4ff;\n\n --ion-color-tertiary: #8482fb;\n --ion-color-tertiary-rgb: 132, 130, 251;\n --ion-color-tertiary-contrast: #000000;\n --ion-color-tertiary-contrast-rgb: 0, 0, 0;\n --ion-color-tertiary-shade: #7472dd;\n --ion-color-tertiary-tint: #908ffb;\n\n --ion-color-success: #2dd55b;\n --ion-color-success-rgb: 45, 213, 91;\n --ion-color-success-contrast: #000000;\n --ion-color-success-contrast-rgb: 0, 0, 0;\n --ion-color-success-shade: #28bb50;\n --ion-color-success-tint: #42d96b;\n\n --ion-color-warning: #ffce31;\n --ion-color-warning-rgb: 255, 206, 49;\n --ion-color-warning-contrast: #000000;\n --ion-color-warning-contrast-rgb: 0, 0, 0;\n --ion-color-warning-shade: #e0b52b;\n --ion-color-warning-tint: #ffd346;\n\n --ion-color-danger: #f56570;\n --ion-color-danger-rgb: 245, 101, 112;\n --ion-color-danger-contrast: #000000;\n --ion-color-danger-contrast-rgb: 0, 0, 0;\n --ion-color-danger-shade: #d85963;\n --ion-color-danger-tint: #f6747e;\n \n --ion-color-dark: #f4f5f8;\n --ion-color-dark-rgb: 244, 245, 248;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d7d8da;\n --ion-color-dark-tint: #f5f6f9;\n \n --ion-color-medium: #989aa2;\n --ion-color-medium-rgb: 152, 154, 162;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #86888f;\n --ion-color-medium-tint: #a2a4ab;\n \n --ion-color-light: #222428;\n --ion-color-light-rgb: 34, 36, 40;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #1e2023;\n --ion-color-light-tint: #383a3e;\n }\n}\n\n@mixin dark-ios-theme() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-background-color-step-50: #0d0d0d;\n --ion-background-color-step-100: #1a1a1a;\n --ion-background-color-step-150: #262626;\n --ion-background-color-step-200: #333333;\n --ion-background-color-step-250: #404040;\n --ion-background-color-step-300: #4d4d4d;\n --ion-background-color-step-350: #595959;\n --ion-background-color-step-400: #666666;\n --ion-background-color-step-450: #737373;\n --ion-background-color-step-500: #808080;\n --ion-background-color-step-550: #8c8c8c;\n --ion-background-color-step-600: #999999;\n --ion-background-color-step-650: #a6a6a6;\n --ion-background-color-step-700: #b3b3b3;\n --ion-background-color-step-750: #bfbfbf;\n --ion-background-color-step-800: #cccccc;\n --ion-background-color-step-850: #d9d9d9;\n --ion-background-color-step-900: #e6e6e6;\n --ion-background-color-step-950: #f2f2f2;\n\n --ion-text-color-step-50: #f2f2f2;\n --ion-text-color-step-100: #e6e6e6;\n --ion-text-color-step-150: #d9d9d9;\n --ion-text-color-step-200: #cccccc;\n --ion-text-color-step-250: #bfbfbf;\n --ion-text-color-step-300: #b3b3b3;\n --ion-text-color-step-350: #a6a6a6;\n --ion-text-color-step-400: #999999;\n --ion-text-color-step-450: #8c8c8c;\n --ion-text-color-step-500: #808080;\n --ion-text-color-step-550: #737373;\n --ion-text-color-step-600: #666666;\n --ion-text-color-step-650: #595959;\n --ion-text-color-step-700: #4d4d4d;\n --ion-text-color-step-750: #404040;\n --ion-text-color-step-800: #333333;\n --ion-text-color-step-850: #262626;\n --ion-text-color-step-900: #1a1a1a;\n --ion-text-color-step-950: #0d0d0d;\n\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & ion-modal {\n --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));\n --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));\n --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));\n }\n}\n\n@mixin dark-md-theme() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-border-color: #222222;\n\n --ion-background-color-step-50: #1e1e1e;\n --ion-background-color-step-100: #2a2a2a;\n --ion-background-color-step-150: #363636;\n --ion-background-color-step-200: #414141;\n --ion-background-color-step-250: #4d4d4d;\n --ion-background-color-step-300: #595959;\n --ion-background-color-step-350: #656565;\n --ion-background-color-step-400: #717171;\n --ion-background-color-step-450: #7d7d7d;\n --ion-background-color-step-500: #898989;\n --ion-background-color-step-550: #949494;\n --ion-background-color-step-600: #a0a0a0;\n --ion-background-color-step-650: #acacac;\n --ion-background-color-step-700: #b8b8b8;\n --ion-background-color-step-750: #c4c4c4;\n --ion-background-color-step-800: #d0d0d0;\n --ion-background-color-step-850: #dbdbdb;\n --ion-background-color-step-900: #e7e7e7;\n --ion-background-color-step-950: #f3f3f3;\n\n --ion-text-color-step-50: #f3f3f3;\n --ion-text-color-step-100: #e7e7e7;\n --ion-text-color-step-150: #dbdbdb;\n --ion-text-color-step-200: #d0d0d0;\n --ion-text-color-step-250: #c4c4c4;\n --ion-text-color-step-300: #b8b8b8;\n --ion-text-color-step-350: #acacac;\n --ion-text-color-step-400: #a0a0a0;\n --ion-text-color-step-450: #949494;\n --ion-text-color-step-500: #898989;\n --ion-text-color-step-550: #7d7d7d;\n --ion-text-color-step-600: #717171;\n --ion-text-color-step-650: #656565;\n --ion-text-color-step-700: #595959;\n --ion-text-color-step-750: #4d4d4d;\n --ion-text-color-step-800: #414141;\n --ion-text-color-step-850: #363636;\n --ion-text-color-step-900: #2a2a2a;\n --ion-text-color-step-950: #1e1e1e;\n\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/high-contrast-dark.scss","../../src/css/themes/high-contrast-dark.always.scss"],"names":[],"mappings":"AAgGE;EAEI;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EAGF;;;AAKF;EAGE;EACA;EAEA;EACA;EAEA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMF;EACE;EACA;EACA;;;ACpKJ;ADkPE;;AAzEA;EAGE;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMF;EACE;;AAGF;EAEE;;AAIF;EACE;IACE;;;AAIJ;EACE","file":"high-contrast-dark.always.css","sourcesContent":["@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n$primary: #7cabff !default;\n$secondary: #62bdff !default;\n$tertiary: #b6b9f9 !default;\n$success: #4ada71 !default;\n$warning: #ffce31 !default;\n$danger: #fc9aa2 !default;\n$light: #222428 !default;\n$medium: #a8aab3 !default;\n$dark: #f4f5f8 !default;\n\n$colors: (\n primary: (\n base: $primary,\n contrast: #000,\n shade: get-color-shade($primary),\n tint: get-color-tint($primary)\n ),\n secondary: (\n base: $secondary,\n contrast: #000,\n shade: get-color-shade($secondary),\n tint: get-color-tint($secondary)\n ),\n tertiary: (\n base: $tertiary,\n contrast: #000,\n shade: get-color-shade($tertiary),\n tint: get-color-tint($tertiary)\n ),\n success: (\n base: $success,\n contrast: #000,\n shade: get-color-shade($success),\n tint: get-color-tint($success)\n ),\n warning: (\n base: $warning,\n contrast: #000,\n shade: get-color-shade($warning),\n tint: get-color-tint($warning)\n ),\n danger: (\n base: $danger,\n contrast: #000,\n shade: get-color-shade($danger),\n tint: get-color-tint($danger)\n ),\n light: (\n base: $light,\n contrast: #fff,\n shade: get-color-shade($light),\n tint: get-color-tint($light)\n ),\n medium: (\n base: $medium,\n contrast: #000,\n shade: get-color-shade($medium),\n tint: get-color-tint($medium)\n ),\n dark: (\n base: $dark,\n contrast: #000,\n shade: get-color-shade($dark),\n tint: get-color-tint($dark)\n )\n) !default;\n\n/// Text step colors are generated based on\n/// how dark or light text can be. The darkest\n/// text color is usually the default text color (white or black).\n/// The darker the $lightest-text-color is, the darker each\n/// stepped color is. If you want to increase text contrast,\n/// make $lightest-text-color darker.\n$text-color: #ffffff;\n\n$darkest-text-color: #888888;\n$lightest-text-color: $text-color;\n\n/// Loop through each color object above\n/// and generate CSS Variables for each\n/// color. Do not use the ion-color function\n/// here because that will set the variable\n/// to evaluate to itself with a fallback.\n/// For example:\n/// --ion-color-primary: #{ion-color(primary, base)};\n/// Maps to:\n/// --ion-color-primary: var(--ion-color-primary, #...);\n\n/// We apply certain styles to the per-mode classes (ios and md)\n/// as opposed to setting everything in :root\n// so any high contrast dark styles override the standard\n/// contrast dark styles.\n@mixin high-contrast-dark-base-theme() {\n & {\n @each $color-name, $value in $colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n\n --ion-placeholder-opacity: 0.8;\n }\n}\n\n@mixin high-contrast-dark-ios-theme() {\n & {\n $background-color: #000000;\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: var(--ion-background-color-step-400);\n\n --ion-text-color-step-50: #{mix($darkest-text-color, $lightest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($darkest-text-color, $lightest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($darkest-text-color, $lightest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($darkest-text-color, $lightest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($darkest-text-color, $lightest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($darkest-text-color, $lightest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($darkest-text-color, $lightest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($darkest-text-color, $lightest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($darkest-text-color, $lightest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($darkest-text-color, $lightest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($darkest-text-color, $lightest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($darkest-text-color, $lightest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($darkest-text-color, $lightest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($darkest-text-color, $lightest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($darkest-text-color, $lightest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($darkest-text-color, $lightest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($darkest-text-color, $lightest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($darkest-text-color, $lightest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($darkest-text-color, $lightest-text-color, 95%)};\n\n --ion-background-color-step-50: #{mix($text-color, $background-color, 5%)};\n --ion-background-color-step-100: #{mix($text-color, $background-color, 10%)};\n --ion-background-color-step-150: #{mix($text-color, $background-color, 15%)};\n --ion-background-color-step-200: #{mix($text-color, $background-color, 20%)};\n --ion-background-color-step-250: #{mix($text-color, $background-color, 25%)};\n --ion-background-color-step-300: #{mix($text-color, $background-color, 30%)};\n --ion-background-color-step-350: #{mix($text-color, $background-color, 35%)};\n --ion-background-color-step-400: #{mix($text-color, $background-color, 40%)};\n --ion-background-color-step-450: #{mix($text-color, $background-color, 45%)};\n --ion-background-color-step-500: #{mix($text-color, $background-color, 50%)};\n --ion-background-color-step-550: #{mix($text-color, $background-color, 55%)};\n --ion-background-color-step-600: #{mix($text-color, $background-color, 60%)};\n --ion-background-color-step-650: #{mix($text-color, $background-color, 65%)};\n --ion-background-color-step-700: #{mix($text-color, $background-color, 70%)};\n --ion-background-color-step-750: #{mix($text-color, $background-color, 75%)};\n --ion-background-color-step-800: #{mix($text-color, $background-color, 80%)};\n --ion-background-color-step-850: #{mix($text-color, $background-color, 85%)};\n --ion-background-color-step-900: #{mix($text-color, $background-color, 90%)};\n --ion-background-color-step-950: #{mix($text-color, $background-color, 95%)};\n }\n\n // Modal\n // --------------------------------------------------\n\n & ion-modal {\n --ion-background-color: var(--ion-background-color-step-100);\n --ion-toolbar-background: var(--ion-background-color-step-150);\n --ion-toolbar-border-color: var(--ion-background-color-step-250);\n }\n}\n\n@mixin high-contrast-dark-md-theme() {\n & {\n $background-color: #121212;\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-border-color: #222222;\n\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: var(--ion-background-color-step-400);\n\n --ion-text-color-step-50: #{mix($darkest-text-color, $lightest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($darkest-text-color, $lightest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($darkest-text-color, $lightest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($darkest-text-color, $lightest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($darkest-text-color, $lightest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($darkest-text-color, $lightest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($darkest-text-color, $lightest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($darkest-text-color, $lightest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($darkest-text-color, $lightest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($darkest-text-color, $lightest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($darkest-text-color, $lightest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($darkest-text-color, $lightest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($darkest-text-color, $lightest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($darkest-text-color, $lightest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($darkest-text-color, $lightest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($darkest-text-color, $lightest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($darkest-text-color, $lightest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($darkest-text-color, $lightest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($darkest-text-color, $lightest-text-color, 95%)};\n\n --ion-background-color-step-50: #{mix($text-color, $background-color, 5%)};\n --ion-background-color-step-100: #{mix($text-color, $background-color, 10%)};\n --ion-background-color-step-150: #{mix($text-color, $background-color, 15%)};\n --ion-background-color-step-200: #{mix($text-color, $background-color, 20%)};\n --ion-background-color-step-250: #{mix($text-color, $background-color, 25%)};\n --ion-background-color-step-300: #{mix($text-color, $background-color, 30%)};\n --ion-background-color-step-350: #{mix($text-color, $background-color, 35%)};\n --ion-background-color-step-400: #{mix($text-color, $background-color, 40%)};\n --ion-background-color-step-450: #{mix($text-color, $background-color, 45%)};\n --ion-background-color-step-500: #{mix($text-color, $background-color, 50%)};\n --ion-background-color-step-550: #{mix($text-color, $background-color, 55%)};\n --ion-background-color-step-600: #{mix($text-color, $background-color, 60%)};\n --ion-background-color-step-650: #{mix($text-color, $background-color, 65%)};\n --ion-background-color-step-700: #{mix($text-color, $background-color, 70%)};\n --ion-background-color-step-750: #{mix($text-color, $background-color, 75%)};\n --ion-background-color-step-800: #{mix($text-color, $background-color, 80%)};\n --ion-background-color-step-850: #{mix($text-color, $background-color, 85%)};\n --ion-background-color-step-900: #{mix($text-color, $background-color, 90%)};\n --ion-background-color-step-950: #{mix($text-color, $background-color, 95%)};\n }\n\n // Toast\n // --------------------------------------------------\n\n & ion-toast {\n --color: var(--ion-background-color);\n }\n\n & ion-toast::part(button) {\n // Fallback for browsers that don't support color-mix\n color: var(--color);\n }\n\n /* stylelint-disable-next-line order/order */\n @supports (color: color-mix(in lch, plum, pink)) {\n & ion-toast::part(button) {\n color: color-mix(in srgb, var(--color) 73%, var(--button-color));\n }\n }\n\n & ion-toast::part(button cancel) {\n color: var(--color);\n }\n}\n","@import \"./high-contrast-dark\";\n\n:root {\n @include high-contrast-dark-base-theme();\n}\n\n:root.ios {\n @include high-contrast-dark-ios-theme();\n}\n\n:root.md {\n @include high-contrast-dark-md-theme();\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/high-contrast-dark.scss","../../src/css/themes/high-contrast-dark.class.scss"],"names":[],"mappings":"AAgGE;EAEI;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EAGF;;;AAKF;EAGE;EACA;EAEA;EACA;EAEA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMF;EACE;EACA;EACA;;;ACpKJ;ADkPE;;AAzEA;EAGE;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMF;EACE;;AAGF;EAEE;;AAIF;EACE;IACE;;;AAIJ;EACE","file":"high-contrast-dark.class.css","sourcesContent":["@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n$primary: #7cabff !default;\n$secondary: #62bdff !default;\n$tertiary: #b6b9f9 !default;\n$success: #4ada71 !default;\n$warning: #ffce31 !default;\n$danger: #fc9aa2 !default;\n$light: #222428 !default;\n$medium: #a8aab3 !default;\n$dark: #f4f5f8 !default;\n\n$colors: (\n primary: (\n base: $primary,\n contrast: #000,\n shade: get-color-shade($primary),\n tint: get-color-tint($primary)\n ),\n secondary: (\n base: $secondary,\n contrast: #000,\n shade: get-color-shade($secondary),\n tint: get-color-tint($secondary)\n ),\n tertiary: (\n base: $tertiary,\n contrast: #000,\n shade: get-color-shade($tertiary),\n tint: get-color-tint($tertiary)\n ),\n success: (\n base: $success,\n contrast: #000,\n shade: get-color-shade($success),\n tint: get-color-tint($success)\n ),\n warning: (\n base: $warning,\n contrast: #000,\n shade: get-color-shade($warning),\n tint: get-color-tint($warning)\n ),\n danger: (\n base: $danger,\n contrast: #000,\n shade: get-color-shade($danger),\n tint: get-color-tint($danger)\n ),\n light: (\n base: $light,\n contrast: #fff,\n shade: get-color-shade($light),\n tint: get-color-tint($light)\n ),\n medium: (\n base: $medium,\n contrast: #000,\n shade: get-color-shade($medium),\n tint: get-color-tint($medium)\n ),\n dark: (\n base: $dark,\n contrast: #000,\n shade: get-color-shade($dark),\n tint: get-color-tint($dark)\n )\n) !default;\n\n/// Text step colors are generated based on\n/// how dark or light text can be. The darkest\n/// text color is usually the default text color (white or black).\n/// The darker the $lightest-text-color is, the darker each\n/// stepped color is. If you want to increase text contrast,\n/// make $lightest-text-color darker.\n$text-color: #ffffff;\n\n$darkest-text-color: #888888;\n$lightest-text-color: $text-color;\n\n/// Loop through each color object above\n/// and generate CSS Variables for each\n/// color. Do not use the ion-color function\n/// here because that will set the variable\n/// to evaluate to itself with a fallback.\n/// For example:\n/// --ion-color-primary: #{ion-color(primary, base)};\n/// Maps to:\n/// --ion-color-primary: var(--ion-color-primary, #...);\n\n/// We apply certain styles to the per-mode classes (ios and md)\n/// as opposed to setting everything in :root\n// so any high contrast dark styles override the standard\n/// contrast dark styles.\n@mixin high-contrast-dark-base-theme() {\n & {\n @each $color-name, $value in $colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n\n --ion-placeholder-opacity: 0.8;\n }\n}\n\n@mixin high-contrast-dark-ios-theme() {\n & {\n $background-color: #000000;\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: var(--ion-background-color-step-400);\n\n --ion-text-color-step-50: #{mix($darkest-text-color, $lightest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($darkest-text-color, $lightest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($darkest-text-color, $lightest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($darkest-text-color, $lightest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($darkest-text-color, $lightest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($darkest-text-color, $lightest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($darkest-text-color, $lightest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($darkest-text-color, $lightest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($darkest-text-color, $lightest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($darkest-text-color, $lightest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($darkest-text-color, $lightest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($darkest-text-color, $lightest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($darkest-text-color, $lightest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($darkest-text-color, $lightest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($darkest-text-color, $lightest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($darkest-text-color, $lightest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($darkest-text-color, $lightest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($darkest-text-color, $lightest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($darkest-text-color, $lightest-text-color, 95%)};\n\n --ion-background-color-step-50: #{mix($text-color, $background-color, 5%)};\n --ion-background-color-step-100: #{mix($text-color, $background-color, 10%)};\n --ion-background-color-step-150: #{mix($text-color, $background-color, 15%)};\n --ion-background-color-step-200: #{mix($text-color, $background-color, 20%)};\n --ion-background-color-step-250: #{mix($text-color, $background-color, 25%)};\n --ion-background-color-step-300: #{mix($text-color, $background-color, 30%)};\n --ion-background-color-step-350: #{mix($text-color, $background-color, 35%)};\n --ion-background-color-step-400: #{mix($text-color, $background-color, 40%)};\n --ion-background-color-step-450: #{mix($text-color, $background-color, 45%)};\n --ion-background-color-step-500: #{mix($text-color, $background-color, 50%)};\n --ion-background-color-step-550: #{mix($text-color, $background-color, 55%)};\n --ion-background-color-step-600: #{mix($text-color, $background-color, 60%)};\n --ion-background-color-step-650: #{mix($text-color, $background-color, 65%)};\n --ion-background-color-step-700: #{mix($text-color, $background-color, 70%)};\n --ion-background-color-step-750: #{mix($text-color, $background-color, 75%)};\n --ion-background-color-step-800: #{mix($text-color, $background-color, 80%)};\n --ion-background-color-step-850: #{mix($text-color, $background-color, 85%)};\n --ion-background-color-step-900: #{mix($text-color, $background-color, 90%)};\n --ion-background-color-step-950: #{mix($text-color, $background-color, 95%)};\n }\n\n // Modal\n // --------------------------------------------------\n\n & ion-modal {\n --ion-background-color: var(--ion-background-color-step-100);\n --ion-toolbar-background: var(--ion-background-color-step-150);\n --ion-toolbar-border-color: var(--ion-background-color-step-250);\n }\n}\n\n@mixin high-contrast-dark-md-theme() {\n & {\n $background-color: #121212;\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-border-color: #222222;\n\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: var(--ion-background-color-step-400);\n\n --ion-text-color-step-50: #{mix($darkest-text-color, $lightest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($darkest-text-color, $lightest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($darkest-text-color, $lightest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($darkest-text-color, $lightest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($darkest-text-color, $lightest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($darkest-text-color, $lightest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($darkest-text-color, $lightest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($darkest-text-color, $lightest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($darkest-text-color, $lightest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($darkest-text-color, $lightest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($darkest-text-color, $lightest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($darkest-text-color, $lightest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($darkest-text-color, $lightest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($darkest-text-color, $lightest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($darkest-text-color, $lightest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($darkest-text-color, $lightest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($darkest-text-color, $lightest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($darkest-text-color, $lightest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($darkest-text-color, $lightest-text-color, 95%)};\n\n --ion-background-color-step-50: #{mix($text-color, $background-color, 5%)};\n --ion-background-color-step-100: #{mix($text-color, $background-color, 10%)};\n --ion-background-color-step-150: #{mix($text-color, $background-color, 15%)};\n --ion-background-color-step-200: #{mix($text-color, $background-color, 20%)};\n --ion-background-color-step-250: #{mix($text-color, $background-color, 25%)};\n --ion-background-color-step-300: #{mix($text-color, $background-color, 30%)};\n --ion-background-color-step-350: #{mix($text-color, $background-color, 35%)};\n --ion-background-color-step-400: #{mix($text-color, $background-color, 40%)};\n --ion-background-color-step-450: #{mix($text-color, $background-color, 45%)};\n --ion-background-color-step-500: #{mix($text-color, $background-color, 50%)};\n --ion-background-color-step-550: #{mix($text-color, $background-color, 55%)};\n --ion-background-color-step-600: #{mix($text-color, $background-color, 60%)};\n --ion-background-color-step-650: #{mix($text-color, $background-color, 65%)};\n --ion-background-color-step-700: #{mix($text-color, $background-color, 70%)};\n --ion-background-color-step-750: #{mix($text-color, $background-color, 75%)};\n --ion-background-color-step-800: #{mix($text-color, $background-color, 80%)};\n --ion-background-color-step-850: #{mix($text-color, $background-color, 85%)};\n --ion-background-color-step-900: #{mix($text-color, $background-color, 90%)};\n --ion-background-color-step-950: #{mix($text-color, $background-color, 95%)};\n }\n\n // Toast\n // --------------------------------------------------\n\n & ion-toast {\n --color: var(--ion-background-color);\n }\n\n & ion-toast::part(button) {\n // Fallback for browsers that don't support color-mix\n color: var(--color);\n }\n\n /* stylelint-disable-next-line order/order */\n @supports (color: color-mix(in lch, plum, pink)) {\n & ion-toast::part(button) {\n color: color-mix(in srgb, var(--color) 73%, var(--button-color));\n }\n }\n\n & ion-toast::part(button cancel) {\n color: var(--color);\n }\n}\n","@import \"./high-contrast-dark\";\n\n.ion-theme-high-contrast.ion-theme-dark {\n @include high-contrast-dark-base-theme();\n}\n\n.ion-theme-high-contrast.ion-theme-dark.ios {\n @include high-contrast-dark-ios-theme();\n}\n\n.ion-theme-high-contrast.ion-theme-dark.md {\n @include high-contrast-dark-md-theme();\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/high-contrast-dark.system.scss","../../src/css/themes/high-contrast-dark.scss"],"names":[],"mappings":"AAEA;EC8FE;IAEI;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IAGF;;;EAKF;IAGE;IACA;IAEA;IACA;IAEA;IACA;IAIA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAMF;IACE;IACA;IACA;;;EDnKF;ACiPA;;EAzEA;IAGE;IACA;IAEA;IACA;IAEA;IAEA;IACA;IACA;IACA;IAIA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAMF;IACE;;EAGF;IAEE;;EAIF;IACE;MACE;;;EAIJ;IACE","file":"high-contrast-dark.system.css","sourcesContent":["@import \"./high-contrast-dark\";\n\n@media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n :root {\n @include high-contrast-dark-base-theme();\n }\n\n :root.ios {\n @include high-contrast-dark-ios-theme();\n }\n\n :root.md {\n @include high-contrast-dark-md-theme();\n }\n}\n","@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n$primary: #7cabff !default;\n$secondary: #62bdff !default;\n$tertiary: #b6b9f9 !default;\n$success: #4ada71 !default;\n$warning: #ffce31 !default;\n$danger: #fc9aa2 !default;\n$light: #222428 !default;\n$medium: #a8aab3 !default;\n$dark: #f4f5f8 !default;\n\n$colors: (\n primary: (\n base: $primary,\n contrast: #000,\n shade: get-color-shade($primary),\n tint: get-color-tint($primary)\n ),\n secondary: (\n base: $secondary,\n contrast: #000,\n shade: get-color-shade($secondary),\n tint: get-color-tint($secondary)\n ),\n tertiary: (\n base: $tertiary,\n contrast: #000,\n shade: get-color-shade($tertiary),\n tint: get-color-tint($tertiary)\n ),\n success: (\n base: $success,\n contrast: #000,\n shade: get-color-shade($success),\n tint: get-color-tint($success)\n ),\n warning: (\n base: $warning,\n contrast: #000,\n shade: get-color-shade($warning),\n tint: get-color-tint($warning)\n ),\n danger: (\n base: $danger,\n contrast: #000,\n shade: get-color-shade($danger),\n tint: get-color-tint($danger)\n ),\n light: (\n base: $light,\n contrast: #fff,\n shade: get-color-shade($light),\n tint: get-color-tint($light)\n ),\n medium: (\n base: $medium,\n contrast: #000,\n shade: get-color-shade($medium),\n tint: get-color-tint($medium)\n ),\n dark: (\n base: $dark,\n contrast: #000,\n shade: get-color-shade($dark),\n tint: get-color-tint($dark)\n )\n) !default;\n\n/// Text step colors are generated based on\n/// how dark or light text can be. The darkest\n/// text color is usually the default text color (white or black).\n/// The darker the $lightest-text-color is, the darker each\n/// stepped color is. If you want to increase text contrast,\n/// make $lightest-text-color darker.\n$text-color: #ffffff;\n\n$darkest-text-color: #888888;\n$lightest-text-color: $text-color;\n\n/// Loop through each color object above\n/// and generate CSS Variables for each\n/// color. Do not use the ion-color function\n/// here because that will set the variable\n/// to evaluate to itself with a fallback.\n/// For example:\n/// --ion-color-primary: #{ion-color(primary, base)};\n/// Maps to:\n/// --ion-color-primary: var(--ion-color-primary, #...);\n\n/// We apply certain styles to the per-mode classes (ios and md)\n/// as opposed to setting everything in :root\n// so any high contrast dark styles override the standard\n/// contrast dark styles.\n@mixin high-contrast-dark-base-theme() {\n & {\n @each $color-name, $value in $colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n\n --ion-placeholder-opacity: 0.8;\n }\n}\n\n@mixin high-contrast-dark-ios-theme() {\n & {\n $background-color: #000000;\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: var(--ion-background-color-step-400);\n\n --ion-text-color-step-50: #{mix($darkest-text-color, $lightest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($darkest-text-color, $lightest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($darkest-text-color, $lightest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($darkest-text-color, $lightest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($darkest-text-color, $lightest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($darkest-text-color, $lightest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($darkest-text-color, $lightest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($darkest-text-color, $lightest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($darkest-text-color, $lightest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($darkest-text-color, $lightest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($darkest-text-color, $lightest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($darkest-text-color, $lightest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($darkest-text-color, $lightest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($darkest-text-color, $lightest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($darkest-text-color, $lightest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($darkest-text-color, $lightest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($darkest-text-color, $lightest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($darkest-text-color, $lightest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($darkest-text-color, $lightest-text-color, 95%)};\n\n --ion-background-color-step-50: #{mix($text-color, $background-color, 5%)};\n --ion-background-color-step-100: #{mix($text-color, $background-color, 10%)};\n --ion-background-color-step-150: #{mix($text-color, $background-color, 15%)};\n --ion-background-color-step-200: #{mix($text-color, $background-color, 20%)};\n --ion-background-color-step-250: #{mix($text-color, $background-color, 25%)};\n --ion-background-color-step-300: #{mix($text-color, $background-color, 30%)};\n --ion-background-color-step-350: #{mix($text-color, $background-color, 35%)};\n --ion-background-color-step-400: #{mix($text-color, $background-color, 40%)};\n --ion-background-color-step-450: #{mix($text-color, $background-color, 45%)};\n --ion-background-color-step-500: #{mix($text-color, $background-color, 50%)};\n --ion-background-color-step-550: #{mix($text-color, $background-color, 55%)};\n --ion-background-color-step-600: #{mix($text-color, $background-color, 60%)};\n --ion-background-color-step-650: #{mix($text-color, $background-color, 65%)};\n --ion-background-color-step-700: #{mix($text-color, $background-color, 70%)};\n --ion-background-color-step-750: #{mix($text-color, $background-color, 75%)};\n --ion-background-color-step-800: #{mix($text-color, $background-color, 80%)};\n --ion-background-color-step-850: #{mix($text-color, $background-color, 85%)};\n --ion-background-color-step-900: #{mix($text-color, $background-color, 90%)};\n --ion-background-color-step-950: #{mix($text-color, $background-color, 95%)};\n }\n\n // Modal\n // --------------------------------------------------\n\n & ion-modal {\n --ion-background-color: var(--ion-background-color-step-100);\n --ion-toolbar-background: var(--ion-background-color-step-150);\n --ion-toolbar-border-color: var(--ion-background-color-step-250);\n }\n}\n\n@mixin high-contrast-dark-md-theme() {\n & {\n $background-color: #121212;\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-border-color: #222222;\n\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: var(--ion-background-color-step-400);\n\n --ion-text-color-step-50: #{mix($darkest-text-color, $lightest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($darkest-text-color, $lightest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($darkest-text-color, $lightest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($darkest-text-color, $lightest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($darkest-text-color, $lightest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($darkest-text-color, $lightest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($darkest-text-color, $lightest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($darkest-text-color, $lightest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($darkest-text-color, $lightest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($darkest-text-color, $lightest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($darkest-text-color, $lightest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($darkest-text-color, $lightest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($darkest-text-color, $lightest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($darkest-text-color, $lightest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($darkest-text-color, $lightest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($darkest-text-color, $lightest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($darkest-text-color, $lightest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($darkest-text-color, $lightest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($darkest-text-color, $lightest-text-color, 95%)};\n\n --ion-background-color-step-50: #{mix($text-color, $background-color, 5%)};\n --ion-background-color-step-100: #{mix($text-color, $background-color, 10%)};\n --ion-background-color-step-150: #{mix($text-color, $background-color, 15%)};\n --ion-background-color-step-200: #{mix($text-color, $background-color, 20%)};\n --ion-background-color-step-250: #{mix($text-color, $background-color, 25%)};\n --ion-background-color-step-300: #{mix($text-color, $background-color, 30%)};\n --ion-background-color-step-350: #{mix($text-color, $background-color, 35%)};\n --ion-background-color-step-400: #{mix($text-color, $background-color, 40%)};\n --ion-background-color-step-450: #{mix($text-color, $background-color, 45%)};\n --ion-background-color-step-500: #{mix($text-color, $background-color, 50%)};\n --ion-background-color-step-550: #{mix($text-color, $background-color, 55%)};\n --ion-background-color-step-600: #{mix($text-color, $background-color, 60%)};\n --ion-background-color-step-650: #{mix($text-color, $background-color, 65%)};\n --ion-background-color-step-700: #{mix($text-color, $background-color, 70%)};\n --ion-background-color-step-750: #{mix($text-color, $background-color, 75%)};\n --ion-background-color-step-800: #{mix($text-color, $background-color, 80%)};\n --ion-background-color-step-850: #{mix($text-color, $background-color, 85%)};\n --ion-background-color-step-900: #{mix($text-color, $background-color, 90%)};\n --ion-background-color-step-950: #{mix($text-color, $background-color, 95%)};\n }\n\n // Toast\n // --------------------------------------------------\n\n & ion-toast {\n --color: var(--ion-background-color);\n }\n\n & ion-toast::part(button) {\n // Fallback for browsers that don't support color-mix\n color: var(--color);\n }\n\n /* stylelint-disable-next-line order/order */\n @supports (color: color-mix(in lch, plum, pink)) {\n & ion-toast::part(button) {\n color: color-mix(in srgb, var(--color) 73%, var(--button-color));\n }\n }\n\n & ion-toast::part(button cancel) {\n color: var(--color);\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/high-contrast.scss","../../src/css/themes/high-contrast.always.scss"],"names":[],"mappings":"AA4FE;EAEI;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EAGF;EACA;EAEA;EACA;EAEA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC9HJ;AD+IE;;AATA;EACE;;AAGF;EAEE;;AAIF;EACE;IACE;;;AAIJ;EACE","file":"high-contrast.always.css","sourcesContent":["@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n$primary: #003fae !default;\n$secondary: #01487b !default;\n$tertiary: #3400e6 !default;\n$success: #004314 !default;\n$warning: #5f4100 !default;\n$danger: #9c000c !default;\n$light: #f4f5f8 !default;\n$medium: #444446 !default;\n$dark: #222428 !default;\n\n$colors: (\n primary: (\n base: $primary,\n contrast: #fff,\n shade: get-color-shade($primary),\n tint: get-color-tint($primary)\n ),\n secondary: (\n base: $secondary,\n contrast: #fff,\n shade: get-color-shade($secondary),\n tint: get-color-tint($secondary)\n ),\n tertiary: (\n base: $tertiary,\n contrast: #fff,\n shade: get-color-shade($tertiary),\n tint: get-color-tint($tertiary)\n ),\n success: (\n base: $success,\n contrast: #fff,\n shade: get-color-shade($success),\n tint: get-color-tint($success)\n ),\n warning: (\n base: $warning,\n contrast: #fff,\n shade: get-color-shade($warning),\n tint: get-color-tint($warning)\n ),\n danger: (\n base: $danger,\n contrast: #fff,\n shade: get-color-shade($danger),\n tint: get-color-tint($danger)\n ),\n light: (\n base: $light,\n contrast: #000,\n shade: get-color-shade($light),\n tint: get-color-tint($light)\n ),\n medium: (\n base: $medium,\n contrast: #fff,\n shade: get-color-shade($medium),\n tint: get-color-tint($medium)\n ),\n dark: (\n base: $dark,\n contrast: #fff,\n shade: get-color-shade($dark),\n tint: get-color-tint($dark)\n )\n) !default;\n\n/// Text step colors are generated based on\n/// how dark or light text can be. The darkest\n/// text color is usually the default text color (white or black).\n/// The darker the $lightest-text-color is, the darker each\n/// stepped color is. If you want to increase text contrast,\n/// make $lightest-text-color darker.\n$background-color: #ffffff;\n$text-color: #000000;\n\n$darkest-text-color: $text-color;\n$lightest-text-color: #888888;\n\n/// Loop through each color object above\n/// and generate CSS Variables for each\n/// color. Do not use the ion-color function\n/// here because that will set the variable\n/// to evaluate to itself with a fallback.\n/// For example:\n/// --ion-color-primary: #{ion-color(primary, base)};\n/// Maps to:\n/// --ion-color-primary: var(--ion-color-primary, #...);\n@mixin high-contrast-light-base-theme() {\n & {\n @each $color-name, $value in $colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-placeholder-opacity: 0.8;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: #7a7a7a;\n\n --ion-text-color-step-50: #{mix($lightest-text-color, $darkest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($lightest-text-color, $darkest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($lightest-text-color, $darkest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($lightest-text-color, $darkest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($lightest-text-color, $darkest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($lightest-text-color, $darkest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($lightest-text-color, $darkest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($lightest-text-color, $darkest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($lightest-text-color, $darkest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($lightest-text-color, $darkest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($lightest-text-color, $darkest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($lightest-text-color, $darkest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($lightest-text-color, $darkest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($lightest-text-color, $darkest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($lightest-text-color, $darkest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($lightest-text-color, $darkest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($lightest-text-color, $darkest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($lightest-text-color, $darkest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($lightest-text-color, $darkest-text-color, 95%)};\n }\n}\n\n@mixin high-contrast-light-md-theme() {\n // Toast\n // --------------------------------------------------\n\n & ion-toast {\n --color: var(--ion-background-color);\n }\n\n & ion-toast::part(button) {\n // Fallback for browsers that don't support color-mix\n color: var(--color);\n }\n\n /* stylelint-disable-next-line order/order */\n @supports (color: color-mix(in lch, plum, pink)) {\n & ion-toast::part(button) {\n color: color-mix(in srgb, var(--color) 70%, var(--button-color));\n }\n }\n\n & ion-toast::part(button cancel) {\n color: var(--color);\n }\n}\n","@import \"./high-contrast\";\n\n:root {\n @include high-contrast-light-base-theme();\n}\n\n:root.md {\n @include high-contrast-light-md-theme();\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/high-contrast.scss","../../src/css/themes/high-contrast.class.scss"],"names":[],"mappings":"AA4FE;EAEI;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EAGF;EACA;EAEA;EACA;EAEA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC9HJ;AD+IE;;AATA;EACE;;AAGF;EAEE;;AAIF;EACE;IACE;;;AAIJ;EACE","file":"high-contrast.class.css","sourcesContent":["@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n$primary: #003fae !default;\n$secondary: #01487b !default;\n$tertiary: #3400e6 !default;\n$success: #004314 !default;\n$warning: #5f4100 !default;\n$danger: #9c000c !default;\n$light: #f4f5f8 !default;\n$medium: #444446 !default;\n$dark: #222428 !default;\n\n$colors: (\n primary: (\n base: $primary,\n contrast: #fff,\n shade: get-color-shade($primary),\n tint: get-color-tint($primary)\n ),\n secondary: (\n base: $secondary,\n contrast: #fff,\n shade: get-color-shade($secondary),\n tint: get-color-tint($secondary)\n ),\n tertiary: (\n base: $tertiary,\n contrast: #fff,\n shade: get-color-shade($tertiary),\n tint: get-color-tint($tertiary)\n ),\n success: (\n base: $success,\n contrast: #fff,\n shade: get-color-shade($success),\n tint: get-color-tint($success)\n ),\n warning: (\n base: $warning,\n contrast: #fff,\n shade: get-color-shade($warning),\n tint: get-color-tint($warning)\n ),\n danger: (\n base: $danger,\n contrast: #fff,\n shade: get-color-shade($danger),\n tint: get-color-tint($danger)\n ),\n light: (\n base: $light,\n contrast: #000,\n shade: get-color-shade($light),\n tint: get-color-tint($light)\n ),\n medium: (\n base: $medium,\n contrast: #fff,\n shade: get-color-shade($medium),\n tint: get-color-tint($medium)\n ),\n dark: (\n base: $dark,\n contrast: #fff,\n shade: get-color-shade($dark),\n tint: get-color-tint($dark)\n )\n) !default;\n\n/// Text step colors are generated based on\n/// how dark or light text can be. The darkest\n/// text color is usually the default text color (white or black).\n/// The darker the $lightest-text-color is, the darker each\n/// stepped color is. If you want to increase text contrast,\n/// make $lightest-text-color darker.\n$background-color: #ffffff;\n$text-color: #000000;\n\n$darkest-text-color: $text-color;\n$lightest-text-color: #888888;\n\n/// Loop through each color object above\n/// and generate CSS Variables for each\n/// color. Do not use the ion-color function\n/// here because that will set the variable\n/// to evaluate to itself with a fallback.\n/// For example:\n/// --ion-color-primary: #{ion-color(primary, base)};\n/// Maps to:\n/// --ion-color-primary: var(--ion-color-primary, #...);\n@mixin high-contrast-light-base-theme() {\n & {\n @each $color-name, $value in $colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-placeholder-opacity: 0.8;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: #7a7a7a;\n\n --ion-text-color-step-50: #{mix($lightest-text-color, $darkest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($lightest-text-color, $darkest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($lightest-text-color, $darkest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($lightest-text-color, $darkest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($lightest-text-color, $darkest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($lightest-text-color, $darkest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($lightest-text-color, $darkest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($lightest-text-color, $darkest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($lightest-text-color, $darkest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($lightest-text-color, $darkest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($lightest-text-color, $darkest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($lightest-text-color, $darkest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($lightest-text-color, $darkest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($lightest-text-color, $darkest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($lightest-text-color, $darkest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($lightest-text-color, $darkest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($lightest-text-color, $darkest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($lightest-text-color, $darkest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($lightest-text-color, $darkest-text-color, 95%)};\n }\n}\n\n@mixin high-contrast-light-md-theme() {\n // Toast\n // --------------------------------------------------\n\n & ion-toast {\n --color: var(--ion-background-color);\n }\n\n & ion-toast::part(button) {\n // Fallback for browsers that don't support color-mix\n color: var(--color);\n }\n\n /* stylelint-disable-next-line order/order */\n @supports (color: color-mix(in lch, plum, pink)) {\n & ion-toast::part(button) {\n color: color-mix(in srgb, var(--color) 70%, var(--button-color));\n }\n }\n\n & ion-toast::part(button cancel) {\n color: var(--color);\n }\n}\n","@import \"./high-contrast\";\n\n.ion-theme-high-contrast {\n @include high-contrast-light-base-theme();\n}\n\n.ion-theme-high-contrast.md {\n @include high-contrast-light-md-theme();\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/high-contrast.system.scss","../../src/css/themes/high-contrast.scss"],"names":[],"mappings":"AAEA;EC0FE;IAEI;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IAGF;IACA;IAEA;IACA;IAEA;IAIA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;ED7HF;AC8IA;;EATA;IACE;;EAGF;IAEE;;EAIF;IACE;MACE;;;EAIJ;IACE","file":"high-contrast.system.css","sourcesContent":["@import \"./high-contrast\";\n\n@media (prefers-contrast: more) {\n :root {\n @include high-contrast-light-base-theme();\n }\n\n :root.md {\n @include high-contrast-light-md-theme();\n }\n}\n","@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n$primary: #003fae !default;\n$secondary: #01487b !default;\n$tertiary: #3400e6 !default;\n$success: #004314 !default;\n$warning: #5f4100 !default;\n$danger: #9c000c !default;\n$light: #f4f5f8 !default;\n$medium: #444446 !default;\n$dark: #222428 !default;\n\n$colors: (\n primary: (\n base: $primary,\n contrast: #fff,\n shade: get-color-shade($primary),\n tint: get-color-tint($primary)\n ),\n secondary: (\n base: $secondary,\n contrast: #fff,\n shade: get-color-shade($secondary),\n tint: get-color-tint($secondary)\n ),\n tertiary: (\n base: $tertiary,\n contrast: #fff,\n shade: get-color-shade($tertiary),\n tint: get-color-tint($tertiary)\n ),\n success: (\n base: $success,\n contrast: #fff,\n shade: get-color-shade($success),\n tint: get-color-tint($success)\n ),\n warning: (\n base: $warning,\n contrast: #fff,\n shade: get-color-shade($warning),\n tint: get-color-tint($warning)\n ),\n danger: (\n base: $danger,\n contrast: #fff,\n shade: get-color-shade($danger),\n tint: get-color-tint($danger)\n ),\n light: (\n base: $light,\n contrast: #000,\n shade: get-color-shade($light),\n tint: get-color-tint($light)\n ),\n medium: (\n base: $medium,\n contrast: #fff,\n shade: get-color-shade($medium),\n tint: get-color-tint($medium)\n ),\n dark: (\n base: $dark,\n contrast: #fff,\n shade: get-color-shade($dark),\n tint: get-color-tint($dark)\n )\n) !default;\n\n/// Text step colors are generated based on\n/// how dark or light text can be. The darkest\n/// text color is usually the default text color (white or black).\n/// The darker the $lightest-text-color is, the darker each\n/// stepped color is. If you want to increase text contrast,\n/// make $lightest-text-color darker.\n$background-color: #ffffff;\n$text-color: #000000;\n\n$darkest-text-color: $text-color;\n$lightest-text-color: #888888;\n\n/// Loop through each color object above\n/// and generate CSS Variables for each\n/// color. Do not use the ion-color function\n/// here because that will set the variable\n/// to evaluate to itself with a fallback.\n/// For example:\n/// --ion-color-primary: #{ion-color(primary, base)};\n/// Maps to:\n/// --ion-color-primary: var(--ion-color-primary, #...);\n@mixin high-contrast-light-base-theme() {\n & {\n @each $color-name, $value in $colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-placeholder-opacity: 0.8;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: #7a7a7a;\n\n --ion-text-color-step-50: #{mix($lightest-text-color, $darkest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($lightest-text-color, $darkest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($lightest-text-color, $darkest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($lightest-text-color, $darkest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($lightest-text-color, $darkest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($lightest-text-color, $darkest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($lightest-text-color, $darkest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($lightest-text-color, $darkest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($lightest-text-color, $darkest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($lightest-text-color, $darkest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($lightest-text-color, $darkest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($lightest-text-color, $darkest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($lightest-text-color, $darkest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($lightest-text-color, $darkest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($lightest-text-color, $darkest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($lightest-text-color, $darkest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($lightest-text-color, $darkest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($lightest-text-color, $darkest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($lightest-text-color, $darkest-text-color, 95%)};\n }\n}\n\n@mixin high-contrast-light-md-theme() {\n // Toast\n // --------------------------------------------------\n\n & ion-toast {\n --color: var(--ion-background-color);\n }\n\n & ion-toast::part(button) {\n // Fallback for browsers that don't support color-mix\n color: var(--color);\n }\n\n /* stylelint-disable-next-line order/order */\n @supports (color: color-mix(in lch, plum, pink)) {\n & ion-toast::part(button) {\n color: color-mix(in srgb, var(--color) 70%, var(--button-color));\n }\n }\n\n & ion-toast::part(button cancel) {\n color: var(--color);\n }\n}\n"]}
@@ -1,141 +0,0 @@
1
- import { Directive, HostListener } from '@angular/core';
2
- import { NgControl } from '@angular/forms';
3
- import { raf } from '../../utils/util';
4
- import * as i0 from "@angular/core";
5
- // TODO(FW-2827): types
6
- export class ValueAccessor {
7
- constructor(injector, elementRef) {
8
- this.injector = injector;
9
- this.elementRef = elementRef;
10
- this.onChange = () => {
11
- /**/
12
- };
13
- this.onTouched = () => {
14
- /**/
15
- };
16
- }
17
- writeValue(value) {
18
- this.elementRef.nativeElement.value = this.lastValue = value;
19
- setIonicClasses(this.elementRef);
20
- }
21
- /**
22
- * Notifies the ControlValueAccessor of a change in the value of the control.
23
- *
24
- * This is called by each of the ValueAccessor directives when we want to update
25
- * the status and validity of the form control. For example with text components this
26
- * is called when the ionInput event is fired. For select components this is called
27
- * when the ionChange event is fired.
28
- *
29
- * This also updates the Ionic form status classes on the element.
30
- *
31
- * @param el The component element.
32
- * @param value The new value of the control.
33
- */
34
- handleValueChange(el, value) {
35
- if (el === this.elementRef.nativeElement) {
36
- if (value !== this.lastValue) {
37
- this.lastValue = value;
38
- this.onChange(value);
39
- }
40
- setIonicClasses(this.elementRef);
41
- }
42
- }
43
- _handleBlurEvent(el) {
44
- if (el === this.elementRef.nativeElement) {
45
- this.onTouched();
46
- setIonicClasses(this.elementRef);
47
- }
48
- }
49
- registerOnChange(fn) {
50
- this.onChange = fn;
51
- }
52
- registerOnTouched(fn) {
53
- this.onTouched = fn;
54
- }
55
- setDisabledState(isDisabled) {
56
- this.elementRef.nativeElement.disabled = isDisabled;
57
- }
58
- ngOnDestroy() {
59
- if (this.statusChanges) {
60
- this.statusChanges.unsubscribe();
61
- }
62
- }
63
- ngAfterViewInit() {
64
- let ngControl;
65
- try {
66
- ngControl = this.injector.get(NgControl);
67
- }
68
- catch {
69
- /* No FormControl or ngModel binding */
70
- }
71
- if (!ngControl) {
72
- return;
73
- }
74
- // Listen for changes in validity, disabled, or pending states
75
- if (ngControl.statusChanges) {
76
- this.statusChanges = ngControl.statusChanges.subscribe(() => setIonicClasses(this.elementRef));
77
- }
78
- /**
79
- * TODO FW-2787: Remove this in favor of https://github.com/angular/angular/issues/10887
80
- * whenever it is implemented.
81
- */
82
- const formControl = ngControl.control;
83
- if (formControl) {
84
- const methodsToPatch = ['markAsTouched', 'markAllAsTouched', 'markAsUntouched', 'markAsDirty', 'markAsPristine'];
85
- methodsToPatch.forEach((method) => {
86
- if (typeof formControl[method] !== 'undefined') {
87
- const oldFn = formControl[method].bind(formControl);
88
- formControl[method] = (...params) => {
89
- oldFn(...params);
90
- setIonicClasses(this.elementRef);
91
- };
92
- }
93
- });
94
- }
95
- }
96
- }
97
- /** @nocollapse */ ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
98
- /** @nocollapse */ ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: ValueAccessor, host: { listeners: { "ionBlur": "_handleBlurEvent($event.target)" } }, ngImport: i0 });
99
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ValueAccessor, decorators: [{
100
- type: Directive
101
- }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
102
- type: HostListener,
103
- args: ['ionBlur', ['$event.target']]
104
- }] } });
105
- export const setIonicClasses = (element) => {
106
- raf(() => {
107
- const input = element.nativeElement;
108
- const hasValue = input.value != null && input.value.toString().length > 0;
109
- const classes = getClasses(input);
110
- setClasses(input, classes);
111
- const item = input.closest('ion-item');
112
- if (item) {
113
- if (hasValue) {
114
- setClasses(item, [...classes, 'item-has-value']);
115
- }
116
- else {
117
- setClasses(item, classes);
118
- }
119
- }
120
- });
121
- };
122
- const getClasses = (element) => {
123
- const classList = element.classList;
124
- const classes = [];
125
- for (let i = 0; i < classList.length; i++) {
126
- const item = classList.item(i);
127
- if (item !== null && startsWith(item, 'ng-')) {
128
- classes.push(`ion-${item.substring(3)}`);
129
- }
130
- }
131
- return classes;
132
- };
133
- const setClasses = (element, classes) => {
134
- const classList = element.classList;
135
- classList.remove('ion-valid', 'ion-invalid', 'ion-touched', 'ion-untouched', 'ion-dirty', 'ion-pristine');
136
- classList.add(...classes);
137
- };
138
- const startsWith = (input, search) => {
139
- return input.substring(0, search.length) === search;
140
- };
141
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdWUtYWNjZXNzb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21tb24vc3JjL2RpcmVjdGl2ZXMvY29udHJvbC12YWx1ZS1hY2Nlc3NvcnMvdmFsdWUtYWNjZXNzb3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFrRCxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hHLE9BQU8sRUFBd0IsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHakUsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQUV2Qyx1QkFBdUI7QUFHdkIsTUFBTSxPQUFPLGFBQWE7SUFVeEIsWUFBc0IsUUFBa0IsRUFBWSxVQUFzQjtRQUFwRCxhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQVksZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQVRsRSxhQUFRLEdBQXlCLEdBQUcsRUFBRTtZQUM1QyxJQUFJO1FBQ04sQ0FBQyxDQUFDO1FBQ00sY0FBUyxHQUFlLEdBQUcsRUFBRTtZQUNuQyxJQUFJO1FBQ04sQ0FBQyxDQUFDO0lBSTJFLENBQUM7SUFFOUUsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQzdELGVBQWUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVEOzs7Ozs7Ozs7Ozs7T0FZRztJQUNILGlCQUFpQixDQUFDLEVBQWUsRUFBRSxLQUFVO1FBQzNDLElBQUksRUFBRSxLQUFLLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFO1lBQ3hDLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO2dCQUN2QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ3RCO1lBQ0QsZUFBZSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztTQUNsQztJQUNILENBQUM7SUFHRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksRUFBRSxLQUFLLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFO1lBQ3hDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNqQixlQUFlLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQXdCO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQ3RELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDbEM7SUFDSCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksU0FBUyxDQUFDO1FBQ2QsSUFBSTtZQUNGLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBWSxTQUFTLENBQUMsQ0FBQztTQUNyRDtRQUFDLE1BQU07WUFDTix1Q0FBdUM7U0FDeEM7UUFFRCxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2QsT0FBTztTQUNSO1FBRUQsOERBQThEO1FBQzlELElBQUksU0FBUyxDQUFDLGFBQWEsRUFBRTtZQUMzQixJQUFJLENBQUMsYUFBYSxHQUFHLFNBQVMsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztTQUNoRztRQUVEOzs7V0FHRztRQUNILE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQyxPQUFjLENBQUM7UUFDN0MsSUFBSSxXQUFXLEVBQUU7WUFDZixNQUFNLGNBQWMsR0FBRyxDQUFDLGVBQWUsRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztZQUNqSCxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7Z0JBQ2hDLElBQUksT0FBTyxXQUFXLENBQUMsTUFBTSxDQUFDLEtBQUssV0FBVyxFQUFFO29CQUM5QyxNQUFNLEtBQUssR0FBRyxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO29CQUNwRCxXQUFXLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxHQUFHLE1BQWEsRUFBRSxFQUFFO3dCQUN6QyxLQUFLLENBQUMsR0FBRyxNQUFNLENBQUMsQ0FBQzt3QkFDakIsZUFBZSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztvQkFDbkMsQ0FBQyxDQUFDO2lCQUNIO1lBQ0gsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7OzhIQXBHVSxhQUFhO2tIQUFiLGFBQWE7NEZBQWIsYUFBYTtrQkFEekIsU0FBUzt3SEEwQ1IsZ0JBQWdCO3NCQURmLFlBQVk7dUJBQUMsU0FBUyxFQUFFLENBQUMsZUFBZSxDQUFDOztBQStENUMsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLENBQUMsT0FBbUIsRUFBUSxFQUFFO0lBQzNELEdBQUcsQ0FBQyxHQUFHLEVBQUU7UUFDUCxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUMsYUFBaUMsQ0FBQztRQUN4RCxNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxJQUFJLElBQUksSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDMUUsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2xDLFVBQVUsQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDM0IsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN2QyxJQUFJLElBQUksRUFBRTtZQUNSLElBQUksUUFBUSxFQUFFO2dCQUNaLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxHQUFHLE9BQU8sRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLENBQUM7YUFDbEQ7aUJBQU07Z0JBQ0wsVUFBVSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsQ0FBQzthQUMzQjtTQUNGO0lBQ0gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLFVBQVUsR0FBRyxDQUFDLE9BQW9CLEVBQUUsRUFBRTtJQUMxQyxNQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsU0FBUyxDQUFDO0lBQ3BDLE1BQU0sT0FBTyxHQUFhLEVBQUUsQ0FBQztJQUM3QixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtRQUN6QyxNQUFNLElBQUksR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQy9CLElBQUksSUFBSSxLQUFLLElBQUksSUFBSSxVQUFVLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxFQUFFO1lBQzVDLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUMxQztLQUNGO0lBQ0QsT0FBTyxPQUFPLENBQUM7QUFDakIsQ0FBQyxDQUFDO0FBRUYsTUFBTSxVQUFVLEdBQUcsQ0FBQyxPQUFvQixFQUFFLE9BQWlCLEVBQUUsRUFBRTtJQUM3RCxNQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsU0FBUyxDQUFDO0lBQ3BDLFNBQVMsQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxjQUFjLENBQUMsQ0FBQztJQUMxRyxTQUFTLENBQUMsR0FBRyxDQUFDLEdBQUcsT0FBTyxDQUFDLENBQUM7QUFDNUIsQ0FBQyxDQUFDO0FBRUYsTUFBTSxVQUFVLEdBQUcsQ0FBQyxLQUFhLEVBQUUsTUFBYyxFQUFXLEVBQUU7SUFDNUQsT0FBTyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLEtBQUssTUFBTSxDQUFDO0FBQ3RELENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIEVsZW1lbnRSZWYsIEluamVjdG9yLCBPbkRlc3Ryb3ksIERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IHJhZiB9IGZyb20gJy4uLy4uL3V0aWxzL3V0aWwnO1xuXG4vLyBUT0RPKEZXLTI4MjcpOiB0eXBlc1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBjbGFzcyBWYWx1ZUFjY2Vzc29yIGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgb25DaGFuZ2U6ICh2YWx1ZTogYW55KSA9PiB2b2lkID0gKCkgPT4ge1xuICAgIC8qKi9cbiAgfTtcbiAgcHJpdmF0ZSBvblRvdWNoZWQ6ICgpID0+IHZvaWQgPSAoKSA9PiB7XG4gICAgLyoqL1xuICB9O1xuICBwcm90ZWN0ZWQgbGFzdFZhbHVlOiBhbnk7XG4gIHByaXZhdGUgc3RhdHVzQ2hhbmdlcz86IFN1YnNjcmlwdGlvbjtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgaW5qZWN0b3I6IEluamVjdG9yLCBwcm90ZWN0ZWQgZWxlbWVudFJlZjogRWxlbWVudFJlZikge31cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC52YWx1ZSA9IHRoaXMubGFzdFZhbHVlID0gdmFsdWU7XG4gICAgc2V0SW9uaWNDbGFzc2VzKHRoaXMuZWxlbWVudFJlZik7XG4gIH1cblxuICAvKipcbiAgICogTm90aWZpZXMgdGhlIENvbnRyb2xWYWx1ZUFjY2Vzc29yIG9mIGEgY2hhbmdlIGluIHRoZSB2YWx1ZSBvZiB0aGUgY29udHJvbC5cbiAgICpcbiAgICogVGhpcyBpcyBjYWxsZWQgYnkgZWFjaCBvZiB0aGUgVmFsdWVBY2Nlc3NvciBkaXJlY3RpdmVzIHdoZW4gd2Ugd2FudCB0byB1cGRhdGVcbiAgICogdGhlIHN0YXR1cyBhbmQgdmFsaWRpdHkgb2YgdGhlIGZvcm0gY29udHJvbC4gRm9yIGV4YW1wbGUgd2l0aCB0ZXh0IGNvbXBvbmVudHMgdGhpc1xuICAgKiBpcyBjYWxsZWQgd2hlbiB0aGUgaW9uSW5wdXQgZXZlbnQgaXMgZmlyZWQuIEZvciBzZWxlY3QgY29tcG9uZW50cyB0aGlzIGlzIGNhbGxlZFxuICAgKiB3aGVuIHRoZSBpb25DaGFuZ2UgZXZlbnQgaXMgZmlyZWQuXG4gICAqXG4gICAqIFRoaXMgYWxzbyB1cGRhdGVzIHRoZSBJb25pYyBmb3JtIHN0YXR1cyBjbGFzc2VzIG9uIHRoZSBlbGVtZW50LlxuICAgKlxuICAgKiBAcGFyYW0gZWwgVGhlIGNvbXBvbmVudCBlbGVtZW50LlxuICAgKiBAcGFyYW0gdmFsdWUgVGhlIG5ldyB2YWx1ZSBvZiB0aGUgY29udHJvbC5cbiAgICovXG4gIGhhbmRsZVZhbHVlQ2hhbmdlKGVsOiBIVE1MRWxlbWVudCwgdmFsdWU6IGFueSk6IHZvaWQge1xuICAgIGlmIChlbCA9PT0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgIGlmICh2YWx1ZSAhPT0gdGhpcy5sYXN0VmFsdWUpIHtcbiAgICAgICAgdGhpcy5sYXN0VmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XG4gICAgICB9XG4gICAgICBzZXRJb25pY0NsYXNzZXModGhpcy5lbGVtZW50UmVmKTtcbiAgICB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdpb25CbHVyJywgWyckZXZlbnQudGFyZ2V0J10pXG4gIF9oYW5kbGVCbHVyRXZlbnQoZWw6IGFueSk6IHZvaWQge1xuICAgIGlmIChlbCA9PT0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gICAgICBzZXRJb25pY0NsYXNzZXModGhpcy5lbGVtZW50UmVmKTtcbiAgICB9XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IGFueSkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnN0YXR1c0NoYW5nZXMpIHtcbiAgICAgIHRoaXMuc3RhdHVzQ2hhbmdlcy51bnN1YnNjcmliZSgpO1xuICAgIH1cbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBsZXQgbmdDb250cm9sO1xuICAgIHRyeSB7XG4gICAgICBuZ0NvbnRyb2wgPSB0aGlzLmluamVjdG9yLmdldDxOZ0NvbnRyb2w+KE5nQ29udHJvbCk7XG4gICAgfSBjYXRjaCB7XG4gICAgICAvKiBObyBGb3JtQ29udHJvbCBvciBuZ01vZGVsIGJpbmRpbmcgKi9cbiAgICB9XG5cbiAgICBpZiAoIW5nQ29udHJvbCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIExpc3RlbiBmb3IgY2hhbmdlcyBpbiB2YWxpZGl0eSwgZGlzYWJsZWQsIG9yIHBlbmRpbmcgc3RhdGVzXG4gICAgaWYgKG5nQ29udHJvbC5zdGF0dXNDaGFuZ2VzKSB7XG4gICAgICB0aGlzLnN0YXR1c0NoYW5nZXMgPSBuZ0NvbnRyb2wuc3RhdHVzQ2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4gc2V0SW9uaWNDbGFzc2VzKHRoaXMuZWxlbWVudFJlZikpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFRPRE8gRlctMjc4NzogUmVtb3ZlIHRoaXMgaW4gZmF2b3Igb2YgaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXIvYW5ndWxhci9pc3N1ZXMvMTA4ODdcbiAgICAgKiB3aGVuZXZlciBpdCBpcyBpbXBsZW1lbnRlZC5cbiAgICAgKi9cbiAgICBjb25zdCBmb3JtQ29udHJvbCA9IG5nQ29udHJvbC5jb250cm9sIGFzIGFueTtcbiAgICBpZiAoZm9ybUNvbnRyb2wpIHtcbiAgICAgIGNvbnN0IG1ldGhvZHNUb1BhdGNoID0gWydtYXJrQXNUb3VjaGVkJywgJ21hcmtBbGxBc1RvdWNoZWQnLCAnbWFya0FzVW50b3VjaGVkJywgJ21hcmtBc0RpcnR5JywgJ21hcmtBc1ByaXN0aW5lJ107XG4gICAgICBtZXRob2RzVG9QYXRjaC5mb3JFYWNoKChtZXRob2QpID0+IHtcbiAgICAgICAgaWYgKHR5cGVvZiBmb3JtQ29udHJvbFttZXRob2RdICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgICAgIGNvbnN0IG9sZEZuID0gZm9ybUNvbnRyb2xbbWV0aG9kXS5iaW5kKGZvcm1Db250cm9sKTtcbiAgICAgICAgICBmb3JtQ29udHJvbFttZXRob2RdID0gKC4uLnBhcmFtczogYW55W10pID0+IHtcbiAgICAgICAgICAgIG9sZEZuKC4uLnBhcmFtcyk7XG4gICAgICAgICAgICBzZXRJb25pY0NsYXNzZXModGhpcy5lbGVtZW50UmVmKTtcbiAgICAgICAgICB9O1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHNldElvbmljQ2xhc3NlcyA9IChlbGVtZW50OiBFbGVtZW50UmVmKTogdm9pZCA9PiB7XG4gIHJhZigoKSA9PiB7XG4gICAgY29uc3QgaW5wdXQgPSBlbGVtZW50Lm5hdGl2ZUVsZW1lbnQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICBjb25zdCBoYXNWYWx1ZSA9IGlucHV0LnZhbHVlICE9IG51bGwgJiYgaW5wdXQudmFsdWUudG9TdHJpbmcoKS5sZW5ndGggPiAwO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBnZXRDbGFzc2VzKGlucHV0KTtcbiAgICBzZXRDbGFzc2VzKGlucHV0LCBjbGFzc2VzKTtcbiAgICBjb25zdCBpdGVtID0gaW5wdXQuY2xvc2VzdCgnaW9uLWl0ZW0nKTtcbiAgICBpZiAoaXRlbSkge1xuICAgICAgaWYgKGhhc1ZhbHVlKSB7XG4gICAgICAgIHNldENsYXNzZXMoaXRlbSwgWy4uLmNsYXNzZXMsICdpdGVtLWhhcy12YWx1ZSddKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldENsYXNzZXMoaXRlbSwgY2xhc3Nlcyk7XG4gICAgICB9XG4gICAgfVxuICB9KTtcbn07XG5cbmNvbnN0IGdldENsYXNzZXMgPSAoZWxlbWVudDogSFRNTEVsZW1lbnQpID0+IHtcbiAgY29uc3QgY2xhc3NMaXN0ID0gZWxlbWVudC5jbGFzc0xpc3Q7XG4gIGNvbnN0IGNsYXNzZXM6IHN0cmluZ1tdID0gW107XG4gIGZvciAobGV0IGkgPSAwOyBpIDwgY2xhc3NMaXN0Lmxlbmd0aDsgaSsrKSB7XG4gICAgY29uc3QgaXRlbSA9IGNsYXNzTGlzdC5pdGVtKGkpO1xuICAgIGlmIChpdGVtICE9PSBudWxsICYmIHN0YXJ0c1dpdGgoaXRlbSwgJ25nLScpKSB7XG4gICAgICBjbGFzc2VzLnB1c2goYGlvbi0ke2l0ZW0uc3Vic3RyaW5nKDMpfWApO1xuICAgIH1cbiAgfVxuICByZXR1cm4gY2xhc3Nlcztcbn07XG5cbmNvbnN0IHNldENsYXNzZXMgPSAoZWxlbWVudDogSFRNTEVsZW1lbnQsIGNsYXNzZXM6IHN0cmluZ1tdKSA9PiB7XG4gIGNvbnN0IGNsYXNzTGlzdCA9IGVsZW1lbnQuY2xhc3NMaXN0O1xuICBjbGFzc0xpc3QucmVtb3ZlKCdpb24tdmFsaWQnLCAnaW9uLWludmFsaWQnLCAnaW9uLXRvdWNoZWQnLCAnaW9uLXVudG91Y2hlZCcsICdpb24tZGlydHknLCAnaW9uLXByaXN0aW5lJyk7XG4gIGNsYXNzTGlzdC5hZGQoLi4uY2xhc3Nlcyk7XG59O1xuXG5jb25zdCBzdGFydHNXaXRoID0gKGlucHV0OiBzdHJpbmcsIHNlYXJjaDogc3RyaW5nKTogYm9vbGVhbiA9PiB7XG4gIHJldHVybiBpbnB1dC5zdWJzdHJpbmcoMCwgc2VhcmNoLmxlbmd0aCkgPT09IHNlYXJjaDtcbn07XG4iXX0=