@shoper/phoenix_design_system 0.5.2 → 0.7.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/package.json +1 -1
- package/build/cjs/external/lit-html/async-directive.js +0 -16
- package/build/cjs/external/lit-html/async-directive.js.map +0 -1
- package/build/cjs/external/lit-html/directive-helpers.js +0 -14
- package/build/cjs/external/lit-html/directive-helpers.js.map +0 -1
- package/build/cjs/external/lit-html/directive.js +0 -15
- package/build/cjs/external/lit-html/directive.js.map +0 -1
- package/build/cjs/external/lit-html/directives/ref.js +0 -17
- package/build/cjs/external/lit-html/directives/ref.js.map +0 -1
- package/build/cjs/external/lit-html/lit-html.js +0 -14
- package/build/cjs/external/lit-html/lit-html.js.map +0 -1
- package/build/cjs/external/tslib/tslib.es6.js +0 -48
- package/build/cjs/external/tslib/tslib.es6.js.map +0 -1
- package/build/cjs/external/uuid/dist/esm-browser/regex.js +0 -8
- package/build/cjs/external/uuid/dist/esm-browser/regex.js.map +0 -1
- package/build/cjs/external/uuid/dist/esm-browser/rng.js +0 -26
- package/build/cjs/external/uuid/dist/esm-browser/rng.js.map +0 -1
- package/build/cjs/external/uuid/dist/esm-browser/stringify.js +0 -36
- package/build/cjs/external/uuid/dist/esm-browser/stringify.js.map +0 -1
- package/build/cjs/external/uuid/dist/esm-browser/v4.js +0 -29
- package/build/cjs/external/uuid/dist/esm-browser/v4.js.map +0 -1
- package/build/cjs/external/uuid/dist/esm-browser/validate.js +0 -12
- package/build/cjs/external/uuid/dist/esm-browser/validate.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal.js +0 -221
- package/build/cjs/packages/phoenix/src/components/modal/modal.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal_backdrop.js +0 -66
- package/build/cjs/packages/phoenix/src/components/modal/modal_backdrop.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal_body.js +0 -20
- package/build/cjs/packages/phoenix/src/components/modal/modal_body.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal_close.js +0 -41
- package/build/cjs/packages/phoenix/src/components/modal/modal_close.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal_constants.js +0 -19
- package/build/cjs/packages/phoenix/src/components/modal/modal_constants.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal_footer.js +0 -20
- package/build/cjs/packages/phoenix/src/components/modal/modal_footer.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal_header.js +0 -20
- package/build/cjs/packages/phoenix/src/components/modal/modal_header.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal_opener.js +0 -44
- package/build/cjs/packages/phoenix/src/components/modal/modal_opener.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/portal/portal.js +0 -86
- package/build/cjs/packages/phoenix/src/components/portal/portal.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/portal/portal_constants.js +0 -13
- package/build/cjs/packages/phoenix/src/components/portal/portal_constants.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/portal/portal_target.js +0 -77
- package/build/cjs/packages/phoenix/src/components/portal/portal_target.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/portal/portal_target_error.js +0 -9
- package/build/cjs/packages/phoenix/src/components/portal/portal_target_error.js.map +0 -1
- package/build/cjs/packages/phoenix/src/core/context/context_consumer_controller.js +0 -33
- package/build/cjs/packages/phoenix/src/core/context/context_consumer_controller.js.map +0 -1
- package/build/cjs/packages/phoenix/src/core/context/context_consumer_messages_names.js +0 -10
- package/build/cjs/packages/phoenix/src/core/context/context_consumer_messages_names.js.map +0 -1
- package/build/cjs/packages/phoenix/src/core/context/context_provider_controller.js +0 -39
- package/build/cjs/packages/phoenix/src/core/context/context_provider_controller.js.map +0 -1
- package/build/cjs/packages/phoenix/src/core/decorators/phoenix_custom_element.js +0 -58
- package/build/cjs/packages/phoenix/src/core/decorators/phoenix_custom_element.js.map +0 -1
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element.js +0 -47
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element.js.map +0 -1
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_elements_constants.js +0 -8
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_elements_constants.js.map +0 -1
- package/build/cjs/packages/phoenix/src/hello_button.js +0 -52
- package/build/cjs/packages/phoenix/src/hello_button.js.map +0 -1
- package/build/cjs/packages/phoenix/src/index.js +0 -84
- package/build/cjs/packages/phoenix/src/index.js.map +0 -1
- package/build/cjs/packages/star_core/build/esm/external/tslib/tslib.es6.js +0 -35
- package/build/cjs/packages/star_core/build/esm/external/tslib/tslib.es6.js.map +0 -1
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/values_container/values_container.js +0 -66
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/values_container/values_container.js.map +0 -1
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/values_container/values_container_error.js +0 -11
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/values_container/values_container_error.js.map +0 -1
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/core/errors/app_error.js +0 -20
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/core/errors/app_error.js.map +0 -1
- package/build/esm/external/lit-html/async-directive.js +0 -12
- package/build/esm/external/lit-html/async-directive.js.map +0 -1
- package/build/esm/external/lit-html/directive-helpers.js +0 -10
- package/build/esm/external/lit-html/directive-helpers.js.map +0 -1
- package/build/esm/external/lit-html/directive.js +0 -9
- package/build/esm/external/lit-html/directive.js.map +0 -1
- package/build/esm/external/lit-html/directives/ref.js +0 -12
- package/build/esm/external/lit-html/directives/ref.js.map +0 -1
- package/build/esm/external/lit-html/lit-html.js +0 -9
- package/build/esm/external/lit-html/lit-html.js.map +0 -1
- package/build/esm/external/tslib/tslib.es6.js +0 -41
- package/build/esm/external/tslib/tslib.es6.js.map +0 -1
- package/build/esm/external/uuid/dist/esm-browser/regex.js +0 -4
- package/build/esm/external/uuid/dist/esm-browser/regex.js.map +0 -1
- package/build/esm/external/uuid/dist/esm-browser/rng.js +0 -22
- package/build/esm/external/uuid/dist/esm-browser/rng.js.map +0 -1
- package/build/esm/external/uuid/dist/esm-browser/stringify.js +0 -32
- package/build/esm/external/uuid/dist/esm-browser/stringify.js.map +0 -1
- package/build/esm/external/uuid/dist/esm-browser/v4.js +0 -25
- package/build/esm/external/uuid/dist/esm-browser/v4.js.map +0 -1
- package/build/esm/external/uuid/dist/esm-browser/validate.js +0 -8
- package/build/esm/external/uuid/dist/esm-browser/validate.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/modal/modal.d.ts +0 -31
- package/build/esm/packages/phoenix/src/components/modal/modal.js +0 -219
- package/build/esm/packages/phoenix/src/components/modal/modal.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_backdrop.d.ts +0 -12
- package/build/esm/packages/phoenix/src/components/modal/modal_backdrop.js +0 -64
- package/build/esm/packages/phoenix/src/components/modal/modal_backdrop.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_body.d.ts +0 -4
- package/build/esm/packages/phoenix/src/components/modal/modal_body.js +0 -18
- package/build/esm/packages/phoenix/src/components/modal/modal_body.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_close.d.ts +0 -8
- package/build/esm/packages/phoenix/src/components/modal/modal_close.js +0 -39
- package/build/esm/packages/phoenix/src/components/modal/modal_close.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_constants.d.ts +0 -9
- package/build/esm/packages/phoenix/src/components/modal/modal_constants.js +0 -12
- package/build/esm/packages/phoenix/src/components/modal/modal_constants.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_footer.d.ts +0 -4
- package/build/esm/packages/phoenix/src/components/modal/modal_footer.js +0 -18
- package/build/esm/packages/phoenix/src/components/modal/modal_footer.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_header.d.ts +0 -4
- package/build/esm/packages/phoenix/src/components/modal/modal_header.js +0 -18
- package/build/esm/packages/phoenix/src/components/modal/modal_header.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_opener.d.ts +0 -9
- package/build/esm/packages/phoenix/src/components/modal/modal_opener.js +0 -42
- package/build/esm/packages/phoenix/src/components/modal/modal_opener.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/portal/portal.d.ts +0 -13
- package/build/esm/packages/phoenix/src/components/portal/portal.js +0 -84
- package/build/esm/packages/phoenix/src/components/portal/portal.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/portal/portal_constants.d.ts +0 -13
- package/build/esm/packages/phoenix/src/components/portal/portal_constants.js +0 -8
- package/build/esm/packages/phoenix/src/components/portal/portal_constants.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/portal/portal_target.d.ts +0 -13
- package/build/esm/packages/phoenix/src/components/portal/portal_target.js +0 -75
- package/build/esm/packages/phoenix/src/components/portal/portal_target.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/portal/portal_target_error.d.ts +0 -2
- package/build/esm/packages/phoenix/src/components/portal/portal_target_error.js +0 -5
- package/build/esm/packages/phoenix/src/components/portal/portal_target_error.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/portal/portal_types.d.ts +0 -5
- package/build/esm/packages/phoenix/src/components/portal/portal_types.js +0 -2
- package/build/esm/packages/phoenix/src/components/portal/portal_types.js.map +0 -1
- package/build/esm/packages/phoenix/src/core/context/context_consumer_controller.d.ts +0 -8
- package/build/esm/packages/phoenix/src/core/context/context_consumer_controller.js +0 -29
- package/build/esm/packages/phoenix/src/core/context/context_consumer_controller.js.map +0 -1
- package/build/esm/packages/phoenix/src/core/context/context_consumer_messages_names.d.ts +0 -3
- package/build/esm/packages/phoenix/src/core/context/context_consumer_messages_names.js +0 -6
- package/build/esm/packages/phoenix/src/core/context/context_consumer_messages_names.js.map +0 -1
- package/build/esm/packages/phoenix/src/core/context/context_controller_types.d.ts +0 -6
- package/build/esm/packages/phoenix/src/core/context/context_controller_types.js +0 -2
- package/build/esm/packages/phoenix/src/core/context/context_controller_types.js.map +0 -1
- package/build/esm/packages/phoenix/src/core/context/context_provider_controller.d.ts +0 -9
- package/build/esm/packages/phoenix/src/core/context/context_provider_controller.js +0 -35
- package/build/esm/packages/phoenix/src/core/context/context_provider_controller.js.map +0 -1
- package/build/esm/packages/phoenix/src/core/decorators/phoenix_custom_element.d.ts +0 -21
- package/build/esm/packages/phoenix/src/core/decorators/phoenix_custom_element.js +0 -54
- package/build/esm/packages/phoenix/src/core/decorators/phoenix_custom_element.js.map +0 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element.d.ts +0 -9
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element.js +0 -43
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element.js.map +0 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_elements_constants.d.ts +0 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_elements_constants.js +0 -4
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_elements_constants.js.map +0 -1
- package/build/esm/packages/phoenix/src/global_types.d.ts +0 -25
- package/build/esm/packages/phoenix/src/global_types.js +0 -2
- package/build/esm/packages/phoenix/src/global_types.js.map +0 -1
- package/build/esm/packages/phoenix/src/hello_button.d.ts +0 -9
- package/build/esm/packages/phoenix/src/hello_button.js +0 -50
- package/build/esm/packages/phoenix/src/hello_button.js.map +0 -1
- package/build/esm/packages/phoenix/src/index.d.ts +0 -14
- package/build/esm/packages/phoenix/src/index.js +0 -14
- package/build/esm/packages/phoenix/src/index.js.map +0 -1
- package/build/esm/packages/star_core/build/esm/external/tslib/tslib.es6.js +0 -30
- package/build/esm/packages/star_core/build/esm/external/tslib/tslib.es6.js.map +0 -1
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/values_container/values_container.js +0 -62
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/values_container/values_container.js.map +0 -1
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/values_container/values_container_error.js +0 -7
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/values_container/values_container_error.js.map +0 -1
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/core/errors/app_error.js +0 -16
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/core/errors/app_error.js.map +0 -1
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
|
|
6
|
-
var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
|
|
7
|
-
var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
|
|
8
|
-
var modal_constants = require('./modal_constants.js');
|
|
9
|
-
|
|
10
|
-
exports.HModalClose = class HModalClose extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
11
|
-
constructor() {
|
|
12
|
-
super();
|
|
13
|
-
this.tabIndex = 0;
|
|
14
|
-
this.setAttribute('role', 'button');
|
|
15
|
-
}
|
|
16
|
-
connectedCallback() {
|
|
17
|
-
super.connectedCallback();
|
|
18
|
-
this.addEventListener('click', this._dispatchModalCloseEvent);
|
|
19
|
-
this.addEventListener('keydown', this._dispatchModalCloseOnEnterEvent);
|
|
20
|
-
}
|
|
21
|
-
disconnectedCallback() {
|
|
22
|
-
this.removeEventListener('click', this._dispatchModalCloseEvent);
|
|
23
|
-
this.removeEventListener('keydown', this._dispatchModalCloseOnEnterEvent);
|
|
24
|
-
}
|
|
25
|
-
_dispatchModalCloseEvent() {
|
|
26
|
-
const closeModalEvent = new CustomEvent(modal_constants.MODAL_EVENTS.close, {
|
|
27
|
-
bubbles: true
|
|
28
|
-
});
|
|
29
|
-
this.dispatchEvent(closeModalEvent);
|
|
30
|
-
}
|
|
31
|
-
_dispatchModalCloseOnEnterEvent(ev) {
|
|
32
|
-
if (ev.code === 'Enter' || ev.code === 'Space') {
|
|
33
|
-
this._dispatchModalCloseEvent();
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
exports.HModalClose = tslib_es6.__decorate([
|
|
38
|
-
phoenix_custom_element.phoenixCustomElement('h-modal-close'),
|
|
39
|
-
tslib_es6.__metadata("design:paramtypes", [])
|
|
40
|
-
], exports.HModalClose);
|
|
41
|
-
//# sourceMappingURL=modal_close.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const MODALS_PORTAL_NAME = 'modals';
|
|
6
|
-
const MODAL_EVENTS = {
|
|
7
|
-
open: 'modal.open',
|
|
8
|
-
close: 'modal.close',
|
|
9
|
-
opened: 'modal.opened',
|
|
10
|
-
closed: 'modal.closed'
|
|
11
|
-
};
|
|
12
|
-
const MODAL_OPENED_PROP = 'opened';
|
|
13
|
-
const FOCUSABLE_ELEMENTS_WITHIN_MODAL = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
|
|
14
|
-
|
|
15
|
-
exports.FOCUSABLE_ELEMENTS_WITHIN_MODAL = FOCUSABLE_ELEMENTS_WITHIN_MODAL;
|
|
16
|
-
exports.MODALS_PORTAL_NAME = MODALS_PORTAL_NAME;
|
|
17
|
-
exports.MODAL_EVENTS = MODAL_EVENTS;
|
|
18
|
-
exports.MODAL_OPENED_PROP = MODAL_OPENED_PROP;
|
|
19
|
-
//# sourceMappingURL=modal_constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
|
|
6
|
-
var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
|
|
7
|
-
var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
|
|
8
|
-
|
|
9
|
-
exports.HModalFooter = class HModalFooter extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
10
|
-
constructor() {
|
|
11
|
-
super();
|
|
12
|
-
this.slot = this.hasAttribute('slot') ? this.slot : 'footer';
|
|
13
|
-
this.className = `modal__footer ${this.className}`;
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
exports.HModalFooter = tslib_es6.__decorate([
|
|
17
|
-
phoenix_custom_element.phoenixCustomElement('h-modal-footer'),
|
|
18
|
-
tslib_es6.__metadata("design:paramtypes", [])
|
|
19
|
-
], exports.HModalFooter);
|
|
20
|
-
//# sourceMappingURL=modal_footer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
|
|
6
|
-
var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
|
|
7
|
-
var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
|
|
8
|
-
|
|
9
|
-
exports.HModalHeader = class HModalHeader extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
10
|
-
constructor() {
|
|
11
|
-
super();
|
|
12
|
-
this.slot = this.hasAttribute('slot') ? this.slot : 'header';
|
|
13
|
-
this.className = `modal__header ${this.className}`;
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
exports.HModalHeader = tslib_es6.__decorate([
|
|
17
|
-
phoenix_custom_element.phoenixCustomElement('h-modal-header'),
|
|
18
|
-
tslib_es6.__metadata("design:paramtypes", [])
|
|
19
|
-
], exports.HModalHeader);
|
|
20
|
-
//# sourceMappingURL=modal_header.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
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
|
-
var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
|
|
9
|
-
|
|
10
|
-
exports.HModalOpener = class HModalOpener extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
11
|
-
constructor() {
|
|
12
|
-
super();
|
|
13
|
-
this.name = '';
|
|
14
|
-
this.tabIndex = 0;
|
|
15
|
-
this.setAttribute('role', 'button');
|
|
16
|
-
}
|
|
17
|
-
connectedCallback() {
|
|
18
|
-
super.connectedCallback();
|
|
19
|
-
this.addEventListener('click', this._openModal);
|
|
20
|
-
this.addEventListener('keydown', this._openModalOnKeydownEvent);
|
|
21
|
-
}
|
|
22
|
-
disconnectedCallback() {
|
|
23
|
-
this.removeEventListener('click', this._openModal);
|
|
24
|
-
this.removeEventListener('keydown', this._openModalOnKeydownEvent);
|
|
25
|
-
}
|
|
26
|
-
_openModal() {
|
|
27
|
-
const modal = document.querySelector(`h-modal#${this.name}`);
|
|
28
|
-
modal === null || modal === void 0 ? void 0 : modal.open();
|
|
29
|
-
}
|
|
30
|
-
_openModalOnKeydownEvent(ev) {
|
|
31
|
-
if (ev.code === 'Enter' || ev.code === 'Space') {
|
|
32
|
-
this._openModal();
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
tslib_es6.__decorate([
|
|
37
|
-
decorators.property({ type: String }),
|
|
38
|
-
tslib_es6.__metadata("design:type", Object)
|
|
39
|
-
], exports.HModalOpener.prototype, "name", void 0);
|
|
40
|
-
exports.HModalOpener = tslib_es6.__decorate([
|
|
41
|
-
phoenix_custom_element.phoenixCustomElement('h-modal-opener'),
|
|
42
|
-
tslib_es6.__metadata("design:paramtypes", [])
|
|
43
|
-
], exports.HModalOpener);
|
|
44
|
-
//# sourceMappingURL=modal_opener.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
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
|
-
var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
|
|
9
|
-
var portal_constants = require('./portal_constants.js');
|
|
10
|
-
var v4 = require('../../../../../external/uuid/dist/esm-browser/v4.js');
|
|
11
|
-
|
|
12
|
-
exports.HPortal = class HPortal extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
13
|
-
constructor() {
|
|
14
|
-
super();
|
|
15
|
-
this._id = v4['default']();
|
|
16
|
-
this._initialChildren = [];
|
|
17
|
-
this.to = '';
|
|
18
|
-
this.disabled = false;
|
|
19
|
-
this._initialChildren = [...this.children];
|
|
20
|
-
}
|
|
21
|
-
firstUpdated() {
|
|
22
|
-
const shouldOpenPortal = this._initialChildren.length > 0 && !this.disabled;
|
|
23
|
-
if (shouldOpenPortal) {
|
|
24
|
-
this.openPortal();
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
updated() {
|
|
28
|
-
if (this.children.length > 0) {
|
|
29
|
-
if (!this.disabled) {
|
|
30
|
-
this._initialChildren = [...this.children];
|
|
31
|
-
this.openPortal();
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
if (this.disabled === true) {
|
|
35
|
-
this.closePortal();
|
|
36
|
-
}
|
|
37
|
-
else if (this.disabled === false) {
|
|
38
|
-
this.openPortal();
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
disconnectedCallback() {
|
|
42
|
-
this.closePortal();
|
|
43
|
-
}
|
|
44
|
-
openPortal() {
|
|
45
|
-
const openPortalEvent = new CustomEvent(portal_constants.PORTAL_EVENTS.open, {
|
|
46
|
-
composed: true,
|
|
47
|
-
detail: {
|
|
48
|
-
portalId: this._id,
|
|
49
|
-
to: this.to,
|
|
50
|
-
content: [...this._initialChildren]
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
document.dispatchEvent(openPortalEvent);
|
|
54
|
-
}
|
|
55
|
-
closePortal() {
|
|
56
|
-
const closePortalEvent = new CustomEvent(portal_constants.PORTAL_EVENTS.close, {
|
|
57
|
-
composed: true,
|
|
58
|
-
detail: {
|
|
59
|
-
portalId: this._id,
|
|
60
|
-
to: this.to
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
document.dispatchEvent(closePortalEvent);
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
tslib_es6.__decorate([
|
|
67
|
-
decorators.state(),
|
|
68
|
-
tslib_es6.__metadata("design:type", Object)
|
|
69
|
-
], exports.HPortal.prototype, "_id", void 0);
|
|
70
|
-
tslib_es6.__decorate([
|
|
71
|
-
decorators.state(),
|
|
72
|
-
tslib_es6.__metadata("design:type", Array)
|
|
73
|
-
], exports.HPortal.prototype, "_initialChildren", void 0);
|
|
74
|
-
tslib_es6.__decorate([
|
|
75
|
-
decorators.property({ type: String }),
|
|
76
|
-
tslib_es6.__metadata("design:type", Object)
|
|
77
|
-
], exports.HPortal.prototype, "to", void 0);
|
|
78
|
-
tslib_es6.__decorate([
|
|
79
|
-
decorators.property({ type: Boolean }),
|
|
80
|
-
tslib_es6.__metadata("design:type", Object)
|
|
81
|
-
], exports.HPortal.prototype, "disabled", void 0);
|
|
82
|
-
exports.HPortal = tslib_es6.__decorate([
|
|
83
|
-
phoenix_custom_element.phoenixCustomElement('h-portal'),
|
|
84
|
-
tslib_es6.__metadata("design:paramtypes", [])
|
|
85
|
-
], exports.HPortal);
|
|
86
|
-
//# sourceMappingURL=portal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA,iBAAiB,qDAAyD;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;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const PORTAL_EVENTS = {
|
|
6
|
-
open: `portal.open`,
|
|
7
|
-
close: 'portal.close'
|
|
8
|
-
};
|
|
9
|
-
const PORTAL_TARGET_NAME_PROP = 'name';
|
|
10
|
-
|
|
11
|
-
exports.PORTAL_EVENTS = PORTAL_EVENTS;
|
|
12
|
-
exports.PORTAL_TARGET_NAME_PROP = PORTAL_TARGET_NAME_PROP;
|
|
13
|
-
//# sourceMappingURL=portal_constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
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
|
-
var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
|
|
9
|
-
var portal_target_error = require('./portal_target_error.js');
|
|
10
|
-
var portal_constants = require('./portal_constants.js');
|
|
11
|
-
|
|
12
|
-
var HPortalTarget_1;
|
|
13
|
-
exports.HPortalTarget = HPortalTarget_1 = class HPortalTarget extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
14
|
-
constructor() {
|
|
15
|
-
super(...arguments);
|
|
16
|
-
this.name = '';
|
|
17
|
-
this._portalElementsMap = {};
|
|
18
|
-
this.portalElements = ({ detail: { portalId, content, to } }) => {
|
|
19
|
-
var _a;
|
|
20
|
-
if (!this.doesDestinationMatch(to))
|
|
21
|
-
return;
|
|
22
|
-
const newPortalElements = [...content].map((el) => this.appendChild(el));
|
|
23
|
-
const elementsInProtal = (_a = this._portalElementsMap[portalId]) !== null && _a !== void 0 ? _a : [];
|
|
24
|
-
this._portalElementsMap[portalId] = [...newPortalElements, ...elementsInProtal];
|
|
25
|
-
};
|
|
26
|
-
this.removeTeleportedItems = ({ detail: { portalId, to } }) => {
|
|
27
|
-
var _a;
|
|
28
|
-
if (!this.doesDestinationMatch(to))
|
|
29
|
-
return;
|
|
30
|
-
(_a = this._portalElementsMap[portalId]) === null || _a === void 0 ? void 0 : _a.forEach((el) => {
|
|
31
|
-
if (el.parentElement === this) {
|
|
32
|
-
this.removeChild(el);
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
this._portalElementsMap[portalId] = [];
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
connectedCallback() {
|
|
39
|
-
super.connectedCallback();
|
|
40
|
-
this.allowOnlyOnePortalTargetWithName();
|
|
41
|
-
document.addEventListener(portal_constants.PORTAL_EVENTS.open, this.portalElements, {
|
|
42
|
-
capture: true
|
|
43
|
-
});
|
|
44
|
-
document.addEventListener(portal_constants.PORTAL_EVENTS.close, this.removeTeleportedItems, {
|
|
45
|
-
capture: true
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
disconnectedCallback() {
|
|
49
|
-
super.disconnectedCallback();
|
|
50
|
-
document.removeEventListener(portal_constants.PORTAL_EVENTS.open, this.portalElements);
|
|
51
|
-
document.removeEventListener(portal_constants.PORTAL_EVENTS.close, this.removeTeleportedItems);
|
|
52
|
-
HPortalTarget_1.portalTargetsNames.delete(this[portal_constants.PORTAL_TARGET_NAME_PROP]);
|
|
53
|
-
}
|
|
54
|
-
doesDestinationMatch(destination) {
|
|
55
|
-
return destination === this[portal_constants.PORTAL_TARGET_NAME_PROP];
|
|
56
|
-
}
|
|
57
|
-
allowOnlyOnePortalTargetWithName() {
|
|
58
|
-
if (HPortalTarget_1.portalTargetsNames.has(this[portal_constants.PORTAL_TARGET_NAME_PROP])) {
|
|
59
|
-
this.remove();
|
|
60
|
-
throw new portal_target_error.PortalTargetError(`Portal target with name "${this[portal_constants.PORTAL_TARGET_NAME_PROP]}" already exists.`);
|
|
61
|
-
}
|
|
62
|
-
HPortalTarget_1.portalTargetsNames.add(this[portal_constants.PORTAL_TARGET_NAME_PROP]);
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
exports.HPortalTarget.portalTargetsNames = new Set();
|
|
66
|
-
tslib_es6.__decorate([
|
|
67
|
-
decorators.property({ type: String }),
|
|
68
|
-
tslib_es6.__metadata("design:type", Object)
|
|
69
|
-
], exports.HPortalTarget.prototype, "name", void 0);
|
|
70
|
-
tslib_es6.__decorate([
|
|
71
|
-
decorators.state(),
|
|
72
|
-
tslib_es6.__metadata("design:type", Object)
|
|
73
|
-
], exports.HPortalTarget.prototype, "_portalElementsMap", void 0);
|
|
74
|
-
exports.HPortalTarget = HPortalTarget_1 = tslib_es6.__decorate([
|
|
75
|
-
phoenix_custom_element.phoenixCustomElement('h-portal-target')
|
|
76
|
-
], exports.HPortalTarget);
|
|
77
|
-
//# sourceMappingURL=portal_target.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
|
|
6
|
-
require('lit');
|
|
7
|
-
var context_consumer_messages_names = require('./context_consumer_messages_names.js');
|
|
8
|
-
|
|
9
|
-
var _ContextConsumerController_host;
|
|
10
|
-
class ContextConsumerController {
|
|
11
|
-
constructor(host) {
|
|
12
|
-
_ContextConsumerController_host.set(this, void 0);
|
|
13
|
-
tslib_es6.__classPrivateFieldSet(this, _ContextConsumerController_host, host, "f");
|
|
14
|
-
tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_host, "f").addController(this);
|
|
15
|
-
}
|
|
16
|
-
consume(key) {
|
|
17
|
-
const consumeEvent = new CustomEvent(context_consumer_messages_names.WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, {
|
|
18
|
-
bubbles: true,
|
|
19
|
-
cancelable: true,
|
|
20
|
-
composed: true,
|
|
21
|
-
detail: { key }
|
|
22
|
-
});
|
|
23
|
-
tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_host, "f").dispatchEvent(consumeEvent);
|
|
24
|
-
return consumeEvent.detail[key];
|
|
25
|
-
}
|
|
26
|
-
// Added to fix typescript error
|
|
27
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
28
|
-
hostConnected() { }
|
|
29
|
-
}
|
|
30
|
-
_ContextConsumerController_host = new WeakMap();
|
|
31
|
-
|
|
32
|
-
exports.ContextConsumerController = ContextConsumerController;
|
|
33
|
-
//# sourceMappingURL=context_consumer_controller.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const WEB_COMPONENT_CONTEXT_EVENTS = {
|
|
6
|
-
valueRequested: 'value-requested'
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
exports.WEB_COMPONENT_CONTEXT_EVENTS = WEB_COMPONENT_CONTEXT_EVENTS;
|
|
10
|
-
//# sourceMappingURL=context_consumer_messages_names.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
|
|
6
|
-
require('lit');
|
|
7
|
-
var context_consumer_messages_names = require('./context_consumer_messages_names.js');
|
|
8
|
-
var values_container = require('../../../../star_core/build/esm/packages/star_core/src/classes/values_container/values_container.js');
|
|
9
|
-
|
|
10
|
-
var _ContextProviderController_host, _ContextProviderController_contextValues, _ContextProviderController_handleRequestedValue;
|
|
11
|
-
class ContextProviderController {
|
|
12
|
-
constructor(host) {
|
|
13
|
-
_ContextProviderController_host.set(this, void 0);
|
|
14
|
-
_ContextProviderController_contextValues.set(this, new values_container.ValuesContainer());
|
|
15
|
-
_ContextProviderController_handleRequestedValue.set(this, (event) => {
|
|
16
|
-
const customEvent = event;
|
|
17
|
-
const valueKey = customEvent.detail.key;
|
|
18
|
-
if (!tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").has(valueKey))
|
|
19
|
-
return;
|
|
20
|
-
customEvent.detail[valueKey] = tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").get(valueKey);
|
|
21
|
-
event.stopPropagation();
|
|
22
|
-
});
|
|
23
|
-
tslib_es6.__classPrivateFieldSet(this, _ContextProviderController_host, host, "f");
|
|
24
|
-
tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_host, "f").addController(this);
|
|
25
|
-
}
|
|
26
|
-
provide(key, value) {
|
|
27
|
-
tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").add(key, value);
|
|
28
|
-
}
|
|
29
|
-
hostConnected() {
|
|
30
|
-
tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_host, "f").addEventListener(context_consumer_messages_names.WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_handleRequestedValue, "f"));
|
|
31
|
-
}
|
|
32
|
-
hostDisconnected() {
|
|
33
|
-
tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_host, "f").removeEventListener(context_consumer_messages_names.WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_handleRequestedValue, "f"));
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
_ContextProviderController_host = new WeakMap(), _ContextProviderController_contextValues = new WeakMap(), _ContextProviderController_handleRequestedValue = new WeakMap();
|
|
37
|
-
|
|
38
|
-
exports.ContextProviderController = ContextProviderController;
|
|
39
|
-
//# sourceMappingURL=context_provider_controller.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Allow for custom element classes with private constructors
|
|
7
|
-
*/
|
|
8
|
-
const legacyCustomElement = (tagName, clazz) => {
|
|
9
|
-
// Cast as any because TS doesn't recognize the return type as being a
|
|
10
|
-
// subtype of the decorated class when clazz is typed as
|
|
11
|
-
// `Constructor<HTMLElement>` for some reason.
|
|
12
|
-
// `Constructor<HTMLElement>` is helpful to make sure the decorator is
|
|
13
|
-
// applied to elements however.
|
|
14
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
15
|
-
defineComponent(tagName, clazz);
|
|
16
|
-
clazz.__componentName__ = tagName;
|
|
17
|
-
return clazz;
|
|
18
|
-
};
|
|
19
|
-
const standardCustomElement = (tagName, descriptor) => {
|
|
20
|
-
const { kind, elements } = descriptor;
|
|
21
|
-
return {
|
|
22
|
-
kind,
|
|
23
|
-
elements,
|
|
24
|
-
// This callback is called once the class is otherwise fully defined
|
|
25
|
-
finisher(clazz) {
|
|
26
|
-
clazz.__componentName__ = tagName;
|
|
27
|
-
defineComponent(tagName, clazz);
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
/**
|
|
32
|
-
* Class decorator factory that defines the decorated class as a custom element.
|
|
33
|
-
*
|
|
34
|
-
* ```js
|
|
35
|
-
* @phoenixCustomElement('my-element')
|
|
36
|
-
* class MyElement extends LitElement {
|
|
37
|
-
* render() {
|
|
38
|
-
* return html``;
|
|
39
|
-
* }
|
|
40
|
-
* }
|
|
41
|
-
* ```
|
|
42
|
-
* @category Decorator
|
|
43
|
-
* @param tagName The tag name of the custom element to define.
|
|
44
|
-
*/
|
|
45
|
-
const phoenixCustomElement = (tagName) => (classOrDescriptor) => typeof classOrDescriptor === 'function'
|
|
46
|
-
? legacyCustomElement(tagName, classOrDescriptor)
|
|
47
|
-
: standardCustomElement(tagName, classOrDescriptor);
|
|
48
|
-
const defineComponent = (tagName, componentClass) => {
|
|
49
|
-
const isCustomElementAlreadyDefined = customElements.get(tagName);
|
|
50
|
-
if (!isCustomElementAlreadyDefined)
|
|
51
|
-
window.customElements.define(tagName, componentClass);
|
|
52
|
-
if (isCustomElementAlreadyDefined && window.__debug_mode__) {
|
|
53
|
-
console.warn(`Custom element ${tagName} is already defined.`);
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
exports.phoenixCustomElement = phoenixCustomElement;
|
|
58
|
-
//# sourceMappingURL=phoenix_custom_element.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../../../external/tslib/tslib.es6.js');
|
|
6
|
-
var lit = require('lit');
|
|
7
|
-
var phoenix_light_lit_elements_constants = require('./phoenix_light_lit_elements_constants.js');
|
|
8
|
-
var decorators = require('lit/decorators');
|
|
9
|
-
|
|
10
|
-
class PhoenixLightLitElement extends lit.LitElement {
|
|
11
|
-
constructor() {
|
|
12
|
-
super();
|
|
13
|
-
this._slots = {};
|
|
14
|
-
}
|
|
15
|
-
firstUpdated() {
|
|
16
|
-
this._slots = this._assignSlots();
|
|
17
|
-
this.requestUpdate();
|
|
18
|
-
}
|
|
19
|
-
_assignSlots() {
|
|
20
|
-
return [...this.querySelectorAll(':scope > [slot]')].reduce((acc, $el) => {
|
|
21
|
-
var _a;
|
|
22
|
-
const slotName = $el.slot || phoenix_light_lit_elements_constants.DEFAULT_SLOT_NAME;
|
|
23
|
-
acc[slotName] = acc[slotName] || [];
|
|
24
|
-
acc[slotName].push(lit.html `${$el}`);
|
|
25
|
-
(_a = $el.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild($el);
|
|
26
|
-
$el.removeAttribute('slot');
|
|
27
|
-
return acc;
|
|
28
|
-
}, this._slots);
|
|
29
|
-
}
|
|
30
|
-
getSlot(name) {
|
|
31
|
-
try {
|
|
32
|
-
return this._slots[name];
|
|
33
|
-
}
|
|
34
|
-
catch (_a) { }
|
|
35
|
-
return lit.nothing;
|
|
36
|
-
}
|
|
37
|
-
createRenderRoot() {
|
|
38
|
-
return this;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
tslib_es6.__decorate([
|
|
42
|
-
decorators.state(),
|
|
43
|
-
tslib_es6.__metadata("design:type", Object)
|
|
44
|
-
], PhoenixLightLitElement.prototype, "_slots", void 0);
|
|
45
|
-
|
|
46
|
-
exports.PhoenixLightLitElement = PhoenixLightLitElement;
|
|
47
|
-
//# sourceMappingURL=phoenix_light_lit_element.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,yCAA6C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../../external/tslib/tslib.es6.js');
|
|
6
|
-
var lit = require('lit');
|
|
7
|
-
var decorators = require('lit/decorators');
|
|
8
|
-
var phoenix_custom_element = require('./core/decorators/phoenix_custom_element.js');
|
|
9
|
-
|
|
10
|
-
exports.HelloButton = class HelloButton extends lit.LitElement {
|
|
11
|
-
constructor() {
|
|
12
|
-
super(...arguments);
|
|
13
|
-
this.greeting = 'Hello';
|
|
14
|
-
this.planet = 'World';
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
super.render();
|
|
18
|
-
return lit.html `
|
|
19
|
-
<span @click="${this.togglePlanet}"
|
|
20
|
-
>${this.greeting}
|
|
21
|
-
<span class="planet">${this.planet}</span>
|
|
22
|
-
<slot></slot>
|
|
23
|
-
</span>
|
|
24
|
-
`;
|
|
25
|
-
}
|
|
26
|
-
togglePlanet() {
|
|
27
|
-
this.planet = this.planet === 'World' ? 'Mars' : 'World';
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
exports.HelloButton.moduleName = 'my-element';
|
|
31
|
-
exports.HelloButton.styles = lit.css `
|
|
32
|
-
:host {
|
|
33
|
-
display: inline-block;
|
|
34
|
-
padding: 10px;
|
|
35
|
-
background: lightgray;
|
|
36
|
-
}
|
|
37
|
-
.planet {
|
|
38
|
-
color: var(--planet-color, blue);
|
|
39
|
-
}
|
|
40
|
-
`;
|
|
41
|
-
tslib_es6.__decorate([
|
|
42
|
-
decorators.state(),
|
|
43
|
-
tslib_es6.__metadata("design:type", Object)
|
|
44
|
-
], exports.HelloButton.prototype, "greeting", void 0);
|
|
45
|
-
tslib_es6.__decorate([
|
|
46
|
-
decorators.state(),
|
|
47
|
-
tslib_es6.__metadata("design:type", Object)
|
|
48
|
-
], exports.HelloButton.prototype, "planet", void 0);
|
|
49
|
-
exports.HelloButton = tslib_es6.__decorate([
|
|
50
|
-
phoenix_custom_element.phoenixCustomElement('hello-button')
|
|
51
|
-
], exports.HelloButton);
|
|
52
|
-
//# sourceMappingURL=hello_button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,sCAA0C;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;"}
|