@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.
- package/build/cjs/external/lit-html/directives/ref.js +1 -1
- package/build/cjs/external/lodash/lodash.js +2 -2
- package/build/cjs/external/uuid/dist/esm-browser/regex.js +1 -1
- package/build/cjs/external/uuid/dist/esm-browser/rng.js +1 -1
- package/build/cjs/external/uuid/dist/esm-browser/stringify.js +2 -2
- package/build/cjs/external/uuid/dist/esm-browser/v4.js +3 -3
- package/build/cjs/external/uuid/dist/esm-browser/validate.js +2 -2
- package/build/cjs/packages/phoenix/external/classnames/index.js +2 -2
- package/build/cjs/packages/phoenix/src/components/accordion/accordion.js +3 -3
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +4 -4
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js +5 -5
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js +3 -3
- package/build/cjs/packages/phoenix/src/components/backdrop/backdrop.js +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +5 -5
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js +2 -2
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js +3 -3
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js +5 -5
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_content.js +5 -5
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js +5 -5
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/control/control.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/control/control_additional_content.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/control/control_content.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/control/control_element.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/control/control_errors.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/control/control_label.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input/input.js +3 -3
- package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +2 -2
- package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js +3 -3
- package/build/cjs/packages/phoenix/src/components/form/input/input_unit.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/radio/radio.js +5 -5
- package/build/cjs/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/radio/radio_content.js +4 -4
- package/build/cjs/packages/phoenix/src/components/form/radio/radio_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/radio/radio_control.js +4 -4
- package/build/cjs/packages/phoenix/src/components/form/radio/radio_control.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/switch/switch.js +5 -5
- package/build/cjs/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/switch/switch_content.js +5 -5
- package/build/cjs/packages/phoenix/src/components/form/switch/switch_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/switch/switch_control.js +4 -4
- package/build/cjs/packages/phoenix/src/components/form/switch/switch_control.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js +5 -5
- package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/textarea/textarea_control.js +4 -4
- package/build/cjs/packages/phoenix/src/components/form/textarea/textarea_control.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal.js +4 -4
- package/build/cjs/packages/phoenix/src/components/modal/modal.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal_close.js +1 -1
- package/build/cjs/packages/phoenix/src/components/portal/portal.js +3 -3
- package/build/cjs/packages/phoenix/src/components/portal/portal_target.js +1 -1
- package/build/cjs/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller.js +1 -1
- package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js +1 -1
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +34 -14
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +41 -14
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +5 -1
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/core/context/context_consumer_controller.js +1 -1
- package/build/cjs/packages/phoenix/src/global_constants.js +3 -1
- package/build/cjs/packages/phoenix/src/global_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/index.js +90 -164
- package/build/cjs/packages/phoenix/src/index.js.map +1 -1
- package/build/esm/external/lit-html/directives/ref.js +1 -1
- package/build/esm/external/lodash/lodash.js +2 -2
- package/build/esm/external/uuid/dist/esm-browser/regex.js +1 -1
- package/build/esm/external/uuid/dist/esm-browser/rng.js +1 -1
- package/build/esm/external/uuid/dist/esm-browser/stringify.js +1 -1
- package/build/esm/external/uuid/dist/esm-browser/v4.js +1 -1
- package/build/esm/external/uuid/dist/esm-browser/validate.js +1 -1
- package/build/esm/packages/phoenix/external/classnames/index.js +2 -2
- package/build/esm/packages/phoenix/src/components/accordion/accordion.js +3 -3
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +4 -4
- package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js +5 -5
- package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js +3 -3
- package/build/esm/packages/phoenix/src/components/backdrop/backdrop.js +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +5 -5
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js +2 -2
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js +3 -3
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js +4 -4
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_content.js +5 -5
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js +4 -4
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_additional_content.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_content.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_element.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_errors.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_label.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/input/input_control.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/input/input_icon.js +3 -3
- package/build/esm/packages/phoenix/src/components/form/input/input_unit.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio.js +4 -4
- package/build/esm/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio_content.js +4 -4
- package/build/esm/packages/phoenix/src/components/form/radio/radio_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio_control.js +4 -4
- package/build/esm/packages/phoenix/src/components/form/radio/radio_control.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/switch/switch.js +4 -4
- package/build/esm/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/switch/switch_content.js +5 -5
- package/build/esm/packages/phoenix/src/components/form/switch/switch_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/switch/switch_control.js +4 -4
- package/build/esm/packages/phoenix/src/components/form/switch/switch_control.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js +4 -4
- package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/textarea/textarea_control.js +4 -4
- package/build/esm/packages/phoenix/src/components/form/textarea/textarea_control.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal.js +4 -4
- package/build/esm/packages/phoenix/src/components/modal/modal.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_close.js +1 -1
- package/build/esm/packages/phoenix/src/components/portal/portal.js +2 -2
- package/build/esm/packages/phoenix/src/components/portal/portal_target.js +1 -1
- package/build/esm/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller.js +1 -1
- package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.d.ts +2 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +34 -14
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.d.ts +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +40 -13
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.d.ts +2 -0
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +4 -2
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.d.ts +7 -2
- package/build/esm/packages/phoenix/src/core/context/context_consumer_controller.js +1 -1
- package/build/esm/packages/phoenix/src/global_constants.d.ts +1 -0
- package/build/esm/packages/phoenix/src/global_constants.js +3 -2
- package/build/esm/packages/phoenix/src/global_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/index.js +15 -15
- 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
|
|
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;
|
|
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
|
|
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;
|
|
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
|
|
10
|
-
var
|
|
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[
|
|
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;
|
|
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
|
|
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;
|
|
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
|
|
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[
|
|
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 {
|
package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js
CHANGED
|
@@ -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 <
|
|
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
|
-
|
|
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[
|
|
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
|
|
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;"}
|