@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.
- package/build/cjs/external/lit/external/lit-html/directive-helpers.js +7 -2
- package/build/cjs/external/lit/external/lit-html/directive-helpers.js.map +1 -1
- package/build/cjs/external/lit/external/lit-html/directives/repeat.js +17 -0
- package/build/cjs/external/lit/external/lit-html/directives/repeat.js.map +1 -0
- package/build/cjs/external/lit/external/lit-html/directives/when.js +13 -0
- package/build/cjs/external/lit/external/lit-html/directives/when.js.map +1 -0
- package/build/cjs/external/lit/external/lit-html/lit-html.js +2 -1
- package/build/cjs/external/lit/external/lit-html/lit-html.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/backdrop/backdrop.js +16 -8
- package/build/cjs/packages/phoenix/src/components/backdrop/backdrop.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +12 -7
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js +36 -0
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js +14 -12
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +9 -2
- package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js +31 -15
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js +56 -0
- package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js +30 -0
- package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js +38 -0
- package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js +38 -0
- package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_select_btn.js +38 -0
- package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_select_btn.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/search/results/search_producer_content.js +49 -0
- package/build/cjs/packages/phoenix/src/components/form/search/results/search_producer_content.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/search/results/search_product_content.js +66 -0
- package/build/cjs/packages/phoenix/src/components/form/search/results/search_product_content.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/search/results/search_suggestion_content.js +66 -0
- package/build/cjs/packages/phoenix/src/components/form/search/results/search_suggestion_content.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/search/search.js +191 -0
- package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js +67 -0
- package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/search/search_history.js +71 -0
- package/build/cjs/packages/phoenix/src/components/form/search/search_history.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/search/search_input.js +40 -0
- package/build/cjs/packages/phoenix/src/components/form/search/search_input.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/search/search_results.js +45 -0
- package/build/cjs/packages/phoenix/src/components/form/search/search_results.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/select/model/select_option_mapper.js +8 -5
- package/build/cjs/packages/phoenix/src/components/form/select/model/select_option_mapper.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/select/select.js +6 -3
- package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/icon/icon.js +6 -1
- package/build/cjs/packages/phoenix/src/components/icon/icon.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal.js +1 -1
- package/build/cjs/packages/phoenix/src/components/scroll_to/scroll_to.js +3 -3
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +19 -25
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +13 -8
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +5 -0
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/index.js +102 -0
- package/build/cjs/packages/phoenix/src/index.js.map +1 -1
- package/build/esm/external/lit/external/lit-html/directive-helpers.js +3 -3
- package/build/esm/external/lit/external/lit-html/directives/repeat.js +13 -0
- package/build/esm/external/lit/external/lit-html/directives/repeat.js.map +1 -0
- package/build/esm/external/lit/external/lit-html/directives/when.js +9 -0
- package/build/esm/external/lit/external/lit-html/directives/when.js.map +1 -0
- package/build/esm/external/lit/external/lit-html/lit-html.js +2 -2
- package/build/esm/packages/phoenix/src/components/backdrop/backdrop.d.ts +2 -0
- package/build/esm/packages/phoenix/src/components/backdrop/backdrop.js +16 -8
- package/build/esm/packages/phoenix/src/components/backdrop/backdrop.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +2 -0
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +13 -8
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.d.ts +8 -0
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.js +34 -0
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.d.ts +11 -6
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js +13 -7
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js +2 -2
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js +2 -2
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.d.ts +3 -5
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +9 -2
- package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.d.ts +5 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js +32 -16
- package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/buttons/search_clear_btn.d.ts +14 -0
- package/build/esm/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js +54 -0
- package/build/esm/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.d.ts +7 -0
- package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js +28 -0
- package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.d.ts +10 -0
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js +36 -0
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_remove_btn.d.ts +8 -0
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js +36 -0
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_select_btn.d.ts +8 -0
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_select_btn.js +36 -0
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_select_btn.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/results/search_producer_content.d.ts +6 -0
- package/build/esm/packages/phoenix/src/components/form/search/results/search_producer_content.js +47 -0
- package/build/esm/packages/phoenix/src/components/form/search/results/search_producer_content.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/results/search_product_content.d.ts +7 -0
- package/build/esm/packages/phoenix/src/components/form/search/results/search_product_content.js +64 -0
- package/build/esm/packages/phoenix/src/components/form/search/results/search_product_content.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/results/search_suggestion_content.d.ts +9 -0
- package/build/esm/packages/phoenix/src/components/form/search/results/search_suggestion_content.js +64 -0
- package/build/esm/packages/phoenix/src/components/form/search/results/search_suggestion_content.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +26 -0
- package/build/esm/packages/phoenix/src/components/form/search/search.js +189 -0
- package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts +53 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_constants.js +56 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_constants.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_history.d.ts +13 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_history.js +69 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_history.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_input.d.ts +9 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_input.js +38 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_input.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_results.d.ts +7 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_results.js +43 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_results.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_types.d.ts +32 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_types.js +2 -0
- package/build/esm/packages/phoenix/src/components/form/search/search_types.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.d.ts +8 -0
- package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.js +208 -0
- package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.js +8 -5
- package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/select.js +6 -3
- package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/icon/icon.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/icon/icon.js +6 -1
- package/build/esm/packages/phoenix/src/components/icon/icon.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal.js +1 -1
- package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.js +3 -3
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.d.ts +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +19 -25
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.d.ts +0 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.d.ts +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +14 -9
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.d.ts +4 -0
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +5 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.d.ts +3 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js.map +1 -1
- package/build/esm/packages/phoenix/src/index.d.ts +15 -0
- package/build/esm/packages/phoenix/src/index.js +15 -0
- package/build/esm/packages/phoenix/src/index.js.map +1 -1
- 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.
|
|
26
|
-
|
|
26
|
+
this._transitionController.show(() => {
|
|
27
|
+
this._backdropLayerCounter += 1;
|
|
28
|
+
this.visible = true;
|
|
29
|
+
});
|
|
27
30
|
};
|
|
28
31
|
this._hide = () => {
|
|
29
|
-
this.
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
this._backdropLayerCounter
|
|
34
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
107
|
-
(_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(`${dropdown_constants.
|
|
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.
|
|
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
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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) => {
|
|
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.
|
|
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}"
|
|
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
|
package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js.map
ADDED
|
@@ -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;"}
|