@shoper/phoenix_design_system 0.24.2 → 0.25.0-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/build/cjs/{packages/phoenix/external → external}/classnames/index.js +10 -16
  2. package/build/{esm/packages/phoenix → cjs}/external/classnames/index.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js +1 -1
  4. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
  6. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +5 -7
  8. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
  9. package/build/cjs/packages/phoenix/src/components/form/input/input.js +1 -1
  10. package/build/cjs/packages/phoenix/src/components/form/input/input.js.map +1 -1
  11. package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js +4 -9
  12. package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js.map +1 -1
  13. package/build/cjs/packages/phoenix/src/components/form/radio/radio.js +1 -1
  14. package/build/cjs/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
  15. package/build/cjs/packages/phoenix/src/components/form/switch/switch.js +1 -1
  16. package/build/cjs/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
  17. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js +1 -1
  18. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
  19. package/build/cjs/packages/phoenix/src/components/icon/icon.js +56 -0
  20. package/build/cjs/packages/phoenix/src/components/icon/icon.js.map +1 -0
  21. package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js +13 -1
  22. package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js.map +1 -1
  23. package/build/cjs/packages/phoenix/src/components/tag/tag.js +35 -0
  24. package/build/cjs/packages/phoenix/src/components/tag/tag.js.map +1 -0
  25. package/build/cjs/packages/phoenix/src/components/tag/tag_constants.js +15 -0
  26. package/build/cjs/packages/phoenix/src/components/tag/tag_constants.js.map +1 -0
  27. package/build/cjs/packages/phoenix/src/components/tag/tag_remove_button.js +25 -0
  28. package/build/cjs/packages/phoenix/src/components/tag/tag_remove_button.js.map +1 -0
  29. package/build/cjs/packages/phoenix/src/index.js +21 -0
  30. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  31. package/build/esm/{packages/phoenix/external → external}/classnames/index.js +10 -16
  32. package/build/{cjs/packages/phoenix → esm}/external/classnames/index.js.map +1 -1
  33. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js +1 -1
  34. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js.map +1 -1
  35. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
  36. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
  37. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.d.ts +1 -1
  38. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +5 -7
  39. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
  40. package/build/esm/packages/phoenix/src/components/form/input/input.js +1 -1
  41. package/build/esm/packages/phoenix/src/components/form/input/input.js.map +1 -1
  42. package/build/esm/packages/phoenix/src/components/form/input/input_icon.d.ts +0 -1
  43. package/build/esm/packages/phoenix/src/components/form/input/input_icon.js +4 -9
  44. package/build/esm/packages/phoenix/src/components/form/input/input_icon.js.map +1 -1
  45. package/build/esm/packages/phoenix/src/components/form/radio/radio.js +1 -1
  46. package/build/esm/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
  47. package/build/esm/packages/phoenix/src/components/form/switch/switch.js +1 -1
  48. package/build/esm/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
  49. package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js +1 -1
  50. package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
  51. package/build/esm/packages/phoenix/src/components/icon/icon.d.ts +13 -0
  52. package/build/esm/packages/phoenix/src/components/icon/icon.js +54 -0
  53. package/build/esm/packages/phoenix/src/components/icon/icon.js.map +1 -0
  54. package/build/esm/packages/phoenix/src/components/icon/icon_constants.d.ts +12 -0
  55. package/build/esm/packages/phoenix/src/components/icon/icon_constants.js +13 -2
  56. package/build/esm/packages/phoenix/src/components/icon/icon_constants.js.map +1 -1
  57. package/build/esm/packages/phoenix/src/components/tag/tag.d.ts +8 -0
  58. package/build/esm/packages/phoenix/src/components/tag/tag.js +33 -0
  59. package/build/esm/packages/phoenix/src/components/tag/tag.js.map +1 -0
  60. package/build/esm/packages/phoenix/src/components/tag/tag_constants.d.ts +6 -0
  61. package/build/esm/packages/phoenix/src/components/tag/tag_constants.js +10 -0
  62. package/build/esm/packages/phoenix/src/components/tag/tag_constants.js.map +1 -0
  63. package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.d.ts +6 -0
  64. package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.js +23 -0
  65. package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.js.map +1 -0
  66. package/build/esm/packages/phoenix/src/index.d.ts +3 -0
  67. package/build/esm/packages/phoenix/src/index.js +3 -0
  68. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  69. package/package.json +1 -1
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _commonjsHelpers = require('../../../../_virtual/_commonjsHelpers.js');
5
+ var _commonjsHelpers = require('../../_virtual/_commonjsHelpers.js');
6
6
 
7
7
  /*!
8
- Copyright (c) 2018 Jed Watson.
8
+ Copyright (c) 2017 Jed Watson.
9
9
  Licensed under the MIT License (MIT), see
10
10
  http://jedwatson.github.io/classnames
11
11
  */
@@ -17,7 +17,7 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
17
17
 
18
18
  var hasOwn = {}.hasOwnProperty;
19
19
 
20
- function classNames() {
20
+ function classNames () {
21
21
  var classes = [];
22
22
 
23
23
  for (var i = 0; i < arguments.length; i++) {
@@ -28,22 +28,16 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
28
28
 
29
29
  if (argType === 'string' || argType === 'number') {
30
30
  classes.push(arg);
31
- } else if (Array.isArray(arg)) {
32
- if (arg.length) {
33
- var inner = classNames.apply(null, arg);
34
- if (inner) {
35
- classes.push(inner);
36
- }
31
+ } else if (Array.isArray(arg) && arg.length) {
32
+ var inner = classNames.apply(null, arg);
33
+ if (inner) {
34
+ classes.push(inner);
37
35
  }
38
36
  } else if (argType === 'object') {
39
- if (arg.toString === Object.prototype.toString) {
40
- for (var key in arg) {
41
- if (hasOwn.call(arg, key) && arg[key]) {
42
- classes.push(key);
43
- }
37
+ for (var key in arg) {
38
+ if (hasOwn.call(arg, key) && arg[key]) {
39
+ classes.push(key);
44
40
  }
45
- } else {
46
- classes.push(arg.toString());
47
41
  }
48
42
  }
49
43
  }
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
8
8
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
9
9
  var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
10
10
  var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
11
- var index = require('../../../../external/classnames/index.js');
11
+ var index = require('../../../../../../external/classnames/index.js');
12
12
  var checkbox_constants = require('./checkbox_constants.js');
13
13
 
14
14
  exports.HCheckbox = class HCheckbox 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,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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;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;"}
@@ -8,7 +8,7 @@ var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_el
8
8
  var litHtml = require('lit-html');
9
9
  var decorators_js = require('@lit/reactive-element/decorators.js');
10
10
  var ref_js = require('lit-html/directives/ref.js');
11
- var index = require('../../../../external/classnames/index.js');
11
+ var index = require('../../../../../../external/classnames/index.js');
12
12
  var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
13
13
  var ifDefined_js = require('lit-html/directives/if-defined.js');
14
14
  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;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;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;"}
@@ -8,7 +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 input_constants = require('../input/input_constants.js');
11
- var index = require('../../../../external/classnames/index.js');
11
+ var index = require('../../../../../../external/classnames/index.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');
14
14
 
@@ -37,11 +37,9 @@ exports.HColorSwatchesControl = class HColorSwatchesControl extends phoenix_ligh
37
37
  }
38
38
  render() {
39
39
  return lit.html `
40
- <h-input-control
41
- controlName="${this.controlName}"
42
- type="${input_constants.INPUT_CONTROL_TYPES.hidden}"
43
- value="${this.selectedColors}"
44
- ></h-input-control>
40
+ <h-input controlName="${this.name}">
41
+ <h-input-control type="${input_constants.INPUT_CONTROL_TYPES.hidden}" value="${this.selectedColors}"></h-input-control>
42
+ </h-input>
45
43
  `;
46
44
  }
47
45
  };
@@ -52,7 +50,7 @@ tslib_es6.__decorate([
52
50
  tslib_es6.__decorate([
53
51
  decorators.property({ type: String }),
54
52
  tslib_es6.__metadata("design:type", String)
55
- ], exports.HColorSwatchesControl.prototype, "controlName", void 0);
53
+ ], exports.HColorSwatchesControl.prototype, "name", void 0);
56
54
  tslib_es6.__decorate([
57
55
  decorators.property({ type: Boolean }),
58
56
  tslib_es6.__metadata("design:type", Boolean)
@@ -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,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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;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;"}
@@ -9,7 +9,7 @@ var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_el
9
9
  var input_constants = require('./input_constants.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
- var index = require('../../../../external/classnames/index.js');
12
+ var index = require('../../../../../../external/classnames/index.js');
13
13
 
14
14
  exports.HInput = class HInput extends phoenix_light_lit_element.PhoenixLightLitElement {
15
15
  constructor() {
@@ -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,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;"}
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,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;"}
@@ -10,26 +10,21 @@ var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_el
10
10
  var input_constants = require('./input_constants.js');
11
11
  var icon_constants = require('../../icon/icon_constants.js');
12
12
 
13
- var HInputIcon_1;
14
- exports.HInputIcon = HInputIcon_1 = class HInputIcon extends phoenix_light_lit_element.PhoenixLightLitElement {
13
+ exports.HInputIcon = class HInputIcon extends phoenix_light_lit_element.PhoenixLightLitElement {
15
14
  connectedCallback() {
16
15
  super.connectedCallback();
17
16
  this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.inputIcon, icon_constants.ICON_CSS_CLASSES.icon);
18
17
  }
19
18
  render() {
20
19
  super.render();
21
- return lit.html `
22
- <svg>
23
- <use xlink:href="${HInputIcon_1.src}#${this.iconName}"></use>
24
- </svg>
25
- `;
20
+ return lit.html ` <h-icon icon-name=${this.iconName}></h-icon> `;
26
21
  }
27
22
  };
28
23
  tslib_es6.__decorate([
29
- decorators.property({ type: String }),
24
+ decorators.property({ type: String, attribute: 'icon-name' }),
30
25
  tslib_es6.__metadata("design:type", String)
31
26
  ], exports.HInputIcon.prototype, "iconName", void 0);
32
- exports.HInputIcon = HInputIcon_1 = tslib_es6.__decorate([
27
+ exports.HInputIcon = tslib_es6.__decorate([
33
28
  phoenix_custom_element.phoenixCustomElement('h-input-icon')
34
29
  ], exports.HInputIcon);
35
30
  //# sourceMappingURL=input_icon.js.map
@@ -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;"}
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;"}
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
8
8
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
9
9
  var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
10
10
  var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
11
- var index = require('../../../../external/classnames/index.js');
11
+ var index = require('../../../../../../external/classnames/index.js');
12
12
  var checkbox_constants = require('../checkbox/checkbox_constants.js');
13
13
  var radio_constants = require('./radio_constants.js');
14
14
 
@@ -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,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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;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;"}
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
8
8
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
9
9
  var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
10
10
  var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
11
- var index = require('../../../../external/classnames/index.js');
11
+ var index = require('../../../../../../external/classnames/index.js');
12
12
  var checkbox_constants = require('../checkbox/checkbox_constants.js');
13
13
  var switch_constants = require('./switch_constants.js');
14
14
 
@@ -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,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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;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;"}
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
8
8
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
9
9
  var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
10
10
  var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
11
- var index = require('../../../../external/classnames/index.js');
11
+ var index = require('../../../../../../external/classnames/index.js');
12
12
  var textarea_constants = require('./textarea_constants.js');
13
13
 
14
14
  exports.HTextarea = class HTextarea 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,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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;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;"}
@@ -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 index = require('../../../../../external/classnames/index.js');
10
+ var icon_constants = require('./icon_constants.js');
11
+
12
+ var HIcon_1;
13
+ exports.HIcon = HIcon_1 = class HIcon extends phoenix_light_lit_element.PhoenixLightLitElement {
14
+ constructor() {
15
+ super(...arguments);
16
+ this.filled = false;
17
+ this.noStroke = false;
18
+ }
19
+ connectedCallback() {
20
+ var _a;
21
+ super.connectedCallback();
22
+ this._cssClasses = index['default'](icon_constants.ICON_CSS_CLASSES.icon, {
23
+ [icon_constants.ICON_SIZES_CSS_CLASS_MAP[(_a = this.size) !== null && _a !== void 0 ? _a : '']]: Boolean(this.size),
24
+ [icon_constants.ICON_CSS_CLASSES.iconFilled]: this.filled,
25
+ [icon_constants.ICON_CSS_CLASSES.iconNoStroke]: this.noStroke
26
+ });
27
+ }
28
+ render() {
29
+ super.render();
30
+ return lit.html `
31
+ <svg class=${this._cssClasses}>
32
+ <use xlink:href="${HIcon_1.src}#${this.iconName}"></use>
33
+ </svg>
34
+ `;
35
+ }
36
+ };
37
+ tslib_es6.__decorate([
38
+ decorators.property({ type: String, attribute: 'icon-name' }),
39
+ tslib_es6.__metadata("design:type", String)
40
+ ], exports.HIcon.prototype, "iconName", void 0);
41
+ tslib_es6.__decorate([
42
+ decorators.property({ type: String }),
43
+ tslib_es6.__metadata("design:type", Object)
44
+ ], exports.HIcon.prototype, "size", void 0);
45
+ tslib_es6.__decorate([
46
+ decorators.property({ type: Boolean }),
47
+ tslib_es6.__metadata("design:type", Boolean)
48
+ ], exports.HIcon.prototype, "filled", void 0);
49
+ tslib_es6.__decorate([
50
+ decorators.property({ type: Boolean }),
51
+ tslib_es6.__metadata("design:type", Boolean)
52
+ ], exports.HIcon.prototype, "noStroke", void 0);
53
+ exports.HIcon = HIcon_1 = tslib_es6.__decorate([
54
+ decorators.customElement('h-icon')
55
+ ], exports.HIcon);
56
+ //# sourceMappingURL=icon.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,oBAAoB,6CAAiD;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -2,9 +2,21 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ const iconBaseClass = 'icon';
5
6
  const ICON_CSS_CLASSES = {
6
- icon: 'icon'
7
+ icon: iconBaseClass,
8
+ iconFilled: `${iconBaseClass}_filled`,
9
+ iconNoStroke: `${iconBaseClass}_no-stroke`,
10
+ iconSizeL: `${iconBaseClass}_l`,
11
+ iconSizeXl: `${iconBaseClass}_xl`,
12
+ iconSizeXxl: `${iconBaseClass}_xxl`
13
+ };
14
+ const ICON_SIZES_CSS_CLASS_MAP = {
15
+ l: ICON_CSS_CLASSES.iconSizeL,
16
+ xl: ICON_CSS_CLASSES.iconSizeXl,
17
+ xxl: ICON_CSS_CLASSES.iconSizeXxl
7
18
  };
8
19
 
9
20
  exports.ICON_CSS_CLASSES = ICON_CSS_CLASSES;
21
+ exports.ICON_SIZES_CSS_CLASS_MAP = ICON_SIZES_CSS_CLASS_MAP;
10
22
  //# sourceMappingURL=icon_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;"}
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;"}
@@ -0,0 +1,35 @@
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.js');
9
+ var tag_constants = require('./tag_constants.js');
10
+
11
+ exports.HTag = class HTag extends phoenix_light_lit_element.PhoenixLightLitElement {
12
+ constructor() {
13
+ super(...arguments);
14
+ this._isRemovable = false;
15
+ this._removeTag = () => {
16
+ this.remove();
17
+ };
18
+ }
19
+ connectedCallback() {
20
+ super.connectedCallback();
21
+ this.classList.add(tag_constants.TAG_CSS_CLASSES.tag);
22
+ this._isRemovable = !!this.querySelector('h-tag-remove-button');
23
+ if (!this._isRemovable)
24
+ return;
25
+ this._setupEvents();
26
+ this._btnController = new btn_controller.BtnController(this, this._removeTag);
27
+ }
28
+ _setupEvents() {
29
+ this.addEventListener('click', this._removeTag);
30
+ }
31
+ };
32
+ exports.HTag = tslib_es6.__decorate([
33
+ phoenix_custom_element.phoenixCustomElement('h-tag')
34
+ ], exports.HTag);
35
+ //# sourceMappingURL=tag.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;"}
@@ -0,0 +1,15 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const tagBaseClass = 'tag';
6
+ const TAG_CSS_CLASSES = {
7
+ tag: tagBaseClass,
8
+ tagRemoveButton: `${tagBaseClass}__remove-button`,
9
+ tagInteractive: `${tagBaseClass}_interactive`
10
+ };
11
+ const TAG_REMOVE_ICON_SLOT_NAME = 'remove-icon';
12
+
13
+ exports.TAG_CSS_CLASSES = TAG_CSS_CLASSES;
14
+ exports.TAG_REMOVE_ICON_SLOT_NAME = TAG_REMOVE_ICON_SLOT_NAME;
15
+ //# sourceMappingURL=tag_constants.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;"}
@@ -0,0 +1,25 @@
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 litHtml = require('lit-html');
9
+ var tag_constants = require('./tag_constants.js');
10
+
11
+ exports.HTagRemoveButton = class HTagRemoveButton extends phoenix_light_lit_element.PhoenixLightLitElement {
12
+ connectedCallback() {
13
+ super.connectedCallback();
14
+ this.classList.add(tag_constants.TAG_CSS_CLASSES.tagRemoveButton);
15
+ }
16
+ render() {
17
+ return litHtml.html `
18
+ ${this.hasSlot(tag_constants.TAG_REMOVE_ICON_SLOT_NAME) ? this.getSlot(tag_constants.TAG_REMOVE_ICON_SLOT_NAME) : litHtml.html `<h-icon icon-name="icon-x"></h-icon>`}
19
+ `;
20
+ }
21
+ };
22
+ exports.HTagRemoveButton = tslib_es6.__decorate([
23
+ phoenix_custom_element.phoenixCustomElement('h-tag-remove-button')
24
+ ], exports.HTagRemoveButton);
25
+ //# sourceMappingURL=tag_remove_button.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;"}
@@ -75,6 +75,9 @@ var hint = require('./components/messages/hints/hint.js');
75
75
  var hint_content = require('./components/messages/hints/hint_content.js');
76
76
  var tooltip = require('./components/messages/tooltips/tooltip.js');
77
77
  var tooltip_content = require('./components/messages/tooltips/tooltip_content.js');
78
+ var icon = require('./components/icon/icon.js');
79
+ var tag = require('./components/tag/tag.js');
80
+ var tag_remove_button = require('./components/tag/tag_remove_button.js');
78
81
 
79
82
 
80
83
 
@@ -430,4 +433,22 @@ Object.defineProperty(exports, 'HTooltipContent', {
430
433
  return tooltip_content.HTooltipContent;
431
434
  }
432
435
  });
436
+ Object.defineProperty(exports, 'HIcon', {
437
+ enumerable: true,
438
+ get: function () {
439
+ return icon.HIcon;
440
+ }
441
+ });
442
+ Object.defineProperty(exports, 'HTag', {
443
+ enumerable: true,
444
+ get: function () {
445
+ return tag.HTag;
446
+ }
447
+ });
448
+ Object.defineProperty(exports, 'HTagRemoveButton', {
449
+ enumerable: true,
450
+ get: function () {
451
+ return tag_remove_button.HTagRemoveButton;
452
+ }
453
+ });
433
454
  //# sourceMappingURL=index.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,7 +1,7 @@
1
- import { createCommonjsModule } from '../../../../_virtual/_commonjsHelpers.js';
1
+ import { createCommonjsModule } from '../../_virtual/_commonjsHelpers.js';
2
2
 
3
3
  /*!
4
- Copyright (c) 2018 Jed Watson.
4
+ Copyright (c) 2017 Jed Watson.
5
5
  Licensed under the MIT License (MIT), see
6
6
  http://jedwatson.github.io/classnames
7
7
  */
@@ -13,7 +13,7 @@ var classnames = createCommonjsModule(function (module) {
13
13
 
14
14
  var hasOwn = {}.hasOwnProperty;
15
15
 
16
- function classNames() {
16
+ function classNames () {
17
17
  var classes = [];
18
18
 
19
19
  for (var i = 0; i < arguments.length; i++) {
@@ -24,22 +24,16 @@ var classnames = createCommonjsModule(function (module) {
24
24
 
25
25
  if (argType === 'string' || argType === 'number') {
26
26
  classes.push(arg);
27
- } else if (Array.isArray(arg)) {
28
- if (arg.length) {
29
- var inner = classNames.apply(null, arg);
30
- if (inner) {
31
- classes.push(inner);
32
- }
27
+ } else if (Array.isArray(arg) && arg.length) {
28
+ var inner = classNames.apply(null, arg);
29
+ if (inner) {
30
+ classes.push(inner);
33
31
  }
34
32
  } else if (argType === 'object') {
35
- if (arg.toString === Object.prototype.toString) {
36
- for (var key in arg) {
37
- if (hasOwn.call(arg, key) && arg[key]) {
38
- classes.push(key);
39
- }
33
+ for (var key in arg) {
34
+ if (hasOwn.call(arg, key) && arg[key]) {
35
+ classes.push(key);
40
36
  }
41
- } else {
42
- classes.push(arg.toString());
43
37
  }
44
38
  }
45
39
  }
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -4,7 +4,7 @@ import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/
4
4
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
5
5
  import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
6
6
  import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
7
- import classnames from '../../../../external/classnames/index.js';
7
+ import classnames from '../../../../../../external/classnames/index.js';
8
8
  import { CHECKBOX_PROPS_TO_SYNC, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
9
9
 
10
10
  let HCheckbox = class HCheckbox extends PhoenixLightLitElement {
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
@@ -4,7 +4,7 @@ import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_el
4
4
  import { html } from 'lit-html';
5
5
  import { property } from '@lit/reactive-element/decorators.js';
6
6
  import { createRef, ref } from 'lit-html/directives/ref.js';
7
- import classnames from '../../../../external/classnames/index.js';
7
+ import classnames from '../../../../../../external/classnames/index.js';
8
8
  import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
9
9
  import { ifDefined } from 'lit-html/directives/if-defined.js';
10
10
  import { CHECKBOX_CONTROL_EVENTS, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
@@ -2,7 +2,7 @@ import { TemplateResult } from 'lit';
2
2
  import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
3
3
  export declare class HColorSwatchesControl extends PhoenixLightLitElement {
4
4
  controlId: string;
5
- controlName: string;
5
+ name: string;
6
6
  disabled: boolean;
7
7
  required: boolean;
8
8
  error: boolean;
@@ -4,7 +4,7 @@ import { property, state } from 'lit/decorators';
4
4
  import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
5
5
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
6
6
  import { INPUT_CONTROL_TYPES } from '../input/input_constants.js';
7
- import classnames from '../../../../external/classnames/index.js';
7
+ import classnames from '../../../../../../external/classnames/index.js';
8
8
  import { COLOR_SWATCHES_CONTROL_CSS_CLASSES } from './color_swatches_control_constants.js';
9
9
  import { COLOR_SWATCHES_EVENT_NAMES } from '../../color_swatches/color_swatches_constants.js';
10
10
 
@@ -33,11 +33,9 @@ let HColorSwatchesControl = class HColorSwatchesControl extends PhoenixLightLitE
33
33
  }
34
34
  render() {
35
35
  return html `
36
- <h-input-control
37
- controlName="${this.controlName}"
38
- type="${INPUT_CONTROL_TYPES.hidden}"
39
- value="${this.selectedColors}"
40
- ></h-input-control>
36
+ <h-input controlName="${this.name}">
37
+ <h-input-control type="${INPUT_CONTROL_TYPES.hidden}" value="${this.selectedColors}"></h-input-control>
38
+ </h-input>
41
39
  `;
42
40
  }
43
41
  };
@@ -48,7 +46,7 @@ __decorate([
48
46
  __decorate([
49
47
  property({ type: String }),
50
48
  __metadata("design:type", String)
51
- ], HColorSwatchesControl.prototype, "controlName", void 0);
49
+ ], HColorSwatchesControl.prototype, "name", void 0);
52
50
  __decorate([
53
51
  property({ type: Boolean }),
54
52
  __metadata("design:type", Boolean)
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
@@ -5,7 +5,7 @@ import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_el
5
5
  import { INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC, INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
6
6
  import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
7
7
  import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
8
- import classnames from '../../../../external/classnames/index.js';
8
+ import classnames from '../../../../../../external/classnames/index.js';
9
9
 
10
10
  let HInput = class HInput extends PhoenixLightLitElement {
11
11
  constructor() {
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
@@ -1,7 +1,6 @@
1
1
  import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
2
  import { TemplateResult } from 'lit';
3
3
  export declare class HInputIcon extends PhoenixLightLitElement {
4
- static src: string;
5
4
  iconName: string;
6
5
  connectedCallback(): void;
7
6
  protected render(): TemplateResult;
@@ -6,26 +6,21 @@ import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_el
6
6
  import { INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
7
7
  import { ICON_CSS_CLASSES } from '../../icon/icon_constants.js';
8
8
 
9
- var HInputIcon_1;
10
- let HInputIcon = HInputIcon_1 = class HInputIcon extends PhoenixLightLitElement {
9
+ let HInputIcon = class HInputIcon extends PhoenixLightLitElement {
11
10
  connectedCallback() {
12
11
  super.connectedCallback();
13
12
  this.classList.add(INPUT_CONTROL_CSS_CLASSES.inputIcon, ICON_CSS_CLASSES.icon);
14
13
  }
15
14
  render() {
16
15
  super.render();
17
- return html `
18
- <svg>
19
- <use xlink:href="${HInputIcon_1.src}#${this.iconName}"></use>
20
- </svg>
21
- `;
16
+ return html ` <h-icon icon-name=${this.iconName}></h-icon> `;
22
17
  }
23
18
  };
24
19
  __decorate([
25
- property({ type: String }),
20
+ property({ type: String, attribute: 'icon-name' }),
26
21
  __metadata("design:type", String)
27
22
  ], HInputIcon.prototype, "iconName", void 0);
28
- HInputIcon = HInputIcon_1 = __decorate([
23
+ HInputIcon = __decorate([
29
24
  phoenixCustomElement('h-input-icon')
30
25
  ], HInputIcon);
31
26
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -4,7 +4,7 @@ import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/
4
4
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
5
5
  import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
6
6
  import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
7
- import classnames from '../../../../external/classnames/index.js';
7
+ import classnames from '../../../../../../external/classnames/index.js';
8
8
  import { CHECKBOX_PROPS_TO_SYNC } from '../checkbox/checkbox_constants.js';
9
9
  import { RADIO_CONTROL_CSS_CLASSES } from './radio_constants.js';
10
10
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
@@ -4,7 +4,7 @@ import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/
4
4
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
5
5
  import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
6
6
  import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
7
- import classnames from '../../../../external/classnames/index.js';
7
+ import classnames from '../../../../../../external/classnames/index.js';
8
8
  import { CHECKBOX_PROPS_TO_SYNC } from '../checkbox/checkbox_constants.js';
9
9
  import { SWITCH_CONTROL_CSS_CLASSES } from './switch_constants.js';
10
10
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
@@ -4,7 +4,7 @@ import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/
4
4
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
5
5
  import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
6
6
  import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
7
- import classnames from '../../../../external/classnames/index.js';
7
+ import classnames from '../../../../../../external/classnames/index.js';
8
8
  import { TEXTAREA_PROPS_TO_SYNC, TEXTAREA_CONTROL_CSS_CLASSES } from './textarea_constants.js';
9
9
 
10
10
  let HTextarea = class HTextarea extends PhoenixLightLitElement {
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
@@ -0,0 +1,13 @@
1
+ import { TemplateResult } from 'lit';
2
+ import { TIconSize } from "./icon_constants";
3
+ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
4
+ export declare class HIcon extends PhoenixLightLitElement {
5
+ static src: string;
6
+ iconName: string;
7
+ size?: TIconSize | undefined;
8
+ filled: boolean;
9
+ noStroke: boolean;
10
+ private _cssClasses;
11
+ connectedCallback(): void;
12
+ protected render(): TemplateResult;
13
+ }
@@ -0,0 +1,54 @@
1
+ import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
+ import { html } from 'lit';
3
+ import { property, customElement } from 'lit/decorators';
4
+ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
5
+ import classnames from '../../../../../external/classnames/index.js';
6
+ import { ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP } from './icon_constants.js';
7
+
8
+ var HIcon_1;
9
+ let HIcon = HIcon_1 = class HIcon extends PhoenixLightLitElement {
10
+ constructor() {
11
+ super(...arguments);
12
+ this.filled = false;
13
+ this.noStroke = false;
14
+ }
15
+ connectedCallback() {
16
+ var _a;
17
+ super.connectedCallback();
18
+ this._cssClasses = classnames(ICON_CSS_CLASSES.icon, {
19
+ [ICON_SIZES_CSS_CLASS_MAP[(_a = this.size) !== null && _a !== void 0 ? _a : '']]: Boolean(this.size),
20
+ [ICON_CSS_CLASSES.iconFilled]: this.filled,
21
+ [ICON_CSS_CLASSES.iconNoStroke]: this.noStroke
22
+ });
23
+ }
24
+ render() {
25
+ super.render();
26
+ return html `
27
+ <svg class=${this._cssClasses}>
28
+ <use xlink:href="${HIcon_1.src}#${this.iconName}"></use>
29
+ </svg>
30
+ `;
31
+ }
32
+ };
33
+ __decorate([
34
+ property({ type: String, attribute: 'icon-name' }),
35
+ __metadata("design:type", String)
36
+ ], HIcon.prototype, "iconName", void 0);
37
+ __decorate([
38
+ property({ type: String }),
39
+ __metadata("design:type", Object)
40
+ ], HIcon.prototype, "size", void 0);
41
+ __decorate([
42
+ property({ type: Boolean }),
43
+ __metadata("design:type", Boolean)
44
+ ], HIcon.prototype, "filled", void 0);
45
+ __decorate([
46
+ property({ type: Boolean }),
47
+ __metadata("design:type", Boolean)
48
+ ], HIcon.prototype, "noStroke", void 0);
49
+ HIcon = HIcon_1 = __decorate([
50
+ customElement('h-icon')
51
+ ], HIcon);
52
+
53
+ export { HIcon };
54
+ //# sourceMappingURL=icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA,uBAAuB,6CAAiD;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;"}
@@ -1,3 +1,15 @@
1
+ import { Any } from 'ts-toolbelt';
1
2
  export declare const ICON_CSS_CLASSES: {
2
3
  readonly icon: "icon";
4
+ readonly iconFilled: "icon_filled";
5
+ readonly iconNoStroke: "icon_no-stroke";
6
+ readonly iconSizeL: "icon_l";
7
+ readonly iconSizeXl: "icon_xl";
8
+ readonly iconSizeXxl: "icon_xxl";
3
9
  };
10
+ export declare const ICON_SIZES_CSS_CLASS_MAP: {
11
+ readonly l: "icon_l";
12
+ readonly xl: "icon_xl";
13
+ readonly xxl: "icon_xxl";
14
+ };
15
+ export declare type TIconSize = Any.Keys<typeof ICON_SIZES_CSS_CLASS_MAP>;
@@ -1,6 +1,17 @@
1
+ const iconBaseClass = 'icon';
1
2
  const ICON_CSS_CLASSES = {
2
- icon: 'icon'
3
+ icon: iconBaseClass,
4
+ iconFilled: `${iconBaseClass}_filled`,
5
+ iconNoStroke: `${iconBaseClass}_no-stroke`,
6
+ iconSizeL: `${iconBaseClass}_l`,
7
+ iconSizeXl: `${iconBaseClass}_xl`,
8
+ iconSizeXxl: `${iconBaseClass}_xxl`
9
+ };
10
+ const ICON_SIZES_CSS_CLASS_MAP = {
11
+ l: ICON_CSS_CLASSES.iconSizeL,
12
+ xl: ICON_CSS_CLASSES.iconSizeXl,
13
+ xxl: ICON_CSS_CLASSES.iconSizeXxl
3
14
  };
4
15
 
5
- export { ICON_CSS_CLASSES };
16
+ export { ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP };
6
17
  //# sourceMappingURL=icon_constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
@@ -0,0 +1,8 @@
1
+ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
+ export declare class HTag extends PhoenixLightLitElement {
3
+ private _isRemovable;
4
+ private _btnController;
5
+ connectedCallback(): void;
6
+ private _setupEvents;
7
+ private _removeTag;
8
+ }
@@ -0,0 +1,33 @@
1
+ import { __decorate } from '../../../../../external/tslib/tslib.es6.js';
2
+ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
3
+ import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
4
+ import { BtnController } from '../../controllers/btn_controller.js';
5
+ import { TAG_CSS_CLASSES } from './tag_constants.js';
6
+
7
+ let HTag = class HTag extends PhoenixLightLitElement {
8
+ constructor() {
9
+ super(...arguments);
10
+ this._isRemovable = false;
11
+ this._removeTag = () => {
12
+ this.remove();
13
+ };
14
+ }
15
+ connectedCallback() {
16
+ super.connectedCallback();
17
+ this.classList.add(TAG_CSS_CLASSES.tag);
18
+ this._isRemovable = !!this.querySelector('h-tag-remove-button');
19
+ if (!this._isRemovable)
20
+ return;
21
+ this._setupEvents();
22
+ this._btnController = new BtnController(this, this._removeTag);
23
+ }
24
+ _setupEvents() {
25
+ this.addEventListener('click', this._removeTag);
26
+ }
27
+ };
28
+ HTag = __decorate([
29
+ phoenixCustomElement('h-tag')
30
+ ], HTag);
31
+
32
+ export { HTag };
33
+ //# sourceMappingURL=tag.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,4CAAgD;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;"}
@@ -0,0 +1,6 @@
1
+ export declare const TAG_CSS_CLASSES: {
2
+ readonly tag: "tag";
3
+ readonly tagRemoveButton: "tag__remove-button";
4
+ readonly tagInteractive: "tag_interactive";
5
+ };
6
+ export declare const TAG_REMOVE_ICON_SLOT_NAME = "remove-icon";
@@ -0,0 +1,10 @@
1
+ const tagBaseClass = 'tag';
2
+ const TAG_CSS_CLASSES = {
3
+ tag: tagBaseClass,
4
+ tagRemoveButton: `${tagBaseClass}__remove-button`,
5
+ tagInteractive: `${tagBaseClass}_interactive`
6
+ };
7
+ const TAG_REMOVE_ICON_SLOT_NAME = 'remove-icon';
8
+
9
+ export { TAG_CSS_CLASSES, TAG_REMOVE_ICON_SLOT_NAME };
10
+ //# sourceMappingURL=tag_constants.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;"}
@@ -0,0 +1,6 @@
1
+ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
+ import { TemplateResult } from 'lit-html';
3
+ export declare class HTagRemoveButton extends PhoenixLightLitElement {
4
+ connectedCallback(): void;
5
+ render(): TemplateResult;
6
+ }
@@ -0,0 +1,23 @@
1
+ import { __decorate } from '../../../../../external/tslib/tslib.es6.js';
2
+ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
3
+ import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
4
+ import { html } from 'lit-html';
5
+ import { TAG_CSS_CLASSES, TAG_REMOVE_ICON_SLOT_NAME } from './tag_constants.js';
6
+
7
+ let HTagRemoveButton = class HTagRemoveButton extends PhoenixLightLitElement {
8
+ connectedCallback() {
9
+ super.connectedCallback();
10
+ this.classList.add(TAG_CSS_CLASSES.tagRemoveButton);
11
+ }
12
+ render() {
13
+ return html `
14
+ ${this.hasSlot(TAG_REMOVE_ICON_SLOT_NAME) ? this.getSlot(TAG_REMOVE_ICON_SLOT_NAME) : html `<h-icon icon-name="icon-x"></h-icon>`}
15
+ `;
16
+ }
17
+ };
18
+ HTagRemoveButton = __decorate([
19
+ phoenixCustomElement('h-tag-remove-button')
20
+ ], HTagRemoveButton);
21
+
22
+ export { HTagRemoveButton };
23
+ //# sourceMappingURL=tag_remove_button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,4CAAgD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -83,3 +83,6 @@ export { HHint } from "./components/messages/hints/hint";
83
83
  export { HHintContent } from "./components/messages/hints/hint_content";
84
84
  export { HTooltip } from "./components/messages/tooltips/tooltip";
85
85
  export { HTooltipContent } from "./components/messages/tooltips/tooltip_content";
86
+ export { HIcon } from "./components/icon/icon";
87
+ export { HTag } from "./components/tag/tag";
88
+ export { HTagRemoveButton } from "./components/tag/tag_remove_button";
@@ -71,4 +71,7 @@ export { HHint } from './components/messages/hints/hint.js';
71
71
  export { HHintContent } from './components/messages/hints/hint_content.js';
72
72
  export { HTooltip } from './components/messages/tooltips/tooltip.js';
73
73
  export { HTooltipContent } from './components/messages/tooltips/tooltip_content.js';
74
+ export { HIcon } from './components/icon/icon.js';
75
+ export { HTag } from './components/tag/tag.js';
76
+ export { HTagRemoveButton } from './components/tag/tag_remove_button.js';
74
77
  //# sourceMappingURL=index.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@shoper/phoenix_design_system",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "0.24.2",
5
+ "version": "0.25.0-2",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",