@shoper/phoenix_design_system 1.2.8 → 1.2.9
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/packages/phoenix/src/components/form/checkbox/checkbox_content.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js +6 -6
- package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/radio/radio_content.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/radio/radio_control.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/switch/switch_content.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/switch/switch_control.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/textarea/textarea_control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_content.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input_control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio_content.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio_control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/switch/switch_content.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/switch/switch_control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/textarea/textarea_control.js +1 -1
- package/package.json +1 -1
|
@@ -7,8 +7,8 @@ var lit = require('lit');
|
|
|
7
7
|
var decorators = require('lit/decorators');
|
|
8
8
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
9
9
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
10
|
-
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
11
10
|
var ifDefined_js = require('lit-html/directives/if-defined.js');
|
|
11
|
+
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
12
12
|
var checkbox_constants = require('./checkbox_constants.js');
|
|
13
13
|
var label_constants = require('../label/label_constants.js');
|
|
14
14
|
|
|
@@ -9,8 +9,8 @@ var decorators_js = require('@lit/reactive-element/decorators.js');
|
|
|
9
9
|
var index = require('../../../../external/classnames/index.js');
|
|
10
10
|
var litHtml = require('lit-html');
|
|
11
11
|
var ref_js = require('lit-html/directives/ref.js');
|
|
12
|
-
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
13
12
|
var ifDefined_js = require('lit-html/directives/if-defined.js');
|
|
13
|
+
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
14
14
|
var checkbox_constants = require('./checkbox_constants.js');
|
|
15
15
|
|
|
16
16
|
exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
@@ -12,8 +12,8 @@ var ref_js = require('lit-html/directives/ref.js');
|
|
|
12
12
|
var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
|
|
13
13
|
var file_picker_constants = require('./file_picker_constants.js');
|
|
14
14
|
var file_model = require('./file/file_model.js');
|
|
15
|
+
var ifDefined_js = require('lit-html/directives/if-defined.js');
|
|
15
16
|
var input_constants = require('../input/input_constants.js');
|
|
16
|
-
var ifDefined = require('lit/directives/if-defined');
|
|
17
17
|
|
|
18
18
|
exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
19
19
|
constructor() {
|
|
@@ -78,11 +78,11 @@ exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.Phoeni
|
|
|
78
78
|
${ref_js.ref(this._$fileInputRef)}
|
|
79
79
|
type="file"
|
|
80
80
|
class="${file_picker_constants.FILE_PICKER_CONTROL_CSS_CLASSES.filePickerInput}"
|
|
81
|
-
id="${
|
|
82
|
-
name="${
|
|
81
|
+
id="${ifDefined_js.ifDefined(this.controlId)}"
|
|
82
|
+
name="${ifDefined_js.ifDefined(this.controlName)}"
|
|
83
83
|
?disabled="${this.disabled}"
|
|
84
84
|
?required="${this.required}"
|
|
85
|
-
accept="${
|
|
85
|
+
accept="${ifDefined_js.ifDefined(this.accept)}"
|
|
86
86
|
@change="${this._handleChangeEvent}"
|
|
87
87
|
hidden
|
|
88
88
|
/>
|
|
@@ -91,7 +91,7 @@ exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.Phoeni
|
|
|
91
91
|
? lit.html ` <h-file-picker-label
|
|
92
92
|
control-id="${this.controlId}"
|
|
93
93
|
label-text="${this.labelText}"
|
|
94
|
-
label-icon-name="${
|
|
94
|
+
label-icon-name="${ifDefined_js.ifDefined(this.labelIconName)}"
|
|
95
95
|
/>`
|
|
96
96
|
: lit.nothing}
|
|
97
97
|
${((_b = this._file) === null || _b === void 0 ? void 0 : _b.name)
|
|
@@ -99,7 +99,7 @@ exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.Phoeni
|
|
|
99
99
|
name="${this._file.name}"
|
|
100
100
|
id="${this._file.id}"
|
|
101
101
|
remove-button-text="${this.removeButtonText}"
|
|
102
|
-
remove-button-icon-name="${
|
|
102
|
+
remove-button-icon-name="${ifDefined_js.ifDefined(this.removeButtonIconName)}"
|
|
103
103
|
/>`
|
|
104
104
|
: lit.nothing}
|
|
105
105
|
`;
|
|
@@ -7,9 +7,9 @@ var lit = require('lit');
|
|
|
7
7
|
var decorators = require('lit/decorators');
|
|
8
8
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
9
9
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
10
|
+
var ifDefined_js = require('lit-html/directives/if-defined.js');
|
|
10
11
|
var input_constants = require('./input_constants.js');
|
|
11
12
|
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
12
|
-
var ifDefined_js = require('lit-html/directives/if-defined.js');
|
|
13
13
|
|
|
14
14
|
exports.HInputControl = class HInputControl extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
15
15
|
constructor() {
|
|
@@ -7,8 +7,8 @@ var lit = require('lit');
|
|
|
7
7
|
var decorators = require('lit/decorators');
|
|
8
8
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
9
9
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
10
|
-
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
11
10
|
var ifDefined_js = require('lit-html/directives/if-defined.js');
|
|
11
|
+
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
12
12
|
var label_constants = require('../label/label_constants.js');
|
|
13
13
|
var radio_constants = require('./radio_constants.js');
|
|
14
14
|
|
|
@@ -7,8 +7,8 @@ var lit = require('lit');
|
|
|
7
7
|
var decorators = require('lit/decorators');
|
|
8
8
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
9
9
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
10
|
-
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
11
10
|
var ifDefined_js = require('lit-html/directives/if-defined.js');
|
|
11
|
+
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
12
12
|
var radio_constants = require('./radio_constants.js');
|
|
13
13
|
|
|
14
14
|
exports.HRadioControl = class HRadioControl extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
@@ -7,8 +7,8 @@ var lit = require('lit');
|
|
|
7
7
|
var decorators = require('lit/decorators');
|
|
8
8
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
9
9
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
10
|
-
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
11
10
|
var ifDefined_js = require('lit-html/directives/if-defined.js');
|
|
11
|
+
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
12
12
|
var label_constants = require('../label/label_constants.js');
|
|
13
13
|
var switch_constants = require('./switch_constants.js');
|
|
14
14
|
|
|
@@ -7,8 +7,8 @@ var lit = require('lit');
|
|
|
7
7
|
var decorators = require('lit/decorators');
|
|
8
8
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
9
9
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
10
|
-
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
11
10
|
var ifDefined_js = require('lit-html/directives/if-defined.js');
|
|
11
|
+
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
12
12
|
var switch_constants = require('./switch_constants.js');
|
|
13
13
|
|
|
14
14
|
exports.HSwitchControl = class HSwitchControl extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
@@ -7,8 +7,8 @@ var lit = require('lit');
|
|
|
7
7
|
var decorators = require('lit/decorators');
|
|
8
8
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
9
9
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
10
|
-
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
11
10
|
var ifDefined_js = require('lit-html/directives/if-defined.js');
|
|
11
|
+
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
12
12
|
var textarea_constants = require('./textarea_constants.js');
|
|
13
13
|
|
|
14
14
|
exports.HTextareaControl = class HTextareaControl extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
@@ -3,8 +3,8 @@ import { html, nothing } from 'lit';
|
|
|
3
3
|
import { property } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
|
-
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
7
6
|
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
7
|
+
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
8
8
|
import { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_SLOTS } from './checkbox_constants.js';
|
|
9
9
|
import { LABEL_CSS_CLASSES } from '../label/label_constants.js';
|
|
10
10
|
|
|
@@ -5,8 +5,8 @@ import { property } from '@lit/reactive-element/decorators.js';
|
|
|
5
5
|
import classnames from '../../../../external/classnames/index.js';
|
|
6
6
|
import { html } from 'lit-html';
|
|
7
7
|
import { createRef, ref } from 'lit-html/directives/ref.js';
|
|
8
|
-
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
9
8
|
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
9
|
+
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
10
10
|
import { CHECKBOX_CONTROL_EVENTS, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
|
|
11
11
|
|
|
12
12
|
let HCheckboxControl = class HCheckboxControl extends PhoenixLightLitElement {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TemplateResult } from 'lit';
|
|
2
|
-
import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
3
2
|
import type { TInputControlType } from "../input/input_types";
|
|
3
|
+
import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
4
4
|
export declare class HFilePicker extends PhoenixLightLitElement {
|
|
5
5
|
controlId: string;
|
|
6
6
|
controlName: string;
|
|
@@ -8,8 +8,8 @@ import { createRef, ref } from 'lit-html/directives/ref.js';
|
|
|
8
8
|
import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
|
|
9
9
|
import { FILE_PICKER_CONTROL_CSS_CLASSES, FILE_ITEM_EVENT_NAMES, FILE_PICKER_LABEL_EVENT_NAMES } from './file_picker_constants.js';
|
|
10
10
|
import { FileItem } from './file/file_model.js';
|
|
11
|
+
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
11
12
|
import { INPUT_CONTROL_TYPES } from '../input/input_constants.js';
|
|
12
|
-
import { ifDefined } from 'lit/directives/if-defined';
|
|
13
13
|
|
|
14
14
|
let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
|
|
15
15
|
constructor() {
|
|
@@ -3,9 +3,9 @@ import { html } from 'lit';
|
|
|
3
3
|
import { property } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
|
+
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
6
7
|
import { INPUT_CONTROL_TYPES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
|
|
7
8
|
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
8
|
-
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
9
9
|
|
|
10
10
|
let HInputControl = class HInputControl extends PhoenixLightLitElement {
|
|
11
11
|
constructor() {
|
|
@@ -3,8 +3,8 @@ import { html, nothing } from 'lit';
|
|
|
3
3
|
import { property } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
|
-
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
7
6
|
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
7
|
+
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
8
8
|
import { LABEL_CSS_CLASSES } from '../label/label_constants.js';
|
|
9
9
|
import { RADIO_CONTROL_CSS_CLASSES, RADIO_SLOTS } from './radio_constants.js';
|
|
10
10
|
|
|
@@ -3,8 +3,8 @@ import { html } from 'lit';
|
|
|
3
3
|
import { property } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
|
-
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
7
6
|
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
7
|
+
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
8
8
|
import { RADIO_CONTROL_EVENTS, RADIO_CONTROL_CSS_CLASSES } from './radio_constants.js';
|
|
9
9
|
|
|
10
10
|
let HRadioControl = class HRadioControl extends PhoenixLightLitElement {
|
|
@@ -3,8 +3,8 @@ import { html, nothing } from 'lit';
|
|
|
3
3
|
import { property } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
|
-
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
7
6
|
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
7
|
+
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
8
8
|
import { LABEL_CSS_CLASSES } from '../label/label_constants.js';
|
|
9
9
|
import { SWITCH_CONTROL_CSS_CLASSES, SWITCH_SLOTS } from './switch_constants.js';
|
|
10
10
|
|
|
@@ -3,8 +3,8 @@ import { html } from 'lit';
|
|
|
3
3
|
import { property } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
|
-
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
7
6
|
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
7
|
+
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
8
8
|
import { SWITCH_CONTROL_EVENTS, SWITCH_CONTROL_CSS_CLASSES } from './switch_constants.js';
|
|
9
9
|
|
|
10
10
|
let HSwitchControl = class HSwitchControl extends PhoenixLightLitElement {
|
|
@@ -3,8 +3,8 @@ import { html, nothing } from 'lit';
|
|
|
3
3
|
import { property } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
|
-
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
7
6
|
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
7
|
+
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
8
8
|
import { TEXTAREA_CONTROL_EVENTS, TEXTAREA_CONTROL_CSS_CLASSES } from './textarea_constants.js';
|
|
9
9
|
|
|
10
10
|
let HTextareaControl = class HTextareaControl extends PhoenixLightLitElement {
|