@shoper/phoenix_design_system 1.4.3 → 1.5.0

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 (164) hide show
  1. package/build/cjs/external/lit/external/lit-html/directive-helpers.js +7 -2
  2. package/build/cjs/external/lit/external/lit-html/directive-helpers.js.map +1 -1
  3. package/build/cjs/external/lit/external/lit-html/directives/repeat.js +17 -0
  4. package/build/cjs/external/lit/external/lit-html/directives/repeat.js.map +1 -0
  5. package/build/cjs/external/lit/external/lit-html/directives/when.js +13 -0
  6. package/build/cjs/external/lit/external/lit-html/directives/when.js.map +1 -0
  7. package/build/cjs/external/lit/external/lit-html/lit-html.js +2 -1
  8. package/build/cjs/external/lit/external/lit-html/lit-html.js.map +1 -1
  9. package/build/cjs/packages/phoenix/src/components/backdrop/backdrop.js +16 -8
  10. package/build/cjs/packages/phoenix/src/components/backdrop/backdrop.js.map +1 -1
  11. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +12 -7
  12. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  13. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js +36 -0
  14. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js.map +1 -0
  15. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js +14 -12
  16. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
  17. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js +1 -1
  18. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js +1 -1
  19. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +9 -2
  20. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
  21. package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js +31 -15
  22. package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js.map +1 -1
  23. package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js +56 -0
  24. package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js.map +1 -0
  25. package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js +30 -0
  26. package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js.map +1 -0
  27. package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js +38 -0
  28. package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js.map +1 -0
  29. package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js +38 -0
  30. package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js.map +1 -0
  31. package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_select_btn.js +38 -0
  32. package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_select_btn.js.map +1 -0
  33. package/build/cjs/packages/phoenix/src/components/form/search/results/search_producer_content.js +49 -0
  34. package/build/cjs/packages/phoenix/src/components/form/search/results/search_producer_content.js.map +1 -0
  35. package/build/cjs/packages/phoenix/src/components/form/search/results/search_product_content.js +66 -0
  36. package/build/cjs/packages/phoenix/src/components/form/search/results/search_product_content.js.map +1 -0
  37. package/build/cjs/packages/phoenix/src/components/form/search/results/search_suggestion_content.js +66 -0
  38. package/build/cjs/packages/phoenix/src/components/form/search/results/search_suggestion_content.js.map +1 -0
  39. package/build/cjs/packages/phoenix/src/components/form/search/search.js +191 -0
  40. package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -0
  41. package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js +67 -0
  42. package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js.map +1 -0
  43. package/build/cjs/packages/phoenix/src/components/form/search/search_history.js +71 -0
  44. package/build/cjs/packages/phoenix/src/components/form/search/search_history.js.map +1 -0
  45. package/build/cjs/packages/phoenix/src/components/form/search/search_input.js +40 -0
  46. package/build/cjs/packages/phoenix/src/components/form/search/search_input.js.map +1 -0
  47. package/build/cjs/packages/phoenix/src/components/form/search/search_results.js +45 -0
  48. package/build/cjs/packages/phoenix/src/components/form/search/search_results.js.map +1 -0
  49. package/build/cjs/packages/phoenix/src/components/form/select/model/select_option_mapper.js +8 -5
  50. package/build/cjs/packages/phoenix/src/components/form/select/model/select_option_mapper.js.map +1 -1
  51. package/build/cjs/packages/phoenix/src/components/form/select/select.js +6 -3
  52. package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
  53. package/build/cjs/packages/phoenix/src/components/icon/icon.js +6 -1
  54. package/build/cjs/packages/phoenix/src/components/icon/icon.js.map +1 -1
  55. package/build/cjs/packages/phoenix/src/components/modal/modal.js +1 -1
  56. package/build/cjs/packages/phoenix/src/components/scroll_to/scroll_to.js +3 -3
  57. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +19 -25
  58. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
  59. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +13 -8
  60. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
  61. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +5 -0
  62. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
  63. package/build/cjs/packages/phoenix/src/index.js +102 -0
  64. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  65. package/build/esm/external/lit/external/lit-html/directive-helpers.js +3 -3
  66. package/build/esm/external/lit/external/lit-html/directives/repeat.js +13 -0
  67. package/build/esm/external/lit/external/lit-html/directives/repeat.js.map +1 -0
  68. package/build/esm/external/lit/external/lit-html/directives/when.js +9 -0
  69. package/build/esm/external/lit/external/lit-html/directives/when.js.map +1 -0
  70. package/build/esm/external/lit/external/lit-html/lit-html.js +2 -2
  71. package/build/esm/packages/phoenix/src/components/backdrop/backdrop.d.ts +2 -0
  72. package/build/esm/packages/phoenix/src/components/backdrop/backdrop.js +16 -8
  73. package/build/esm/packages/phoenix/src/components/backdrop/backdrop.js.map +1 -1
  74. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +2 -0
  75. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +13 -8
  76. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  77. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.d.ts +8 -0
  78. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.js +34 -0
  79. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.js.map +1 -0
  80. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.d.ts +11 -6
  81. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js +13 -7
  82. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
  83. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js +2 -2
  84. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js +2 -2
  85. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.d.ts +3 -5
  86. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js +1 -1
  87. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js.map +1 -1
  88. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +9 -2
  89. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
  90. package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.d.ts +5 -0
  91. package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js +32 -16
  92. package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js.map +1 -1
  93. package/build/esm/packages/phoenix/src/components/form/search/buttons/search_clear_btn.d.ts +14 -0
  94. package/build/esm/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js +54 -0
  95. package/build/esm/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js.map +1 -0
  96. package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.d.ts +7 -0
  97. package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js +28 -0
  98. package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js.map +1 -0
  99. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.d.ts +10 -0
  100. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js +36 -0
  101. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js.map +1 -0
  102. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_remove_btn.d.ts +8 -0
  103. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js +36 -0
  104. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js.map +1 -0
  105. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_select_btn.d.ts +8 -0
  106. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_select_btn.js +36 -0
  107. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_select_btn.js.map +1 -0
  108. package/build/esm/packages/phoenix/src/components/form/search/results/search_producer_content.d.ts +6 -0
  109. package/build/esm/packages/phoenix/src/components/form/search/results/search_producer_content.js +47 -0
  110. package/build/esm/packages/phoenix/src/components/form/search/results/search_producer_content.js.map +1 -0
  111. package/build/esm/packages/phoenix/src/components/form/search/results/search_product_content.d.ts +7 -0
  112. package/build/esm/packages/phoenix/src/components/form/search/results/search_product_content.js +64 -0
  113. package/build/esm/packages/phoenix/src/components/form/search/results/search_product_content.js.map +1 -0
  114. package/build/esm/packages/phoenix/src/components/form/search/results/search_suggestion_content.d.ts +9 -0
  115. package/build/esm/packages/phoenix/src/components/form/search/results/search_suggestion_content.js +64 -0
  116. package/build/esm/packages/phoenix/src/components/form/search/results/search_suggestion_content.js.map +1 -0
  117. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +26 -0
  118. package/build/esm/packages/phoenix/src/components/form/search/search.js +189 -0
  119. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -0
  120. package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts +53 -0
  121. package/build/esm/packages/phoenix/src/components/form/search/search_constants.js +56 -0
  122. package/build/esm/packages/phoenix/src/components/form/search/search_constants.js.map +1 -0
  123. package/build/esm/packages/phoenix/src/components/form/search/search_history.d.ts +13 -0
  124. package/build/esm/packages/phoenix/src/components/form/search/search_history.js +69 -0
  125. package/build/esm/packages/phoenix/src/components/form/search/search_history.js.map +1 -0
  126. package/build/esm/packages/phoenix/src/components/form/search/search_input.d.ts +9 -0
  127. package/build/esm/packages/phoenix/src/components/form/search/search_input.js +38 -0
  128. package/build/esm/packages/phoenix/src/components/form/search/search_input.js.map +1 -0
  129. package/build/esm/packages/phoenix/src/components/form/search/search_results.d.ts +7 -0
  130. package/build/esm/packages/phoenix/src/components/form/search/search_results.js +43 -0
  131. package/build/esm/packages/phoenix/src/components/form/search/search_results.js.map +1 -0
  132. package/build/esm/packages/phoenix/src/components/form/search/search_types.d.ts +32 -0
  133. package/build/esm/packages/phoenix/src/components/form/search/search_types.js +2 -0
  134. package/build/esm/packages/phoenix/src/components/form/search/search_types.js.map +1 -0
  135. package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.d.ts +8 -0
  136. package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.js +208 -0
  137. package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.js.map +1 -0
  138. package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.js +8 -5
  139. package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.js.map +1 -1
  140. package/build/esm/packages/phoenix/src/components/form/select/select.js +6 -3
  141. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  142. package/build/esm/packages/phoenix/src/components/icon/icon.d.ts +1 -0
  143. package/build/esm/packages/phoenix/src/components/icon/icon.js +6 -1
  144. package/build/esm/packages/phoenix/src/components/icon/icon.js.map +1 -1
  145. package/build/esm/packages/phoenix/src/components/modal/modal.js +1 -1
  146. package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.d.ts +1 -1
  147. package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.js +3 -3
  148. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.d.ts +1 -1
  149. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +19 -25
  150. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
  151. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.d.ts +0 -1
  152. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.d.ts +1 -1
  153. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +14 -9
  154. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
  155. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.d.ts +4 -0
  156. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +5 -1
  157. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
  158. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.d.ts +3 -1
  159. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js +1 -1
  160. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js.map +1 -1
  161. package/build/esm/packages/phoenix/src/index.d.ts +15 -0
  162. package/build/esm/packages/phoenix/src/index.js +15 -0
  163. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  164. package/package.json +1 -1
@@ -2,13 +2,18 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./lit-html.js');
5
+ var litHtml = require('./lit-html.js');
6
6
 
7
7
  /**
8
8
  * @license
9
9
  * Copyright 2020 Google LLC
10
10
  * SPDX-License-Identifier: BSD-3-Clause
11
- */const e=o=>void 0===o.strings;
11
+ */const {I:l}=litHtml._$LH,e=o=>void 0===o.strings,c=()=>document.createComment(""),r=(o,t,i)=>{var n;const d=o._$AA.parentNode,v=void 0===t?o._$AB:t._$AA;if(void 0===i){const t=d.insertBefore(c(),v),n=d.insertBefore(c(),v);i=new l(t,n,o,o.options);}else {const l=i._$AB.nextSibling,t=i._$AM,e=t!==o;if(e){let l;null===(n=i._$AQ)||void 0===n||n.call(i,o),i._$AM=o,void 0!==i._$AP&&(l=o._$AU)!==t._$AU&&i._$AP(l);}if(l!==v||e){let o=i._$AA;for(;o!==l;){const l=o.nextSibling;d.insertBefore(o,v),o=l;}}}return i},u=(o,l,t=o)=>(o._$AI(l,t),o),f={},s=(o,l=f)=>o._$AH=l,m=o=>o._$AH,p=o=>{var l;null===(l=o._$AP)||void 0===l||l.call(o,!1,!0);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o;}};
12
12
 
13
+ exports.getCommittedValue = m;
14
+ exports.insertPart = r;
13
15
  exports.isSingleExpression = e;
16
+ exports.removePart = p;
17
+ exports.setChildPartValue = u;
18
+ exports.setCommittedValue = s;
14
19
  //# sourceMappingURL=directive-helpers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,17 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var litHtml = require('../lit-html.js');
6
+ var directiveHelpers = require('../directive-helpers.js');
7
+ var directive = require('../directive.js');
8
+
9
+ /**
10
+ * @license
11
+ * Copyright 2017 Google LLC
12
+ * SPDX-License-Identifier: BSD-3-Clause
13
+ */
14
+ const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=directive.directive(class extends directive.Directive{constructor(e){if(super(e),e.type!==directive.PartType.CHILD)throw Error("repeat() can only be used in text expressions")}ht(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.ht(e,s,t).values}update(s,[t,r,c]){var d;const a=directiveHelpers.getCommittedValue(s),{values:p,keys:v}=this.ht(t,r,c);if(!Array.isArray(a))return this.ut=v,p;const h=null!==(d=this.ut)&&void 0!==d?d:this.ut=[],m=[];let y,x,j=0,k=a.length-1,w=0,A=p.length-1;for(;j<=k&&w<=A;)if(null===a[j])j++;else if(null===a[k])k--;else if(h[j]===v[w])m[w]=directiveHelpers.setChildPartValue(a[j],p[w]),j++,w++;else if(h[k]===v[A])m[A]=directiveHelpers.setChildPartValue(a[k],p[A]),k--,A--;else if(h[j]===v[A])m[A]=directiveHelpers.setChildPartValue(a[j],p[A]),directiveHelpers.insertPart(s,m[A+1],a[j]),j++,A--;else if(h[k]===v[w])m[w]=directiveHelpers.setChildPartValue(a[k],p[w]),directiveHelpers.insertPart(s,a[j],a[k]),k--,w++;else if(void 0===y&&(y=u(v,w,A),x=u(h,j,k)),y.has(h[j]))if(y.has(h[k])){const e=x.get(v[w]),t=void 0!==e?a[e]:null;if(null===t){const e=directiveHelpers.insertPart(s,a[j]);directiveHelpers.setChildPartValue(e,p[w]),m[w]=e;}else m[w]=directiveHelpers.setChildPartValue(t,p[w]),directiveHelpers.insertPart(s,a[j],t),a[e]=null;w++;}else directiveHelpers.removePart(a[k]),k--;else directiveHelpers.removePart(a[j]),j++;for(;w<=A;){const e=directiveHelpers.insertPart(s,m[A+1]);directiveHelpers.setChildPartValue(e,p[w]),m[w++]=e;}for(;j<=k;){const e=a[j++];null!==e&&directiveHelpers.removePart(e);}return this.ut=v,directiveHelpers.setCommittedValue(s,m),litHtml.noChange}});
15
+
16
+ exports.repeat = c;
17
+ //# sourceMappingURL=repeat.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ /**
6
+ * @license
7
+ * Copyright 2021 Google LLC
8
+ * SPDX-License-Identifier: BSD-3-Clause
9
+ */
10
+ function n(n,o,r){return n?o():null==r?void 0:r()}
11
+
12
+ exports.when = n;
13
+ //# sourceMappingURL=when.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -7,8 +7,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
7
7
  * Copyright 2017 Google LLC
8
8
  * SPDX-License-Identifier: BSD-3-Clause
9
9
  */
10
- var t;const i=window,s=i.trustedTypes,e=s?s.createPolicy("lit-html",{createHTML:t=>t}):void 0,o=`lit$${(Math.random()+"").slice(9)}$`,n="?"+o,l=`<${n}>`,h=document,r=(t="")=>h.createComment(t),d=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,c=t=>u(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,a=/-->/g,f=/>/g,_=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),m=/'/g,p=/"/g,$=/^(?:script|style|textarea|title)$/i,x=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),T=new WeakMap,A=h.createTreeWalker(h,129,null,!1),E=(t,i)=>{const s=t.length-1,n=[];let h,r=2===i?"<svg>":"",d=v;for(let i=0;i<s;i++){const s=t[i];let e,u,c=-1,g=0;for(;g<s.length&&(d.lastIndex=g,u=d.exec(s),null!==u);)g=d.lastIndex,d===v?"!--"===u[1]?d=a:void 0!==u[1]?d=f:void 0!==u[2]?($.test(u[2])&&(h=RegExp("</"+u[2],"g")),d=_):void 0!==u[3]&&(d=_):d===_?">"===u[0]?(d=null!=h?h:v,c=-1):void 0===u[1]?c=-2:(c=d.lastIndex-u[2].length,e=u[1],d=void 0===u[3]?_:'"'===u[3]?p:m):d===p||d===m?d=_:d===a||d===f?d=v:(d=_,h=void 0);const y=d===_&&t[i+1].startsWith("/>")?" ":"";r+=d===v?s+l:c>=0?(n.push(e),s.slice(0,c)+"$lit$"+s.slice(c)+o+y):s+o+(-2===c?(n.push(void 0),i):y);}const u=r+(t[s]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return [void 0!==e?e.createHTML(u):u,n]};class C{constructor({strings:t,_$litType$:i},e){let l;this.parts=[];let h=0,d=0;const u=t.length-1,c=this.parts,[v,a]=E(t,i);if(this.el=C.createElement(v,e),A.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(l=A.nextNode())&&c.length<u;){if(1===l.nodeType){if(l.hasAttributes()){const t=[];for(const i of l.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(o)){const s=a[d++];if(t.push(i),void 0!==s){const t=l.getAttribute(s.toLowerCase()+"$lit$").split(o),i=/([.?@])?(.*)/.exec(s);c.push({type:1,index:h,name:i[2],strings:t,ctor:"."===i[1]?M:"?"===i[1]?k:"@"===i[1]?H:S});}else c.push({type:6,index:h});}for(const i of t)l.removeAttribute(i);}if($.test(l.tagName)){const t=l.textContent.split(o),i=t.length-1;if(i>0){l.textContent=s?s.emptyScript:"";for(let s=0;s<i;s++)l.append(t[s],r()),A.nextNode(),c.push({type:2,index:++h});l.append(t[i],r());}}}else if(8===l.nodeType)if(l.data===n)c.push({type:2,index:h});else {let t=-1;for(;-1!==(t=l.data.indexOf(o,t+1));)c.push({type:7,index:h}),t+=o.length-1;}h++;}}static createElement(t,i){const s=h.createElement("template");return s.innerHTML=t,s}}function P(t,i,s=t,e){var o,n,l,h;if(i===x)return i;let r=void 0!==e?null===(o=s._$Co)||void 0===o?void 0:o[e]:s._$Cl;const u=d(i)?void 0:i._$litDirective$;return (null==r?void 0:r.constructor)!==u&&(null===(n=null==r?void 0:r._$AO)||void 0===n||n.call(r,!1),void 0===u?r=void 0:(r=new u(t),r._$AT(t,s,e)),void 0!==e?(null!==(l=(h=s)._$Co)&&void 0!==l?l:h._$Co=[])[e]=r:s._$Cl=r),void 0!==r&&(i=P(t,r._$AS(t,i.values),r,e)),i}class V{constructor(t,i){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:h).importNode(s,!0);A.currentNode=o;let n=A.nextNode(),l=0,r=0,d=e[0];for(;void 0!==d;){if(l===d.index){let i;2===d.type?i=new N(n,n.nextSibling,this,t):1===d.type?i=new d.ctor(n,d.name,d.strings,this,t):6===d.type&&(i=new I(n,this,t)),this.u.push(i),d=e[++r];}l!==(null==d?void 0:d.index)&&(n=A.nextNode(),l++);}return o}p(t){let i=0;for(const s of this.u)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class N{constructor(t,i,s,e){var o;this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cm=null===(o=null==e?void 0:e.isConnected)||void 0===o||o;}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=P(this,t,i),d(t)?t===b||null==t||""===t?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==x&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):c(t)?this.k(t):this.g(t);}O(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}g(t){this._$AH!==b&&d(this._$AH)?this._$AA.nextSibling.data=t:this.T(h.createTextNode(t)),this._$AH=t;}$(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=C.createElement(e.h,this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.p(s);else {const t=new V(o,this),i=t.v(this.options);t.p(s),this.T(i),this._$AH=t;}}_$AC(t){let i=T.get(t.strings);return void 0===i&&T.set(t.strings,i=new C(t)),i}k(t){u(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const o of t)e===i.length?i.push(s=new N(this.O(r()),this.O(r()),this,this.options)):s=i[e],s._$AI(o),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){var i;void 0===this._$AM&&(this._$Cm=t,null===(i=this._$AP)||void 0===i||i.call(this,t));}}class S{constructor(t,i,s,e,o){this.type=1,this._$AH=b,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=b;}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=P(this,t,i,0),n=!d(t)||t!==this._$AH&&t!==x,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=P(this,e[s+l],i,l),h===x&&(h=this._$AH[l]),n||(n=!d(h)||h!==this._$AH[l]),h===b?t=b:t!==b&&(t+=(null!=h?h:"")+o[l+1]),this._$AH[l]=h;}n&&!e&&this.j(t);}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}}class M extends S{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===b?void 0:t;}}const R=s?s.emptyScript:"";class k extends S{constructor(){super(...arguments),this.type=4;}j(t){t&&t!==b?this.element.setAttribute(this.name,R):this.element.removeAttribute(this.name);}}class H extends S{constructor(t,i,s,e,o){super(t,i,s,e,o),this.type=5;}_$AI(t,i=this){var s;if((t=null!==(s=P(this,t,i,0))&&void 0!==s?s:b)===x)return;const e=this._$AH,o=t===b&&e!==b||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==b&&(e===b||o);o&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){var i,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t);}}class I{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){P(this,t);}}const z=i.litHtmlPolyfillSupport;null==z||z(C,N),(null!==(t=i.litHtmlVersions)&&void 0!==t?t:i.litHtmlVersions=[]).push("2.4.0");
10
+ var t;const i=window,s=i.trustedTypes,e=s?s.createPolicy("lit-html",{createHTML:t=>t}):void 0,o=`lit$${(Math.random()+"").slice(9)}$`,n="?"+o,l=`<${n}>`,h=document,r=(t="")=>h.createComment(t),d=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,c=t=>u(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,a=/-->/g,f=/>/g,_=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),m=/'/g,p=/"/g,$=/^(?:script|style|textarea|title)$/i,x=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),T=new WeakMap,A=h.createTreeWalker(h,129,null,!1),E=(t,i)=>{const s=t.length-1,n=[];let h,r=2===i?"<svg>":"",d=v;for(let i=0;i<s;i++){const s=t[i];let e,u,c=-1,g=0;for(;g<s.length&&(d.lastIndex=g,u=d.exec(s),null!==u);)g=d.lastIndex,d===v?"!--"===u[1]?d=a:void 0!==u[1]?d=f:void 0!==u[2]?($.test(u[2])&&(h=RegExp("</"+u[2],"g")),d=_):void 0!==u[3]&&(d=_):d===_?">"===u[0]?(d=null!=h?h:v,c=-1):void 0===u[1]?c=-2:(c=d.lastIndex-u[2].length,e=u[1],d=void 0===u[3]?_:'"'===u[3]?p:m):d===p||d===m?d=_:d===a||d===f?d=v:(d=_,h=void 0);const y=d===_&&t[i+1].startsWith("/>")?" ":"";r+=d===v?s+l:c>=0?(n.push(e),s.slice(0,c)+"$lit$"+s.slice(c)+o+y):s+o+(-2===c?(n.push(void 0),i):y);}const u=r+(t[s]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return [void 0!==e?e.createHTML(u):u,n]};class C{constructor({strings:t,_$litType$:i},e){let l;this.parts=[];let h=0,d=0;const u=t.length-1,c=this.parts,[v,a]=E(t,i);if(this.el=C.createElement(v,e),A.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(l=A.nextNode())&&c.length<u;){if(1===l.nodeType){if(l.hasAttributes()){const t=[];for(const i of l.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(o)){const s=a[d++];if(t.push(i),void 0!==s){const t=l.getAttribute(s.toLowerCase()+"$lit$").split(o),i=/([.?@])?(.*)/.exec(s);c.push({type:1,index:h,name:i[2],strings:t,ctor:"."===i[1]?M:"?"===i[1]?k:"@"===i[1]?H:S});}else c.push({type:6,index:h});}for(const i of t)l.removeAttribute(i);}if($.test(l.tagName)){const t=l.textContent.split(o),i=t.length-1;if(i>0){l.textContent=s?s.emptyScript:"";for(let s=0;s<i;s++)l.append(t[s],r()),A.nextNode(),c.push({type:2,index:++h});l.append(t[i],r());}}}else if(8===l.nodeType)if(l.data===n)c.push({type:2,index:h});else {let t=-1;for(;-1!==(t=l.data.indexOf(o,t+1));)c.push({type:7,index:h}),t+=o.length-1;}h++;}}static createElement(t,i){const s=h.createElement("template");return s.innerHTML=t,s}}function P(t,i,s=t,e){var o,n,l,h;if(i===x)return i;let r=void 0!==e?null===(o=s._$Co)||void 0===o?void 0:o[e]:s._$Cl;const u=d(i)?void 0:i._$litDirective$;return (null==r?void 0:r.constructor)!==u&&(null===(n=null==r?void 0:r._$AO)||void 0===n||n.call(r,!1),void 0===u?r=void 0:(r=new u(t),r._$AT(t,s,e)),void 0!==e?(null!==(l=(h=s)._$Co)&&void 0!==l?l:h._$Co=[])[e]=r:s._$Cl=r),void 0!==r&&(i=P(t,r._$AS(t,i.values),r,e)),i}class V{constructor(t,i){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:h).importNode(s,!0);A.currentNode=o;let n=A.nextNode(),l=0,r=0,d=e[0];for(;void 0!==d;){if(l===d.index){let i;2===d.type?i=new N(n,n.nextSibling,this,t):1===d.type?i=new d.ctor(n,d.name,d.strings,this,t):6===d.type&&(i=new I(n,this,t)),this.u.push(i),d=e[++r];}l!==(null==d?void 0:d.index)&&(n=A.nextNode(),l++);}return o}p(t){let i=0;for(const s of this.u)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class N{constructor(t,i,s,e){var o;this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cm=null===(o=null==e?void 0:e.isConnected)||void 0===o||o;}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=P(this,t,i),d(t)?t===b||null==t||""===t?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==x&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):c(t)?this.k(t):this.g(t);}O(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}g(t){this._$AH!==b&&d(this._$AH)?this._$AA.nextSibling.data=t:this.T(h.createTextNode(t)),this._$AH=t;}$(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=C.createElement(e.h,this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.p(s);else {const t=new V(o,this),i=t.v(this.options);t.p(s),this.T(i),this._$AH=t;}}_$AC(t){let i=T.get(t.strings);return void 0===i&&T.set(t.strings,i=new C(t)),i}k(t){u(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const o of t)e===i.length?i.push(s=new N(this.O(r()),this.O(r()),this,this.options)):s=i[e],s._$AI(o),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){var i;void 0===this._$AM&&(this._$Cm=t,null===(i=this._$AP)||void 0===i||i.call(this,t));}}class S{constructor(t,i,s,e,o){this.type=1,this._$AH=b,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=b;}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=P(this,t,i,0),n=!d(t)||t!==this._$AH&&t!==x,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=P(this,e[s+l],i,l),h===x&&(h=this._$AH[l]),n||(n=!d(h)||h!==this._$AH[l]),h===b?t=b:t!==b&&(t+=(null!=h?h:"")+o[l+1]),this._$AH[l]=h;}n&&!e&&this.j(t);}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}}class M extends S{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===b?void 0:t;}}const R=s?s.emptyScript:"";class k extends S{constructor(){super(...arguments),this.type=4;}j(t){t&&t!==b?this.element.setAttribute(this.name,R):this.element.removeAttribute(this.name);}}class H extends S{constructor(t,i,s,e,o){super(t,i,s,e,o),this.type=5;}_$AI(t,i=this){var s;if((t=null!==(s=P(this,t,i,0))&&void 0!==s?s:b)===x)return;const e=this._$AH,o=t===b&&e!==b||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==b&&(e===b||o);o&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){var i,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t);}}class I{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){P(this,t);}}const L={P:"$lit$",A:o,M:n,C:1,L:E,R:V,D:c,V:P,I:N,H:S,N:k,U:H,B:M,F:I},z=i.litHtmlPolyfillSupport;null==z||z(C,N),(null!==(t=i.litHtmlVersions)&&void 0!==t?t:i.litHtmlVersions=[]).push("2.4.0");
11
11
 
12
+ exports._$LH = L;
12
13
  exports.noChange = x;
13
14
  exports.nothing = b;
14
15
  //# sourceMappingURL=lit-html.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -8,6 +8,7 @@ var decorators = require('lit/decorators');
8
8
  var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
9
  var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
10
10
  var backdrop_constants = require('./backdrop_constants.js');
11
+ var transition_controller = require('../../controllers/transition_controller/transition_controller.js');
11
12
 
12
13
  exports.HBackdrop = class HBackdrop extends phoenix_light_lit_element.PhoenixLightLitElement {
13
14
  constructor() {
@@ -22,16 +23,20 @@ exports.HBackdrop = class HBackdrop extends phoenix_light_lit_element.PhoenixLig
22
23
  }
23
24
  };
24
25
  this._show = () => {
25
- this._backdropLayerCounter += 1;
26
- this.visible = true;
26
+ this._transitionController.show(() => {
27
+ this._backdropLayerCounter += 1;
28
+ this.visible = true;
29
+ });
27
30
  };
28
31
  this._hide = () => {
29
- this._backdropLayerCounter -= 1;
30
- if (this._backdropLayerCounter > 0)
31
- return;
32
- if (this._backdropLayerCounter < 0)
33
- this._backdropLayerCounter = 0;
34
- this.visible = false;
32
+ this._transitionController.hide(() => {
33
+ this._backdropLayerCounter -= 1;
34
+ if (this._backdropLayerCounter > 0)
35
+ return;
36
+ if (this._backdropLayerCounter < 0)
37
+ this._backdropLayerCounter = 0;
38
+ this.visible = false;
39
+ });
35
40
  };
36
41
  this._dispatchBackdropClickedEvent = () => {
37
42
  const backdropClickedEvent = new CustomEvent(backdrop_constants.BACKDROP_EVENTS.clicked, {
@@ -43,6 +48,9 @@ exports.HBackdrop = class HBackdrop extends phoenix_light_lit_element.PhoenixLig
43
48
  document.addEventListener(backdrop_constants.BACKDROP_EVENTS.show, this._show);
44
49
  document.addEventListener(backdrop_constants.BACKDROP_EVENTS.hide, this._hide);
45
50
  }
51
+ connectedCallback() {
52
+ this._transitionController = new transition_controller.TransitionController(this, 'backdrop-opacity');
53
+ }
46
54
  disconnectedCallback() {
47
55
  super.disconnectedCallback();
48
56
  document.removeEventListener(backdrop_constants.BACKDROP_EVENTS.show, this._show);
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -53,18 +53,18 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
53
53
  return new Promise((resolve) => {
54
54
  var _a, _b;
55
55
  (_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-expanded', 'true');
56
- (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(dropdown_constants.DROPDOWN_CONTENT_VISIBLE_CLASS, `${dropdown_constants.DROPDOWN_CONTENT_SHOW}-${this.transition}-start`);
56
+ (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.visible, `${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-start`);
57
57
  this.opened = true;
58
58
  window.requestAnimationFrame(() => {
59
59
  setTimeout(() => {
60
60
  var _a;
61
- (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.add(`${dropdown_constants.DROPDOWN_CONTENT_SHOW}-${this.transition}-end`);
61
+ (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.add(`${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-end`);
62
62
  }, 0);
63
63
  const transitionDuration = parseFloat(getComputedStyle(this.$dropdownContent || this).transitionDuration) * 1000;
64
64
  setTimeout(() => {
65
65
  var _a;
66
66
  this._dispatchShowDropdownEvent();
67
- (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_SHOW}-${this.transition}-start`, `${dropdown_constants.DROPDOWN_CONTENT_SHOW}-${this.transition}-end`);
67
+ (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-start`, `${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-end`);
68
68
  this._toggleScroll();
69
69
  resolve();
70
70
  }, transitionDuration);
@@ -103,11 +103,11 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
103
103
  const transitionDuration = parseFloat(getComputedStyle(this.$dropdownContent || this).transitionDuration) * 1000;
104
104
  window.requestAnimationFrame(() => {
105
105
  var _a, _b;
106
- (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_HIDE}-${this.transition}-start`);
107
- (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(`${dropdown_constants.DROPDOWN_CONTENT_HIDE}-${this.transition}-end`);
106
+ (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-start`);
107
+ (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(`${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-end`);
108
108
  setTimeout(() => {
109
109
  var _a;
110
- (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_HIDE}-${this.transition}-start`, `${dropdown_constants.DROPDOWN_CONTENT_HIDE}-${this.transition}-end`);
110
+ (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-start`, `${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-end`);
111
111
  this.opened = false;
112
112
  this._dispatchHideDropdownEvent();
113
113
  resolve();
@@ -246,7 +246,8 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
246
246
  elementToPosition: this.$dropdownContent,
247
247
  disablePositioningOnCondition: () => window.innerWidth < global_constants.BREAKPOINTS.xs || !this.opened,
248
248
  portalElementsNames: [dropdown_constants.DROPDOWN_CONTENT_NAME],
249
- offset: this.offset
249
+ offset: this.offset,
250
+ mobileElementPosition: this.mobilePosition
250
251
  });
251
252
  if (!this._clickOutsideController)
252
253
  this._clickOutsideController = new click_outside_controller.ClickOutsideController({
@@ -383,6 +384,10 @@ tslib_es6.__decorate([
383
384
  decorators_js.property({ type: String }),
384
385
  tslib_es6.__metadata("design:type", Object)
385
386
  ], exports.HDropdown.prototype, "portalTarget", void 0);
387
+ tslib_es6.__decorate([
388
+ decorators_js.property({ type: String, attribute: 'mobile-position' }),
389
+ tslib_es6.__metadata("design:type", String)
390
+ ], exports.HDropdown.prototype, "mobilePosition", void 0);
386
391
  exports.HDropdown = HDropdown_1 = tslib_es6.__decorate([
387
392
  phoenix_custom_element.phoenixCustomElement('h-dropdown'),
388
393
  tslib_es6.__metadata("design:paramtypes", [])
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,36 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ var decorators = require('lit/decorators');
7
+ var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
8
+ var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
9
+ var btn_controller = require('../../controllers/btn_controller/btn_controller.js');
10
+ var dropdown_constants = require('./dropdown_constants.js');
11
+
12
+ exports.HDropdownClose = class HDropdownClose extends phoenix_light_lit_element.PhoenixLightLitElement {
13
+ constructor() {
14
+ super();
15
+ this.name = '';
16
+ this.className = `${dropdown_constants.DROPDOWN_CSS_CLASSES.close} ${this.className}`;
17
+ }
18
+ connectedCallback() {
19
+ super.connectedCallback();
20
+ this._btnController = new btn_controller.BtnController(this, this._closeDropdown);
21
+ this.addEventListener('click', this._closeDropdown);
22
+ }
23
+ async _closeDropdown() {
24
+ const dropdown = document.querySelector(`h-dropdown[name="${this.name}"]`);
25
+ await (dropdown === null || dropdown === void 0 ? void 0 : dropdown.hide());
26
+ }
27
+ };
28
+ tslib_es6.__decorate([
29
+ decorators.property({ type: String }),
30
+ tslib_es6.__metadata("design:type", Object)
31
+ ], exports.HDropdownClose.prototype, "name", void 0);
32
+ exports.HDropdownClose = tslib_es6.__decorate([
33
+ phoenix_custom_element.phoenixCustomElement('h-dropdown-close'),
34
+ tslib_es6.__metadata("design:paramtypes", [])
35
+ ], exports.HDropdownClose);
36
+ //# sourceMappingURL=dropdown_close.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -15,12 +15,18 @@ const DROPDOWN_EVENTS = {
15
15
  showed: `${DROPDOWN_EVENT_NAME}.showed`,
16
16
  hidden: `${DROPDOWN_EVENT_NAME}.hidden`
17
17
  };
18
- const DROPDOWN_CSS_CLASS = 'dropdown';
19
- const DROPDOWN_CONTENT_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__content`;
20
- const DROPDOWN_TOGGLER_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__toggler`;
21
- const DROPDOWN_CONTENT_VISIBLE_CLASS = `${DROPDOWN_CONTENT_CSS_CLASS}_visible`;
22
- const DROPDOWN_CONTENT_SHOW = `${DROPDOWN_CONTENT_CSS_CLASS}_show`;
23
- const DROPDOWN_CONTENT_HIDE = `${DROPDOWN_CONTENT_CSS_CLASS}_hide`;
18
+ const DROPDOWN_INITIAL_CLASS_NAME = 'dropdown';
19
+ const DROPDOWN_CSS_CLASSES = {
20
+ dropdown: DROPDOWN_INITIAL_CLASS_NAME,
21
+ content: `${DROPDOWN_INITIAL_CLASS_NAME}__content`,
22
+ toggler: `${DROPDOWN_INITIAL_CLASS_NAME}__toggler`,
23
+ close: `${DROPDOWN_INITIAL_CLASS_NAME}__close`
24
+ };
25
+ const DROPDOWN_CONTENT_CSS_CLASSES = {
26
+ visible: `${DROPDOWN_CSS_CLASSES.content}_visible`,
27
+ show: `${DROPDOWN_CSS_CLASSES.content}_show`,
28
+ hide: `${DROPDOWN_CSS_CLASSES.content}_hide`
29
+ };
24
30
  const DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME = 'toggleOnHover';
25
31
  const DROPDOWN_CONTENT_WIDTH = {
26
32
  full: 'full'
@@ -28,16 +34,12 @@ const DROPDOWN_CONTENT_WIDTH = {
28
34
 
29
35
  exports.DEFAULT_DROPDOWN_PORTAL_NAME = DEFAULT_DROPDOWN_PORTAL_NAME;
30
36
  exports.DROPDOWN_CONTAINER_NAME = DROPDOWN_CONTAINER_NAME;
31
- exports.DROPDOWN_CONTENT_CSS_CLASS = DROPDOWN_CONTENT_CSS_CLASS;
32
- exports.DROPDOWN_CONTENT_HIDE = DROPDOWN_CONTENT_HIDE;
37
+ exports.DROPDOWN_CONTENT_CSS_CLASSES = DROPDOWN_CONTENT_CSS_CLASSES;
33
38
  exports.DROPDOWN_CONTENT_NAME = DROPDOWN_CONTENT_NAME;
34
- exports.DROPDOWN_CONTENT_SHOW = DROPDOWN_CONTENT_SHOW;
35
- exports.DROPDOWN_CONTENT_VISIBLE_CLASS = DROPDOWN_CONTENT_VISIBLE_CLASS;
36
39
  exports.DROPDOWN_CONTENT_WIDTH = DROPDOWN_CONTENT_WIDTH;
37
- exports.DROPDOWN_CSS_CLASS = DROPDOWN_CSS_CLASS;
40
+ exports.DROPDOWN_CSS_CLASSES = DROPDOWN_CSS_CLASSES;
38
41
  exports.DROPDOWN_EVENTS = DROPDOWN_EVENTS;
39
42
  exports.DROPDOWN_NAME = DROPDOWN_NAME;
40
- exports.DROPDOWN_TOGGLER_CSS_CLASS = DROPDOWN_TOGGLER_CSS_CLASS;
41
43
  exports.DROPDOWN_TOGGLER_NAME = DROPDOWN_TOGGLER_NAME;
42
44
  exports.DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME = DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME;
43
45
  //# sourceMappingURL=dropdown_constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -17,7 +17,7 @@ exports.HDropdownContent = class HDropdownContent extends phoenix_light_lit_elem
17
17
  }
18
18
  connectedCallback() {
19
19
  super.connectedCallback();
20
- this.classList.add(dropdown_constants.DROPDOWN_CONTENT_CSS_CLASS);
20
+ this.classList.add(dropdown_constants.DROPDOWN_CSS_CLASSES.content);
21
21
  this.setAttribute('role', 'menu');
22
22
  Array.from(this.children).forEach((element) => {
23
23
  element.setAttribute('role', 'menuitem');
@@ -45,7 +45,7 @@ exports.HDropdownToggler = class HDropdownToggler extends phoenix_light_lit_elem
45
45
  utilities.UiDomUtils.setFocusToFirstFocusableElementInContainer($dropdownContent);
46
46
  };
47
47
  this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
48
- this.className = `${dropdown_constants.DROPDOWN_TOGGLER_CSS_CLASS} ${this.className}`;
48
+ this.className = `${dropdown_constants.DROPDOWN_CSS_CLASSES.toggler} ${this.className}`;
49
49
  }
50
50
  connectedCallback() {
51
51
  var _a;
@@ -50,13 +50,20 @@ exports.HColorSwatchesControl = class HColorSwatchesControl extends phoenix_ligh
50
50
  this._getSelectedColors();
51
51
  }
52
52
  _getSelectedColors() {
53
- this.selectedColors = this._getSelectedColorItems().map((selectedColor) => { var _a; return (_a = selectedColor.value) !== null && _a !== void 0 ? _a : selectedColor.color; });
53
+ this.selectedColors = this._getSelectedColorItems().map(($selectedColor) => {
54
+ const colorValue = $selectedColor.hasAttribute('value')
55
+ ? $selectedColor.getAttribute('value')
56
+ : $selectedColor.getAttribute('color');
57
+ if (!colorValue)
58
+ throw new Error('color item does not hava any value');
59
+ return colorValue;
60
+ });
54
61
  }
55
62
  _getAllColorItems() {
56
63
  return [...this.querySelectorAll('h-color-item[selected]')];
57
64
  }
58
65
  _getSelectedColorItems() {
59
- return this._getAllColorItems().filter(($color) => $color.selected);
66
+ return this._getAllColorItems().filter(($color) => $color.hasAttribute('selected'));
60
67
  }
61
68
  _setupEvents() {
62
69
  this.addEventListener(color_swatches_constants.COLOR_SWATCHES_EVENT_NAMES.change, (event) => {
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -7,30 +7,26 @@ var lit = require('lit');
7
7
  var decorators = require('lit/decorators');
8
8
  var phoenix_light_lit_element = require('../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
9
  var phoenix_custom_element = require('../../../../core/decorators/phoenix_custom_element.js');
10
- var icon_constants = require('../../../icon/icon_constants.js');
11
10
  var file_picker_constants = require('../file_picker_constants.js');
12
11
 
13
12
  exports.HFile = class HFile extends phoenix_light_lit_element.PhoenixLightLitElement {
14
13
  constructor() {
15
14
  super(...arguments);
16
- this._handleClick = () => {
17
- const removeItemEvent = new CustomEvent(file_picker_constants.FILE_ITEM_EVENT_NAMES.removed, {
18
- bubbles: true,
19
- detail: {
20
- fileId: this.id
21
- }
22
- });
23
- this.dispatchEvent(removeItemEvent);
24
- };
15
+ this.maxFileNameLength = 12;
25
16
  }
26
17
  connectedCallback() {
27
18
  super.connectedCallback();
28
19
  this.setAttribute('aria-label', this.name);
29
20
  this.classList.add(file_picker_constants.FILE_ITEM_CSS_CLASSES.file);
21
+ this._separateNameFromExtension(this.name);
30
22
  }
31
23
  render() {
32
24
  return lit.html `
33
- <span class="${file_picker_constants.FILE_ITEM_CSS_CLASSES.fileName}">${this.name}</span>
25
+ <span class="${file_picker_constants.FILE_ITEM_CSS_CLASSES.fileName}"
26
+ >${this._fileNameWithoutExtension.length > this.maxFileNameLength
27
+ ? this._trimNameLength(this._fileNameWithoutExtension)
28
+ : this.name}</span
29
+ >
34
30
  <button
35
31
  class="${file_picker_constants.FILE_ITEM_CSS_CLASSES.fileRemoveButton}"
36
32
  @click="${this._handleClick}"
@@ -38,15 +34,31 @@ exports.HFile = class HFile extends phoenix_light_lit_element.PhoenixLightLitEle
38
34
  type="button"
39
35
  >
40
36
  ${this.removeButtonIconName
41
- ? lit.html `<h-icon
42
- class="${icon_constants.ICON_CSS_CLASSES.icon} ${file_picker_constants.FILE_PICKER_ICON_CSS_CLASSES.filePickerIcon}"
43
- icon-name=${this.removeButtonIconName}
44
- />`
37
+ ? lit.html `<h-icon class="${file_picker_constants.FILE_PICKER_ICON_CSS_CLASSES.filePickerIcon}" icon-name=${this.removeButtonIconName} />`
45
38
  : lit.nothing}
46
39
  ${this.removeButtonText}
47
40
  </button>
48
41
  `;
49
42
  }
43
+ _handleClick() {
44
+ const removeItemEvent = new CustomEvent(file_picker_constants.FILE_ITEM_EVENT_NAMES.removed, {
45
+ bubbles: true,
46
+ detail: {
47
+ fileId: this.id
48
+ }
49
+ });
50
+ this.dispatchEvent(removeItemEvent);
51
+ }
52
+ _separateNameFromExtension(name) {
53
+ const extensionDotPosition = name.lastIndexOf('.');
54
+ this._fileExtensionWithDot = name.substring(extensionDotPosition, name.length);
55
+ this._fileNameWithoutExtension = name.slice(0, extensionDotPosition);
56
+ }
57
+ _trimNameLength(nameToTrim) {
58
+ const trimedNameStart = nameToTrim.slice(0, 11);
59
+ const trimedNameEnd = nameToTrim.slice(-3);
60
+ return `${trimedNameStart}...${trimedNameEnd}${this._fileExtensionWithDot}`;
61
+ }
50
62
  };
51
63
  tslib_es6.__decorate([
52
64
  decorators.property({ type: String }),
@@ -64,6 +76,10 @@ tslib_es6.__decorate([
64
76
  decorators.property({ type: String, attribute: 'remove-button-icon-name' }),
65
77
  tslib_es6.__metadata("design:type", String)
66
78
  ], exports.HFile.prototype, "removeButtonIconName", void 0);
79
+ tslib_es6.__decorate([
80
+ decorators.property({ type: Number, attribute: 'max-file-name-length' }),
81
+ tslib_es6.__metadata("design:type", Number)
82
+ ], exports.HFile.prototype, "maxFileNameLength", void 0);
67
83
  exports.HFile = tslib_es6.__decorate([
68
84
  phoenix_custom_element.phoenixCustomElement('h-file')
69
85
  ], exports.HFile);
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,kDAAsD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,kDAAsD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,56 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../../../../../../external/tslib/tslib.es6.js');
6
+ var lit = require('lit');
7
+ var decorators = require('lit/decorators');
8
+ var phoenix_light_lit_element = require('../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
+ var phoenix_custom_element = require('../../../../core/decorators/phoenix_custom_element.js');
10
+ var btn_controller = require('../../../../controllers/btn_controller/btn_controller.js');
11
+ var observer = require('../../../../core/classes/observer/observer.js');
12
+ var context_consumer_controller = require('../../../../core/context/context_consumer_controller.js');
13
+ var search_constants = require('../search_constants.js');
14
+
15
+ exports.HSearchClearBtn = class HSearchClearBtn extends phoenix_light_lit_element.PhoenixLightLitElement {
16
+ constructor() {
17
+ super();
18
+ this._shouldShow = false;
19
+ this._dispatchClearEvent = (ev) => {
20
+ this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, {
21
+ bubbles: true
22
+ }));
23
+ };
24
+ this._btnController = new btn_controller.BtnController(this, this._dispatchClearEvent);
25
+ }
26
+ connectedCallback() {
27
+ super.connectedCallback();
28
+ this._searchContextSetup();
29
+ this.addEventListener(search_constants.SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchClearEvent);
30
+ }
31
+ async _searchContextSetup() {
32
+ try {
33
+ this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
34
+ this._searchContext$ = await this._searchContextConsumer.consumeAsync('searchContext');
35
+ this._searchContextObserver = new observer.Observer((searchData) => {
36
+ this._shouldShow = searchData.searchPhrase.length !== 0;
37
+ });
38
+ this._searchContext$.subscribe(this._searchContextObserver);
39
+ }
40
+ catch (_a) {
41
+ console.error('Search context is not provided');
42
+ }
43
+ }
44
+ render() {
45
+ return lit.html ` ${this._shouldShow ? this.getSlot(search_constants.SEARCH_SLOT_NAMES.clearButton) : lit.nothing} `;
46
+ }
47
+ };
48
+ tslib_es6.__decorate([
49
+ decorators.state(),
50
+ tslib_es6.__metadata("design:type", Boolean)
51
+ ], exports.HSearchClearBtn.prototype, "_shouldShow", void 0);
52
+ exports.HSearchClearBtn = tslib_es6.__decorate([
53
+ phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.clearButton),
54
+ tslib_es6.__metadata("design:paramtypes", [])
55
+ ], exports.HSearchClearBtn);
56
+ //# sourceMappingURL=search_clear_btn.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,kDAAsD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,30 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../../../../../../external/tslib/tslib.es6.js');
6
+ var phoenix_light_lit_element = require('../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
7
+ var phoenix_custom_element = require('../../../../core/decorators/phoenix_custom_element.js');
8
+ var btn_controller = require('../../../../controllers/btn_controller/btn_controller.js');
9
+ var search_constants = require('../search_constants.js');
10
+
11
+ exports.HSearchSubmitBtn = class HSearchSubmitBtn extends phoenix_light_lit_element.PhoenixLightLitElement {
12
+ constructor() {
13
+ super();
14
+ this._dispatchSubmitEvent = (ev) => {
15
+ this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.submit, {
16
+ bubbles: true
17
+ }));
18
+ };
19
+ this._btnController = new btn_controller.BtnController(this, this._dispatchSubmitEvent);
20
+ }
21
+ connectedCallback() {
22
+ super.connectedCallback();
23
+ this.addEventListener(search_constants.SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchSubmitEvent);
24
+ }
25
+ };
26
+ exports.HSearchSubmitBtn = tslib_es6.__decorate([
27
+ phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.submitButton),
28
+ tslib_es6.__metadata("design:paramtypes", [])
29
+ ], exports.HSearchSubmitBtn);
30
+ //# sourceMappingURL=search_submit_btn.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,kDAAsD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,38 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../../../../../../external/tslib/tslib.es6.js');
6
+ var phoenix_light_lit_element = require('../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
7
+ var phoenix_custom_element = require('../../../../core/decorators/phoenix_custom_element.js');
8
+ var btn_controller = require('../../../../controllers/btn_controller/btn_controller.js');
9
+ var visibility_controller = require('../../../../controllers/visibility_controller/visibility_controller.js');
10
+ var search_constants = require('../search_constants.js');
11
+
12
+ exports.HSearchHistoryLoadMoreBtn = class HSearchHistoryLoadMoreBtn extends phoenix_light_lit_element.PhoenixLightLitElement {
13
+ constructor() {
14
+ super();
15
+ this._dispatchHistoryLoadMoreEvent = (ev) => {
16
+ this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.loadMoreHistoryItems, {
17
+ bubbles: true
18
+ }));
19
+ };
20
+ this._btnController = new btn_controller.BtnController(this, this._dispatchHistoryLoadMoreEvent);
21
+ this._visibilityController = new visibility_controller.VisibilityController(this);
22
+ }
23
+ hide() {
24
+ this._visibilityController.hide();
25
+ }
26
+ show() {
27
+ this._visibilityController.show();
28
+ }
29
+ connectedCallback() {
30
+ super.connectedCallback();
31
+ this.addEventListener(search_constants.SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchHistoryLoadMoreEvent);
32
+ }
33
+ };
34
+ exports.HSearchHistoryLoadMoreBtn = tslib_es6.__decorate([
35
+ phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.historyLoadMoreButton),
36
+ tslib_es6.__metadata("design:paramtypes", [])
37
+ ], exports.HSearchHistoryLoadMoreBtn);
38
+ //# sourceMappingURL=search_history_load_more_btn.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,kDAAsD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}