@warp-ds/elements 2.2.0 → 2.3.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +693 -0
- package/dist/index.d.ts +185 -0
- package/dist/packages/pagination/index.d.ts +32 -0
- package/dist/packages/pagination/index.js +2500 -0
- package/dist/packages/pagination/index.js.map +7 -0
- package/dist/packages/pagination/locales/da/messages.d.mts +1 -0
- package/dist/packages/pagination/locales/da/messages.mjs +1 -0
- package/dist/packages/pagination/locales/en/messages.d.mts +1 -0
- package/dist/packages/pagination/locales/en/messages.mjs +1 -0
- package/dist/packages/pagination/locales/fi/messages.d.mts +1 -0
- package/dist/packages/pagination/locales/fi/messages.mjs +1 -0
- package/dist/packages/pagination/locales/nb/messages.d.mts +1 -0
- package/dist/packages/pagination/locales/nb/messages.mjs +1 -0
- package/dist/packages/pagination/locales/sv/messages.d.mts +1 -0
- package/dist/packages/pagination/locales/sv/messages.mjs +1 -0
- package/dist/packages/pagination/pagination.react.stories.d.ts +21 -0
- package/dist/packages/pagination/pagination.react.stories.js +45 -0
- package/dist/packages/pagination/pagination.stories.d.ts +14 -0
- package/dist/packages/pagination/pagination.stories.js +56 -0
- package/dist/packages/pagination/pagination.test.d.ts +1 -0
- package/dist/packages/pagination/pagination.test.js +76 -0
- package/dist/packages/pagination/react.d.ts +5 -0
- package/dist/packages/pagination/react.js +15 -0
- package/dist/packages/pagination/styles.d.ts +1 -0
- package/dist/packages/pagination/styles.js +2 -0
- package/dist/packages/slider/Slider.d.ts +2 -0
- package/dist/packages/slider/Slider.js +8 -0
- package/dist/packages/slider/SliderThumb.d.ts +2 -0
- package/dist/packages/slider/SliderThumb.js +8 -0
- package/dist/packages/slider/index.d.ts +2 -0
- package/dist/packages/slider/index.js +2 -0
- package/dist/packages/slider/oddbird-css-anchor-positioning.d.ts +2 -0
- package/dist/packages/slider/oddbird-css-anchor-positioning.js +3 -0
- package/dist/packages/slider/react.d.ts +8 -0
- package/dist/packages/slider/react.js +20 -0
- package/dist/packages/slider/slider-thumb.d.ts +57 -0
- package/dist/packages/slider/slider-thumb.js +2705 -0
- package/dist/packages/slider/slider-thumb.js.map +7 -0
- package/dist/packages/slider/slider.d.ts +46 -0
- package/dist/packages/slider/slider.js +2587 -0
- package/dist/packages/slider/slider.js.map +7 -0
- package/dist/packages/slider/slider.react.stories.d.ts +18 -0
- package/dist/packages/slider/slider.react.stories.js +118 -0
- package/dist/packages/slider/slider.stories.d.ts +18 -0
- package/dist/packages/slider/slider.stories.js +197 -0
- package/dist/packages/slider/slider.test.d.ts +4 -0
- package/dist/packages/slider/slider.test.js +83 -0
- package/dist/packages/slider/styles/w-slider-thumb.styles.d.ts +1 -0
- package/dist/packages/slider/styles/w-slider-thumb.styles.js +167 -0
- package/dist/packages/slider/styles/w-slider.styles.d.ts +1 -0
- package/dist/packages/slider/styles/w-slider.styles.js +134 -0
- package/dist/packages/slider/styles.d.ts +1 -0
- package/dist/packages/slider/styles.js +2 -0
- package/dist/web-types.json +198 -1
- package/package.json +3 -1
|
@@ -2908,6 +2908,699 @@
|
|
|
2908
2908
|
}
|
|
2909
2909
|
}
|
|
2910
2910
|
]
|
|
2911
|
+
},
|
|
2912
|
+
{
|
|
2913
|
+
"kind": "javascript-module",
|
|
2914
|
+
"path": "packages/pagination/index.ts",
|
|
2915
|
+
"declarations": [
|
|
2916
|
+
{
|
|
2917
|
+
"kind": "class",
|
|
2918
|
+
"description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)",
|
|
2919
|
+
"name": "WarpPagination",
|
|
2920
|
+
"members": [
|
|
2921
|
+
{
|
|
2922
|
+
"kind": "field",
|
|
2923
|
+
"name": "baseUrl",
|
|
2924
|
+
"type": {
|
|
2925
|
+
"text": "string"
|
|
2926
|
+
},
|
|
2927
|
+
"attribute": "base-url",
|
|
2928
|
+
"reflects": true
|
|
2929
|
+
},
|
|
2930
|
+
{
|
|
2931
|
+
"kind": "field",
|
|
2932
|
+
"name": "pages",
|
|
2933
|
+
"type": {
|
|
2934
|
+
"text": "number"
|
|
2935
|
+
},
|
|
2936
|
+
"attribute": "pages",
|
|
2937
|
+
"reflects": true
|
|
2938
|
+
},
|
|
2939
|
+
{
|
|
2940
|
+
"kind": "field",
|
|
2941
|
+
"name": "currentPageNumber",
|
|
2942
|
+
"type": {
|
|
2943
|
+
"text": "number"
|
|
2944
|
+
},
|
|
2945
|
+
"default": "1",
|
|
2946
|
+
"attribute": "current-page",
|
|
2947
|
+
"reflects": true
|
|
2948
|
+
},
|
|
2949
|
+
{
|
|
2950
|
+
"kind": "field",
|
|
2951
|
+
"name": "visiblePages",
|
|
2952
|
+
"type": {
|
|
2953
|
+
"text": "number"
|
|
2954
|
+
},
|
|
2955
|
+
"default": "7",
|
|
2956
|
+
"attribute": "visible-pages",
|
|
2957
|
+
"reflects": true
|
|
2958
|
+
},
|
|
2959
|
+
{
|
|
2960
|
+
"kind": "method",
|
|
2961
|
+
"name": "#dispatchClickPage",
|
|
2962
|
+
"privacy": "private",
|
|
2963
|
+
"parameters": [
|
|
2964
|
+
{
|
|
2965
|
+
"name": "e",
|
|
2966
|
+
"type": {
|
|
2967
|
+
"text": "PointerEvent"
|
|
2968
|
+
}
|
|
2969
|
+
}
|
|
2970
|
+
]
|
|
2971
|
+
}
|
|
2972
|
+
],
|
|
2973
|
+
"events": [
|
|
2974
|
+
{
|
|
2975
|
+
"name": "page-click",
|
|
2976
|
+
"type": {
|
|
2977
|
+
"text": "CustomEvent"
|
|
2978
|
+
},
|
|
2979
|
+
"description": "Triggered when a link button in the pagination is clicked. Contains the page number in `string` form."
|
|
2980
|
+
}
|
|
2981
|
+
],
|
|
2982
|
+
"attributes": [
|
|
2983
|
+
{
|
|
2984
|
+
"name": "base-url",
|
|
2985
|
+
"type": {
|
|
2986
|
+
"text": "string"
|
|
2987
|
+
},
|
|
2988
|
+
"fieldName": "baseUrl"
|
|
2989
|
+
},
|
|
2990
|
+
{
|
|
2991
|
+
"name": "pages",
|
|
2992
|
+
"type": {
|
|
2993
|
+
"text": "number"
|
|
2994
|
+
},
|
|
2995
|
+
"fieldName": "pages"
|
|
2996
|
+
},
|
|
2997
|
+
{
|
|
2998
|
+
"name": "current-page",
|
|
2999
|
+
"type": {
|
|
3000
|
+
"text": "number"
|
|
3001
|
+
},
|
|
3002
|
+
"default": "1",
|
|
3003
|
+
"fieldName": "currentPageNumber"
|
|
3004
|
+
},
|
|
3005
|
+
{
|
|
3006
|
+
"name": "visible-pages",
|
|
3007
|
+
"type": {
|
|
3008
|
+
"text": "number"
|
|
3009
|
+
},
|
|
3010
|
+
"default": "7",
|
|
3011
|
+
"fieldName": "visiblePages"
|
|
3012
|
+
}
|
|
3013
|
+
],
|
|
3014
|
+
"superclass": {
|
|
3015
|
+
"name": "LitElement",
|
|
3016
|
+
"package": "lit"
|
|
3017
|
+
},
|
|
3018
|
+
"tagName": "w-pagination",
|
|
3019
|
+
"customElement": true,
|
|
3020
|
+
"modulePath": "packages/pagination/index.ts",
|
|
3021
|
+
"definitionPath": "packages/pagination/index.ts"
|
|
3022
|
+
}
|
|
3023
|
+
],
|
|
3024
|
+
"exports": [
|
|
3025
|
+
{
|
|
3026
|
+
"kind": "custom-element-definition",
|
|
3027
|
+
"name": "w-pagination",
|
|
3028
|
+
"declaration": {
|
|
3029
|
+
"name": "WarpPagination",
|
|
3030
|
+
"module": "packages/pagination/index.ts"
|
|
3031
|
+
}
|
|
3032
|
+
},
|
|
3033
|
+
{
|
|
3034
|
+
"kind": "js",
|
|
3035
|
+
"name": "WarpPagination",
|
|
3036
|
+
"declaration": {
|
|
3037
|
+
"name": "WarpPagination",
|
|
3038
|
+
"module": "packages/pagination/index.ts"
|
|
3039
|
+
}
|
|
3040
|
+
}
|
|
3041
|
+
]
|
|
3042
|
+
},
|
|
3043
|
+
{
|
|
3044
|
+
"kind": "javascript-module",
|
|
3045
|
+
"path": "packages/slider/slider-thumb.ts",
|
|
3046
|
+
"declarations": [
|
|
3047
|
+
{
|
|
3048
|
+
"kind": "class",
|
|
3049
|
+
"description": "Component to place inside a `<w-slider>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
|
|
3050
|
+
"name": "WarpSliderThumb",
|
|
3051
|
+
"members": [
|
|
3052
|
+
{
|
|
3053
|
+
"kind": "field",
|
|
3054
|
+
"name": "shadowRootOptions",
|
|
3055
|
+
"type": {
|
|
3056
|
+
"text": "object"
|
|
3057
|
+
},
|
|
3058
|
+
"static": true,
|
|
3059
|
+
"default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
|
|
3060
|
+
},
|
|
3061
|
+
{
|
|
3062
|
+
"kind": "field",
|
|
3063
|
+
"name": "ariaLabel",
|
|
3064
|
+
"type": {
|
|
3065
|
+
"text": "string"
|
|
3066
|
+
},
|
|
3067
|
+
"attribute": "aria-label",
|
|
3068
|
+
"reflects": true
|
|
3069
|
+
},
|
|
3070
|
+
{
|
|
3071
|
+
"kind": "field",
|
|
3072
|
+
"name": "ariaDescription",
|
|
3073
|
+
"type": {
|
|
3074
|
+
"text": "string"
|
|
3075
|
+
},
|
|
3076
|
+
"attribute": "aria-description",
|
|
3077
|
+
"reflects": true
|
|
3078
|
+
},
|
|
3079
|
+
{
|
|
3080
|
+
"kind": "field",
|
|
3081
|
+
"name": "label",
|
|
3082
|
+
"type": {
|
|
3083
|
+
"text": "string"
|
|
3084
|
+
},
|
|
3085
|
+
"attribute": "label",
|
|
3086
|
+
"reflects": true
|
|
3087
|
+
},
|
|
3088
|
+
{
|
|
3089
|
+
"kind": "field",
|
|
3090
|
+
"name": "name",
|
|
3091
|
+
"type": {
|
|
3092
|
+
"text": "string"
|
|
3093
|
+
},
|
|
3094
|
+
"attribute": "name",
|
|
3095
|
+
"reflects": true
|
|
3096
|
+
},
|
|
3097
|
+
{
|
|
3098
|
+
"kind": "field",
|
|
3099
|
+
"name": "value",
|
|
3100
|
+
"type": {
|
|
3101
|
+
"text": "string"
|
|
3102
|
+
},
|
|
3103
|
+
"attribute": "value",
|
|
3104
|
+
"reflects": true
|
|
3105
|
+
},
|
|
3106
|
+
{
|
|
3107
|
+
"kind": "field",
|
|
3108
|
+
"name": "disabled",
|
|
3109
|
+
"type": {
|
|
3110
|
+
"text": "boolean"
|
|
3111
|
+
},
|
|
3112
|
+
"attribute": "disabled",
|
|
3113
|
+
"reflects": true
|
|
3114
|
+
},
|
|
3115
|
+
{
|
|
3116
|
+
"kind": "field",
|
|
3117
|
+
"name": "markers",
|
|
3118
|
+
"type": {
|
|
3119
|
+
"text": "string"
|
|
3120
|
+
},
|
|
3121
|
+
"description": "Set by `<w-slider>`"
|
|
3122
|
+
},
|
|
3123
|
+
{
|
|
3124
|
+
"kind": "field",
|
|
3125
|
+
"name": "required",
|
|
3126
|
+
"type": {
|
|
3127
|
+
"text": "boolean"
|
|
3128
|
+
},
|
|
3129
|
+
"description": "Set by `<w-slider>`"
|
|
3130
|
+
},
|
|
3131
|
+
{
|
|
3132
|
+
"kind": "field",
|
|
3133
|
+
"name": "step",
|
|
3134
|
+
"type": {
|
|
3135
|
+
"text": "number"
|
|
3136
|
+
},
|
|
3137
|
+
"description": "Set by `<w-slider>`"
|
|
3138
|
+
},
|
|
3139
|
+
{
|
|
3140
|
+
"kind": "field",
|
|
3141
|
+
"name": "min",
|
|
3142
|
+
"type": {
|
|
3143
|
+
"text": "string"
|
|
3144
|
+
},
|
|
3145
|
+
"description": "Set by `<w-slider>`"
|
|
3146
|
+
},
|
|
3147
|
+
{
|
|
3148
|
+
"kind": "field",
|
|
3149
|
+
"name": "max",
|
|
3150
|
+
"type": {
|
|
3151
|
+
"text": "string"
|
|
3152
|
+
},
|
|
3153
|
+
"description": "Set by `<w-slider>`"
|
|
3154
|
+
},
|
|
3155
|
+
{
|
|
3156
|
+
"kind": "field",
|
|
3157
|
+
"name": "suffix",
|
|
3158
|
+
"type": {
|
|
3159
|
+
"text": "string"
|
|
3160
|
+
},
|
|
3161
|
+
"description": "Set by `<w-slider>`"
|
|
3162
|
+
},
|
|
3163
|
+
{
|
|
3164
|
+
"kind": "field",
|
|
3165
|
+
"name": "formatter",
|
|
3166
|
+
"type": {
|
|
3167
|
+
"text": "(value: string) => string"
|
|
3168
|
+
},
|
|
3169
|
+
"description": "JS hook to help you format the numeric value how you want."
|
|
3170
|
+
},
|
|
3171
|
+
{
|
|
3172
|
+
"kind": "field",
|
|
3173
|
+
"name": "range",
|
|
3174
|
+
"type": {
|
|
3175
|
+
"text": "HTMLInputElement"
|
|
3176
|
+
}
|
|
3177
|
+
},
|
|
3178
|
+
{
|
|
3179
|
+
"kind": "field",
|
|
3180
|
+
"name": "textfield",
|
|
3181
|
+
"type": {
|
|
3182
|
+
"text": "WarpTextField"
|
|
3183
|
+
}
|
|
3184
|
+
},
|
|
3185
|
+
{
|
|
3186
|
+
"kind": "method",
|
|
3187
|
+
"name": "#showTooltip",
|
|
3188
|
+
"privacy": "private",
|
|
3189
|
+
"return": {
|
|
3190
|
+
"type": {
|
|
3191
|
+
"text": "void"
|
|
3192
|
+
}
|
|
3193
|
+
}
|
|
3194
|
+
},
|
|
3195
|
+
{
|
|
3196
|
+
"kind": "method",
|
|
3197
|
+
"name": "#hideTooltip",
|
|
3198
|
+
"privacy": "private",
|
|
3199
|
+
"return": {
|
|
3200
|
+
"type": {
|
|
3201
|
+
"text": "void"
|
|
3202
|
+
}
|
|
3203
|
+
}
|
|
3204
|
+
},
|
|
3205
|
+
{
|
|
3206
|
+
"kind": "method",
|
|
3207
|
+
"name": "#onInput",
|
|
3208
|
+
"privacy": "private",
|
|
3209
|
+
"return": {
|
|
3210
|
+
"type": {
|
|
3211
|
+
"text": "boolean"
|
|
3212
|
+
}
|
|
3213
|
+
},
|
|
3214
|
+
"parameters": [
|
|
3215
|
+
{
|
|
3216
|
+
"name": "e",
|
|
3217
|
+
"type": {
|
|
3218
|
+
"text": "InputEvent | CustomEvent"
|
|
3219
|
+
}
|
|
3220
|
+
}
|
|
3221
|
+
]
|
|
3222
|
+
}
|
|
3223
|
+
],
|
|
3224
|
+
"events": [
|
|
3225
|
+
{
|
|
3226
|
+
"name": "slidervalidity",
|
|
3227
|
+
"type": {
|
|
3228
|
+
"text": "CustomEvent"
|
|
3229
|
+
}
|
|
3230
|
+
}
|
|
3231
|
+
],
|
|
3232
|
+
"attributes": [
|
|
3233
|
+
{
|
|
3234
|
+
"name": "aria-label",
|
|
3235
|
+
"type": {
|
|
3236
|
+
"text": "string"
|
|
3237
|
+
},
|
|
3238
|
+
"fieldName": "ariaLabel"
|
|
3239
|
+
},
|
|
3240
|
+
{
|
|
3241
|
+
"name": "aria-description",
|
|
3242
|
+
"type": {
|
|
3243
|
+
"text": "string"
|
|
3244
|
+
},
|
|
3245
|
+
"fieldName": "ariaDescription"
|
|
3246
|
+
},
|
|
3247
|
+
{
|
|
3248
|
+
"name": "label",
|
|
3249
|
+
"type": {
|
|
3250
|
+
"text": "string"
|
|
3251
|
+
},
|
|
3252
|
+
"fieldName": "label"
|
|
3253
|
+
},
|
|
3254
|
+
{
|
|
3255
|
+
"name": "name",
|
|
3256
|
+
"type": {
|
|
3257
|
+
"text": "string"
|
|
3258
|
+
},
|
|
3259
|
+
"fieldName": "name"
|
|
3260
|
+
},
|
|
3261
|
+
{
|
|
3262
|
+
"name": "value",
|
|
3263
|
+
"type": {
|
|
3264
|
+
"text": "string"
|
|
3265
|
+
},
|
|
3266
|
+
"fieldName": "value"
|
|
3267
|
+
},
|
|
3268
|
+
{
|
|
3269
|
+
"name": "disabled",
|
|
3270
|
+
"type": {
|
|
3271
|
+
"text": "boolean"
|
|
3272
|
+
},
|
|
3273
|
+
"fieldName": "disabled"
|
|
3274
|
+
}
|
|
3275
|
+
],
|
|
3276
|
+
"mixins": [
|
|
3277
|
+
{
|
|
3278
|
+
"name": "FormControlMixin",
|
|
3279
|
+
"package": "@open-wc/form-control"
|
|
3280
|
+
}
|
|
3281
|
+
],
|
|
3282
|
+
"superclass": {
|
|
3283
|
+
"name": "LitElement",
|
|
3284
|
+
"package": "lit"
|
|
3285
|
+
},
|
|
3286
|
+
"tagName": "w-slider-thumb",
|
|
3287
|
+
"customElement": true,
|
|
3288
|
+
"modulePath": "packages/slider/slider-thumb.ts",
|
|
3289
|
+
"definitionPath": "packages/slider/slider-thumb.ts"
|
|
3290
|
+
}
|
|
3291
|
+
],
|
|
3292
|
+
"exports": [
|
|
3293
|
+
{
|
|
3294
|
+
"kind": "custom-element-definition",
|
|
3295
|
+
"name": "w-slider-thumb",
|
|
3296
|
+
"declaration": {
|
|
3297
|
+
"name": "WarpSliderThumb",
|
|
3298
|
+
"module": "packages/slider/slider-thumb.ts"
|
|
3299
|
+
}
|
|
3300
|
+
},
|
|
3301
|
+
{
|
|
3302
|
+
"kind": "js",
|
|
3303
|
+
"name": "WarpSliderThumb",
|
|
3304
|
+
"declaration": {
|
|
3305
|
+
"name": "WarpSliderThumb",
|
|
3306
|
+
"module": "packages/slider/slider-thumb.ts"
|
|
3307
|
+
}
|
|
3308
|
+
}
|
|
3309
|
+
]
|
|
3310
|
+
},
|
|
3311
|
+
{
|
|
3312
|
+
"kind": "javascript-module",
|
|
3313
|
+
"path": "packages/slider/slider.ts",
|
|
3314
|
+
"declarations": [
|
|
3315
|
+
{
|
|
3316
|
+
"kind": "class",
|
|
3317
|
+
"description": "Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
|
|
3318
|
+
"name": "WarpSlider",
|
|
3319
|
+
"slots": [
|
|
3320
|
+
{
|
|
3321
|
+
"description": "For single sliders place a `<w-slider-thumb>` in the default slot.",
|
|
3322
|
+
"name": ""
|
|
3323
|
+
},
|
|
3324
|
+
{
|
|
3325
|
+
"description": "Label for the slider or range slider as a whole.",
|
|
3326
|
+
"name": "label"
|
|
3327
|
+
},
|
|
3328
|
+
{
|
|
3329
|
+
"description": "Optional description between the label and slider.",
|
|
3330
|
+
"name": "description"
|
|
3331
|
+
},
|
|
3332
|
+
{
|
|
3333
|
+
"description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
|
|
3334
|
+
"name": "from"
|
|
3335
|
+
},
|
|
3336
|
+
{
|
|
3337
|
+
"description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
|
|
3338
|
+
"name": "to"
|
|
3339
|
+
}
|
|
3340
|
+
],
|
|
3341
|
+
"members": [
|
|
3342
|
+
{
|
|
3343
|
+
"kind": "field",
|
|
3344
|
+
"name": "shadowRootOptions",
|
|
3345
|
+
"type": {
|
|
3346
|
+
"text": "object"
|
|
3347
|
+
},
|
|
3348
|
+
"static": true,
|
|
3349
|
+
"default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
|
|
3350
|
+
},
|
|
3351
|
+
{
|
|
3352
|
+
"kind": "field",
|
|
3353
|
+
"name": "label",
|
|
3354
|
+
"type": {
|
|
3355
|
+
"text": "string"
|
|
3356
|
+
},
|
|
3357
|
+
"description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead.",
|
|
3358
|
+
"attribute": "label",
|
|
3359
|
+
"reflects": true
|
|
3360
|
+
},
|
|
3361
|
+
{
|
|
3362
|
+
"kind": "field",
|
|
3363
|
+
"name": "disabled",
|
|
3364
|
+
"type": {
|
|
3365
|
+
"text": "boolean"
|
|
3366
|
+
},
|
|
3367
|
+
"default": "false",
|
|
3368
|
+
"attribute": "disabled",
|
|
3369
|
+
"reflects": true
|
|
3370
|
+
},
|
|
3371
|
+
{
|
|
3372
|
+
"kind": "field",
|
|
3373
|
+
"name": "invalid",
|
|
3374
|
+
"type": {
|
|
3375
|
+
"text": "boolean"
|
|
3376
|
+
},
|
|
3377
|
+
"default": "false",
|
|
3378
|
+
"attribute": "invalid",
|
|
3379
|
+
"reflects": true
|
|
3380
|
+
},
|
|
3381
|
+
{
|
|
3382
|
+
"kind": "field",
|
|
3383
|
+
"name": "required",
|
|
3384
|
+
"type": {
|
|
3385
|
+
"text": "boolean"
|
|
3386
|
+
},
|
|
3387
|
+
"default": "false",
|
|
3388
|
+
"description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
|
|
3389
|
+
"attribute": "required",
|
|
3390
|
+
"reflects": true
|
|
3391
|
+
},
|
|
3392
|
+
{
|
|
3393
|
+
"kind": "field",
|
|
3394
|
+
"name": "min",
|
|
3395
|
+
"type": {
|
|
3396
|
+
"text": "string"
|
|
3397
|
+
},
|
|
3398
|
+
"attribute": "min",
|
|
3399
|
+
"reflects": true
|
|
3400
|
+
},
|
|
3401
|
+
{
|
|
3402
|
+
"kind": "field",
|
|
3403
|
+
"name": "max",
|
|
3404
|
+
"type": {
|
|
3405
|
+
"text": "string"
|
|
3406
|
+
},
|
|
3407
|
+
"attribute": "max",
|
|
3408
|
+
"reflects": true
|
|
3409
|
+
},
|
|
3410
|
+
{
|
|
3411
|
+
"kind": "field",
|
|
3412
|
+
"name": "markers",
|
|
3413
|
+
"type": {
|
|
3414
|
+
"text": "number"
|
|
3415
|
+
},
|
|
3416
|
+
"description": "Pass a value similar to step to create visual markers at that interval",
|
|
3417
|
+
"attribute": "markers",
|
|
3418
|
+
"reflects": true
|
|
3419
|
+
},
|
|
3420
|
+
{
|
|
3421
|
+
"kind": "field",
|
|
3422
|
+
"name": "step",
|
|
3423
|
+
"type": {
|
|
3424
|
+
"text": "number"
|
|
3425
|
+
},
|
|
3426
|
+
"attribute": "step",
|
|
3427
|
+
"reflects": true
|
|
3428
|
+
},
|
|
3429
|
+
{
|
|
3430
|
+
"kind": "field",
|
|
3431
|
+
"name": "suffix",
|
|
3432
|
+
"type": {
|
|
3433
|
+
"text": "string"
|
|
3434
|
+
},
|
|
3435
|
+
"description": "Suffix used in text input fields and for the min and max values of the slider.",
|
|
3436
|
+
"attribute": "suffix",
|
|
3437
|
+
"reflects": true
|
|
3438
|
+
},
|
|
3439
|
+
{
|
|
3440
|
+
"kind": "field",
|
|
3441
|
+
"name": "formatter",
|
|
3442
|
+
"type": {
|
|
3443
|
+
"text": "(value: string) => string"
|
|
3444
|
+
},
|
|
3445
|
+
"description": "Function to format the to- and from labels and value in the slider thumb tooltip."
|
|
3446
|
+
},
|
|
3447
|
+
{
|
|
3448
|
+
"kind": "method",
|
|
3449
|
+
"name": "#syncSliderThumbs",
|
|
3450
|
+
"privacy": "private",
|
|
3451
|
+
"return": {
|
|
3452
|
+
"type": {
|
|
3453
|
+
"text": "void"
|
|
3454
|
+
}
|
|
3455
|
+
}
|
|
3456
|
+
},
|
|
3457
|
+
{
|
|
3458
|
+
"kind": "method",
|
|
3459
|
+
"name": "#onInput",
|
|
3460
|
+
"privacy": "private",
|
|
3461
|
+
"parameters": [
|
|
3462
|
+
{
|
|
3463
|
+
"name": "e",
|
|
3464
|
+
"type": {
|
|
3465
|
+
"text": "InputEvent"
|
|
3466
|
+
}
|
|
3467
|
+
}
|
|
3468
|
+
]
|
|
3469
|
+
},
|
|
3470
|
+
{
|
|
3471
|
+
"kind": "method",
|
|
3472
|
+
"name": "#onSliderValidity",
|
|
3473
|
+
"privacy": "private",
|
|
3474
|
+
"parameters": [
|
|
3475
|
+
{
|
|
3476
|
+
"name": "e",
|
|
3477
|
+
"type": {
|
|
3478
|
+
"text": "CustomEvent"
|
|
3479
|
+
}
|
|
3480
|
+
}
|
|
3481
|
+
]
|
|
3482
|
+
},
|
|
3483
|
+
{
|
|
3484
|
+
"kind": "method",
|
|
3485
|
+
"name": "#updateActiveTrack",
|
|
3486
|
+
"privacy": "private",
|
|
3487
|
+
"parameters": [
|
|
3488
|
+
{
|
|
3489
|
+
"name": "input",
|
|
3490
|
+
"type": {
|
|
3491
|
+
"text": "WarpSliderThumb"
|
|
3492
|
+
}
|
|
3493
|
+
}
|
|
3494
|
+
],
|
|
3495
|
+
"description": "We use CSS variables to fill the active track with a background color."
|
|
3496
|
+
}
|
|
3497
|
+
],
|
|
3498
|
+
"attributes": [
|
|
3499
|
+
{
|
|
3500
|
+
"name": "label",
|
|
3501
|
+
"type": {
|
|
3502
|
+
"text": "string"
|
|
3503
|
+
},
|
|
3504
|
+
"description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead.",
|
|
3505
|
+
"fieldName": "label"
|
|
3506
|
+
},
|
|
3507
|
+
{
|
|
3508
|
+
"name": "disabled",
|
|
3509
|
+
"type": {
|
|
3510
|
+
"text": "boolean"
|
|
3511
|
+
},
|
|
3512
|
+
"default": "false",
|
|
3513
|
+
"fieldName": "disabled"
|
|
3514
|
+
},
|
|
3515
|
+
{
|
|
3516
|
+
"name": "invalid",
|
|
3517
|
+
"type": {
|
|
3518
|
+
"text": "boolean"
|
|
3519
|
+
},
|
|
3520
|
+
"default": "false",
|
|
3521
|
+
"fieldName": "invalid"
|
|
3522
|
+
},
|
|
3523
|
+
{
|
|
3524
|
+
"name": "required",
|
|
3525
|
+
"type": {
|
|
3526
|
+
"text": "boolean"
|
|
3527
|
+
},
|
|
3528
|
+
"default": "false",
|
|
3529
|
+
"description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
|
|
3530
|
+
"fieldName": "required"
|
|
3531
|
+
},
|
|
3532
|
+
{
|
|
3533
|
+
"name": "min",
|
|
3534
|
+
"type": {
|
|
3535
|
+
"text": "string"
|
|
3536
|
+
},
|
|
3537
|
+
"fieldName": "min"
|
|
3538
|
+
},
|
|
3539
|
+
{
|
|
3540
|
+
"name": "max",
|
|
3541
|
+
"type": {
|
|
3542
|
+
"text": "string"
|
|
3543
|
+
},
|
|
3544
|
+
"fieldName": "max"
|
|
3545
|
+
},
|
|
3546
|
+
{
|
|
3547
|
+
"name": "markers",
|
|
3548
|
+
"type": {
|
|
3549
|
+
"text": "number"
|
|
3550
|
+
},
|
|
3551
|
+
"description": "Pass a value similar to step to create visual markers at that interval",
|
|
3552
|
+
"fieldName": "markers"
|
|
3553
|
+
},
|
|
3554
|
+
{
|
|
3555
|
+
"name": "step",
|
|
3556
|
+
"type": {
|
|
3557
|
+
"text": "number"
|
|
3558
|
+
},
|
|
3559
|
+
"fieldName": "step"
|
|
3560
|
+
},
|
|
3561
|
+
{
|
|
3562
|
+
"name": "suffix",
|
|
3563
|
+
"type": {
|
|
3564
|
+
"text": "string"
|
|
3565
|
+
},
|
|
3566
|
+
"description": "Suffix used in text input fields and for the min and max values of the slider.",
|
|
3567
|
+
"fieldName": "suffix"
|
|
3568
|
+
}
|
|
3569
|
+
],
|
|
3570
|
+
"mixins": [
|
|
3571
|
+
{
|
|
3572
|
+
"name": "FormControlMixin",
|
|
3573
|
+
"package": "@open-wc/form-control"
|
|
3574
|
+
}
|
|
3575
|
+
],
|
|
3576
|
+
"superclass": {
|
|
3577
|
+
"name": "LitElement",
|
|
3578
|
+
"package": "lit"
|
|
3579
|
+
},
|
|
3580
|
+
"tagName": "w-slider",
|
|
3581
|
+
"customElement": true,
|
|
3582
|
+
"modulePath": "packages/slider/slider.ts",
|
|
3583
|
+
"definitionPath": "packages/slider/slider.ts"
|
|
3584
|
+
}
|
|
3585
|
+
],
|
|
3586
|
+
"exports": [
|
|
3587
|
+
{
|
|
3588
|
+
"kind": "custom-element-definition",
|
|
3589
|
+
"name": "w-slider",
|
|
3590
|
+
"declaration": {
|
|
3591
|
+
"name": "WarpSlider",
|
|
3592
|
+
"module": "packages/slider/slider.ts"
|
|
3593
|
+
}
|
|
3594
|
+
},
|
|
3595
|
+
{
|
|
3596
|
+
"kind": "js",
|
|
3597
|
+
"name": "WarpSlider",
|
|
3598
|
+
"declaration": {
|
|
3599
|
+
"name": "WarpSlider",
|
|
3600
|
+
"module": "packages/slider/slider.ts"
|
|
3601
|
+
}
|
|
3602
|
+
}
|
|
3603
|
+
]
|
|
2911
3604
|
}
|
|
2912
3605
|
]
|
|
2913
3606
|
}
|