@empathyco/x-components 3.0.0-alpha.393 → 3.0.0-alpha.394

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/design-system/deprecated-full-theme.css +178 -178
  3. package/js/x-modules/extra-params/components/snippet-config-extra-params.vue.js.map +1 -1
  4. package/js/x-modules/extra-params/components/snippet-config-extra-params.vue_rollup-plugin-vue_script.vue.js +11 -21
  5. package/js/x-modules/extra-params/components/snippet-config-extra-params.vue_rollup-plugin-vue_script.vue.js.map +1 -1
  6. package/package.json +2 -2
  7. package/report/x-components.api.md +1 -3
  8. package/types/x-modules/extra-params/components/snippet-config-extra-params.vue.d.ts +4 -10
  9. package/types/x-modules/extra-params/components/snippet-config-extra-params.vue.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,15 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.0.0-alpha.394](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.393...@empathyco/x-components@3.0.0-alpha.394) (2023-07-24)
7
+
8
+
9
+ ### Features
10
+
11
+ * make the snippet-config-extra-params component react to prop changes ([9f73735](https://github.com/empathyco/x/commit/9f737351324f2fdff044f7e6b6da8a38216b4ab9))
12
+
13
+
14
+
6
15
  ## [3.0.0-alpha.393](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.392...@empathyco/x-components@3.0.0-alpha.393) (2023-07-13)
7
16
 
8
17
 
package/design-system/deprecated-full-theme.css CHANGED
@@ -3967,47 +3967,6 @@
3967
3967
  --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
3968
3968
  --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
3969
3969
  }
3970
- :root {
3971
- --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3972
- --x-color-text-suggestion-group-matching-part-default: var(
3973
- --x-color-text-suggestion-matching-part-default
3974
- );
3975
- --x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
3976
- --x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
3977
- --x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
3978
- --x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
3979
- --x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
3980
- --x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
3981
- --x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
3982
- --x-size-border-width-suggestion-group-default: 0;
3983
- --x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
3984
- --x-size-border-width-right-suggestion-group-default: var(
3985
- --x-size-border-width-suggestion-default
3986
- );
3987
- --x-size-border-width-bottom-suggestion-group-default: var(
3988
- --x-size-border-width-suggestion-default
3989
- );
3990
- --x-size-border-width-left-suggestion-group-default: var(
3991
- --x-size-border-width-suggestion-default
3992
- );
3993
- --x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
3994
- --x-size-border-radius-top-left-suggestion-group-default: var(
3995
- --x-size-border-radius-suggestion-default
3996
- );
3997
- --x-size-border-radius-top-right-suggestion-group-default: var(
3998
- --x-size-border-radius-suggestion-default
3999
- );
4000
- --x-size-border-radius-bottom-right-suggestion-group-default: var(
4001
- --x-size-border-radius-suggestion-default
4002
- );
4003
- --x-size-border-radius-bottom-left-suggestion-group-default: var(
4004
- --x-size-border-radius-suggestion-default
4005
- );
4006
- --x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
4007
- --x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
4008
- --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
4009
- --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
4010
- }
4011
3970
 
4012
3971
  [dir="ltr"] .x-suggestion-group {
4013
3972
  padding-left: var(--x-size-padding-left-suggestion-group-default);
@@ -4083,6 +4042,47 @@
4083
4042
  --x-size-padding-left-button-default: 0;
4084
4043
  border: none;
4085
4044
  }
4045
+ :root {
4046
+ --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
4047
+ --x-color-text-suggestion-group-matching-part-default: var(
4048
+ --x-color-text-suggestion-matching-part-default
4049
+ );
4050
+ --x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
4051
+ --x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
4052
+ --x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
4053
+ --x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
4054
+ --x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
4055
+ --x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
4056
+ --x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
4057
+ --x-size-border-width-suggestion-group-default: 0;
4058
+ --x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
4059
+ --x-size-border-width-right-suggestion-group-default: var(
4060
+ --x-size-border-width-suggestion-default
4061
+ );
4062
+ --x-size-border-width-bottom-suggestion-group-default: var(
4063
+ --x-size-border-width-suggestion-default
4064
+ );
4065
+ --x-size-border-width-left-suggestion-group-default: var(
4066
+ --x-size-border-width-suggestion-default
4067
+ );
4068
+ --x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
4069
+ --x-size-border-radius-top-left-suggestion-group-default: var(
4070
+ --x-size-border-radius-suggestion-default
4071
+ );
4072
+ --x-size-border-radius-top-right-suggestion-group-default: var(
4073
+ --x-size-border-radius-suggestion-default
4074
+ );
4075
+ --x-size-border-radius-bottom-right-suggestion-group-default: var(
4076
+ --x-size-border-radius-suggestion-default
4077
+ );
4078
+ --x-size-border-radius-bottom-left-suggestion-group-default: var(
4079
+ --x-size-border-radius-suggestion-default
4080
+ );
4081
+ --x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
4082
+ --x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
4083
+ --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
4084
+ --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
4085
+ }
4086
4086
  :root {
4087
4087
  --x-string-align-items-suggestion-default: center;
4088
4088
  --x-color-text-suggestion-default: var(--x-color-text-default);
@@ -5184,6 +5184,86 @@
5184
5184
  --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5185
5185
  --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5186
5186
  }
5187
+ :root {
5188
+ --x-color-background-option-list-button-default: transparent;
5189
+ --x-color-border-option-list-button-default: transparent;
5190
+ --x-color-text-option-list-button-default: var(--x-color-base-neutral-35);
5191
+ --x-color-background-option-list-button-default-hover: var(
5192
+ --x-color-background-option-list-button-default
5193
+ );
5194
+ --x-color-border-option-list-button-default-hover: var(
5195
+ --x-color-border-option-list-button-default
5196
+ );
5197
+ --x-color-text-option-list-button-default-hover: var(--x-color-text-option-list-button-default);
5198
+ --x-color-background-option-list-button-default-selected: var(
5199
+ --x-color-background-option-list-button-default
5200
+ );
5201
+ --x-color-border-option-list-button-default-selected: var(
5202
+ --x-color-border-option-list-button-default
5203
+ );
5204
+ --x-color-text-option-list-button-default-selected: var(--x-color-text-default);
5205
+ --x-color-background-option-list-button-default-selected-hover: var(
5206
+ --x-color-background-option-list-button-default-selected
5207
+ );
5208
+ --x-color-border-option-list-button-default-selected-hover: var(
5209
+ --x-color-border-option-list-button-default-selected
5210
+ );
5211
+ --x-color-text-option-list-button-default-selected-hover: var(
5212
+ --x-color-text-option-list-button-default-selected
5213
+ );
5214
+ --x-color-border-option-list-item-default: var(--x-color-base-neutral-70);
5215
+ --x-color-border-top-option-list-item-default: var(--x-color-border-option-list-item-default);
5216
+ --x-color-border-right-option-list-item-default: var(--x-color-border-option-list-item-default);
5217
+ --x-color-border-bottom-option-list-item-default: var(--x-color-border-option-list-item-default);
5218
+ --x-color-border-left-option-list-item-default: var(--x-color-border-option-list-item-default);
5219
+ --x-color-border-option-list-item-default-selected: var(--x-color-base-neutral-70);
5220
+ --x-color-border-top-option-list-item-default-selected: var(
5221
+ --x-color-border-option-list-item-default-selected
5222
+ );
5223
+ --x-color-border-right-option-list-item-default-selected: var(
5224
+ --x-color-border-option-list-item-default-selected
5225
+ );
5226
+ --x-color-border-bottom-option-list-item-default-selected: var(
5227
+ --x-color-border-option-list-item-default-selected
5228
+ );
5229
+ --x-color-border-left-option-list-item-default-selected: var(
5230
+ --x-color-border-option-list-item-default-selected
5231
+ );
5232
+ --x-size-border-width-option-list-item-default: var(--x-size-border-width-base);
5233
+ --x-size-border-width-top-option-list-item-default: 0;
5234
+ --x-size-border-width-right-option-list-item-default: var(
5235
+ --x-size-border-width-option-list-item-default
5236
+ );
5237
+ --x-size-border-width-bottom-option-list-item-default: 0;
5238
+ --x-size-border-width-left-option-list-item-default: 0;
5239
+ --x-size-border-width-top-option-list-item-default-selected: var(
5240
+ --x-size-border-width-top-option-list-item-default
5241
+ );
5242
+ --x-size-border-width-right-option-list-item-default-selected: var(
5243
+ --x-size-border-width-right-option-list-item-default
5244
+ );
5245
+ --x-size-border-width-bottom-option-list-item-default-selected: var(
5246
+ --x-size-border-width-bottom-option-list-item-default
5247
+ );
5248
+ --x-size-border-width-left-option-list-item-default-selected: var(
5249
+ --x-size-border-width-left-option-list-item-default
5250
+ );
5251
+ --x-size-padding-option-list-button-default: var(--x-size-base-02);
5252
+ --x-size-padding-top-option-list-button-default: var(--x-size-padding-option-list-button-default);
5253
+ --x-size-padding-right-option-list-button-default: var(
5254
+ --x-size-padding-option-list-button-default
5255
+ );
5256
+ --x-size-padding-bottom-option-list-button-default: var(
5257
+ --x-size-padding-option-list-button-default
5258
+ );
5259
+ --x-size-padding-left-option-list-button-default: var(
5260
+ --x-size-padding-option-list-button-default
5261
+ );
5262
+ --x-font-decoration-option-list-button-default-hover: underline;
5263
+ --x-size-font-option-list-button-default: var(--x-size-font-text);
5264
+ --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5265
+ --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5266
+ }
5187
5267
 
5188
5268
  .x-option-list {
5189
5269
  display: inline-flex;
@@ -7076,34 +7156,6 @@
7076
7156
  --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7077
7157
  --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7078
7158
  }
7079
- :root {
7080
- --x-color-background-input-default: var(--x-color-base-neutral-100);
7081
- --x-color-border-input-default: var(--x-color-base-neutral-70);
7082
- --x-color-border-input-default-focus: var(--x-color-base-lead);
7083
- --x-color-text-input-default: var(--x-color-text-default);
7084
- --x-color-text-input-placeholder-default: var(--x-color-base-neutral-35);
7085
- --x-size-border-width-input-default: var(--x-size-border-width-base);
7086
- --x-size-border-width-top-input-default: var(--x-size-border-width-input-default);
7087
- --x-size-border-width-right-input-default: var(--x-size-border-width-input-default);
7088
- --x-size-border-width-bottom-input-default: var(--x-size-border-width-input-default);
7089
- --x-size-border-width-left-input-default: var(--x-size-border-width-input-default);
7090
- --x-size-border-radius-input-default: var(--x-size-border-radius-base-none);
7091
- --x-size-border-radius-top-left-input-default: var(--x-size-border-radius-input-default);
7092
- --x-size-border-radius-top-right-input-default: var(--x-size-border-radius-input-default);
7093
- --x-size-border-radius-bottom-right-input-default: var(--x-size-border-radius-input-default);
7094
- --x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-default);
7095
- --x-size-height-input-default: var(--x-size-base-07);
7096
- --x-size-padding-right-input-default: var(--x-size-base-04);
7097
- --x-size-padding-left-input-default: var(--x-size-base-04);
7098
- --x-font-family-input-default: var(--x-font-family-text);
7099
- --x-size-font-input-default: var(--x-size-font-text);
7100
- --x-size-line-height-input-default: var(--x-size-line-height-text);
7101
- --x-number-font-weight-input-default: var(--x-number-font-weight-text);
7102
- --x-font-family-input-placeholder-default: var(--x-font-family-input-default);
7103
- --x-size-font-input-placeholder-default: var(--x-size-font-input-default);
7104
- --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7105
- --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7106
- }
7107
7159
 
7108
7160
  [dir="ltr"] .x-input {
7109
7161
  padding-left: var(--x-size-padding-left-input-default);
@@ -7184,6 +7236,34 @@
7184
7236
  font-weight: var(--x-number-font-weight-input-placeholder-default);
7185
7237
  line-height: var(--x-size-line-height-input-placeholder-default);
7186
7238
  }
7239
+ :root {
7240
+ --x-color-background-input-default: var(--x-color-base-neutral-100);
7241
+ --x-color-border-input-default: var(--x-color-base-neutral-70);
7242
+ --x-color-border-input-default-focus: var(--x-color-base-lead);
7243
+ --x-color-text-input-default: var(--x-color-text-default);
7244
+ --x-color-text-input-placeholder-default: var(--x-color-base-neutral-35);
7245
+ --x-size-border-width-input-default: var(--x-size-border-width-base);
7246
+ --x-size-border-width-top-input-default: var(--x-size-border-width-input-default);
7247
+ --x-size-border-width-right-input-default: var(--x-size-border-width-input-default);
7248
+ --x-size-border-width-bottom-input-default: var(--x-size-border-width-input-default);
7249
+ --x-size-border-width-left-input-default: var(--x-size-border-width-input-default);
7250
+ --x-size-border-radius-input-default: var(--x-size-border-radius-base-none);
7251
+ --x-size-border-radius-top-left-input-default: var(--x-size-border-radius-input-default);
7252
+ --x-size-border-radius-top-right-input-default: var(--x-size-border-radius-input-default);
7253
+ --x-size-border-radius-bottom-right-input-default: var(--x-size-border-radius-input-default);
7254
+ --x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-default);
7255
+ --x-size-height-input-default: var(--x-size-base-07);
7256
+ --x-size-padding-right-input-default: var(--x-size-base-04);
7257
+ --x-size-padding-left-input-default: var(--x-size-base-04);
7258
+ --x-font-family-input-default: var(--x-font-family-text);
7259
+ --x-size-font-input-default: var(--x-size-font-text);
7260
+ --x-size-line-height-input-default: var(--x-size-line-height-text);
7261
+ --x-number-font-weight-input-default: var(--x-number-font-weight-text);
7262
+ --x-font-family-input-placeholder-default: var(--x-font-family-input-default);
7263
+ --x-size-font-input-placeholder-default: var(--x-size-font-input-default);
7264
+ --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7265
+ --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7266
+ }
7187
7267
  :root {
7188
7268
  --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
7189
7269
  --x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
@@ -7272,6 +7352,11 @@
7272
7352
  --x-string-stroke-linejoin-icon-default: mitter;
7273
7353
  --x-size-stroke-width-icon-default: 1px;
7274
7354
  }
7355
+ :root {
7356
+ --x-size-padding-grid: 0;
7357
+ --x-size-gap-grid: var(--x-size-base-03);
7358
+ --x-size-min-width-grid-item: 150px;
7359
+ }
7275
7360
  :root {
7276
7361
  --x-color-stroke-icon-default: currentColor;
7277
7362
  --x-color-fill-icon-default: none;
@@ -7307,11 +7392,6 @@
7307
7392
  --x-size-gap-grid: var(--x-size-base-03);
7308
7393
  --x-size-min-width-grid-item: 150px;
7309
7394
  }
7310
- :root {
7311
- --x-size-padding-grid: 0;
7312
- --x-size-gap-grid: var(--x-size-base-03);
7313
- --x-size-min-width-grid-item: 150px;
7314
- }
7315
7395
 
7316
7396
  .x-grid-list {
7317
7397
  margin: 0;
@@ -7572,6 +7652,30 @@
7572
7652
  --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7573
7653
  --x-size-border-width-left-facet-header-line: 0;
7574
7654
  }
7655
+ :root {
7656
+ --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7657
+ --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7658
+ --x-size-border-width-top-facet-header-line: 0;
7659
+ --x-size-border-width-right-facet-header-line: 0;
7660
+ --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7661
+ --x-size-border-width-left-facet-header-line: 0;
7662
+ }
7663
+
7664
+ .x-facet--line.x-facet,
7665
+ .x-facet--line .x-facet {
7666
+ --x-color-border-facet-header-default: var(--x-color-border-facet-header-line);
7667
+ --x-size-border-width-facet-header-default: var(--x-size-border-width-facet-header-line);
7668
+ --x-size-border-width-top-facet-header-default: var(--x-size-border-width-top-facet-header-line);
7669
+ --x-size-border-width-right-facet-header-default: var(
7670
+ --x-size-border-width-right-facet-header-line
7671
+ );
7672
+ --x-size-border-width-bottom-facet-header-default: var(
7673
+ --x-size-border-width-bottom-facet-header-line
7674
+ );
7675
+ --x-size-border-width-left-facet-header-default: var(
7676
+ --x-size-border-width-left-facet-header-line
7677
+ );
7678
+ }
7575
7679
  :root {
7576
7680
  --x-color-background-facet-default: transparent;
7577
7681
  --x-color-border-facet-default: var(--x-color-background-facet-default);
@@ -7605,30 +7709,6 @@
7605
7709
  --x-number-font-weight-facet-default: var(--x-number-font-weight-title3);
7606
7710
  --x-size-line-height-facet-default: var(--x-size-line-height-title3);
7607
7711
  }
7608
- :root {
7609
- --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7610
- --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7611
- --x-size-border-width-top-facet-header-line: 0;
7612
- --x-size-border-width-right-facet-header-line: 0;
7613
- --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7614
- --x-size-border-width-left-facet-header-line: 0;
7615
- }
7616
-
7617
- .x-facet--line.x-facet,
7618
- .x-facet--line .x-facet {
7619
- --x-color-border-facet-header-default: var(--x-color-border-facet-header-line);
7620
- --x-size-border-width-facet-header-default: var(--x-size-border-width-facet-header-line);
7621
- --x-size-border-width-top-facet-header-default: var(--x-size-border-width-top-facet-header-line);
7622
- --x-size-border-width-right-facet-header-default: var(
7623
- --x-size-border-width-right-facet-header-line
7624
- );
7625
- --x-size-border-width-bottom-facet-header-default: var(
7626
- --x-size-border-width-bottom-facet-header-line
7627
- );
7628
- --x-size-border-width-left-facet-header-default: var(
7629
- --x-size-border-width-left-facet-header-line
7630
- );
7631
- }
7632
7712
  :root {
7633
7713
  --x-color-background-facet-default: transparent;
7634
7714
  --x-color-border-facet-default: var(--x-color-background-facet-default);
@@ -8761,84 +8841,4 @@
8761
8841
  --x-size-border-radius-base-m: var(--x-size-base-06);
8762
8842
  --x-size-border-radius-base-pill: 99999px;
8763
8843
  --x-size-border-width-base: 1px;
8764
- }
8765
- :root {
8766
- --x-color-background-option-list-button-default: transparent;
8767
- --x-color-border-option-list-button-default: transparent;
8768
- --x-color-text-option-list-button-default: var(--x-color-base-neutral-35);
8769
- --x-color-background-option-list-button-default-hover: var(
8770
- --x-color-background-option-list-button-default
8771
- );
8772
- --x-color-border-option-list-button-default-hover: var(
8773
- --x-color-border-option-list-button-default
8774
- );
8775
- --x-color-text-option-list-button-default-hover: var(--x-color-text-option-list-button-default);
8776
- --x-color-background-option-list-button-default-selected: var(
8777
- --x-color-background-option-list-button-default
8778
- );
8779
- --x-color-border-option-list-button-default-selected: var(
8780
- --x-color-border-option-list-button-default
8781
- );
8782
- --x-color-text-option-list-button-default-selected: var(--x-color-text-default);
8783
- --x-color-background-option-list-button-default-selected-hover: var(
8784
- --x-color-background-option-list-button-default-selected
8785
- );
8786
- --x-color-border-option-list-button-default-selected-hover: var(
8787
- --x-color-border-option-list-button-default-selected
8788
- );
8789
- --x-color-text-option-list-button-default-selected-hover: var(
8790
- --x-color-text-option-list-button-default-selected
8791
- );
8792
- --x-color-border-option-list-item-default: var(--x-color-base-neutral-70);
8793
- --x-color-border-top-option-list-item-default: var(--x-color-border-option-list-item-default);
8794
- --x-color-border-right-option-list-item-default: var(--x-color-border-option-list-item-default);
8795
- --x-color-border-bottom-option-list-item-default: var(--x-color-border-option-list-item-default);
8796
- --x-color-border-left-option-list-item-default: var(--x-color-border-option-list-item-default);
8797
- --x-color-border-option-list-item-default-selected: var(--x-color-base-neutral-70);
8798
- --x-color-border-top-option-list-item-default-selected: var(
8799
- --x-color-border-option-list-item-default-selected
8800
- );
8801
- --x-color-border-right-option-list-item-default-selected: var(
8802
- --x-color-border-option-list-item-default-selected
8803
- );
8804
- --x-color-border-bottom-option-list-item-default-selected: var(
8805
- --x-color-border-option-list-item-default-selected
8806
- );
8807
- --x-color-border-left-option-list-item-default-selected: var(
8808
- --x-color-border-option-list-item-default-selected
8809
- );
8810
- --x-size-border-width-option-list-item-default: var(--x-size-border-width-base);
8811
- --x-size-border-width-top-option-list-item-default: 0;
8812
- --x-size-border-width-right-option-list-item-default: var(
8813
- --x-size-border-width-option-list-item-default
8814
- );
8815
- --x-size-border-width-bottom-option-list-item-default: 0;
8816
- --x-size-border-width-left-option-list-item-default: 0;
8817
- --x-size-border-width-top-option-list-item-default-selected: var(
8818
- --x-size-border-width-top-option-list-item-default
8819
- );
8820
- --x-size-border-width-right-option-list-item-default-selected: var(
8821
- --x-size-border-width-right-option-list-item-default
8822
- );
8823
- --x-size-border-width-bottom-option-list-item-default-selected: var(
8824
- --x-size-border-width-bottom-option-list-item-default
8825
- );
8826
- --x-size-border-width-left-option-list-item-default-selected: var(
8827
- --x-size-border-width-left-option-list-item-default
8828
- );
8829
- --x-size-padding-option-list-button-default: var(--x-size-base-02);
8830
- --x-size-padding-top-option-list-button-default: var(--x-size-padding-option-list-button-default);
8831
- --x-size-padding-right-option-list-button-default: var(
8832
- --x-size-padding-option-list-button-default
8833
- );
8834
- --x-size-padding-bottom-option-list-button-default: var(
8835
- --x-size-padding-option-list-button-default
8836
- );
8837
- --x-size-padding-left-option-list-button-default: var(
8838
- --x-size-padding-option-list-button-default
8839
- );
8840
- --x-font-decoration-option-list-button-default-hover: underline;
8841
- --x-size-font-option-list-button-default: var(--x-size-font-text);
8842
- --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
8843
- --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
8844
8844
  }
package/js/x-modules/extra-params/components/snippet-config-extra-params.vue.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"snippet-config-extra-params.vue.js","sources":["../../../../../src/x-modules/extra-params/components/snippet-config-extra-params.vue"],"sourcesContent":["<template>\n <ExtraParams :values=\"extraParams\" />\n</template>\n\n<script lang=\"ts\">\n import { forEach, Dictionary } from '@empathyco/x-utils';\n import Vue from 'vue';\n import { Component, Watch, Inject, Prop } from 'vue-property-decorator';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { SnippetConfig } from '../../../x-installer/api/api.types';\n import { extraParamsXModule } from '../x-module';\n import ExtraParams from './extra-params.vue';\n\n /**\n * Extracts the extra parameters from the {@link SnippetConfig} and syncs it with the request\n * objects of every x-module.\n *\n * @public\n */\n @Component({\n components: { ExtraParams },\n mixins: [xComponentMixin(extraParamsXModule)]\n })\n export default class SnippetConfigExtraParams extends Vue {\n /**\n * It injects {@link SnippetConfig} provided by an ancestor as snippetConfig.\n *\n * @internal\n */\n @Inject('snippetConfig')\n public snippetConfig!: SnippetConfig;\n\n /**\n * A Dictionary where the keys are the extra param names and its values.\n *\n * @public\n */\n @Prop()\n protected values?: Dictionary<unknown>;\n\n /**\n * Custom object containing the extra params from the snippet config.\n *\n * @remarks This object keeps manually the desired snippet config properties to avoid\n * unnecessary re-renders.\n *\n * @internal\n */\n protected extraParams: Dictionary<unknown> = {};\n\n /**\n * Collection of properties from the snippet config to exclude from the\n * extra params object.\n *\n * @public\n */\n @Prop({\n default: (): Array<keyof SnippetConfig> => [\n 'callbacks',\n 'productId',\n 'uiLang',\n 'consent',\n 'documentDirection',\n 'currency',\n 'filters',\n 'isSpa',\n 'queriesPreview'\n ]\n })\n protected excludedExtraParams!: Array<keyof SnippetConfig>;\n\n /**\n * Updates the extraParams object when the snippet config changes.\n *\n * @param snippetConfig - The new snippet config.\n *\n * @internal\n */\n @Watch('snippetConfig', { deep: true, immediate: true })\n syncExtraParams(snippetConfig: SnippetConfig): void {\n forEach({ ...this.values, ...snippetConfig }, (name, value) => {\n if (!this.excludedExtraParams.includes(name)) {\n this.$set(this.extraParams, name, value);\n }\n });\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n## See it in action\n\n_See how the snippet config is injected and passed to the SnippetConfigExtraParams component._\n\n```vue\n<template>\n <Provider>\n <SnippetConfigExtraParams />\n </Provider>\n</template>\n\n<script>\n import { SnippetConfigExtraParams } from '@empathyco/x-components/extra-params';\n\n const Provider = {\n provide: {\n snippetConfig: {\n instance: 'demo',\n lang: 'es',\n warehouse: 1234\n }\n }\n };\n\n export default {\n name: 'SnippetConfigExtraParamsDemo',\n components: {\n Provider,\n SnippetConfigExtraParams\n }\n };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"snippet-config-extra-params.vue.js","sources":["../../../../../src/x-modules/extra-params/components/snippet-config-extra-params.vue"],"sourcesContent":["<template>\n <ExtraParams :values=\"extraParams\" />\n</template>\n\n<script lang=\"ts\">\n import { forEach, Dictionary } from '@empathyco/x-utils';\n import Vue from 'vue';\n import { Component, Inject, Prop } from 'vue-property-decorator';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { SnippetConfig } from '../../../x-installer/api/api.types';\n import { extraParamsXModule } from '../x-module';\n import ExtraParams from './extra-params.vue';\n\n /**\n * Extracts the extra parameters from the {@link SnippetConfig} and syncs it with the request\n * objects of every x-module.\n *\n * @public\n */\n @Component({\n components: { ExtraParams },\n mixins: [xComponentMixin(extraParamsXModule)]\n })\n export default class SnippetConfigExtraParams extends Vue {\n /**\n * It injects {@link SnippetConfig} provided by an ancestor as snippetConfig.\n *\n * @internal\n */\n @Inject('snippetConfig')\n public snippetConfig!: SnippetConfig;\n\n /**\n * A Dictionary where the keys are the extra param names and its values.\n *\n * @public\n */\n @Prop()\n protected values?: Dictionary<unknown>;\n\n /**\n * Custom object containing the extra params from the snippet config and the values prop.\n *\n * @remarks This object keeps manually the desired snippet config properties to avoid\n * unnecessary re-renders.\n *\n * @returns A dictionary with the extra params.\n *\n * @internal\n */\n protected get extraParams(): Dictionary<unknown> {\n const newExtraParams = {};\n\n forEach({ ...this.values, ...this.snippetConfig }, (name, value) => {\n if (!this.excludedExtraParams.includes(name)) {\n this.$set(newExtraParams, name, value);\n }\n });\n\n return newExtraParams;\n }\n\n /**\n * Collection of properties from the snippet config to exclude from the\n * extra params object.\n *\n * @public\n */\n @Prop({\n default: (): Array<keyof SnippetConfig> => [\n 'callbacks',\n 'productId',\n 'uiLang',\n 'consent',\n 'documentDirection',\n 'currency',\n 'filters',\n 'isSpa',\n 'queriesPreview'\n ]\n })\n protected excludedExtraParams!: Array<keyof SnippetConfig>;\n }\n</script>\n\n<docs lang=\"mdx\">\n## See it in action\n\n_See how the snippet config is injected and passed to the SnippetConfigExtraParams component._\n\n```vue\n<template>\n <Provider>\n <SnippetConfigExtraParams />\n </Provider>\n</template>\n\n<script>\n import { SnippetConfigExtraParams } from '@empathyco/x-components/extra-params';\n\n const Provider = {\n provide: {\n snippetConfig: {\n instance: 'demo',\n lang: 'es',\n warehouse: 1234\n }\n }\n };\n\n export default {\n name: 'SnippetConfigExtraParamsDemo',\n components: {\n Provider,\n SnippetConfigExtraParams\n }\n };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/js/x-modules/extra-params/components/snippet-config-extra-params.vue_rollup-plugin-vue_script.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { __decorate } from 'tslib';
2
2
  import { forEach } from '@empathyco/x-utils';
3
3
  import Vue from 'vue';
4
- import { Inject, Prop, Watch, Component } from 'vue-property-decorator';
4
+ import { Inject, Prop, Component } from 'vue-property-decorator';
5
5
  import { xComponentMixin } from '../../../components/x-component.mixin.js';
6
6
  import { extraParamsXModule } from '../x-module.js';
7
7
  import __vue_component__ from './extra-params.vue.js';
@@ -13,31 +13,24 @@ import __vue_component__ from './extra-params.vue.js';
13
13
  * @public
14
14
  */
15
15
  let SnippetConfigExtraParams = class SnippetConfigExtraParams extends Vue {
16
- constructor() {
17
- super(...arguments);
18
- /**
19
- * Custom object containing the extra params from the snippet config.
20
- *
21
- * @remarks This object keeps manually the desired snippet config properties to avoid
22
- * unnecessary re-renders.
23
- *
24
- * @internal
25
- */
26
- this.extraParams = {};
27
- }
28
16
  /**
29
- * Updates the extraParams object when the snippet config changes.
17
+ * Custom object containing the extra params from the snippet config and the values prop.
18
+ *
19
+ * @remarks This object keeps manually the desired snippet config properties to avoid
20
+ * unnecessary re-renders.
30
21
  *
31
- * @param snippetConfig - The new snippet config.
22
+ * @returns A dictionary with the extra params.
32
23
  *
33
24
  * @internal
34
25
  */
35
- syncExtraParams(snippetConfig) {
36
- forEach({ ...this.values, ...snippetConfig }, (name, value) => {
26
+ get extraParams() {
27
+ const newExtraParams = {};
28
+ forEach({ ...this.values, ...this.snippetConfig }, (name, value) => {
37
29
  if (!this.excludedExtraParams.includes(name)) {
38
- this.$set(this.extraParams, name, value);
30
+ this.$set(newExtraParams, name, value);
39
31
  }
40
32
  });
33
+ return newExtraParams;
41
34
  }
42
35
  };
43
36
  __decorate([
@@ -61,9 +54,6 @@ __decorate([
61
54
  ]
62
55
  })
63
56
  ], SnippetConfigExtraParams.prototype, "excludedExtraParams", void 0);
64
- __decorate([
65
- Watch('snippetConfig', { deep: true, immediate: true })
66
- ], SnippetConfigExtraParams.prototype, "syncExtraParams", null);
67
57
  SnippetConfigExtraParams = __decorate([
68
58
  Component({
69
59
  components: { ExtraParams: __vue_component__ },
package/js/x-modules/extra-params/components/snippet-config-extra-params.vue_rollup-plugin-vue_script.vue.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"snippet-config-extra-params.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/extra-params/components/snippet-config-extra-params.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n import { forEach, Dictionary } from '@empathyco/x-utils';\n import Vue from 'vue';\n import { Component, Watch, Inject, Prop } from 'vue-property-decorator';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { SnippetConfig } from '../../../x-installer/api/api.types';\n import { extraParamsXModule } from '../x-module';\n import ExtraParams from './extra-params.vue';\n\n /**\n * Extracts the extra parameters from the {@link SnippetConfig} and syncs it with the request\n * objects of every x-module.\n *\n * @public\n */\n @Component({\n components: { ExtraParams },\n mixins: [xComponentMixin(extraParamsXModule)]\n })\n export default class SnippetConfigExtraParams extends Vue {\n /**\n * It injects {@link SnippetConfig} provided by an ancestor as snippetConfig.\n *\n * @internal\n */\n @Inject('snippetConfig')\n public snippetConfig!: SnippetConfig;\n\n /**\n * A Dictionary where the keys are the extra param names and its values.\n *\n * @public\n */\n @Prop()\n protected values?: Dictionary<unknown>;\n\n /**\n * Custom object containing the extra params from the snippet config.\n *\n * @remarks This object keeps manually the desired snippet config properties to avoid\n * unnecessary re-renders.\n *\n * @internal\n */\n protected extraParams: Dictionary<unknown> = {};\n\n /**\n * Collection of properties from the snippet config to exclude from the\n * extra params object.\n *\n * @public\n */\n @Prop({\n default: (): Array<keyof SnippetConfig> => [\n 'callbacks',\n 'productId',\n 'uiLang',\n 'consent',\n 'documentDirection',\n 'currency',\n 'filters',\n 'isSpa',\n 'queriesPreview'\n ]\n })\n protected excludedExtraParams!: Array<keyof SnippetConfig>;\n\n /**\n * Updates the extraParams object when the snippet config changes.\n *\n * @param snippetConfig - The new snippet config.\n *\n * @internal\n */\n @Watch('snippetConfig', { deep: true, immediate: true })\n syncExtraParams(snippetConfig: SnippetConfig): void {\n forEach({ ...this.values, ...snippetConfig }, (name, value) => {\n if (!this.excludedExtraParams.includes(name)) {\n this.$set(this.extraParams, name, value);\n }\n });\n }\n }\n"],"names":["ExtraParams"],"mappings":";;;;;;;;AAaE;;;;;AAKG;AAKY,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,GAAG,CAAA;AAA1C,IAAA,WAAA,GAAA;;AAiBb;;;;;;;AAOG;QACO,IAAW,CAAA,WAAA,GAAwB,EAAE,CAAC;KAsCjD;AAfC;;;;;;AAMG;AAEH,IAAA,eAAe,CAAC,aAA4B,EAAA;AAC1C,QAAA,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,aAAa,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,KAAI;YAC5D,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBAC5C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAC1C,aAAA;AACH,SAAC,CAAC,CAAC;KACJ;CACF,CAAA;AAxDC,UAAA,CAAA;IADC,MAAM,CAAC,eAAe,CAAC;AACa,CAAA,EAAA,wBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAQrC,UAAA,CAAA;AADC,IAAA,IAAI,EAAE;AACgC,CAAA,EAAA,wBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA+BvC,UAAA,CAAA;AAbC,IAAA,IAAI,CAAC;QACJ,OAAO,EAAE,MAAkC;YACzC,WAAW;YACX,WAAW;YACX,QAAQ;YACR,SAAS;YACT,mBAAmB;YACnB,UAAU;YACV,SAAS;YACT,OAAO;YACP,gBAAgB;AACjB,SAAA;KACF,CAAC;AACyD,CAAA,EAAA,wBAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAU3D,UAAA,CAAA;AADC,IAAA,KAAK,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAOvD,CAAA,EAAA,wBAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,IAAA,CAAA,CAAA;AA9DkB,wBAAwB,GAAA,UAAA,CAAA;AAJ5C,IAAA,SAAS,CAAC;QACT,UAAU,EAAE,eAAEA,iBAAW,EAAE;AAC3B,QAAA,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;KAC9C,CAAC;AACmB,CAAA,EAAA,wBAAwB,CA+D5C,CAAA;aA/DoB,wBAAwB;;;;"}
1
+ {"version":3,"file":"snippet-config-extra-params.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/extra-params/components/snippet-config-extra-params.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n import { forEach, Dictionary } from '@empathyco/x-utils';\n import Vue from 'vue';\n import { Component, Inject, Prop } from 'vue-property-decorator';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { SnippetConfig } from '../../../x-installer/api/api.types';\n import { extraParamsXModule } from '../x-module';\n import ExtraParams from './extra-params.vue';\n\n /**\n * Extracts the extra parameters from the {@link SnippetConfig} and syncs it with the request\n * objects of every x-module.\n *\n * @public\n */\n @Component({\n components: { ExtraParams },\n mixins: [xComponentMixin(extraParamsXModule)]\n })\n export default class SnippetConfigExtraParams extends Vue {\n /**\n * It injects {@link SnippetConfig} provided by an ancestor as snippetConfig.\n *\n * @internal\n */\n @Inject('snippetConfig')\n public snippetConfig!: SnippetConfig;\n\n /**\n * A Dictionary where the keys are the extra param names and its values.\n *\n * @public\n */\n @Prop()\n protected values?: Dictionary<unknown>;\n\n /**\n * Custom object containing the extra params from the snippet config and the values prop.\n *\n * @remarks This object keeps manually the desired snippet config properties to avoid\n * unnecessary re-renders.\n *\n * @returns A dictionary with the extra params.\n *\n * @internal\n */\n protected get extraParams(): Dictionary<unknown> {\n const newExtraParams = {};\n\n forEach({ ...this.values, ...this.snippetConfig }, (name, value) => {\n if (!this.excludedExtraParams.includes(name)) {\n this.$set(newExtraParams, name, value);\n }\n });\n\n return newExtraParams;\n }\n\n /**\n * Collection of properties from the snippet config to exclude from the\n * extra params object.\n *\n * @public\n */\n @Prop({\n default: (): Array<keyof SnippetConfig> => [\n 'callbacks',\n 'productId',\n 'uiLang',\n 'consent',\n 'documentDirection',\n 'currency',\n 'filters',\n 'isSpa',\n 'queriesPreview'\n ]\n })\n protected excludedExtraParams!: Array<keyof SnippetConfig>;\n }\n"],"names":["ExtraParams"],"mappings":";;;;;;;;AAaE;;;;;AAKG;AAKY,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,GAAG,CAAA;AAiBvD;;;;;;;;;AASG;AACH,IAAA,IAAc,WAAW,GAAA;QACvB,MAAM,cAAc,GAAG,EAAE,CAAC;AAE1B,QAAA,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,KAAI;YACjE,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBAC5C,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AACxC,aAAA;AACH,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,cAAc,CAAC;KACvB;CAsBF,CAAA;AApDC,UAAA,CAAA;IADC,MAAM,CAAC,eAAe,CAAC;AACa,CAAA,EAAA,wBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAQrC,UAAA,CAAA;AADC,IAAA,IAAI,EAAE;AACgC,CAAA,EAAA,wBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA2CvC,UAAA,CAAA;AAbC,IAAA,IAAI,CAAC;QACJ,OAAO,EAAE,MAAkC;YACzC,WAAW;YACX,WAAW;YACX,QAAQ;YACR,SAAS;YACT,mBAAmB;YACnB,UAAU;YACV,SAAS;YACT,OAAO;YACP,gBAAgB;AACjB,SAAA;KACF,CAAC;AACyD,CAAA,EAAA,wBAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA1DxC,wBAAwB,GAAA,UAAA,CAAA;AAJ5C,IAAA,SAAS,CAAC;QACT,UAAU,EAAE,eAAEA,iBAAW,EAAE;AAC3B,QAAA,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;KAC9C,CAAC;AACmB,CAAA,EAAA,wBAAwB,CA2D5C,CAAA;aA3DoB,wBAAwB;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@empathyco/x-components",
3
- "version": "3.0.0-alpha.393",
3
+ "version": "3.0.0-alpha.394",
4
4
  "description": "Empathy X Components",
5
5
  "author": "Empathy Systems Corporation S.L.",
6
6
  "license": "Apache-2.0",
@@ -143,5 +143,5 @@
143
143
  "access": "public",
144
144
  "directory": "dist"
145
145
  },
146
- "gitHead": "78fbe13ffb7d06671efb754d67228cf898f98649"
146
+ "gitHead": "48956aa15130c7876adfb178dba05c8f3a4d89e3"
147
147
  }
package/report/x-components.api.md CHANGED
@@ -5169,11 +5169,9 @@ export interface SnippetConfig {
5169
5169
  export class SnippetConfigExtraParams extends Vue_2 {
5170
5170
  protected excludedExtraParams: Array<keyof SnippetConfig>;
5171
5171
  // @internal
5172
- protected extraParams: Dictionary<unknown>;
5172
+ protected get extraParams(): Dictionary<unknown>;
5173
5173
  // @internal
5174
5174
  snippetConfig: SnippetConfig;
5175
- // @internal
5176
- syncExtraParams(snippetConfig: SnippetConfig): void;
5177
5175
  protected values?: Dictionary<unknown>;
5178
5176
  }
5179
5177
 
package/types/x-modules/extra-params/components/snippet-config-extra-params.vue.d.ts CHANGED
@@ -21,14 +21,16 @@ export default class SnippetConfigExtraParams extends Vue {
21
21
  */
22
22
  protected values?: Dictionary<unknown>;
23
23
  /**
24
- * Custom object containing the extra params from the snippet config.
24
+ * Custom object containing the extra params from the snippet config and the values prop.
25
25
  *
26
26
  * @remarks This object keeps manually the desired snippet config properties to avoid
27
27
  * unnecessary re-renders.
28
28
  *
29
+ * @returns A dictionary with the extra params.
30
+ *
29
31
  * @internal
30
32
  */
31
- protected extraParams: Dictionary<unknown>;
33
+ protected get extraParams(): Dictionary<unknown>;
32
34
  /**
33
35
  * Collection of properties from the snippet config to exclude from the
34
36
  * extra params object.
@@ -36,13 +38,5 @@ export default class SnippetConfigExtraParams extends Vue {
36
38
  * @public
37
39
  */
38
40
  protected excludedExtraParams: Array<keyof SnippetConfig>;
39
- /**
40
- * Updates the extraParams object when the snippet config changes.
41
- *
42
- * @param snippetConfig - The new snippet config.
43
- *
44
- * @internal
45
- */
46
- syncExtraParams(snippetConfig: SnippetConfig): void;
47
41
  }
48
42
  //# sourceMappingURL=snippet-config-extra-params.vue?rollup-plugin-vue=script.d.ts.map
package/types/x-modules/extra-params/components/snippet-config-extra-params.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"snippet-config-extra-params.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/extra-params/components/snippet-config-extra-params.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAKE,OAAO,EAAW,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,GAAG,MAAM,KAAK,CAAC;AAGtB,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAInE;;;;;GAKG;AAKH,MAAM,CAAC,OAAO,OAAO,wBAAyB,SAAQ,GAAG;IACvD;;;;OAIG;IAEI,aAAa,EAAG,aAAa,CAAC;IAErC;;;;OAIG;IAEH,SAAS,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAEvC;;;;;;;OAOG;IACH,SAAS,CAAC,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAM;IAEhD;;;;;OAKG;IAcH,SAAS,CAAC,mBAAmB,EAAG,KAAK,CAAC,MAAM,aAAa,CAAC,CAAC;IAE3D;;;;;;OAMG;IAEH,eAAe,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI;CAOpD"}
1
+ {"version":3,"file":"snippet-config-extra-params.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/extra-params/components/snippet-config-extra-params.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAKE,OAAO,EAAW,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,GAAG,MAAM,KAAK,CAAC;AAGtB,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAInE;;;;;GAKG;AAKH,MAAM,CAAC,OAAO,OAAO,wBAAyB,SAAQ,GAAG;IACvD;;;;OAIG;IAEI,aAAa,EAAG,aAAa,CAAC;IAErC;;;;OAIG;IAEH,SAAS,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAEvC;;;;;;;;;OASG;IACH,SAAS,KAAK,WAAW,IAAI,UAAU,CAAC,OAAO,CAAC,CAU/C;IAED;;;;;OAKG;IAcH,SAAS,CAAC,mBAAmB,EAAG,KAAK,CAAC,MAAM,aAAa,CAAC,CAAC;CAC5D"}