@shoper/phoenix_design_system 1.14.1-0 → 1.15.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/{packages/phoenix/external → external}/classnames/index.js +1 -1
- package/build/cjs/external/lit-html/directive-helpers.js +19 -0
- package/build/cjs/external/{lit/external/lit-html → lit-html}/directives/repeat.js +1 -1
- package/build/cjs/external/{lit/external/lit-html → lit-html}/directives/template-content.js +1 -1
- package/build/cjs/external/lit-html/lit-html.js +15 -0
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item.js +29 -21
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.js +4 -0
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js +11 -121
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js +2 -0
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +1 -1
- 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_picker.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input/input.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input/input.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +2 -12
- package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/radio/radio.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/search.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js +2 -2
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js +2 -2
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +2 -2
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js +2 -2
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/switch/switch.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/icon/icon.js +1 -1
- package/build/cjs/packages/phoenix/src/components/icon/icon.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/messages/base_message.js +47 -16
- package/build/cjs/packages/phoenix/src/components/messages/base_message.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/messages/base_message_constants.js +2 -0
- package/build/cjs/packages/phoenix/src/components/messages/base_message_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/toggle/toggle.js +1 -1
- package/build/cjs/packages/phoenix/src/components/toggle/toggle.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +10 -4
- package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
- package/build/cjs/packages/phoenix/src/directives/namespaced_attribute_directive.js +2 -2
- package/build/cjs/packages/phoenix/src/directives/namespaced_attribute_directive.js.map +1 -1
- package/build/cjs/packages/phoenix/src/directives/observable_directive.js +2 -2
- package/build/cjs/packages/phoenix/src/directives/observable_directive.js.map +1 -1
- package/build/cjs/packages/phoenix/src/index.js +5 -5
- package/build/esm/{packages/phoenix/external → external}/classnames/index.js +1 -1
- package/build/esm/external/lit-html/directive-helpers.js +10 -0
- package/build/esm/external/lit-html/directives/repeat.js +13 -0
- package/build/esm/external/{lit/external/lit-html → lit-html}/directives/template-content.js +2 -2
- package/build/esm/external/lit-html/lit-html.js +9 -0
- package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.d.ts +6 -3
- package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.js +30 -22
- package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.js +4 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.d.ts +1 -11
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js +14 -124
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js +2 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +1 -1
- 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_picker.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input_control.js +2 -12
- package/build/esm/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/switch/switch.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/icon/icon.js +1 -1
- package/build/esm/packages/phoenix/src/components/icon/icon.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/messages/base_message.d.ts +3 -2
- package/build/esm/packages/phoenix/src/components/messages/base_message.js +49 -18
- package/build/esm/packages/phoenix/src/components/messages/base_message.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/messages/base_message_constants.js +4 -3
- package/build/esm/packages/phoenix/src/components/messages/base_message_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/toggle/toggle.js +1 -1
- package/build/esm/packages/phoenix/src/components/toggle/toggle.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +10 -4
- package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
- package/build/esm/packages/phoenix/src/directives/namespaced_attribute_directive.d.ts +1 -1
- package/build/esm/packages/phoenix/src/directives/namespaced_attribute_directive.js +2 -2
- package/build/esm/packages/phoenix/src/directives/namespaced_attribute_directive.js.map +1 -1
- package/build/esm/packages/phoenix/src/directives/observable_directive.d.ts +1 -1
- package/build/esm/packages/phoenix/src/directives/observable_directive.js +2 -2
- package/build/esm/packages/phoenix/src/directives/observable_directive.js.map +1 -1
- package/build/esm/packages/phoenix/src/index.js +1 -1
- package/package.json +1 -1
- package/build/cjs/external/lit/external/lit-html/directive-helpers.js +0 -19
- package/build/cjs/external/lit/external/lit-html/lit-html.js +0 -15
- package/build/esm/external/lit/external/lit-html/directive-helpers.js +0 -10
- package/build/esm/external/lit/external/lit-html/directives/repeat.js +0 -13
- package/build/esm/external/lit/external/lit-html/lit-html.js +0 -9
- /package/build/cjs/{packages/phoenix/external → external}/classnames/index.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/async-directive.js +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/async-directive.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directive-helpers.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directive.js +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directive.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directives/repeat.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directives/template-content.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directives/when.js +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directives/when.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/lit-html.js.map +0 -0
- /package/build/esm/{packages/phoenix/external → external}/classnames/index.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/async-directive.js +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/async-directive.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directive-helpers.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directive.js +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directive.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directives/repeat.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directives/template-content.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directives/when.js +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directives/when.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/lit-html.js.map +0 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var litHtml = require('./lit-html.js');
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* @license
|
|
9
|
+
* Copyright 2020 Google LLC
|
|
10
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
+
*/const {I:l}=litHtml._$LH,e=o=>void 0===o.strings,r=()=>document.createComment(""),c=(o,i,n)=>{var t;const v=o._$AA.parentNode,d=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=v.insertBefore(r(),d),t=v.insertBefore(r(),d);n=new l(i,t,o,o.options);}else {const l=n._$AB.nextSibling,i=n._$AM,u=i!==o;if(u){let l;null===(t=n._$AQ)||void 0===t||t.call(n,o),n._$AM=o,void 0!==n._$AP&&(l=o._$AU)!==i._$AU&&n._$AP(l);}if(l!==d||u){let o=n._$AA;for(;o!==l;){const l=o.nextSibling;v.insertBefore(o,d),o=l;}}}return n},f=(o,l,i=o)=>(o._$AI(l,i),o),s={},a=(o,l=s)=>o._$AH=l,m=o=>o._$AH,p=o=>{var l;null===(l=o._$AP)||void 0===l||l.call(o,!1,!0);let i=o._$AA;const n=o._$AB.nextSibling;for(;i!==n;){const o=i.nextSibling;i.remove(),i=o;}};
|
|
12
|
+
|
|
13
|
+
exports.getCommittedValue = m;
|
|
14
|
+
exports.insertPart = c;
|
|
15
|
+
exports.isSingleExpression = e;
|
|
16
|
+
exports.removePart = p;
|
|
17
|
+
exports.setChildPartValue = f;
|
|
18
|
+
exports.setCommittedValue = a;
|
|
19
|
+
//# sourceMappingURL=directive-helpers.js.map
|
|
@@ -11,7 +11,7 @@ var directive = require('../directive.js');
|
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
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")}
|
|
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")}ct(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.ct(e,s,t).values}update(s,[t,r,c]){var d;const a=directiveHelpers.getCommittedValue(s),{values:p,keys:v}=this.ct(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
15
|
|
|
16
16
|
exports.repeat = c;
|
|
17
17
|
//# sourceMappingURL=repeat.js.map
|
package/build/cjs/external/{lit/external/lit-html → lit-html}/directives/template-content.js
RENAMED
|
@@ -9,7 +9,7 @@ var directive = require('../directive.js');
|
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2020 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
|
-
*/const o=directive.directive(class extends directive.Directive{constructor(t){if(super(t),t.type!==directive.PartType.CHILD)throw Error("templateContent can only be used in child bindings")}render(r){return this.
|
|
12
|
+
*/const o=directive.directive(class extends directive.Directive{constructor(t){if(super(t),t.type!==directive.PartType.CHILD)throw Error("templateContent can only be used in child bindings")}render(r){return this.vt===r?litHtml.noChange:(this.vt=r,document.importNode(r.content,!0))}});
|
|
13
13
|
|
|
14
14
|
exports.templateContent = o;
|
|
15
15
|
//# sourceMappingURL=template-content.js.map
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* @license
|
|
7
|
+
* Copyright 2017 Google LLC
|
|
8
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
+
*/
|
|
10
|
+
var t;const i=window,s=i.trustedTypes,e=s?s.createPolicy("lit-html",{createHTML:t=>t}):void 0,o="$lit$",n=`lit$${(Math.random()+"").slice(9)}$`,l="?"+n,h=`<${l}>`,r=document,u=()=>r.createComment(""),d=t=>null===t||"object"!=typeof t&&"function"!=typeof t,c=Array.isArray,v=t=>c(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),a="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,m=/>/g,p=RegExp(`>|${a}(?:([^\\s"'>=/]+)(${a}*=${a}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,T=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),E=new WeakMap,C=r.createTreeWalker(r,129,null,!1);function P(t,i){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e?e.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,e=[];let l,r=2===i?"<svg>":"",u=f;for(let i=0;i<s;i++){const s=t[i];let d,c,v=-1,a=0;for(;a<s.length&&(u.lastIndex=a,c=u.exec(s),null!==c);)a=u.lastIndex,u===f?"!--"===c[1]?u=_:void 0!==c[1]?u=m:void 0!==c[2]?(y.test(c[2])&&(l=RegExp("</"+c[2],"g")),u=p):void 0!==c[3]&&(u=p):u===p?">"===c[0]?(u=null!=l?l:f,v=-1):void 0===c[1]?v=-2:(v=u.lastIndex-c[2].length,d=c[1],u=void 0===c[3]?p:'"'===c[3]?$:g):u===$||u===g?u=p:u===_||u===m?u=f:(u=p,l=void 0);const w=u===p&&t[i+1].startsWith("/>")?" ":"";r+=u===f?s+h:v>=0?(e.push(d),s.slice(0,v)+o+s.slice(v)+n+w):s+n+(-2===v?(e.push(void 0),i):w);}return [P(t,r+(t[s]||"<?>")+(2===i?"</svg>":"")),e]};class N{constructor({strings:t,_$litType$:i},e){let h;this.parts=[];let r=0,d=0;const c=t.length-1,v=this.parts,[a,f]=V(t,i);if(this.el=N.createElement(a,e),C.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(h=C.nextNode())&&v.length<c;){if(1===h.nodeType){if(h.hasAttributes()){const t=[];for(const i of h.getAttributeNames())if(i.endsWith(o)||i.startsWith(n)){const s=f[d++];if(t.push(i),void 0!==s){const t=h.getAttribute(s.toLowerCase()+o).split(n),i=/([.?@])?(.*)/.exec(s);v.push({type:1,index:r,name:i[2],strings:t,ctor:"."===i[1]?H:"?"===i[1]?L:"@"===i[1]?z:k});}else v.push({type:6,index:r});}for(const i of t)h.removeAttribute(i);}if(y.test(h.tagName)){const t=h.textContent.split(n),i=t.length-1;if(i>0){h.textContent=s?s.emptyScript:"";for(let s=0;s<i;s++)h.append(t[s],u()),C.nextNode(),v.push({type:2,index:++r});h.append(t[i],u());}}}else if(8===h.nodeType)if(h.data===l)v.push({type:2,index:r});else {let t=-1;for(;-1!==(t=h.data.indexOf(n,t+1));)v.push({type:7,index:r}),t+=n.length-1;}r++;}}static createElement(t,i){const s=r.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){var o,n,l,h;if(i===T)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=S(t,r._$AS(t,i.values),r,e)),i}class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:r).importNode(s,!0);C.currentNode=o;let n=C.nextNode(),l=0,h=0,u=e[0];for(;void 0!==u;){if(l===u.index){let i;2===u.type?i=new R(n,n.nextSibling,this,t):1===u.type?i=new u.ctor(n,u.name,u.strings,this,t):6===u.type&&(i=new Z(n,this,t)),this._$AV.push(i),u=e[++h];}l!==(null==u?void 0:u.index)&&(n=C.nextNode(),l++);}return C.currentNode=r,o}v(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class R{constructor(t,i,s,e){var o;this.type=2,this._$AH=A,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cp=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._$Cp}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===(null==t?void 0:t.nodeType)&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),d(t)?t===A||null==t||""===t?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):v(t)?this.T(t):this._(t);}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t));}_(t){this._$AH!==A&&d(this._$AH)?this._$AA.nextSibling.data=t:this.$(r.createTextNode(t)),this._$AH=t;}g(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=N.createElement(P(e.h,e.h[0]),this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.v(s);else {const t=new M(o,this),i=t.u(this.options);t.v(s),this.$(i),this._$AH=t;}}_$AC(t){let i=E.get(t.strings);return void 0===i&&E.set(t.strings,i=new N(t)),i}T(t){c(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 R(this.k(u()),this.k(u()),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._$Cp=t,null===(i=this._$AP)||void 0===i||i.call(this,t));}}class k{constructor(t,i,s,e,o){this.type=1,this._$AH=A,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=A;}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=S(this,t,i,0),n=!d(t)||t!==this._$AH&&t!==T,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=S(this,e[s+l],i,l),h===T&&(h=this._$AH[l]),n||(n=!d(h)||h!==this._$AH[l]),h===A?t=A:t!==A&&(t+=(null!=h?h:"")+o[l+1]),this._$AH[l]=h;}n&&!e&&this.j(t);}j(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===A?void 0:t;}}const I=s?s.emptyScript:"";class L extends k{constructor(){super(...arguments),this.type=4;}j(t){t&&t!==A?this.element.setAttribute(this.name,I):this.element.removeAttribute(this.name);}}class z extends k{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=S(this,t,i,0))&&void 0!==s?s:A)===T)return;const e=this._$AH,o=t===A&&e!==A||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==A&&(e===A||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 Z{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){S(this,t);}}const j={O:o,P:n,A:l,C:1,M:V,L:M,R:v,D:S,I:R,V:k,H:L,N:z,U:H,F:Z},B=i.litHtmlPolyfillSupport;null==B||B(N,R),(null!==(t=i.litHtmlVersions)&&void 0!==t?t:i.litHtmlVersions=[]).push("2.8.0");
|
|
11
|
+
|
|
12
|
+
exports._$LH = j;
|
|
13
|
+
exports.noChange = T;
|
|
14
|
+
exports.nothing = A;
|
|
15
|
+
//# sourceMappingURL=lit-html.js.map
|
|
@@ -7,40 +7,47 @@ var decorators = require('lit/decorators');
|
|
|
7
7
|
var utilities = require('@dreamcommerce/utilities');
|
|
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 btn_controller = require('../../../controllers/btn_controller/btn_controller.js');
|
|
10
11
|
var color_item_constants = require('./color_item_constants.js');
|
|
11
12
|
|
|
12
13
|
exports.HColorItem = class HColorItem extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
13
14
|
constructor() {
|
|
14
|
-
super(
|
|
15
|
+
super();
|
|
15
16
|
this.disabled = false;
|
|
16
17
|
this.selected = false;
|
|
17
18
|
this.unclickable = false;
|
|
18
|
-
this.
|
|
19
|
-
|
|
20
|
-
var _a;
|
|
21
|
-
this._$colorSwatches = this.closest('h-color-swatches');
|
|
22
|
-
this.setAttribute('role', ((_a = this._$colorSwatches) === null || _a === void 0 ? void 0 : _a.multiple) ? 'checkbox' : 'radio');
|
|
23
|
-
this.setAttribute('aria-label', this.label ? this.label : this.color);
|
|
24
|
-
};
|
|
25
|
-
this._setupClasses = () => {
|
|
26
|
-
this.classList.add(color_item_constants.COLOR_ITEM_CSS_CLASSES.colorItem);
|
|
27
|
-
if (this.size)
|
|
28
|
-
this.classList.add(color_item_constants.COLOR_ITEM_CSS_CLASSES[this.size]);
|
|
19
|
+
this._dispatchClickedEvent = () => {
|
|
20
|
+
this.emitEvent(color_item_constants.COLOR_ITEM_EVENT_NAMES.selected);
|
|
29
21
|
};
|
|
22
|
+
this._btnController = new btn_controller.BtnController(this, this._dispatchClickedEvent);
|
|
30
23
|
}
|
|
31
24
|
connectedCallback() {
|
|
32
25
|
super.connectedCallback();
|
|
33
|
-
this.
|
|
34
|
-
this._setupClasses();
|
|
26
|
+
this.setupEvents();
|
|
35
27
|
this.style.backgroundColor = this.setBgColor(this.disabled);
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
this.setAttribute('tabindex', '0');
|
|
41
|
-
}
|
|
28
|
+
this._syncAriaPressed();
|
|
29
|
+
this.setAttribute('aria-label', this.label ? this.label : this.color);
|
|
30
|
+
this.unclickable && this.removeAttribute('tabindex');
|
|
31
|
+
this.classList.add(color_item_constants.COLOR_ITEM_CSS_CLASSES.colorItem);
|
|
42
32
|
if (!this.value)
|
|
43
33
|
this.value = this.color;
|
|
34
|
+
if (this.size)
|
|
35
|
+
this.classList.add(color_item_constants.COLOR_ITEM_CSS_CLASSES[this.size]);
|
|
36
|
+
}
|
|
37
|
+
attributeChangedCallback(name, value, newValue) {
|
|
38
|
+
super.attributeChangedCallback(name, value, newValue);
|
|
39
|
+
switch (name) {
|
|
40
|
+
case color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE: {
|
|
41
|
+
this._syncAriaPressed();
|
|
42
|
+
break;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
_syncAriaPressed() {
|
|
47
|
+
this.selected ? this.setAttribute('aria-pressed', '') : this.removeAttribute('aria-pressed');
|
|
48
|
+
}
|
|
49
|
+
setupEvents() {
|
|
50
|
+
!this.unclickable && this.addEventListener('click', this._dispatchClickedEvent);
|
|
44
51
|
}
|
|
45
52
|
setBgColor(itemIsDisabled) {
|
|
46
53
|
return itemIsDisabled ? utilities.ColorUtils.hexToRgba(this.color, 0.5) : this.color;
|
|
@@ -75,6 +82,7 @@ tslib_es6.__decorate([
|
|
|
75
82
|
tslib_es6.__metadata("design:type", Boolean)
|
|
76
83
|
], exports.HColorItem.prototype, "unclickable", void 0);
|
|
77
84
|
exports.HColorItem = tslib_es6.__decorate([
|
|
78
|
-
phoenix_custom_element.phoenixCustomElement('h-color-item')
|
|
85
|
+
phoenix_custom_element.phoenixCustomElement('h-color-item'),
|
|
86
|
+
tslib_es6.__metadata("design:paramtypes", [])
|
|
79
87
|
], exports.HColorItem);
|
|
80
88
|
//# sourceMappingURL=color_item.js.map
|
package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item.js.map
CHANGED
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.js
CHANGED
|
@@ -3,6 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const colorItemBaseCssClass = 'color-item';
|
|
6
|
+
const COLOR_ITEM_EVENT_NAMES = {
|
|
7
|
+
selected: 'colorItemSelected'
|
|
8
|
+
};
|
|
6
9
|
const COLOR_ITEM_SIZES = {
|
|
7
10
|
s: 's',
|
|
8
11
|
xs: 'xs'
|
|
@@ -15,6 +18,7 @@ const COLOR_ITEM_CSS_CLASSES = {
|
|
|
15
18
|
const COLOR_ITEM_SELECTED_ATTRIBUTE = 'selected';
|
|
16
19
|
|
|
17
20
|
exports.COLOR_ITEM_CSS_CLASSES = COLOR_ITEM_CSS_CLASSES;
|
|
21
|
+
exports.COLOR_ITEM_EVENT_NAMES = COLOR_ITEM_EVENT_NAMES;
|
|
18
22
|
exports.COLOR_ITEM_SELECTED_ATTRIBUTE = COLOR_ITEM_SELECTED_ATTRIBUTE;
|
|
19
23
|
exports.COLOR_ITEM_SIZES = COLOR_ITEM_SIZES;
|
|
20
24
|
//# sourceMappingURL=color_item_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;"}
|
|
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;"}
|
|
@@ -8,7 +8,6 @@ var decorators = require('lit/decorators');
|
|
|
8
8
|
var utilities = require('@dreamcommerce/utilities');
|
|
9
9
|
var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
10
10
|
var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
|
|
11
|
-
var keystrokes_controller = require('../../controllers/keystrokes_controller/keystrokes_controller.js');
|
|
12
11
|
require('lit-html');
|
|
13
12
|
var color_swatches_constants = require('./color_swatches_constants.js');
|
|
14
13
|
var color_item_constants = require('./color_item/color_item_constants.js');
|
|
@@ -19,87 +18,8 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
|
|
|
19
18
|
this.multiple = false;
|
|
20
19
|
this.selectedColors = [];
|
|
21
20
|
this.showMoreBtnText = 'Pokaż wszystkie kolory';
|
|
22
|
-
this.
|
|
23
|
-
|
|
24
|
-
this._setupCheckboxGroupEvents();
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
this._setupRadioGroupEvents();
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
this._setupCheckboxGroupEvents = () => {
|
|
31
|
-
this._setupColorClickEvents();
|
|
32
|
-
};
|
|
33
|
-
this._setupRadioGroupEvents = () => {
|
|
34
|
-
document.body.addEventListener('keydown', this._focusOnSelectedColor);
|
|
35
|
-
this.addEventListener('keydown', this._handleTabNavigation);
|
|
36
|
-
this.addEventListener('keyup', this._handleRadioNavigation);
|
|
37
|
-
this._setupColorClickEvents();
|
|
38
|
-
};
|
|
39
|
-
this._setupColorClickEvents = () => {
|
|
40
|
-
if (!this._$colorSwatchesChildren)
|
|
41
|
-
return;
|
|
42
|
-
this._$colorSwatchesChildren.forEach(($colorItem) => {
|
|
43
|
-
$colorItem.addEventListener('click', this._handleColorClicked);
|
|
44
|
-
new keystrokes_controller.KeystrokesController({
|
|
45
|
-
host: this,
|
|
46
|
-
keys: [' '],
|
|
47
|
-
callback: this._handleColorClicked,
|
|
48
|
-
target: $colorItem
|
|
49
|
-
});
|
|
50
|
-
});
|
|
51
|
-
};
|
|
52
|
-
this._handleColorClicked = (ev) => {
|
|
53
|
-
ev.preventDefault();
|
|
54
|
-
const $colorItem = ev.target;
|
|
55
|
-
if ($colorItem.unclickable)
|
|
56
|
-
return;
|
|
57
|
-
this._toggleColorItem($colorItem);
|
|
58
|
-
this._dispatchColorChangeEvent($colorItem);
|
|
59
|
-
};
|
|
60
|
-
this._handleTabNavigation = (ev) => {
|
|
61
|
-
if (ev.key !== 'Tab')
|
|
62
|
-
return;
|
|
63
|
-
ev.preventDefault();
|
|
64
|
-
if (ev.shiftKey) {
|
|
65
|
-
const $firstFocusableColor = utilities.UiDomUtils.getFocusableElement(this);
|
|
66
|
-
utilities.UiDomUtils.getPreviousFocusableElement($firstFocusableColor).focus();
|
|
67
|
-
return;
|
|
68
|
-
}
|
|
69
|
-
const $LastFocusableColor = utilities.UiDomUtils.getLastFocusableElement(this);
|
|
70
|
-
utilities.UiDomUtils.getNextFocusableElement($LastFocusableColor).focus();
|
|
71
|
-
};
|
|
72
|
-
this._handleRadioNavigation = (ev) => {
|
|
73
|
-
const changeToNextKeys = ['ArrowDown', 'ArrowRight'];
|
|
74
|
-
const changeToPreviousKeys = ['ArrowUp', 'ArrowLeft'];
|
|
75
|
-
if (!changeToNextKeys.includes(ev.key) && !changeToPreviousKeys.includes(ev.key))
|
|
76
|
-
return;
|
|
77
|
-
ev.preventDefault();
|
|
78
|
-
if (changeToNextKeys.includes(ev.key)) {
|
|
79
|
-
this._handleChangeToNextColorItem(ev);
|
|
80
|
-
}
|
|
81
|
-
if (changeToPreviousKeys.includes(ev.key)) {
|
|
82
|
-
this._handleChangeToPreviousColorItem(ev);
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
this._focusOnSelectedColor = (ev) => {
|
|
86
|
-
if (ev.key !== 'Tab' || this.multiple)
|
|
87
|
-
return;
|
|
88
|
-
if (ev.shiftKey) {
|
|
89
|
-
const $previousFocusableElement = utilities.UiDomUtils.getPreviousFocusableElement(document.activeElement);
|
|
90
|
-
if (this.contains($previousFocusableElement) && this.selectedColors.length > 0) {
|
|
91
|
-
ev.preventDefault();
|
|
92
|
-
this.selectedColors[0].focus();
|
|
93
|
-
}
|
|
94
|
-
return;
|
|
95
|
-
}
|
|
96
|
-
const $nextFocusableElement = utilities.UiDomUtils.getNextFocusableElement(document.activeElement);
|
|
97
|
-
if (this.contains($nextFocusableElement) && this.selectedColors.length > 0) {
|
|
98
|
-
ev.preventDefault();
|
|
99
|
-
this.selectedColors[0].focus();
|
|
100
|
-
}
|
|
101
|
-
};
|
|
102
|
-
this._handleColorChange = ($colorItem) => {
|
|
21
|
+
this._handleColorClicked = ({ target }) => {
|
|
22
|
+
const $colorItem = target;
|
|
103
23
|
this._toggleColorItem($colorItem);
|
|
104
24
|
this._dispatchColorChangeEvent($colorItem);
|
|
105
25
|
};
|
|
@@ -136,8 +56,6 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
|
|
|
136
56
|
}
|
|
137
57
|
connectedCallback() {
|
|
138
58
|
super.connectedCallback();
|
|
139
|
-
this.setAttribute('role', this.multiple ? 'group' : 'radiogroup');
|
|
140
|
-
this._$colorSwatchesChildren = [...this.children];
|
|
141
59
|
this._setupEvents();
|
|
142
60
|
this._addCssClasses();
|
|
143
61
|
this.numberOfVisibleColors && this._hideItems(this.numberOfVisibleColors);
|
|
@@ -150,9 +68,11 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
|
|
|
150
68
|
this.classList.add(color_swatches_constants.COLOR_SWATCHES_CSS_CLASSES.colorSwatches);
|
|
151
69
|
}
|
|
152
70
|
_hideItems(numberOfVisibleColors) {
|
|
71
|
+
var _a;
|
|
72
|
+
this._$colorSwatchesChildren = (_a = document.querySelector(color_swatches_constants.COLOR_SWATCHES_TAG_NAME)) === null || _a === void 0 ? void 0 : _a.children;
|
|
153
73
|
if (!this._$colorSwatchesChildren)
|
|
154
74
|
return;
|
|
155
|
-
this._$colorSwatchesChildren.forEach(($colorSwatchesChild, index) => {
|
|
75
|
+
Array.from(this._$colorSwatchesChildren).forEach(($colorSwatchesChild, index) => {
|
|
156
76
|
if (index > numberOfVisibleColors - 1) {
|
|
157
77
|
$colorSwatchesChild.setAttribute(color_swatches_constants.COLOR_SWATCHES_HIDDEN_ATTRIBUTE, '');
|
|
158
78
|
}
|
|
@@ -163,40 +83,17 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
|
|
|
163
83
|
var _a;
|
|
164
84
|
if (!this._$colorSwatchesChildren)
|
|
165
85
|
return;
|
|
166
|
-
this._$colorSwatchesChildren.forEach(($colorSwatchesChild) => {
|
|
86
|
+
Array.from(this._$colorSwatchesChildren).forEach(($colorSwatchesChild) => {
|
|
167
87
|
$colorSwatchesChild.removeAttribute(color_swatches_constants.COLOR_SWATCHES_HIDDEN_ATTRIBUTE);
|
|
168
88
|
});
|
|
169
89
|
(_a = this.querySelector('h-color-swatches-show-more')) === null || _a === void 0 ? void 0 : _a.setAttribute(color_swatches_constants.COLOR_SWATCHES_HIDDEN_ATTRIBUTE, '');
|
|
170
90
|
});
|
|
171
91
|
}
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
const $nextFocusableElement = utilities.UiDomUtils.getNextFocusableElement($colorItem);
|
|
175
|
-
let $nextColorItem;
|
|
176
|
-
if (!this.contains($nextFocusableElement)) {
|
|
177
|
-
$nextColorItem = utilities.UiDomUtils.getFocusableElement(this);
|
|
178
|
-
}
|
|
179
|
-
else {
|
|
180
|
-
$nextColorItem = $nextFocusableElement;
|
|
181
|
-
}
|
|
182
|
-
$nextColorItem.focus();
|
|
183
|
-
this._handleColorChange($nextColorItem);
|
|
184
|
-
}
|
|
185
|
-
_handleChangeToPreviousColorItem({ target }) {
|
|
186
|
-
const $colorItem = target;
|
|
187
|
-
const $previousFocusableElement = utilities.UiDomUtils.getPreviousFocusableElement($colorItem);
|
|
188
|
-
let $previousColorItem;
|
|
189
|
-
if (!this.contains($previousFocusableElement)) {
|
|
190
|
-
$previousColorItem = utilities.UiDomUtils.getLastFocusableElement(this);
|
|
191
|
-
}
|
|
192
|
-
else {
|
|
193
|
-
$previousColorItem = $previousFocusableElement;
|
|
194
|
-
}
|
|
195
|
-
$previousColorItem.focus();
|
|
196
|
-
this._handleColorChange($previousColorItem);
|
|
92
|
+
_setupEvents() {
|
|
93
|
+
this.addEventListener(color_item_constants.COLOR_ITEM_EVENT_NAMES.selected, this._handleColorClicked);
|
|
197
94
|
}
|
|
198
95
|
_toggleColorItem($colorItem) {
|
|
199
|
-
this.multiple ? this._handleColorClickedForMultipleMode($colorItem) : this.
|
|
96
|
+
this.multiple ? this._handleColorClickedForMultipleMode($colorItem) : this._handleColorClickedForSingleMode($colorItem);
|
|
200
97
|
}
|
|
201
98
|
_handleColorClickedForMultipleMode($colorItem) {
|
|
202
99
|
!this._isColorAlreadyExistInArray($colorItem)
|
|
@@ -204,20 +101,17 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
|
|
|
204
101
|
: this._removeExistingColorFromArray($colorItem);
|
|
205
102
|
this._toggleSelectedAttribute($colorItem);
|
|
206
103
|
}
|
|
207
|
-
|
|
104
|
+
_handleColorClickedForSingleMode($colorItem) {
|
|
208
105
|
const $previouslySelected = this.selectedColors[0];
|
|
209
106
|
this._toggleSelectedAttribute($colorItem);
|
|
210
|
-
if ($previouslySelected && $previouslySelected !== $colorItem)
|
|
107
|
+
if ($previouslySelected && $previouslySelected !== $colorItem)
|
|
211
108
|
$previouslySelected.removeAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE);
|
|
212
|
-
$previouslySelected.setAttribute('aria-checked', 'false');
|
|
213
|
-
}
|
|
214
109
|
this.selectedColors = $previouslySelected === $colorItem ? [] : [$colorItem];
|
|
215
110
|
}
|
|
216
111
|
_toggleSelectedAttribute($colorItem) {
|
|
217
112
|
$colorItem.hasAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE)
|
|
218
113
|
? $colorItem.removeAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE)
|
|
219
114
|
: $colorItem.setAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE, '');
|
|
220
|
-
$colorItem.setAttribute('aria-checked', 'true');
|
|
221
115
|
}
|
|
222
116
|
_isColorAlreadyExistInArray($colorItem) {
|
|
223
117
|
return this.selectedColors.includes($colorItem);
|
|
@@ -226,10 +120,6 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
|
|
|
226
120
|
const indexOfAlreadyExistingColor = this.selectedColors.indexOf($colorItem);
|
|
227
121
|
this.selectedColors.splice(indexOfAlreadyExistingColor, 1);
|
|
228
122
|
}
|
|
229
|
-
disconnectedCallback() {
|
|
230
|
-
super.disconnectedCallback();
|
|
231
|
-
document.body.removeEventListener('keydown', this._focusOnSelectedColor);
|
|
232
|
-
}
|
|
233
123
|
render() {
|
|
234
124
|
return lit.html `
|
|
235
125
|
${this.getSlot('default')}
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const colorSwatchesBaseCssClass = 'color-swatches';
|
|
6
|
+
const COLOR_SWATCHES_TAG_NAME = 'h-color-swatches';
|
|
6
7
|
const COLOR_ITEM_TAG_NAME = 'h-color-item';
|
|
7
8
|
const COLOR_SWATCHES_CSS_CLASSES = {
|
|
8
9
|
colorSwatches: colorSwatchesBaseCssClass,
|
|
@@ -19,4 +20,5 @@ exports.COLOR_ITEM_TAG_NAME = COLOR_ITEM_TAG_NAME;
|
|
|
19
20
|
exports.COLOR_SWATCHES_CSS_CLASSES = COLOR_SWATCHES_CSS_CLASSES;
|
|
20
21
|
exports.COLOR_SWATCHES_EVENT_NAMES = COLOR_SWATCHES_EVENT_NAMES;
|
|
21
22
|
exports.COLOR_SWATCHES_HIDDEN_ATTRIBUTE = COLOR_SWATCHES_HIDDEN_ATTRIBUTE;
|
|
23
|
+
exports.COLOR_SWATCHES_TAG_NAME = COLOR_SWATCHES_TAG_NAME;
|
|
22
24
|
//# sourceMappingURL=color_swatches_constants.js.map
|
package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js.map
CHANGED
|
@@ -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;"}
|
|
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;"}
|
|
@@ -6,7 +6,7 @@ var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
|
|
|
6
6
|
var decorators = require('lit/decorators');
|
|
7
7
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
8
8
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
9
|
-
var index = require('
|
|
9
|
+
var index = require('../../../../../../external/classnames/index.js');
|
|
10
10
|
var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
|
|
11
11
|
var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
|
|
12
12
|
var checkbox_constants = require('./checkbox_constants.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,gDAAoD;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;"}
|
|
@@ -6,7 +6,7 @@ var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
|
|
|
6
6
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
7
7
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
8
8
|
var decorators_js = require('@lit/reactive-element/decorators.js');
|
|
9
|
-
var index = require('
|
|
9
|
+
var index = require('../../../../../../external/classnames/index.js');
|
|
10
10
|
var litHtml = require('lit-html');
|
|
11
11
|
var ref_js = require('lit-html/directives/ref.js');
|
|
12
12
|
var ifDefined_js = require('lit-html/directives/if-defined.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,gDAAoD;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;AACA;"}
|
|
@@ -7,7 +7,7 @@ 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 index = require('
|
|
10
|
+
var index = require('../../../../../../external/classnames/index.js');
|
|
11
11
|
var input_constants = require('../input/input_constants.js');
|
|
12
12
|
var color_swatches_control_constants = require('./color_swatches_control_constants.js');
|
|
13
13
|
var color_swatches_constants = require('../../color_swatches/color_swatches_constants.js');
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,gDAAoD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -7,7 +7,7 @@ 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 index = require('
|
|
10
|
+
var index = require('../../../../../../external/classnames/index.js');
|
|
11
11
|
var ref_js = require('lit-html/directives/ref.js');
|
|
12
12
|
var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
|
|
13
13
|
var file_picker_constants = require('./file_picker_constants.js');
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,gDAAoD;AACxE;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -6,7 +6,7 @@ var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
|
|
|
6
6
|
var decorators = require('lit/decorators');
|
|
7
7
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
8
8
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
9
|
-
var index = require('
|
|
9
|
+
var index = require('../../../../../../external/classnames/index.js');
|
|
10
10
|
var input_constants = require('./input_constants.js');
|
|
11
11
|
var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
|
|
12
12
|
var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,gDAAoD;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;"}
|
|
@@ -24,12 +24,7 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
|
|
|
24
24
|
detail: event
|
|
25
25
|
});
|
|
26
26
|
};
|
|
27
|
-
this._handleMouseDownEvent = (event) => {
|
|
28
|
-
var _a, _b;
|
|
29
|
-
if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
|
|
30
|
-
(_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setInitialMaskWhenEmpty(event);
|
|
31
|
-
}
|
|
32
|
-
};
|
|
27
|
+
this._handleMouseDownEvent = (event) => { };
|
|
33
28
|
this._handleMouseUpEvent = (event) => {
|
|
34
29
|
var _a, _b;
|
|
35
30
|
if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
|
|
@@ -42,12 +37,7 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
|
|
|
42
37
|
(_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setEmptyValueForNoValue(event);
|
|
43
38
|
}
|
|
44
39
|
};
|
|
45
|
-
this._handleFocusEvent = (event) => {
|
|
46
|
-
var _a, _b;
|
|
47
|
-
if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
|
|
48
|
-
(_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setInitialMaskWhenEmpty(event);
|
|
49
|
-
}
|
|
50
|
-
};
|
|
40
|
+
this._handleFocusEvent = (event) => { };
|
|
51
41
|
this._handleKeyDownEvent = (event) => {
|
|
52
42
|
var _a, _b;
|
|
53
43
|
if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -6,7 +6,7 @@ var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
|
|
|
6
6
|
var decorators = require('lit/decorators');
|
|
7
7
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
8
8
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
9
|
-
var index = require('
|
|
9
|
+
var index = require('../../../../../../external/classnames/index.js');
|
|
10
10
|
var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
|
|
11
11
|
var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
|
|
12
12
|
var checkbox_constants = require('../checkbox/checkbox_constants.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,gDAAoD;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;"}
|
|
@@ -16,7 +16,7 @@ var ref_js = require('lit-html/directives/ref.js');
|
|
|
16
16
|
var context_provider_controller = require('../../../core/context/context_provider_controller.js');
|
|
17
17
|
var global_constants = require('../../../global_constants.js');
|
|
18
18
|
var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
|
|
19
|
-
var when = require('../../../../../../external/lit
|
|
19
|
+
var when = require('../../../../../../external/lit-html/directives/when.js');
|
|
20
20
|
var search_constants = require('./search_constants.js');
|
|
21
21
|
|
|
22
22
|
exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wDAA4D;AAC7E,mBAAmB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wDAA4D;AAC7E,mBAAmB,wDAA4D;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js
CHANGED
|
@@ -10,7 +10,7 @@ var phoenix_custom_element = require('../../../../../core/decorators/phoenix_cus
|
|
|
10
10
|
var btn_controller = require('../../../../../controllers/btn_controller/btn_controller.js');
|
|
11
11
|
var observer = require('../../../../../core/classes/observer/observer.js');
|
|
12
12
|
var context_consumer_controller = require('../../../../../core/context/context_consumer_controller.js');
|
|
13
|
-
var when = require('../../../../../../../../external/lit
|
|
13
|
+
var when = require('../../../../../../../../external/lit-html/directives/when.js');
|
|
14
14
|
var search_constants = require('../../search_constants.js');
|
|
15
15
|
|
|
16
16
|
exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|