@shoper/phoenix_design_system 0.11.1 → 0.11.3-1

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 (105) hide show
  1. package/build/cjs/external/lit-html/directives/if-defined.js +14 -0
  2. package/build/cjs/external/lit-html/directives/if-defined.js.map +1 -0
  3. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js +11 -14
  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_constants.js +0 -2
  6. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_constants.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_content.js +2 -1
  8. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_content.js.map +1 -1
  9. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js +12 -16
  10. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
  11. package/build/cjs/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_consumer_controller.js +1 -1
  12. package/build/cjs/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_provider_controller.js +4 -2
  13. package/build/cjs/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_provider_controller.js.map +1 -1
  14. package/build/cjs/packages/phoenix/src/components/form/input/input.js +17 -13
  15. package/build/cjs/packages/phoenix/src/components/form/input/input.js.map +1 -1
  16. package/build/cjs/packages/phoenix/src/components/form/input/input_constants.js +4 -1
  17. package/build/cjs/packages/phoenix/src/components/form/input/input_constants.js.map +1 -1
  18. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +14 -12
  19. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  20. package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js +3 -2
  21. package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js.map +1 -1
  22. package/build/cjs/packages/phoenix/src/components/form/radio/radio.js +10 -12
  23. package/build/cjs/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
  24. package/build/cjs/packages/phoenix/src/components/form/radio/radio_content.js +2 -1
  25. package/build/cjs/packages/phoenix/src/components/form/radio/radio_content.js.map +1 -1
  26. package/build/cjs/packages/phoenix/src/components/form/radio/radio_control.js +10 -14
  27. package/build/cjs/packages/phoenix/src/components/form/radio/radio_control.js.map +1 -1
  28. package/build/cjs/packages/phoenix/src/components/form/switch/switch.js +10 -12
  29. package/build/cjs/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
  30. package/build/cjs/packages/phoenix/src/components/form/switch/switch_content.js +2 -1
  31. package/build/cjs/packages/phoenix/src/components/form/switch/switch_content.js.map +1 -1
  32. package/build/cjs/packages/phoenix/src/components/form/switch/switch_control.js +9 -13
  33. package/build/cjs/packages/phoenix/src/components/form/switch/switch_control.js.map +1 -1
  34. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js +79 -0
  35. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -0
  36. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea_constants.js +28 -0
  37. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea_constants.js.map +1 -0
  38. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea_control.js +84 -0
  39. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea_control.js.map +1 -0
  40. package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js +10 -0
  41. package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js.map +1 -0
  42. package/build/cjs/packages/phoenix/src/core/classes/behavior_subject/behavior_subject.js +24 -0
  43. package/build/cjs/packages/phoenix/src/core/classes/behavior_subject/behavior_subject.js.map +1 -0
  44. package/build/cjs/packages/phoenix/src/index.js +20 -0
  45. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  46. package/build/esm/external/lit-html/directives/if-defined.js +10 -0
  47. package/build/esm/external/lit-html/directives/if-defined.js.map +1 -0
  48. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.d.ts +1 -0
  49. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js +11 -14
  50. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js.map +1 -1
  51. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_constants.js +0 -2
  52. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_constants.js.map +1 -1
  53. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_content.js +2 -1
  54. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_content.js.map +1 -1
  55. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js +12 -16
  56. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
  57. package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_consumer_controller.js +1 -1
  58. package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_provider_controller.js +4 -2
  59. package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_provider_controller.js.map +1 -1
  60. package/build/esm/packages/phoenix/src/components/form/input/input.d.ts +2 -0
  61. package/build/esm/packages/phoenix/src/components/form/input/input.js +18 -14
  62. package/build/esm/packages/phoenix/src/components/form/input/input.js.map +1 -1
  63. package/build/esm/packages/phoenix/src/components/form/input/input_constants.d.ts +3 -1
  64. package/build/esm/packages/phoenix/src/components/form/input/input_constants.js +4 -2
  65. package/build/esm/packages/phoenix/src/components/form/input/input_constants.js.map +1 -1
  66. package/build/esm/packages/phoenix/src/components/form/input/input_control.d.ts +1 -0
  67. package/build/esm/packages/phoenix/src/components/form/input/input_control.js +14 -12
  68. package/build/esm/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  69. package/build/esm/packages/phoenix/src/components/form/input/input_icon.js +3 -2
  70. package/build/esm/packages/phoenix/src/components/form/input/input_icon.js.map +1 -1
  71. package/build/esm/packages/phoenix/src/components/form/radio/radio.d.ts +1 -0
  72. package/build/esm/packages/phoenix/src/components/form/radio/radio.js +10 -12
  73. package/build/esm/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
  74. package/build/esm/packages/phoenix/src/components/form/radio/radio_content.js +2 -1
  75. package/build/esm/packages/phoenix/src/components/form/radio/radio_content.js.map +1 -1
  76. package/build/esm/packages/phoenix/src/components/form/radio/radio_control.js +10 -14
  77. package/build/esm/packages/phoenix/src/components/form/radio/radio_control.js.map +1 -1
  78. package/build/esm/packages/phoenix/src/components/form/switch/switch.d.ts +1 -0
  79. package/build/esm/packages/phoenix/src/components/form/switch/switch.js +10 -12
  80. package/build/esm/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
  81. package/build/esm/packages/phoenix/src/components/form/switch/switch_content.js +2 -1
  82. package/build/esm/packages/phoenix/src/components/form/switch/switch_content.js.map +1 -1
  83. package/build/esm/packages/phoenix/src/components/form/switch/switch_control.js +9 -13
  84. package/build/esm/packages/phoenix/src/components/form/switch/switch_control.js.map +1 -1
  85. package/build/esm/packages/phoenix/src/components/form/textarea/textarea.d.ts +15 -0
  86. package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js +77 -0
  87. package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -0
  88. package/build/esm/packages/phoenix/src/components/form/textarea/textarea_constants.d.ts +17 -0
  89. package/build/esm/packages/phoenix/src/components/form/textarea/textarea_constants.js +21 -0
  90. package/build/esm/packages/phoenix/src/components/form/textarea/textarea_constants.js.map +1 -0
  91. package/build/esm/packages/phoenix/src/components/form/textarea/textarea_control.d.ts +16 -0
  92. package/build/esm/packages/phoenix/src/components/form/textarea/textarea_control.js +82 -0
  93. package/build/esm/packages/phoenix/src/components/form/textarea/textarea_control.js.map +1 -0
  94. package/build/esm/packages/phoenix/src/components/form/textarea/textarea_types.d.ts +12 -0
  95. package/build/esm/packages/phoenix/src/components/form/textarea/textarea_types.js +3 -0
  96. package/build/esm/packages/phoenix/src/components/form/textarea/textarea_types.js.map +1 -0
  97. package/build/esm/packages/phoenix/src/components/icon/icon_constants.d.ts +3 -0
  98. package/build/esm/packages/phoenix/src/components/icon/icon_constants.js +6 -0
  99. package/build/esm/packages/phoenix/src/components/icon/icon_constants.js.map +1 -0
  100. package/build/esm/packages/phoenix/src/core/classes/behavior_subject/behavior_subject.js +19 -17
  101. package/build/esm/packages/phoenix/src/core/classes/behavior_subject/behavior_subject.js.map +1 -1
  102. package/build/esm/packages/phoenix/src/index.d.ts +4 -0
  103. package/build/esm/packages/phoenix/src/index.js +4 -1
  104. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  105. package/package.json +1 -1
@@ -0,0 +1,14 @@
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 2018 Google LLC
10
+ * SPDX-License-Identifier: BSD-3-Clause
11
+ */const l=l=>null!=l?l:litHtml.nothing;
12
+
13
+ exports.ifDefined = l;
14
+ //# sourceMappingURL=if-defined.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;"}
@@ -14,13 +14,6 @@ var checkbox_constants = require('./checkbox_constants.js');
14
14
  exports.HCheckbox = class HCheckbox extends phoenix_light_lit_element.PhoenixLightLitElement {
15
15
  constructor() {
16
16
  super();
17
- this.disabled = false;
18
- this.required = false;
19
- this.hidden = false;
20
- this.readonly = false;
21
- this.checked = false;
22
- this.error = false;
23
- this.partiallyChecked = false;
24
17
  new control_props_sync_provider_controller.ControlPropsSyncProviderController({
25
18
  host: this,
26
19
  propsToSync: [...Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS), ...Object.values(checkbox_constants.CHECKBOX_PROPS_TO_SYNC)]
@@ -48,32 +41,36 @@ tslib_es6.__decorate([
48
41
  ], exports.HCheckbox.prototype, "controlName", void 0);
49
42
  tslib_es6.__decorate([
50
43
  decorators.property({ type: Boolean }),
51
- tslib_es6.__metadata("design:type", Object)
44
+ tslib_es6.__metadata("design:type", Boolean)
52
45
  ], exports.HCheckbox.prototype, "disabled", void 0);
53
46
  tslib_es6.__decorate([
54
47
  decorators.property({ type: Boolean }),
55
- tslib_es6.__metadata("design:type", Object)
48
+ tslib_es6.__metadata("design:type", Boolean)
56
49
  ], exports.HCheckbox.prototype, "required", void 0);
57
50
  tslib_es6.__decorate([
58
51
  decorators.property({ type: Boolean }),
59
- tslib_es6.__metadata("design:type", Object)
52
+ tslib_es6.__metadata("design:type", Boolean)
60
53
  ], exports.HCheckbox.prototype, "hidden", void 0);
61
54
  tslib_es6.__decorate([
62
55
  decorators.property({ type: Boolean }),
63
- tslib_es6.__metadata("design:type", Object)
56
+ tslib_es6.__metadata("design:type", Boolean)
64
57
  ], exports.HCheckbox.prototype, "readonly", void 0);
65
58
  tslib_es6.__decorate([
66
59
  decorators.property({ type: Boolean }),
67
- tslib_es6.__metadata("design:type", Object)
60
+ tslib_es6.__metadata("design:type", Boolean)
68
61
  ], exports.HCheckbox.prototype, "checked", void 0);
69
62
  tslib_es6.__decorate([
70
63
  decorators.property({ type: Boolean }),
71
- tslib_es6.__metadata("design:type", Object)
64
+ tslib_es6.__metadata("design:type", Boolean)
72
65
  ], exports.HCheckbox.prototype, "error", void 0);
73
66
  tslib_es6.__decorate([
74
67
  decorators.property({ type: Boolean }),
75
- tslib_es6.__metadata("design:type", Object)
68
+ tslib_es6.__metadata("design:type", Boolean)
76
69
  ], exports.HCheckbox.prototype, "partiallyChecked", void 0);
70
+ tslib_es6.__decorate([
71
+ decorators.property({ type: String }),
72
+ tslib_es6.__metadata("design:type", String)
73
+ ], exports.HCheckbox.prototype, "value", void 0);
77
74
  exports.HCheckbox = tslib_es6.__decorate([
78
75
  phoenix_custom_element.phoenixCustomElement('h-checkbox'),
79
76
  tslib_es6.__metadata("design:paramtypes", [])
@@ -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,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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;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;"}
@@ -2,8 +2,6 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('lit/decorators');
6
-
7
5
  const baseCheckboxControlClass = 'checkbox';
8
6
  const CHECKBOX_CONTROL_CSS_CLASSES = {
9
7
  checkbox: baseCheckboxControlClass,
@@ -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;"}
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;"}
@@ -8,6 +8,7 @@ var decorators = require('lit/decorators');
8
8
  var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
9
9
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
10
  var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
11
+ var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
11
12
  var checkbox_constants = require('./checkbox_constants.js');
12
13
  var label_constants = require('../label/label_constants.js');
13
14
 
@@ -25,7 +26,7 @@ exports.HCheckboxContent = class HCheckboxContent extends phoenix_light_lit_elem
25
26
  render() {
26
27
  super.render();
27
28
  return lit.html `
28
- <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${this.controlId}">${this.getSlot(checkbox_constants.CHECKBOX_SLOTS.label)}</label>
29
+ <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${ifDefined.ifDefined(this.controlId)}">${this.getSlot(checkbox_constants.CHECKBOX_SLOTS.label)}</label>
29
30
 
30
31
  ${this.hasSlot(checkbox_constants.CHECKBOX_SLOTS.description)
31
32
  ? lit.html ` <div class="${checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxDescription}">${this.getSlot(checkbox_constants.CHECKBOX_SLOTS.description)}</div> `
@@ -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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,wBAAwB,8DAAkE;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;AACA;AACA;"}
@@ -9,17 +9,12 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
9
9
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
10
  var index = require('../../../../external/classnames/index.js');
11
11
  var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
12
+ var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
12
13
  var checkbox_constants = require('./checkbox_constants.js');
13
14
 
14
15
  exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_element.PhoenixLightLitElement {
15
16
  constructor() {
16
17
  super();
17
- this.disabled = false;
18
- this.required = false;
19
- this.hidden = false;
20
- this.readonly = false;
21
- this.checked = false;
22
- this.partiallyChecked = false;
23
18
  this._handleChangeEvent = (event) => {
24
19
  this.dispatchEvent(new CustomEvent(checkbox_constants.CHECKBOX_CONTROL_EVENTS.change, {
25
20
  detail: event,
@@ -36,6 +31,7 @@ exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_elem
36
31
  }
37
32
  render() {
38
33
  super.render();
34
+ console.log('partiallyChecked', this.partiallyChecked);
39
35
  const checkboxInputClasses = index['default'](checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxInput, {
40
36
  [checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxPartiallyChecked]: this.partiallyChecked
41
37
  });
@@ -43,9 +39,9 @@ exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_elem
43
39
  <input
44
40
  type="checkbox"
45
41
  class="${checkboxInputClasses}"
46
- id="${this.controlId}"
47
- name="${this.controlName}"
48
- value="${this.value}"
42
+ id="${ifDefined.ifDefined(this.controlId)}"
43
+ name="${ifDefined.ifDefined(this.controlName)}"
44
+ value="${ifDefined.ifDefined(this.value)}"
49
45
  ?disabled="${this.disabled}"
50
46
  ?required="${this.required}"
51
47
  ?readonly="${this.readonly}"
@@ -54,7 +50,7 @@ exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_elem
54
50
  @change="${this._handleChangeEvent}"
55
51
  />
56
52
 
57
- <label class="${checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxLabel}" for="${this.id}"></label>
53
+ <label class="${checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxLabel}" for="${ifDefined.ifDefined(this.controlId)}"></label>
58
54
  `;
59
55
  }
60
56
  };
@@ -68,27 +64,27 @@ tslib_es6.__decorate([
68
64
  ], exports.HCheckboxControl.prototype, "controlName", void 0);
69
65
  tslib_es6.__decorate([
70
66
  decorators.property({ type: Boolean }),
71
- tslib_es6.__metadata("design:type", Object)
67
+ tslib_es6.__metadata("design:type", Boolean)
72
68
  ], exports.HCheckboxControl.prototype, "disabled", void 0);
73
69
  tslib_es6.__decorate([
74
70
  decorators.property({ type: Boolean }),
75
- tslib_es6.__metadata("design:type", Object)
71
+ tslib_es6.__metadata("design:type", Boolean)
76
72
  ], exports.HCheckboxControl.prototype, "required", void 0);
77
73
  tslib_es6.__decorate([
78
74
  decorators.property({ type: Boolean }),
79
- tslib_es6.__metadata("design:type", Object)
75
+ tslib_es6.__metadata("design:type", Boolean)
80
76
  ], exports.HCheckboxControl.prototype, "hidden", void 0);
81
77
  tslib_es6.__decorate([
82
78
  decorators.property({ type: Boolean }),
83
- tslib_es6.__metadata("design:type", Object)
79
+ tslib_es6.__metadata("design:type", Boolean)
84
80
  ], exports.HCheckboxControl.prototype, "readonly", void 0);
85
81
  tslib_es6.__decorate([
86
82
  decorators.property({ type: Boolean }),
87
- tslib_es6.__metadata("design:type", Object)
83
+ tslib_es6.__metadata("design:type", Boolean)
88
84
  ], exports.HCheckboxControl.prototype, "checked", void 0);
89
85
  tslib_es6.__decorate([
90
86
  decorators.property({ type: Boolean }),
91
- tslib_es6.__metadata("design:type", Object)
87
+ tslib_es6.__metadata("design:type", Boolean)
92
88
  ], exports.HCheckboxControl.prototype, "partiallyChecked", void 0);
93
89
  tslib_es6.__decorate([
94
90
  decorators.property({ type: String }),
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA,wBAAwB,8DAAkE;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -19,7 +19,7 @@ class ControlPropsSyncConsumerController {
19
19
  this._syncProps = (props) => {
20
20
  Object.entries(props).forEach(([key, value]) => {
21
21
  // eslint-disable-next-line no-prototype-builtins
22
- if (key in tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")) {
22
+ if (key in tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f") && tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")[key] === undefined) {
23
23
  tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")[key] = value;
24
24
  }
25
25
  });
@@ -6,14 +6,14 @@ var tslib_es6 = require('../../../../../../../external/tslib/tslib.es6.js');
6
6
  require('lit');
7
7
  var context_provider_controller = require('../../../../core/context/context_provider_controller.js');
8
8
  var control_props_sync_controller_constants = require('./control_props_sync_controller_constants.js');
9
- var subject = require('../../../../core/classes/subject/subject.js');
9
+ var behavior_subject = require('../../../../core/classes/behavior_subject/behavior_subject.js');
10
10
 
11
11
  var _ControlPropsSyncProviderController_host, _ControlPropsSyncProviderController_controlPropsProvider, _ControlPropsSyncProviderController_propsObservable, _ControlPropsSyncProviderController_propsToSync;
12
12
  class ControlPropsSyncProviderController {
13
13
  constructor({ host, propsToSync = Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS) }) {
14
14
  _ControlPropsSyncProviderController_host.set(this, void 0);
15
15
  _ControlPropsSyncProviderController_controlPropsProvider.set(this, void 0);
16
- _ControlPropsSyncProviderController_propsObservable.set(this, new subject.Subject());
16
+ _ControlPropsSyncProviderController_propsObservable.set(this, new behavior_subject.BehaviorSubject());
17
17
  _ControlPropsSyncProviderController_propsToSync.set(this, void 0);
18
18
  tslib_es6.__classPrivateFieldSet(this, _ControlPropsSyncProviderController_host, host, "f");
19
19
  tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_host, "f").addController(this);
@@ -25,6 +25,8 @@ class ControlPropsSyncProviderController {
25
25
  }
26
26
  hostUpdated() {
27
27
  const controlPropsWithValuesToSync = tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_propsToSync, "f").reduce((acc, propsName) => {
28
+ if (tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_host, "f")[propsName] === undefined)
29
+ return acc;
28
30
  return {
29
31
  ...acc,
30
32
  [propsName]: tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_host, "f")[propsName]
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,kDAAsD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,kDAAsD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -8,20 +8,16 @@ 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 input_constants = require('./input_constants.js');
10
10
  var index = require('../../../../external/classnames/index.js');
11
+ var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
11
12
  var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
12
13
 
13
14
  exports.HInput = class HInput extends phoenix_light_lit_element.PhoenixLightLitElement {
14
15
  constructor() {
15
16
  super();
16
- this.withButton = false;
17
- this.disabled = false;
18
- this.required = false;
19
- this.hidden = false;
20
- this.readonly = false;
21
- this.error = false;
22
17
  this.type = input_constants.INPUT_CONTROL_TYPES.text;
23
18
  new control_props_sync_provider_controller.ControlPropsSyncProviderController({
24
- host: this
19
+ host: this,
20
+ propsToSync: [...Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS), ...Object.values(input_constants.INPUT_PROPS_TO_SYNC)]
25
21
  });
26
22
  }
27
23
  connectedCallback() {
@@ -50,32 +46,40 @@ tslib_es6.__decorate([
50
46
  ], exports.HInput.prototype, "size", void 0);
51
47
  tslib_es6.__decorate([
52
48
  decorators.property({ type: Boolean }),
53
- tslib_es6.__metadata("design:type", Object)
49
+ tslib_es6.__metadata("design:type", Boolean)
54
50
  ], exports.HInput.prototype, "withButton", void 0);
55
51
  tslib_es6.__decorate([
56
52
  decorators.property({ type: Boolean }),
57
- tslib_es6.__metadata("design:type", Object)
53
+ tslib_es6.__metadata("design:type", Boolean)
58
54
  ], exports.HInput.prototype, "disabled", void 0);
59
55
  tslib_es6.__decorate([
60
56
  decorators.property({ type: Boolean }),
61
- tslib_es6.__metadata("design:type", Object)
57
+ tslib_es6.__metadata("design:type", Boolean)
62
58
  ], exports.HInput.prototype, "required", void 0);
63
59
  tslib_es6.__decorate([
64
60
  decorators.property({ type: Boolean }),
65
- tslib_es6.__metadata("design:type", Object)
61
+ tslib_es6.__metadata("design:type", Boolean)
66
62
  ], exports.HInput.prototype, "hidden", void 0);
67
63
  tslib_es6.__decorate([
68
64
  decorators.property({ type: Boolean }),
69
- tslib_es6.__metadata("design:type", Object)
65
+ tslib_es6.__metadata("design:type", Boolean)
70
66
  ], exports.HInput.prototype, "readonly", void 0);
71
67
  tslib_es6.__decorate([
72
68
  decorators.property({ type: Boolean }),
73
- tslib_es6.__metadata("design:type", Object)
69
+ tslib_es6.__metadata("design:type", Boolean)
74
70
  ], exports.HInput.prototype, "error", void 0);
71
+ tslib_es6.__decorate([
72
+ decorators.property({ type: String }),
73
+ tslib_es6.__metadata("design:type", String)
74
+ ], exports.HInput.prototype, "placeholder", void 0);
75
75
  tslib_es6.__decorate([
76
76
  decorators.property({ type: String }),
77
77
  tslib_es6.__metadata("design:type", String)
78
78
  ], exports.HInput.prototype, "type", void 0);
79
+ tslib_es6.__decorate([
80
+ decorators.property({ type: String }),
81
+ tslib_es6.__metadata("design:type", String)
82
+ ], exports.HInput.prototype, "value", void 0);
79
83
  exports.HInput = tslib_es6.__decorate([
80
84
  phoenix_custom_element.phoenixCustomElement('h-input'),
81
85
  tslib_es6.__metadata("design:paramtypes", [])
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -13,7 +13,6 @@ const INPUT_CONTROL_TYPES = {
13
13
  checkbox: 'checkbox',
14
14
  number: 'number',
15
15
  range: 'range',
16
- textarea: 'textarea',
17
16
  select: 'select',
18
17
  multiSelect: 'multiSelect',
19
18
  hidden: 'hidden',
@@ -34,10 +33,14 @@ const INPUT_CONTROL_CSS_CLASSES = {
34
33
  const INPUT_CONTROL_EVENTS = {
35
34
  change: 'change',
36
35
  input: 'input'
36
+ };
37
+ const INPUT_PROPS_TO_SYNC = {
38
+ placeholder: 'placeholder'
37
39
  };
38
40
 
39
41
  exports.INPUT_CONTROL_CSS_CLASSES = INPUT_CONTROL_CSS_CLASSES;
40
42
  exports.INPUT_CONTROL_EVENTS = INPUT_CONTROL_EVENTS;
41
43
  exports.INPUT_CONTROL_SIZES = INPUT_CONTROL_SIZES;
42
44
  exports.INPUT_CONTROL_TYPES = INPUT_CONTROL_TYPES;
45
+ exports.INPUT_PROPS_TO_SYNC = INPUT_PROPS_TO_SYNC;
43
46
  //# sourceMappingURL=input_constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -9,15 +9,12 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
9
9
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
10
  var input_constants = require('./input_constants.js');
11
11
  var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
12
+ var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
12
13
 
13
14
  exports.HInputControl = class HInputControl extends phoenix_light_lit_element.PhoenixLightLitElement {
14
15
  constructor() {
15
16
  super();
16
17
  this.type = input_constants.INPUT_CONTROL_TYPES.text;
17
- this.disabled = false;
18
- this.required = false;
19
- this.hidden = false;
20
- this.readonly = false;
21
18
  this._handleChangeEvent = (event) => {
22
19
  this.dispatchEvent(new CustomEvent(input_constants.INPUT_CONTROL_EVENTS.change, {
23
20
  detail: event,
@@ -42,10 +39,11 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
42
39
  super.render();
43
40
  return lit.html `
44
41
  <input
45
- id="${this.controlId}"
46
- name="${this.controlName}"
47
- type="${this.type}"
48
- value="${this.value}"
42
+ id="${ifDefined.ifDefined(this.controlId)}"
43
+ name="${ifDefined.ifDefined(this.controlName)}"
44
+ type="${ifDefined.ifDefined(this.type)}"
45
+ value="${ifDefined.ifDefined(this.value)}"
46
+ placeholder="${ifDefined.ifDefined(this.placeholder)}"
49
47
  ?disabled="${this.disabled}"
50
48
  ?required="${this.required}"
51
49
  ?readonly="${this.readonly}"
@@ -70,24 +68,28 @@ tslib_es6.__decorate([
70
68
  ], exports.HInputControl.prototype, "type", void 0);
71
69
  tslib_es6.__decorate([
72
70
  decorators.property({ type: Boolean }),
73
- tslib_es6.__metadata("design:type", Object)
71
+ tslib_es6.__metadata("design:type", Boolean)
74
72
  ], exports.HInputControl.prototype, "disabled", void 0);
75
73
  tslib_es6.__decorate([
76
74
  decorators.property({ type: Boolean }),
77
- tslib_es6.__metadata("design:type", Object)
75
+ tslib_es6.__metadata("design:type", Boolean)
78
76
  ], exports.HInputControl.prototype, "required", void 0);
79
77
  tslib_es6.__decorate([
80
78
  decorators.property({ type: Boolean }),
81
- tslib_es6.__metadata("design:type", Object)
79
+ tslib_es6.__metadata("design:type", Boolean)
82
80
  ], exports.HInputControl.prototype, "hidden", void 0);
83
81
  tslib_es6.__decorate([
84
82
  decorators.property({ type: Boolean }),
85
- tslib_es6.__metadata("design:type", Object)
83
+ tslib_es6.__metadata("design:type", Boolean)
86
84
  ], exports.HInputControl.prototype, "readonly", void 0);
87
85
  tslib_es6.__decorate([
88
86
  decorators.property({ type: String }),
89
87
  tslib_es6.__metadata("design:type", String)
90
88
  ], exports.HInputControl.prototype, "value", void 0);
89
+ tslib_es6.__decorate([
90
+ decorators.property({ type: String }),
91
+ tslib_es6.__metadata("design:type", String)
92
+ ], exports.HInputControl.prototype, "placeholder", void 0);
91
93
  exports.HInputControl = tslib_es6.__decorate([
92
94
  phoenix_custom_element.phoenixCustomElement('h-input-control'),
93
95
  tslib_es6.__metadata("design:paramtypes", [])
@@ -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;"}
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,wBAAwB,8DAAkE;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,17 +8,18 @@ var decorators = require('lit/decorators');
8
8
  var phoenix_light_lit_element = require('../../../core/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_constants.js');
11
+ var icon_constants = require('../../icon/icon_constants.js');
11
12
 
12
13
  var HInputIcon_1;
13
14
  exports.HInputIcon = HInputIcon_1 = class HInputIcon extends phoenix_light_lit_element.PhoenixLightLitElement {
14
15
  connectedCallback() {
15
16
  super.connectedCallback();
16
- this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.inputIcon);
17
+ this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.inputIcon, icon_constants.ICON_CSS_CLASSES.icon);
17
18
  }
18
19
  render() {
19
20
  super.render();
20
21
  return lit.html `
21
- <svg class="${input_constants.INPUT_CONTROL_CSS_CLASSES.inputIcon}">
22
+ <svg>
22
23
  <use xlink:href="${HInputIcon_1.src}#${this.iconName}"></use>
23
24
  </svg>
24
25
  `;
@@ -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;"}
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;"}
@@ -15,12 +15,6 @@ var radio_constants = require('./radio_constants.js');
15
15
  exports.HRadio = class HRadio extends phoenix_light_lit_element.PhoenixLightLitElement {
16
16
  constructor() {
17
17
  super();
18
- this.disabled = false;
19
- this.required = false;
20
- this.hidden = false;
21
- this.readonly = false;
22
- this.checked = false;
23
- this.error = false;
24
18
  new control_props_sync_provider_controller.ControlPropsSyncProviderController({
25
19
  host: this,
26
20
  propsToSync: [...Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS), checkbox_constants.CHECKBOX_PROPS_TO_SYNC.checked]
@@ -48,28 +42,32 @@ tslib_es6.__decorate([
48
42
  ], exports.HRadio.prototype, "controlName", void 0);
49
43
  tslib_es6.__decorate([
50
44
  decorators.property({ type: Boolean }),
51
- tslib_es6.__metadata("design:type", Object)
45
+ tslib_es6.__metadata("design:type", Boolean)
52
46
  ], exports.HRadio.prototype, "disabled", void 0);
53
47
  tslib_es6.__decorate([
54
48
  decorators.property({ type: Boolean }),
55
- tslib_es6.__metadata("design:type", Object)
49
+ tslib_es6.__metadata("design:type", Boolean)
56
50
  ], exports.HRadio.prototype, "required", void 0);
57
51
  tslib_es6.__decorate([
58
52
  decorators.property({ type: Boolean }),
59
- tslib_es6.__metadata("design:type", Object)
53
+ tslib_es6.__metadata("design:type", Boolean)
60
54
  ], exports.HRadio.prototype, "hidden", void 0);
61
55
  tslib_es6.__decorate([
62
56
  decorators.property({ type: Boolean }),
63
- tslib_es6.__metadata("design:type", Object)
57
+ tslib_es6.__metadata("design:type", Boolean)
64
58
  ], exports.HRadio.prototype, "readonly", void 0);
65
59
  tslib_es6.__decorate([
66
60
  decorators.property({ type: Boolean }),
67
- tslib_es6.__metadata("design:type", Object)
61
+ tslib_es6.__metadata("design:type", Boolean)
68
62
  ], exports.HRadio.prototype, "checked", void 0);
69
63
  tslib_es6.__decorate([
70
64
  decorators.property({ type: Boolean }),
71
- tslib_es6.__metadata("design:type", Object)
65
+ tslib_es6.__metadata("design:type", Boolean)
72
66
  ], exports.HRadio.prototype, "error", void 0);
67
+ tslib_es6.__decorate([
68
+ decorators.property({ type: String }),
69
+ tslib_es6.__metadata("design:type", String)
70
+ ], exports.HRadio.prototype, "value", void 0);
73
71
  exports.HRadio = tslib_es6.__decorate([
74
72
  phoenix_custom_element.phoenixCustomElement('h-radio'),
75
73
  tslib_es6.__metadata("design:paramtypes", [])
@@ -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,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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;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;"}
@@ -8,6 +8,7 @@ var decorators = require('lit/decorators');
8
8
  var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
9
9
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
10
  var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
11
+ var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
11
12
  var label_constants = require('../label/label_constants.js');
12
13
  var radio_constants = require('./radio_constants.js');
13
14
 
@@ -25,7 +26,7 @@ exports.HRadioContent = class HRadioContent extends phoenix_light_lit_element.Ph
25
26
  render() {
26
27
  super.render();
27
28
  return lit.html `
28
- <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${this.controlId}">${this.getSlot(radio_constants.RADIO_SLOTS.label)}</label>
29
+ <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${ifDefined.ifDefined(this.controlId)}">${this.getSlot(radio_constants.RADIO_SLOTS.label)}</label>
29
30
 
30
31
  ${this.hasSlot(radio_constants.RADIO_SLOTS.description)
31
32
  ? lit.html ` <div class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioDescription}">${this.getSlot(radio_constants.RADIO_SLOTS.description)}</div> `
@@ -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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,wBAAwB,8DAAkE;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;AACA;AACA;"}
@@ -8,16 +8,12 @@ var decorators = require('lit/decorators');
8
8
  var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
9
9
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
10
  var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
11
+ var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
11
12
  var radio_constants = require('./radio_constants.js');
12
13
 
13
14
  exports.HRadioControl = class HRadioControl extends phoenix_light_lit_element.PhoenixLightLitElement {
14
15
  constructor() {
15
16
  super();
16
- this.disabled = false;
17
- this.required = false;
18
- this.hidden = false;
19
- this.readonly = false;
20
- this.checked = false;
21
17
  this._handleChangeEvent = (event) => {
22
18
  this.dispatchEvent(new CustomEvent(radio_constants.RADIO_CONTROL_EVENTS.change, {
23
19
  detail: event,
@@ -38,9 +34,9 @@ exports.HRadioControl = class HRadioControl extends phoenix_light_lit_element.Ph
38
34
  <input
39
35
  type="radio"
40
36
  class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioInput}"
41
- id="${this.controlId}"
42
- name="${this.controlName}"
43
- value="${this.value}"
37
+ id="${ifDefined.ifDefined(this.controlId)}"
38
+ name="${ifDefined.ifDefined(this.controlName)}"
39
+ value="${ifDefined.ifDefined(this.value)}"
44
40
  ?disabled="${this.disabled}"
45
41
  ?required="${this.required}"
46
42
  ?readonly="${this.readonly}"
@@ -49,7 +45,7 @@ exports.HRadioControl = class HRadioControl extends phoenix_light_lit_element.Ph
49
45
  @change="${this._handleChangeEvent}"
50
46
  />
51
47
 
52
- <label class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioLabel}" for="${this.controlId}"></label>
48
+ <label class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioLabel}" for="${ifDefined.ifDefined(this.controlId)}"></label>
53
49
  `;
54
50
  }
55
51
  };
@@ -63,23 +59,23 @@ tslib_es6.__decorate([
63
59
  ], exports.HRadioControl.prototype, "controlName", void 0);
64
60
  tslib_es6.__decorate([
65
61
  decorators.property({ type: Boolean }),
66
- tslib_es6.__metadata("design:type", Object)
62
+ tslib_es6.__metadata("design:type", Boolean)
67
63
  ], exports.HRadioControl.prototype, "disabled", void 0);
68
64
  tslib_es6.__decorate([
69
65
  decorators.property({ type: Boolean }),
70
- tslib_es6.__metadata("design:type", Object)
66
+ tslib_es6.__metadata("design:type", Boolean)
71
67
  ], exports.HRadioControl.prototype, "required", void 0);
72
68
  tslib_es6.__decorate([
73
69
  decorators.property({ type: Boolean }),
74
- tslib_es6.__metadata("design:type", Object)
70
+ tslib_es6.__metadata("design:type", Boolean)
75
71
  ], exports.HRadioControl.prototype, "hidden", void 0);
76
72
  tslib_es6.__decorate([
77
73
  decorators.property({ type: Boolean }),
78
- tslib_es6.__metadata("design:type", Object)
74
+ tslib_es6.__metadata("design:type", Boolean)
79
75
  ], exports.HRadioControl.prototype, "readonly", void 0);
80
76
  tslib_es6.__decorate([
81
77
  decorators.property({ type: Boolean }),
82
- tslib_es6.__metadata("design:type", Object)
78
+ tslib_es6.__metadata("design:type", Boolean)
83
79
  ], exports.HRadioControl.prototype, "checked", void 0);
84
80
  tslib_es6.__decorate([
85
81
  decorators.property({ type: String }),
@@ -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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,wBAAwB,8DAAkE;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}