@shoper/phoenix_design_system 0.13.1 → 0.14.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 (135) hide show
  1. package/build/cjs/external/lit-html/directives/ref.js +1 -1
  2. package/build/cjs/external/lodash/lodash.js +2 -2
  3. package/build/cjs/external/uuid/dist/esm-browser/regex.js +1 -1
  4. package/build/cjs/external/uuid/dist/esm-browser/rng.js +1 -1
  5. package/build/cjs/external/uuid/dist/esm-browser/stringify.js +2 -2
  6. package/build/cjs/external/uuid/dist/esm-browser/v4.js +3 -3
  7. package/build/cjs/external/uuid/dist/esm-browser/validate.js +2 -2
  8. package/build/cjs/packages/phoenix/external/classnames/index.js +2 -2
  9. package/build/cjs/packages/phoenix/src/components/accordion/accordion.js +3 -3
  10. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +4 -4
  11. package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js +5 -5
  12. package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js +3 -3
  13. package/build/cjs/packages/phoenix/src/components/backdrop/backdrop.js +1 -1
  14. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +5 -5
  15. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js +2 -2
  16. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js +3 -3
  17. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js +5 -5
  18. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_content.js +5 -5
  19. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_content.js.map +1 -1
  20. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js +5 -5
  21. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
  22. package/build/cjs/packages/phoenix/src/components/form/control/control.js +1 -1
  23. package/build/cjs/packages/phoenix/src/components/form/control/control_additional_content.js +1 -1
  24. package/build/cjs/packages/phoenix/src/components/form/control/control_content.js +1 -1
  25. package/build/cjs/packages/phoenix/src/components/form/control/control_element.js +1 -1
  26. package/build/cjs/packages/phoenix/src/components/form/control/control_errors.js +1 -1
  27. package/build/cjs/packages/phoenix/src/components/form/control/control_label.js +1 -1
  28. package/build/cjs/packages/phoenix/src/components/form/input/input.js +3 -3
  29. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +2 -2
  30. package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js +3 -3
  31. package/build/cjs/packages/phoenix/src/components/form/input/input_unit.js +1 -1
  32. package/build/cjs/packages/phoenix/src/components/form/radio/radio.js +5 -5
  33. package/build/cjs/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
  34. package/build/cjs/packages/phoenix/src/components/form/radio/radio_content.js +4 -4
  35. package/build/cjs/packages/phoenix/src/components/form/radio/radio_content.js.map +1 -1
  36. package/build/cjs/packages/phoenix/src/components/form/radio/radio_control.js +4 -4
  37. package/build/cjs/packages/phoenix/src/components/form/radio/radio_control.js.map +1 -1
  38. package/build/cjs/packages/phoenix/src/components/form/switch/switch.js +5 -5
  39. package/build/cjs/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
  40. package/build/cjs/packages/phoenix/src/components/form/switch/switch_content.js +5 -5
  41. package/build/cjs/packages/phoenix/src/components/form/switch/switch_content.js.map +1 -1
  42. package/build/cjs/packages/phoenix/src/components/form/switch/switch_control.js +4 -4
  43. package/build/cjs/packages/phoenix/src/components/form/switch/switch_control.js.map +1 -1
  44. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js +5 -5
  45. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
  46. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea_control.js +4 -4
  47. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea_control.js.map +1 -1
  48. package/build/cjs/packages/phoenix/src/components/modal/modal.js +4 -4
  49. package/build/cjs/packages/phoenix/src/components/modal/modal.js.map +1 -1
  50. package/build/cjs/packages/phoenix/src/components/modal/modal_close.js +1 -1
  51. package/build/cjs/packages/phoenix/src/components/portal/portal.js +3 -3
  52. package/build/cjs/packages/phoenix/src/components/portal/portal_target.js +1 -1
  53. package/build/cjs/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller.js +1 -1
  54. package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js +1 -1
  55. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +34 -14
  56. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
  57. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +41 -14
  58. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
  59. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +5 -1
  60. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
  61. package/build/cjs/packages/phoenix/src/core/context/context_consumer_controller.js +1 -1
  62. package/build/cjs/packages/phoenix/src/global_constants.js +3 -1
  63. package/build/cjs/packages/phoenix/src/global_constants.js.map +1 -1
  64. package/build/cjs/packages/phoenix/src/index.js +90 -164
  65. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  66. package/build/esm/external/lit-html/directives/ref.js +1 -1
  67. package/build/esm/external/lodash/lodash.js +2 -2
  68. package/build/esm/external/uuid/dist/esm-browser/regex.js +1 -1
  69. package/build/esm/external/uuid/dist/esm-browser/rng.js +1 -1
  70. package/build/esm/external/uuid/dist/esm-browser/stringify.js +1 -1
  71. package/build/esm/external/uuid/dist/esm-browser/v4.js +1 -1
  72. package/build/esm/external/uuid/dist/esm-browser/validate.js +1 -1
  73. package/build/esm/packages/phoenix/external/classnames/index.js +2 -2
  74. package/build/esm/packages/phoenix/src/components/accordion/accordion.js +3 -3
  75. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +4 -4
  76. package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js +5 -5
  77. package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js +3 -3
  78. package/build/esm/packages/phoenix/src/components/backdrop/backdrop.js +1 -1
  79. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +5 -5
  80. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js +2 -2
  81. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js +3 -3
  82. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js +4 -4
  83. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_content.js +5 -5
  84. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_content.js.map +1 -1
  85. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js +4 -4
  86. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
  87. package/build/esm/packages/phoenix/src/components/form/control/control.js +1 -1
  88. package/build/esm/packages/phoenix/src/components/form/control/control_additional_content.js +1 -1
  89. package/build/esm/packages/phoenix/src/components/form/control/control_content.js +1 -1
  90. package/build/esm/packages/phoenix/src/components/form/control/control_element.js +1 -1
  91. package/build/esm/packages/phoenix/src/components/form/control/control_errors.js +1 -1
  92. package/build/esm/packages/phoenix/src/components/form/control/control_label.js +1 -1
  93. package/build/esm/packages/phoenix/src/components/form/input/input.js +2 -2
  94. package/build/esm/packages/phoenix/src/components/form/input/input_control.js +2 -2
  95. package/build/esm/packages/phoenix/src/components/form/input/input_icon.js +3 -3
  96. package/build/esm/packages/phoenix/src/components/form/input/input_unit.js +1 -1
  97. package/build/esm/packages/phoenix/src/components/form/radio/radio.js +4 -4
  98. package/build/esm/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
  99. package/build/esm/packages/phoenix/src/components/form/radio/radio_content.js +4 -4
  100. package/build/esm/packages/phoenix/src/components/form/radio/radio_content.js.map +1 -1
  101. package/build/esm/packages/phoenix/src/components/form/radio/radio_control.js +4 -4
  102. package/build/esm/packages/phoenix/src/components/form/radio/radio_control.js.map +1 -1
  103. package/build/esm/packages/phoenix/src/components/form/switch/switch.js +4 -4
  104. package/build/esm/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
  105. package/build/esm/packages/phoenix/src/components/form/switch/switch_content.js +5 -5
  106. package/build/esm/packages/phoenix/src/components/form/switch/switch_content.js.map +1 -1
  107. package/build/esm/packages/phoenix/src/components/form/switch/switch_control.js +4 -4
  108. package/build/esm/packages/phoenix/src/components/form/switch/switch_control.js.map +1 -1
  109. package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js +4 -4
  110. package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
  111. package/build/esm/packages/phoenix/src/components/form/textarea/textarea_control.js +4 -4
  112. package/build/esm/packages/phoenix/src/components/form/textarea/textarea_control.js.map +1 -1
  113. package/build/esm/packages/phoenix/src/components/modal/modal.js +4 -4
  114. package/build/esm/packages/phoenix/src/components/modal/modal.js.map +1 -1
  115. package/build/esm/packages/phoenix/src/components/modal/modal_close.js +1 -1
  116. package/build/esm/packages/phoenix/src/components/portal/portal.js +2 -2
  117. package/build/esm/packages/phoenix/src/components/portal/portal_target.js +1 -1
  118. package/build/esm/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller.js +1 -1
  119. package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js +1 -1
  120. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.d.ts +2 -1
  121. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +34 -14
  122. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
  123. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.d.ts +1 -1
  124. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +40 -13
  125. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
  126. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.d.ts +2 -0
  127. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +4 -2
  128. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
  129. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.d.ts +7 -2
  130. package/build/esm/packages/phoenix/src/core/context/context_consumer_controller.js +1 -1
  131. package/build/esm/packages/phoenix/src/global_constants.d.ts +1 -0
  132. package/build/esm/packages/phoenix/src/global_constants.js +3 -2
  133. package/build/esm/packages/phoenix/src/global_constants.js.map +1 -1
  134. package/build/esm/packages/phoenix/src/index.js +15 -15
  135. package/package.json +1 -1
@@ -3,14 +3,14 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
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.js');
9
6
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
7
+ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
8
+ var lit = require('lit');
9
+ var switch_constants = require('./switch_constants.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');
12
11
  var label_constants = require('../label/label_constants.js');
13
- var switch_constants = require('./switch_constants.js');
12
+ var decorators = require('lit/decorators');
13
+ var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
14
14
 
15
15
  exports.HSwitchContent = class HSwitchContent extends phoenix_light_lit_element.PhoenixLightLitElement {
16
16
  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,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;"}
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,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;"}
@@ -3,13 +3,13 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
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.js');
9
6
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
7
+ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
8
+ var decorators = require('lit/decorators');
10
9
  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');
10
+ var lit = require('lit');
12
11
  var switch_constants = require('./switch_constants.js');
12
+ var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
13
13
 
14
14
  exports.HSwitchControl = class HSwitchControl 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,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;"}
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;"}
@@ -3,13 +3,13 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
6
- var decorators = require('lit/decorators');
7
- var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
8
6
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
9
- var index = require('../../../../external/classnames/index.js');
10
- var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
7
+ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
8
+ var decorators = require('lit/decorators');
11
9
  var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
10
+ var index = require('../../../../external/classnames/index.js');
12
11
  var textarea_constants = require('./textarea_constants.js');
12
+ var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
13
13
 
14
14
  exports.HTextarea = class HTextarea extends phoenix_light_lit_element.PhoenixLightLitElement {
15
15
  constructor() {
@@ -22,7 +22,7 @@ exports.HTextarea = class HTextarea extends phoenix_light_lit_element.PhoenixLig
22
22
  connectedCallback() {
23
23
  super.connectedCallback();
24
24
  this.classList.add(textarea_constants.TEXTAREA_CONTROL_CSS_CLASSES.textarea);
25
- const cssClasses = index['default']({
25
+ const cssClasses = index["default"]({
26
26
  [textarea_constants.TEXTAREA_CONTROL_CSS_CLASSES.textareaDisabled]: this.disabled,
27
27
  [textarea_constants.TEXTAREA_CONTROL_CSS_CLASSES.textareaError]: this.error,
28
28
  [textarea_constants.TEXTAREA_CONTROL_CSS_CLASSES.textareaReadonly]: this.readonly
@@ -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;"}
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;"}
@@ -3,13 +3,13 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
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.js');
9
6
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
7
+ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
8
+ var decorators = require('lit/decorators');
10
9
  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');
10
+ var lit = require('lit');
12
11
  var textarea_constants = require('./textarea_constants.js');
12
+ var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
13
13
 
14
14
  exports.HTextareaControl = class HTextareaControl 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,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;"}
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;"}
@@ -3,14 +3,14 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ var modal_constants = require('./modal_constants.js');
6
7
  var lit = require('lit');
8
+ var ref = require('../../../../../external/lit-html/directives/ref.js');
7
9
  var decorators = require('lit/decorators');
10
+ var backdrop_constants = require('../backdrop/backdrop_constants.js');
11
+ var portal_constants = require('../portal/portal_constants.js');
8
12
  var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
9
13
  var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
10
- var portal_constants = require('../portal/portal_constants.js');
11
- var modal_constants = require('./modal_constants.js');
12
- var ref = require('../../../../../external/lit-html/directives/ref.js');
13
- var backdrop_constants = require('../backdrop/backdrop_constants.js');
14
14
 
15
15
  var HModal_1;
16
16
  exports.HModal = HModal_1 = class HModal 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,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,oDAAwD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA,kBAAkB,oDAAwD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ var modal_constants = require('./modal_constants.js');
6
7
  var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
7
8
  var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
8
- var modal_constants = require('./modal_constants.js');
9
9
 
10
10
  exports.HModalClose = class HModalClose extends phoenix_light_lit_element.PhoenixLightLitElement {
11
11
  constructor() {
@@ -3,17 +3,17 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
- require('lit');
7
6
  var decorators = require('lit/decorators');
7
+ var portal_constants = require('./portal_constants.js');
8
8
  var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
9
+ require('lit');
9
10
  var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
10
- var portal_constants = require('./portal_constants.js');
11
11
  var v4 = require('../../../../../external/uuid/dist/esm-browser/v4.js');
12
12
 
13
13
  exports.HPortal = class HPortal extends phoenix_light_lit_element.PhoenixLightLitElement {
14
14
  constructor() {
15
15
  super();
16
- this._id = v4['default']();
16
+ this._id = v4["default"]();
17
17
  this._initialChildren = [];
18
18
  this.to = '';
19
19
  this.disabled = false;
@@ -3,11 +3,11 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ var portal_constants = require('./portal_constants.js');
6
7
  var decorators = require('lit/decorators');
7
8
  var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
8
9
  var portal_target_error = require('./portal_target_error.js');
9
10
  var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
10
- var portal_constants = require('./portal_constants.js');
11
11
 
12
12
  var HPortalTarget_1;
13
13
  exports.HPortalTarget = HPortalTarget_1 = class HPortalTarget extends phoenix_light_lit_element.PhoenixLightLitElement {
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
- require('lit');
7
6
  var click_outside_controller_messages = require('./click_outside_controller_messages.js');
7
+ require('lit');
8
8
 
9
9
  var _ClickOutsideController_host, _ClickOutsideController_container;
10
10
  class ClickOutsideController {
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
- require('lit');
7
6
  var keystrokes_controller_constants = require('./keystrokes_controller_constants.js');
7
+ require('lit');
8
8
 
9
9
  var _KeystrokesController_host;
10
10
  class KeystrokesController {
@@ -5,19 +5,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
6
  var relative_position_controller_constants = require('./relative_position_controller_constants.js');
7
7
 
8
- var _PositionCalculator_direction, _PositionCalculator_relativeElementRect, _PositionCalculator_positionElementRect, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, _PositionCalculator_containerRect;
8
+ var _PositionCalculator_direction, _PositionCalculator_relativeElementRect, _PositionCalculator_positionElementRect, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, _PositionCalculator_containerRect, _PositionCalculator_documentHeight, _PositionCalculator_disableRepositioning;
9
9
  class PositionCalculator {
10
- constructor({ direction, relativeElementRect, positionElementRect, container = document.body, nearestNonStaticElementFromElementToPositionRect }) {
10
+ constructor({ direction, relativeElementRect, positionElementRect, container = document.body, nearestNonStaticElementFromElementToPositionRect, disableRepositioning }) {
11
11
  _PositionCalculator_direction.set(this, void 0);
12
12
  _PositionCalculator_relativeElementRect.set(this, void 0);
13
13
  _PositionCalculator_positionElementRect.set(this, void 0);
14
14
  _PositionCalculator_nearestNonStaticElementFromElementToPositionRect.set(this, void 0);
15
15
  _PositionCalculator_containerRect.set(this, void 0);
16
+ _PositionCalculator_documentHeight.set(this, void 0);
17
+ _PositionCalculator_disableRepositioning.set(this, void 0);
16
18
  tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_direction, direction, "f");
17
19
  tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_relativeElementRect, relativeElementRect, "f");
18
20
  tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_positionElementRect, positionElementRect, "f");
19
21
  tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, nearestNonStaticElementFromElementToPositionRect, "f");
20
22
  tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_containerRect, container.getBoundingClientRect(), "f");
23
+ tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_disableRepositioning, !!disableRepositioning, "f");
24
+ const body = document.body;
25
+ const documentElement = document.documentElement;
26
+ tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_documentHeight, Math.max(body.scrollHeight, body.offsetHeight, documentElement.clientHeight, documentElement.scrollHeight, documentElement.offsetHeight), "f");
21
27
  }
22
28
  calculatePosition() {
23
29
  const [side, alignment = relative_position_controller_constants.CALCULATOR_DIRECTIONS.center] = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_direction, "f").split('-');
@@ -25,7 +31,8 @@ class PositionCalculator {
25
31
  const alignmentPosition = this.calculateAlignmentPosition(alignment);
26
32
  return {
27
33
  ...sidePosition,
28
- ...alignmentPosition
34
+ ...alignmentPosition,
35
+ calculatedSide: `${sidePosition.calculatedSide || ''}-${alignmentPosition.calculatedSide || ''}`
29
36
  };
30
37
  }
31
38
  _canFitTopSide() {
@@ -34,7 +41,10 @@ class PositionCalculator {
34
41
  }
35
42
  _canFitBottomSide() {
36
43
  const elementPositionBottom = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
37
- return elementPositionBottom < tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").bottom && elementPositionBottom < window.innerHeight;
44
+ return elementPositionBottom < tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").bottom && elementPositionBottom < tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_documentHeight, "f");
45
+ }
46
+ _canFitCenter(centerPosition) {
47
+ return centerPosition + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height - window.scrollY < window.innerHeight && centerPosition - window.scrollY > 0;
38
48
  }
39
49
  _calculateSidePosition(side) {
40
50
  const topSideOfRelativeElement = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
@@ -42,17 +52,27 @@ class PositionCalculator {
42
52
  const centerOfRelativeElement = (topSideOfRelativeElement + bottomSideOfRelativeElement) / 2;
43
53
  switch (side) {
44
54
  case relative_position_controller_constants.CALCULATOR_DIRECTIONS.top:
55
+ if (tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_disableRepositioning, "f"))
56
+ return { top: topSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.top };
57
+ if (!this._canFitTopSide() && !this._canFitBottomSide() && !this._canFitCenter(centerOfRelativeElement))
58
+ return { top: bottomSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom, shrinkMode: true };
45
59
  if (!this._canFitTopSide() && !this._canFitBottomSide())
46
- return { top: centerOfRelativeElement };
60
+ return { top: centerOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.center };
47
61
  if (!this._canFitTopSide())
48
- return { top: bottomSideOfRelativeElement };
49
- return { top: topSideOfRelativeElement };
62
+ return { top: bottomSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom };
63
+ return { top: topSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.top };
50
64
  case relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom:
65
+ if (tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_disableRepositioning, "f"))
66
+ return { top: bottomSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom };
67
+ if (!this._canFitTopSide() && !this._canFitBottomSide() && !this._canFitCenter(centerOfRelativeElement))
68
+ return { top: bottomSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom, shrinkMode: true };
51
69
  if (!this._canFitTopSide() && !this._canFitBottomSide())
52
- return { top: centerOfRelativeElement };
70
+ return { top: centerOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.center };
53
71
  if (!this._canFitBottomSide())
54
- return { top: topSideOfRelativeElement };
55
- return { top: bottomSideOfRelativeElement };
72
+ return { top: topSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.top };
73
+ return { top: bottomSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom };
74
+ case relative_position_controller_constants.CALCULATOR_DIRECTIONS.center:
75
+ return { top: centerOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.center };
56
76
  case relative_position_controller_constants.CALCULATOR_DIRECTIONS.left:
57
77
  // do zaimplementowania
58
78
  return { top: 0 };
@@ -75,17 +95,17 @@ class PositionCalculator {
75
95
  // do zaimplementowania
76
96
  return { left: 0 };
77
97
  case relative_position_controller_constants.CALCULATOR_DIRECTIONS.left:
78
- return { left: alignmentToLeftSide };
98
+ return { left: alignmentToLeftSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.left };
79
99
  case relative_position_controller_constants.CALCULATOR_DIRECTIONS.right:
80
- return { left: alignmentToRightSide };
100
+ return { left: alignmentToRightSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.right };
81
101
  case relative_position_controller_constants.CALCULATOR_DIRECTIONS.center:
82
- return { left: alignmentToCenter };
102
+ return { left: alignmentToCenter, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.center };
83
103
  default:
84
104
  return { left: 0 };
85
105
  }
86
106
  }
87
107
  }
88
- _PositionCalculator_direction = new WeakMap(), _PositionCalculator_relativeElementRect = new WeakMap(), _PositionCalculator_positionElementRect = new WeakMap(), _PositionCalculator_nearestNonStaticElementFromElementToPositionRect = new WeakMap(), _PositionCalculator_containerRect = new WeakMap();
108
+ _PositionCalculator_direction = new WeakMap(), _PositionCalculator_relativeElementRect = new WeakMap(), _PositionCalculator_positionElementRect = new WeakMap(), _PositionCalculator_nearestNonStaticElementFromElementToPositionRect = new WeakMap(), _PositionCalculator_containerRect = new WeakMap(), _PositionCalculator_documentHeight = new WeakMap(), _PositionCalculator_disableRepositioning = new WeakMap();
89
109
 
90
110
  exports.PositionCalculator = PositionCalculator;
91
111
  //# sourceMappingURL=relative_position_calculator.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -3,12 +3,13 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
- require('lit');
7
6
  var relative_position_controller_constants = require('./relative_position_controller_constants.js');
8
7
  var relative_position_calculator = require('./relative_position_calculator.js');
8
+ require('lit');
9
+ var global_constants = require('../../global_constants.js');
9
10
  var lodash = require('../../../../../external/lodash/lodash.js');
10
11
 
11
- var _RelativePositionController_host, _RelativePositionController_container, _RelativePositionController_nearestNonStaticElementFromElementToPosition, _RelativePositionController_direction, _RelativePositionController_nearestScrollableElement, _RelativePositionController_relativeElement, _RelativePositionController_elementToPosition, _RelativePositionController_shouldDisablePositioning, _RelativePositionController_portalElementsNames, _RelativePositionController_throttledReposition, _RelativePositionController_throttledRepositionForScroll;
12
+ var _RelativePositionController_host, _RelativePositionController_container, _RelativePositionController_nearestNonStaticElementFromElementToPosition, _RelativePositionController_direction, _RelativePositionController_nearestScrollableElement, _RelativePositionController_relativeElement, _RelativePositionController_elementToPosition, _RelativePositionController_shouldDisablePositioning, _RelativePositionController_portalElementsNames, _RelativePositionController_isInitiallyScrollable, _RelativePositionController_initialMaxHeight, _RelativePositionController_initialHeight, _RelativePositionController_calculatedDirection, _RelativePositionController_throttledReposition, _RelativePositionController_throttledRepositionForScroll;
12
13
  class RelativePositionController {
13
14
  constructor({ host, container, direction, relativeElement, elementToPosition, shouldDisablePositioning, portalElementsNames = [] }) {
14
15
  _RelativePositionController_host.set(this, void 0);
@@ -20,19 +21,23 @@ class RelativePositionController {
20
21
  _RelativePositionController_elementToPosition.set(this, void 0);
21
22
  _RelativePositionController_shouldDisablePositioning.set(this, void 0);
22
23
  _RelativePositionController_portalElementsNames.set(this, void 0);
23
- _RelativePositionController_throttledReposition.set(this, lodash['default'].throttle(() => {
24
+ _RelativePositionController_isInitiallyScrollable.set(this, void 0);
25
+ _RelativePositionController_initialMaxHeight.set(this, void 0);
26
+ _RelativePositionController_initialHeight.set(this, void 0);
27
+ _RelativePositionController_calculatedDirection.set(this, void 0);
28
+ _RelativePositionController_throttledReposition.set(this, lodash["default"].throttle(() => {
24
29
  if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_shouldDisablePositioning, "f")) {
25
- this.position();
30
+ this.position(true);
26
31
  return;
27
32
  }
28
- tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_shouldDisablePositioning, "f").call(this) ? this.disableRelativePositioning() : this.position();
33
+ tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_shouldDisablePositioning, "f").call(this) ? this.disableRelativePositioning() : this.position(true);
29
34
  }, relative_position_controller_constants.DEFAULT_THROTTLE_WAIT_TIME));
30
- _RelativePositionController_throttledRepositionForScroll.set(this, lodash['default'].throttle(() => {
35
+ _RelativePositionController_throttledRepositionForScroll.set(this, lodash["default"].throttle(() => {
31
36
  if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_shouldDisablePositioning, "f")) {
32
- this.position();
37
+ this.position(true);
33
38
  return;
34
39
  }
35
- tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_shouldDisablePositioning, "f").call(this) ? this.disableRelativePositioning() : this.position();
40
+ tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_shouldDisablePositioning, "f").call(this) ? this.disableRelativePositioning() : this.position(true);
36
41
  }, relative_position_controller_constants.DEFAULT_SCROLL_THROTTLE_WAIT_TIME));
37
42
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_host, host, "f");
38
43
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_container, container, "f");
@@ -41,6 +46,8 @@ class RelativePositionController {
41
46
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_elementToPosition, elementToPosition, "f");
42
47
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_shouldDisablePositioning, shouldDisablePositioning, "f");
43
48
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_portalElementsNames, portalElementsNames, "f");
49
+ tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_isInitiallyScrollable, elementToPosition.classList.contains(global_constants.SCROLLABLE_CLASS_NAME), "f");
50
+ tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_initialMaxHeight, getComputedStyle(elementToPosition).maxHeight, "f");
44
51
  tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_host, "f").addController(this);
45
52
  }
46
53
  hostConnected() {
@@ -57,19 +64,28 @@ class RelativePositionController {
57
64
  if (tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f"))
58
65
  tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f").removeEventListener('scroll', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
59
66
  }
60
- position() {
67
+ position(disableRepositioning = false) {
61
68
  if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f") || !tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f"))
62
69
  return;
63
70
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, this._findContainer(tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f")), "f");
64
71
  if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_container, "f"))
65
72
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_container, tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f"), "f");
73
+ const positionElementRect = tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_initialHeight, "f")
74
+ ? {
75
+ ...tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect().toJSON(),
76
+ height: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_initialHeight, "f")
77
+ }
78
+ : tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect();
66
79
  const position = new relative_position_calculator.PositionCalculator({
67
- direction: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_direction, "f"),
80
+ direction: disableRepositioning && tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_calculatedDirection, "f") ? tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_calculatedDirection, "f") : tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_direction, "f"),
68
81
  relativeElementRect: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f").getBoundingClientRect(),
69
- positionElementRect: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect(),
82
+ positionElementRect,
70
83
  nearestNonStaticElementFromElementToPositionRect: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f").getBoundingClientRect(),
71
- container: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_container, "f")
84
+ container: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_container, "f"),
85
+ disableRepositioning
72
86
  }).calculatePosition();
87
+ if (!disableRepositioning)
88
+ tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_calculatedDirection, position.calculatedSide, "f");
73
89
  this._setElementPosition(position);
74
90
  }
75
91
  _findNearestScrollableElement(element) {
@@ -92,7 +108,7 @@ class RelativePositionController {
92
108
  return this._findParentBasedOnStyle(parent, styles, callback);
93
109
  }
94
110
  _setElementPosition(position) {
95
- if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f"))
111
+ if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f") || !tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f"))
96
112
  return;
97
113
  const { style: elementStyle } = tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f");
98
114
  if (elementStyle.position !== 'absolute')
@@ -102,6 +118,17 @@ class RelativePositionController {
102
118
  if (elementStyle.left !== '0')
103
119
  elementStyle.left = '0';
104
120
  tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").style.transform = `translate3d(${position.left}px, ${position.top}px, 0)`;
121
+ if (!position.shrinkMode) {
122
+ if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_isInitiallyScrollable, "f"))
123
+ tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").classList.remove(global_constants.SCROLLABLE_CLASS_NAME);
124
+ elementStyle.maxHeight = tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_initialMaxHeight, "f") !== 'none' ? tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_initialMaxHeight, "f") : '';
125
+ return;
126
+ }
127
+ if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_initialHeight, "f"))
128
+ tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_initialHeight, tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect().height, "f");
129
+ tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").classList.add(global_constants.SCROLLABLE_CLASS_NAME);
130
+ const shrinkModeMaxHeight = window.innerHeight - tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f").getBoundingClientRect().bottom - relative_position_controller_constants.SHRINK_MODE_BOTTOM_MARGIN;
131
+ elementStyle.maxHeight = `${shrinkModeMaxHeight > relative_position_controller_constants.SHRINK_MODE_MIN_HEIGHT ? shrinkModeMaxHeight : relative_position_controller_constants.SHRINK_MODE_MIN_HEIGHT}px`;
105
132
  }
106
133
  disableRelativePositioning() {
107
134
  if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f"))
@@ -111,7 +138,7 @@ class RelativePositionController {
111
138
  elementStyle.transform = '';
112
139
  }
113
140
  }
114
- _RelativePositionController_host = new WeakMap(), _RelativePositionController_container = new WeakMap(), _RelativePositionController_nearestNonStaticElementFromElementToPosition = new WeakMap(), _RelativePositionController_direction = new WeakMap(), _RelativePositionController_nearestScrollableElement = new WeakMap(), _RelativePositionController_relativeElement = new WeakMap(), _RelativePositionController_elementToPosition = new WeakMap(), _RelativePositionController_shouldDisablePositioning = new WeakMap(), _RelativePositionController_portalElementsNames = new WeakMap(), _RelativePositionController_throttledReposition = new WeakMap(), _RelativePositionController_throttledRepositionForScroll = new WeakMap();
141
+ _RelativePositionController_host = new WeakMap(), _RelativePositionController_container = new WeakMap(), _RelativePositionController_nearestNonStaticElementFromElementToPosition = new WeakMap(), _RelativePositionController_direction = new WeakMap(), _RelativePositionController_nearestScrollableElement = new WeakMap(), _RelativePositionController_relativeElement = new WeakMap(), _RelativePositionController_elementToPosition = new WeakMap(), _RelativePositionController_shouldDisablePositioning = new WeakMap(), _RelativePositionController_portalElementsNames = new WeakMap(), _RelativePositionController_isInitiallyScrollable = new WeakMap(), _RelativePositionController_initialMaxHeight = new WeakMap(), _RelativePositionController_initialHeight = new WeakMap(), _RelativePositionController_calculatedDirection = new WeakMap(), _RelativePositionController_throttledReposition = new WeakMap(), _RelativePositionController_throttledRepositionForScroll = new WeakMap();
115
142
 
116
143
  exports.RelativePositionController = RelativePositionController;
117
144
  //# sourceMappingURL=relative_position_controller.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA,qBAAqB,0CAA8C;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA,qBAAqB,0CAA8C;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -27,7 +27,9 @@ const NON_STATIC_POSITIONS = ['relative', 'absolute', 'fixed', 'sticky'];
27
27
  const OVERFLOW_SCROLL = 'scroll';
28
28
  const OVERFLOW_AUTO = 'auto';
29
29
  const DEFAULT_THROTTLE_WAIT_TIME = 300;
30
- const DEFAULT_SCROLL_THROTTLE_WAIT_TIME = 15;
30
+ const DEFAULT_SCROLL_THROTTLE_WAIT_TIME = 15;
31
+ const SHRINK_MODE_BOTTOM_MARGIN = 20;
32
+ const SHRINK_MODE_MIN_HEIGHT = 80;
31
33
 
32
34
  exports.CALCULATOR_DIRECTIONS = CALCULATOR_DIRECTIONS;
33
35
  exports.DEFAULT_SCROLL_THROTTLE_WAIT_TIME = DEFAULT_SCROLL_THROTTLE_WAIT_TIME;
@@ -36,4 +38,6 @@ exports.DIRECTIONS = DIRECTIONS;
36
38
  exports.NON_STATIC_POSITIONS = NON_STATIC_POSITIONS;
37
39
  exports.OVERFLOW_AUTO = OVERFLOW_AUTO;
38
40
  exports.OVERFLOW_SCROLL = OVERFLOW_SCROLL;
41
+ exports.SHRINK_MODE_BOTTOM_MARGIN = SHRINK_MODE_BOTTOM_MARGIN;
42
+ exports.SHRINK_MODE_MIN_HEIGHT = SHRINK_MODE_MIN_HEIGHT;
39
43
  //# sourceMappingURL=relative_position_controller_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;"}
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;"}
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ var context_constants = require('./context_constants.js');
6
7
  require('lit');
7
8
  var context_consumer_messages_names = require('./context_consumer_messages_names.js');
8
- var context_constants = require('./context_constants.js');
9
9
 
10
10
  var _ContextConsumerController_host, _ContextConsumerController_asyncConsumerSentinelId, _ContextConsumerController_asyncConsumerIntervalId;
11
11
  class ContextConsumerController {
@@ -9,7 +9,9 @@ const BREAKPOINTS = {
9
9
  lg: 1200,
10
10
  xl: 1440,
11
11
  xxl: 1920
12
- };
12
+ };
13
+ const SCROLLABLE_CLASS_NAME = 'scrollable';
13
14
 
14
15
  exports.BREAKPOINTS = BREAKPOINTS;
16
+ exports.SCROLLABLE_CLASS_NAME = SCROLLABLE_CLASS_NAME;
15
17
  //# sourceMappingURL=global_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;"}
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;"}