@policystudio/policy-studio-ui-vue 1.1.90-beta.10 → 1.1.90-beta.17

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 (132) hide show
  1. package/.eslintrc.js +2 -1
  2. package/.github/workflows/deploy-storybook.yml +4 -4
  3. package/.nvmrc +1 -0
  4. package/dist/css/psui_styles_output.css +6986 -0
  5. package/package.json +9 -23
  6. package/src/assets/scss/components/PsDataTable.scss +1 -1
  7. package/src/components/accordion/PsAccordionItem.vue +75 -75
  8. package/src/components/badges-and-tags/PsBadgeWithIcon.vue +31 -34
  9. package/src/components/badges-and-tags/PsCardInfos.vue +40 -41
  10. package/src/components/badges-and-tags/PsChartLegend.vue +47 -51
  11. package/src/components/badges-and-tags/PsClimateZoneBadge.vue +14 -19
  12. package/src/components/badges-and-tags/PsCostEffectBar.vue +24 -56
  13. package/src/components/badges-and-tags/PsDateCardInfo.vue +17 -18
  14. package/src/components/badges-and-tags/PsHighlightRippleDot.vue +3 -2
  15. package/src/components/badges-and-tags/PsMiniTag.vue +39 -41
  16. package/src/components/badges-and-tags/PsProgressBar.vue +72 -68
  17. package/src/components/badges-and-tags/PsTagScope.vue +17 -22
  18. package/src/components/badges-and-tags/PsTestimonialCard.vue +20 -26
  19. package/src/components/buttons/PsButton.vue +61 -62
  20. package/src/components/chips/PsChips.vue +98 -101
  21. package/src/components/controls/PsCheckbox.vue +84 -84
  22. package/src/components/controls/PsCheckboxSimple.vue +95 -95
  23. package/src/components/controls/PsDraggable.vue +53 -55
  24. package/src/components/controls/PsInlineSelector.vue +99 -99
  25. package/src/components/controls/PsRadioButton.vue +59 -58
  26. package/src/components/controls/PsRadioButtonSimple.vue +79 -75
  27. package/src/components/controls/PsSlider.vue +185 -176
  28. package/src/components/controls/PsSwitch.vue +51 -52
  29. package/src/components/controls/PsToggle.vue +53 -50
  30. package/src/components/data-graphics/PsBarChart.vue +19 -21
  31. package/src/components/datatable/PsDataTable.vue +56 -60
  32. package/src/components/datatable/PsDataTableItem.vue +14 -28
  33. package/src/components/forms/PsDropdown.vue +164 -162
  34. package/src/components/forms/PsDropdownList.vue +132 -129
  35. package/src/components/forms/PsInput.vue +155 -153
  36. package/src/components/forms/PsInputSelect.vue +91 -92
  37. package/src/components/forms/PsInputTextArea.vue +71 -71
  38. package/src/components/navigations/PsBreadcrumb.vue +26 -34
  39. package/src/components/notifications/PsDialog.vue +57 -56
  40. package/src/components/notifications/PsSimpleAlert.vue +28 -29
  41. package/src/components/notifications/PsToast.vue +40 -39
  42. package/src/components/table-results/PsTableResults.vue +452 -458
  43. package/src/components/table-results/PsTableResultsBody.vue +66 -67
  44. package/src/components/table-results/PsTableResultsHead.vue +62 -56
  45. package/src/components/table-results/PsTableResultsHeadComparison.vue +62 -56
  46. package/src/components/table-results/PsTableResultsHeadFlexible.vue +63 -56
  47. package/src/components/table-results/PsTableResultsRow.vue +55 -56
  48. package/src/components/tabs/PsTabHeader.vue +106 -100
  49. package/src/components/tooltip/PsDialogTooltip.vue +96 -101
  50. package/src/components/tooltip/PsRichTooltip.vue +42 -45
  51. package/src/components/tooltip/PsTooltip.vue +111 -116
  52. package/src/components/ui/PsDotLoader.vue +1 -5
  53. package/src/components/ui/PsIcon.vue +126 -129
  54. package/src/index.ts +56 -66
  55. package/src/tsconfig.json +12 -0
  56. package/src/{shims-vue.d.ts → types/index.d.ts} +0 -5
  57. package/src/util/{GeneralFunctions.ts → GeneralFunctions.js} +3 -5
  58. package/src/util/directives.ts +24 -0
  59. package/src/util/eventBus.js +10 -0
  60. package/src/util/{imageLoader.ts → imageLoader.js} +9 -8
  61. package/tailwind.config.js +1 -1
  62. package/tsconfig.json +16 -18
  63. package/.storybook/PolicyStudio.ts +0 -11
  64. package/.storybook/eventBus.ts +0 -26
  65. package/.storybook/main.ts +0 -21
  66. package/.storybook/manager.ts +0 -7
  67. package/.storybook/preview.ts +0 -17
  68. package/dist/css/psui_styles.css +0 -4647
  69. package/postcss.config.js +0 -8
  70. package/src/assets/images/multifamily-units.svg +0 -10
  71. package/src/assets/images/policy-studio.svg +0 -15
  72. package/src/components/playground/PsScrollBar.vue +0 -320
  73. package/src/contents/ComparisonData.ts +0 -378
  74. package/src/contents/FlexibleData.ts +0 -502
  75. package/src/contents/ResultsData.ts +0 -531
  76. package/src/stories/Accordion.stories.ts +0 -59
  77. package/src/stories/BadgeWithIcon.stories.ts +0 -31
  78. package/src/stories/BarChart.stories.ts +0 -17
  79. package/src/stories/Breadcrumb.stories.ts +0 -22
  80. package/src/stories/Button.stories.ts +0 -48
  81. package/src/stories/Button.vue +0 -59
  82. package/src/stories/CardInfos.stories.ts +0 -15
  83. package/src/stories/ChartLegend.stories.ts +0 -15
  84. package/src/stories/Checkbox.stories.ts +0 -45
  85. package/src/stories/CheckboxSimple.stories.ts +0 -49
  86. package/src/stories/Chips.stories.ts +0 -33
  87. package/src/stories/ClimateZoneBadge.stories.ts +0 -28
  88. package/src/stories/Colors.mdx +0 -70
  89. package/src/stories/CostEffectBar.stories.ts +0 -26
  90. package/src/stories/Datatable.stories.ts +0 -53
  91. package/src/stories/DateCardInfo.stories.ts +0 -20
  92. package/src/stories/Dialog.stories.ts +0 -131
  93. package/src/stories/Draggable.stories.ts +0 -32
  94. package/src/stories/Dropdown.stories.ts +0 -89
  95. package/src/stories/DropdownList.stories.ts +0 -213
  96. package/src/stories/ElevationSystem.mdx +0 -41
  97. package/src/stories/Header.stories.ts +0 -42
  98. package/src/stories/Header.vue +0 -77
  99. package/src/stories/HighlightRippleDot.stories.ts +0 -16
  100. package/src/stories/Icon.stories.ts +0 -22
  101. package/src/stories/InlineSelector.stories.ts +0 -18
  102. package/src/stories/Input.stories.ts +0 -244
  103. package/src/stories/InputSelect.stories.ts +0 -31
  104. package/src/stories/InputTextArea.stories.ts +0 -25
  105. package/src/stories/Introduction.mdx +0 -211
  106. package/src/stories/MiniTag.stories.ts +0 -59
  107. package/src/stories/Playground.stories.ts +0 -16
  108. package/src/stories/ProgressBar.stories.ts +0 -24
  109. package/src/stories/RadioButton.stories.ts +0 -41
  110. package/src/stories/RadioButtonSimple.stories.ts +0 -43
  111. package/src/stories/SimpleAlert.stories.ts +0 -22
  112. package/src/stories/Slider.stories.ts +0 -79
  113. package/src/stories/Switch.stories.ts +0 -39
  114. package/src/stories/TabHeader.stories.ts +0 -56
  115. package/src/stories/TableResults.stories.ts +0 -728
  116. package/src/stories/TagScope.stories.ts +0 -17
  117. package/src/stories/TestimonialCard.stories.ts +0 -27
  118. package/src/stories/Toast.stories.ts +0 -52
  119. package/src/stories/Toggle.stories.ts +0 -48
  120. package/src/stories/Tooltip.stories.ts +0 -114
  121. package/src/stories/Typography.mdx +0 -212
  122. package/src/stories/assets/code-brackets.svg +0 -1
  123. package/src/stories/assets/colors.svg +0 -1
  124. package/src/stories/assets/comments.svg +0 -1
  125. package/src/stories/assets/direction.svg +0 -1
  126. package/src/stories/assets/flow.svg +0 -1
  127. package/src/stories/assets/plugin.svg +0 -1
  128. package/src/stories/assets/repo.svg +0 -1
  129. package/src/stories/assets/stackalt.svg +0 -1
  130. package/src/stories/button.css +0 -30
  131. package/src/stories/header.css +0 -32
  132. package/webpack.config.js +0 -36
@@ -1,531 +0,0 @@
1
- export const resultsDataHeader = [
2
- {
3
- 'order': 0,
4
- 'key': 'fixed_columns',
5
- 'title': 'Cost-Effectiveness',
6
- 'columns': [
7
- {
8
- 'isActive': true,
9
- 'key': 'tdv_benefit_to_cost_ratio',
10
- 'title': 'TDV',
11
- 'description': '≥ 1.0 is cost effective',
12
- 'isChart': true,
13
- 'hasHelper': {
14
- 'type': 'helper',
15
- 'id': 1
16
- }
17
- }
18
- ],
19
- 'hasHelper': {
20
- 'type': 'helper',
21
- 'id': 23
22
- }
23
- },
24
- {
25
- 'order': 2,
26
- 'key': 'city_wide_impact',
27
- 'title': 'Wide Impact',
28
- 'columns': [
29
- {
30
- 'isActive': true,
31
- 'key': 'forecast_units_affected',
32
- 'title': 'Affected Units',
33
- 'description': '(lifecycle)',
34
- 'hasProjections': true,
35
- 'hasHelper': {
36
- 'type': 'helper',
37
- 'id': 17
38
- },
39
- 'chartProjection': {
40
- 'title': 'Number of Affected Units',
41
- 'subtitle': ''
42
- }
43
- },
44
- {
45
- 'isActive': true,
46
- 'key': 'forecast_initial_cost',
47
- 'title': 'Compliance Cost',
48
- 'description': '(lifecycle)',
49
- 'hasProjections': true,
50
- 'hasHelper': {
51
- 'type': 'helper',
52
- 'id': 20
53
- },
54
- 'chartProjection': {
55
- 'title': 'Compliance Cost',
56
- 'subtitle': ''
57
- }
58
- },
59
- {
60
- 'isActive': true,
61
- 'key': 'forecast_emissions_savings',
62
- 'title': 'Emissions Reductions',
63
- 'description': '(lifecycle MTCO2e)',
64
- 'hasProjections': true,
65
- 'hasHelper': {
66
- 'type': 'helper',
67
- 'id': 18
68
- },
69
- 'chartProjection': {
70
- 'title': 'Emissions Reductions',
71
- 'subtitle': 'MTCO2e'
72
- }
73
- },
74
- {
75
- 'isActive': true,
76
- 'key': 'forecast_lifecycle_savings',
77
- 'title': 'Lifecycle Savings',
78
- 'description': '(on-bill)',
79
- 'hasProjections': true,
80
- 'hasHelper': {
81
- 'type': 'helper',
82
- 'id': 19
83
- },
84
- 'chartProjection': {
85
- 'title': 'Bill Savings',
86
- 'subtitle': ''
87
- }
88
- },
89
- {
90
- 'isActive': true,
91
- 'key': 'forecast_kwh_savings',
92
- 'title': 'Electricity Savings',
93
- 'description': '(lifecycle kWh)',
94
- 'hasProjections': true,
95
- 'hasHelper': {
96
- 'type': 'helper',
97
- 'id': 21
98
- },
99
- 'chartProjection': {
100
- 'title': 'Electricity Savings',
101
- 'subtitle': 'kWh'
102
- }
103
- },
104
- {
105
- 'isActive': true,
106
- 'key': 'forecast_therms_savings',
107
- 'title': 'Gas Savings',
108
- 'description': '(lifecycle therms)',
109
- 'hasProjections': true,
110
- 'hasHelper': {
111
- 'type': 'helper',
112
- 'id': 22
113
- },
114
- 'chartProjection': {
115
- 'title': 'Gas Savings',
116
- 'subtitle': 'therms'
117
- }
118
- }
119
- ],
120
- 'hasHelper': {
121
- 'type': 'helper',
122
- 'id': 25
123
- }
124
- }
125
- ]
126
-
127
- export const resultsDataColumnGroup = [
128
- {
129
- 'order': 0,
130
- 'key': 'fixed_columns',
131
- 'title': 'Cost-Effectiveness',
132
- 'columns': [
133
- {
134
- 'isActive': true,
135
- 'key': 'tdv_benefit_to_cost_ratio',
136
- 'title': 'TDV',
137
- 'description': '≥ 1.0 is cost effective',
138
- 'isChart': true,
139
- 'hasHelper': {
140
- 'type': 'helper',
141
- 'id': 1
142
- }
143
- }
144
- ],
145
- 'hasHelper': {
146
- 'type': 'helper',
147
- 'id': 23
148
- }
149
- },
150
- {
151
- 'order': 2,
152
- 'key': 'city_wide_impact',
153
- 'title': 'Wide Impact',
154
- 'columns': [
155
- {
156
- 'isActive': true,
157
- 'key': 'forecast_units_affected',
158
- 'title': 'Affected Units',
159
- 'description': '(lifecycle)',
160
- 'hasProjections': true,
161
- 'hasHelper': {
162
- 'type': 'helper',
163
- 'id': 17
164
- },
165
- 'chartProjection': {
166
- 'title': 'Number of Affected Units',
167
- 'subtitle': ''
168
- }
169
- },
170
- {
171
- 'isActive': true,
172
- 'key': 'forecast_initial_cost',
173
- 'title': 'Compliance Cost',
174
- 'description': '(lifecycle)',
175
- 'hasProjections': true,
176
- 'hasHelper': {
177
- 'type': 'helper',
178
- 'id': 20
179
- },
180
- 'chartProjection': {
181
- 'title': 'Compliance Cost',
182
- 'subtitle': ''
183
- }
184
- },
185
- {
186
- 'isActive': true,
187
- 'key': 'forecast_emissions_savings',
188
- 'title': 'Emissions Reductions',
189
- 'description': '(lifecycle MTCO2e)',
190
- 'hasProjections': true,
191
- 'hasHelper': {
192
- 'type': 'helper',
193
- 'id': 18
194
- },
195
- 'chartProjection': {
196
- 'title': 'Emissions Reductions',
197
- 'subtitle': 'MTCO2e'
198
- }
199
- },
200
- {
201
- 'isActive': true,
202
- 'key': 'forecast_lifecycle_savings',
203
- 'title': 'Lifecycle Savings',
204
- 'description': '(on-bill)',
205
- 'hasProjections': true,
206
- 'hasHelper': {
207
- 'type': 'helper',
208
- 'id': 19
209
- },
210
- 'chartProjection': {
211
- 'title': 'Bill Savings',
212
- 'subtitle': ''
213
- }
214
- },
215
- {
216
- 'isActive': true,
217
- 'key': 'forecast_kwh_savings',
218
- 'title': 'Electricity Savings',
219
- 'description': '(lifecycle kWh)',
220
- 'hasProjections': true,
221
- 'hasHelper': {
222
- 'type': 'helper',
223
- 'id': 21
224
- },
225
- 'chartProjection': {
226
- 'title': 'Electricity Savings',
227
- 'subtitle': 'kWh'
228
- }
229
- },
230
- {
231
- 'isActive': true,
232
- 'key': 'forecast_therms_savings',
233
- 'title': 'Gas Savings',
234
- 'description': '(lifecycle therms)',
235
- 'hasProjections': true,
236
- 'hasHelper': {
237
- 'type': 'helper',
238
- 'id': 22
239
- },
240
- 'chartProjection': {
241
- 'title': 'Gas Savings',
242
- 'subtitle': 'therms'
243
- }
244
- }
245
- ],
246
- 'hasHelper': {
247
- 'type': 'helper',
248
- 'id': 25
249
- }
250
- }
251
- ]
252
-
253
- export const resultsDataSummary = [
254
- {
255
- 'data': {
256
- 'forecast_units_affected': 337.5,
257
- 'forecast_emissions_savings': -1470.2228427746163,
258
- 'forecast_therms_savings': -365783.4118312498,
259
- 'forecast_kwh_savings': 5790873.440625001,
260
- 'forecast_lifecycle_savings': 1384353.6577500012,
261
- 'forecast_initial_cost': 840955.172375,
262
- 'initial_cost': -744.7994892592594,
263
- 'annual_bill_savings_avg': null,
264
- 'annual_bill_savings': -229.11570370370367,
265
- 'emissions_savings': 0.5992222222222222,
266
- 'kwh_savings': -1596.6407407407407,
267
- 'therms_savings': 134.17952962962963,
268
- 'lifecycle_savings': -3470.4795667037033,
269
- 'compliance_margin': 6.797037037037037,
270
- 'baseline_fuel_type': 'Mixed-fuel',
271
- 'energy_savings_combined': 7.96989981162963,
272
- 'on_bill_cost_ratio': 0.9328797158714975,
273
- 'tdv_benefit_to_cost_ratio': 1.327363515218667,
274
- 'simple_payback': 4.842552503682514,
275
- 'tdv2022_benefit_to_cost_ratio': 0
276
- },
277
- 'deep': 0,
278
- 'id': 'policy',
279
- 'title': 'Total Impact',
280
- 'items': [
281
- {
282
- 'data': {
283
- 'forecast_units_affected': 77.5,
284
- 'forecast_emissions_savings': 1427.3145433224304,
285
- 'forecast_therms_savings': 296624.89395,
286
- 'forecast_kwh_savings': -2102697.449999999,
287
- 'forecast_lifecycle_savings': 19620.35775000001,
288
- 'forecast_initial_cost': 408160,
289
- 'initial_cost': 2014,
290
- 'annual_bill_savings_avg': null,
291
- 'annual_bill_savings': -439.0199999999999,
292
- 'emissions_savings': 2.045,
293
- 'kwh_savings': -3999,
294
- 'therms_savings': 400.1415,
295
- 'lifecycle_savings': -4160.687805,
296
- 'compliance_margin': 29.6,
297
- 'baseline_fuel_type': 'Mixed-fuel',
298
- 'energy_savings_combined': 26.36819047,
299
- 'on_bill_cost_ratio': 1.460322707,
300
- 'tdv_benefit_to_cost_ratio': 1.42,
301
- 'simple_payback': 0,
302
- 'tdv2022_benefit_to_cost_ratio': 0
303
- },
304
- 'deep': 1,
305
- 'id': 'policy:container-2459',
306
- 'title': 'New Single Family Units',
307
- 'items': [
308
- {
309
- 'data': {
310
- 'forecast_units_affected': 77.5,
311
- 'forecast_emissions_savings': 1427.3145433224304,
312
- 'forecast_therms_savings': 296624.89395,
313
- 'forecast_kwh_savings': -2102697.449999999,
314
- 'forecast_lifecycle_savings': 19620.35775000001,
315
- 'forecast_initial_cost': 408160,
316
- 'initial_cost': 2014,
317
- 'annual_bill_savings_avg': null,
318
- 'annual_bill_savings': -439.0199999999999,
319
- 'emissions_savings': 2.045,
320
- 'kwh_savings': -3999,
321
- 'therms_savings': 400.1415,
322
- 'lifecycle_savings': -4160.687805,
323
- 'compliance_margin': 29.6,
324
- 'baseline_fuel_type': 'Mixed-fuel',
325
- 'energy_savings_combined': 26.36819047,
326
- 'on_bill_cost_ratio': 1.460322707,
327
- 'tdv_benefit_to_cost_ratio': 1.42,
328
- 'simple_payback': 0,
329
- 'tdv2022_benefit_to_cost_ratio': 0
330
- },
331
- 'deep': 2,
332
- 'id': 'policy:container-2459:climateZone-1-PGE',
333
- 'title': 'Climate Zone 1',
334
- 'items': [
335
- {
336
- 'data': {
337
- 'forecast_units_affected': 77.5,
338
- 'forecast_emissions_savings': 1427.3145433224304,
339
- 'forecast_therms_savings': 296624.89395,
340
- 'forecast_kwh_savings': -2102697.449999999,
341
- 'forecast_lifecycle_savings': 19620.35775000001,
342
- 'forecast_initial_cost': 408160,
343
- 'initial_cost': 2014,
344
- 'annual_bill_savings': -439.02,
345
- 'emissions_savings': 2.045,
346
- 'kwh_savings': -3999,
347
- 'therms_savings': 400.1415,
348
- 'lifecycle_savings': -4160.687805,
349
- 'compliance_margin': 29.6,
350
- 'baseline_fuel_type': 'Mixed-fuel',
351
- 'energy_savings_combined': 26.36819047,
352
- 'on_bill_cost_ratio': 1.460322707,
353
- 'tdv_benefit_to_cost_ratio': 1.42,
354
- 'simple_payback': 0,
355
- 'tdv2022_benefit_to_cost_ratio': null
356
- },
357
- 'deep': 3,
358
- 'id': 'policy:container-2459:climateZone-1-PGE:fuel-all-electric',
359
- 'title': 'All Electric',
360
- 'items': null,
361
- 'is_disabled': false,
362
- 'is_last': false,
363
- 'index': '0-0-0-0',
364
- 'last_deep': true
365
- },
366
- {
367
- 'data': {
368
- 'initial_cost': 1806.25,
369
- 'annual_bill_savings': 186.04,
370
- 'emissions_savings': 0.42,
371
- 'kwh_savings': 89.395,
372
- 'therms_savings': 68.604,
373
- 'lifecycle_savings': 5647.744375,
374
- 'compliance_margin': 11.95,
375
- 'baseline_fuel_type': 'Mixed-fuel',
376
- 'energy_savings_combined': 7.16541574,
377
- 'on_bill_cost_ratio': 2.784541829,
378
- 'tdv_benefit_to_cost_ratio': 2.75,
379
- 'simple_payback': 9.708831573,
380
- 'tdv2022_benefit_to_cost_ratio': null
381
- },
382
- 'deep': 3,
383
- 'id': 'policy:container-2459:climateZone-1-PGE:fuel-mixed-fuel',
384
- 'title': 'Mixed-fuel',
385
- 'items': null,
386
- 'is_disabled': true,
387
- 'is_last': true,
388
- 'index': '0-0-0-1',
389
- 'last_deep': true
390
- }
391
- ],
392
- 'is_disabled': false,
393
- 'is_last': true,
394
- 'index': '0-0-0',
395
- 'last_deep': false
396
- }
397
- ],
398
- 'is_disabled': false,
399
- 'is_last': false,
400
- 'index': '0-0',
401
- 'last_deep': false
402
- },
403
- {
404
- 'data': {
405
- 'forecast_units_affected': 260,
406
- 'forecast_emissions_savings': -2897.5373860970467,
407
- 'forecast_therms_savings': -662408.3057812498,
408
- 'forecast_kwh_savings': 7893570.890625,
409
- 'forecast_lifecycle_savings': 1364733.3000000012,
410
- 'forecast_initial_cost': 432795.17237499997,
411
- 'initial_cost': -1567.1339524038463,
412
- 'annual_bill_savings_avg': null,
413
- 'annual_bill_savings': -166.54807692307693,
414
- 'emissions_savings': 0.16826923076923078,
415
- 'kwh_savings': -880.5528846153846,
416
- 'therms_savings': 54.902403846153845,
417
- 'lifecycle_savings': -3264.74441875,
418
- 'compliance_margin': 0,
419
- 'baseline_fuel_type': 'Mixed-fuel',
420
- 'energy_savings_combined': 2.4857939423076925,
421
- 'on_bill_cost_ratio': 0.435459354,
422
- 'tdv_benefit_to_cost_ratio': 1.2400000000000002,
423
- 'simple_payback': 9.409461647,
424
- 'tdv2022_benefit_to_cost_ratio': 0
425
- },
426
- 'deep': 1,
427
- 'id': 'policy:container-2539',
428
- 'title': 'New ADUs',
429
- 'items': [
430
- {
431
- 'data': {
432
- 'forecast_units_affected': 260,
433
- 'forecast_emissions_savings': -2897.5373860970467,
434
- 'forecast_therms_savings': -662408.3057812498,
435
- 'forecast_kwh_savings': 7893570.890625,
436
- 'forecast_lifecycle_savings': 1364733.3000000012,
437
- 'forecast_initial_cost': 432795.17237499997,
438
- 'initial_cost': -1567.1339524038463,
439
- 'annual_bill_savings_avg': null,
440
- 'annual_bill_savings': -166.54807692307693,
441
- 'emissions_savings': 0.16826923076923078,
442
- 'kwh_savings': -880.5528846153846,
443
- 'therms_savings': 54.902403846153845,
444
- 'lifecycle_savings': -3264.74441875,
445
- 'compliance_margin': 0,
446
- 'baseline_fuel_type': 'Mixed-fuel',
447
- 'energy_savings_combined': 2.4857939423076925,
448
- 'on_bill_cost_ratio': 0.435459354,
449
- 'tdv_benefit_to_cost_ratio': 1.2400000000000002,
450
- 'simple_payback': 9.409461647,
451
- 'tdv2022_benefit_to_cost_ratio': 0
452
- },
453
- 'deep': 2,
454
- 'id': 'policy:container-2539:climateZone-1-PGE',
455
- 'title': 'Climate Zone 1',
456
- 'items': [
457
- {
458
- 'data': {
459
- 'forecast_units_affected': 125,
460
- 'forecast_emissions_savings': -2897.5373860970467,
461
- 'forecast_therms_savings': -662408.3057812498,
462
- 'forecast_kwh_savings': 7893570.890625,
463
- 'forecast_lifecycle_savings': 1364733.3000000012,
464
- 'forecast_initial_cost': 432795.17237499997,
465
- 'initial_cost': -3259.638621,
466
- 'annual_bill_savings': -346.42,
467
- 'emissions_savings': 0.35,
468
- 'kwh_savings': -1831.55,
469
- 'therms_savings': 114.197,
470
- 'lifecycle_savings': -6790.668391,
471
- 'compliance_margin': 0,
472
- 'baseline_fuel_type': 'Mixed-fuel',
473
- 'energy_savings_combined': 5.1704514,
474
- 'on_bill_cost_ratio': 0.435459354,
475
- 'tdv_benefit_to_cost_ratio': 1.24,
476
- 'simple_payback': 9.409461647,
477
- 'tdv2022_benefit_to_cost_ratio': null
478
- },
479
- 'deep': 3,
480
- 'id': 'policy:container-2539:climateZone-1-PGE:fuel-all-electric',
481
- 'title': 'All Electric',
482
- 'items': null,
483
- 'is_disabled': false,
484
- 'is_last': false,
485
- 'index': '0-1-0-0',
486
- 'last_deep': true
487
- },
488
- {
489
- 'data': {
490
- 'forecast_units_affected': 135,
491
- 'initial_cost': 0,
492
- 'annual_bill_savings': 0,
493
- 'emissions_savings': 0,
494
- 'kwh_savings': 0,
495
- 'therms_savings': 0,
496
- 'lifecycle_savings': 0,
497
- 'compliance_margin': 0,
498
- 'baseline_fuel_type': 'Mixed-fuel',
499
- 'energy_savings_combined': 0,
500
- 'on_bill_cost_ratio': 0,
501
- 'tdv_benefit_to_cost_ratio': 0,
502
- 'simple_payback': 0,
503
- 'tdv2022_benefit_to_cost_ratio': null
504
- },
505
- 'deep': 3,
506
- 'id': 'policy:container-2539:climateZone-1-PGE:fuel-mixed-fuel',
507
- 'title': 'Mixed-fuel',
508
- 'items': null,
509
- 'is_disabled': false,
510
- 'is_last': true,
511
- 'index': '0-1-0-1',
512
- 'last_deep': true
513
- }
514
- ],
515
- 'is_disabled': false,
516
- 'is_last': true,
517
- 'index': '0-1-0',
518
- 'last_deep': false
519
- }
520
- ],
521
- 'is_disabled': false,
522
- 'is_last': true,
523
- 'index': '0-1',
524
- 'last_deep': false
525
- }
526
- ],
527
- 'is_disabled': false,
528
- 'index': '0',
529
- 'last_deep': false
530
- }
531
- ]
@@ -1,59 +0,0 @@
1
- import PsAccordionItem from '../components/accordion/PsAccordionItem.vue'
2
- import PsAccordion from '../components/accordion/PsAccordion.vue'
3
-
4
- export default {
5
- title: 'Components/Accordion',
6
- component: PsAccordion,
7
- subcomponents: { PsAccordionItem },
8
- }
9
-
10
-
11
- export const Index = (args:any, { argTypes }: { argTypes:any }) => ({
12
- props: Object.keys({argTypes, args}),
13
- components: { PsAccordion, PsAccordionItem },
14
- template:
15
- `
16
- <div class="psui-p-8 psui-bg-gray-10 psui-grid psui-grid-cols-2 psui-gap-6">
17
- <div>
18
- <div class="psui-my-4">
19
- <h1 class="psui-font-bold psui-border-b psui-border-gray-30">Accordion Big</h1>
20
- </div>
21
- <PsAccordion layout="big" class="psui-bg-white">
22
- <PsAccordionItem title="Header 01">
23
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
24
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
25
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
26
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
27
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
28
- </PsAccordionItem>
29
- <PsAccordionItem title="Header 02">
30
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
31
- </PsAccordionItem>
32
- <PsAccordionItem title="Header 03">
33
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
34
- </PsAccordionItem>
35
- </PsAccordion>
36
- </div>
37
-
38
- <div>
39
- <div class="psui-my-4">
40
- <h1 class="psui-font-bold psui-border-b psui-border-gray-30">Accordion Medium</h1>
41
- </div>
42
- <PsAccordion layout="medium" class="psui-bg-white">
43
- <PsAccordionItem title="Header 01">
44
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
45
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
46
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
47
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
48
- </PsAccordionItem>
49
- <PsAccordionItem title="Header 02" :opened="false">
50
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
51
- </PsAccordionItem>
52
- <PsAccordionItem title="Header 03">
53
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
54
- </PsAccordionItem>
55
- </PsAccordion>
56
- </div>
57
- </div>
58
- `,
59
- })
@@ -1,31 +0,0 @@
1
- import PsBadgeWithIcon from '../components/badges-and-tags/PsBadgeWithIcon.vue'
2
-
3
- export default {
4
- title: 'Badges & Tags/Badges/BadgeWithIcon',
5
- component: PsBadgeWithIcon,
6
- argTypes: {
7
- },
8
- }
9
-
10
- const TemplateDefault = (args:any, {argTypes}:{argTypes:any})=>({
11
- props: Object.keys(argTypes),
12
- components:{PsBadgeWithIcon},
13
- template: `
14
- <div style="display: flex; flex-direction: column;">
15
- <div style="width: fit-content; display:flex; gap:70px; margin-left: 40px;">
16
- <span>Grey</span>
17
- <span style="margin-left: 8px;">Blue</span>
18
- <span style="margin-left: 5px;">Green</span>
19
- <span>Yellow</span>
20
- </div>
21
- <div style="width: fit-content; display:flex; gap:5px;">
22
- <PsBadgeWithIcon/>
23
- <PsBadgeWithIcon layout="blue"/>
24
- <PsBadgeWithIcon layout="green"/>
25
- <PsBadgeWithIcon layout="yellow"/>
26
- </div>
27
- </div>
28
- `
29
- })
30
-
31
- export const Default = TemplateDefault.bind({})
@@ -1,17 +0,0 @@
1
- import PsBarChart from '../components/data-graphics/PsBarChart.vue'
2
- export default {
3
- title: 'Data Graphics/Charts/BarChart',
4
- component: PsBarChart,
5
- }
6
-
7
- const defaultTemplate = (args:any, {argTypes}:{argTypes:any}) => ({
8
- props: Object.keys(argTypes),
9
- components: { PsBarChart },
10
- template: `
11
- <div style='padding: 20px;'>
12
- <PsBarChart v-bind="$props"/>
13
- </div>
14
- `
15
- })
16
-
17
- export const BarChart = defaultTemplate.bind({})
@@ -1,22 +0,0 @@
1
- import PsBreadcrumb from '../components/navigations/PsBreadcrumb.vue'
2
- export default {
3
- title: 'Navigations/Breadcrumb',
4
- component: PsBreadcrumb,
5
- argTypes: {},
6
- }
7
- const items = [
8
- { title: '1st level', route: '' },
9
- { title: 'Big name that needs to be shortened', route: '#' },
10
- { title: '3rd level', route: '' },
11
- { title: '4th level', route: '' },
12
- ]
13
-
14
- const Template = (args:any, { argTypes }:{argTypes:any}) => ({
15
- props: Object.keys(argTypes),
16
- components: { PsBreadcrumb },
17
- template: `
18
- <PsBreadcrumb v-bind="$props" />
19
- `,
20
- })
21
-
22
- export const Default = Template.bind({})