buefy 0.9.25 → 0.9.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +69 -78
- package/src/components/autocomplete/Autocomplete.vue +1 -1
- package/src/components/autocomplete/__snapshots__/Autocomplete.spec.js.snap +4 -13
- package/src/components/breadcrumb/__snapshots__/Breadcrumb.spec.js.snap +1 -1
- package/src/components/button/Button.spec.js +8 -0
- package/src/components/button/Button.vue +1 -1
- package/src/components/button/__snapshots__/Button.spec.js.snap +1 -6
- package/src/components/carousel/__snapshots__/Carousel.spec.js.snap +7 -14
- package/src/components/carousel/__snapshots__/CarouselList.spec.js.snap +67 -86
- package/src/components/clockpicker/__snapshots__/Clockpicker.spec.js.snap +14 -19
- package/src/components/clockpicker/__snapshots__/ClockpickerFace.spec.js.snap +3 -3
- package/src/components/collapse/__snapshots__/Collapse.spec.js.snap +2 -2
- package/src/components/colorpicker/__snapshots__/Colorpicker.spec.js.snap +7 -28
- package/src/components/colorpicker/__snapshots__/ColorpickerAlphaSlider.spec.js.snap +3 -5
- package/src/components/colorpicker/__snapshots__/ColorpickerHSLRepresentationSquare.spec.js.snap +6 -6
- package/src/components/colorpicker/__snapshots__/ColorpickerHSLRepresentationTriangle.spec.js.snap +29 -29
- package/src/components/datepicker/__snapshots__/Datepicker.spec.js.snap +381 -397
- package/src/components/datepicker/__snapshots__/DatepickerMonth.spec.js.snap +27 -27
- package/src/components/datepicker/__snapshots__/DatepickerTable.spec.js.snap +10 -10
- package/src/components/datepicker/__snapshots__/DatepickerTableRow.spec.js.snap +1 -11
- package/src/components/dialog/Dialog.spec.js +29 -0
- package/src/components/dialog/Dialog.vue +19 -1
- package/src/components/dropdown/__snapshots__/Dropdown.spec.js.snap +5 -5
- package/src/components/field/__snapshots__/Field.spec.js.snap +1 -6
- package/src/components/image/__snapshots__/Image.spec.js.snap +9 -25
- package/src/components/input/__snapshots__/Input.spec.js.snap +1 -7
- package/src/components/loading/__snapshots__/Loading.spec.js.snap +4 -4
- package/src/components/menu/__snapshots__/MenuItem.spec.js.snap +1 -6
- package/src/components/menu/__snapshots__/MenuList.spec.js.snap +2 -2
- package/src/components/message/__snapshots__/Message.spec.js.snap +1 -7
- package/src/components/modal/Modal.spec.js +26 -0
- package/src/components/modal/Modal.vue +5 -1
- package/src/components/modal/__snapshots__/Modal.spec.js.snap +4 -4
- package/src/components/navbar/NavbarDropdown.vue +2 -11
- package/src/components/navbar/__snapshots__/NavBar.spec.js.snap +5 -5
- package/src/components/navbar/__snapshots__/NavbarDropdown.spec.js.snap +1 -2
- package/src/components/notification/__snapshots__/Notification.spec.js.snap +1 -6
- package/src/components/pagination/__snapshots__/Pagination.spec.js.snap +3 -16
- package/src/components/progress/__snapshots__/Progress.spec.js.snap +1 -5
- package/src/components/progress/__snapshots__/ProgressBar.spec.js.snap +1 -5
- package/src/components/select/__snapshots__/Select.spec.js.snap +1 -5
- package/src/components/sidebar/__snapshots__/Sidebar.spec.js.snap +8 -12
- package/src/components/skeleton/__snapshots__/Skeleton.spec.js.snap +1 -1
- package/src/components/slider/__snapshots__/Slider.spec.js.snap +3 -6
- package/src/components/slider/__snapshots__/SliderThumb.spec.js.snap +3 -7
- package/src/components/slider/__snapshots__/SliderTick.spec.js.snap +1 -5
- package/src/components/snackbar/__snapshots__/Snackbar.spec.js.snap +2 -3
- package/src/components/steps/__snapshots__/Steps.spec.js.snap +22 -28
- package/src/components/table/Table.spec.js +288 -0
- package/src/components/table/Table.vue +255 -44
- package/src/components/table/TableColumn.vue +3 -0
- package/src/components/table/__snapshots__/Table.spec.js.snap +11 -17
- package/src/components/table/__snapshots__/TableMobileSort.spec.js.snap +3 -8
- package/src/components/tabs/__snapshots__/Tabs.spec.js.snap +14 -16
- package/src/components/tag/Tag.vue +2 -2
- package/src/components/tag/__snapshots__/Tag.spec.js.snap +1 -4
- package/src/components/taginput/__snapshots__/Taginput.spec.js.snap +1 -4
- package/src/components/timepicker/__snapshots__/Timepicker.spec.js.snap +255 -267
- package/src/components/toast/__snapshots__/Toast.spec.js.snap +1 -1
- package/src/components/tooltip/Tooltip.vue +46 -13
- package/src/components/tooltip/__snapshots__/Tooltip.spec.js.snap +2 -4
- package/src/scss/components/_icon.scss +2 -2
- package/src/scss/components/_modal.scss +13 -0
- package/src/scss/components/_table.scss +48 -5
- package/src/scss/components/_tag.scss +9 -0
- package/src/utils/helpers.js +52 -5
- package/dist/buefy.css +0 -15906
- package/dist/buefy.esm.js +0 -18257
- package/dist/buefy.esm.min.js +0 -2
- package/dist/buefy.js +0 -18339
- package/dist/buefy.min.css +0 -1
- package/dist/buefy.min.js +0 -2
- package/dist/cjs/autocomplete.js +0 -22
- package/dist/cjs/breadcrumb.js +0 -127
- package/dist/cjs/button.js +0 -20
- package/dist/cjs/carousel.js +0 -672
- package/dist/cjs/checkbox.js +0 -81
- package/dist/cjs/chunk-0482bf22.js +0 -155
- package/dist/cjs/chunk-11e64028.js +0 -351
- package/dist/cjs/chunk-13e039f5.js +0 -104
- package/dist/cjs/chunk-1f7d7e31.js +0 -45
- package/dist/cjs/chunk-25752dce.js +0 -767
- package/dist/cjs/chunk-3f3dfbb8.js +0 -426
- package/dist/cjs/chunk-45739695.js +0 -332
- package/dist/cjs/chunk-46a2f564.js +0 -148
- package/dist/cjs/chunk-60febb23.js +0 -64
- package/dist/cjs/chunk-6543eeb8.js +0 -196
- package/dist/cjs/chunk-6654fbbd.js +0 -80
- package/dist/cjs/chunk-917a5bdc.js +0 -110
- package/dist/cjs/chunk-95b323d1.js +0 -239
- package/dist/cjs/chunk-a18d4d4d.js +0 -159
- package/dist/cjs/chunk-a31e136a.js +0 -163
- package/dist/cjs/chunk-ad4b0b18.js +0 -179
- package/dist/cjs/chunk-ae7e641a.js +0 -59
- package/dist/cjs/chunk-af3b1a16.js +0 -325
- package/dist/cjs/chunk-b32143ae.js +0 -314
- package/dist/cjs/chunk-bef674a8.js +0 -53
- package/dist/cjs/chunk-bf916b04.js +0 -284
- package/dist/cjs/chunk-c80cb851.js +0 -147
- package/dist/cjs/chunk-ccc675bc.js +0 -62
- package/dist/cjs/chunk-d99687e8.js +0 -261
- package/dist/cjs/chunk-ddb5e420.js +0 -1827
- package/dist/cjs/chunk-e00fbf91.js +0 -737
- package/dist/cjs/chunk-e258ed29.js +0 -94
- package/dist/cjs/chunk-f1df1c63.js +0 -9
- package/dist/cjs/chunk-ff5384ad.js +0 -554
- package/dist/cjs/clockpicker.js +0 -475
- package/dist/cjs/collapse.js +0 -122
- package/dist/cjs/colorpicker-0bfc2c4d.js +0 -1774
- package/dist/cjs/colorpicker.js +0 -23
- package/dist/cjs/config.js +0 -18
- package/dist/cjs/datepicker.js +0 -27
- package/dist/cjs/datetimepicker.js +0 -395
- package/dist/cjs/dialog.js +0 -311
- package/dist/cjs/dropdown.js +0 -23
- package/dist/cjs/field.js +0 -18
- package/dist/cjs/helpers.js +0 -348
- package/dist/cjs/icon.js +0 -19
- package/dist/cjs/image.js +0 -19
- package/dist/cjs/index.js +0 -217
- package/dist/cjs/input.js +0 -21
- package/dist/cjs/loading.js +0 -38
- package/dist/cjs/menu.js +0 -294
- package/dist/cjs/message.js +0 -61
- package/dist/cjs/modal.js +0 -67
- package/dist/cjs/navbar.js +0 -690
- package/dist/cjs/notification.js +0 -178
- package/dist/cjs/numberinput.js +0 -286
- package/dist/cjs/pagination.js +0 -22
- package/dist/cjs/progress.js +0 -231
- package/dist/cjs/radio.js +0 -118
- package/dist/cjs/rate.js +0 -155
- package/dist/cjs/select.js +0 -21
- package/dist/cjs/sidebar.js +0 -317
- package/dist/cjs/skeleton.js +0 -107
- package/dist/cjs/slider.js +0 -596
- package/dist/cjs/snackbar.js +0 -134
- package/dist/cjs/steps.js +0 -282
- package/dist/cjs/switch.js +0 -133
- package/dist/cjs/table.js +0 -1582
- package/dist/cjs/tabs.js +0 -213
- package/dist/cjs/tag.js +0 -63
- package/dist/cjs/taginput.js +0 -338
- package/dist/cjs/timepicker.js +0 -28
- package/dist/cjs/toast.js +0 -108
- package/dist/cjs/tooltip.js +0 -19
- package/dist/cjs/upload.js +0 -214
- package/dist/components/autocomplete/index.js +0 -1718
- package/dist/components/autocomplete/index.min.js +0 -2
- package/dist/components/breadcrumb/index.js +0 -295
- package/dist/components/breadcrumb/index.min.js +0 -2
- package/dist/components/button/index.js +0 -584
- package/dist/components/button/index.min.js +0 -2
- package/dist/components/carousel/index.js +0 -1653
- package/dist/components/carousel/index.min.js +0 -2
- package/dist/components/checkbox/index.js +0 -278
- package/dist/components/checkbox/index.min.js +0 -2
- package/dist/components/clockpicker/index.js +0 -3263
- package/dist/components/clockpicker/index.min.js +0 -2
- package/dist/components/collapse/index.js +0 -221
- package/dist/components/collapse/index.min.js +0 -2
- package/dist/components/colorpicker/index.js +0 -4413
- package/dist/components/colorpicker/index.min.js +0 -2
- package/dist/components/datepicker/index.js +0 -4033
- package/dist/components/datepicker/index.min.js +0 -2
- package/dist/components/datetimepicker/index.js +0 -5179
- package/dist/components/datetimepicker/index.min.js +0 -2
- package/dist/components/dialog/index.js +0 -1217
- package/dist/components/dialog/index.min.js +0 -2
- package/dist/components/dropdown/index.js +0 -1020
- package/dist/components/dropdown/index.min.js +0 -2
- package/dist/components/field/index.js +0 -517
- package/dist/components/field/index.min.js +0 -2
- package/dist/components/icon/index.js +0 -482
- package/dist/components/icon/index.min.js +0 -2
- package/dist/components/image/index.js +0 -528
- package/dist/components/image/index.min.js +0 -2
- package/dist/components/input/index.js +0 -910
- package/dist/components/input/index.min.js +0 -2
- package/dist/components/loading/index.js +0 -384
- package/dist/components/loading/index.min.js +0 -2
- package/dist/components/menu/index.js +0 -757
- package/dist/components/menu/index.min.js +0 -2
- package/dist/components/message/index.js +0 -672
- package/dist/components/message/index.min.js +0 -2
- package/dist/components/modal/index.js +0 -669
- package/dist/components/modal/index.min.js +0 -2
- package/dist/components/navbar/index.js +0 -819
- package/dist/components/navbar/index.min.js +0 -2
- package/dist/components/notification/index.js +0 -957
- package/dist/components/notification/index.min.js +0 -2
- package/dist/components/numberinput/index.js +0 -1175
- package/dist/components/numberinput/index.min.js +0 -2
- package/dist/components/pagination/index.js +0 -900
- package/dist/components/pagination/index.min.js +0 -2
- package/dist/components/progress/index.js +0 -570
- package/dist/components/progress/index.min.js +0 -2
- package/dist/components/radio/index.js +0 -258
- package/dist/components/radio/index.min.js +0 -2
- package/dist/components/rate/index.js +0 -618
- package/dist/components/rate/index.min.js +0 -2
- package/dist/components/select/index.js +0 -744
- package/dist/components/select/index.min.js +0 -2
- package/dist/components/sidebar/index.js +0 -491
- package/dist/components/sidebar/index.min.js +0 -2
- package/dist/components/skeleton/index.js +0 -206
- package/dist/components/skeleton/index.min.js +0 -2
- package/dist/components/slider/index.js +0 -1187
- package/dist/components/slider/index.min.js +0 -2
- package/dist/components/snackbar/index.js +0 -559
- package/dist/components/snackbar/index.min.js +0 -2
- package/dist/components/steps/index.js +0 -1194
- package/dist/components/steps/index.min.js +0 -2
- package/dist/components/switch/index.js +0 -301
- package/dist/components/switch/index.min.js +0 -2
- package/dist/components/table/index.js +0 -3367
- package/dist/components/table/index.min.js +0 -2
- package/dist/components/tabs/index.js +0 -1125
- package/dist/components/tabs/index.min.js +0 -2
- package/dist/components/tag/index.js +0 -304
- package/dist/components/tag/index.min.js +0 -2
- package/dist/components/taginput/index.js +0 -2212
- package/dist/components/taginput/index.min.js +0 -2
- package/dist/components/timepicker/index.js +0 -2950
- package/dist/components/timepicker/index.min.js +0 -2
- package/dist/components/toast/index.js +0 -533
- package/dist/components/toast/index.min.js +0 -2
- package/dist/components/tooltip/index.js +0 -563
- package/dist/components/tooltip/index.min.js +0 -2
- package/dist/components/upload/index.js +0 -560
- package/dist/components/upload/index.min.js +0 -2
- package/dist/esm/autocomplete.js +0 -18
- package/dist/esm/breadcrumb.js +0 -122
- package/dist/esm/button.js +0 -16
- package/dist/esm/carousel.js +0 -666
- package/dist/esm/checkbox.js +0 -77
- package/dist/esm/chunk-00513de7.js +0 -1825
- package/dist/esm/chunk-10ce22e9.js +0 -78
- package/dist/esm/chunk-136c8df7.js +0 -194
- package/dist/esm/chunk-1a4ba565.js +0 -146
- package/dist/esm/chunk-1be3b7ea.js +0 -259
- package/dist/esm/chunk-28870806.js +0 -236
- package/dist/esm/chunk-34fa7a7a.js +0 -60
- package/dist/esm/chunk-357632c2.js +0 -108
- package/dist/esm/chunk-38c38ecc.js +0 -145
- package/dist/esm/chunk-3e7e499f.js +0 -312
- package/dist/esm/chunk-42f463e6.js +0 -57
- package/dist/esm/chunk-5063b39d.js +0 -62
- package/dist/esm/chunk-5d67e4a3.js +0 -282
- package/dist/esm/chunk-6dcba4a4.js +0 -765
- package/dist/esm/chunk-6de9fce5.js +0 -735
- package/dist/esm/chunk-851d1b8f.js +0 -317
- package/dist/esm/chunk-8ddd6a2b.js +0 -161
- package/dist/esm/chunk-97dd88e0.js +0 -177
- package/dist/esm/chunk-9dd7d140.js +0 -92
- package/dist/esm/chunk-a1a77ea5.js +0 -43
- package/dist/esm/chunk-a4483055.js +0 -551
- package/dist/esm/chunk-a67eba42.js +0 -154
- package/dist/esm/chunk-a6b6e0c4.js +0 -51
- package/dist/esm/chunk-a86155fc.js +0 -323
- package/dist/esm/chunk-b9bdb0e4.js +0 -6
- package/dist/esm/chunk-c98efb13.js +0 -153
- package/dist/esm/chunk-cca88db8.js +0 -99
- package/dist/esm/chunk-e9a527b6.js +0 -349
- package/dist/esm/chunk-ee230468.js +0 -422
- package/dist/esm/clockpicker.js +0 -471
- package/dist/esm/collapse.js +0 -118
- package/dist/esm/colorpicker-8a2788dc.js +0 -1770
- package/dist/esm/colorpicker.js +0 -14
- package/dist/esm/config.js +0 -14
- package/dist/esm/datepicker.js +0 -23
- package/dist/esm/datetimepicker.js +0 -391
- package/dist/esm/dialog.js +0 -306
- package/dist/esm/dropdown.js +0 -18
- package/dist/esm/field.js +0 -14
- package/dist/esm/helpers.js +0 -322
- package/dist/esm/icon.js +0 -15
- package/dist/esm/image.js +0 -15
- package/dist/esm/index.js +0 -184
- package/dist/esm/input.js +0 -17
- package/dist/esm/loading.js +0 -34
- package/dist/esm/menu.js +0 -288
- package/dist/esm/message.js +0 -57
- package/dist/esm/modal.js +0 -63
- package/dist/esm/navbar.js +0 -684
- package/dist/esm/notification.js +0 -173
- package/dist/esm/numberinput.js +0 -282
- package/dist/esm/pagination.js +0 -17
- package/dist/esm/progress.js +0 -226
- package/dist/esm/radio.js +0 -113
- package/dist/esm/rate.js +0 -151
- package/dist/esm/select.js +0 -17
- package/dist/esm/sidebar.js +0 -313
- package/dist/esm/skeleton.js +0 -103
- package/dist/esm/slider.js +0 -591
- package/dist/esm/snackbar.js +0 -129
- package/dist/esm/steps.js +0 -277
- package/dist/esm/switch.js +0 -129
- package/dist/esm/table.js +0 -1577
- package/dist/esm/tabs.js +0 -208
- package/dist/esm/tag.js +0 -59
- package/dist/esm/taginput.js +0 -334
- package/dist/esm/timepicker.js +0 -24
- package/dist/esm/toast.js +0 -103
- package/dist/esm/tooltip.js +0 -15
- package/dist/esm/upload.js +0 -210
- package/dist/vetur/attributes.json +0 -3234
- package/dist/vetur/tags.json +0 -1182
|
@@ -1,32 +1,11 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`BColorpicker render correctly 1`] = `
|
|
4
|
-
<div class="colorpicker control">
|
|
5
|
-
|
|
6
|
-
<
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<div class="colorpicker-content">
|
|
12
|
-
<b-colorpicker-h-s-l-representation-triangle-stub value="#000000" size="200" thickness="20"></b-colorpicker-h-s-l-representation-triangle-stub>
|
|
13
|
-
</div>
|
|
14
|
-
</div>
|
|
15
|
-
<footer class="colorpicker-footer">
|
|
16
|
-
<!---->
|
|
17
|
-
<b-field-stub grouped="true" addons="true" class="colorpicker-fields">
|
|
18
|
-
<b-field-stub label="R" horizontal="true" addons="true">
|
|
19
|
-
<b-input-stub size="is-small" usehtml5validation="true" statusicon="true" value="0" type="number" hascounter="true" customclass="" aria-label="Red"></b-input-stub>
|
|
20
|
-
</b-field-stub>
|
|
21
|
-
<b-field-stub label="G" horizontal="true" addons="true">
|
|
22
|
-
<b-input-stub size="is-small" usehtml5validation="true" statusicon="true" value="0" type="number" hascounter="true" customclass="" aria-label="Green"></b-input-stub>
|
|
23
|
-
</b-field-stub>
|
|
24
|
-
<b-field-stub label="B" horizontal="true" addons="true">
|
|
25
|
-
<b-input-stub size="is-small" usehtml5validation="true" statusicon="true" value="0" type="number" hascounter="true" customclass="" aria-label="Blue"></b-input-stub>
|
|
26
|
-
</b-field-stub>
|
|
27
|
-
</b-field-stub>
|
|
28
|
-
</footer>
|
|
29
|
-
</b-dropdown-item-stub>
|
|
30
|
-
</b-dropdown-stub>
|
|
31
|
-
</div>
|
|
4
|
+
<div class="colorpicker control"><b-dropdown-stub maxheight="200" triggers="click" mobilemodal="true" ariarole="dialog" animation="fade" trapfocus="true" closeonclick="true" canclose="true" appendtobodycopyparent="true" triggertabindex="0"> <b-dropdown-item-stub custom="true" focusable="true" ariarole="" class="">
|
|
5
|
+
<div>
|
|
6
|
+
<header class="colorpicker-header"><!----></header>
|
|
7
|
+
<div class="colorpicker-content"><b-colorpicker-h-s-l-representation-triangle-stub value="#000000" size="200" thickness="20"></b-colorpicker-h-s-l-representation-triangle-stub></div>
|
|
8
|
+
</div>
|
|
9
|
+
<footer class="colorpicker-footer"><!----> <b-field-stub grouped="true" addons="true" class="colorpicker-fields"><b-field-stub label="R" horizontal="true" addons="true"><b-input-stub size="is-small" usehtml5validation="true" statusicon="true" value="0" type="number" hascounter="true" customclass="" aria-label="Red"></b-input-stub></b-field-stub> <b-field-stub label="G" horizontal="true" addons="true"><b-input-stub size="is-small" usehtml5validation="true" statusicon="true" value="0" type="number" hascounter="true" customclass="" aria-label="Green"></b-input-stub></b-field-stub> <b-field-stub label="B" horizontal="true" addons="true"><b-input-stub size="is-small" usehtml5validation="true" statusicon="true" value="0" type="number" hascounter="true" customclass="" aria-label="Blue"></b-input-stub></b-field-stub></b-field-stub></footer>
|
|
10
|
+
</b-dropdown-item-stub></b-dropdown-stub></div>
|
|
32
11
|
`;
|
|
@@ -2,10 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`BColorpickerAlphaSlider render correctly 1`] = `
|
|
4
4
|
<div class="b-colorpicker-alpha-slider" style="background-size: 100% 100%, 1em 1em, 1em 1em;">
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
</b-tooltip-stub>
|
|
9
|
-
</div>
|
|
5
|
+
<div role="slider" tabindex="0" aria-label="Tranparency" aria-valuemin="0" aria-valuenow="61" aria-valuemax="100" class="alpha-range-thumb" style="left: 61%;"><b-tooltip-stub active="true" type="is-primary" label="61%" position="is-top" triggers="hover" size="is-medium" animated="true" animation="fade" autoclose="true">
|
|
6
|
+
|
|
7
|
+
</b-tooltip-stub></div>
|
|
10
8
|
</div>
|
|
11
9
|
`;
|
package/src/components/colorpicker/__snapshots__/ColorpickerHSLRepresentationSquare.spec.js.snap
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`BColorpickerHSLRepresentationSquare render correctly 1`] = `
|
|
4
4
|
<div class="b-colorpicker-square" style="width: 200px;">
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
<div class="colorpicker-square-slider-hue">
|
|
6
|
+
<div role="slider" tabindex="0" aria-label="Hue" aria-valuemin="0" aria-valuemax="359" class="hue-range-thumb" style="left: 36.4px; top: 190px; width: 18px;"></div>
|
|
7
|
+
</div>
|
|
8
|
+
<div aria-datascales="lightness, saturation" class="colorpicker-square-slider-sl" style="margin: 20px;">
|
|
9
|
+
<div role="slider" tabindex="0" aria-datavalues="67%, 20%" class="sl-range-thumb" style="left: 67%; top: 80%;"></div>
|
|
10
|
+
</div>
|
|
11
11
|
</div>
|
|
12
12
|
`;
|
package/src/components/colorpicker/__snapshots__/ColorpickerHSLRepresentationTriangle.spec.js.snap
CHANGED
|
@@ -2,35 +2,35 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`BColorpickerHSLRepresentationTriangle render correctly 1`] = `
|
|
4
4
|
<svg viewBox="0 0 200 200" class="b-colorpicker-triangle">
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
</g>
|
|
27
|
-
</g>
|
|
28
|
-
<g role="graphics-datagroup" aria-datascales="lightness, saturation" class="colorpicker-triangle-slider-sl" style="transform: rotate(210deg) translate(50%, 50%);">
|
|
29
|
-
<path d="M0 -78L67.54998149484 39H-67.54998149484z" fill="url(#cp-triangle-gradient-ligthness-0)"></path>
|
|
30
|
-
<path d="M0 -78L67.54998149484 39H-67.54998149484z" fill="url(#cp-triangle-gradient-saturation-0)" style="mix-blend-mode: overlay;"></path>
|
|
31
|
-
<foreignObject x="34.010373654636" y="-44.885000000000005" width="12" height="12">
|
|
32
|
-
<div tabindex="0" aria-datavalues="67%, 20%" class="sl-range-thumb"></div>
|
|
33
|
-
</foreignObject>
|
|
5
|
+
<defs>
|
|
6
|
+
<linearGradient id="cp-triangle-gradient-ligthness-0" x1="0" y1="0" x2="1" y2="0">
|
|
7
|
+
<stop offset="0%" stop-color="#fff"></stop>
|
|
8
|
+
<stop offset="100%" stop-color="#000"></stop>
|
|
9
|
+
</linearGradient>
|
|
10
|
+
<linearGradient id="cp-triangle-gradient-saturation-0" x1="0" y1="0" x2="0" y2="1">
|
|
11
|
+
<stop offset="0%" stop-color="hsl(210deg, 100%, 50%)" stop-opacity="1"></stop>
|
|
12
|
+
<stop offset="100%" stop-color="hsl(210deg, 100%, 50%)" stop-opacity="0"></stop>
|
|
13
|
+
</linearGradient>
|
|
14
|
+
<clipPath id="cp-triangle-clip-0">
|
|
15
|
+
<path d="M2 100a98 98 0 1 1 196 0h-20a-78 78 0 1 0 -156 0a78 78 0 1 0 156 0h20a98 98 0 1 1 -196 0z"></path>
|
|
16
|
+
</clipPath>
|
|
17
|
+
</defs>
|
|
18
|
+
<g class="colorpicker-triangle-slider-hue">
|
|
19
|
+
<foreignObject x="0" y="0" width="200" height="200" clip-path="url(#cp-triangle-clip-0)">
|
|
20
|
+
<div class="colorpicker-triangle-hue"></div>
|
|
21
|
+
</foreignObject>
|
|
22
|
+
<g style="transform: rotate(210deg);">
|
|
23
|
+
<foreignObject x="96" y="0" width="8" height="24">
|
|
24
|
+
<div role="slider" tabindex="0" aria-label="Hue" aria-valuemin="0" aria-valuenow="210" aria-valuemax="360" class="hue-range-thumb"></div>
|
|
25
|
+
</foreignObject>
|
|
34
26
|
</g>
|
|
27
|
+
</g>
|
|
28
|
+
<g role="graphics-datagroup" aria-datascales="lightness, saturation" class="colorpicker-triangle-slider-sl" style="transform: rotate(210deg) translate(50%, 50%);">
|
|
29
|
+
<path d="M0 -78L67.54998149484 39H-67.54998149484z" fill="url(#cp-triangle-gradient-ligthness-0)"></path>
|
|
30
|
+
<path d="M0 -78L67.54998149484 39H-67.54998149484z" fill="url(#cp-triangle-gradient-saturation-0)" style="mix-blend-mode: overlay;"></path>
|
|
31
|
+
<foreignObject x="34.010373654636" y="-44.885000000000005" width="12" height="12">
|
|
32
|
+
<div tabindex="0" aria-datavalues="67%, 20%" class="sl-range-thumb"></div>
|
|
33
|
+
</foreignObject>
|
|
34
|
+
</g>
|
|
35
35
|
</svg>
|
|
36
36
|
`;
|